@amboss/design-system 1.15.2 → 1.15.3

package/build/cjs/scss/themes/dark.scss

@@ -0,0 +1,111 @@
+
+// Do not edit directly
+// Generated on Fri, 15 Sep 2023 08:12:27 GMT
+
+$dark-color-canvas: #1e2125;
+$dark-color-background-primary-default: #24282d;
+$dark-color-background-secondary-default: #282c34;
+$dark-color-background-secondary-hover: #393e47;
+$dark-color-background-secondary-active: #393e47;
+$dark-color-background-accent-default: #28816b;
+$dark-color-background-accent-hover: #41a48a;
+$dark-color-background-accent-active: #233d3d;
+$dark-color-background-accent-disabled: rgba(40, 129, 107, 0.3);
+$dark-color-background-onAccent-default: #ffffff;
+$dark-color-background-onAccent-hover: #ffffff;
+$dark-color-background-onAccent-active: #ffffff;
+$dark-color-background-onAccent-disabled: rgba(255, 255, 255, 0.6);
+$dark-color-background-error-default: #a45355;
+$dark-color-background-error-hover: #d07c7c;
+$dark-color-background-error-active: #4d3237;
+$dark-color-background-error-disabled: rgba(164, 83, 85, 0.3);
+$dark-color-background-success-default: #28816b;
+$dark-color-background-info-default: #2f538a;
+$dark-color-background-warning-default: #a4792d;
+$dark-color-background-accentSubtle-default: #233d3d;
+$dark-color-background-errorSubtle-default: #312b31;
+$dark-color-background-successSubtle-default: #262e33;
+$dark-color-background-infoSubtle-default: #282e39;
+$dark-color-background-warningSubtle-default: #32302f;
+$dark-color-background-highlight-default: #40454f;
+$dark-color-background-highlight-hover: #393e47;
+$dark-color-background-contrast-default: #ced1d6;
+$dark-color-background-transparent-default: rgba(255, 255, 255, 0);
+$dark-color-background-transparent-hover: rgba(147, 151, 159, 0.08);
+$dark-color-background-transparent-active: rgba(147, 151, 159, 0.08);
+$dark-color-background-backdrop-default: rgba(0, 0, 0, 0.6);
+$dark-color-text-primary-default: #ced1d6;
+$dark-color-text-primary-hover: #ffffff;
+$dark-color-text-secondary-default: #b9bcc3;
+$dark-color-text-secondary-hover: #ced1d6;
+$dark-color-text-tertiary-default: #93979f;
+$dark-color-text-tertiary-disabled: rgba(216, 218, 222, 0.3);
+$dark-color-text-tertiary-hover: #b9bcc3;
+$dark-color-text-quaternary-default: #757a84;
+$dark-color-text-accent-default: #41a48a;
+$dark-color-text-accent-hover: #a6f2dd;
+$dark-color-text-onAccent-default: #ffffff;
+$dark-color-text-onAccent-disabled: rgba(216, 218, 222, 0.3);
+$dark-color-text-info-default: #99c1fa;
+$dark-color-text-error-default: #f49a9a;
+$dark-color-text-error-disabled: rgba(244, 154, 154, 0.3);
+$dark-color-text-warning-default: #fae0b3;
+$dark-color-text-success-default: #a6f2dd;
+$dark-color-icon-primary: #d8dade;
+$dark-color-icon-secondary: #ced1d6;
+$dark-color-icon-tertiary: #93979f;
+$dark-color-icon-quaternary: #757a84;
+$dark-color-icon-accent: #41a48a;
+$dark-color-icon-onAccent: #ffffff;
+$dark-color-icon-info: #6e95cf;
+$dark-color-icon-error: #d07c7c;
+$dark-color-icon-warning: #cbac76;
+$dark-color-icon-success: #41a48a;
+$dark-color-icon-brand: #62b2bc;
+$dark-color-border-primary-default: #5b5f67;
+$dark-color-border-primary-hover: #757a84;
+$dark-color-border-primary-active: #93979f;
+$dark-color-border-primary-disabled: rgba(147, 151, 159, 0.08);
+$dark-color-border-secondary-default: rgba(147, 149, 159, 0.3);
+$dark-color-border-accent-default: #41a48a;
+$dark-color-border-error-default: #d07c7c;
+$dark-color-border-accentSubtle-default: #28816b;
+$dark-color-divider-primary: #40454f;
+$dark-color-divider-secondary: rgba(147, 151, 159, 0.08);
+$dark-color-toggle-background-highlight: #b2ab39;
+$dark-color-toggle-border-highlight: #b2ab39;
+$dark-color-badge-background-default: transparent;
+$dark-color-badge-background-green: transparent;
+$dark-color-badge-background-blue: transparent;
+$dark-color-badge-background-yellow: transparent;
+$dark-color-badge-background-brand: transparent;
+$dark-color-badge-background-purple: transparent;
+$dark-color-badge-background-red: transparent;
+$dark-color-badge-background-gray: transparent;
+$dark-color-badge-text-default: #ced1d6;
+$dark-color-badge-text-green: #41a48a;
+$dark-color-badge-text-blue: #6e95cf;
+$dark-color-badge-text-yellow: #cbac76;
+$dark-color-badge-text-brand: #62b2bc;
+$dark-color-badge-text-purple: #ad97f7;
+$dark-color-badge-text-red: #d07c7c;
+$dark-color-badge-text-gray: #93979f;
+$dark-color-badge-border-default: #393e47;
+$dark-color-badge-border-green: #393e47;
+$dark-color-badge-border-blue: #393e47;
+$dark-color-badge-border-yellow: #393e47;
+$dark-color-badge-border-brand: #393e47;
+$dark-color-badge-border-purple: #393e47;
+$dark-color-badge-border-red: #393e47;
+$dark-color-badge-border-gray: #393e47;
+$dark-color-segmented-progress-bar-monochrome: #ced1d6;
+$dark-color-segmented-progress-bar-success: #28816b;
+$dark-color-segmented-progress-bar-warning: #a4792d;
+$dark-color-segmented-progress-bar-alert: #a45355;
+$dark-color-segmented-progress-bar-in-progress: #5b5f67;
+$dark-color-tag-background-gray: #5b5f67;
+$dark-color-tag-background-blue: #2f538a;
+$dark-color-tag-text-gray: #ced1d6;
+$dark-color-tag-text-blue: #e7effe;
+$dark-color-destructive-tertiary-button-background-hover: rgba(164, 83, 85, 0.08);
+$dark-color-destructive-tertiary-button-background-active: rgba(164, 83, 85, 0.08);

package/build/cjs/scss/themes/light.scss

@@ -0,0 +1,111 @@
+
+// Do not edit directly
+// Generated on Fri, 15 Sep 2023 08:12:27 GMT
+
+$light-color-canvas: #eef2f5;
+$light-color-background-primary-default: #ffffff;
+$light-color-background-secondary-default: #f5f7f9;
+$light-color-background-secondary-hover: #eef2f5;
+$light-color-background-secondary-active: #ffffff;
+$light-color-background-accent-default: #0fa980;
+$light-color-background-accent-hover: #0b8363;
+$light-color-background-accent-active: #0a5c45;
+$light-color-background-accent-disabled: rgba(15, 169, 128, 0.3);
+$light-color-background-onAccent-default: #ffffff;
+$light-color-background-onAccent-hover: #ffffff;
+$light-color-background-onAccent-active: #ffffff;
+$light-color-background-onAccent-disabled: rgba(255, 255, 255, 0.6);
+$light-color-background-error-default: #dc4847;
+$light-color-background-error-hover: #c02725;
+$light-color-background-error-active: #c02725;
+$light-color-background-error-disabled: rgba(238, 97, 96, 0.3);
+$light-color-background-success-default: #0b8363;
+$light-color-background-info-default: #295dae;
+$light-color-background-warning-default: #df9411;
+$light-color-background-accentSubtle-default: #e8f8f4;
+$light-color-background-errorSubtle-default: #fde8e8;
+$light-color-background-successSubtle-default: #e8f8f4;
+$light-color-background-infoSubtle-default: #e7effe;
+$light-color-background-warningSubtle-default: #fef3e1;
+$light-color-background-highlight-default: #607585;
+$light-color-background-highlight-hover: #40515e;
+$light-color-background-contrast-default: #314554;
+$light-color-background-transparent-default: rgba(255, 255, 255, 0);
+$light-color-background-transparent-hover: rgba(96, 117, 133, 0.08);
+$light-color-background-transparent-active: rgba(96, 117, 133, 0.08);
+$light-color-background-backdrop-default: rgba(0, 0, 0, 0.6);
+$light-color-text-primary-default: #1a1c1c;
+$light-color-text-primary-hover: #1a1c1c;
+$light-color-text-secondary-default: #40515e;
+$light-color-text-secondary-hover: #40515e;
+$light-color-text-tertiary-default: #607585;
+$light-color-text-tertiary-disabled: rgba(64, 81, 94, 0.3);
+$light-color-text-tertiary-hover: #40515e;
+$light-color-text-quaternary-default: #a3b2bd;
+$light-color-text-accent-default: #0b8363;
+$light-color-text-accent-hover: #0a5c45;
+$light-color-text-onAccent-default: #ffffff;
+$light-color-text-onAccent-disabled: rgba(255, 255, 255, 0.6);
+$light-color-text-info-default: #1c427d;
+$light-color-text-error-default: #c02725;
+$light-color-text-error-disabled: rgba(192, 39, 37, 0.3);
+$light-color-text-warning-default: #314554;
+$light-color-text-success-default: #0a5c45;
+$light-color-icon-primary: #1a1c1c;
+$light-color-icon-secondary: #40515e;
+$light-color-icon-tertiary: #607585;
+$light-color-icon-quaternary: #a3b2bd;
+$light-color-icon-accent: #0b8363;
+$light-color-icon-onAccent: #ffffff;
+$light-color-icon-info: #295dae;
+$light-color-icon-error: #dc4847;
+$light-color-icon-warning: #df9411;
+$light-color-icon-success: #0b8363;
+$light-color-icon-brand: #0aa6b8;
+$light-color-border-primary-default: #a3b2bd;
+$light-color-border-primary-hover: #607585;
+$light-color-border-primary-active: #40515e;
+$light-color-border-primary-disabled: rgba(163, 178, 189, 0.3);
+$light-color-border-secondary-default: rgba(163, 178, 189, 0.3);
+$light-color-border-accent-default: #0b8363;
+$light-color-border-error-default: #dc4847;
+$light-color-border-accentSubtle-default: #8adcc6;
+$light-color-divider-primary: #e0e6eb;
+$light-color-divider-secondary: rgba(163, 178, 189, 0.3);
+$light-color-toggle-background-highlight: #f3eb75;
+$light-color-toggle-border-highlight: #f3eb75;
+$light-color-badge-background-default: #ffffff;
+$light-color-badge-background-green: #e8f8f4;
+$light-color-badge-background-blue: #e7effe;
+$light-color-badge-background-yellow: #fef3e1;
+$light-color-badge-background-brand: #e7f6f8;
+$light-color-badge-background-purple: #f2effb;
+$light-color-badge-background-red: #fde8e8;
+$light-color-badge-background-gray: #eef2f5;
+$light-color-badge-text-default: #1a1c1c;
+$light-color-badge-text-green: #0b8363;
+$light-color-badge-text-blue: #295dae;
+$light-color-badge-text-yellow: #9a6304;
+$light-color-badge-text-brand: #067c89;
+$light-color-badge-text-purple: #5d44ab;
+$light-color-badge-text-red: #c02725;
+$light-color-badge-text-gray: #607585;
+$light-color-badge-border-default: #e0e6eb;
+$light-color-badge-border-green: #e8f8f4;
+$light-color-badge-border-blue: #e7effe;
+$light-color-badge-border-yellow: #fef3e1;
+$light-color-badge-border-brand: #e7f6f8;
+$light-color-badge-border-purple: #f2effb;
+$light-color-badge-border-red: #fde8e8;
+$light-color-badge-border-gray: #eef2f5;
+$light-color-segmented-progress-bar-monochrome: #607585;
+$light-color-segmented-progress-bar-success: #39d6ac;
+$light-color-segmented-progress-bar-warning: #f1d56b;
+$light-color-segmented-progress-bar-alert: #f07575;
+$light-color-segmented-progress-bar-in-progress: #e0e6eb;
+$light-color-tag-background-gray: #e0e6eb;
+$light-color-tag-background-blue: #d2e2f9;
+$light-color-tag-text-gray: #40515e;
+$light-color-tag-text-blue: #1c427d;
+$light-color-destructive-tertiary-button-background-hover: rgba(238, 97, 96, 0.08);
+$light-color-destructive-tertiary-button-background-active: rgba(238, 97, 96, 0.08);

package/build/cjs/src/components/Badge/Badge.js

@@ -0,0 +1,63 @@
+'use strict';
+
+var _styled = require('@emotion/styled/base');
+var React = require('react');
+var Box = require('../Box/Box.js');
+var Icon = require('../Icon/Icon.js');
+var Inline = require('../Inline/Inline.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _styled__default = /*#__PURE__*/_interopDefault(_styled);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const BadgeContainer = /*#__PURE__*/_styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "esey7fz0"
+} : {
+  target: "esey7fz0",
+  label: "BadgeContainer"
+})(_ref => {
+  let {
+    theme,
+    color
+  } = _ref;
+  return {
+    borderRadius: theme.variables.size.borderRadius.badge.m,
+    display: "inline-block",
+    textTransform: "uppercase",
+    fontFamily: theme.variables.fontFamily.lato,
+    fontSize: theme.variables.size.font.badge.m,
+    lineHeight: theme.variables.size.lineHeight.badge.m,
+    fontWeight: "bold",
+    letterSpacing: theme.variables.size.letterSpacing.badge.m,
+    border: "solid 1px",
+    borderColor: color ? theme.values.color.badge.border[color] : theme.values.color.badge.border.default,
+    backgroundColor: color ? theme.values.color.badge.background[color] : theme.values.color.badge.background.default,
+    color: color ? theme.values.color.badge.text[color] : theme.values.color.badge.text.default
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJhZGdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQnVCIiwiZmlsZSI6IkJhZGdlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgSWNvbk5hbWUsIEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vSW5saW5lL0lubGluZVwiO1xuXG5leHBvcnQgdHlwZSBCYWRnZVByb3BzID0ge1xuICAvKiogVGhpcyBpcyBhIHRleHQgZm9yIGEgY29tcG9uZW50IHByb3BlcnR5ICovXG4gIHRleHQ6IHN0cmluZztcbiAgLyoqIEEgY29sb3IgZG9lc24ndCByZWZsZWN0IGFueSBpbnRlbnQgb3RoZXIgdGhhbiB0byB2YXJpZXR5ICovXG4gIGNvbG9yPzogYGdyZWVuYCB8IGBibHVlYCB8IGB5ZWxsb3dgIHwgYGJyYW5kYCB8IGBwdXJwbGVgIHwgYHJlZGAgfCBgZ3JheWA7XG5cbiAgaWNvbj86IEljb25OYW1lO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbn07XG5cbmNvbnN0IEJhZGdlQ29udGFpbmVyID0gc3R5bGVkLmRpdjxQYXJ0aWFsPEJhZGdlUHJvcHM+PigoeyB0aGVtZSwgY29sb3IgfSkgPT4gKHtcbiAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMuYmFkZ2UubSxcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgdGV4dFRyYW5zZm9ybTogXCJ1cHBlcmNhc2VcIixcbiAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQuYmFkZ2UubSxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5iYWRnZS5tLFxuICBmb250V2VpZ2h0OiBcImJvbGRcIixcbiAgbGV0dGVyU3BhY2luZzogdGhlbWUudmFyaWFibGVzLnNpemUubGV0dGVyU3BhY2luZy5iYWRnZS5tLFxuICBib3JkZXI6IFwic29saWQgMXB4XCIsXG4gIGJvcmRlckNvbG9yOiBjb2xvclxuICAgID8gdGhlbWUudmFsdWVzLmNvbG9yLmJhZGdlLmJvcmRlcltjb2xvcl1cbiAgICA6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWRnZS5ib3JkZXIuZGVmYXVsdCxcbiAgYmFja2dyb3VuZENvbG9yOiBjb2xvclxuICAgID8gdGhlbWUudmFsdWVzLmNvbG9yLmJhZGdlLmJhY2tncm91bmRbY29sb3JdXG4gICAgOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFkZ2UuYmFja2dyb3VuZC5kZWZhdWx0LFxuICBjb2xvcjogY29sb3JcbiAgICA/IHRoZW1lLnZhbHVlcy5jb2xvci5iYWRnZS50ZXh0W2NvbG9yXVxuICAgIDogdGhlbWUudmFsdWVzLmNvbG9yLmJhZGdlLnRleHQuZGVmYXVsdCxcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIEJhZGdlKHtcbiAgdGV4dCxcbiAgY29sb3IgPSBudWxsLFxuICBpY29uLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IEJhZGdlUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICByZXR1cm4gKFxuICAgIDxCYWRnZUNvbnRhaW5lclxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGRhdGEtZHMtaWQ9XCJCYWRnZVwiXG4gICAgICBjb2xvcj17Y29sb3J9XG4gICAgPlxuICAgICAgPEJveCBzcGFjZT1cInhzXCIgdlNwYWNlPVwieHhzXCI+XG4gICAgICAgIDxJbmxpbmUgdkFsaWduSXRlbXM9XCJjZW50ZXJcIiBzcGFjZT1cInh4c1wiIG5vV3JhcD5cbiAgICAgICAgICB7aWNvbiAmJiA8SWNvbiBuYW1lPXtpY29ufSBzaXplPVwic1wiIC8+fVxuICAgICAgICAgIDxzcGFuPnt0ZXh0fTwvc3Bhbj5cbiAgICAgICAgPC9JbmxpbmU+XG4gICAgICA8L0JveD5cbiAgICA8L0JhZGdlQ29udGFpbmVyPlxuICApO1xufVxuIl19 */");
+function Badge(_ref2) {
+  let {
+    text,
+    color = null,
+    icon,
+    "data-e2e-test-id": dataE2eTestId
+  } = _ref2;
+  return /*#__PURE__*/React__default.default.createElement(BadgeContainer, {
+    "data-e2e-test-id": dataE2eTestId,
+    "data-ds-id": "Badge",
+    color: color
+  }, /*#__PURE__*/React__default.default.createElement(Box.Box, {
+    space: "xs",
+    vSpace: "xxs"
+  }, /*#__PURE__*/React__default.default.createElement(Inline.Inline, {
+    vAlignItems: "center",
+    space: "xxs",
+    noWrap: true
+  }, icon && /*#__PURE__*/React__default.default.createElement(Icon.Icon, {
+    name: icon,
+    size: "s"
+  }), /*#__PURE__*/React__default.default.createElement("span", null, text))));
+}
+
+exports.Badge = Badge;

package/build/cjs/src/components/Box/Box.js

@@ -0,0 +1,89 @@
+'use strict';
+
+var _extends = require('@babel/runtime/helpers/extends');
+var _styled = require('@emotion/styled/base');
+var React = require('react');
+var mediaQueries = require('../../shared/mediaQueries.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _extends__default = /*#__PURE__*/_interopDefault(_extends);
+var _styled__default = /*#__PURE__*/_interopDefault(_styled);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const defaultProps = {
+  space: "xl"
+};
+const StyledBox = /*#__PURE__*/_styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "eyueia0"
+} : {
+  target: "eyueia0",
+  label: "StyledBox"
+})(_ref => {
+  let {
+    theme,
+    space,
+    alignText = "left"
+  } = _ref;
+  return mediaQueries.mq({
+    padding: [space, theme.variables.size.spacing],
+    textAlign: [alignText, {
+      left: "left",
+      right: "right",
+      center: "center"
+    }]
+  });
+}, _ref2 => {
+  let {
+    theme,
+    vSpace
+  } = _ref2;
+  return mediaQueries.mq({
+    paddingTop: [vSpace, theme.variables.size.spacing],
+    paddingBottom: [vSpace, theme.variables.size.spacing]
+  });
+}, _ref3 => {
+  let {
+    theme,
+    rSpace,
+    lSpace,
+    tSpace,
+    bSpace
+  } = _ref3;
+  return mediaQueries.mq({
+    paddingLeft: [lSpace, theme.variables.size.spacing],
+    paddingRight: [rSpace, theme.variables.size.spacing],
+    paddingTop: [tSpace, theme.variables.size.spacing],
+    paddingBottom: [bSpace, theme.variables.size.spacing]
+  });
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNENrQiIsImZpbGUiOiJCb3gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuaW1wb3J0IFJlYWN0LCB7IEFyaWFBdHRyaWJ1dGVzIH0gZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgbXEgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL21lZGlhUXVlcmllc1wiO1xuaW1wb3J0IHsgU3BhY2VTaXplcywgVGV4dEFsaWdubWVudCwgTVEgfSBmcm9tIFwiLi4vLi4vdHlwZXNcIjtcblxuZXhwb3J0IHR5cGUgQm94UHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVbXSB8IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqIFJlcHJlc2VudHMgYm90aCB2ZXJ0aWNhbCBhbmQgaG9yaXpvbnRhbCBwYWRkaW5ncy4gV2hlbiB1c2VkIGFsb25lLCB2ZXJ0aWNhbCBhbmQgaG9yaXpvbnRhbCBwYWRkaW5ncyB3aWxsIGhhdmUgdGhlIHNhbWUgdmFsdWUuXG4gICAqIFVzZSBcInZTcGFjZVwiIHByb3AgdG8gb3ZlcnJpZGUgdmVydGljYWwgcGFkZGluZyB2YWx1ZSBpbiBjYXNlIHlvdSB3YW50IGl0IGRpZmZlcmVudC5cbiAgICogc3BlY2lmeSBbc21hbGwgc2NyZWVuIHBhZGRpbmcsIG1lZGl1bSBzY3JlZW4gcGFkZGluZywgbGFyZ2Ugc2NyZWVuIHBhZGRpbmddIG9yIG9uZSBwYWRkaW5nIGZvciBhbGwgc2NyZWVuIHNpemVzXG4gICAqICovXG4gIHNwYWNlPzogU3BhY2VTaXplcyB8IE1RPFNwYWNlU2l6ZXM+O1xuICAvKiogUmVwcmVzZW50cyB2ZXJ0aWNhbCBwYWRkaW5nLiBVc2VkIHRvIG92ZXJyaWRlIHRoZSB2ZXJ0aWNhbCBwYWRkaW5nIGZyb20gXCJzcGFjZVwiIHByb3AuXG4gICAqIHNwZWNpZnkgW3NtYWxsIHNjcmVlbiB2ZXJ0aWNhbCBwYWRkaW5nLCBtZWRpdW0gc2NyZWVuIHZlcnRpY2FsIHBhZGRpbmcsIGxhcmdlIHNjcmVlbiB2ZXJ0aWNhbCBwYWRkaW5nXSBvciBvbmUgcGFkZGluZyBmb3IgYWxsIHNjcmVlbiBzaXplcyAqL1xuICB2U3BhY2U/OiBTcGFjZVNpemVzIHwgTVE8U3BhY2VTaXplcz47XG4gIC8qKiByaWdodCBwYWRkaW5nICogKi9cbiAgclNwYWNlPzogU3BhY2VTaXplcyB8IE1RPFNwYWNlU2l6ZXM+O1xuICAvKiogbGVmdCBwYWRkaW5nICogKi9cbiAgbFNwYWNlPzogU3BhY2VTaXplcyB8IE1RPFNwYWNlU2l6ZXM+O1xuICAvKiogdG9wIHBhZGRpbmcgKiAqL1xuICB0U3BhY2U/OiBTcGFjZVNpemVzIHwgTVE8U3BhY2VTaXplcz47XG4gIC8qKiBib3R0b20gcGFkZGluZyAqICovXG4gIGJTcGFjZT86IFNwYWNlU2l6ZXMgfCBNUTxTcGFjZVNpemVzPjtcblxuICAvKiogVGV4dCBhbGlnbm1lbnQgcHJvcC5cbiAgICogc3BlY2lmeSBbc21hbGwgc2NyZWVuIGFsaWduVGV4dCwgbWVkaXVtIHNjcmVlbiBhbGlnblRleHQsIGxhcmdlIHNjcmVlbiBhbGlnblRleHRdIG9yIG9uZSBhbGlnblRleHQgZm9yIGFsbCBzY3JlZW4gc2l6ZXMgKi9cbiAgYWxpZ25UZXh0PzogVGV4dEFsaWdubWVudCB8IE1RPFRleHRBbGlnbm1lbnQ+O1xuXG4gIC8qKiBBcmlhIHByb3BlcnR5IGZvciBhc3NpZ25pbmcgYW4gYWNjZXNzaWJsZSByb2xlIHRvIGFuIGVsZW1lbnRcbiAgICogZWcuIGRpYWxvZywgdGFiLCB0b29sdGlwIGV0Yy4gKi9cbiAgcm9sZT86IHN0cmluZztcbiAgLyoqIEFkZGl0aW9uYWwgYXJpYSBhdHRyaWJ1dGVzLiBbc2VlIGRvY3VtZW50YXRpb25dKGh0dHBzOi8vZ2l0aHViLmNvbS9EZWZpbml0ZWx5VHlwZWQvRGVmaW5pdGVseVR5cGVkL2Jsb2IvMDI1NDljMDgzZTlkNjJiNjA0MDkxZDc3MGM0NTY4ZDQ3MjgyY2RkMC90eXBlcy9yZWFjdC9pbmRleC5kLnRzI0wxNDYxKVxuICAgKi9cbiAgYXJpYUF0dHJpYnV0ZXM/OiBBcmlhQXR0cmlidXRlcztcblxuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGFydGlhbDxCb3hQcm9wcz4gPSB7XG4gIHNwYWNlOiBcInhsXCIsXG59O1xuXG5jb25zdCBTdHlsZWRCb3ggPSBzdHlsZWQuZGl2PEJveFByb3BzPihcbiAgKHsgdGhlbWUsIHNwYWNlLCBhbGlnblRleHQgPSBcImxlZnRcIiB9KSA9PlxuICAgIG1xKHtcbiAgICAgIHBhZGRpbmc6IFtzcGFjZSwgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZ10sXG4gICAgICB0ZXh0QWxpZ246IFtcbiAgICAgICAgYWxpZ25UZXh0LFxuICAgICAgICB7IGxlZnQ6IFwibGVmdFwiLCByaWdodDogXCJyaWdodFwiLCBjZW50ZXI6IFwiY2VudGVyXCIgfSxcbiAgICAgIF0sXG4gICAgfSksXG4gICh7IHRoZW1lLCB2U3BhY2UgfSkgPT5cbiAgICBtcSh7XG4gICAgICBwYWRkaW5nVG9wOiBbdlNwYWNlLCB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nXSxcbiAgICAgIHBhZGRpbmdCb3R0b206IFt2U3BhY2UsIHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmddLFxuICAgIH0pLFxuICAoeyB0aGVtZSwgclNwYWNlLCBsU3BhY2UsIHRTcGFjZSwgYlNwYWNlIH0pID0+XG4gICAgbXEoe1xuICAgICAgcGFkZGluZ0xlZnQ6IFtsU3BhY2UsIHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmddLFxuICAgICAgcGFkZGluZ1JpZ2h0OiBbclNwYWNlLCB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nXSxcbiAgICAgIHBhZGRpbmdUb3A6IFt0U3BhY2UsIHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmddLFxuICAgICAgcGFkZGluZ0JvdHRvbTogW2JTcGFjZSwgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZ10sXG4gICAgfSlcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBCb3goe1xuICBjaGlsZHJlbixcbiAgc3BhY2UsXG4gIHZTcGFjZSxcbiAgclNwYWNlLFxuICBsU3BhY2UsXG4gIHRTcGFjZSxcbiAgYlNwYWNlLFxuICBhbGlnblRleHQsXG4gIHJvbGUsXG4gIGFyaWFBdHRyaWJ1dGVzLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IEJveFByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQm94XG4gICAgICBzcGFjZT17c3BhY2V9XG4gICAgICB2U3BhY2U9e3ZTcGFjZX1cbiAgICAgIHJTcGFjZT17clNwYWNlfVxuICAgICAgbFNwYWNlPXtsU3BhY2V9XG4gICAgICB0U3BhY2U9e3RTcGFjZX1cbiAgICAgIGJTcGFjZT17YlNwYWNlfVxuICAgICAgYWxpZ25UZXh0PXthbGlnblRleHR9XG4gICAgICByb2xlPXtyb2xlfVxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGRhdGEtZHMtaWQ9XCJCb3hcIlxuICAgICAgey4uLmFyaWFBdHRyaWJ1dGVzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZEJveD5cbiAgKTtcbn1cblxuQm94LmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcbiJdfQ== */");
+function Box(_ref4) {
+  let {
+    children,
+    space,
+    vSpace,
+    rSpace,
+    lSpace,
+    tSpace,
+    bSpace,
+    alignText,
+    role,
+    ariaAttributes,
+    "data-e2e-test-id": dataE2eTestId
+  } = _ref4;
+  return /*#__PURE__*/React__default.default.createElement(StyledBox, _extends__default.default({
+    space: space,
+    vSpace: vSpace,
+    rSpace: rSpace,
+    lSpace: lSpace,
+    tSpace: tSpace,
+    bSpace: bSpace,
+    alignText: alignText,
+    role: role,
+    "data-e2e-test-id": dataE2eTestId,
+    "data-ds-id": "Box"
+  }, ariaAttributes), children);
+}
+Box.defaultProps = defaultProps;
+
+exports.Box = Box;