@dfds-ui/react-components 1.1.12-alpha.9d1546bb → 1.1.12-alpha.a5cf8ef8

package/cjs/button/IconButton.js

@@ -0,0 +1,178 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.getDefaultIconButtonDimensions = exports.getDefaultIconButtonIconSize = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _react2 = require("@emotion/react");
+
+var _theme = require("@dfds-ui/theme");
+
+var _Tooltip = require("../tooltip/Tooltip");
+
+const _excluded = ["type", "tooltip", "title", "size", "icon", "disableTooltip", "disableOverlay", "disabled", "color", "hoverColor", "focusColor", "activeColor", "overlayOptions", "as", "ariaLabel"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+/**
+ * Helper function returning the default icon size when rendering an IconButton in the specified size.
+ * @param size : IconButtonSize;
+ * @returns The default icon size
+ */
+const getDefaultIconButtonIconSize = size => {
+  switch (size) {
+    case 'small':
+    case 's':
+      return '1.25rem';
+
+    case 'medium':
+    case 'm':
+      return '1.5rem';
+
+    case 'large':
+    case 'l':
+      return '2rem';
+  }
+};
+/**
+ * Helper function returning the default dimensions of an IconButton in the specified size.
+ * @param size : IconButtonSize;
+ * @returns The default size
+ */
+
+
+exports.getDefaultIconButtonIconSize = getDefaultIconButtonIconSize;
+
+const getDefaultIconButtonDimensions = size => {
+  switch (size) {
+    case 'small':
+    case 's':
+      return {
+        height: '2.5rem',
+        width: '2.5rem'
+      };
+
+    case 'medium':
+    case 'm':
+      return {
+        height: '2.75rem',
+        width: '2.75rem'
+      };
+
+    case 'large':
+    case 'l':
+      return {
+        height: '2.75rem',
+        width: '2.75rem'
+      };
+  }
+};
+
+exports.getDefaultIconButtonDimensions = getDefaultIconButtonDimensions;
+
+const getDisabledTextColor = color => {
+  const themeColorsText = _theme.theme.colors.text;
+
+  switch (color) {
+    case themeColorsText.dark.primary:
+      return themeColorsText.dark.disabled;
+
+    case themeColorsText.dark.secondary:
+      return themeColorsText.dark.disabled;
+
+    case themeColorsText.light.primary:
+      return themeColorsText.light.disabled;
+
+    case themeColorsText.light.secondary:
+      return themeColorsText.light.disabled;
+
+    case themeColorsText.primary.primary:
+      return themeColorsText.primary.disabled;
+
+    case themeColorsText.primary.secondary:
+      return themeColorsText.primary.disabled;
+
+    case themeColorsText.secondary.primary:
+      return themeColorsText.secondary.disabled;
+
+    case themeColorsText.secondary.disabled:
+      return themeColorsText.secondary.disabled;
+
+    default:
+      return color;
+  }
+};
+
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "ti75j2",
+  styles: "margin:0"
+} : {
+  name: "1rwqdrl-IconButton",
+  styles: "margin:0;label:IconButton;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9idXR0b24vSWNvbkJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaU5nQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvYnV0dG9uL0ljb25CdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IEVsZW1lbnRUeXBlLCBDb21wb25lbnRQcm9wc1dpdGhSZWYsIGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IE92ZXJsYXlPcHRpb25zIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUvc3RhdGVzJ1xuaW1wb3J0IHsgUG9seW1vcnBoaWNDb21wb25lbnRQcm9wcyB9IGZyb20gJy4uL2NvbW1vbi9wb2x5bW9ycGhpYydcbmltcG9ydCB7IFVuc3RhYmxlV2l0aFRvb2x0aXAgfSBmcm9tICcuLi90b29sdGlwL1Rvb2x0aXAnXG5cbmV4cG9ydCB0eXBlIEljb25CdXR0b25TaXplID0gJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2xhcmdlJyB8ICdzJyB8ICdtJyB8ICdsJ1xuXG5leHBvcnQgaW50ZXJmYWNlIEljb25CdXR0b25Qcm9wcyBleHRlbmRzIFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHMsIENvbXBvbmVudFByb3BzV2l0aFJlZjwnYnV0dG9uJz4ge1xuICAvKipcbiAgICogSWNvbiB0byBiZSBkaXNwbGF5ZWQgb24gdGhlIGJ1dHRvbi5cbiAgICovXG4gIGljb246IEVsZW1lbnRUeXBlXG4gIC8qKlxuICAgKiBUZXh0IG9mIHRoZSBhcmlhLWxhYmVsIGFzIHdlbGwgYXMgdGhlIGZhbGxiYWNrIHZhbHVlIHVzZWQgZm9yIHRvb2x0aXAuXG4gICAqL1xuICBhcmlhTGFiZWw6IHN0cmluZ1xuICAvKipcbiAgICogU2l6ZSBvZiB0aGUgYnV0dG9uLlxuICAgKi9cbiAgc2l6ZT86IEljb25CdXR0b25TaXplXG4gIC8qKlxuICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gdGhlIGJ1dHRvbi5cbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAvKipcbiAgICogRGlzYWJsZSBidXR0b24uXG4gICAqL1xuICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIERpc2FibGUgb3ZlcmxheSBzdGF0ZXMuXG4gICAqL1xuICBkaXNhYmxlT3ZlcmxheT86IGJvb2xlYW5cbiAgLyoqXG4gICAqIERpc2FibGUgdG9vbHRpcC5cbiAgICovXG4gIGRpc2FibGVUb29sdGlwPzogYm9vbGVhblxuICAvKipcbiAgICogVGV4dCBvZiB0aGUgdG9vbHRpcCwgaWYgbm9uZSwgYXJpYS1sYWJlbCB3aWxsIGJlIHVzZWQuXG4gICAqL1xuICB0b29sdGlwPzogc3RyaW5nXG4gIC8qKlxuICAgKiBDb2xvciBvZiB0aGUgYnV0dG9uIGFuZCB0aGUgb3ZlcmxheSBzdGF0ZS5cbiAgICovXG4gIGNvbG9yPzogc3RyaW5nXG4gIC8qKlxuICAgKiBPdmVycmlkZSBjb2xvciB0byBiZSB1c2VkIGZvciB0aGUgaG92ZXIgc3RhdGUuXG4gICAqL1xuICBob3ZlckNvbG9yPzogc3RyaW5nXG4gIC8qKlxuICAgKiBPdmVycmlkZSBjb2xvciB0byBiZSB1c2VkIGZvciB0aGUgYWN0aXZlIHN0YXRlLlxuICAgKi9cbiAgYWN0aXZlQ29sb3I/OiBzdHJpbmdcbiAgLyoqXG4gICAqIE92ZXJyaWRlIGNvbG9yIHRvIGJlIHVzZWQgZm9yIHRoZSBmb2N1cyBzdGF0ZS5cbiAgICovXG4gIGZvY3VzQ29sb3I/OiBzdHJpbmdcbiAgLyoqXG4gICAqIE92ZXJyaWRlIHRoZSBvdmVybGF5IG9wdGlvbnMgdG8gdXNlLlxuICAgKi9cbiAgb3ZlcmxheU9wdGlvbnM/OiBPdmVybGF5T3B0aW9uc1xufVxuXG4vKipcbiAqIEhlbHBlciBmdW5jdGlvbiByZXR1cm5pbmcgdGhlIGRlZmF1bHQgaWNvbiBzaXplIHdoZW4gcmVuZGVyaW5nIGFuIEljb25CdXR0b24gaW4gdGhlIHNwZWNpZmllZCBzaXplLlxuICogQHBhcmFtIHNpemUgOiBJY29uQnV0dG9uU2l6ZTtcbiAqIEByZXR1cm5zIFRoZSBkZWZhdWx0IGljb24gc2l6ZVxuICovXG5leHBvcnQgY29uc3QgZ2V0RGVmYXVsdEljb25CdXR0b25JY29uU2l6ZSA9IChzaXplOiBJY29uQnV0dG9uU2l6ZSkgPT4ge1xuICBzd2l0Y2ggKHNpemUpIHtcbiAgICBjYXNlICdzbWFsbCc6XG4gICAgY2FzZSAncyc6XG4gICAgICByZXR1cm4gJzEuMjVyZW0nXG4gICAgY2FzZSAnbWVkaXVtJzpcbiAgICBjYXNlICdtJzpcbiAgICAgIHJldHVybiAnMS41cmVtJ1xuICAgIGNhc2UgJ2xhcmdlJzpcbiAgICBjYXNlICdsJzpcbiAgICAgIHJldHVybiAnMnJlbSdcbiAgfVxufVxuXG4vKipcbiAqIEhlbHBlciBmdW5jdGlvbiByZXR1cm5pbmcgdGhlIGRlZmF1bHQgZGltZW5zaW9ucyBvZiBhbiBJY29uQnV0dG9uIGluIHRoZSBzcGVjaWZpZWQgc2l6ZS5cbiAqIEBwYXJhbSBzaXplIDogSWNvbkJ1dHRvblNpemU7XG4gKiBAcmV0dXJucyBUaGUgZGVmYXVsdCBzaXplXG4gKi9cbmV4cG9ydCBjb25zdCBnZXREZWZhdWx0SWNvbkJ1dHRvbkRpbWVuc2lvbnMgPSAoc2l6ZTogSWNvbkJ1dHRvblNpemUpID0+IHtcbiAgc3dpdGNoIChzaXplKSB7XG4gICAgY2FzZSAnc21hbGwnOlxuICAgIGNhc2UgJ3MnOlxuICAgICAgcmV0dXJuIHsgaGVpZ2h0OiAnMi41cmVtJywgd2lkdGg6ICcyLjVyZW0nIH1cbiAgICBjYXNlICdtZWRpdW0nOlxuICAgIGNhc2UgJ20nOlxuICAgICAgcmV0dXJuIHsgaGVpZ2h0OiAnMi43NXJlbScsIHdpZHRoOiAnMi43NXJlbScgfVxuICAgIGNhc2UgJ2xhcmdlJzpcbiAgICBjYXNlICdsJzpcbiAgICAgIHJldHVybiB7IGhlaWdodDogJzIuNzVyZW0nLCB3aWR0aDogJzIuNzVyZW0nIH1cbiAgfVxufVxuXG5jb25zdCBnZXREaXNhYmxlZFRleHRDb2xvciA9IChjb2xvcjogc3RyaW5nKSA9PiB7XG4gIGNvbnN0IHRoZW1lQ29sb3JzVGV4dCA9IHRoZW1lLmNvbG9ycy50ZXh0XG5cbiAgc3dpdGNoIChjb2xvcikge1xuICAgIGNhc2UgdGhlbWVDb2xvcnNUZXh0LmRhcmsucHJpbWFyeTpcbiAgICAgIHJldHVybiB0aGVtZUNvbG9yc1RleHQuZGFyay5kaXNhYmxlZFxuICAgIGNhc2UgdGhlbWVDb2xvcnNUZXh0LmRhcmsuc2Vjb25kYXJ5OlxuICAgICAgcmV0dXJuIHRoZW1lQ29sb3JzVGV4dC5kYXJrLmRpc2FibGVkXG4gICAgY2FzZSB0aGVtZUNvbG9yc1RleHQubGlnaHQucHJpbWFyeTpcbiAgICAgIHJldHVybiB0aGVtZUNvbG9yc1RleHQubGlnaHQuZGlzYWJsZWRcbiAgICBjYXNlIHRoZW1lQ29sb3JzVGV4dC5saWdodC5zZWNvbmRhcnk6XG4gICAgICByZXR1cm4gdGhlbWVDb2xvcnNUZXh0LmxpZ2h0LmRpc2FibGVkXG4gICAgY2FzZSB0aGVtZUNvbG9yc1RleHQucHJpbWFyeS5wcmltYXJ5OlxuICAgICAgcmV0dXJuIHRoZW1lQ29sb3JzVGV4dC5wcmltYXJ5LmRpc2FibGVkXG4gICAgY2FzZSB0aGVtZUNvbG9yc1RleHQucHJpbWFyeS5zZWNvbmRhcnk6XG4gICAgICByZXR1cm4gdGhlbWVDb2xvcnNUZXh0LnByaW1hcnkuZGlzYWJsZWRcbiAgICBjYXNlIHRoZW1lQ29sb3JzVGV4dC5zZWNvbmRhcnkucHJpbWFyeTpcbiAgICAgIHJldHVybiB0aGVtZUNvbG9yc1RleHQuc2Vjb25kYXJ5LmRpc2FibGVkXG4gICAgY2FzZSB0aGVtZUNvbG9yc1RleHQuc2Vjb25kYXJ5LmRpc2FibGVkOlxuICAgICAgcmV0dXJuIHRoZW1lQ29sb3JzVGV4dC5zZWNvbmRhcnkuZGlzYWJsZWRcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGNvbG9yXG4gIH1cbn1cblxuY29uc3QgSWNvbkJ1dHRvbiA9IGZvcndhcmRSZWY8SFRNTEJ1dHRvbkVsZW1lbnQsIEljb25CdXR0b25Qcm9wcz4oXG4gIChcbiAgICB7XG4gICAgICB0eXBlID0gJ2J1dHRvbicsXG4gICAgICB0b29sdGlwLFxuICAgICAgdGl0bGUsXG4gICAgICBzaXplID0gJ21lZGl1bScsXG4gICAgICBpY29uOiBJY29uLFxuICAgICAgZGlzYWJsZVRvb2x0aXAgPSBmYWxzZSxcbiAgICAgIGRpc2FibGVPdmVybGF5ID0gZmFsc2UsXG4gICAgICBkaXNhYmxlZCA9IGZhbHNlLFxuICAgICAgY29sb3IsXG4gICAgICBob3ZlckNvbG9yLFxuICAgICAgZm9jdXNDb2xvcixcbiAgICAgIGFjdGl2ZUNvbG9yLFxuICAgICAgb3ZlcmxheU9wdGlvbnMgPSB0aGVtZS5zdGF0ZXMub3ZlcmxheU9wdGlvbnMuZGVmYXVsdE92ZXJsYXlPcHRpb25zLFxuICAgICAgYXMgPSAnYnV0dG9uJyxcbiAgICAgIGFyaWFMYWJlbCxcbiAgICAgIC4uLnJlc3RcbiAgICB9LFxuICAgIHJlZlxuICApID0+IHtcbiAgICBjb25zdCBDb21wb25lbnQgPSBhc1xuICAgIGNvbnN0IGRlZmF1bHREaW1lbnNpb25zID0gZ2V0RGVmYXVsdEljb25CdXR0b25EaW1lbnNpb25zKHNpemUpXG5cbiAgICBjb25zdCBpY29uQnV0dG9uID0gKFxuICAgICAgPENvbXBvbmVudFxuICAgICAgICBhcmlhLWxhYmVsPXthcmlhTGFiZWx9XG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgICAgYm9yZGVyOiAwO1xuICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgICAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcblxuICAgICAgICAgIG1pbi13aWR0aDogJHtkZWZhdWx0RGltZW5zaW9ucy53aWR0aH07XG4gICAgICAgICAgbWluLWhlaWdodDogJHtkZWZhdWx0RGltZW5zaW9ucy5oZWlnaHR9O1xuICAgICAgICAgIGZvbnQtc2l6ZTogJHtnZXREZWZhdWx0SWNvbkJ1dHRvbkljb25TaXplKHNpemUpfTtcblxuICAgICAgICAgIGNvbG9yOiAke2NvbG9yID8gY29sb3IgOiB0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnNlY29uZGFyeX07XG5cbiAgICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgIGNvbG9yOiAke2hvdmVyQ29sb3IgPyBob3ZlckNvbG9yIDogY29sb3IgPyBjb2xvciA6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICBjb2xvcjogJHtmb2N1c0NvbG9yID8gZm9jdXNDb2xvciA6IGNvbG9yID8gY29sb3IgOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgICAgICAgIH1cblxuICAgICAgICAgICY6YWN0aXZlLFxuICAgICAgICAgICY6ZGlzYWJsZWQge1xuICAgICAgICAgICAgY29sb3I6ICR7YWN0aXZlQ29sb3IgPyBhY3RpdmVDb2xvciA6IGNvbG9yID8gY29sb3IgOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgICAgICAgIH1cblxuICAgICAgICAgICZbZGlzYWJsZWRdIHtcbiAgICAgICAgICAgIGNvbG9yOiAke2NvbG9yID8gZ2V0RGlzYWJsZWRUZXh0Q29sb3IoY29sb3IpIDogdGhlbWUuY29sb3JzLnRleHQuZGFyay5kaXNhYmxlZH07XG4gICAgICAgICAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICAgICAgICAgIH1cblxuICAgICAgICAgICR7IWRpc2FibGVPdmVybGF5ICYmIHRoZW1lLnN0YXRlcy5vdmVybGF5KGZhbHNlLCBvdmVybGF5T3B0aW9ucyl9O1xuICAgICAgICBgfVxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICA+XG4gICAgICAgIDxJY29uIHNpemU9e3NpemV9IGZvY3VzYWJsZT17ZmFsc2V9IC8+XG4gICAgICA8L0NvbXBvbmVudD5cbiAgICApXG5cbiAgICBpZiAoZGlzYWJsZVRvb2x0aXAgfHwgZGlzYWJsZWQpIHtcbiAgICAgIHJldHVybiBpY29uQnV0dG9uXG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxVbnN0YWJsZVdpdGhUb29sdGlwXG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgYH1cbiAgICAgICAgY29udGVudD17dG9vbHRpcCB8fCB0aXRsZSB8fCBhcmlhTGFiZWx9XG4gICAgICAgIGRlbGF5PXtbNTAwLCAyMDBdfVxuICAgICAgPlxuICAgICAgICB7aWNvbkJ1dHRvbn1cbiAgICAgIDwvVW5zdGFibGVXaXRoVG9vbHRpcD5cbiAgICApXG4gIH1cbilcblxuZXhwb3J0IGRlZmF1bHQgSWNvbkJ1dHRvblxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+const IconButton = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) => {
+  let _ref2$type = _ref2.type,
+      type = _ref2$type === void 0 ? 'button' : _ref2$type,
+      tooltip = _ref2.tooltip,
+      title = _ref2.title,
+      _ref2$size = _ref2.size,
+      size = _ref2$size === void 0 ? 'medium' : _ref2$size,
+      Icon = _ref2.icon,
+      _ref2$disableTooltip = _ref2.disableTooltip,
+      disableTooltip = _ref2$disableTooltip === void 0 ? false : _ref2$disableTooltip,
+      _ref2$disableOverlay = _ref2.disableOverlay,
+      disableOverlay = _ref2$disableOverlay === void 0 ? false : _ref2$disableOverlay,
+      _ref2$disabled = _ref2.disabled,
+      disabled = _ref2$disabled === void 0 ? false : _ref2$disabled,
+      color = _ref2.color,
+      hoverColor = _ref2.hoverColor,
+      focusColor = _ref2.focusColor,
+      activeColor = _ref2.activeColor,
+      _ref2$overlayOptions = _ref2.overlayOptions,
+      overlayOptions = _ref2$overlayOptions === void 0 ? _theme.theme.states.overlayOptions.defaultOverlayOptions : _ref2$overlayOptions,
+      _ref2$as = _ref2.as,
+      as = _ref2$as === void 0 ? 'button' : _ref2$as,
+      ariaLabel = _ref2.ariaLabel,
+      rest = _objectWithoutProperties(_ref2, _excluded);
+
+  const Component = as;
+  const defaultDimensions = getDefaultIconButtonDimensions(size);
+  const iconButton = (0, _react2.jsx)(Component, _extends({
+    "aria-label": ariaLabel,
+    disabled: disabled,
+    css: /*#__PURE__*/(0, _react2.css)("display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;position:relative;margin:0;border:0;cursor:pointer;user-select:none;outline:none;position:relative;background-color:transparent;min-width:", defaultDimensions.width, ";min-height:", defaultDimensions.height, ";font-size:", getDefaultIconButtonIconSize(size), ";color:", color ? color : _theme.theme.colors.text.primary.secondary, ";&:hover{color:", hoverColor ? hoverColor : color ? color : _theme.theme.colors.secondary.main, ";}&:focus{color:", focusColor ? focusColor : color ? color : _theme.theme.colors.secondary.main, ";}&:active,&:disabled{color:", activeColor ? activeColor : color ? color : _theme.theme.colors.secondary.main, ";}&[disabled]{color:", color ? getDisabledTextColor(color) : _theme.theme.colors.text.dark.disabled, ";cursor:not-allowed;}", !disableOverlay && _theme.theme.states.overlay(false, overlayOptions), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:iconButton;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9idXR0b24vSWNvbkJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEpnQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvYnV0dG9uL0ljb25CdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IEVsZW1lbnRUeXBlLCBDb21wb25lbnRQcm9wc1dpdGhSZWYsIGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IE92ZXJsYXlPcHRpb25zIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUvc3RhdGVzJ1xuaW1wb3J0IHsgUG9seW1vcnBoaWNDb21wb25lbnRQcm9wcyB9IGZyb20gJy4uL2NvbW1vbi9wb2x5bW9ycGhpYydcbmltcG9ydCB7IFVuc3RhYmxlV2l0aFRvb2x0aXAgfSBmcm9tICcuLi90b29sdGlwL1Rvb2x0aXAnXG5cbmV4cG9ydCB0eXBlIEljb25CdXR0b25TaXplID0gJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2xhcmdlJyB8ICdzJyB8ICdtJyB8ICdsJ1xuXG5leHBvcnQgaW50ZXJmYWNlIEljb25CdXR0b25Qcm9wcyBleHRlbmRzIFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHMsIENvbXBvbmVudFByb3BzV2l0aFJlZjwnYnV0dG9uJz4ge1xuICAvKipcbiAgICogSWNvbiB0byBiZSBkaXNwbGF5ZWQgb24gdGhlIGJ1dHRvbi5cbiAgICovXG4gIGljb246IEVsZW1lbnRUeXBlXG4gIC8qKlxuICAgKiBUZXh0IG9mIHRoZSBhcmlhLWxhYmVsIGFzIHdlbGwgYXMgdGhlIGZhbGxiYWNrIHZhbHVlIHVzZWQgZm9yIHRvb2x0aXAuXG4gICAqL1xuICBhcmlhTGFiZWw6IHN0cmluZ1xuICAvKipcbiAgICogU2l6ZSBvZiB0aGUgYnV0dG9uLlxuICAgKi9cbiAgc2l6ZT86IEljb25CdXR0b25TaXplXG4gIC8qKlxuICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gdGhlIGJ1dHRvbi5cbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAvKipcbiAgICogRGlzYWJsZSBidXR0b24uXG4gICAqL1xuICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIERpc2FibGUgb3ZlcmxheSBzdGF0ZXMuXG4gICAqL1xuICBkaXNhYmxlT3ZlcmxheT86IGJvb2xlYW5cbiAgLyoqXG4gICAqIERpc2FibGUgdG9vbHRpcC5cbiAgICovXG4gIGRpc2FibGVUb29sdGlwPzogYm9vbGVhblxuICAvKipcbiAgICogVGV4dCBvZiB0aGUgdG9vbHRpcCwgaWYgbm9uZSwgYXJpYS1sYWJlbCB3aWxsIGJlIHVzZWQuXG4gICAqL1xuICB0b29sdGlwPzogc3RyaW5nXG4gIC8qKlxuICAgKiBDb2xvciBvZiB0aGUgYnV0dG9uIGFuZCB0aGUgb3ZlcmxheSBzdGF0ZS5cbiAgICovXG4gIGNvbG9yPzogc3RyaW5nXG4gIC8qKlxuICAgKiBPdmVycmlkZSBjb2xvciB0byBiZSB1c2VkIGZvciB0aGUgaG92ZXIgc3RhdGUuXG4gICAqL1xuICBob3ZlckNvbG9yPzogc3RyaW5nXG4gIC8qKlxuICAgKiBPdmVycmlkZSBjb2xvciB0byBiZSB1c2VkIGZvciB0aGUgYWN0aXZlIHN0YXRlLlxuICAgKi9cbiAgYWN0aXZlQ29sb3I/OiBzdHJpbmdcbiAgLyoqXG4gICAqIE92ZXJyaWRlIGNvbG9yIHRvIGJlIHVzZWQgZm9yIHRoZSBmb2N1cyBzdGF0ZS5cbiAgICovXG4gIGZvY3VzQ29sb3I/OiBzdHJpbmdcbiAgLyoqXG4gICAqIE92ZXJyaWRlIHRoZSBvdmVybGF5IG9wdGlvbnMgdG8gdXNlLlxuICAgKi9cbiAgb3ZlcmxheU9wdGlvbnM/OiBPdmVybGF5T3B0aW9uc1xufVxuXG4vKipcbiAqIEhlbHBlciBmdW5jdGlvbiByZXR1cm5pbmcgdGhlIGRlZmF1bHQgaWNvbiBzaXplIHdoZW4gcmVuZGVyaW5nIGFuIEljb25CdXR0b24gaW4gdGhlIHNwZWNpZmllZCBzaXplLlxuICogQHBhcmFtIHNpemUgOiBJY29uQnV0dG9uU2l6ZTtcbiAqIEByZXR1cm5zIFRoZSBkZWZhdWx0IGljb24gc2l6ZVxuICovXG5leHBvcnQgY29uc3QgZ2V0RGVmYXVsdEljb25CdXR0b25JY29uU2l6ZSA9IChzaXplOiBJY29uQnV0dG9uU2l6ZSkgPT4ge1xuICBzd2l0Y2ggKHNpemUpIHtcbiAgICBjYXNlICdzbWFsbCc6XG4gICAgY2FzZSAncyc6XG4gICAgICByZXR1cm4gJzEuMjVyZW0nXG4gICAgY2FzZSAnbWVkaXVtJzpcbiAgICBjYXNlICdtJzpcbiAgICAgIHJldHVybiAnMS41cmVtJ1xuICAgIGNhc2UgJ2xhcmdlJzpcbiAgICBjYXNlICdsJzpcbiAgICAgIHJldHVybiAnMnJlbSdcbiAgfVxufVxuXG4vKipcbiAqIEhlbHBlciBmdW5jdGlvbiByZXR1cm5pbmcgdGhlIGRlZmF1bHQgZGltZW5zaW9ucyBvZiBhbiBJY29uQnV0dG9uIGluIHRoZSBzcGVjaWZpZWQgc2l6ZS5cbiAqIEBwYXJhbSBzaXplIDogSWNvbkJ1dHRvblNpemU7XG4gKiBAcmV0dXJucyBUaGUgZGVmYXVsdCBzaXplXG4gKi9cbmV4cG9ydCBjb25zdCBnZXREZWZhdWx0SWNvbkJ1dHRvbkRpbWVuc2lvbnMgPSAoc2l6ZTogSWNvbkJ1dHRvblNpemUpID0+IHtcbiAgc3dpdGNoIChzaXplKSB7XG4gICAgY2FzZSAnc21hbGwnOlxuICAgIGNhc2UgJ3MnOlxuICAgICAgcmV0dXJuIHsgaGVpZ2h0OiAnMi41cmVtJywgd2lkdGg6ICcyLjVyZW0nIH1cbiAgICBjYXNlICdtZWRpdW0nOlxuICAgIGNhc2UgJ20nOlxuICAgICAgcmV0dXJuIHsgaGVpZ2h0OiAnMi43NXJlbScsIHdpZHRoOiAnMi43NXJlbScgfVxuICAgIGNhc2UgJ2xhcmdlJzpcbiAgICBjYXNlICdsJzpcbiAgICAgIHJldHVybiB7IGhlaWdodDogJzIuNzVyZW0nLCB3aWR0aDogJzIuNzVyZW0nIH1cbiAgfVxufVxuXG5jb25zdCBnZXREaXNhYmxlZFRleHRDb2xvciA9IChjb2xvcjogc3RyaW5nKSA9PiB7XG4gIGNvbnN0IHRoZW1lQ29sb3JzVGV4dCA9IHRoZW1lLmNvbG9ycy50ZXh0XG5cbiAgc3dpdGNoIChjb2xvcikge1xuICAgIGNhc2UgdGhlbWVDb2xvcnNUZXh0LmRhcmsucHJpbWFyeTpcbiAgICAgIHJldHVybiB0aGVtZUNvbG9yc1RleHQuZGFyay5kaXNhYmxlZFxuICAgIGNhc2UgdGhlbWVDb2xvcnNUZXh0LmRhcmsuc2Vjb25kYXJ5OlxuICAgICAgcmV0dXJuIHRoZW1lQ29sb3JzVGV4dC5kYXJrLmRpc2FibGVkXG4gICAgY2FzZSB0aGVtZUNvbG9yc1RleHQubGlnaHQucHJpbWFyeTpcbiAgICAgIHJldHVybiB0aGVtZUNvbG9yc1RleHQubGlnaHQuZGlzYWJsZWRcbiAgICBjYXNlIHRoZW1lQ29sb3JzVGV4dC5saWdodC5zZWNvbmRhcnk6XG4gICAgICByZXR1cm4gdGhlbWVDb2xvcnNUZXh0LmxpZ2h0LmRpc2FibGVkXG4gICAgY2FzZSB0aGVtZUNvbG9yc1RleHQucHJpbWFyeS5wcmltYXJ5OlxuICAgICAgcmV0dXJuIHRoZW1lQ29sb3JzVGV4dC5wcmltYXJ5LmRpc2FibGVkXG4gICAgY2FzZSB0aGVtZUNvbG9yc1RleHQucHJpbWFyeS5zZWNvbmRhcnk6XG4gICAgICByZXR1cm4gdGhlbWVDb2xvcnNUZXh0LnByaW1hcnkuZGlzYWJsZWRcbiAgICBjYXNlIHRoZW1lQ29sb3JzVGV4dC5zZWNvbmRhcnkucHJpbWFyeTpcbiAgICAgIHJldHVybiB0aGVtZUNvbG9yc1RleHQuc2Vjb25kYXJ5LmRpc2FibGVkXG4gICAgY2FzZSB0aGVtZUNvbG9yc1RleHQuc2Vjb25kYXJ5LmRpc2FibGVkOlxuICAgICAgcmV0dXJuIHRoZW1lQ29sb3JzVGV4dC5zZWNvbmRhcnkuZGlzYWJsZWRcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGNvbG9yXG4gIH1cbn1cblxuY29uc3QgSWNvbkJ1dHRvbiA9IGZvcndhcmRSZWY8SFRNTEJ1dHRvbkVsZW1lbnQsIEljb25CdXR0b25Qcm9wcz4oXG4gIChcbiAgICB7XG4gICAgICB0eXBlID0gJ2J1dHRvbicsXG4gICAgICB0b29sdGlwLFxuICAgICAgdGl0bGUsXG4gICAgICBzaXplID0gJ21lZGl1bScsXG4gICAgICBpY29uOiBJY29uLFxuICAgICAgZGlzYWJsZVRvb2x0aXAgPSBmYWxzZSxcbiAgICAgIGRpc2FibGVPdmVybGF5ID0gZmFsc2UsXG4gICAgICBkaXNhYmxlZCA9IGZhbHNlLFxuICAgICAgY29sb3IsXG4gICAgICBob3ZlckNvbG9yLFxuICAgICAgZm9jdXNDb2xvcixcbiAgICAgIGFjdGl2ZUNvbG9yLFxuICAgICAgb3ZlcmxheU9wdGlvbnMgPSB0aGVtZS5zdGF0ZXMub3ZlcmxheU9wdGlvbnMuZGVmYXVsdE92ZXJsYXlPcHRpb25zLFxuICAgICAgYXMgPSAnYnV0dG9uJyxcbiAgICAgIGFyaWFMYWJlbCxcbiAgICAgIC4uLnJlc3RcbiAgICB9LFxuICAgIHJlZlxuICApID0+IHtcbiAgICBjb25zdCBDb21wb25lbnQgPSBhc1xuICAgIGNvbnN0IGRlZmF1bHREaW1lbnNpb25zID0gZ2V0RGVmYXVsdEljb25CdXR0b25EaW1lbnNpb25zKHNpemUpXG5cbiAgICBjb25zdCBpY29uQnV0dG9uID0gKFxuICAgICAgPENvbXBvbmVudFxuICAgICAgICBhcmlhLWxhYmVsPXthcmlhTGFiZWx9XG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgICAgYm9yZGVyOiAwO1xuICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgICAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcblxuICAgICAgICAgIG1pbi13aWR0aDogJHtkZWZhdWx0RGltZW5zaW9ucy53aWR0aH07XG4gICAgICAgICAgbWluLWhlaWdodDogJHtkZWZhdWx0RGltZW5zaW9ucy5oZWlnaHR9O1xuICAgICAgICAgIGZvbnQtc2l6ZTogJHtnZXREZWZhdWx0SWNvbkJ1dHRvbkljb25TaXplKHNpemUpfTtcblxuICAgICAgICAgIGNvbG9yOiAke2NvbG9yID8gY29sb3IgOiB0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnNlY29uZGFyeX07XG5cbiAgICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgIGNvbG9yOiAke2hvdmVyQ29sb3IgPyBob3ZlckNvbG9yIDogY29sb3IgPyBjb2xvciA6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICBjb2xvcjogJHtmb2N1c0NvbG9yID8gZm9jdXNDb2xvciA6IGNvbG9yID8gY29sb3IgOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgICAgICAgIH1cblxuICAgICAgICAgICY6YWN0aXZlLFxuICAgICAgICAgICY6ZGlzYWJsZWQge1xuICAgICAgICAgICAgY29sb3I6ICR7YWN0aXZlQ29sb3IgPyBhY3RpdmVDb2xvciA6IGNvbG9yID8gY29sb3IgOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgICAgICAgIH1cblxuICAgICAgICAgICZbZGlzYWJsZWRdIHtcbiAgICAgICAgICAgIGNvbG9yOiAke2NvbG9yID8gZ2V0RGlzYWJsZWRUZXh0Q29sb3IoY29sb3IpIDogdGhlbWUuY29sb3JzLnRleHQuZGFyay5kaXNhYmxlZH07XG4gICAgICAgICAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICAgICAgICAgIH1cblxuICAgICAgICAgICR7IWRpc2FibGVPdmVybGF5ICYmIHRoZW1lLnN0YXRlcy5vdmVybGF5KGZhbHNlLCBvdmVybGF5T3B0aW9ucyl9O1xuICAgICAgICBgfVxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICA+XG4gICAgICAgIDxJY29uIHNpemU9e3NpemV9IGZvY3VzYWJsZT17ZmFsc2V9IC8+XG4gICAgICA8L0NvbXBvbmVudD5cbiAgICApXG5cbiAgICBpZiAoZGlzYWJsZVRvb2x0aXAgfHwgZGlzYWJsZWQpIHtcbiAgICAgIHJldHVybiBpY29uQnV0dG9uXG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxVbnN0YWJsZVdpdGhUb29sdGlwXG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgYH1cbiAgICAgICAgY29udGVudD17dG9vbHRpcCB8fCB0aXRsZSB8fCBhcmlhTGFiZWx9XG4gICAgICAgIGRlbGF5PXtbNTAwLCAyMDBdfVxuICAgICAgPlxuICAgICAgICB7aWNvbkJ1dHRvbn1cbiAgICAgIDwvVW5zdGFibGVXaXRoVG9vbHRpcD5cbiAgICApXG4gIH1cbilcblxuZXhwb3J0IGRlZmF1bHQgSWNvbkJ1dHRvblxuIl19 */")
+  }, rest, {
+    ref: ref
+  }), (0, _react2.jsx)(Icon, {
+    size: size,
+    focusable: false
+  }));
+
+  if (disableTooltip || disabled) {
+    return iconButton;
+  }
+
+  return (0, _react2.jsx)(_Tooltip.UnstableWithTooltip, {
+    css: _ref,
+    content: tooltip || title || ariaLabel,
+    delay: [500, 200]
+  }, iconButton);
+});
+var _default = IconButton;
+exports.default = _default;

package/cjs/button/LinkButton.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.LinkButton = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _Button = _interopRequireDefault(require("./Button"));
+
+var _theme = require("@dfds-ui/theme");
+
+var _react2 = require("@emotion/react");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
+
+const LinkButton = props => (0, _react2.jsx)(_Button.default, _extends({
+  as: "a",
+  variation: "link",
+  iconSpacing: _theme.theme.spacing.xxs,
+  tabIndex: props.disabled ? -1 : 0,
+  css: /*#__PURE__*/(0, _react2.css)("&:focus{color:", _theme.theme.colors.secondary.dark, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:LinkButton;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9idXR0b24vTGlua0J1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJZIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9idXR0b24vTGlua0J1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBCdXR0b24sIHsgQnV0dG9uUHJvcHMgfSBmcm9tICcuL0J1dHRvbidcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IHR5cGUgTGlua0J1dHRvblByb3BzID0gUmVhY3QuUHJvcHNXaXRob3V0UmVmPEpTWC5JbnRyaW5zaWNFbGVtZW50c1snYSddPiAmXG4gIEJ1dHRvblByb3BzICYge1xuICAgIGhyZWY/OiBzdHJpbmdcbiAgICB0YXJnZXQ/OiBzdHJpbmdcbiAgfVxuXG5leHBvcnQgY29uc3QgTGlua0J1dHRvbiA9IChwcm9wczogTGlua0J1dHRvblByb3BzKSA9PiAoXG4gIDxCdXR0b25cbiAgICBhcz1cImFcIlxuICAgIHZhcmlhdGlvbj1cImxpbmtcIlxuICAgIGljb25TcGFjaW5nPXt0aGVtZS5zcGFjaW5nLnh4c31cbiAgICB0YWJJbmRleD17cHJvcHMuZGlzYWJsZWQgPyAtMSA6IDB9XG4gICAgY3NzPXtjc3NgXG4gICAgICAmOmZvY3VzIHtcbiAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5kYXJrfTtcbiAgICAgIH1cbiAgICBgfVxuICAgIHsuLi5wcm9wc31cbiAgLz5cbilcblxuZXhwb3J0IGRlZmF1bHQgTGlua0J1dHRvblxuIl19 */")
+}, props));
+
+exports.LinkButton = LinkButton;
+var _default = LinkButton;
+exports.default = _default;

package/cjs/button/button-style.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.linkButtonStyles = exports.dangerButtonStyles = exports.textButtonStyles = exports.outlinedButtonStyles = exports.secondaryButtonStyles = exports.primaryButtonStyles = exports.baseButtonStyle = void 0;
+
+var _react = require("@emotion/react");
+
+var _theme = require("@dfds-ui/theme");
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+const baseButtonStyle = /*#__PURE__*/(0, _react.css)("display:flex;align-items:center;position:relative;height:2.75rem;border:", _theme.theme.borders.widths.m, " solid transparent;border-radius:", _theme.theme.radii.m, ";box-sizing:border-box;text-decoration:none;text-align:center;user-select:none;vertical-align:middle;font-weight:700;overflow:visible;border:none;&:after{border-radius:", _theme.theme.radii.m, ";}&[disabled]{cursor:not-allowed;}" + (process.env.NODE_ENV === "production" ? "" : ";label:baseButtonStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9idXR0b24vYnV0dG9uLXN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUdrQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvYnV0dG9uL2J1dHRvbi1zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxuZXhwb3J0IGNvbnN0IGJhc2VCdXR0b25TdHlsZSA9IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBoZWlnaHQ6IDIuNzVyZW07XG4gIGJvcmRlcjogJHt0aGVtZS5ib3JkZXJzLndpZHRocy5tfSBzb2xpZCB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5yYWRpaS5tfTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIHVzZXItc2VsZWN0OiBub25lO1xuICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuICBmb250LXdlaWdodDogNzAwO1xuICBvdmVyZmxvdzogdmlzaWJsZTtcbiAgYm9yZGVyOiBub25lO1xuXG4gICY6YWZ0ZXIge1xuICAgIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkubX07XG4gIH1cblxuICAmW2Rpc2FibGVkXSB7XG4gICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgcHJpbWFyeUJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQubGlnaHQucHJpbWFyeX07XG4gIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnRlcnRpYXJ5Lm1haW59O1xuXG4gIDpub3QoW2FyaWEtYnVzeT0ndHJ1ZSddKSB7XG4gICAgJltkaXNhYmxlZF0ge1xuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQubGlnaHQucHJpbWFyeX07XG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy50ZXJ0aWFyeS5tYWlufTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHNlY29uZGFyeUJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQubGlnaHQucHJpbWFyeX07XG4gIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcblxuICA6bm90KFthcmlhLWJ1c3k9J3RydWUnXSkge1xuICAgICZbZGlzYWJsZWRdIHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICAgICAgYmFja2dyb3VuZDogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3Qgb3V0bGluZWRCdXR0b25TdHlsZXMgPSBjc3NgXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICBib3JkZXI6ICR7dGhlbWUuYm9yZGVycy53aWR0aHMubX0gc29saWQgY3VycmVudENvbG9yO1xuXG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFya307XG4gIH1cblxuICA6bm90KFthcmlhLWJ1c3k9J3RydWUnXSkge1xuICAgICZbZGlzYWJsZWRdIHtcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5zZWNvbmRhcnkuZGlzYWJsZWR9O1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnNlY29uZGFyeS5kaXNhYmxlZH07XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCB0ZXh0QnV0dG9uU3R5bGVzID0gY3NzYFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcblxuICAmOmhvdmVyLFxuICAmOmFjdGl2ZSB7XG4gICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5kYXJrfTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gIH1cblxuICA6bm90KFthcmlhLWJ1c3k9J3RydWUnXSkge1xuICAgICZbZGlzYWJsZWRdIHtcbiAgICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQuc2Vjb25kYXJ5LnByaW1hcnl9O1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgZGFuZ2VyQnV0dG9uU3R5bGVzID0gY3NzYFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc3RhdHVzLmFsZXJ0fTtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG5cbiAgJjpob3ZlciB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICB9XG5cbiAgOm5vdChbYXJpYS1idXN5PSd0cnVlJ10pIHtcbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdGF0dXMuYWxlcnR9O1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgbGlua0J1dHRvblN0eWxlcyA9IGNzc2BcbiAgcGFkZGluZzogMDtcbiAgbWluLXdpZHRoOiAwO1xuXG4gICY6YWZ0ZXIge1xuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICB9XG5cbiAgJltkaXNhYmxlZF0ge1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIH1cbmBcbiJdfQ== */");
+exports.baseButtonStyle = baseButtonStyle;
+const primaryButtonStyles = /*#__PURE__*/(0, _react.css)("color:", _theme.theme.colors.text.light.primary, ";background:", _theme.theme.colors.tertiary.main, ";:not([aria-busy='true']){&[disabled]{color:", _theme.theme.colors.text.light.primary, ";background:", _theme.theme.colors.tertiary.main, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:primaryButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9idXR0b24vYnV0dG9uLXN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRCc0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2J1dHRvbi9idXR0b24tc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCBjb25zdCBiYXNlQnV0dG9uU3R5bGUgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgaGVpZ2h0OiAyLjc1cmVtO1xuICBib3JkZXI6ICR7dGhlbWUuYm9yZGVycy53aWR0aHMubX0gc29saWQgdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkubX07XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgZm9udC13ZWlnaHQ6IDcwMDtcbiAgb3ZlcmZsb3c6IHZpc2libGU7XG4gIGJvcmRlcjogbm9uZTtcblxuICAmOmFmdGVyIHtcbiAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnJhZGlpLm19O1xuICB9XG5cbiAgJltkaXNhYmxlZF0ge1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHByaW1hcnlCdXR0b25TdHlsZXMgPSBjc3NgXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy50ZXJ0aWFyeS5tYWlufTtcblxuICA6bm90KFthcmlhLWJ1c3k9J3RydWUnXSkge1xuICAgICZbZGlzYWJsZWRdIHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICAgICAgYmFja2dyb3VuZDogJHt0aGVtZS5jb2xvcnMudGVydGlhcnkubWFpbn07XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBzZWNvbmRhcnlCdXR0b25TdHlsZXMgPSBjc3NgXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG5cbiAgOm5vdChbYXJpYS1idXN5PSd0cnVlJ10pIHtcbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IG91dGxpbmVkQnV0dG9uU3R5bGVzID0gY3NzYFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyOiAke3RoZW1lLmJvcmRlcnMud2lkdGhzLm19IHNvbGlkIGN1cnJlbnRDb2xvcjtcblxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICB9XG5cbiAgOm5vdChbYXJpYS1idXN5PSd0cnVlJ10pIHtcbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQuc2Vjb25kYXJ5LmRpc2FibGVkfTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5zZWNvbmRhcnkuZGlzYWJsZWR9O1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgdGV4dEJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG5cbiAgJjpob3ZlcixcbiAgJjphY3RpdmUge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFya307XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICB9XG5cbiAgOm5vdChbYXJpYS1idXN5PSd0cnVlJ10pIHtcbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnNlY29uZGFyeS5wcmltYXJ5fTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IGRhbmdlckJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnN0YXR1cy5hbGVydH07XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuXG4gICY6aG92ZXIge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgfVxuXG4gIDpub3QoW2FyaWEtYnVzeT0ndHJ1ZSddKSB7XG4gICAgJltkaXNhYmxlZF0ge1xuICAgICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc3RhdHVzLmFsZXJ0fTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IGxpbmtCdXR0b25TdHlsZXMgPSBjc3NgXG4gIHBhZGRpbmc6IDA7XG4gIG1pbi13aWR0aDogMDtcblxuICAmOmFmdGVyIHtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgfVxuXG4gICZbZGlzYWJsZWRdIHtcbiAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICB9XG5gXG4iXX0= */");
+exports.primaryButtonStyles = primaryButtonStyles;
+const secondaryButtonStyles = /*#__PURE__*/(0, _react.css)("color:", _theme.theme.colors.text.light.primary, ";background:", _theme.theme.colors.secondary.main, ";:not([aria-busy='true']){&[disabled]{color:", _theme.theme.colors.text.light.primary, ";background:", _theme.theme.colors.secondary.main, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:secondaryButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9idXR0b24vYnV0dG9uLXN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdDd0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2J1dHRvbi9idXR0b24tc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCBjb25zdCBiYXNlQnV0dG9uU3R5bGUgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgaGVpZ2h0OiAyLjc1cmVtO1xuICBib3JkZXI6ICR7dGhlbWUuYm9yZGVycy53aWR0aHMubX0gc29saWQgdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkubX07XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgZm9udC13ZWlnaHQ6IDcwMDtcbiAgb3ZlcmZsb3c6IHZpc2libGU7XG4gIGJvcmRlcjogbm9uZTtcblxuICAmOmFmdGVyIHtcbiAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnJhZGlpLm19O1xuICB9XG5cbiAgJltkaXNhYmxlZF0ge1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHByaW1hcnlCdXR0b25TdHlsZXMgPSBjc3NgXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy50ZXJ0aWFyeS5tYWlufTtcblxuICA6bm90KFthcmlhLWJ1c3k9J3RydWUnXSkge1xuICAgICZbZGlzYWJsZWRdIHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICAgICAgYmFja2dyb3VuZDogJHt0aGVtZS5jb2xvcnMudGVydGlhcnkubWFpbn07XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBzZWNvbmRhcnlCdXR0b25TdHlsZXMgPSBjc3NgXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG5cbiAgOm5vdChbYXJpYS1idXN5PSd0cnVlJ10pIHtcbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IG91dGxpbmVkQnV0dG9uU3R5bGVzID0gY3NzYFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyOiAke3RoZW1lLmJvcmRlcnMud2lkdGhzLm19IHNvbGlkIGN1cnJlbnRDb2xvcjtcblxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICB9XG5cbiAgOm5vdChbYXJpYS1idXN5PSd0cnVlJ10pIHtcbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQuc2Vjb25kYXJ5LmRpc2FibGVkfTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5zZWNvbmRhcnkuZGlzYWJsZWR9O1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgdGV4dEJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG5cbiAgJjpob3ZlcixcbiAgJjphY3RpdmUge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFya307XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICB9XG5cbiAgOm5vdChbYXJpYS1idXN5PSd0cnVlJ10pIHtcbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnNlY29uZGFyeS5wcmltYXJ5fTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IGRhbmdlckJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnN0YXR1cy5hbGVydH07XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuXG4gICY6aG92ZXIge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgfVxuXG4gIDpub3QoW2FyaWEtYnVzeT0ndHJ1ZSddKSB7XG4gICAgJltkaXNhYmxlZF0ge1xuICAgICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc3RhdHVzLmFsZXJ0fTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IGxpbmtCdXR0b25TdHlsZXMgPSBjc3NgXG4gIHBhZGRpbmc6IDA7XG4gIG1pbi13aWR0aDogMDtcblxuICAmOmFmdGVyIHtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgfVxuXG4gICZbZGlzYWJsZWRdIHtcbiAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICB9XG5gXG4iXX0= */");
+exports.secondaryButtonStyles = secondaryButtonStyles;
+const outlinedButtonStyles = /*#__PURE__*/(0, _react.css)("color:", _theme.theme.colors.secondary.main, ";background:transparent;border:", _theme.theme.borders.widths.m, " solid currentColor;&:hover{color:", _theme.theme.colors.secondary.dark, ";}:not([aria-busy='true']){&[disabled]{background:", _theme.theme.colors.surface.primary, ";color:", _theme.theme.colors.text.secondary.disabled, ";border-color:", _theme.theme.colors.text.secondary.disabled, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:outlinedButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9idXR0b24vYnV0dG9uLXN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9EdUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2J1dHRvbi9idXR0b24tc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCBjb25zdCBiYXNlQnV0dG9uU3R5bGUgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgaGVpZ2h0OiAyLjc1cmVtO1xuICBib3JkZXI6ICR7dGhlbWUuYm9yZGVycy53aWR0aHMubX0gc29saWQgdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkubX07XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgZm9udC13ZWlnaHQ6IDcwMDtcbiAgb3ZlcmZsb3c6IHZpc2libGU7XG4gIGJvcmRlcjogbm9uZTtcblxuICAmOmFmdGVyIHtcbiAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnJhZGlpLm19O1xuICB9XG5cbiAgJltkaXNhYmxlZF0ge1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHByaW1hcnlCdXR0b25TdHlsZXMgPSBjc3NgXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy50ZXJ0aWFyeS5tYWlufTtcblxuICA6bm90KFthcmlhLWJ1c3k9J3RydWUnXSkge1xuICAgICZbZGlzYWJsZWRdIHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICAgICAgYmFja2dyb3VuZDogJHt0aGVtZS5jb2xvcnMudGVydGlhcnkubWFpbn07XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBzZWNvbmRhcnlCdXR0b25TdHlsZXMgPSBjc3NgXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG5cbiAgOm5vdChbYXJpYS1idXN5PSd0cnVlJ10pIHtcbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IG91dGxpbmVkQnV0dG9uU3R5bGVzID0gY3NzYFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyOiAke3RoZW1lLmJvcmRlcnMud2lkdGhzLm19IHNvbGlkIGN1cnJlbnRDb2xvcjtcblxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICB9XG5cbiAgOm5vdChbYXJpYS1idXN5PSd0cnVlJ10pIHtcbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQuc2Vjb25kYXJ5LmRpc2FibGVkfTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5zZWNvbmRhcnkuZGlzYWJsZWR9O1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgdGV4dEJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG5cbiAgJjpob3ZlcixcbiAgJjphY3RpdmUge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFya307XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICB9XG5cbiAgOm5vdChbYXJpYS1idXN5PSd0cnVlJ10pIHtcbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnNlY29uZGFyeS5wcmltYXJ5fTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IGRhbmdlckJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnN0YXR1cy5hbGVydH07XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuXG4gICY6aG92ZXIge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgfVxuXG4gIDpub3QoW2FyaWEtYnVzeT0ndHJ1ZSddKSB7XG4gICAgJltkaXNhYmxlZF0ge1xuICAgICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc3RhdHVzLmFsZXJ0fTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IGxpbmtCdXR0b25TdHlsZXMgPSBjc3NgXG4gIHBhZGRpbmc6IDA7XG4gIG1pbi13aWR0aDogMDtcblxuICAmOmFmdGVyIHtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgfVxuXG4gICZbZGlzYWJsZWRdIHtcbiAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICB9XG5gXG4iXX0= */");
+exports.outlinedButtonStyles = outlinedButtonStyles;
+const textButtonStyles = /*#__PURE__*/(0, _react.css)("color:", _theme.theme.colors.secondary.main, ";background:transparent;&:hover,&:active{color:", _theme.theme.colors.secondary.dark, ";cursor:pointer;}:not([aria-busy='true']){&[disabled]{background:transparent;color:", _theme.theme.colors.text.secondary.primary, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:textButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9idXR0b24vYnV0dG9uLXN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNFbUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2J1dHRvbi9idXR0b24tc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCBjb25zdCBiYXNlQnV0dG9uU3R5bGUgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgaGVpZ2h0OiAyLjc1cmVtO1xuICBib3JkZXI6ICR7dGhlbWUuYm9yZGVycy53aWR0aHMubX0gc29saWQgdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkubX07XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgZm9udC13ZWlnaHQ6IDcwMDtcbiAgb3ZlcmZsb3c6IHZpc2libGU7XG4gIGJvcmRlcjogbm9uZTtcblxuICAmOmFmdGVyIHtcbiAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnJhZGlpLm19O1xuICB9XG5cbiAgJltkaXNhYmxlZF0ge1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHByaW1hcnlCdXR0b25TdHlsZXMgPSBjc3NgXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy50ZXJ0aWFyeS5tYWlufTtcblxuICA6bm90KFthcmlhLWJ1c3k9J3RydWUnXSkge1xuICAgICZbZGlzYWJsZWRdIHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICAgICAgYmFja2dyb3VuZDogJHt0aGVtZS5jb2xvcnMudGVydGlhcnkubWFpbn07XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBzZWNvbmRhcnlCdXR0b25TdHlsZXMgPSBjc3NgXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG5cbiAgOm5vdChbYXJpYS1idXN5PSd0cnVlJ10pIHtcbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IG91dGxpbmVkQnV0dG9uU3R5bGVzID0gY3NzYFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyOiAke3RoZW1lLmJvcmRlcnMud2lkdGhzLm19IHNvbGlkIGN1cnJlbnRDb2xvcjtcblxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICB9XG5cbiAgOm5vdChbYXJpYS1idXN5PSd0cnVlJ10pIHtcbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQuc2Vjb25kYXJ5LmRpc2FibGVkfTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5zZWNvbmRhcnkuZGlzYWJsZWR9O1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgdGV4dEJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG5cbiAgJjpob3ZlcixcbiAgJjphY3RpdmUge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFya307XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICB9XG5cbiAgOm5vdChbYXJpYS1idXN5PSd0cnVlJ10pIHtcbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnNlY29uZGFyeS5wcmltYXJ5fTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IGRhbmdlckJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnN0YXR1cy5hbGVydH07XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuXG4gICY6aG92ZXIge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgfVxuXG4gIDpub3QoW2FyaWEtYnVzeT0ndHJ1ZSddKSB7XG4gICAgJltkaXNhYmxlZF0ge1xuICAgICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc3RhdHVzLmFsZXJ0fTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IGxpbmtCdXR0b25TdHlsZXMgPSBjc3NgXG4gIHBhZGRpbmc6IDA7XG4gIG1pbi13aWR0aDogMDtcblxuICAmOmFmdGVyIHtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgfVxuXG4gICZbZGlzYWJsZWRdIHtcbiAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICB9XG5gXG4iXX0= */");
+exports.textButtonStyles = textButtonStyles;
+const dangerButtonStyles = /*#__PURE__*/(0, _react.css)("color:", _theme.theme.colors.status.alert, ";background:transparent;&:hover{cursor:pointer;}:not([aria-busy='true']){&[disabled]{background:transparent;color:", _theme.theme.colors.status.alert, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:dangerButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9idXR0b24vYnV0dG9uLXN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdGcUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2J1dHRvbi9idXR0b24tc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCBjb25zdCBiYXNlQnV0dG9uU3R5bGUgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgaGVpZ2h0OiAyLjc1cmVtO1xuICBib3JkZXI6ICR7dGhlbWUuYm9yZGVycy53aWR0aHMubX0gc29saWQgdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkubX07XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgZm9udC13ZWlnaHQ6IDcwMDtcbiAgb3ZlcmZsb3c6IHZpc2libGU7XG4gIGJvcmRlcjogbm9uZTtcblxuICAmOmFmdGVyIHtcbiAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnJhZGlpLm19O1xuICB9XG5cbiAgJltkaXNhYmxlZF0ge1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHByaW1hcnlCdXR0b25TdHlsZXMgPSBjc3NgXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy50ZXJ0aWFyeS5tYWlufTtcblxuICA6bm90KFthcmlhLWJ1c3k9J3RydWUnXSkge1xuICAgICZbZGlzYWJsZWRdIHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICAgICAgYmFja2dyb3VuZDogJHt0aGVtZS5jb2xvcnMudGVydGlhcnkubWFpbn07XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBzZWNvbmRhcnlCdXR0b25TdHlsZXMgPSBjc3NgXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG5cbiAgOm5vdChbYXJpYS1idXN5PSd0cnVlJ10pIHtcbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IG91dGxpbmVkQnV0dG9uU3R5bGVzID0gY3NzYFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyOiAke3RoZW1lLmJvcmRlcnMud2lkdGhzLm19IHNvbGlkIGN1cnJlbnRDb2xvcjtcblxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICB9XG5cbiAgOm5vdChbYXJpYS1idXN5PSd0cnVlJ10pIHtcbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQuc2Vjb25kYXJ5LmRpc2FibGVkfTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5zZWNvbmRhcnkuZGlzYWJsZWR9O1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgdGV4dEJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG5cbiAgJjpob3ZlcixcbiAgJjphY3RpdmUge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFya307XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICB9XG5cbiAgOm5vdChbYXJpYS1idXN5PSd0cnVlJ10pIHtcbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnNlY29uZGFyeS5wcmltYXJ5fTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IGRhbmdlckJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnN0YXR1cy5hbGVydH07XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuXG4gICY6aG92ZXIge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgfVxuXG4gIDpub3QoW2FyaWEtYnVzeT0ndHJ1ZSddKSB7XG4gICAgJltkaXNhYmxlZF0ge1xuICAgICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc3RhdHVzLmFsZXJ0fTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IGxpbmtCdXR0b25TdHlsZXMgPSBjc3NgXG4gIHBhZGRpbmc6IDA7XG4gIG1pbi13aWR0aDogMDtcblxuICAmOmFmdGVyIHtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgfVxuXG4gICZbZGlzYWJsZWRdIHtcbiAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICB9XG5gXG4iXX0= */");
+exports.dangerButtonStyles = dangerButtonStyles;
+const linkButtonStyles = process.env.NODE_ENV === "production" ? {
+  name: "192r7za",
+  styles: "padding:0;min-width:0;&:after{background:transparent;}&[disabled]{cursor:not-allowed;}"
+} : {
+  name: "1un1xu3-linkButtonStyles",
+  styles: "padding:0;min-width:0;&:after{background:transparent;}&[disabled]{cursor:not-allowed;};label:linkButtonStyles;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9idXR0b24vYnV0dG9uLXN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdHbUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2J1dHRvbi9idXR0b24tc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCBjb25zdCBiYXNlQnV0dG9uU3R5bGUgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgaGVpZ2h0OiAyLjc1cmVtO1xuICBib3JkZXI6ICR7dGhlbWUuYm9yZGVycy53aWR0aHMubX0gc29saWQgdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkubX07XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgZm9udC13ZWlnaHQ6IDcwMDtcbiAgb3ZlcmZsb3c6IHZpc2libGU7XG4gIGJvcmRlcjogbm9uZTtcblxuICAmOmFmdGVyIHtcbiAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnJhZGlpLm19O1xuICB9XG5cbiAgJltkaXNhYmxlZF0ge1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHByaW1hcnlCdXR0b25TdHlsZXMgPSBjc3NgXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy50ZXJ0aWFyeS5tYWlufTtcblxuICA6bm90KFthcmlhLWJ1c3k9J3RydWUnXSkge1xuICAgICZbZGlzYWJsZWRdIHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICAgICAgYmFja2dyb3VuZDogJHt0aGVtZS5jb2xvcnMudGVydGlhcnkubWFpbn07XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBzZWNvbmRhcnlCdXR0b25TdHlsZXMgPSBjc3NgXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG5cbiAgOm5vdChbYXJpYS1idXN5PSd0cnVlJ10pIHtcbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IG91dGxpbmVkQnV0dG9uU3R5bGVzID0gY3NzYFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyOiAke3RoZW1lLmJvcmRlcnMud2lkdGhzLm19IHNvbGlkIGN1cnJlbnRDb2xvcjtcblxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICB9XG5cbiAgOm5vdChbYXJpYS1idXN5PSd0cnVlJ10pIHtcbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQuc2Vjb25kYXJ5LmRpc2FibGVkfTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5zZWNvbmRhcnkuZGlzYWJsZWR9O1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgdGV4dEJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG5cbiAgJjpob3ZlcixcbiAgJjphY3RpdmUge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFya307XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICB9XG5cbiAgOm5vdChbYXJpYS1idXN5PSd0cnVlJ10pIHtcbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnNlY29uZGFyeS5wcmltYXJ5fTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IGRhbmdlckJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnN0YXR1cy5hbGVydH07XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuXG4gICY6aG92ZXIge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgfVxuXG4gIDpub3QoW2FyaWEtYnVzeT0ndHJ1ZSddKSB7XG4gICAgJltkaXNhYmxlZF0ge1xuICAgICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc3RhdHVzLmFsZXJ0fTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IGxpbmtCdXR0b25TdHlsZXMgPSBjc3NgXG4gIHBhZGRpbmc6IDA7XG4gIG1pbi13aWR0aDogMDtcblxuICAmOmFmdGVyIHtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgfVxuXG4gICZbZGlzYWJsZWRdIHtcbiAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICB9XG5gXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+exports.linkButtonStyles = linkButtonStyles;

package/cjs/button/index.js

@@ -0,0 +1,88 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  Button: true,
+  Anchor: true,
+  IconButton: true
+};
+Object.defineProperty(exports, "Button", {
+  enumerable: true,
+  get: function get() {
+    return _Button.default;
+  }
+});
+Object.defineProperty(exports, "Anchor", {
+  enumerable: true,
+  get: function get() {
+    return _LinkButton.default;
+  }
+});
+Object.defineProperty(exports, "IconButton", {
+  enumerable: true,
+  get: function get() {
+    return _IconButton.default;
+  }
+});
+
+var _Button = _interopRequireWildcard(require("./Button"));
+
+Object.keys(_Button).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Button[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Button[key];
+    }
+  });
+});
+
+var _LinkButton = _interopRequireWildcard(require("./LinkButton"));
+
+Object.keys(_LinkButton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _LinkButton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _LinkButton[key];
+    }
+  });
+});
+
+var _IconButton = _interopRequireWildcard(require("./IconButton"));
+
+Object.keys(_IconButton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _IconButton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _IconButton[key];
+    }
+  });
+});
+
+var _BadgeIcon = require("./BadgeIcon");
+
+Object.keys(_BadgeIcon).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _BadgeIcon[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _BadgeIcon[key];
+    }
+  });
+});
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/cjs/button-stack/ButtonStack.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@emotion/react");
+
+var _emotionCloneElement = _interopRequireDefault(require("../common/emotionCloneElement"));
+
+var _theme = require("@dfds-ui/theme");
+
+const _excluded = ["align", "orientation", "reverse", "className", "children"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+// TODO: Reafctor into the theme
+const space = 8;
+
+const containerStyles = ({
+  orientation,
+  align,
+  reverse
+}) => /*#__PURE__*/(0, _react2.css)("display:flex;flex-direction:column;flex-wrap:wrap;", _theme.media.greaterThan('s')`
+    flex-direction: ${orientation === 'horizontal' ? 'row' : 'column'};
+    flex-direction: ${reverse && 'row-reverse'};
+    justify-content: ${align === 'left' ? 'flex-start' : 'flex-end'};
+    margin-left: ${orientation === 'horizontal' && `-8px`};
+  `, " ", _theme.media.greaterThan('m')`
+    justify-content: ${align === 'left' ? 'flex-start' : 'flex-end'};
+  `, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:containerStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9idXR0b24tc3RhY2svQnV0dG9uU3RhY2sudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCMkYiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2J1dHRvbi1zdGFjay9CdXR0b25TdGFjay50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBlbW90aW9uQ2xvbmVFbGVtZW50IGZyb20gJy4uL2NvbW1vbi9lbW90aW9uQ2xvbmVFbGVtZW50J1xuaW1wb3J0IHsgbWVkaWEgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxudHlwZSBPcmllbnRhdGlvbiA9ICdob3Jpem9udGFsJyB8ICd2ZXJ0aWNhbCdcbnR5cGUgQWxpZ25tZW50ID0gJ2xlZnQnIHwgJ3JpZ2h0JyB8ICdjZW50ZXInXG5cbnR5cGUgQnV0dG9uU3RhY2tQcm9wcyA9IHtcbiAgYWxpZ24/OiBBbGlnbm1lbnRcbiAgb3JpZW50YXRpb24/OiBPcmllbnRhdGlvblxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgcmV2ZXJzZT86IGJvb2xlYW4gLy8gdmlydHVhbGx5IHJldmVyc2VzIHRoZSBvcmRlciB3aXRoIHJvdy1yZXZlcnNlXG59XG5cbi8vIFRPRE86IFJlYWZjdG9yIGludG8gdGhlIHRoZW1lXG5jb25zdCBzcGFjZSA9IDhcblxuY29uc3QgY29udGFpbmVyU3R5bGVzID0gKHsgb3JpZW50YXRpb24sIGFsaWduLCByZXZlcnNlIH06IFBhcnRpYWw8QnV0dG9uU3RhY2tQcm9wcz4pID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZmxleC13cmFwOiB3cmFwO1xuXG4gICR7bWVkaWEuZ3JlYXRlclRoYW4oJ3MnKWBcbiAgICBmbGV4LWRpcmVjdGlvbjogJHtvcmllbnRhdGlvbiA9PT0gJ2hvcml6b250YWwnID8gJ3JvdycgOiAnY29sdW1uJ307XG4gICAgZmxleC1kaXJlY3Rpb246ICR7cmV2ZXJzZSAmJiAncm93LXJldmVyc2UnfTtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6ICR7YWxpZ24gPT09ICdsZWZ0JyA/ICdmbGV4LXN0YXJ0JyA6ICdmbGV4LWVuZCd9O1xuICAgIG1hcmdpbi1sZWZ0OiAke29yaWVudGF0aW9uID09PSAnaG9yaXpvbnRhbCcgJiYgYC04cHhgfTtcbiAgYH1cblxuICAke21lZGlhLmdyZWF0ZXJUaGFuKCdtJylgXG4gICAganVzdGlmeS1jb250ZW50OiAke2FsaWduID09PSAnbGVmdCcgPyAnZmxleC1zdGFydCcgOiAnZmxleC1lbmQnfTtcbiAgYH1cbmBcblxuY29uc3QgdmVydGljYWxJdGVtU3R5bGVzID0gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWdyb3c6IDE7XG4gIG1hcmdpbjogJHtzcGFjZSAvIDJ9cHggMCAke3NwYWNlIC8gMn1weCAwO1xuYFxuXG5jb25zdCBob3Jpem9udGFsU3R5bGVzID0gKHsgYWxpZ24gfTogUGFydGlhbDxCdXR0b25TdGFja1Byb3BzPikgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWdyb3c6ICR7YWxpZ24gPT09ICdjZW50ZXInID8gMSA6IDB9O1xuICBmbGV4LXNocmluazogMTtcbiAgbWFyZ2luOiAke3NwYWNlIC8gMn1weCAwICR7c3BhY2UgLyAyfXB4IDA7XG5cbiAgJHttZWRpYS5ncmVhdGVyVGhhbigncycpYFxuICAgIGZsZXgtc2hyaW5rOiAwO1xuICAgIGZsZXgtYmFzaXM6ICR7YWxpZ24gPT09ICdjZW50ZXInID8gJzAlJyA6ICdhdXRvJ307XG4gICAgbWFyZ2luOiAke3NwYWNlIC8gMn1weCAwICR7c3BhY2UgLyAyfXB4ICR7c3BhY2V9cHg7XG4gIGB9XG4gICR7bWVkaWEuZ3JlYXRlclRoYW4oJ3MnKWBcbiAgICBtYXgtd2lkdGg6ICR7YWxpZ24gPT09ICdjZW50ZXInID8gJ2NhbGMoMTAwJSAtIDEwcHgpJyA6IGBjYWxjKDY2JSAtICR7c3BhY2UgLyAyfXB4KWB9O1xuICBgfVxuICAke21lZGlhLmd0KCdtJylgXG4gICAgbWF4LXdpZHRoOiBjYWxjKDEwMCUgLSAxMHB4KTtcbiAgYH1cbmBcbmNvbnN0IEJ1dHRvblN0YWNrOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxCdXR0b25TdGFja1Byb3BzPiA9ICh7XG4gIGFsaWduID0gJ2xlZnQnLFxuICBvcmllbnRhdGlvbiA9ICdob3Jpem9udGFsJyxcbiAgcmV2ZXJzZSxcbiAgY2xhc3NOYW1lLFxuICBjaGlsZHJlbixcbiAgLi4ucmVzdFxufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAgPGRpdiBjc3M9e2NvbnRhaW5lclN0eWxlcyh7IG9yaWVudGF0aW9uLCBhbGlnbiwgcmV2ZXJzZSB9KX0gey4uLnJlc3R9PlxuICAgICAgICB7UmVhY3QuQ2hpbGRyZW4ubWFwKGNoaWxkcmVuLCAoY2hpbGQpID0+IHtcbiAgICAgICAgICByZXR1cm4gUmVhY3QuaXNWYWxpZEVsZW1lbnQ8YW55PihjaGlsZClcbiAgICAgICAgICAgID8gZW1vdGlvbkNsb25lRWxlbWVudChjaGlsZCwge1xuICAgICAgICAgICAgICAgIGNzczogW2NoaWxkLnByb3BzLmNzcywgb3JpZW50YXRpb24gPT09ICdob3Jpem9udGFsJyA/IGhvcml6b250YWxTdHlsZXMoeyBhbGlnbiB9KSA6IHZlcnRpY2FsSXRlbVN0eWxlc10sXG4gICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICA6IGNoaWxkXG4gICAgICAgIH0pfVxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgQnV0dG9uU3RhY2tcbiJdfQ== */");
+
+const verticalItemStyles = /*#__PURE__*/(0, _react2.css)("display:flex;flex-grow:1;margin:", space / 2, "px 0 ", space / 2, "px 0;" + (process.env.NODE_ENV === "production" ? "" : ";label:verticalItemStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9idXR0b24tc3RhY2svQnV0dG9uU3RhY2sudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1DOEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2J1dHRvbi1zdGFjay9CdXR0b25TdGFjay50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBlbW90aW9uQ2xvbmVFbGVtZW50IGZyb20gJy4uL2NvbW1vbi9lbW90aW9uQ2xvbmVFbGVtZW50J1xuaW1wb3J0IHsgbWVkaWEgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxudHlwZSBPcmllbnRhdGlvbiA9ICdob3Jpem9udGFsJyB8ICd2ZXJ0aWNhbCdcbnR5cGUgQWxpZ25tZW50ID0gJ2xlZnQnIHwgJ3JpZ2h0JyB8ICdjZW50ZXInXG5cbnR5cGUgQnV0dG9uU3RhY2tQcm9wcyA9IHtcbiAgYWxpZ24/OiBBbGlnbm1lbnRcbiAgb3JpZW50YXRpb24/OiBPcmllbnRhdGlvblxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgcmV2ZXJzZT86IGJvb2xlYW4gLy8gdmlydHVhbGx5IHJldmVyc2VzIHRoZSBvcmRlciB3aXRoIHJvdy1yZXZlcnNlXG59XG5cbi8vIFRPRE86IFJlYWZjdG9yIGludG8gdGhlIHRoZW1lXG5jb25zdCBzcGFjZSA9IDhcblxuY29uc3QgY29udGFpbmVyU3R5bGVzID0gKHsgb3JpZW50YXRpb24sIGFsaWduLCByZXZlcnNlIH06IFBhcnRpYWw8QnV0dG9uU3RhY2tQcm9wcz4pID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZmxleC13cmFwOiB3cmFwO1xuXG4gICR7bWVkaWEuZ3JlYXRlclRoYW4oJ3MnKWBcbiAgICBmbGV4LWRpcmVjdGlvbjogJHtvcmllbnRhdGlvbiA9PT0gJ2hvcml6b250YWwnID8gJ3JvdycgOiAnY29sdW1uJ307XG4gICAgZmxleC1kaXJlY3Rpb246ICR7cmV2ZXJzZSAmJiAncm93LXJldmVyc2UnfTtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6ICR7YWxpZ24gPT09ICdsZWZ0JyA/ICdmbGV4LXN0YXJ0JyA6ICdmbGV4LWVuZCd9O1xuICAgIG1hcmdpbi1sZWZ0OiAke29yaWVudGF0aW9uID09PSAnaG9yaXpvbnRhbCcgJiYgYC04cHhgfTtcbiAgYH1cblxuICAke21lZGlhLmdyZWF0ZXJUaGFuKCdtJylgXG4gICAganVzdGlmeS1jb250ZW50OiAke2FsaWduID09PSAnbGVmdCcgPyAnZmxleC1zdGFydCcgOiAnZmxleC1lbmQnfTtcbiAgYH1cbmBcblxuY29uc3QgdmVydGljYWxJdGVtU3R5bGVzID0gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWdyb3c6IDE7XG4gIG1hcmdpbjogJHtzcGFjZSAvIDJ9cHggMCAke3NwYWNlIC8gMn1weCAwO1xuYFxuXG5jb25zdCBob3Jpem9udGFsU3R5bGVzID0gKHsgYWxpZ24gfTogUGFydGlhbDxCdXR0b25TdGFja1Byb3BzPikgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWdyb3c6ICR7YWxpZ24gPT09ICdjZW50ZXInID8gMSA6IDB9O1xuICBmbGV4LXNocmluazogMTtcbiAgbWFyZ2luOiAke3NwYWNlIC8gMn1weCAwICR7c3BhY2UgLyAyfXB4IDA7XG5cbiAgJHttZWRpYS5ncmVhdGVyVGhhbigncycpYFxuICAgIGZsZXgtc2hyaW5rOiAwO1xuICAgIGZsZXgtYmFzaXM6ICR7YWxpZ24gPT09ICdjZW50ZXInID8gJzAlJyA6ICdhdXRvJ307XG4gICAgbWFyZ2luOiAke3NwYWNlIC8gMn1weCAwICR7c3BhY2UgLyAyfXB4ICR7c3BhY2V9cHg7XG4gIGB9XG4gICR7bWVkaWEuZ3JlYXRlclRoYW4oJ3MnKWBcbiAgICBtYXgtd2lkdGg6ICR7YWxpZ24gPT09ICdjZW50ZXInID8gJ2NhbGMoMTAwJSAtIDEwcHgpJyA6IGBjYWxjKDY2JSAtICR7c3BhY2UgLyAyfXB4KWB9O1xuICBgfVxuICAke21lZGlhLmd0KCdtJylgXG4gICAgbWF4LXdpZHRoOiBjYWxjKDEwMCUgLSAxMHB4KTtcbiAgYH1cbmBcbmNvbnN0IEJ1dHRvblN0YWNrOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxCdXR0b25TdGFja1Byb3BzPiA9ICh7XG4gIGFsaWduID0gJ2xlZnQnLFxuICBvcmllbnRhdGlvbiA9ICdob3Jpem9udGFsJyxcbiAgcmV2ZXJzZSxcbiAgY2xhc3NOYW1lLFxuICBjaGlsZHJlbixcbiAgLi4ucmVzdFxufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAgPGRpdiBjc3M9e2NvbnRhaW5lclN0eWxlcyh7IG9yaWVudGF0aW9uLCBhbGlnbiwgcmV2ZXJzZSB9KX0gey4uLnJlc3R9PlxuICAgICAgICB7UmVhY3QuQ2hpbGRyZW4ubWFwKGNoaWxkcmVuLCAoY2hpbGQpID0+IHtcbiAgICAgICAgICByZXR1cm4gUmVhY3QuaXNWYWxpZEVsZW1lbnQ8YW55PihjaGlsZClcbiAgICAgICAgICAgID8gZW1vdGlvbkNsb25lRWxlbWVudChjaGlsZCwge1xuICAgICAgICAgICAgICAgIGNzczogW2NoaWxkLnByb3BzLmNzcywgb3JpZW50YXRpb24gPT09ICdob3Jpem9udGFsJyA/IGhvcml6b250YWxTdHlsZXMoeyBhbGlnbiB9KSA6IHZlcnRpY2FsSXRlbVN0eWxlc10sXG4gICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICA6IGNoaWxkXG4gICAgICAgIH0pfVxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgQnV0dG9uU3RhY2tcbiJdfQ== */");
+
+const horizontalStyles = ({
+  align
+}) => /*#__PURE__*/(0, _react2.css)("display:flex;flex-grow:", align === 'center' ? 1 : 0, ";flex-shrink:1;margin:", space / 2, "px 0 ", space / 2, "px 0;", _theme.media.greaterThan('s')`
+    flex-shrink: 0;
+    flex-basis: ${align === 'center' ? '0%' : 'auto'};
+    margin: ${space / 2}px 0 ${space / 2}px ${space}px;
+  `, " ", _theme.media.greaterThan('s')`
+    max-width: ${align === 'center' ? 'calc(100% - 10px)' : `calc(66% - ${space / 2}px)`};
+  `, " ", _theme.media.gt('m')`
+    max-width: calc(100% - 10px);
+  `, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:horizontalStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9idXR0b24tc3RhY2svQnV0dG9uU3RhY2sudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDc0UiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2J1dHRvbi1zdGFjay9CdXR0b25TdGFjay50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBlbW90aW9uQ2xvbmVFbGVtZW50IGZyb20gJy4uL2NvbW1vbi9lbW90aW9uQ2xvbmVFbGVtZW50J1xuaW1wb3J0IHsgbWVkaWEgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxudHlwZSBPcmllbnRhdGlvbiA9ICdob3Jpem9udGFsJyB8ICd2ZXJ0aWNhbCdcbnR5cGUgQWxpZ25tZW50ID0gJ2xlZnQnIHwgJ3JpZ2h0JyB8ICdjZW50ZXInXG5cbnR5cGUgQnV0dG9uU3RhY2tQcm9wcyA9IHtcbiAgYWxpZ24/OiBBbGlnbm1lbnRcbiAgb3JpZW50YXRpb24/OiBPcmllbnRhdGlvblxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgcmV2ZXJzZT86IGJvb2xlYW4gLy8gdmlydHVhbGx5IHJldmVyc2VzIHRoZSBvcmRlciB3aXRoIHJvdy1yZXZlcnNlXG59XG5cbi8vIFRPRE86IFJlYWZjdG9yIGludG8gdGhlIHRoZW1lXG5jb25zdCBzcGFjZSA9IDhcblxuY29uc3QgY29udGFpbmVyU3R5bGVzID0gKHsgb3JpZW50YXRpb24sIGFsaWduLCByZXZlcnNlIH06IFBhcnRpYWw8QnV0dG9uU3RhY2tQcm9wcz4pID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZmxleC13cmFwOiB3cmFwO1xuXG4gICR7bWVkaWEuZ3JlYXRlclRoYW4oJ3MnKWBcbiAgICBmbGV4LWRpcmVjdGlvbjogJHtvcmllbnRhdGlvbiA9PT0gJ2hvcml6b250YWwnID8gJ3JvdycgOiAnY29sdW1uJ307XG4gICAgZmxleC1kaXJlY3Rpb246ICR7cmV2ZXJzZSAmJiAncm93LXJldmVyc2UnfTtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6ICR7YWxpZ24gPT09ICdsZWZ0JyA/ICdmbGV4LXN0YXJ0JyA6ICdmbGV4LWVuZCd9O1xuICAgIG1hcmdpbi1sZWZ0OiAke29yaWVudGF0aW9uID09PSAnaG9yaXpvbnRhbCcgJiYgYC04cHhgfTtcbiAgYH1cblxuICAke21lZGlhLmdyZWF0ZXJUaGFuKCdtJylgXG4gICAganVzdGlmeS1jb250ZW50OiAke2FsaWduID09PSAnbGVmdCcgPyAnZmxleC1zdGFydCcgOiAnZmxleC1lbmQnfTtcbiAgYH1cbmBcblxuY29uc3QgdmVydGljYWxJdGVtU3R5bGVzID0gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWdyb3c6IDE7XG4gIG1hcmdpbjogJHtzcGFjZSAvIDJ9cHggMCAke3NwYWNlIC8gMn1weCAwO1xuYFxuXG5jb25zdCBob3Jpem9udGFsU3R5bGVzID0gKHsgYWxpZ24gfTogUGFydGlhbDxCdXR0b25TdGFja1Byb3BzPikgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWdyb3c6ICR7YWxpZ24gPT09ICdjZW50ZXInID8gMSA6IDB9O1xuICBmbGV4LXNocmluazogMTtcbiAgbWFyZ2luOiAke3NwYWNlIC8gMn1weCAwICR7c3BhY2UgLyAyfXB4IDA7XG5cbiAgJHttZWRpYS5ncmVhdGVyVGhhbigncycpYFxuICAgIGZsZXgtc2hyaW5rOiAwO1xuICAgIGZsZXgtYmFzaXM6ICR7YWxpZ24gPT09ICdjZW50ZXInID8gJzAlJyA6ICdhdXRvJ307XG4gICAgbWFyZ2luOiAke3NwYWNlIC8gMn1weCAwICR7c3BhY2UgLyAyfXB4ICR7c3BhY2V9cHg7XG4gIGB9XG4gICR7bWVkaWEuZ3JlYXRlclRoYW4oJ3MnKWBcbiAgICBtYXgtd2lkdGg6ICR7YWxpZ24gPT09ICdjZW50ZXInID8gJ2NhbGMoMTAwJSAtIDEwcHgpJyA6IGBjYWxjKDY2JSAtICR7c3BhY2UgLyAyfXB4KWB9O1xuICBgfVxuICAke21lZGlhLmd0KCdtJylgXG4gICAgbWF4LXdpZHRoOiBjYWxjKDEwMCUgLSAxMHB4KTtcbiAgYH1cbmBcbmNvbnN0IEJ1dHRvblN0YWNrOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxCdXR0b25TdGFja1Byb3BzPiA9ICh7XG4gIGFsaWduID0gJ2xlZnQnLFxuICBvcmllbnRhdGlvbiA9ICdob3Jpem9udGFsJyxcbiAgcmV2ZXJzZSxcbiAgY2xhc3NOYW1lLFxuICBjaGlsZHJlbixcbiAgLi4ucmVzdFxufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAgPGRpdiBjc3M9e2NvbnRhaW5lclN0eWxlcyh7IG9yaWVudGF0aW9uLCBhbGlnbiwgcmV2ZXJzZSB9KX0gey4uLnJlc3R9PlxuICAgICAgICB7UmVhY3QuQ2hpbGRyZW4ubWFwKGNoaWxkcmVuLCAoY2hpbGQpID0+IHtcbiAgICAgICAgICByZXR1cm4gUmVhY3QuaXNWYWxpZEVsZW1lbnQ8YW55PihjaGlsZClcbiAgICAgICAgICAgID8gZW1vdGlvbkNsb25lRWxlbWVudChjaGlsZCwge1xuICAgICAgICAgICAgICAgIGNzczogW2NoaWxkLnByb3BzLmNzcywgb3JpZW50YXRpb24gPT09ICdob3Jpem9udGFsJyA/IGhvcml6b250YWxTdHlsZXMoeyBhbGlnbiB9KSA6IHZlcnRpY2FsSXRlbVN0eWxlc10sXG4gICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICA6IGNoaWxkXG4gICAgICAgIH0pfVxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgQnV0dG9uU3RhY2tcbiJdfQ== */");
+
+const ButtonStack = _ref => {
+  let _ref$align = _ref.align,
+      align = _ref$align === void 0 ? 'left' : _ref$align,
+      _ref$orientation = _ref.orientation,
+      orientation = _ref$orientation === void 0 ? 'horizontal' : _ref$orientation,
+      reverse = _ref.reverse,
+      className = _ref.className,
+      children = _ref.children,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  return (0, _react2.jsx)("div", {
+    className: className
+  }, (0, _react2.jsx)("div", _extends({
+    css: containerStyles({
+      orientation,
+      align,
+      reverse
+    })
+  }, rest), _react.default.Children.map(children, child => {
+    return /*#__PURE__*/_react.default.isValidElement(child) ? (0, _emotionCloneElement.default)(child, {
+      css: [child.props.css, orientation === 'horizontal' ? horizontalStyles({
+        align
+      }) : verticalItemStyles]
+    }) : child;
+  })));
+};
+
+var _default = ButtonStack;
+exports.default = _default;

package/cjs/button-stack/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ButtonStack", {
+  enumerable: true,
+  get: function get() {
+    return _ButtonStack.default;
+  }
+});
+
+var _ButtonStack = _interopRequireDefault(require("./ButtonStack"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }