@amboss/design-system 1.9.1 → 1.9.5

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

@@ -0,0 +1,68 @@
+'use strict';
+
+var _styled = require('@emotion/styled/base');
+var React = require('react');
+var CardHeader = require('./CardHeader/CardHeader.js');
+var informDeprecation = require('../../shared/informDeprecation.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _styled__default = /*#__PURE__*/_interopDefault(_styled);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const StyledContainer = /*#__PURE__*/_styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "eieabd00"
+} : {
+  target: "eieabd00",
+  label: "StyledContainer"
+})(_ref => {
+  let {
+    theme,
+    overflow,
+    squareCorners
+  } = _ref;
+  return {
+    ...(squareCorners ? {
+      borderRadius: 0
+    } : {
+      borderRadius: theme.variables.size.borderRadius.card.m,
+      "& > *:last-child": {
+        borderBottomLeftRadius: theme.variables.size.borderRadius.card.m,
+        borderBottomRightRadius: theme.variables.size.borderRadius.card.m
+      },
+      "& > *:first-child": {
+        borderTopLeftRadius: theme.variables.size.borderRadius.card.m,
+        borderTopRightRadius: theme.variables.size.borderRadius.card.m
+      }
+    }),
+    boxShadow: theme.variables.shadow.card.a,
+    backgroundColor: theme.values.color.background.layer_2,
+    overflow
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCd0IiLCJmaWxlIjoiQ2FyZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IENhcmRIZWFkZXIgfSBmcm9tIFwiLi9DYXJkSGVhZGVyL0NhcmRIZWFkZXJcIjtcbmltcG9ydCB7IGluZm9ybURlcHJlY2F0aW9uIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9pbmZvcm1EZXByZWNhdGlvblwiO1xuaW1wb3J0IHsgRHJvcGRvd25NZW51UHJvcHMgfSBmcm9tIFwiLi4vRHJvcGRvd25NZW51L0Ryb3Bkb3duTWVudVwiO1xuXG5leHBvcnQgdHlwZSBDYXJkUHJvcHMgPSB7XG4gIC8qKiBTcGVjaWZ5IHRpdGxlIGRpc3BsYXllZCBpbiBIZWFkZXIgKi9cbiAgdGl0bGU/OiBzdHJpbmc7XG5cbiAgLyoqIEBkZXByZWNhdGVkIFN1YnRpdGxlIGlzIG5vdyBkZXByZWNhdGVkICovXG4gIHN1YnRpdGxlPzogc3RyaW5nO1xuXG4gIC8qKiBAZGVwcmVjYXRlZCBidXR0b24gcHJvcGVydHkgaXMgZGVwcmVjYXRlZCBub3cuIFBsZWFzZSB1c2UgZHJvcGRvd24gcHJvcC4gKi9cbiAgYnV0dG9uPzogUmVhY3QuUmVhY3RFbGVtZW50O1xuXG4gIGRyb3Bkb3duPzogT21pdDxEcm9wZG93bk1lbnVQcm9wcywgXCJpY29uTmFtZVwiIHwgXCJzaXplXCI+O1xuXG4gIG92ZXJmbG93PzogXCJhdXRvXCIgfCBcImhpZGRlblwiIHwgXCJ2aXNpYmxlXCI7XG5cbiAgc3F1YXJlQ29ybmVycz86IGJvb2xlYW47XG5cbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG5cbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8Q2FyZFByb3BzPj4oXG4gICh7IHRoZW1lLCBvdmVyZmxvdywgc3F1YXJlQ29ybmVycyB9KSA9PiAoe1xuICAgIC4uLihzcXVhcmVDb3JuZXJzXG4gICAgICA/IHtcbiAgICAgICAgICBib3JkZXJSYWRpdXM6IDAsXG4gICAgICAgIH1cbiAgICAgIDoge1xuICAgICAgICAgIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmNhcmQubSxcbiAgICAgICAgICBcIiYgPiAqOmxhc3QtY2hpbGRcIjoge1xuICAgICAgICAgICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmNhcmQubSxcbiAgICAgICAgICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMuY2FyZC5tLFxuICAgICAgICAgIH0sXG4gICAgICAgICAgXCImID4gKjpmaXJzdC1jaGlsZFwiOiB7XG4gICAgICAgICAgICBib3JkZXJUb3BMZWZ0UmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMuY2FyZC5tLFxuICAgICAgICAgICAgYm9yZGVyVG9wUmlnaHRSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5jYXJkLm0sXG4gICAgICAgICAgfSxcbiAgICAgICAgfSksXG4gICAgYm94U2hhZG93OiB0aGVtZS52YXJpYWJsZXMuc2hhZG93LmNhcmQuYSxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmxheWVyXzIsXG4gICAgb3ZlcmZsb3csXG4gIH0pXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gQ2FyZCh7XG4gIHRpdGxlLFxuICBzdWJ0aXRsZSxcbiAgYnV0dG9uLFxuICBkcm9wZG93bixcbiAgY2hpbGRyZW4sXG4gIG92ZXJmbG93ID0gXCJoaWRkZW5cIixcbiAgc3F1YXJlQ29ybmVycyA9IGZhbHNlLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IENhcmRQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGluZm9ybURlcHJlY2F0aW9uKFxuICAgIHN1YnRpdGxlLFxuICAgIHN1YnRpdGxlLFxuICAgIFwiQ2FyZFwiLFxuICAgIFwiU3VidGl0bGUgaXMgbm93IGEgZGVwcmljYXRlZCBwcm9wLCBwbGVhc2UgZGlzY3VzcyBhIHdvcmthcm91bmQgd2l0aCBhbnkgb2YgVVggZGVzaWduZXJzXCJcbiAgKTtcblxuICBpbmZvcm1EZXByZWNhdGlvbihcbiAgICBidXR0b24sXG4gICAgYnV0dG9uLFxuICAgIFwiQ2FyZFwiLFxuICAgIFwiQnV0dG9uIGlzIGRlcHJlY2F0ZWQsIHBsZWFzZSB1c2UgZHJvcGRvd24gcHJvcGVydHkgaW5zdGVhZFwiXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ29udGFpbmVyXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgb3ZlcmZsb3c9e292ZXJmbG93fVxuICAgICAgc3F1YXJlQ29ybmVycz17c3F1YXJlQ29ybmVyc31cbiAgICA+XG4gICAgICB7KGJ1dHRvbiB8fCBkcm9wZG93biB8fCBzdWJ0aXRsZSB8fCB0aXRsZSkgJiYgKFxuICAgICAgICA8Q2FyZEhlYWRlclxuICAgICAgICAgIHRpdGxlPXt0aXRsZX1cbiAgICAgICAgICBzdWJ0aXRsZT17c3VidGl0bGV9XG4gICAgICAgICAgYnV0dG9uPXtidXR0b259XG4gICAgICAgICAgZHJvcGRvd249e2Ryb3Bkb3dufVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgKTtcbn1cbiJdfQ== */");
+function Card(_ref2) {
+  let {
+    title,
+    subtitle,
+    button,
+    dropdown,
+    children,
+    overflow = "hidden",
+    squareCorners = false,
+    "data-e2e-test-id": dataE2eTestId
+  } = _ref2;
+  informDeprecation.informDeprecation(subtitle, subtitle, "Card", "Subtitle is now a depricated prop, please discuss a workaround with any of UX designers");
+  informDeprecation.informDeprecation(button, button, "Card", "Button is deprecated, please use dropdown property instead");
+  return /*#__PURE__*/React__default.default.createElement(StyledContainer, {
+    "data-e2e-test-id": dataE2eTestId,
+    overflow: overflow,
+    squareCorners: squareCorners
+  }, (button || dropdown || subtitle || title) && /*#__PURE__*/React__default.default.createElement(CardHeader.CardHeader, {
+    title: title,
+    subtitle: subtitle,
+    button: button,
+    dropdown: dropdown
+  }), children);
+}
+
+exports.Card = Card;

package/build/cjs/src/components/Card/CardBox.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var React = require('react');
+var Box = require('../Box/Box.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+function CardBox(_ref) {
+  let {
+    children,
+    "data-e2e-test-id": dataE2eTestId
+  } = _ref;
+  return /*#__PURE__*/React__default.default.createElement(Box.Box, {
+    "data-e2e-test-id": dataE2eTestId,
+    space: ["m", "l", "l"],
+    vSpace: "m"
+  }, children);
+}
+
+exports.CardBox = CardBox;

package/build/cjs/src/components/Card/CardHeader/CardHeader.js

@@ -0,0 +1,59 @@
+'use strict';
+
+var _extends = require('@babel/runtime/helpers/extends');
+var _styled = require('@emotion/styled/base');
+var React = require('react');
+var Stack = require('../../Stack/Stack.js');
+var Inline = require('../../Inline/Inline.js');
+var Header = require('../../Typography/Header/Header.js');
+var Text = require('../../Typography/Text/Text.js');
+var Divider = require('../../Divider/Divider.js');
+var Box = require('../../Box/Box.js');
+var DropdownMenu = require('../../DropdownMenu/DropdownMenu.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 StyledHeaderWrap = /*#__PURE__*/_styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "ehgetke0"
+} : {
+  target: "ehgetke0",
+  label: "StyledHeaderWrap"
+})({
+  // Compensate small button height with 6px
+  padding: `6px 0`
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhcmRIZWFkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWN5QiIsImZpbGUiOiJDYXJkSGVhZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tIFwiLi4vLi4vU3RhY2svU3RhY2tcIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi8uLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgeyBINSB9IGZyb20gXCIuLi8uLi9UeXBvZ3JhcGh5L0hlYWRlci9IZWFkZXJcIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vLi4vVHlwb2dyYXBoeS9UZXh0L1RleHRcIjtcbmltcG9ydCB7IERpdmlkZXIgfSBmcm9tIFwiLi4vLi4vRGl2aWRlci9EaXZpZGVyXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vLi4vQm94L0JveFwiO1xuaW1wb3J0IHtcbiAgRHJvcGRvd25NZW51LFxuICBEcm9wZG93bk1lbnVQcm9wcyxcbn0gZnJvbSBcIi4uLy4uL0Ryb3Bkb3duTWVudS9Ecm9wZG93bk1lbnVcIjtcblxuY29uc3QgU3R5bGVkSGVhZGVyV3JhcCA9IHN0eWxlZC5kaXYoe1xuICAvLyBDb21wZW5zYXRlIHNtYWxsIGJ1dHRvbiBoZWlnaHQgd2l0aCA2cHhcbiAgcGFkZGluZzogYDZweCAwYCxcbn0pO1xuXG5leHBvcnQgY2xhc3MgQ2FyZEhlYWRlclByb3BzIHtcbiAgdGl0bGU/OiBzdHJpbmc7XG5cbiAgLyoqIEBkZXByZWNhdGVkICogKi9cbiAgc3VidGl0bGU/OiBzdHJpbmc7XG5cbiAgZHJvcGRvd24/OiBPbWl0PERyb3Bkb3duTWVudVByb3BzLCBcImljb25OYW1lXCIgfCBcInNpemVcIj47XG5cbiAgLyoqIEBkZXByZWNhdGVkICogKi9cbiAgYnV0dG9uPzogUmVhY3QuUmVhY3RFbGVtZW50O1xuXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gQ2FyZEhlYWRlcih7XG4gIHRpdGxlLFxuICBzdWJ0aXRsZSxcbiAgYnV0dG9uLFxuICBkcm9wZG93bixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBDYXJkSGVhZGVyUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICByZXR1cm4gKFxuICAgIDxkaXYgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH0+XG4gICAgICA8Qm94IHNwYWNlPXtbXCJtXCIsIFwibFwiLCBcImxcIl19IHZTcGFjZT1cInNcIiByU3BhY2U9XCJzXCI+XG4gICAgICAgIDxJbmxpbmUgYWxpZ25JdGVtcz1cInNwYWNlQmV0d2VlblwiIHZBbGlnbkl0ZW1zPVwidG9wXCIgbm9XcmFwPlxuICAgICAgICAgIDxTdGFjayBzcGFjZT1cInhzXCI+XG4gICAgICAgICAgICB7dGl0bGUgJiYgKFxuICAgICAgICAgICAgICA8U3R5bGVkSGVhZGVyV3JhcD5cbiAgICAgICAgICAgICAgICA8SDU+e3RpdGxlfTwvSDU+XG4gICAgICAgICAgICAgIDwvU3R5bGVkSGVhZGVyV3JhcD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICB7c3VidGl0bGUgJiYgKFxuICAgICAgICAgICAgICA8VGV4dCBzaXplPVwieHNcIiBhcz1cInNwYW5cIiB2YXJpYW50PVwidGVydGlhcnlcIj5cbiAgICAgICAgICAgICAgICB7c3VidGl0bGV9XG4gICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgICB7YnV0dG9uICYmIDxkaXY+e2J1dHRvbn08L2Rpdj59XG4gICAgICAgICAge2Ryb3Bkb3duICYmIChcbiAgICAgICAgICAgIDxEcm9wZG93bk1lbnUgey4uLmRyb3Bkb3dufSBzaXplPVwic1wiIGljb25OYW1lPVwibW9yZS1ob3Jpem9udGFsXCIgLz5cbiAgICAgICAgICApfVxuICAgICAgICA8L0lubGluZT5cbiAgICAgIDwvQm94PlxuICAgICAgPERpdmlkZXIgLz5cbiAgICA8L2Rpdj5cbiAgKTtcbn1cbiJdfQ== */");
+function CardHeader(_ref) {
+  let {
+    title,
+    subtitle,
+    button,
+    dropdown,
+    "data-e2e-test-id": dataE2eTestId
+  } = _ref;
+  return /*#__PURE__*/React__default.default.createElement("div", {
+    "data-e2e-test-id": dataE2eTestId
+  }, /*#__PURE__*/React__default.default.createElement(Box.Box, {
+    space: ["m", "l", "l"],
+    vSpace: "s",
+    rSpace: "s"
+  }, /*#__PURE__*/React__default.default.createElement(Inline.Inline, {
+    alignItems: "spaceBetween",
+    vAlignItems: "top",
+    noWrap: true
+  }, /*#__PURE__*/React__default.default.createElement(Stack.Stack, {
+    space: "xs"
+  }, title && /*#__PURE__*/React__default.default.createElement(StyledHeaderWrap, null, /*#__PURE__*/React__default.default.createElement(Header.H5, null, title)), subtitle && /*#__PURE__*/React__default.default.createElement(Text.Text, {
+    size: "xs",
+    as: "span",
+    variant: "tertiary"
+  }, subtitle)), button && /*#__PURE__*/React__default.default.createElement("div", null, button), dropdown && /*#__PURE__*/React__default.default.createElement(DropdownMenu.DropdownMenu, _extends__default.default({}, dropdown, {
+    size: "s",
+    iconName: "more-horizontal"
+  })))), /*#__PURE__*/React__default.default.createElement(Divider.Divider, null));
+}
+
+exports.CardHeader = CardHeader;

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

@@ -0,0 +1,115 @@
+'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 ANIMATION_TIME = 200;
+const IsExpandedContext = /*#__PURE__*/React.createContext(false);
+const StyledChildrenContainer = /*#__PURE__*/_styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "ecrjv272"
+} : {
+  target: "ecrjv272",
+  label: "StyledChildrenContainer"
+})(() => ({
+  overflow: "hidden"
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbGxhcHNpYmxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQnVDIiwiZmlsZSI6IkNvbGxhcHNpYmxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBjcmVhdGVDb250ZXh0LCB1c2VDb250ZXh0IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEJveCB9IGZyb20gXCIuLi9Cb3gvQm94XCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcblxuZXhwb3J0IHR5cGUgQ29sbGFwc2libGVQcm9wcyA9IHtcbiAgLyoqIHRoZSBmaXJzdCBlbGVtZW50IG9mIHRoZSBhcnJheSBvZiBjaGlsZHJlbiBoYXMgdG8gYmUgIGA8Q29sbGFwc2libGVIZWFkZXIvPmAuIFRoZSByZXN0IG9mIHRoZSBjaGlsZHJlbiBpcyB0aGUgY29udGVudCB2aXNpYmxlIGFmdGVyIHNwcmVhZGluZyB0aGUgY29tcG9uZW50ICovXG4gIGNoaWxkcmVuOiBbXG4gICAgUmVhY3QuUmVhY3RFbGVtZW50PENvbGxhcHNpYmxlSGVhZGVyUHJvcHM+LFxuICAgIC4uLlJlYWN0LlJlYWN0RWxlbWVudFtdXG4gIF07XG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG59O1xuXG5leHBvcnQgdHlwZSBDb2xsYXBzaWJsZUhlYWRlclByb3BzID0ge1xuICBvbkNsaWNrPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MQnV0dG9uRWxlbWVudD4pID0+IHZvaWQ7XG59ICYgUmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIEJveD47XG5cbmNvbnN0IEFOSU1BVElPTl9USU1FID0gMjAwO1xuY29uc3QgSXNFeHBhbmRlZENvbnRleHQgPSBjcmVhdGVDb250ZXh0KGZhbHNlKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoaWxkcmVuQ29udGFpbmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbn0pKTtcblxuY29uc3QgU3R5bGVkRXhwYW5kaW5nQ29udGFpbmVyID0gc3R5bGVkLmRpdjx7XG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW47XG59PigoeyBpc0V4cGFuZGVkIH0pID0+ICh7XG4gIHRyYW5zZm9ybTogYHRyYW5zbGF0ZVkoJHtpc0V4cGFuZGVkID8gXCIwJVwiIDogXCJtYXgoLTEwMHB4LCAtNTAlKVwifSlgLFxuICB0cmFuc2l0aW9uOiBgdHJhbnNmb3JtICR7XG4gICAgaXNFeHBhbmRlZCA/IEFOSU1BVElPTl9USU1FIDogMFxuICB9bXMgY3ViaWMtYmV6aWVyKDAuMCwgMC4wLCAwLjI1LCAxLjApYCxcbn0pKTtcblxuY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkLmJ1dHRvbjx7IGlzRXhwYW5kZWQ6IGJvb2xlYW4gfT4oXG4gICh7IHRoZW1lLCBpc0V4cGFuZGVkIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJibG9ja1wiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmJ1dHRvbi5zZWNvbmRhcnkuYmFzZSxcbiAgICBib3JkZXI6IFwibm9uZVwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgcGFkZGluZzogMCxcbiAgICAuLi4oaXNFeHBhbmRlZCAmJiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmRyb3Bkb3duLmFjdGl2ZSxcbiAgICAgIFwiOmdsb2JhbCguaXNEYXJrbW9kZUFjdGl2ZSkgJlwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5idXR0b24uc2Vjb25kYXJ5LmJhc2UsXG4gICAgICB9LFxuICAgIH0pLFxuXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuZHJvcGRvd24uYWN0aXZlLFxuICAgICAgXCI6Z2xvYmFsKC5pc0Rhcmttb2RlQWN0aXZlKSAmXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLmJ1dHRvbi5zZWNvbmRhcnkuYmFzZSxcbiAgICAgIH0sXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBDb2xsYXBzaWJsZUhlYWRlcih7XG4gIHNwYWNlLFxuICB2U3BhY2UsXG4gIHJTcGFjZSxcbiAgbFNwYWNlLFxuICB0U3BhY2UsXG4gIGJTcGFjZSxcbiAgb25DbGljayxcbiAgY2hpbGRyZW4sXG59OiBDb2xsYXBzaWJsZUhlYWRlclByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgaXNFeHBhbmRlZCA9IHVzZUNvbnRleHQoSXNFeHBhbmRlZENvbnRleHQpO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRCdXR0b24gdHlwZT1cImJ1dHRvblwiIGlzRXhwYW5kZWQ9e2lzRXhwYW5kZWR9IG9uQ2xpY2s9e29uQ2xpY2t9PlxuICAgICAgPEJveFxuICAgICAgICBzcGFjZT17c3BhY2V9XG4gICAgICAgIHZTcGFjZT17dlNwYWNlfVxuICAgICAgICByU3BhY2U9e3JTcGFjZX1cbiAgICAgICAgbFNwYWNlPXtsU3BhY2V9XG4gICAgICAgIHRTcGFjZT17dFNwYWNlfVxuICAgICAgICBiU3BhY2U9e2JTcGFjZX1cbiAgICAgID5cbiAgICAgICAgPElubGluZSBhbGlnbkl0ZW1zPVwic3BhY2VCZXR3ZWVuXCIgbm9XcmFwPlxuICAgICAgICAgIDxkaXY+e2NoaWxkcmVufTwvZGl2PlxuICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICBuYW1lPXtpc0V4cGFuZGVkID8gXCJjaGV2cm9uLXVwXCIgOiBcImNoZXZyb24tZG93blwifVxuICAgICAgICAgICAgdmFyaWFudD1cInRlcnRpYXJ5XCJcbiAgICAgICAgICAvPlxuICAgICAgICA8L0lubGluZT5cbiAgICAgIDwvQm94PlxuICAgIDwvU3R5bGVkQnV0dG9uPlxuICApO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gQ29sbGFwc2libGUoe1xuICBpc0V4cGFuZGVkLFxuICBjaGlsZHJlbixcbn06IENvbGxhcHNpYmxlUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBbY29sbGFwc2libGVIZWFkZXIsIC4uLmNvbGxhcHNpYmxlQ2hpbGRyZW5dID0gY2hpbGRyZW47XG4gIHJldHVybiAoXG4gICAgPElzRXhwYW5kZWRDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXtpc0V4cGFuZGVkfT5cbiAgICAgIHtjb2xsYXBzaWJsZUhlYWRlcn1cbiAgICAgIDxTdHlsZWRDaGlsZHJlbkNvbnRhaW5lcj5cbiAgICAgICAgPFN0eWxlZEV4cGFuZGluZ0NvbnRhaW5lciBpc0V4cGFuZGVkPXtpc0V4cGFuZGVkfT5cbiAgICAgICAgICB7aXNFeHBhbmRlZCAmJiBjb2xsYXBzaWJsZUNoaWxkcmVufVxuICAgICAgICA8L1N0eWxlZEV4cGFuZGluZ0NvbnRhaW5lcj5cbiAgICAgIDwvU3R5bGVkQ2hpbGRyZW5Db250YWluZXI+XG4gICAgPC9Jc0V4cGFuZGVkQ29udGV4dC5Qcm92aWRlcj5cbiAgKTtcbn1cbiJdfQ== */");
+const StyledExpandingContainer = /*#__PURE__*/_styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "ecrjv271"
+} : {
+  target: "ecrjv271",
+  label: "StyledExpandingContainer"
+})(_ref => {
+  let {
+    isExpanded
+  } = _ref;
+  return {
+    transform: `translateY(${isExpanded ? "0%" : "max(-100px, -50%)"})`,
+    transition: `transform ${isExpanded ? ANIMATION_TIME : 0}ms cubic-bezier(0.0, 0.0, 0.25, 1.0)`
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbGxhcHNpYmxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQmlDIiwiZmlsZSI6IkNvbGxhcHNpYmxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBjcmVhdGVDb250ZXh0LCB1c2VDb250ZXh0IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEJveCB9IGZyb20gXCIuLi9Cb3gvQm94XCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcblxuZXhwb3J0IHR5cGUgQ29sbGFwc2libGVQcm9wcyA9IHtcbiAgLyoqIHRoZSBmaXJzdCBlbGVtZW50IG9mIHRoZSBhcnJheSBvZiBjaGlsZHJlbiBoYXMgdG8gYmUgIGA8Q29sbGFwc2libGVIZWFkZXIvPmAuIFRoZSByZXN0IG9mIHRoZSBjaGlsZHJlbiBpcyB0aGUgY29udGVudCB2aXNpYmxlIGFmdGVyIHNwcmVhZGluZyB0aGUgY29tcG9uZW50ICovXG4gIGNoaWxkcmVuOiBbXG4gICAgUmVhY3QuUmVhY3RFbGVtZW50PENvbGxhcHNpYmxlSGVhZGVyUHJvcHM+LFxuICAgIC4uLlJlYWN0LlJlYWN0RWxlbWVudFtdXG4gIF07XG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG59O1xuXG5leHBvcnQgdHlwZSBDb2xsYXBzaWJsZUhlYWRlclByb3BzID0ge1xuICBvbkNsaWNrPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MQnV0dG9uRWxlbWVudD4pID0+IHZvaWQ7XG59ICYgUmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIEJveD47XG5cbmNvbnN0IEFOSU1BVElPTl9USU1FID0gMjAwO1xuY29uc3QgSXNFeHBhbmRlZENvbnRleHQgPSBjcmVhdGVDb250ZXh0KGZhbHNlKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoaWxkcmVuQ29udGFpbmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbn0pKTtcblxuY29uc3QgU3R5bGVkRXhwYW5kaW5nQ29udGFpbmVyID0gc3R5bGVkLmRpdjx7XG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW47XG59PigoeyBpc0V4cGFuZGVkIH0pID0+ICh7XG4gIHRyYW5zZm9ybTogYHRyYW5zbGF0ZVkoJHtpc0V4cGFuZGVkID8gXCIwJVwiIDogXCJtYXgoLTEwMHB4LCAtNTAlKVwifSlgLFxuICB0cmFuc2l0aW9uOiBgdHJhbnNmb3JtICR7XG4gICAgaXNFeHBhbmRlZCA/IEFOSU1BVElPTl9USU1FIDogMFxuICB9bXMgY3ViaWMtYmV6aWVyKDAuMCwgMC4wLCAwLjI1LCAxLjApYCxcbn0pKTtcblxuY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkLmJ1dHRvbjx7IGlzRXhwYW5kZWQ6IGJvb2xlYW4gfT4oXG4gICh7IHRoZW1lLCBpc0V4cGFuZGVkIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJibG9ja1wiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmJ1dHRvbi5zZWNvbmRhcnkuYmFzZSxcbiAgICBib3JkZXI6IFwibm9uZVwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgcGFkZGluZzogMCxcbiAgICAuLi4oaXNFeHBhbmRlZCAmJiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmRyb3Bkb3duLmFjdGl2ZSxcbiAgICAgIFwiOmdsb2JhbCguaXNEYXJrbW9kZUFjdGl2ZSkgJlwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5idXR0b24uc2Vjb25kYXJ5LmJhc2UsXG4gICAgICB9LFxuICAgIH0pLFxuXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuZHJvcGRvd24uYWN0aXZlLFxuICAgICAgXCI6Z2xvYmFsKC5pc0Rhcmttb2RlQWN0aXZlKSAmXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLmJ1dHRvbi5zZWNvbmRhcnkuYmFzZSxcbiAgICAgIH0sXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBDb2xsYXBzaWJsZUhlYWRlcih7XG4gIHNwYWNlLFxuICB2U3BhY2UsXG4gIHJTcGFjZSxcbiAgbFNwYWNlLFxuICB0U3BhY2UsXG4gIGJTcGFjZSxcbiAgb25DbGljayxcbiAgY2hpbGRyZW4sXG59OiBDb2xsYXBzaWJsZUhlYWRlclByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgaXNFeHBhbmRlZCA9IHVzZUNvbnRleHQoSXNFeHBhbmRlZENvbnRleHQpO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRCdXR0b24gdHlwZT1cImJ1dHRvblwiIGlzRXhwYW5kZWQ9e2lzRXhwYW5kZWR9IG9uQ2xpY2s9e29uQ2xpY2t9PlxuICAgICAgPEJveFxuICAgICAgICBzcGFjZT17c3BhY2V9XG4gICAgICAgIHZTcGFjZT17dlNwYWNlfVxuICAgICAgICByU3BhY2U9e3JTcGFjZX1cbiAgICAgICAgbFNwYWNlPXtsU3BhY2V9XG4gICAgICAgIHRTcGFjZT17dFNwYWNlfVxuICAgICAgICBiU3BhY2U9e2JTcGFjZX1cbiAgICAgID5cbiAgICAgICAgPElubGluZSBhbGlnbkl0ZW1zPVwic3BhY2VCZXR3ZWVuXCIgbm9XcmFwPlxuICAgICAgICAgIDxkaXY+e2NoaWxkcmVufTwvZGl2PlxuICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICBuYW1lPXtpc0V4cGFuZGVkID8gXCJjaGV2cm9uLXVwXCIgOiBcImNoZXZyb24tZG93blwifVxuICAgICAgICAgICAgdmFyaWFudD1cInRlcnRpYXJ5XCJcbiAgICAgICAgICAvPlxuICAgICAgICA8L0lubGluZT5cbiAgICAgIDwvQm94PlxuICAgIDwvU3R5bGVkQnV0dG9uPlxuICApO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gQ29sbGFwc2libGUoe1xuICBpc0V4cGFuZGVkLFxuICBjaGlsZHJlbixcbn06IENvbGxhcHNpYmxlUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBbY29sbGFwc2libGVIZWFkZXIsIC4uLmNvbGxhcHNpYmxlQ2hpbGRyZW5dID0gY2hpbGRyZW47XG4gIHJldHVybiAoXG4gICAgPElzRXhwYW5kZWRDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXtpc0V4cGFuZGVkfT5cbiAgICAgIHtjb2xsYXBzaWJsZUhlYWRlcn1cbiAgICAgIDxTdHlsZWRDaGlsZHJlbkNvbnRhaW5lcj5cbiAgICAgICAgPFN0eWxlZEV4cGFuZGluZ0NvbnRhaW5lciBpc0V4cGFuZGVkPXtpc0V4cGFuZGVkfT5cbiAgICAgICAgICB7aXNFeHBhbmRlZCAmJiBjb2xsYXBzaWJsZUNoaWxkcmVufVxuICAgICAgICA8L1N0eWxlZEV4cGFuZGluZ0NvbnRhaW5lcj5cbiAgICAgIDwvU3R5bGVkQ2hpbGRyZW5Db250YWluZXI+XG4gICAgPC9Jc0V4cGFuZGVkQ29udGV4dC5Qcm92aWRlcj5cbiAgKTtcbn1cbiJdfQ== */");
+const StyledButton = /*#__PURE__*/_styled__default.default("button", process.env.NODE_ENV === "production" ? {
+  target: "ecrjv270"
+} : {
+  target: "ecrjv270",
+  label: "StyledButton"
+})(_ref2 => {
+  let {
+    theme,
+    isExpanded
+  } = _ref2;
+  return {
+    display: "block",
+    width: "100%",
+    backgroundColor: theme.values.color.background.button.secondary.base,
+    border: "none",
+    cursor: "pointer",
+    padding: 0,
+    ...(isExpanded && {
+      backgroundColor: theme.values.color.background.dropdown.active,
+      ":global(.isDarkmodeActive) &": {
+        backgroundColor: theme.values.color.border.button.secondary.base
+      }
+    }),
+    "&:hover": {
+      backgroundColor: theme.values.color.background.dropdown.active,
+      ":global(.isDarkmodeActive) &": {
+        backgroundColor: theme.values.color.border.button.secondary.base
+      }
+    }
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbGxhcHNpYmxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQ3FCIiwiZmlsZSI6IkNvbGxhcHNpYmxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBjcmVhdGVDb250ZXh0LCB1c2VDb250ZXh0IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEJveCB9IGZyb20gXCIuLi9Cb3gvQm94XCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcblxuZXhwb3J0IHR5cGUgQ29sbGFwc2libGVQcm9wcyA9IHtcbiAgLyoqIHRoZSBmaXJzdCBlbGVtZW50IG9mIHRoZSBhcnJheSBvZiBjaGlsZHJlbiBoYXMgdG8gYmUgIGA8Q29sbGFwc2libGVIZWFkZXIvPmAuIFRoZSByZXN0IG9mIHRoZSBjaGlsZHJlbiBpcyB0aGUgY29udGVudCB2aXNpYmxlIGFmdGVyIHNwcmVhZGluZyB0aGUgY29tcG9uZW50ICovXG4gIGNoaWxkcmVuOiBbXG4gICAgUmVhY3QuUmVhY3RFbGVtZW50PENvbGxhcHNpYmxlSGVhZGVyUHJvcHM+LFxuICAgIC4uLlJlYWN0LlJlYWN0RWxlbWVudFtdXG4gIF07XG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG59O1xuXG5leHBvcnQgdHlwZSBDb2xsYXBzaWJsZUhlYWRlclByb3BzID0ge1xuICBvbkNsaWNrPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MQnV0dG9uRWxlbWVudD4pID0+IHZvaWQ7XG59ICYgUmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIEJveD47XG5cbmNvbnN0IEFOSU1BVElPTl9USU1FID0gMjAwO1xuY29uc3QgSXNFeHBhbmRlZENvbnRleHQgPSBjcmVhdGVDb250ZXh0KGZhbHNlKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoaWxkcmVuQ29udGFpbmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbn0pKTtcblxuY29uc3QgU3R5bGVkRXhwYW5kaW5nQ29udGFpbmVyID0gc3R5bGVkLmRpdjx7XG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW47XG59PigoeyBpc0V4cGFuZGVkIH0pID0+ICh7XG4gIHRyYW5zZm9ybTogYHRyYW5zbGF0ZVkoJHtpc0V4cGFuZGVkID8gXCIwJVwiIDogXCJtYXgoLTEwMHB4LCAtNTAlKVwifSlgLFxuICB0cmFuc2l0aW9uOiBgdHJhbnNmb3JtICR7XG4gICAgaXNFeHBhbmRlZCA/IEFOSU1BVElPTl9USU1FIDogMFxuICB9bXMgY3ViaWMtYmV6aWVyKDAuMCwgMC4wLCAwLjI1LCAxLjApYCxcbn0pKTtcblxuY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkLmJ1dHRvbjx7IGlzRXhwYW5kZWQ6IGJvb2xlYW4gfT4oXG4gICh7IHRoZW1lLCBpc0V4cGFuZGVkIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJibG9ja1wiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmJ1dHRvbi5zZWNvbmRhcnkuYmFzZSxcbiAgICBib3JkZXI6IFwibm9uZVwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgcGFkZGluZzogMCxcbiAgICAuLi4oaXNFeHBhbmRlZCAmJiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmRyb3Bkb3duLmFjdGl2ZSxcbiAgICAgIFwiOmdsb2JhbCguaXNEYXJrbW9kZUFjdGl2ZSkgJlwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5idXR0b24uc2Vjb25kYXJ5LmJhc2UsXG4gICAgICB9LFxuICAgIH0pLFxuXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuZHJvcGRvd24uYWN0aXZlLFxuICAgICAgXCI6Z2xvYmFsKC5pc0Rhcmttb2RlQWN0aXZlKSAmXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLmJ1dHRvbi5zZWNvbmRhcnkuYmFzZSxcbiAgICAgIH0sXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBDb2xsYXBzaWJsZUhlYWRlcih7XG4gIHNwYWNlLFxuICB2U3BhY2UsXG4gIHJTcGFjZSxcbiAgbFNwYWNlLFxuICB0U3BhY2UsXG4gIGJTcGFjZSxcbiAgb25DbGljayxcbiAgY2hpbGRyZW4sXG59OiBDb2xsYXBzaWJsZUhlYWRlclByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgaXNFeHBhbmRlZCA9IHVzZUNvbnRleHQoSXNFeHBhbmRlZENvbnRleHQpO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRCdXR0b24gdHlwZT1cImJ1dHRvblwiIGlzRXhwYW5kZWQ9e2lzRXhwYW5kZWR9IG9uQ2xpY2s9e29uQ2xpY2t9PlxuICAgICAgPEJveFxuICAgICAgICBzcGFjZT17c3BhY2V9XG4gICAgICAgIHZTcGFjZT17dlNwYWNlfVxuICAgICAgICByU3BhY2U9e3JTcGFjZX1cbiAgICAgICAgbFNwYWNlPXtsU3BhY2V9XG4gICAgICAgIHRTcGFjZT17dFNwYWNlfVxuICAgICAgICBiU3BhY2U9e2JTcGFjZX1cbiAgICAgID5cbiAgICAgICAgPElubGluZSBhbGlnbkl0ZW1zPVwic3BhY2VCZXR3ZWVuXCIgbm9XcmFwPlxuICAgICAgICAgIDxkaXY+e2NoaWxkcmVufTwvZGl2PlxuICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICBuYW1lPXtpc0V4cGFuZGVkID8gXCJjaGV2cm9uLXVwXCIgOiBcImNoZXZyb24tZG93blwifVxuICAgICAgICAgICAgdmFyaWFudD1cInRlcnRpYXJ5XCJcbiAgICAgICAgICAvPlxuICAgICAgICA8L0lubGluZT5cbiAgICAgIDwvQm94PlxuICAgIDwvU3R5bGVkQnV0dG9uPlxuICApO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gQ29sbGFwc2libGUoe1xuICBpc0V4cGFuZGVkLFxuICBjaGlsZHJlbixcbn06IENvbGxhcHNpYmxlUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBbY29sbGFwc2libGVIZWFkZXIsIC4uLmNvbGxhcHNpYmxlQ2hpbGRyZW5dID0gY2hpbGRyZW47XG4gIHJldHVybiAoXG4gICAgPElzRXhwYW5kZWRDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXtpc0V4cGFuZGVkfT5cbiAgICAgIHtjb2xsYXBzaWJsZUhlYWRlcn1cbiAgICAgIDxTdHlsZWRDaGlsZHJlbkNvbnRhaW5lcj5cbiAgICAgICAgPFN0eWxlZEV4cGFuZGluZ0NvbnRhaW5lciBpc0V4cGFuZGVkPXtpc0V4cGFuZGVkfT5cbiAgICAgICAgICB7aXNFeHBhbmRlZCAmJiBjb2xsYXBzaWJsZUNoaWxkcmVufVxuICAgICAgICA8L1N0eWxlZEV4cGFuZGluZ0NvbnRhaW5lcj5cbiAgICAgIDwvU3R5bGVkQ2hpbGRyZW5Db250YWluZXI+XG4gICAgPC9Jc0V4cGFuZGVkQ29udGV4dC5Qcm92aWRlcj5cbiAgKTtcbn1cbiJdfQ== */");
+function CollapsibleHeader(_ref3) {
+  let {
+    space,
+    vSpace,
+    rSpace,
+    lSpace,
+    tSpace,
+    bSpace,
+    onClick,
+    children
+  } = _ref3;
+  const isExpanded = React.useContext(IsExpandedContext);
+  return /*#__PURE__*/React__default.default.createElement(StyledButton, {
+    type: "button",
+    isExpanded: isExpanded,
+    onClick: onClick
+  }, /*#__PURE__*/React__default.default.createElement(Box.Box, {
+    space: space,
+    vSpace: vSpace,
+    rSpace: rSpace,
+    lSpace: lSpace,
+    tSpace: tSpace,
+    bSpace: bSpace
+  }, /*#__PURE__*/React__default.default.createElement(Inline.Inline, {
+    alignItems: "spaceBetween",
+    noWrap: true
+  }, /*#__PURE__*/React__default.default.createElement("div", null, children), /*#__PURE__*/React__default.default.createElement(Icon.Icon, {
+    name: isExpanded ? "chevron-up" : "chevron-down",
+    variant: "tertiary"
+  }))));
+}
+function Collapsible(_ref4) {
+  let {
+    isExpanded,
+    children
+  } = _ref4;
+  const [collapsibleHeader, ...collapsibleChildren] = children;
+  return /*#__PURE__*/React__default.default.createElement(IsExpandedContext.Provider, {
+    value: isExpanded
+  }, collapsibleHeader, /*#__PURE__*/React__default.default.createElement(StyledChildrenContainer, null, /*#__PURE__*/React__default.default.createElement(StyledExpandingContainer, {
+    isExpanded: isExpanded
+  }, isExpanded && collapsibleChildren)));
+}
+
+exports.Collapsible = Collapsible;
+exports.CollapsibleHeader = CollapsibleHeader;
+exports.StyledChildrenContainer = StyledChildrenContainer;

package/build/cjs/src/components/Column/Columns.js

@@ -0,0 +1,145 @@
+'use strict';
+
+var _styled = require('@emotion/styled/base');
+var mediaQueries = require('../../shared/mediaQueries.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _styled__default = /*#__PURE__*/_interopDefault(_styled);
+
+const defaultProps = {
+  gap: "zero",
+  alwaysFillSpace: false,
+  alignItems: "left",
+  vAlignItems: "top",
+  "data-e2e-test-id": undefined
+};
+const columnDefaultProps = {
+  size: "auto",
+  "data-e2e-test-id": undefined,
+  alignSelf: "auto"
+};
+const columnWidthObject = new Array(12).fill("").reduce((acc, _, index) => ({
+  ...acc,
+  [index + 1]: `${(index + 1) * 100 / 12}%`
+}), {});
+const makeNegative = obj => Object.entries(obj).map(_ref => {
+  let [key, value] = _ref;
+  return [key, `-${value}`];
+}).reduce((acc, _ref2) => {
+  let [key, value] = _ref2;
+  acc[key] = value;
+  return acc;
+}, {});
+const Column = /*#__PURE__*/_styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "e1pdebaf1"
+} : {
+  target: "e1pdebaf1",
+  label: "Column"
+})(_ref3 => {
+  let {
+    size,
+    order,
+    alignSelf
+  } = _ref3;
+  return {
+    ...mediaQueries.mq({
+      width: [size, {
+        ...columnWidthObject,
+        fill: "1px"
+      }],
+      flex: [size, {
+        narrow: "none",
+        auto: "1",
+        fill: undefined
+      }],
+      order: [order, {
+        first: "-1",
+        last: "1",
+        unset: "0"
+      }],
+      flexShrink: [size, {
+        fill: 1,
+        auto: undefined,
+        narrow: undefined
+      }],
+      flexGrow: [size, {
+        fill: 1,
+        auto: undefined,
+        narrow: undefined
+      }],
+      alignSelf: [alignSelf, {
+        auto: "auto",
+        start: "start",
+        center: "center",
+        end: "end"
+      }]
+    }),
+    boxSizing: "border-box",
+    "&:empty": {
+      width: 0,
+      flex: "none"
+    }
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbHVtbnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFGc0IiLCJmaWxlIjoiQ29sdW1ucy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IG1xIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9tZWRpYVF1ZXJpZXNcIjtcbmltcG9ydCB7XG4gIE1RLFxuICBIb3Jpem9udGFsQWxpZ25tZW50LFxuICBTcGFjZVNpemVzLFxuICBWZXJ0aWNhbEFsaWdubWVudCxcbiAgQ29sdW1uU2l6ZXMsXG4gIENvbHVtbkFsaWdubWVudCxcbiAgT3JkZXIsXG59IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuXG5leHBvcnQgdHlwZSBDb2x1bW5zUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVbXSB8IFJlYWN0LlJlYWN0Tm9kZTtcblxuICAvKiogcmVwcmVzZW50cyB0aGUgc2l6ZSBvZiBib3RoIGhvcml6b250YWwgYW5kIHZlcnRpY2FsIGdhcCBiZXR3ZWVuIGNoaWxkcmVuLCBjYW4gYmUgYSBzaW5nbGUgc3RyaW5nIG9yIGFuIGFycmF5IG9mIDMgc3RyaW5nc1xuICAgKiBzcGVjaWZ5IFtzbWFsbCBzY3JlZW4gZ2FwIHNpemUsIG1lZGl1bSBzY3JlZW4gZ2FwIHNpemUsIGxhcmdlIHNjcmVlbiBnYXAgc2l6ZV0gdG8gYXBwbHkgZGlmZmVyZW50IGdhcCBzaXplcyBmb3IgZGlmZmVyZW50IHNjcmVlbiBzaXplc1xuICAgKi9cbiAgZ2FwPzogU3BhY2VTaXplcyB8IE1RPFNwYWNlU2l6ZXM+O1xuXG4gIC8qKiBzZXQgdG8gdHJ1ZSBpZiB5b3Ugd2FudCB0aGUgbGFzdCBlbGVtZW50IHRvIGZpbGwgdGhlIHNwYWNlXG4gICAqL1xuICBhbHdheXNGaWxsU3BhY2U/OiBib29sZWFuO1xuXG4gIC8qKiBzcGVjaWZ5IGhvcml6b250YWwgYWxpZ25tZW50XG4gICAqIHNwZWNpZnkgW3NtYWxsIHNjcmVlbiBhbGlnbkl0ZW1zLCBtZWRpdW0gc2NyZWVuIGFsaWduSXRlbXMsIGxhcmdlIHNjcmVlbiBhbGlnbkl0ZW1zXSB0byBhcHBseSBkaWZmZXJlbnQgYWxpZ25JdGVtcyBmb3IgZGlmZmVyZW50IHNjcmVlbiBzaXplc1xuICAgKi9cbiAgYWxpZ25JdGVtcz86IEhvcml6b250YWxBbGlnbm1lbnQgfCBNUTxIb3Jpem9udGFsQWxpZ25tZW50PjtcblxuICAvKiogc3BlY2lmeSB2ZXJ0aWNhbCBhbGlnbm1lbnRcbiAgICogc3BlY2lmeSBbc21hbGwgc2NyZWVuIHZBbGlnbkl0ZW1zLCBtZWRpdW0gc2NyZWVuIHZBbGlnbkl0ZW1zLCBsYXJnZSBzY3JlZW4gdkFsaWduSXRlbXNdIHRvIGFwcGx5IGRpZmZlcmVudCB2QWxpZ25JdGVtcyBmb3IgZGlmZmVyZW50IHNjcmVlbiBzaXplc1xuICAgKi9cbiAgdkFsaWduSXRlbXM/OiBWZXJ0aWNhbEFsaWdubWVudCB8IE1RPFZlcnRpY2FsQWxpZ25tZW50PjtcblxuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGFydGlhbDxDb2x1bW5zUHJvcHM+ID0ge1xuICBnYXA6IFwiemVyb1wiLFxuICBhbHdheXNGaWxsU3BhY2U6IGZhbHNlLFxuICBhbGlnbkl0ZW1zOiBcImxlZnRcIixcbiAgdkFsaWduSXRlbXM6IFwidG9wXCIsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiB1bmRlZmluZWQsXG59O1xuXG5leHBvcnQgdHlwZSBDb2x1bW5Qcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZVtdIHwgUmVhY3QuUmVhY3ROb2RlO1xuXG4gIC8qKiByZXByZXNlbnRzIHRoZSBzaXplIG9mIHRoZSBjb2x1bW4sIGNhbiBiZSBhIHNpbmdsZSBudW1iZXIgb3IgYW4gYXJyYXkgb2YgMyBudW1iZXJzIHdpdGggYSB2YWx1ZSByYW5naW5nIGZyb20gMSB0byAxMlxuICAgKiBzcGVjaWZ5IFtzbWFsbCBzY3JlZW4gY29sdW1uIHNpemUsIG1lZGl1bSBzY3JlZW4gY29sdW1uIHNpemUsIGxhcmdlIHNjcmVlbiBjb2x1bW4gc2l6ZV0gdG8gYXBwbHkgZGlmZmVyZW50IHZhbHVlcyBmb3IgZGlmZmVyZW50IHNjcmVlbiBzaXplc1xuICAgKi9cbiAgc2l6ZT86IENvbHVtblNpemVzIHwgTVE8Q29sdW1uU2l6ZXM+O1xuXG4gIC8qKiBzcGVjaWZ5IHRoZSB2aXN1YWwgcG9zaXRpb25pbmcgb2YgdGhlIGNvbHVtbi4gW3NtYWxsIHNjcmVlbiBjb2x1bW4gb3JkZXIsIG1lZGl1bSBzY3JlZW4gY29sdW1uIG9yZGVyLCBsYXJnZSBzY3JlZW4gY29sdW1uIG9yZGVyXSB0byBhcHBseSBkaWZmZXJlbnQgb3JkZXIgZm9yIGRpZmZlcmVudCBzY3JlZW4gc2l6ZXNcbiAgICovXG4gIG9yZGVyPzogT3JkZXIgfCBNUTxPcmRlcj47XG5cbiAgYWxpZ25TZWxmPzogQ29sdW1uQWxpZ25tZW50IHwgTVE8Q29sdW1uQWxpZ25tZW50PjtcblxuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbn07XG5cbmNvbnN0IGNvbHVtbkRlZmF1bHRQcm9wczogUGFydGlhbDxDb2x1bW5Qcm9wcz4gPSB7XG4gIHNpemU6IFwiYXV0b1wiLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogdW5kZWZpbmVkLFxuICBhbGlnblNlbGY6IFwiYXV0b1wiLFxufTtcblxuY29uc3QgY29sdW1uV2lkdGhPYmplY3QgPSBuZXcgQXJyYXkoMTIpLmZpbGwoXCJcIikucmVkdWNlKFxuICAoYWNjLCBfLCBpbmRleCkgPT4gKHtcbiAgICAuLi5hY2MsXG4gICAgW2luZGV4ICsgMV06IGAkeygoaW5kZXggKyAxKSAqIDEwMCkgLyAxMn0lYCxcbiAgfSksXG4gIHt9XG4pO1xuXG5jb25zdCBtYWtlTmVnYXRpdmUgPSAob2JqOiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+KTogUmVjb3JkPHN0cmluZywgc3RyaW5nPiA9PlxuICBPYmplY3QuZW50cmllcyhvYmopXG4gICAgLm1hcCgoW2tleSwgdmFsdWVdKSA9PiBba2V5LCBgLSR7dmFsdWV9YF0pXG4gICAgLnJlZHVjZSgoYWNjLCBba2V5LCB2YWx1ZV0pID0+IHtcbiAgICAgIGFjY1trZXldID0gdmFsdWU7XG4gICAgICByZXR1cm4gYWNjO1xuICAgIH0sIHt9IGFzIFJlY29yZDxzdHJpbmcsIHN0cmluZz4pO1xuXG5leHBvcnQgY29uc3QgQ29sdW1uID0gc3R5bGVkLmRpdjxQYXJ0aWFsPENvbHVtblByb3BzPj4oXG4gICh7IHNpemUsIG9yZGVyLCBhbGlnblNlbGYgfSkgPT4gKHtcbiAgICAuLi5tcSh7XG4gICAgICB3aWR0aDogW3NpemUsIHsgLi4uY29sdW1uV2lkdGhPYmplY3QsIGZpbGw6IFwiMXB4XCIgfV0sXG4gICAgICBmbGV4OiBbc2l6ZSwgeyBuYXJyb3c6IFwibm9uZVwiLCBhdXRvOiBcIjFcIiwgZmlsbDogdW5kZWZpbmVkIH1dLFxuICAgICAgb3JkZXI6IFtvcmRlciwgeyBmaXJzdDogXCItMVwiLCBsYXN0OiBcIjFcIiwgdW5zZXQ6IFwiMFwiIH1dLFxuICAgICAgZmxleFNocmluazogW3NpemUsIHsgZmlsbDogMSwgYXV0bzogdW5kZWZpbmVkLCBuYXJyb3c6IHVuZGVmaW5lZCB9XSxcbiAgICAgIGZsZXhHcm93OiBbc2l6ZSwgeyBmaWxsOiAxLCBhdXRvOiB1bmRlZmluZWQsIG5hcnJvdzogdW5kZWZpbmVkIH1dLFxuICAgICAgYWxpZ25TZWxmOiBbXG4gICAgICAgIGFsaWduU2VsZixcbiAgICAgICAge1xuICAgICAgICAgIGF1dG86IFwiYXV0b1wiLFxuICAgICAgICAgIHN0YXJ0OiBcInN0YXJ0XCIsXG4gICAgICAgICAgY2VudGVyOiBcImNlbnRlclwiLFxuICAgICAgICAgIGVuZDogXCJlbmRcIixcbiAgICAgICAgfSxcbiAgICAgIF0sXG4gICAgfSksXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBcIiY6ZW1wdHlcIjoge1xuICAgICAgd2lkdGg6IDAsXG4gICAgICBmbGV4OiBcIm5vbmVcIixcbiAgICB9LFxuICB9KVxuKTtcblxuQ29sdW1uLmRlZmF1bHRQcm9wcyA9IGNvbHVtbkRlZmF1bHRQcm9wcztcblxuZXhwb3J0IGNvbnN0IENvbHVtbnMgPSBzdHlsZWQuZGl2PFBhcnRpYWw8Q29sdW1uc1Byb3BzPj4oXG4gICh7IHRoZW1lLCBhbGlnbkl0ZW1zLCB2QWxpZ25JdGVtcywgZ2FwIH0pID0+ICh7XG4gICAgd2lkdGg6IFwiYXV0b1wiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGp1c3RpZnlJdGVtczogXCJzdHJldGNoXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwic3RyZXRjaFwiLFxuICAgIGFsaWduSXRlbXM6IFwic3RyZXRjaFwiLFxuICAgIGZsZXhXcmFwOiBcIndyYXBcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgIC4uLm1xKHtcbiAgICAgIGFsaWduSXRlbXM6IFtcbiAgICAgICAgdkFsaWduSXRlbXMsXG4gICAgICAgIHtcbiAgICAgICAgICB0b3A6IFwiZmxleC1zdGFydFwiLFxuICAgICAgICAgIGJvdHRvbTogXCJmbGV4LWVuZFwiLFxuICAgICAgICAgIGNlbnRlcjogXCJjZW50ZXJcIixcbiAgICAgICAgICBzcGFjZUJldHdlZW46IFwic3BhY2UtYmV0d2VlblwiLFxuICAgICAgICB9LFxuICAgICAgXSxcbiAgICAgIGp1c3RpZnlDb250ZW50OiBbXG4gICAgICAgIGFsaWduSXRlbXMsXG4gICAgICAgIHtcbiAgICAgICAgICBsZWZ0OiBcImZsZXgtc3RhcnRcIixcbiAgICAgICAgICByaWdodDogXCJmbGV4LWVuZFwiLFxuICAgICAgICAgIGNlbnRlcjogXCJjZW50ZXJcIixcbiAgICAgICAgICBzcGFjZUJldHdlZW46IFwic3BhY2UtYmV0d2VlblwiLFxuICAgICAgICB9LFxuICAgICAgXSxcbiAgICAgIG1hcmdpblJpZ2h0OiBbZ2FwLCBtYWtlTmVnYXRpdmUodGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZyldLFxuICAgICAgbWFyZ2luQm90dG9tOiBbZ2FwLCBtYWtlTmVnYXRpdmUodGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZyldLFxuICAgIH0pLFxuICAgIFsoQ29sdW1uIGFzIHVua25vd24pIGFzIHN0cmluZ106IHtcbiAgICAgIC4uLm1xKHtcbiAgICAgICAgbWFyZ2luQm90dG9tOiBbZ2FwLCB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nXSxcbiAgICAgICAgcGFkZGluZ1JpZ2h0OiBbZ2FwLCB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nXSxcbiAgICAgIH0pLFxuICAgIH0sXG4gIH0pLFxuICAoeyBhbHdheXNGaWxsU3BhY2UgfSkgPT5cbiAgICBhbHdheXNGaWxsU3BhY2UgJiYge1xuICAgICAgWyhDb2x1bW4gYXMgdW5rbm93bikgYXMgc3RyaW5nXToge1xuICAgICAgICBcIiY6bGFzdC1jaGlsZFwiOiB7XG4gICAgICAgICAgZmxleEdyb3c6IDEsXG4gICAgICAgICAgZmxleFNocmluazogMSxcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgfVxuKTtcblxuQ29sdW1ucy5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG4iXX0= */");
+Column.defaultProps = columnDefaultProps;
+const Columns = /*#__PURE__*/_styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "e1pdebaf0"
+} : {
+  target: "e1pdebaf0",
+  label: "Columns"
+})(_ref4 => {
+  let {
+    theme,
+    alignItems,
+    vAlignItems,
+    gap
+  } = _ref4;
+  return {
+    width: "auto",
+    display: "flex",
+    justifyItems: "stretch",
+    justifyContent: "stretch",
+    alignItems: "stretch",
+    flexWrap: "wrap",
+    flexDirection: "row",
+    ...mediaQueries.mq({
+      alignItems: [vAlignItems, {
+        top: "flex-start",
+        bottom: "flex-end",
+        center: "center",
+        spaceBetween: "space-between"
+      }],
+      justifyContent: [alignItems, {
+        left: "flex-start",
+        right: "flex-end",
+        center: "center",
+        spaceBetween: "space-between"
+      }],
+      marginRight: [gap, makeNegative(theme.variables.size.spacing)],
+      marginBottom: [gap, makeNegative(theme.variables.size.spacing)]
+    }),
+    [Column]: {
+      ...mediaQueries.mq({
+        marginBottom: [gap, theme.variables.size.spacing],
+        paddingRight: [gap, theme.variables.size.spacing]
+      })
+    }
+  };
+}, _ref5 => {
+  let {
+    alwaysFillSpace
+  } = _ref5;
+  return alwaysFillSpace && {
+    [Column]: {
+      "&:last-child": {
+        flexGrow: 1,
+        flexShrink: 1
+      }
+    }
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbHVtbnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlIdUIiLCJmaWxlIjoiQ29sdW1ucy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IG1xIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9tZWRpYVF1ZXJpZXNcIjtcbmltcG9ydCB7XG4gIE1RLFxuICBIb3Jpem9udGFsQWxpZ25tZW50LFxuICBTcGFjZVNpemVzLFxuICBWZXJ0aWNhbEFsaWdubWVudCxcbiAgQ29sdW1uU2l6ZXMsXG4gIENvbHVtbkFsaWdubWVudCxcbiAgT3JkZXIsXG59IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuXG5leHBvcnQgdHlwZSBDb2x1bW5zUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVbXSB8IFJlYWN0LlJlYWN0Tm9kZTtcblxuICAvKiogcmVwcmVzZW50cyB0aGUgc2l6ZSBvZiBib3RoIGhvcml6b250YWwgYW5kIHZlcnRpY2FsIGdhcCBiZXR3ZWVuIGNoaWxkcmVuLCBjYW4gYmUgYSBzaW5nbGUgc3RyaW5nIG9yIGFuIGFycmF5IG9mIDMgc3RyaW5nc1xuICAgKiBzcGVjaWZ5IFtzbWFsbCBzY3JlZW4gZ2FwIHNpemUsIG1lZGl1bSBzY3JlZW4gZ2FwIHNpemUsIGxhcmdlIHNjcmVlbiBnYXAgc2l6ZV0gdG8gYXBwbHkgZGlmZmVyZW50IGdhcCBzaXplcyBmb3IgZGlmZmVyZW50IHNjcmVlbiBzaXplc1xuICAgKi9cbiAgZ2FwPzogU3BhY2VTaXplcyB8IE1RPFNwYWNlU2l6ZXM+O1xuXG4gIC8qKiBzZXQgdG8gdHJ1ZSBpZiB5b3Ugd2FudCB0aGUgbGFzdCBlbGVtZW50IHRvIGZpbGwgdGhlIHNwYWNlXG4gICAqL1xuICBhbHdheXNGaWxsU3BhY2U/OiBib29sZWFuO1xuXG4gIC8qKiBzcGVjaWZ5IGhvcml6b250YWwgYWxpZ25tZW50XG4gICAqIHNwZWNpZnkgW3NtYWxsIHNjcmVlbiBhbGlnbkl0ZW1zLCBtZWRpdW0gc2NyZWVuIGFsaWduSXRlbXMsIGxhcmdlIHNjcmVlbiBhbGlnbkl0ZW1zXSB0byBhcHBseSBkaWZmZXJlbnQgYWxpZ25JdGVtcyBmb3IgZGlmZmVyZW50IHNjcmVlbiBzaXplc1xuICAgKi9cbiAgYWxpZ25JdGVtcz86IEhvcml6b250YWxBbGlnbm1lbnQgfCBNUTxIb3Jpem9udGFsQWxpZ25tZW50PjtcblxuICAvKiogc3BlY2lmeSB2ZXJ0aWNhbCBhbGlnbm1lbnRcbiAgICogc3BlY2lmeSBbc21hbGwgc2NyZWVuIHZBbGlnbkl0ZW1zLCBtZWRpdW0gc2NyZWVuIHZBbGlnbkl0ZW1zLCBsYXJnZSBzY3JlZW4gdkFsaWduSXRlbXNdIHRvIGFwcGx5IGRpZmZlcmVudCB2QWxpZ25JdGVtcyBmb3IgZGlmZmVyZW50IHNjcmVlbiBzaXplc1xuICAgKi9cbiAgdkFsaWduSXRlbXM/OiBWZXJ0aWNhbEFsaWdubWVudCB8IE1RPFZlcnRpY2FsQWxpZ25tZW50PjtcblxuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGFydGlhbDxDb2x1bW5zUHJvcHM+ID0ge1xuICBnYXA6IFwiemVyb1wiLFxuICBhbHdheXNGaWxsU3BhY2U6IGZhbHNlLFxuICBhbGlnbkl0ZW1zOiBcImxlZnRcIixcbiAgdkFsaWduSXRlbXM6IFwidG9wXCIsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiB1bmRlZmluZWQsXG59O1xuXG5leHBvcnQgdHlwZSBDb2x1bW5Qcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZVtdIHwgUmVhY3QuUmVhY3ROb2RlO1xuXG4gIC8qKiByZXByZXNlbnRzIHRoZSBzaXplIG9mIHRoZSBjb2x1bW4sIGNhbiBiZSBhIHNpbmdsZSBudW1iZXIgb3IgYW4gYXJyYXkgb2YgMyBudW1iZXJzIHdpdGggYSB2YWx1ZSByYW5naW5nIGZyb20gMSB0byAxMlxuICAgKiBzcGVjaWZ5IFtzbWFsbCBzY3JlZW4gY29sdW1uIHNpemUsIG1lZGl1bSBzY3JlZW4gY29sdW1uIHNpemUsIGxhcmdlIHNjcmVlbiBjb2x1bW4gc2l6ZV0gdG8gYXBwbHkgZGlmZmVyZW50IHZhbHVlcyBmb3IgZGlmZmVyZW50IHNjcmVlbiBzaXplc1xuICAgKi9cbiAgc2l6ZT86IENvbHVtblNpemVzIHwgTVE8Q29sdW1uU2l6ZXM+O1xuXG4gIC8qKiBzcGVjaWZ5IHRoZSB2aXN1YWwgcG9zaXRpb25pbmcgb2YgdGhlIGNvbHVtbi4gW3NtYWxsIHNjcmVlbiBjb2x1bW4gb3JkZXIsIG1lZGl1bSBzY3JlZW4gY29sdW1uIG9yZGVyLCBsYXJnZSBzY3JlZW4gY29sdW1uIG9yZGVyXSB0byBhcHBseSBkaWZmZXJlbnQgb3JkZXIgZm9yIGRpZmZlcmVudCBzY3JlZW4gc2l6ZXNcbiAgICovXG4gIG9yZGVyPzogT3JkZXIgfCBNUTxPcmRlcj47XG5cbiAgYWxpZ25TZWxmPzogQ29sdW1uQWxpZ25tZW50IHwgTVE8Q29sdW1uQWxpZ25tZW50PjtcblxuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbn07XG5cbmNvbnN0IGNvbHVtbkRlZmF1bHRQcm9wczogUGFydGlhbDxDb2x1bW5Qcm9wcz4gPSB7XG4gIHNpemU6IFwiYXV0b1wiLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogdW5kZWZpbmVkLFxuICBhbGlnblNlbGY6IFwiYXV0b1wiLFxufTtcblxuY29uc3QgY29sdW1uV2lkdGhPYmplY3QgPSBuZXcgQXJyYXkoMTIpLmZpbGwoXCJcIikucmVkdWNlKFxuICAoYWNjLCBfLCBpbmRleCkgPT4gKHtcbiAgICAuLi5hY2MsXG4gICAgW2luZGV4ICsgMV06IGAkeygoaW5kZXggKyAxKSAqIDEwMCkgLyAxMn0lYCxcbiAgfSksXG4gIHt9XG4pO1xuXG5jb25zdCBtYWtlTmVnYXRpdmUgPSAob2JqOiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+KTogUmVjb3JkPHN0cmluZywgc3RyaW5nPiA9PlxuICBPYmplY3QuZW50cmllcyhvYmopXG4gICAgLm1hcCgoW2tleSwgdmFsdWVdKSA9PiBba2V5LCBgLSR7dmFsdWV9YF0pXG4gICAgLnJlZHVjZSgoYWNjLCBba2V5LCB2YWx1ZV0pID0+IHtcbiAgICAgIGFjY1trZXldID0gdmFsdWU7XG4gICAgICByZXR1cm4gYWNjO1xuICAgIH0sIHt9IGFzIFJlY29yZDxzdHJpbmcsIHN0cmluZz4pO1xuXG5leHBvcnQgY29uc3QgQ29sdW1uID0gc3R5bGVkLmRpdjxQYXJ0aWFsPENvbHVtblByb3BzPj4oXG4gICh7IHNpemUsIG9yZGVyLCBhbGlnblNlbGYgfSkgPT4gKHtcbiAgICAuLi5tcSh7XG4gICAgICB3aWR0aDogW3NpemUsIHsgLi4uY29sdW1uV2lkdGhPYmplY3QsIGZpbGw6IFwiMXB4XCIgfV0sXG4gICAgICBmbGV4OiBbc2l6ZSwgeyBuYXJyb3c6IFwibm9uZVwiLCBhdXRvOiBcIjFcIiwgZmlsbDogdW5kZWZpbmVkIH1dLFxuICAgICAgb3JkZXI6IFtvcmRlciwgeyBmaXJzdDogXCItMVwiLCBsYXN0OiBcIjFcIiwgdW5zZXQ6IFwiMFwiIH1dLFxuICAgICAgZmxleFNocmluazogW3NpemUsIHsgZmlsbDogMSwgYXV0bzogdW5kZWZpbmVkLCBuYXJyb3c6IHVuZGVmaW5lZCB9XSxcbiAgICAgIGZsZXhHcm93OiBbc2l6ZSwgeyBmaWxsOiAxLCBhdXRvOiB1bmRlZmluZWQsIG5hcnJvdzogdW5kZWZpbmVkIH1dLFxuICAgICAgYWxpZ25TZWxmOiBbXG4gICAgICAgIGFsaWduU2VsZixcbiAgICAgICAge1xuICAgICAgICAgIGF1dG86IFwiYXV0b1wiLFxuICAgICAgICAgIHN0YXJ0OiBcInN0YXJ0XCIsXG4gICAgICAgICAgY2VudGVyOiBcImNlbnRlclwiLFxuICAgICAgICAgIGVuZDogXCJlbmRcIixcbiAgICAgICAgfSxcbiAgICAgIF0sXG4gICAgfSksXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBcIiY6ZW1wdHlcIjoge1xuICAgICAgd2lkdGg6IDAsXG4gICAgICBmbGV4OiBcIm5vbmVcIixcbiAgICB9LFxuICB9KVxuKTtcblxuQ29sdW1uLmRlZmF1bHRQcm9wcyA9IGNvbHVtbkRlZmF1bHRQcm9wcztcblxuZXhwb3J0IGNvbnN0IENvbHVtbnMgPSBzdHlsZWQuZGl2PFBhcnRpYWw8Q29sdW1uc1Byb3BzPj4oXG4gICh7IHRoZW1lLCBhbGlnbkl0ZW1zLCB2QWxpZ25JdGVtcywgZ2FwIH0pID0+ICh7XG4gICAgd2lkdGg6IFwiYXV0b1wiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGp1c3RpZnlJdGVtczogXCJzdHJldGNoXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwic3RyZXRjaFwiLFxuICAgIGFsaWduSXRlbXM6IFwic3RyZXRjaFwiLFxuICAgIGZsZXhXcmFwOiBcIndyYXBcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgIC4uLm1xKHtcbiAgICAgIGFsaWduSXRlbXM6IFtcbiAgICAgICAgdkFsaWduSXRlbXMsXG4gICAgICAgIHtcbiAgICAgICAgICB0b3A6IFwiZmxleC1zdGFydFwiLFxuICAgICAgICAgIGJvdHRvbTogXCJmbGV4LWVuZFwiLFxuICAgICAgICAgIGNlbnRlcjogXCJjZW50ZXJcIixcbiAgICAgICAgICBzcGFjZUJldHdlZW46IFwic3BhY2UtYmV0d2VlblwiLFxuICAgICAgICB9LFxuICAgICAgXSxcbiAgICAgIGp1c3RpZnlDb250ZW50OiBbXG4gICAgICAgIGFsaWduSXRlbXMsXG4gICAgICAgIHtcbiAgICAgICAgICBsZWZ0OiBcImZsZXgtc3RhcnRcIixcbiAgICAgICAgICByaWdodDogXCJmbGV4LWVuZFwiLFxuICAgICAgICAgIGNlbnRlcjogXCJjZW50ZXJcIixcbiAgICAgICAgICBzcGFjZUJldHdlZW46IFwic3BhY2UtYmV0d2VlblwiLFxuICAgICAgICB9LFxuICAgICAgXSxcbiAgICAgIG1hcmdpblJpZ2h0OiBbZ2FwLCBtYWtlTmVnYXRpdmUodGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZyldLFxuICAgICAgbWFyZ2luQm90dG9tOiBbZ2FwLCBtYWtlTmVnYXRpdmUodGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZyldLFxuICAgIH0pLFxuICAgIFsoQ29sdW1uIGFzIHVua25vd24pIGFzIHN0cmluZ106IHtcbiAgICAgIC4uLm1xKHtcbiAgICAgICAgbWFyZ2luQm90dG9tOiBbZ2FwLCB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nXSxcbiAgICAgICAgcGFkZGluZ1JpZ2h0OiBbZ2FwLCB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nXSxcbiAgICAgIH0pLFxuICAgIH0sXG4gIH0pLFxuICAoeyBhbHdheXNGaWxsU3BhY2UgfSkgPT5cbiAgICBhbHdheXNGaWxsU3BhY2UgJiYge1xuICAgICAgWyhDb2x1bW4gYXMgdW5rbm93bikgYXMgc3RyaW5nXToge1xuICAgICAgICBcIiY6bGFzdC1jaGlsZFwiOiB7XG4gICAgICAgICAgZmxleEdyb3c6IDEsXG4gICAgICAgICAgZmxleFNocmluazogMSxcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgfVxuKTtcblxuQ29sdW1ucy5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG4iXX0= */");
+Columns.defaultProps = defaultProps;
+
+exports.Column = Column;
+exports.Columns = Columns;

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

@@ -0,0 +1,55 @@
+'use strict';
+
+var _styled = require('@emotion/styled/base');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _styled__default = /*#__PURE__*/_interopDefault(_styled);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const handleElevationLevel = (theme, elevation) => {
+  /* Parsing elevation property to number */
+  switch (elevation - 0) {
+    case 1:
+      return theme.variables.shadow.card.a;
+    case 2:
+      return theme.variables.shadow.card.b;
+    case 3:
+      return theme.variables.shadow.card.c;
+    case 4:
+      return theme.variables.shadow.card.d;
+    case 0:
+    default:
+      return "";
+  }
+};
+const StyledContainer = /*#__PURE__*/_styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "e1177hgu0"
+} : {
+  target: "e1177hgu0",
+  label: "StyledContainer"
+})(_ref => {
+  let {
+    theme,
+    elevation
+  } = _ref;
+  return {
+    boxShadow: handleElevationLevel(theme, elevation),
+    borderRadius: theme.variables.size.borderRadius.card.m,
+    backgroundColor: theme.values.color.background.layer_2
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRhaW5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEJ3QiIsImZpbGUiOiJDb250YWluZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuXG50eXBlIENvbnRhaW5lclByb3BzID0ge1xuICAvKiogMCAtIGJhc2UsIDEgLSBDYXJkLCAyIC0gVG9vbHRpcHMsIDMgLSBEcm9wZG93bnMsIDQgLSBNb2RhbHMgKi9cbiAgZWxldmF0aW9uOiAwIHwgMSB8IDIgfCAzIHwgNDtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcbmNvbnN0IGhhbmRsZUVsZXZhdGlvbkxldmVsID0gKHRoZW1lOiBUaGVtZSwgZWxldmF0aW9uOiBudW1iZXIpID0+IHtcbiAgLyogUGFyc2luZyBlbGV2YXRpb24gcHJvcGVydHkgdG8gbnVtYmVyICovXG4gIHN3aXRjaCAoZWxldmF0aW9uIC0gMCkge1xuICAgIGNhc2UgMTpcbiAgICAgIHJldHVybiB0aGVtZS52YXJpYWJsZXMuc2hhZG93LmNhcmQuYTtcbiAgICBjYXNlIDI6XG4gICAgICByZXR1cm4gdGhlbWUudmFyaWFibGVzLnNoYWRvdy5jYXJkLmI7XG4gICAgY2FzZSAzOlxuICAgICAgcmV0dXJuIHRoZW1lLnZhcmlhYmxlcy5zaGFkb3cuY2FyZC5jO1xuICAgIGNhc2UgNDpcbiAgICAgIHJldHVybiB0aGVtZS52YXJpYWJsZXMuc2hhZG93LmNhcmQuZDtcbiAgICBjYXNlIDA6XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBcIlwiO1xuICB9XG59O1xuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdjxQYXJ0aWFsPENvbnRhaW5lclByb3BzPj4oXG4gICh7IHRoZW1lLCBlbGV2YXRpb24gfSkgPT4gKHtcbiAgICBib3hTaGFkb3c6IGhhbmRsZUVsZXZhdGlvbkxldmVsKHRoZW1lLCBlbGV2YXRpb24pLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmNhcmQubSxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmxheWVyXzIsXG4gIH0pXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gQ29udGFpbmVyKHtcbiAgY2hpbGRyZW4sXG4gIGVsZXZhdGlvbiA9IDEsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxufTogQ29udGFpbmVyUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb250YWluZXIgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH0gZWxldmF0aW9uPXtlbGV2YXRpb259PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApO1xufVxuIl19 */");
+function Container(_ref2) {
+  let {
+    children,
+    elevation = 1,
+    "data-e2e-test-id": dataE2eTestId
+  } = _ref2;
+  return /*#__PURE__*/React__default.default.createElement(StyledContainer, {
+    "data-e2e-test-id": dataE2eTestId,
+    elevation: elevation
+  }, children);
+}
+
+exports.Container = Container;

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

@@ -0,0 +1,67 @@
+'use strict';
+
+var _styled = require('@emotion/styled/base');
+var React = require('react');
+var Text = require('../Typography/Text/Text.js');
+var Box = require('../Box/Box.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _styled__default = /*#__PURE__*/_interopDefault(_styled);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const StyledContainer = /*#__PURE__*/_styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "e1m4qkst2"
+} : {
+  target: "e1m4qkst2",
+  label: "StyledContainer"
+})(() => ({
+  display: "flex",
+  justifyContent: "center",
+  alignItems: "center"
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRpdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVV3QiIsImZpbGUiOiJEaXZpZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gXCIuLi9UeXBvZ3JhcGh5L1RleHQvVGV4dFwiO1xuaW1wb3J0IHsgQm94IH0gZnJvbSBcIi4uL0JveC9Cb3hcIjtcblxudHlwZSBEaXZpZGVyUHJvcHMgPSB7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuICB0ZXh0Pzogc3RyaW5nO1xufTtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdjxQYXJ0aWFsPERpdmlkZXJQcm9wcz4+KCgpID0+ICh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pKTtcblxuY29uc3QgU3R5bGVkRGl2aWRlciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgYm9yZGVyQm90dG9tQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5kaXZpZGVyLnByaW1hcnksXG4gIGJvcmRlckJvdHRvbVdpZHRoOiBcIjFweFwiLFxuICBib3JkZXJCb3R0b21TdHlsZTogXCJzb2xpZFwiLFxuICBmbGV4OiBcIjFcIixcbn0pKTtcblxuY29uc3QgU3R5bGVkQ29udGVudCA9IHN0eWxlZC5kaXYoKCkgPT4gKHtcbiAgbWF4V2lkdGg6IFwiNTAlXCIsXG59KSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBEaXZpZGVyKHtcbiAgdGV4dCxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBEaXZpZGVyUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBpZiAodGV4dCkge1xuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkQ29udGFpbmVyIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9PlxuICAgICAgICA8U3R5bGVkRGl2aWRlciAvPlxuICAgICAgICB7dGV4dCAmJiAoXG4gICAgICAgICAgPFN0eWxlZENvbnRlbnQ+XG4gICAgICAgICAgICA8Qm94IHNwYWNlPVwieHhsXCIgdlNwYWNlPVwiemVyb1wiPlxuICAgICAgICAgICAgICA8VGV4dCB2YXJpYW50PVwidGVydGlhcnlcIj57dGV4dH08L1RleHQ+XG4gICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICA8L1N0eWxlZENvbnRlbnQ+XG4gICAgICAgICl9XG4gICAgICAgIDxTdHlsZWREaXZpZGVyIC8+XG4gICAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgICApO1xuICB9XG4gIHJldHVybiA8U3R5bGVkRGl2aWRlciBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfSAvPjtcbn1cbiJdfQ== */");
+const StyledDivider = /*#__PURE__*/_styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "e1m4qkst1"
+} : {
+  target: "e1m4qkst1",
+  label: "StyledDivider"
+})(_ref => {
+  let {
+    theme
+  } = _ref;
+  return {
+    borderBottomColor: theme.values.color.divider.primary,
+    borderBottomWidth: "1px",
+    borderBottomStyle: "solid",
+    flex: "1"
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRpdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCc0IiLCJmaWxlIjoiRGl2aWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9UZXh0L1RleHRcIjtcbmltcG9ydCB7IEJveCB9IGZyb20gXCIuLi9Cb3gvQm94XCI7XG5cbnR5cGUgRGl2aWRlclByb3BzID0ge1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgdGV4dD86IHN0cmluZztcbn07XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXY8UGFydGlhbDxEaXZpZGVyUHJvcHM+PigoKSA9PiAoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG59KSk7XG5cbmNvbnN0IFN0eWxlZERpdmlkZXIgPSBzdHlsZWQuZGl2KCh7IHRoZW1lIH0pID0+ICh7XG4gIGJvcmRlckJvdHRvbUNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuZGl2aWRlci5wcmltYXJ5LFxuICBib3JkZXJCb3R0b21XaWR0aDogXCIxcHhcIixcbiAgYm9yZGVyQm90dG9tU3R5bGU6IFwic29saWRcIixcbiAgZmxleDogXCIxXCIsXG59KSk7XG5cbmNvbnN0IFN0eWxlZENvbnRlbnQgPSBzdHlsZWQuZGl2KCgpID0+ICh7XG4gIG1heFdpZHRoOiBcIjUwJVwiLFxufSkpO1xuXG5leHBvcnQgZnVuY3Rpb24gRGl2aWRlcih7XG4gIHRleHQsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxufTogRGl2aWRlclByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgaWYgKHRleHQpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZENvbnRhaW5lciBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfT5cbiAgICAgICAgPFN0eWxlZERpdmlkZXIgLz5cbiAgICAgICAge3RleHQgJiYgKFxuICAgICAgICAgIDxTdHlsZWRDb250ZW50PlxuICAgICAgICAgICAgPEJveCBzcGFjZT1cInh4bFwiIHZTcGFjZT1cInplcm9cIj5cbiAgICAgICAgICAgICAgPFRleHQgdmFyaWFudD1cInRlcnRpYXJ5XCI+e3RleHR9PC9UZXh0PlxuICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgPC9TdHlsZWRDb250ZW50PlxuICAgICAgICApfVxuICAgICAgICA8U3R5bGVkRGl2aWRlciAvPlxuICAgICAgPC9TdHlsZWRDb250YWluZXI+XG4gICAgKTtcbiAgfVxuICByZXR1cm4gPFN0eWxlZERpdmlkZXIgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH0gLz47XG59XG4iXX0= */");
+const StyledContent = /*#__PURE__*/_styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "e1m4qkst0"
+} : {
+  target: "e1m4qkst0",
+  label: "StyledContent"
+})(() => ({
+  maxWidth: "50%"
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRpdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCc0IiLCJmaWxlIjoiRGl2aWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9UZXh0L1RleHRcIjtcbmltcG9ydCB7IEJveCB9IGZyb20gXCIuLi9Cb3gvQm94XCI7XG5cbnR5cGUgRGl2aWRlclByb3BzID0ge1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgdGV4dD86IHN0cmluZztcbn07XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXY8UGFydGlhbDxEaXZpZGVyUHJvcHM+PigoKSA9PiAoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG59KSk7XG5cbmNvbnN0IFN0eWxlZERpdmlkZXIgPSBzdHlsZWQuZGl2KCh7IHRoZW1lIH0pID0+ICh7XG4gIGJvcmRlckJvdHRvbUNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuZGl2aWRlci5wcmltYXJ5LFxuICBib3JkZXJCb3R0b21XaWR0aDogXCIxcHhcIixcbiAgYm9yZGVyQm90dG9tU3R5bGU6IFwic29saWRcIixcbiAgZmxleDogXCIxXCIsXG59KSk7XG5cbmNvbnN0IFN0eWxlZENvbnRlbnQgPSBzdHlsZWQuZGl2KCgpID0+ICh7XG4gIG1heFdpZHRoOiBcIjUwJVwiLFxufSkpO1xuXG5leHBvcnQgZnVuY3Rpb24gRGl2aWRlcih7XG4gIHRleHQsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxufTogRGl2aWRlclByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgaWYgKHRleHQpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZENvbnRhaW5lciBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfT5cbiAgICAgICAgPFN0eWxlZERpdmlkZXIgLz5cbiAgICAgICAge3RleHQgJiYgKFxuICAgICAgICAgIDxTdHlsZWRDb250ZW50PlxuICAgICAgICAgICAgPEJveCBzcGFjZT1cInh4bFwiIHZTcGFjZT1cInplcm9cIj5cbiAgICAgICAgICAgICAgPFRleHQgdmFyaWFudD1cInRlcnRpYXJ5XCI+e3RleHR9PC9UZXh0PlxuICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgPC9TdHlsZWRDb250ZW50PlxuICAgICAgICApfVxuICAgICAgICA8U3R5bGVkRGl2aWRlciAvPlxuICAgICAgPC9TdHlsZWRDb250YWluZXI+XG4gICAgKTtcbiAgfVxuICByZXR1cm4gPFN0eWxlZERpdmlkZXIgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH0gLz47XG59XG4iXX0= */");
+function Divider(_ref2) {
+  let {
+    text,
+    "data-e2e-test-id": dataE2eTestId
+  } = _ref2;
+  if (text) {
+    return /*#__PURE__*/React__default.default.createElement(StyledContainer, {
+      "data-e2e-test-id": dataE2eTestId
+    }, /*#__PURE__*/React__default.default.createElement(StyledDivider, null), text && /*#__PURE__*/React__default.default.createElement(StyledContent, null, /*#__PURE__*/React__default.default.createElement(Box.Box, {
+      space: "xxl",
+      vSpace: "zero"
+    }, /*#__PURE__*/React__default.default.createElement(Text.Text, {
+      variant: "tertiary"
+    }, text))), /*#__PURE__*/React__default.default.createElement(StyledDivider, null));
+  }
+  return /*#__PURE__*/React__default.default.createElement(StyledDivider, {
+    "data-e2e-test-id": dataE2eTestId
+  });
+}
+
+exports.Divider = Divider;