@dfds-ui/react-components 2.2.0-alpha.8f6cde13 → 2.2.0-alpha.934129d7

package/button/IconButton.js

@@ -0,0 +1,140 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["type", "tooltip", "title", "size", "icon", "disableTooltip", "disableOverlay", "disabled", "color", "hoverColor", "focusColor", "activeColor", "overlayOptions", "as", "ariaLabel"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+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)."; }
+import React, { forwardRef } from 'react';
+import { css } from '@emotion/react';
+import { theme } from '@dfds-ui/theme';
+import { UnstableWithTooltip } from '../tooltip/Tooltip';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+/**
+ * Helper function returning the default icon size when rendering an IconButton in the specified size.
+ * @param size : IconButtonSize;
+ * @returns The default icon size
+ */
+export var getDefaultIconButtonIconSize = function 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
+ */
+export var getDefaultIconButtonDimensions = function 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'
+      };
+  }
+};
+var getDisabledTextColor = function getDisabledTextColor(color) {
+  var themeColorsText = 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;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9idXR0b24vSWNvbkJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa05nQiIsImZpbGUiOiIuLi8uLi9zcmMvYnV0dG9uL0ljb25CdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IEVsZW1lbnRUeXBlLCBDb21wb25lbnRQcm9wc1dpdGhSZWYsIGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IE92ZXJsYXlPcHRpb25zIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUvc3RhdGVzJ1xuaW1wb3J0IHsgUG9seW1vcnBoaWNDb21wb25lbnRQcm9wcyB9IGZyb20gJy4uL2NvbW1vbi9wb2x5bW9ycGhpYydcbmltcG9ydCB7IFVuc3RhYmxlV2l0aFRvb2x0aXAgfSBmcm9tICcuLi90b29sdGlwL1Rvb2x0aXAnXG5cbmV4cG9ydCB0eXBlIEljb25CdXR0b25TaXplID0gJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2xhcmdlJyB8ICdzJyB8ICdtJyB8ICdsJ1xuXG5leHBvcnQgaW50ZXJmYWNlIEljb25CdXR0b25Qcm9wcyBleHRlbmRzIFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHMsIENvbXBvbmVudFByb3BzV2l0aFJlZjwnYnV0dG9uJz4ge1xuICAvKipcbiAgICogSWNvbiB0byBiZSBkaXNwbGF5ZWQgb24gdGhlIGJ1dHRvbi5cbiAgICovXG4gIGljb246IEVsZW1lbnRUeXBlXG4gIC8qKlxuICAgKiBUZXh0IG9mIHRoZSBhcmlhLWxhYmVsIGFzIHdlbGwgYXMgdGhlIGZhbGxiYWNrIHZhbHVlIHVzZWQgZm9yIHRvb2x0aXAuXG4gICAqL1xuICBhcmlhTGFiZWw6IHN0cmluZ1xuICAvKipcbiAgICogU2l6ZSBvZiB0aGUgYnV0dG9uLlxuICAgKi9cbiAgc2l6ZT86IEljb25CdXR0b25TaXplXG4gIC8qKlxuICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gdGhlIGJ1dHRvbi5cbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAvKipcbiAgICogRGlzYWJsZSBidXR0b24uXG4gICAqL1xuICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIERpc2FibGUgb3ZlcmxheSBzdGF0ZXMuXG4gICAqL1xuICBkaXNhYmxlT3ZlcmxheT86IGJvb2xlYW5cbiAgLyoqXG4gICAqIERpc2FibGUgdG9vbHRpcC5cbiAgICovXG4gIGRpc2FibGVUb29sdGlwPzogYm9vbGVhblxuICAvKipcbiAgICogVGV4dCBvZiB0aGUgdG9vbHRpcCwgaWYgbm9uZSwgYXJpYS1sYWJlbCB3aWxsIGJlIHVzZWQuXG4gICAqL1xuICB0b29sdGlwPzogc3RyaW5nXG4gIC8qKlxuICAgKiBDb2xvciBvZiB0aGUgYnV0dG9uIGFuZCB0aGUgb3ZlcmxheSBzdGF0ZS5cbiAgICovXG4gIGNvbG9yPzogc3RyaW5nXG4gIC8qKlxuICAgKiBPdmVycmlkZSBjb2xvciB0byBiZSB1c2VkIGZvciB0aGUgaG92ZXIgc3RhdGUuXG4gICAqL1xuICBob3ZlckNvbG9yPzogc3RyaW5nXG4gIC8qKlxuICAgKiBPdmVycmlkZSBjb2xvciB0byBiZSB1c2VkIGZvciB0aGUgYWN0aXZlIHN0YXRlLlxuICAgKi9cbiAgYWN0aXZlQ29sb3I/OiBzdHJpbmdcbiAgLyoqXG4gICAqIE92ZXJyaWRlIGNvbG9yIHRvIGJlIHVzZWQgZm9yIHRoZSBmb2N1cyBzdGF0ZS5cbiAgICovXG4gIGZvY3VzQ29sb3I/OiBzdHJpbmdcbiAgLyoqXG4gICAqIE92ZXJyaWRlIHRoZSBvdmVybGF5IG9wdGlvbnMgdG8gdXNlLlxuICAgKi9cbiAgb3ZlcmxheU9wdGlvbnM/OiBPdmVybGF5T3B0aW9uc1xufVxuXG4vKipcbiAqIEhlbHBlciBmdW5jdGlvbiByZXR1cm5pbmcgdGhlIGRlZmF1bHQgaWNvbiBzaXplIHdoZW4gcmVuZGVyaW5nIGFuIEljb25CdXR0b24gaW4gdGhlIHNwZWNpZmllZCBzaXplLlxuICogQHBhcmFtIHNpemUgOiBJY29uQnV0dG9uU2l6ZTtcbiAqIEByZXR1cm5zIFRoZSBkZWZhdWx0IGljb24gc2l6ZVxuICovXG5leHBvcnQgY29uc3QgZ2V0RGVmYXVsdEljb25CdXR0b25JY29uU2l6ZSA9IChzaXplOiBJY29uQnV0dG9uU2l6ZSkgPT4ge1xuICBzd2l0Y2ggKHNpemUpIHtcbiAgICBjYXNlICdzbWFsbCc6XG4gICAgY2FzZSAncyc6XG4gICAgICByZXR1cm4gJzEuMjVyZW0nXG4gICAgY2FzZSAnbWVkaXVtJzpcbiAgICBjYXNlICdtJzpcbiAgICAgIHJldHVybiAnMS41cmVtJ1xuICAgIGNhc2UgJ2xhcmdlJzpcbiAgICBjYXNlICdsJzpcbiAgICAgIHJldHVybiAnMnJlbSdcbiAgfVxufVxuXG4vKipcbiAqIEhlbHBlciBmdW5jdGlvbiByZXR1cm5pbmcgdGhlIGRlZmF1bHQgZGltZW5zaW9ucyBvZiBhbiBJY29uQnV0dG9uIGluIHRoZSBzcGVjaWZpZWQgc2l6ZS5cbiAqIEBwYXJhbSBzaXplIDogSWNvbkJ1dHRvblNpemU7XG4gKiBAcmV0dXJucyBUaGUgZGVmYXVsdCBzaXplXG4gKi9cbmV4cG9ydCBjb25zdCBnZXREZWZhdWx0SWNvbkJ1dHRvbkRpbWVuc2lvbnMgPSAoc2l6ZTogSWNvbkJ1dHRvblNpemUpID0+IHtcbiAgc3dpdGNoIChzaXplKSB7XG4gICAgY2FzZSAnc21hbGwnOlxuICAgIGNhc2UgJ3MnOlxuICAgICAgcmV0dXJuIHsgaGVpZ2h0OiAnMi41cmVtJywgd2lkdGg6ICcyLjVyZW0nIH1cbiAgICBjYXNlICdtZWRpdW0nOlxuICAgIGNhc2UgJ20nOlxuICAgICAgcmV0dXJuIHsgaGVpZ2h0OiAnMi43NXJlbScsIHdpZHRoOiAnMi43NXJlbScgfVxuICAgIGNhc2UgJ2xhcmdlJzpcbiAgICBjYXNlICdsJzpcbiAgICAgIHJldHVybiB7IGhlaWdodDogJzIuNzVyZW0nLCB3aWR0aDogJzIuNzVyZW0nIH1cbiAgfVxufVxuXG5jb25zdCBnZXREaXNhYmxlZFRleHRDb2xvciA9IChjb2xvcjogc3RyaW5nKSA9PiB7XG4gIGNvbnN0IHRoZW1lQ29sb3JzVGV4dCA9IHRoZW1lLmNvbG9ycy50ZXh0XG5cbiAgc3dpdGNoIChjb2xvcikge1xuICAgIGNhc2UgdGhlbWVDb2xvcnNUZXh0LmRhcmsucHJpbWFyeTpcbiAgICAgIHJldHVybiB0aGVtZUNvbG9yc1RleHQuZGFyay5kaXNhYmxlZFxuICAgIGNhc2UgdGhlbWVDb2xvcnNUZXh0LmRhcmsuc2Vjb25kYXJ5OlxuICAgICAgcmV0dXJuIHRoZW1lQ29sb3JzVGV4dC5kYXJrLmRpc2FibGVkXG4gICAgY2FzZSB0aGVtZUNvbG9yc1RleHQubGlnaHQucHJpbWFyeTpcbiAgICAgIHJldHVybiB0aGVtZUNvbG9yc1RleHQubGlnaHQuZGlzYWJsZWRcbiAgICBjYXNlIHRoZW1lQ29sb3JzVGV4dC5saWdodC5zZWNvbmRhcnk6XG4gICAgICByZXR1cm4gdGhlbWVDb2xvcnNUZXh0LmxpZ2h0LmRpc2FibGVkXG4gICAgY2FzZSB0aGVtZUNvbG9yc1RleHQucHJpbWFyeS5wcmltYXJ5OlxuICAgICAgcmV0dXJuIHRoZW1lQ29sb3JzVGV4dC5wcmltYXJ5LmRpc2FibGVkXG4gICAgY2FzZSB0aGVtZUNvbG9yc1RleHQucHJpbWFyeS5zZWNvbmRhcnk6XG4gICAgICByZXR1cm4gdGhlbWVDb2xvcnNUZXh0LnByaW1hcnkuZGlzYWJsZWRcbiAgICBjYXNlIHRoZW1lQ29sb3JzVGV4dC5zZWNvbmRhcnkucHJpbWFyeTpcbiAgICAgIHJldHVybiB0aGVtZUNvbG9yc1RleHQuc2Vjb25kYXJ5LmRpc2FibGVkXG4gICAgY2FzZSB0aGVtZUNvbG9yc1RleHQuc2Vjb25kYXJ5LmRpc2FibGVkOlxuICAgICAgcmV0dXJuIHRoZW1lQ29sb3JzVGV4dC5zZWNvbmRhcnkuZGlzYWJsZWRcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGNvbG9yXG4gIH1cbn1cblxuY29uc3QgSWNvbkJ1dHRvbiA9IGZvcndhcmRSZWY8SFRNTEJ1dHRvbkVsZW1lbnQsIEljb25CdXR0b25Qcm9wcz4oXG4gIChcbiAgICB7XG4gICAgICB0eXBlLFxuICAgICAgdG9vbHRpcCxcbiAgICAgIHRpdGxlLFxuICAgICAgc2l6ZSA9ICdtZWRpdW0nLFxuICAgICAgaWNvbjogSWNvbixcbiAgICAgIGRpc2FibGVUb29sdGlwID0gZmFsc2UsXG4gICAgICBkaXNhYmxlT3ZlcmxheSA9IGZhbHNlLFxuICAgICAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgICAgIGNvbG9yLFxuICAgICAgaG92ZXJDb2xvcixcbiAgICAgIGZvY3VzQ29sb3IsXG4gICAgICBhY3RpdmVDb2xvcixcbiAgICAgIG92ZXJsYXlPcHRpb25zID0gdGhlbWUuc3RhdGVzLm92ZXJsYXlPcHRpb25zLmRlZmF1bHRPdmVybGF5T3B0aW9ucyxcbiAgICAgIGFzID0gJ2J1dHRvbicsXG4gICAgICBhcmlhTGFiZWwsXG4gICAgICAuLi5yZXN0XG4gICAgfSxcbiAgICByZWZcbiAgKSA9PiB7XG4gICAgY29uc3QgQ29tcG9uZW50ID0gYXNcbiAgICBjb25zdCBkZWZhdWx0RGltZW5zaW9ucyA9IGdldERlZmF1bHRJY29uQnV0dG9uRGltZW5zaW9ucyhzaXplKVxuXG4gICAgY29uc3QgaWNvbkJ1dHRvbiA9IChcbiAgICAgIDxDb21wb25lbnRcbiAgICAgICAgYXJpYS1sYWJlbD17YXJpYUxhYmVsfVxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIHR5cGU9e3R5cGV9XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICAgIGJvcmRlcjogMDtcbiAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG5cbiAgICAgICAgICBtaW4td2lkdGg6ICR7ZGVmYXVsdERpbWVuc2lvbnMud2lkdGh9O1xuICAgICAgICAgIG1pbi1oZWlnaHQ6ICR7ZGVmYXVsdERpbWVuc2lvbnMuaGVpZ2h0fTtcbiAgICAgICAgICBmb250LXNpemU6ICR7Z2V0RGVmYXVsdEljb25CdXR0b25JY29uU2l6ZShzaXplKX07XG5cbiAgICAgICAgICBjb2xvcjogJHtjb2xvciA/IGNvbG9yIDogdGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5zZWNvbmRhcnl9O1xuXG4gICAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgICBjb2xvcjogJHtob3ZlckNvbG9yID8gaG92ZXJDb2xvciA6IGNvbG9yID8gY29sb3IgOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgICAgICAgIH1cblxuICAgICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgICAgY29sb3I6ICR7Zm9jdXNDb2xvciA/IGZvY3VzQ29sb3IgOiBjb2xvciA/IGNvbG9yIDogdGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAmOmFjdGl2ZSxcbiAgICAgICAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgICAgIGNvbG9yOiAke2FjdGl2ZUNvbG9yID8gYWN0aXZlQ29sb3IgOiBjb2xvciA/IGNvbG9yIDogdGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAmW2Rpc2FibGVkXSB7XG4gICAgICAgICAgICBjb2xvcjogJHtjb2xvciA/IGdldERpc2FibGVkVGV4dENvbG9yKGNvbG9yKSA6IHRoZW1lLmNvbG9ycy50ZXh0LmRhcmsuZGlzYWJsZWR9O1xuICAgICAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAkeyFkaXNhYmxlT3ZlcmxheSAmJiB0aGVtZS5zdGF0ZXMub3ZlcmxheShmYWxzZSwgb3ZlcmxheU9wdGlvbnMpfTtcbiAgICAgICAgYH1cbiAgICAgICAgey4uLnJlc3R9XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgPlxuICAgICAgICA8SWNvbiBzaXplPXtzaXplfSBmb2N1c2FibGU9e2ZhbHNlfSAvPlxuICAgICAgPC9Db21wb25lbnQ+XG4gICAgKVxuXG4gICAgaWYgKGRpc2FibGVUb29sdGlwIHx8IGRpc2FibGVkKSB7XG4gICAgICByZXR1cm4gaWNvbkJ1dHRvblxuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICA8VW5zdGFibGVXaXRoVG9vbHRpcFxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgIGB9XG4gICAgICAgIGNvbnRlbnQ9e3Rvb2x0aXAgfHwgdGl0bGUgfHwgYXJpYUxhYmVsfVxuICAgICAgICBkZWxheT17WzUwMCwgMjAwXX1cbiAgICAgID5cbiAgICAgICAge2ljb25CdXR0b259XG4gICAgICA8L1Vuc3RhYmxlV2l0aFRvb2x0aXA+XG4gICAgKVxuICB9XG4pXG5cbmV4cG9ydCBkZWZhdWx0IEljb25CdXR0b25cbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+var IconButton = /*#__PURE__*/forwardRef(function (_ref2, ref) {
+  var type = _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.states.overlayOptions.defaultOverlayOptions : _ref2$overlayOptions,
+    _ref2$as = _ref2.as,
+    as = _ref2$as === void 0 ? 'button' : _ref2$as,
+    ariaLabel = _ref2.ariaLabel,
+    rest = _objectWithoutProperties(_ref2, _excluded);
+  var Component = as;
+  var defaultDimensions = getDefaultIconButtonDimensions(size);
+  var iconButton = _jsx(Component, _objectSpread(_objectSpread({
+    "aria-label": ariaLabel,
+    disabled: disabled,
+    type: type,
+    css: /*#__PURE__*/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.colors.text.primary.secondary, ";&:hover{color:", hoverColor ? hoverColor : color ? color : theme.colors.secondary.main, ";}&:focus{color:", focusColor ? focusColor : color ? color : theme.colors.secondary.main, ";}&:active,&:disabled{color:", activeColor ? activeColor : color ? color : theme.colors.secondary.main, ";}&[disabled]{color:", color ? getDisabledTextColor(color) : theme.colors.text.dark.disabled, ";cursor:not-allowed;}", !disableOverlay && 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9idXR0b24vSWNvbkJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkpnQiIsImZpbGUiOiIuLi8uLi9zcmMvYnV0dG9uL0ljb25CdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IEVsZW1lbnRUeXBlLCBDb21wb25lbnRQcm9wc1dpdGhSZWYsIGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IE92ZXJsYXlPcHRpb25zIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUvc3RhdGVzJ1xuaW1wb3J0IHsgUG9seW1vcnBoaWNDb21wb25lbnRQcm9wcyB9IGZyb20gJy4uL2NvbW1vbi9wb2x5bW9ycGhpYydcbmltcG9ydCB7IFVuc3RhYmxlV2l0aFRvb2x0aXAgfSBmcm9tICcuLi90b29sdGlwL1Rvb2x0aXAnXG5cbmV4cG9ydCB0eXBlIEljb25CdXR0b25TaXplID0gJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2xhcmdlJyB8ICdzJyB8ICdtJyB8ICdsJ1xuXG5leHBvcnQgaW50ZXJmYWNlIEljb25CdXR0b25Qcm9wcyBleHRlbmRzIFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHMsIENvbXBvbmVudFByb3BzV2l0aFJlZjwnYnV0dG9uJz4ge1xuICAvKipcbiAgICogSWNvbiB0byBiZSBkaXNwbGF5ZWQgb24gdGhlIGJ1dHRvbi5cbiAgICovXG4gIGljb246IEVsZW1lbnRUeXBlXG4gIC8qKlxuICAgKiBUZXh0IG9mIHRoZSBhcmlhLWxhYmVsIGFzIHdlbGwgYXMgdGhlIGZhbGxiYWNrIHZhbHVlIHVzZWQgZm9yIHRvb2x0aXAuXG4gICAqL1xuICBhcmlhTGFiZWw6IHN0cmluZ1xuICAvKipcbiAgICogU2l6ZSBvZiB0aGUgYnV0dG9uLlxuICAgKi9cbiAgc2l6ZT86IEljb25CdXR0b25TaXplXG4gIC8qKlxuICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gdGhlIGJ1dHRvbi5cbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAvKipcbiAgICogRGlzYWJsZSBidXR0b24uXG4gICAqL1xuICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIERpc2FibGUgb3ZlcmxheSBzdGF0ZXMuXG4gICAqL1xuICBkaXNhYmxlT3ZlcmxheT86IGJvb2xlYW5cbiAgLyoqXG4gICAqIERpc2FibGUgdG9vbHRpcC5cbiAgICovXG4gIGRpc2FibGVUb29sdGlwPzogYm9vbGVhblxuICAvKipcbiAgICogVGV4dCBvZiB0aGUgdG9vbHRpcCwgaWYgbm9uZSwgYXJpYS1sYWJlbCB3aWxsIGJlIHVzZWQuXG4gICAqL1xuICB0b29sdGlwPzogc3RyaW5nXG4gIC8qKlxuICAgKiBDb2xvciBvZiB0aGUgYnV0dG9uIGFuZCB0aGUgb3ZlcmxheSBzdGF0ZS5cbiAgICovXG4gIGNvbG9yPzogc3RyaW5nXG4gIC8qKlxuICAgKiBPdmVycmlkZSBjb2xvciB0byBiZSB1c2VkIGZvciB0aGUgaG92ZXIgc3RhdGUuXG4gICAqL1xuICBob3ZlckNvbG9yPzogc3RyaW5nXG4gIC8qKlxuICAgKiBPdmVycmlkZSBjb2xvciB0byBiZSB1c2VkIGZvciB0aGUgYWN0aXZlIHN0YXRlLlxuICAgKi9cbiAgYWN0aXZlQ29sb3I/OiBzdHJpbmdcbiAgLyoqXG4gICAqIE92ZXJyaWRlIGNvbG9yIHRvIGJlIHVzZWQgZm9yIHRoZSBmb2N1cyBzdGF0ZS5cbiAgICovXG4gIGZvY3VzQ29sb3I/OiBzdHJpbmdcbiAgLyoqXG4gICAqIE92ZXJyaWRlIHRoZSBvdmVybGF5IG9wdGlvbnMgdG8gdXNlLlxuICAgKi9cbiAgb3ZlcmxheU9wdGlvbnM/OiBPdmVybGF5T3B0aW9uc1xufVxuXG4vKipcbiAqIEhlbHBlciBmdW5jdGlvbiByZXR1cm5pbmcgdGhlIGRlZmF1bHQgaWNvbiBzaXplIHdoZW4gcmVuZGVyaW5nIGFuIEljb25CdXR0b24gaW4gdGhlIHNwZWNpZmllZCBzaXplLlxuICogQHBhcmFtIHNpemUgOiBJY29uQnV0dG9uU2l6ZTtcbiAqIEByZXR1cm5zIFRoZSBkZWZhdWx0IGljb24gc2l6ZVxuICovXG5leHBvcnQgY29uc3QgZ2V0RGVmYXVsdEljb25CdXR0b25JY29uU2l6ZSA9IChzaXplOiBJY29uQnV0dG9uU2l6ZSkgPT4ge1xuICBzd2l0Y2ggKHNpemUpIHtcbiAgICBjYXNlICdzbWFsbCc6XG4gICAgY2FzZSAncyc6XG4gICAgICByZXR1cm4gJzEuMjVyZW0nXG4gICAgY2FzZSAnbWVkaXVtJzpcbiAgICBjYXNlICdtJzpcbiAgICAgIHJldHVybiAnMS41cmVtJ1xuICAgIGNhc2UgJ2xhcmdlJzpcbiAgICBjYXNlICdsJzpcbiAgICAgIHJldHVybiAnMnJlbSdcbiAgfVxufVxuXG4vKipcbiAqIEhlbHBlciBmdW5jdGlvbiByZXR1cm5pbmcgdGhlIGRlZmF1bHQgZGltZW5zaW9ucyBvZiBhbiBJY29uQnV0dG9uIGluIHRoZSBzcGVjaWZpZWQgc2l6ZS5cbiAqIEBwYXJhbSBzaXplIDogSWNvbkJ1dHRvblNpemU7XG4gKiBAcmV0dXJucyBUaGUgZGVmYXVsdCBzaXplXG4gKi9cbmV4cG9ydCBjb25zdCBnZXREZWZhdWx0SWNvbkJ1dHRvbkRpbWVuc2lvbnMgPSAoc2l6ZTogSWNvbkJ1dHRvblNpemUpID0+IHtcbiAgc3dpdGNoIChzaXplKSB7XG4gICAgY2FzZSAnc21hbGwnOlxuICAgIGNhc2UgJ3MnOlxuICAgICAgcmV0dXJuIHsgaGVpZ2h0OiAnMi41cmVtJywgd2lkdGg6ICcyLjVyZW0nIH1cbiAgICBjYXNlICdtZWRpdW0nOlxuICAgIGNhc2UgJ20nOlxuICAgICAgcmV0dXJuIHsgaGVpZ2h0OiAnMi43NXJlbScsIHdpZHRoOiAnMi43NXJlbScgfVxuICAgIGNhc2UgJ2xhcmdlJzpcbiAgICBjYXNlICdsJzpcbiAgICAgIHJldHVybiB7IGhlaWdodDogJzIuNzVyZW0nLCB3aWR0aDogJzIuNzVyZW0nIH1cbiAgfVxufVxuXG5jb25zdCBnZXREaXNhYmxlZFRleHRDb2xvciA9IChjb2xvcjogc3RyaW5nKSA9PiB7XG4gIGNvbnN0IHRoZW1lQ29sb3JzVGV4dCA9IHRoZW1lLmNvbG9ycy50ZXh0XG5cbiAgc3dpdGNoIChjb2xvcikge1xuICAgIGNhc2UgdGhlbWVDb2xvcnNUZXh0LmRhcmsucHJpbWFyeTpcbiAgICAgIHJldHVybiB0aGVtZUNvbG9yc1RleHQuZGFyay5kaXNhYmxlZFxuICAgIGNhc2UgdGhlbWVDb2xvcnNUZXh0LmRhcmsuc2Vjb25kYXJ5OlxuICAgICAgcmV0dXJuIHRoZW1lQ29sb3JzVGV4dC5kYXJrLmRpc2FibGVkXG4gICAgY2FzZSB0aGVtZUNvbG9yc1RleHQubGlnaHQucHJpbWFyeTpcbiAgICAgIHJldHVybiB0aGVtZUNvbG9yc1RleHQubGlnaHQuZGlzYWJsZWRcbiAgICBjYXNlIHRoZW1lQ29sb3JzVGV4dC5saWdodC5zZWNvbmRhcnk6XG4gICAgICByZXR1cm4gdGhlbWVDb2xvcnNUZXh0LmxpZ2h0LmRpc2FibGVkXG4gICAgY2FzZSB0aGVtZUNvbG9yc1RleHQucHJpbWFyeS5wcmltYXJ5OlxuICAgICAgcmV0dXJuIHRoZW1lQ29sb3JzVGV4dC5wcmltYXJ5LmRpc2FibGVkXG4gICAgY2FzZSB0aGVtZUNvbG9yc1RleHQucHJpbWFyeS5zZWNvbmRhcnk6XG4gICAgICByZXR1cm4gdGhlbWVDb2xvcnNUZXh0LnByaW1hcnkuZGlzYWJsZWRcbiAgICBjYXNlIHRoZW1lQ29sb3JzVGV4dC5zZWNvbmRhcnkucHJpbWFyeTpcbiAgICAgIHJldHVybiB0aGVtZUNvbG9yc1RleHQuc2Vjb25kYXJ5LmRpc2FibGVkXG4gICAgY2FzZSB0aGVtZUNvbG9yc1RleHQuc2Vjb25kYXJ5LmRpc2FibGVkOlxuICAgICAgcmV0dXJuIHRoZW1lQ29sb3JzVGV4dC5zZWNvbmRhcnkuZGlzYWJsZWRcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGNvbG9yXG4gIH1cbn1cblxuY29uc3QgSWNvbkJ1dHRvbiA9IGZvcndhcmRSZWY8SFRNTEJ1dHRvbkVsZW1lbnQsIEljb25CdXR0b25Qcm9wcz4oXG4gIChcbiAgICB7XG4gICAgICB0eXBlLFxuICAgICAgdG9vbHRpcCxcbiAgICAgIHRpdGxlLFxuICAgICAgc2l6ZSA9ICdtZWRpdW0nLFxuICAgICAgaWNvbjogSWNvbixcbiAgICAgIGRpc2FibGVUb29sdGlwID0gZmFsc2UsXG4gICAgICBkaXNhYmxlT3ZlcmxheSA9IGZhbHNlLFxuICAgICAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgICAgIGNvbG9yLFxuICAgICAgaG92ZXJDb2xvcixcbiAgICAgIGZvY3VzQ29sb3IsXG4gICAgICBhY3RpdmVDb2xvcixcbiAgICAgIG92ZXJsYXlPcHRpb25zID0gdGhlbWUuc3RhdGVzLm92ZXJsYXlPcHRpb25zLmRlZmF1bHRPdmVybGF5T3B0aW9ucyxcbiAgICAgIGFzID0gJ2J1dHRvbicsXG4gICAgICBhcmlhTGFiZWwsXG4gICAgICAuLi5yZXN0XG4gICAgfSxcbiAgICByZWZcbiAgKSA9PiB7XG4gICAgY29uc3QgQ29tcG9uZW50ID0gYXNcbiAgICBjb25zdCBkZWZhdWx0RGltZW5zaW9ucyA9IGdldERlZmF1bHRJY29uQnV0dG9uRGltZW5zaW9ucyhzaXplKVxuXG4gICAgY29uc3QgaWNvbkJ1dHRvbiA9IChcbiAgICAgIDxDb21wb25lbnRcbiAgICAgICAgYXJpYS1sYWJlbD17YXJpYUxhYmVsfVxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIHR5cGU9e3R5cGV9XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICAgIGJvcmRlcjogMDtcbiAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG5cbiAgICAgICAgICBtaW4td2lkdGg6ICR7ZGVmYXVsdERpbWVuc2lvbnMud2lkdGh9O1xuICAgICAgICAgIG1pbi1oZWlnaHQ6ICR7ZGVmYXVsdERpbWVuc2lvbnMuaGVpZ2h0fTtcbiAgICAgICAgICBmb250LXNpemU6ICR7Z2V0RGVmYXVsdEljb25CdXR0b25JY29uU2l6ZShzaXplKX07XG5cbiAgICAgICAgICBjb2xvcjogJHtjb2xvciA/IGNvbG9yIDogdGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5zZWNvbmRhcnl9O1xuXG4gICAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgICBjb2xvcjogJHtob3ZlckNvbG9yID8gaG92ZXJDb2xvciA6IGNvbG9yID8gY29sb3IgOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgICAgICAgIH1cblxuICAgICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgICAgY29sb3I6ICR7Zm9jdXNDb2xvciA/IGZvY3VzQ29sb3IgOiBjb2xvciA/IGNvbG9yIDogdGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAmOmFjdGl2ZSxcbiAgICAgICAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgICAgIGNvbG9yOiAke2FjdGl2ZUNvbG9yID8gYWN0aXZlQ29sb3IgOiBjb2xvciA/IGNvbG9yIDogdGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAmW2Rpc2FibGVkXSB7XG4gICAgICAgICAgICBjb2xvcjogJHtjb2xvciA/IGdldERpc2FibGVkVGV4dENvbG9yKGNvbG9yKSA6IHRoZW1lLmNvbG9ycy50ZXh0LmRhcmsuZGlzYWJsZWR9O1xuICAgICAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAkeyFkaXNhYmxlT3ZlcmxheSAmJiB0aGVtZS5zdGF0ZXMub3ZlcmxheShmYWxzZSwgb3ZlcmxheU9wdGlvbnMpfTtcbiAgICAgICAgYH1cbiAgICAgICAgey4uLnJlc3R9XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgPlxuICAgICAgICA8SWNvbiBzaXplPXtzaXplfSBmb2N1c2FibGU9e2ZhbHNlfSAvPlxuICAgICAgPC9Db21wb25lbnQ+XG4gICAgKVxuXG4gICAgaWYgKGRpc2FibGVUb29sdGlwIHx8IGRpc2FibGVkKSB7XG4gICAgICByZXR1cm4gaWNvbkJ1dHRvblxuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICA8VW5zdGFibGVXaXRoVG9vbHRpcFxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgIGB9XG4gICAgICAgIGNvbnRlbnQ9e3Rvb2x0aXAgfHwgdGl0bGUgfHwgYXJpYUxhYmVsfVxuICAgICAgICBkZWxheT17WzUwMCwgMjAwXX1cbiAgICAgID5cbiAgICAgICAge2ljb25CdXR0b259XG4gICAgICA8L1Vuc3RhYmxlV2l0aFRvb2x0aXA+XG4gICAgKVxuICB9XG4pXG5cbmV4cG9ydCBkZWZhdWx0IEljb25CdXR0b25cbiJdfQ== */")
+  }, rest), {}, {
+    ref: ref,
+    children: _jsx(Icon, {
+      size: size,
+      focusable: false
+    })
+  }));
+  if (disableTooltip || disabled) {
+    return iconButton;
+  }
+  return _jsx(UnstableWithTooltip, {
+    css: _ref,
+    content: tooltip || title || ariaLabel,
+    delay: [500, 200],
+    children: iconButton
+  });
+});
+export default IconButton;

package/button/LinkButton.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { ButtonProps } from './Button';
+export type LinkButtonProps = React.PropsWithoutRef<React.JSX.IntrinsicElements['a']> & ButtonProps & {
+    href?: string;
+    target?: string;
+};
+export declare const LinkButton: (props: LinkButtonProps) => React.JSX.Element;
+export default LinkButton;

package/button/LinkButton.js

@@ -0,0 +1,21 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import * as React from 'react';
+import Button from './Button';
+import { theme } from '@dfds-ui/theme';
+import { css } from '@emotion/react';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+export var LinkButton = function LinkButton(props) {
+  return _jsx(Button, _objectSpread({
+    as: "a",
+    variation: "link",
+    iconSpacing: theme.spacing.xxs,
+    tabIndex: props.disabled ? -1 : 0,
+    css: /*#__PURE__*/css("&:focus{color:", theme.colors.secondary.dark, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:LinkButton;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9idXR0b24vTGlua0J1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJZIiwiZmlsZSI6Ii4uLy4uL3NyYy9idXR0b24vTGlua0J1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBCdXR0b24sIHsgQnV0dG9uUHJvcHMgfSBmcm9tICcuL0J1dHRvbidcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IHR5cGUgTGlua0J1dHRvblByb3BzID0gUmVhY3QuUHJvcHNXaXRob3V0UmVmPFJlYWN0LkpTWC5JbnRyaW5zaWNFbGVtZW50c1snYSddPiAmXG4gIEJ1dHRvblByb3BzICYge1xuICAgIGhyZWY/OiBzdHJpbmdcbiAgICB0YXJnZXQ/OiBzdHJpbmdcbiAgfVxuXG5leHBvcnQgY29uc3QgTGlua0J1dHRvbiA9IChwcm9wczogTGlua0J1dHRvblByb3BzKSA9PiAoXG4gIDxCdXR0b25cbiAgICBhcz1cImFcIlxuICAgIHZhcmlhdGlvbj1cImxpbmtcIlxuICAgIGljb25TcGFjaW5nPXt0aGVtZS5zcGFjaW5nLnh4c31cbiAgICB0YWJJbmRleD17cHJvcHMuZGlzYWJsZWQgPyAtMSA6IDB9XG4gICAgY3NzPXtjc3NgXG4gICAgICAmOmZvY3VzIHtcbiAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5kYXJrfTtcbiAgICAgIH1cbiAgICBgfVxuICAgIHsuLi5wcm9wc31cbiAgLz5cbilcblxuZXhwb3J0IGRlZmF1bHQgTGlua0J1dHRvblxuIl19 */")
+  }, props));
+};
+export default LinkButton;

package/button/button-style.d.ts

@@ -0,0 +1,7 @@
+export declare const baseButtonStyle: import("@emotion/utils").SerializedStyles;
+export declare const primaryButtonStyles: import("@emotion/utils").SerializedStyles;
+export declare const secondaryButtonStyles: import("@emotion/utils").SerializedStyles;
+export declare const outlinedButtonStyles: import("@emotion/utils").SerializedStyles;
+export declare const textButtonStyles: import("@emotion/utils").SerializedStyles;
+export declare const dangerButtonStyles: import("@emotion/utils").SerializedStyles;
+export declare const linkButtonStyles: import("@emotion/utils").SerializedStyles;

package/button/button-style.js

@@ -0,0 +1,17 @@
+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)."; }
+import { css } from '@emotion/react';
+import { theme } from '@dfds-ui/theme';
+export var baseButtonStyle = /*#__PURE__*/css("display:flex;align-items:center;position:relative;height:2.75rem;border:", theme.borders.widths.m, " solid transparent;border-radius:", 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.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9idXR0b24vYnV0dG9uLXN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUdrQyIsImZpbGUiOiIuLi8uLi9zcmMvYnV0dG9uL2J1dHRvbi1zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxuZXhwb3J0IGNvbnN0IGJhc2VCdXR0b25TdHlsZSA9IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBoZWlnaHQ6IDIuNzVyZW07XG4gIGJvcmRlcjogJHt0aGVtZS5ib3JkZXJzLndpZHRocy5tfSBzb2xpZCB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5yYWRpaS5tfTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIHVzZXItc2VsZWN0OiBub25lO1xuICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuICBmb250LXdlaWdodDogNzAwO1xuICBvdmVyZmxvdzogdmlzaWJsZTtcbiAgYm9yZGVyOiBub25lO1xuXG4gICY6YWZ0ZXIge1xuICAgIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkubX07XG4gIH1cblxuICAmW2Rpc2FibGVkXSB7XG4gICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgcHJpbWFyeUJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQubGlnaHQucHJpbWFyeX07XG4gIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnRlcnRpYXJ5Lm1haW59O1xuXG4gIDpub3QoW2FyaWEtYnVzeT0ndHJ1ZSddKSB7XG4gICAgJltkaXNhYmxlZF0ge1xuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQubGlnaHQucHJpbWFyeX07XG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy50ZXJ0aWFyeS5tYWlufTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHNlY29uZGFyeUJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQubGlnaHQucHJpbWFyeX07XG4gIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcblxuICA6bm90KFthcmlhLWJ1c3k9J3RydWUnXSkge1xuICAgICZbZGlzYWJsZWRdIHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICAgICAgYmFja2dyb3VuZDogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3Qgb3V0bGluZWRCdXR0b25TdHlsZXMgPSBjc3NgXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICBib3JkZXI6ICR7dGhlbWUuYm9yZGVycy53aWR0aHMubX0gc29saWQgY3VycmVudENvbG9yO1xuXG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFya307XG4gIH1cblxuICA6bm90KFthcmlhLWJ1c3k9J3RydWUnXSkge1xuICAgICZbZGlzYWJsZWRdIHtcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5zZWNvbmRhcnkuZGlzYWJsZWR9O1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnNlY29uZGFyeS5kaXNhYmxlZH07XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCB0ZXh0QnV0dG9uU3R5bGVzID0gY3NzYFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcblxuICAmOmhvdmVyLFxuICAmOmFjdGl2ZSB7XG4gICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5kYXJrfTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gIH1cblxuICA6bm90KFthcmlhLWJ1c3k9J3RydWUnXSkge1xuICAgICZbZGlzYWJsZWRdIHtcbiAgICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQuc2Vjb25kYXJ5LnByaW1hcnl9O1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgZGFuZ2VyQnV0dG9uU3R5bGVzID0gY3NzYFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc3RhdHVzLmFsZXJ0fTtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG5cbiAgJjpob3ZlciB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICB9XG5cbiAgOm5vdChbYXJpYS1idXN5PSd0cnVlJ10pIHtcbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdGF0dXMuYWxlcnR9O1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgbGlua0J1dHRvblN0eWxlcyA9IGNzc2BcbiAgcGFkZGluZzogMDtcbiAgbWluLXdpZHRoOiAwO1xuXG4gICY6YWZ0ZXIge1xuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICB9XG5cbiAgJltkaXNhYmxlZF0ge1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIH1cbmBcbiJdfQ== */");
+export var primaryButtonStyles = /*#__PURE__*/css("color:", theme.colors.text.light.primary, ";background:", theme.colors.tertiary.main, ";:not([aria-busy='true']){&[disabled]{color:", theme.colors.text.light.primary, ";background:", theme.colors.tertiary.main, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:primaryButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9idXR0b24vYnV0dG9uLXN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRCc0MiLCJmaWxlIjoiLi4vLi4vc3JjL2J1dHRvbi9idXR0b24tc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCBjb25zdCBiYXNlQnV0dG9uU3R5bGUgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgaGVpZ2h0OiAyLjc1cmVtO1xuICBib3JkZXI6ICR7dGhlbWUuYm9yZGVycy53aWR0aHMubX0gc29saWQgdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkubX07XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgZm9udC13ZWlnaHQ6IDcwMDtcbiAgb3ZlcmZsb3c6IHZpc2libGU7XG4gIGJvcmRlcjogbm9uZTtcblxuICAmOmFmdGVyIHtcbiAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnJhZGlpLm19O1xuICB9XG5cbiAgJltkaXNhYmxlZF0ge1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHByaW1hcnlCdXR0b25TdHlsZXMgPSBjc3NgXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy50ZXJ0aWFyeS5tYWlufTtcblxuICA6bm90KFthcmlhLWJ1c3k9J3RydWUnXSkge1xuICAgICZbZGlzYWJsZWRdIHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICAgICAgYmFja2dyb3VuZDogJHt0aGVtZS5jb2xvcnMudGVydGlhcnkubWFpbn07XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBzZWNvbmRhcnlCdXR0b25TdHlsZXMgPSBjc3NgXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG5cbiAgOm5vdChbYXJpYS1idXN5PSd0cnVlJ10pIHtcbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IG91dGxpbmVkQnV0dG9uU3R5bGVzID0gY3NzYFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyOiAke3RoZW1lLmJvcmRlcnMud2lkdGhzLm19IHNvbGlkIGN1cnJlbnRDb2xvcjtcblxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICB9XG5cbiAgOm5vdChbYXJpYS1idXN5PSd0cnVlJ10pIHtcbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQuc2Vjb25kYXJ5LmRpc2FibGVkfTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5zZWNvbmRhcnkuZGlzYWJsZWR9O1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgdGV4dEJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG5cbiAgJjpob3ZlcixcbiAgJjphY3RpdmUge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFya307XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICB9XG5cbiAgOm5vdChbYXJpYS1idXN5PSd0cnVlJ10pIHtcbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnNlY29uZGFyeS5wcmltYXJ5fTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IGRhbmdlckJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnN0YXR1cy5hbGVydH07XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuXG4gICY6aG92ZXIge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgfVxuXG4gIDpub3QoW2FyaWEtYnVzeT0ndHJ1ZSddKSB7XG4gICAgJltkaXNhYmxlZF0ge1xuICAgICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc3RhdHVzLmFsZXJ0fTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IGxpbmtCdXR0b25TdHlsZXMgPSBjc3NgXG4gIHBhZGRpbmc6IDA7XG4gIG1pbi13aWR0aDogMDtcblxuICAmOmFmdGVyIHtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgfVxuXG4gICZbZGlzYWJsZWRdIHtcbiAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICB9XG5gXG4iXX0= */");
+export var secondaryButtonStyles = /*#__PURE__*/css("color:", theme.colors.text.light.primary, ";background:", theme.colors.secondary.main, ";:not([aria-busy='true']){&[disabled]{color:", theme.colors.text.light.primary, ";background:", theme.colors.secondary.main, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:secondaryButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9idXR0b24vYnV0dG9uLXN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdDd0MiLCJmaWxlIjoiLi4vLi4vc3JjL2J1dHRvbi9idXR0b24tc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCBjb25zdCBiYXNlQnV0dG9uU3R5bGUgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgaGVpZ2h0OiAyLjc1cmVtO1xuICBib3JkZXI6ICR7dGhlbWUuYm9yZGVycy53aWR0aHMubX0gc29saWQgdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkubX07XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgZm9udC13ZWlnaHQ6IDcwMDtcbiAgb3ZlcmZsb3c6IHZpc2libGU7XG4gIGJvcmRlcjogbm9uZTtcblxuICAmOmFmdGVyIHtcbiAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnJhZGlpLm19O1xuICB9XG5cbiAgJltkaXNhYmxlZF0ge1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHByaW1hcnlCdXR0b25TdHlsZXMgPSBjc3NgXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy50ZXJ0aWFyeS5tYWlufTtcblxuICA6bm90KFthcmlhLWJ1c3k9J3RydWUnXSkge1xuICAgICZbZGlzYWJsZWRdIHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICAgICAgYmFja2dyb3VuZDogJHt0aGVtZS5jb2xvcnMudGVydGlhcnkubWFpbn07XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBzZWNvbmRhcnlCdXR0b25TdHlsZXMgPSBjc3NgXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG5cbiAgOm5vdChbYXJpYS1idXN5PSd0cnVlJ10pIHtcbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IG91dGxpbmVkQnV0dG9uU3R5bGVzID0gY3NzYFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyOiAke3RoZW1lLmJvcmRlcnMud2lkdGhzLm19IHNvbGlkIGN1cnJlbnRDb2xvcjtcblxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICB9XG5cbiAgOm5vdChbYXJpYS1idXN5PSd0cnVlJ10pIHtcbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQuc2Vjb25kYXJ5LmRpc2FibGVkfTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5zZWNvbmRhcnkuZGlzYWJsZWR9O1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgdGV4dEJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG5cbiAgJjpob3ZlcixcbiAgJjphY3RpdmUge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFya307XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICB9XG5cbiAgOm5vdChbYXJpYS1idXN5PSd0cnVlJ10pIHtcbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnNlY29uZGFyeS5wcmltYXJ5fTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IGRhbmdlckJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnN0YXR1cy5hbGVydH07XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuXG4gICY6aG92ZXIge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgfVxuXG4gIDpub3QoW2FyaWEtYnVzeT0ndHJ1ZSddKSB7XG4gICAgJltkaXNhYmxlZF0ge1xuICAgICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc3RhdHVzLmFsZXJ0fTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IGxpbmtCdXR0b25TdHlsZXMgPSBjc3NgXG4gIHBhZGRpbmc6IDA7XG4gIG1pbi13aWR0aDogMDtcblxuICAmOmFmdGVyIHtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgfVxuXG4gICZbZGlzYWJsZWRdIHtcbiAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICB9XG5gXG4iXX0= */");
+export var outlinedButtonStyles = /*#__PURE__*/css("color:", theme.colors.secondary.main, ";background:transparent;border:", theme.borders.widths.m, " solid currentColor;&:hover{color:", theme.colors.secondary.dark, ";}:not([aria-busy='true']){&[disabled]{background:", theme.colors.surface.primary, ";color:", theme.colors.text.secondary.disabled, ";border-color:", 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9idXR0b24vYnV0dG9uLXN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9EdUMiLCJmaWxlIjoiLi4vLi4vc3JjL2J1dHRvbi9idXR0b24tc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCBjb25zdCBiYXNlQnV0dG9uU3R5bGUgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgaGVpZ2h0OiAyLjc1cmVtO1xuICBib3JkZXI6ICR7dGhlbWUuYm9yZGVycy53aWR0aHMubX0gc29saWQgdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkubX07XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgZm9udC13ZWlnaHQ6IDcwMDtcbiAgb3ZlcmZsb3c6IHZpc2libGU7XG4gIGJvcmRlcjogbm9uZTtcblxuICAmOmFmdGVyIHtcbiAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnJhZGlpLm19O1xuICB9XG5cbiAgJltkaXNhYmxlZF0ge1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHByaW1hcnlCdXR0b25TdHlsZXMgPSBjc3NgXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy50ZXJ0aWFyeS5tYWlufTtcblxuICA6bm90KFthcmlhLWJ1c3k9J3RydWUnXSkge1xuICAgICZbZGlzYWJsZWRdIHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICAgICAgYmFja2dyb3VuZDogJHt0aGVtZS5jb2xvcnMudGVydGlhcnkubWFpbn07XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBzZWNvbmRhcnlCdXR0b25TdHlsZXMgPSBjc3NgXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG5cbiAgOm5vdChbYXJpYS1idXN5PSd0cnVlJ10pIHtcbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IG91dGxpbmVkQnV0dG9uU3R5bGVzID0gY3NzYFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyOiAke3RoZW1lLmJvcmRlcnMud2lkdGhzLm19IHNvbGlkIGN1cnJlbnRDb2xvcjtcblxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICB9XG5cbiAgOm5vdChbYXJpYS1idXN5PSd0cnVlJ10pIHtcbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQuc2Vjb25kYXJ5LmRpc2FibGVkfTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5zZWNvbmRhcnkuZGlzYWJsZWR9O1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgdGV4dEJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG5cbiAgJjpob3ZlcixcbiAgJjphY3RpdmUge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFya307XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICB9XG5cbiAgOm5vdChbYXJpYS1idXN5PSd0cnVlJ10pIHtcbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnNlY29uZGFyeS5wcmltYXJ5fTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IGRhbmdlckJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnN0YXR1cy5hbGVydH07XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuXG4gICY6aG92ZXIge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgfVxuXG4gIDpub3QoW2FyaWEtYnVzeT0ndHJ1ZSddKSB7XG4gICAgJltkaXNhYmxlZF0ge1xuICAgICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc3RhdHVzLmFsZXJ0fTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IGxpbmtCdXR0b25TdHlsZXMgPSBjc3NgXG4gIHBhZGRpbmc6IDA7XG4gIG1pbi13aWR0aDogMDtcblxuICAmOmFmdGVyIHtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgfVxuXG4gICZbZGlzYWJsZWRdIHtcbiAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICB9XG5gXG4iXX0= */");
+export var textButtonStyles = /*#__PURE__*/css("color:", theme.colors.secondary.main, ";background:transparent;&:hover,&:active{color:", theme.colors.secondary.dark, ";cursor:pointer;}:not([aria-busy='true']){&[disabled]{background:transparent;color:", 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9idXR0b24vYnV0dG9uLXN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNFbUMiLCJmaWxlIjoiLi4vLi4vc3JjL2J1dHRvbi9idXR0b24tc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCBjb25zdCBiYXNlQnV0dG9uU3R5bGUgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgaGVpZ2h0OiAyLjc1cmVtO1xuICBib3JkZXI6ICR7dGhlbWUuYm9yZGVycy53aWR0aHMubX0gc29saWQgdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkubX07XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgZm9udC13ZWlnaHQ6IDcwMDtcbiAgb3ZlcmZsb3c6IHZpc2libGU7XG4gIGJvcmRlcjogbm9uZTtcblxuICAmOmFmdGVyIHtcbiAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnJhZGlpLm19O1xuICB9XG5cbiAgJltkaXNhYmxlZF0ge1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHByaW1hcnlCdXR0b25TdHlsZXMgPSBjc3NgXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy50ZXJ0aWFyeS5tYWlufTtcblxuICA6bm90KFthcmlhLWJ1c3k9J3RydWUnXSkge1xuICAgICZbZGlzYWJsZWRdIHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICAgICAgYmFja2dyb3VuZDogJHt0aGVtZS5jb2xvcnMudGVydGlhcnkubWFpbn07XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBzZWNvbmRhcnlCdXR0b25TdHlsZXMgPSBjc3NgXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG5cbiAgOm5vdChbYXJpYS1idXN5PSd0cnVlJ10pIHtcbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IG91dGxpbmVkQnV0dG9uU3R5bGVzID0gY3NzYFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyOiAke3RoZW1lLmJvcmRlcnMud2lkdGhzLm19IHNvbGlkIGN1cnJlbnRDb2xvcjtcblxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICB9XG5cbiAgOm5vdChbYXJpYS1idXN5PSd0cnVlJ10pIHtcbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQuc2Vjb25kYXJ5LmRpc2FibGVkfTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5zZWNvbmRhcnkuZGlzYWJsZWR9O1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgdGV4dEJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG5cbiAgJjpob3ZlcixcbiAgJjphY3RpdmUge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFya307XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICB9XG5cbiAgOm5vdChbYXJpYS1idXN5PSd0cnVlJ10pIHtcbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnNlY29uZGFyeS5wcmltYXJ5fTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IGRhbmdlckJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnN0YXR1cy5hbGVydH07XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuXG4gICY6aG92ZXIge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgfVxuXG4gIDpub3QoW2FyaWEtYnVzeT0ndHJ1ZSddKSB7XG4gICAgJltkaXNhYmxlZF0ge1xuICAgICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc3RhdHVzLmFsZXJ0fTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IGxpbmtCdXR0b25TdHlsZXMgPSBjc3NgXG4gIHBhZGRpbmc6IDA7XG4gIG1pbi13aWR0aDogMDtcblxuICAmOmFmdGVyIHtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgfVxuXG4gICZbZGlzYWJsZWRdIHtcbiAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICB9XG5gXG4iXX0= */");
+export var dangerButtonStyles = /*#__PURE__*/css("color:", theme.colors.status.alert, ";background:transparent;&:hover{cursor:pointer;}:not([aria-busy='true']){&[disabled]{background:transparent;color:", theme.colors.status.alert, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:dangerButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9idXR0b24vYnV0dG9uLXN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdGcUMiLCJmaWxlIjoiLi4vLi4vc3JjL2J1dHRvbi9idXR0b24tc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCBjb25zdCBiYXNlQnV0dG9uU3R5bGUgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgaGVpZ2h0OiAyLjc1cmVtO1xuICBib3JkZXI6ICR7dGhlbWUuYm9yZGVycy53aWR0aHMubX0gc29saWQgdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkubX07XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgZm9udC13ZWlnaHQ6IDcwMDtcbiAgb3ZlcmZsb3c6IHZpc2libGU7XG4gIGJvcmRlcjogbm9uZTtcblxuICAmOmFmdGVyIHtcbiAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnJhZGlpLm19O1xuICB9XG5cbiAgJltkaXNhYmxlZF0ge1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHByaW1hcnlCdXR0b25TdHlsZXMgPSBjc3NgXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy50ZXJ0aWFyeS5tYWlufTtcblxuICA6bm90KFthcmlhLWJ1c3k9J3RydWUnXSkge1xuICAgICZbZGlzYWJsZWRdIHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICAgICAgYmFja2dyb3VuZDogJHt0aGVtZS5jb2xvcnMudGVydGlhcnkubWFpbn07XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBzZWNvbmRhcnlCdXR0b25TdHlsZXMgPSBjc3NgXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG5cbiAgOm5vdChbYXJpYS1idXN5PSd0cnVlJ10pIHtcbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IG91dGxpbmVkQnV0dG9uU3R5bGVzID0gY3NzYFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyOiAke3RoZW1lLmJvcmRlcnMud2lkdGhzLm19IHNvbGlkIGN1cnJlbnRDb2xvcjtcblxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICB9XG5cbiAgOm5vdChbYXJpYS1idXN5PSd0cnVlJ10pIHtcbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQuc2Vjb25kYXJ5LmRpc2FibGVkfTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5zZWNvbmRhcnkuZGlzYWJsZWR9O1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgdGV4dEJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG5cbiAgJjpob3ZlcixcbiAgJjphY3RpdmUge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFya307XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICB9XG5cbiAgOm5vdChbYXJpYS1idXN5PSd0cnVlJ10pIHtcbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnNlY29uZGFyeS5wcmltYXJ5fTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IGRhbmdlckJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnN0YXR1cy5hbGVydH07XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuXG4gICY6aG92ZXIge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgfVxuXG4gIDpub3QoW2FyaWEtYnVzeT0ndHJ1ZSddKSB7XG4gICAgJltkaXNhYmxlZF0ge1xuICAgICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc3RhdHVzLmFsZXJ0fTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IGxpbmtCdXR0b25TdHlsZXMgPSBjc3NgXG4gIHBhZGRpbmc6IDA7XG4gIG1pbi13aWR0aDogMDtcblxuICAmOmFmdGVyIHtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgfVxuXG4gICZbZGlzYWJsZWRdIHtcbiAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICB9XG5gXG4iXX0= */");
+export var 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;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9idXR0b24vYnV0dG9uLXN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdHbUMiLCJmaWxlIjoiLi4vLi4vc3JjL2J1dHRvbi9idXR0b24tc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCBjb25zdCBiYXNlQnV0dG9uU3R5bGUgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgaGVpZ2h0OiAyLjc1cmVtO1xuICBib3JkZXI6ICR7dGhlbWUuYm9yZGVycy53aWR0aHMubX0gc29saWQgdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkubX07XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgZm9udC13ZWlnaHQ6IDcwMDtcbiAgb3ZlcmZsb3c6IHZpc2libGU7XG4gIGJvcmRlcjogbm9uZTtcblxuICAmOmFmdGVyIHtcbiAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnJhZGlpLm19O1xuICB9XG5cbiAgJltkaXNhYmxlZF0ge1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHByaW1hcnlCdXR0b25TdHlsZXMgPSBjc3NgXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy50ZXJ0aWFyeS5tYWlufTtcblxuICA6bm90KFthcmlhLWJ1c3k9J3RydWUnXSkge1xuICAgICZbZGlzYWJsZWRdIHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICAgICAgYmFja2dyb3VuZDogJHt0aGVtZS5jb2xvcnMudGVydGlhcnkubWFpbn07XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBzZWNvbmRhcnlCdXR0b25TdHlsZXMgPSBjc3NgXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG5cbiAgOm5vdChbYXJpYS1idXN5PSd0cnVlJ10pIHtcbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IG91dGxpbmVkQnV0dG9uU3R5bGVzID0gY3NzYFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyOiAke3RoZW1lLmJvcmRlcnMud2lkdGhzLm19IHNvbGlkIGN1cnJlbnRDb2xvcjtcblxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICB9XG5cbiAgOm5vdChbYXJpYS1idXN5PSd0cnVlJ10pIHtcbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQuc2Vjb25kYXJ5LmRpc2FibGVkfTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5zZWNvbmRhcnkuZGlzYWJsZWR9O1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgdGV4dEJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG5cbiAgJjpob3ZlcixcbiAgJjphY3RpdmUge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFya307XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICB9XG5cbiAgOm5vdChbYXJpYS1idXN5PSd0cnVlJ10pIHtcbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnNlY29uZGFyeS5wcmltYXJ5fTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IGRhbmdlckJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnN0YXR1cy5hbGVydH07XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuXG4gICY6aG92ZXIge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgfVxuXG4gIDpub3QoW2FyaWEtYnVzeT0ndHJ1ZSddKSB7XG4gICAgJltkaXNhYmxlZF0ge1xuICAgICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc3RhdHVzLmFsZXJ0fTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IGxpbmtCdXR0b25TdHlsZXMgPSBjc3NgXG4gIHBhZGRpbmc6IDA7XG4gIG1pbi13aWR0aDogMDtcblxuICAmOmFmdGVyIHtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgfVxuXG4gICZbZGlzYWJsZWRdIHtcbiAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICB9XG5gXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};

package/button/index.d.ts

@@ -0,0 +1,7 @@
+export { default as Button } from './Button';
+export * from './Button';
+export * from './LinkButton';
+export { default as IconButton } from './IconButton';
+export * from './IconButton';
+export * from './BadgeIcon';
+export { default as Anchor } from './LinkButton';

package/button/index.js

@@ -0,0 +1,9 @@
+export { default as Button } from './Button';
+export * from './Button';
+export * from './LinkButton';
+export { default as IconButton } from './IconButton';
+export * from './IconButton';
+export * from './BadgeIcon';
+
+// This is just there to avoid sites using the Anchor component from breaking changes
+export { default as Anchor } from './LinkButton';

package/button-stack/ButtonStack.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+type Orientation = 'horizontal' | 'vertical';
+type Alignment = 'left' | 'right' | 'center';
+type ButtonStackProps = {
+    children?: React.ReactNode;
+    align?: Alignment;
+    orientation?: Orientation;
+    className?: string;
+    reverse?: boolean;
+};
+declare const ButtonStack: React.FunctionComponent<ButtonStackProps>;
+export default ButtonStack;

package/button-stack/ButtonStack.js

@@ -0,0 +1,58 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["align", "orientation", "reverse", "className", "children"];
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import React from 'react';
+import { css } from '@emotion/react';
+import emotionCloneElement from '../common/emotionCloneElement';
+import { media } from '@dfds-ui/theme';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+// TODO: Reafctor into the theme
+var space = 8;
+var containerStyles = function containerStyles(_ref) {
+  var orientation = _ref.orientation,
+    align = _ref.align,
+    reverse = _ref.reverse;
+  return /*#__PURE__*/css("display:flex;flex-direction:column;flex-wrap:wrap;", media.greaterThan('s')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    flex-direction: ", ";\n    flex-direction: ", ";\n    justify-content: ", ";\n    margin-left: ", ";\n  "])), orientation === 'horizontal' ? 'row' : 'column', reverse && 'row-reverse', align === 'left' ? 'flex-start' : 'flex-end', orientation === 'horizontal' && "-8px"), " ", media.greaterThan('m')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    justify-content: ", ";\n  "])), 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9idXR0b24tc3RhY2svQnV0dG9uU3RhY2sudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CMkYiLCJmaWxlIjoiLi4vLi4vc3JjL2J1dHRvbi1zdGFjay9CdXR0b25TdGFjay50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBlbW90aW9uQ2xvbmVFbGVtZW50IGZyb20gJy4uL2NvbW1vbi9lbW90aW9uQ2xvbmVFbGVtZW50J1xuaW1wb3J0IHsgbWVkaWEgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxudHlwZSBPcmllbnRhdGlvbiA9ICdob3Jpem9udGFsJyB8ICd2ZXJ0aWNhbCdcbnR5cGUgQWxpZ25tZW50ID0gJ2xlZnQnIHwgJ3JpZ2h0JyB8ICdjZW50ZXInXG5cbnR5cGUgQnV0dG9uU3RhY2tQcm9wcyA9IHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbiAgYWxpZ24/OiBBbGlnbm1lbnRcbiAgb3JpZW50YXRpb24/OiBPcmllbnRhdGlvblxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgcmV2ZXJzZT86IGJvb2xlYW4gLy8gdmlydHVhbGx5IHJldmVyc2VzIHRoZSBvcmRlciB3aXRoIHJvdy1yZXZlcnNlXG59XG5cbi8vIFRPRE86IFJlYWZjdG9yIGludG8gdGhlIHRoZW1lXG5jb25zdCBzcGFjZSA9IDhcblxuY29uc3QgY29udGFpbmVyU3R5bGVzID0gKHsgb3JpZW50YXRpb24sIGFsaWduLCByZXZlcnNlIH06IFBhcnRpYWw8QnV0dG9uU3RhY2tQcm9wcz4pID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZmxleC13cmFwOiB3cmFwO1xuXG4gICR7bWVkaWEuZ3JlYXRlclRoYW4oJ3MnKWBcbiAgICBmbGV4LWRpcmVjdGlvbjogJHtvcmllbnRhdGlvbiA9PT0gJ2hvcml6b250YWwnID8gJ3JvdycgOiAnY29sdW1uJ307XG4gICAgZmxleC1kaXJlY3Rpb246ICR7cmV2ZXJzZSAmJiAncm93LXJldmVyc2UnfTtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6ICR7YWxpZ24gPT09ICdsZWZ0JyA/ICdmbGV4LXN0YXJ0JyA6ICdmbGV4LWVuZCd9O1xuICAgIG1hcmdpbi1sZWZ0OiAke29yaWVudGF0aW9uID09PSAnaG9yaXpvbnRhbCcgJiYgYC04cHhgfTtcbiAgYH1cblxuICAke21lZGlhLmdyZWF0ZXJUaGFuKCdtJylgXG4gICAganVzdGlmeS1jb250ZW50OiAke2FsaWduID09PSAnbGVmdCcgPyAnZmxleC1zdGFydCcgOiAnZmxleC1lbmQnfTtcbiAgYH1cbmBcblxuY29uc3QgdmVydGljYWxJdGVtU3R5bGVzID0gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWdyb3c6IDE7XG4gIG1hcmdpbjogJHtzcGFjZSAvIDJ9cHggMCAke3NwYWNlIC8gMn1weCAwO1xuYFxuXG5jb25zdCBob3Jpem9udGFsU3R5bGVzID0gKHsgYWxpZ24gfTogUGFydGlhbDxCdXR0b25TdGFja1Byb3BzPikgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWdyb3c6ICR7YWxpZ24gPT09ICdjZW50ZXInID8gMSA6IDB9O1xuICBmbGV4LXNocmluazogMTtcbiAgbWFyZ2luOiAke3NwYWNlIC8gMn1weCAwICR7c3BhY2UgLyAyfXB4IDA7XG5cbiAgJHttZWRpYS5ncmVhdGVyVGhhbigncycpYFxuICAgIGZsZXgtc2hyaW5rOiAwO1xuICAgIGZsZXgtYmFzaXM6ICR7YWxpZ24gPT09ICdjZW50ZXInID8gJzAlJyA6ICdhdXRvJ307XG4gICAgbWFyZ2luOiAke3NwYWNlIC8gMn1weCAwICR7c3BhY2UgLyAyfXB4ICR7c3BhY2V9cHg7XG4gIGB9XG4gICR7bWVkaWEuZ3JlYXRlclRoYW4oJ3MnKWBcbiAgICBtYXgtd2lkdGg6ICR7YWxpZ24gPT09ICdjZW50ZXInID8gJ2NhbGMoMTAwJSAtIDEwcHgpJyA6IGBjYWxjKDY2JSAtICR7c3BhY2UgLyAyfXB4KWB9O1xuICBgfVxuICAke21lZGlhLmd0KCdtJylgXG4gICAgbWF4LXdpZHRoOiBjYWxjKDEwMCUgLSAxMHB4KTtcbiAgYH1cbmBcbmNvbnN0IEJ1dHRvblN0YWNrOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxCdXR0b25TdGFja1Byb3BzPiA9ICh7XG4gIGFsaWduID0gJ2xlZnQnLFxuICBvcmllbnRhdGlvbiA9ICdob3Jpem9udGFsJyxcbiAgcmV2ZXJzZSxcbiAgY2xhc3NOYW1lLFxuICBjaGlsZHJlbixcbiAgLi4ucmVzdFxufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAgPGRpdiBjc3M9e2NvbnRhaW5lclN0eWxlcyh7IG9yaWVudGF0aW9uLCBhbGlnbiwgcmV2ZXJzZSB9KX0gey4uLnJlc3R9PlxuICAgICAgICB7UmVhY3QuQ2hpbGRyZW4ubWFwKGNoaWxkcmVuLCAoY2hpbGQpID0+IHtcbiAgICAgICAgICByZXR1cm4gUmVhY3QuaXNWYWxpZEVsZW1lbnQ8YW55PihjaGlsZClcbiAgICAgICAgICAgID8gZW1vdGlvbkNsb25lRWxlbWVudChjaGlsZCwge1xuICAgICAgICAgICAgICAgIGNzczogW2NoaWxkLnByb3BzLmNzcywgb3JpZW50YXRpb24gPT09ICdob3Jpem9udGFsJyA/IGhvcml6b250YWxTdHlsZXMoeyBhbGlnbiB9KSA6IHZlcnRpY2FsSXRlbVN0eWxlc10sXG4gICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICA6IGNoaWxkXG4gICAgICAgIH0pfVxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgQnV0dG9uU3RhY2tcbiJdfQ== */");
+};
+var verticalItemStyles = /*#__PURE__*/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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9idXR0b24tc3RhY2svQnV0dG9uU3RhY2sudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9DOEIiLCJmaWxlIjoiLi4vLi4vc3JjL2J1dHRvbi1zdGFjay9CdXR0b25TdGFjay50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBlbW90aW9uQ2xvbmVFbGVtZW50IGZyb20gJy4uL2NvbW1vbi9lbW90aW9uQ2xvbmVFbGVtZW50J1xuaW1wb3J0IHsgbWVkaWEgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxudHlwZSBPcmllbnRhdGlvbiA9ICdob3Jpem9udGFsJyB8ICd2ZXJ0aWNhbCdcbnR5cGUgQWxpZ25tZW50ID0gJ2xlZnQnIHwgJ3JpZ2h0JyB8ICdjZW50ZXInXG5cbnR5cGUgQnV0dG9uU3RhY2tQcm9wcyA9IHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbiAgYWxpZ24/OiBBbGlnbm1lbnRcbiAgb3JpZW50YXRpb24/OiBPcmllbnRhdGlvblxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgcmV2ZXJzZT86IGJvb2xlYW4gLy8gdmlydHVhbGx5IHJldmVyc2VzIHRoZSBvcmRlciB3aXRoIHJvdy1yZXZlcnNlXG59XG5cbi8vIFRPRE86IFJlYWZjdG9yIGludG8gdGhlIHRoZW1lXG5jb25zdCBzcGFjZSA9IDhcblxuY29uc3QgY29udGFpbmVyU3R5bGVzID0gKHsgb3JpZW50YXRpb24sIGFsaWduLCByZXZlcnNlIH06IFBhcnRpYWw8QnV0dG9uU3RhY2tQcm9wcz4pID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZmxleC13cmFwOiB3cmFwO1xuXG4gICR7bWVkaWEuZ3JlYXRlclRoYW4oJ3MnKWBcbiAgICBmbGV4LWRpcmVjdGlvbjogJHtvcmllbnRhdGlvbiA9PT0gJ2hvcml6b250YWwnID8gJ3JvdycgOiAnY29sdW1uJ307XG4gICAgZmxleC1kaXJlY3Rpb246ICR7cmV2ZXJzZSAmJiAncm93LXJldmVyc2UnfTtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6ICR7YWxpZ24gPT09ICdsZWZ0JyA/ICdmbGV4LXN0YXJ0JyA6ICdmbGV4LWVuZCd9O1xuICAgIG1hcmdpbi1sZWZ0OiAke29yaWVudGF0aW9uID09PSAnaG9yaXpvbnRhbCcgJiYgYC04cHhgfTtcbiAgYH1cblxuICAke21lZGlhLmdyZWF0ZXJUaGFuKCdtJylgXG4gICAganVzdGlmeS1jb250ZW50OiAke2FsaWduID09PSAnbGVmdCcgPyAnZmxleC1zdGFydCcgOiAnZmxleC1lbmQnfTtcbiAgYH1cbmBcblxuY29uc3QgdmVydGljYWxJdGVtU3R5bGVzID0gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWdyb3c6IDE7XG4gIG1hcmdpbjogJHtzcGFjZSAvIDJ9cHggMCAke3NwYWNlIC8gMn1weCAwO1xuYFxuXG5jb25zdCBob3Jpem9udGFsU3R5bGVzID0gKHsgYWxpZ24gfTogUGFydGlhbDxCdXR0b25TdGFja1Byb3BzPikgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWdyb3c6ICR7YWxpZ24gPT09ICdjZW50ZXInID8gMSA6IDB9O1xuICBmbGV4LXNocmluazogMTtcbiAgbWFyZ2luOiAke3NwYWNlIC8gMn1weCAwICR7c3BhY2UgLyAyfXB4IDA7XG5cbiAgJHttZWRpYS5ncmVhdGVyVGhhbigncycpYFxuICAgIGZsZXgtc2hyaW5rOiAwO1xuICAgIGZsZXgtYmFzaXM6ICR7YWxpZ24gPT09ICdjZW50ZXInID8gJzAlJyA6ICdhdXRvJ307XG4gICAgbWFyZ2luOiAke3NwYWNlIC8gMn1weCAwICR7c3BhY2UgLyAyfXB4ICR7c3BhY2V9cHg7XG4gIGB9XG4gICR7bWVkaWEuZ3JlYXRlclRoYW4oJ3MnKWBcbiAgICBtYXgtd2lkdGg6ICR7YWxpZ24gPT09ICdjZW50ZXInID8gJ2NhbGMoMTAwJSAtIDEwcHgpJyA6IGBjYWxjKDY2JSAtICR7c3BhY2UgLyAyfXB4KWB9O1xuICBgfVxuICAke21lZGlhLmd0KCdtJylgXG4gICAgbWF4LXdpZHRoOiBjYWxjKDEwMCUgLSAxMHB4KTtcbiAgYH1cbmBcbmNvbnN0IEJ1dHRvblN0YWNrOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxCdXR0b25TdGFja1Byb3BzPiA9ICh7XG4gIGFsaWduID0gJ2xlZnQnLFxuICBvcmllbnRhdGlvbiA9ICdob3Jpem9udGFsJyxcbiAgcmV2ZXJzZSxcbiAgY2xhc3NOYW1lLFxuICBjaGlsZHJlbixcbiAgLi4ucmVzdFxufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAgPGRpdiBjc3M9e2NvbnRhaW5lclN0eWxlcyh7IG9yaWVudGF0aW9uLCBhbGlnbiwgcmV2ZXJzZSB9KX0gey4uLnJlc3R9PlxuICAgICAgICB7UmVhY3QuQ2hpbGRyZW4ubWFwKGNoaWxkcmVuLCAoY2hpbGQpID0+IHtcbiAgICAgICAgICByZXR1cm4gUmVhY3QuaXNWYWxpZEVsZW1lbnQ8YW55PihjaGlsZClcbiAgICAgICAgICAgID8gZW1vdGlvbkNsb25lRWxlbWVudChjaGlsZCwge1xuICAgICAgICAgICAgICAgIGNzczogW2NoaWxkLnByb3BzLmNzcywgb3JpZW50YXRpb24gPT09ICdob3Jpem9udGFsJyA/IGhvcml6b250YWxTdHlsZXMoeyBhbGlnbiB9KSA6IHZlcnRpY2FsSXRlbVN0eWxlc10sXG4gICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICA6IGNoaWxkXG4gICAgICAgIH0pfVxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgQnV0dG9uU3RhY2tcbiJdfQ== */");
+var horizontalStyles = function horizontalStyles(_ref2) {
+  var align = _ref2.align;
+  return /*#__PURE__*/css("display:flex;flex-grow:", align === 'center' ? 1 : 0, ";flex-shrink:1;margin:", space / 2, "px 0 ", space / 2, "px 0;", media.greaterThan('s')(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    flex-shrink: 0;\n    flex-basis: ", ";\n    margin: ", "px 0 ", "px ", "px;\n  "])), align === 'center' ? '0%' : 'auto', space / 2, space / 2, space), " ", media.greaterThan('s')(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    max-width: ", ";\n  "])), align === 'center' ? 'calc(100% - 10px)' : "calc(66% - ".concat(space / 2, "px)")), " ", media.gt('m')(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    max-width: calc(100% - 10px);\n  "]))), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:horizontalStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9idXR0b24tc3RhY2svQnV0dG9uU3RhY2sudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBDc0UiLCJmaWxlIjoiLi4vLi4vc3JjL2J1dHRvbi1zdGFjay9CdXR0b25TdGFjay50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBlbW90aW9uQ2xvbmVFbGVtZW50IGZyb20gJy4uL2NvbW1vbi9lbW90aW9uQ2xvbmVFbGVtZW50J1xuaW1wb3J0IHsgbWVkaWEgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxudHlwZSBPcmllbnRhdGlvbiA9ICdob3Jpem9udGFsJyB8ICd2ZXJ0aWNhbCdcbnR5cGUgQWxpZ25tZW50ID0gJ2xlZnQnIHwgJ3JpZ2h0JyB8ICdjZW50ZXInXG5cbnR5cGUgQnV0dG9uU3RhY2tQcm9wcyA9IHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbiAgYWxpZ24/OiBBbGlnbm1lbnRcbiAgb3JpZW50YXRpb24/OiBPcmllbnRhdGlvblxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgcmV2ZXJzZT86IGJvb2xlYW4gLy8gdmlydHVhbGx5IHJldmVyc2VzIHRoZSBvcmRlciB3aXRoIHJvdy1yZXZlcnNlXG59XG5cbi8vIFRPRE86IFJlYWZjdG9yIGludG8gdGhlIHRoZW1lXG5jb25zdCBzcGFjZSA9IDhcblxuY29uc3QgY29udGFpbmVyU3R5bGVzID0gKHsgb3JpZW50YXRpb24sIGFsaWduLCByZXZlcnNlIH06IFBhcnRpYWw8QnV0dG9uU3RhY2tQcm9wcz4pID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZmxleC13cmFwOiB3cmFwO1xuXG4gICR7bWVkaWEuZ3JlYXRlclRoYW4oJ3MnKWBcbiAgICBmbGV4LWRpcmVjdGlvbjogJHtvcmllbnRhdGlvbiA9PT0gJ2hvcml6b250YWwnID8gJ3JvdycgOiAnY29sdW1uJ307XG4gICAgZmxleC1kaXJlY3Rpb246ICR7cmV2ZXJzZSAmJiAncm93LXJldmVyc2UnfTtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6ICR7YWxpZ24gPT09ICdsZWZ0JyA/ICdmbGV4LXN0YXJ0JyA6ICdmbGV4LWVuZCd9O1xuICAgIG1hcmdpbi1sZWZ0OiAke29yaWVudGF0aW9uID09PSAnaG9yaXpvbnRhbCcgJiYgYC04cHhgfTtcbiAgYH1cblxuICAke21lZGlhLmdyZWF0ZXJUaGFuKCdtJylgXG4gICAganVzdGlmeS1jb250ZW50OiAke2FsaWduID09PSAnbGVmdCcgPyAnZmxleC1zdGFydCcgOiAnZmxleC1lbmQnfTtcbiAgYH1cbmBcblxuY29uc3QgdmVydGljYWxJdGVtU3R5bGVzID0gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWdyb3c6IDE7XG4gIG1hcmdpbjogJHtzcGFjZSAvIDJ9cHggMCAke3NwYWNlIC8gMn1weCAwO1xuYFxuXG5jb25zdCBob3Jpem9udGFsU3R5bGVzID0gKHsgYWxpZ24gfTogUGFydGlhbDxCdXR0b25TdGFja1Byb3BzPikgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWdyb3c6ICR7YWxpZ24gPT09ICdjZW50ZXInID8gMSA6IDB9O1xuICBmbGV4LXNocmluazogMTtcbiAgbWFyZ2luOiAke3NwYWNlIC8gMn1weCAwICR7c3BhY2UgLyAyfXB4IDA7XG5cbiAgJHttZWRpYS5ncmVhdGVyVGhhbigncycpYFxuICAgIGZsZXgtc2hyaW5rOiAwO1xuICAgIGZsZXgtYmFzaXM6ICR7YWxpZ24gPT09ICdjZW50ZXInID8gJzAlJyA6ICdhdXRvJ307XG4gICAgbWFyZ2luOiAke3NwYWNlIC8gMn1weCAwICR7c3BhY2UgLyAyfXB4ICR7c3BhY2V9cHg7XG4gIGB9XG4gICR7bWVkaWEuZ3JlYXRlclRoYW4oJ3MnKWBcbiAgICBtYXgtd2lkdGg6ICR7YWxpZ24gPT09ICdjZW50ZXInID8gJ2NhbGMoMTAwJSAtIDEwcHgpJyA6IGBjYWxjKDY2JSAtICR7c3BhY2UgLyAyfXB4KWB9O1xuICBgfVxuICAke21lZGlhLmd0KCdtJylgXG4gICAgbWF4LXdpZHRoOiBjYWxjKDEwMCUgLSAxMHB4KTtcbiAgYH1cbmBcbmNvbnN0IEJ1dHRvblN0YWNrOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxCdXR0b25TdGFja1Byb3BzPiA9ICh7XG4gIGFsaWduID0gJ2xlZnQnLFxuICBvcmllbnRhdGlvbiA9ICdob3Jpem9udGFsJyxcbiAgcmV2ZXJzZSxcbiAgY2xhc3NOYW1lLFxuICBjaGlsZHJlbixcbiAgLi4ucmVzdFxufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAgPGRpdiBjc3M9e2NvbnRhaW5lclN0eWxlcyh7IG9yaWVudGF0aW9uLCBhbGlnbiwgcmV2ZXJzZSB9KX0gey4uLnJlc3R9PlxuICAgICAgICB7UmVhY3QuQ2hpbGRyZW4ubWFwKGNoaWxkcmVuLCAoY2hpbGQpID0+IHtcbiAgICAgICAgICByZXR1cm4gUmVhY3QuaXNWYWxpZEVsZW1lbnQ8YW55PihjaGlsZClcbiAgICAgICAgICAgID8gZW1vdGlvbkNsb25lRWxlbWVudChjaGlsZCwge1xuICAgICAgICAgICAgICAgIGNzczogW2NoaWxkLnByb3BzLmNzcywgb3JpZW50YXRpb24gPT09ICdob3Jpem9udGFsJyA/IGhvcml6b250YWxTdHlsZXMoeyBhbGlnbiB9KSA6IHZlcnRpY2FsSXRlbVN0eWxlc10sXG4gICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICA6IGNoaWxkXG4gICAgICAgIH0pfVxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgQnV0dG9uU3RhY2tcbiJdfQ== */");
+};
+var ButtonStack = function ButtonStack(_ref3) {
+  var _ref3$align = _ref3.align,
+    align = _ref3$align === void 0 ? 'left' : _ref3$align,
+    _ref3$orientation = _ref3.orientation,
+    orientation = _ref3$orientation === void 0 ? 'horizontal' : _ref3$orientation,
+    reverse = _ref3.reverse,
+    className = _ref3.className,
+    children = _ref3.children,
+    rest = _objectWithoutProperties(_ref3, _excluded);
+  return _jsx("div", {
+    className: className,
+    children: _jsx("div", _objectSpread(_objectSpread({
+      css: containerStyles({
+        orientation: orientation,
+        align: align,
+        reverse: reverse
+      })
+    }, rest), {}, {
+      children: React.Children.map(children, function (child) {
+        return /*#__PURE__*/React.isValidElement(child) ? emotionCloneElement(child, {
+          css: [child.props.css, orientation === 'horizontal' ? horizontalStyles({
+            align: align
+          }) : verticalItemStyles]
+        }) : child;
+      })
+    }))
+  });
+};
+export default ButtonStack;

package/button-stack/index.d.ts

@@ -0,0 +1 @@
+export { default as ButtonStack } from './ButtonStack';

package/button-stack/index.js

@@ -0,0 +1 @@
+export { default as ButtonStack } from './ButtonStack';

package/card/Card.d.ts

@@ -0,0 +1,19 @@
+import React, { FunctionComponent, ReactNode } from 'react';
+import { SurfaceType } from '../surface';
+export declare const CardContext: React.Context<{}>;
+export type CardContextType = {
+    cardSize: 's' | 'm' | 'l' | 'xl';
+    cardVariant: 'outline' | 'fill' | 'surface';
+};
+export type CardProps = {
+    children?: React.ReactNode;
+    size: 's' | 'm' | 'l' | 'xl';
+    variant: 'outline' | 'fill' | 'surface';
+    surface?: SurfaceType;
+    reverse?: boolean;
+    media?: ReactNode;
+    ratio?: number[];
+    className?: string;
+};
+declare const Card: FunctionComponent<CardProps>;
+export default Card;