@amboss/design-system 1.15.2 → 1.15.3

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+XG4gICAgICAgICAgICAgIDwvU3R5bGVkSGVhZGVyV3JhcD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICB7c3VidGl0bGUgJiYgKFxuICAgICAgICAgICAgICA8VGV4dCBzaXplPVwieHNcIiBhcz1cInNwYW5cIiBjb2xvcj1cInRlcnRpYXJ5XCI+XG4gICAgICAgICAgICAgICAge3N1YnRpdGxlfVxuICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvU3RhY2s+XG4gICAgICAgICAge2J1dHRvbiAmJiA8ZGl2PntidXR0b259PC9kaXY+fVxuICAgICAgICAgIHtkcm9wZG93biAmJiAoXG4gICAgICAgICAgICA8RHJvcGRvd25NZW51IHsuLi5kcm9wZG93bn0gc2l6ZT1cInNcIiBpY29uTmFtZT1cIm1vcmUtaG9yaXpvbnRhbFwiIC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9JbmxpbmU+XG4gICAgICA8L0JveD5cbiAgICAgIDxEaXZpZGVyIC8+XG4gICAgPC9kaXY+XG4gICk7XG59XG4iXX0= */");
+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",
+    color: "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,117 @@
+'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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbGxhcHNpYmxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQmdDIiwiZmlsZSI6IkNvbGxhcHNpYmxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBjcmVhdGVDb250ZXh0LCB1c2VDb250ZXh0IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEJveCB9IGZyb20gXCIuLi9Cb3gvQm94XCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcblxuZXhwb3J0IHR5cGUgQ29sbGFwc2libGVQcm9wcyA9IHtcbiAgLyoqIHRoZSBmaXJzdCBlbGVtZW50IG9mIHRoZSBhcnJheSBvZiBjaGlsZHJlbiBoYXMgdG8gYmUgIGA8Q29sbGFwc2libGVIZWFkZXIvPmAuIFRoZSByZXN0IG9mIHRoZSBjaGlsZHJlbiBpcyB0aGUgY29udGVudCB2aXNpYmxlIGFmdGVyIHNwcmVhZGluZyB0aGUgY29tcG9uZW50ICovXG4gIGNoaWxkcmVuOiBbXG4gICAgUmVhY3QuUmVhY3RFbGVtZW50PENvbGxhcHNpYmxlSGVhZGVyUHJvcHM+LFxuICAgIC4uLlJlYWN0LlJlYWN0RWxlbWVudFtdXG4gIF07XG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG59O1xuXG5leHBvcnQgdHlwZSBDb2xsYXBzaWJsZUhlYWRlclByb3BzID0ge1xuICBvbkNsaWNrPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MQnV0dG9uRWxlbWVudD4pID0+IHZvaWQ7XG59ICYgUmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIEJveD47XG5cbmNvbnN0IEFOSU1BVElPTl9USU1FID0gMjAwO1xuY29uc3QgSXNFeHBhbmRlZENvbnRleHQgPSBjcmVhdGVDb250ZXh0KGZhbHNlKTtcblxuY29uc3QgU3R5bGVkQ2hpbGRyZW5Db250YWluZXIgPSBzdHlsZWQuZGl2KCgpID0+ICh7XG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRFeHBhbmRpbmdDb250YWluZXIgPSBzdHlsZWQuZGl2PHtcbiAgaXNFeHBhbmRlZDogYm9vbGVhbjtcbn0+KCh7IGlzRXhwYW5kZWQgfSkgPT4gKHtcbiAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlWSgke2lzRXhwYW5kZWQgPyBcIjAlXCIgOiBcIm1heCgtMTAwcHgsIC01MCUpXCJ9KWAsXG4gIHRyYW5zaXRpb246IGB0cmFuc2Zvcm0gJHtcbiAgICBpc0V4cGFuZGVkID8gQU5JTUFUSU9OX1RJTUUgOiAwXG4gIH1tcyBjdWJpYy1iZXppZXIoMC4wLCAwLjAsIDAuMjUsIDEuMClgLFxufSkpO1xuXG5jb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQuYnV0dG9uPHsgaXNFeHBhbmRlZDogYm9vbGVhbiB9PihcbiAgKHsgdGhlbWUsIGlzRXhwYW5kZWQgfSkgPT4gKHtcbiAgICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQucHJpbWFyeS5kZWZhdWx0LFxuICAgIGJvcmRlcjogXCJub25lXCIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBwYWRkaW5nOiAwLFxuICAgIC4uLihpc0V4cGFuZGVkICYmIHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuc2Vjb25kYXJ5LmhvdmVyLFxuICAgICAgXCI6Z2xvYmFsKC5pc0Rhcmttb2RlQWN0aXZlKSAmXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICB9LFxuICAgIH0pLFxuXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuc2Vjb25kYXJ5LmhvdmVyLFxuICAgICAgXCI6Z2xvYmFsKC5pc0Rhcmttb2RlQWN0aXZlKSAmXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICB9LFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gQ29sbGFwc2libGVIZWFkZXIoe1xuICBzcGFjZSxcbiAgdlNwYWNlLFxuICByU3BhY2UsXG4gIGxTcGFjZSxcbiAgdFNwYWNlLFxuICBiU3BhY2UsXG4gIG9uQ2xpY2ssXG4gIGNoaWxkcmVuLFxufTogQ29sbGFwc2libGVIZWFkZXJQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IGlzRXhwYW5kZWQgPSB1c2VDb250ZXh0KElzRXhwYW5kZWRDb250ZXh0KTtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQnV0dG9uXG4gICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgIGRhdGEtZHMtaWQ9XCJDb2xsYXBzaWJsZUhlYWRlclwiXG4gICAgICBpc0V4cGFuZGVkPXtpc0V4cGFuZGVkfVxuICAgICAgb25DbGljaz17b25DbGlja31cbiAgICA+XG4gICAgICA8Qm94XG4gICAgICAgIHNwYWNlPXtzcGFjZX1cbiAgICAgICAgdlNwYWNlPXt2U3BhY2V9XG4gICAgICAgIHJTcGFjZT17clNwYWNlfVxuICAgICAgICBsU3BhY2U9e2xTcGFjZX1cbiAgICAgICAgdFNwYWNlPXt0U3BhY2V9XG4gICAgICAgIGJTcGFjZT17YlNwYWNlfVxuICAgICAgPlxuICAgICAgICA8SW5saW5lIGFsaWduSXRlbXM9XCJzcGFjZUJldHdlZW5cIiBub1dyYXA+XG4gICAgICAgICAgPGRpdj57Y2hpbGRyZW59PC9kaXY+XG4gICAgICAgICAgPEljb25cbiAgICAgICAgICAgIG5hbWU9e2lzRXhwYW5kZWQgPyBcImNoZXZyb24tdXBcIiA6IFwiY2hldnJvbi1kb3duXCJ9XG4gICAgICAgICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgICAgIC8+XG4gICAgICAgIDwvSW5saW5lPlxuICAgICAgPC9Cb3g+XG4gICAgPC9TdHlsZWRCdXR0b24+XG4gICk7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBDb2xsYXBzaWJsZSh7XG4gIGlzRXhwYW5kZWQsXG4gIGNoaWxkcmVuLFxufTogQ29sbGFwc2libGVQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtjb2xsYXBzaWJsZUhlYWRlciwgLi4uY29sbGFwc2libGVDaGlsZHJlbl0gPSBjaGlsZHJlbjtcbiAgcmV0dXJuIChcbiAgICA8SXNFeHBhbmRlZENvbnRleHQuUHJvdmlkZXIgdmFsdWU9e2lzRXhwYW5kZWR9PlxuICAgICAge2NvbGxhcHNpYmxlSGVhZGVyfVxuICAgICAgPFN0eWxlZENoaWxkcmVuQ29udGFpbmVyIGRhdGEtZHMtaWQ9XCJDb2xsYXBzaWJsZVwiPlxuICAgICAgICA8U3R5bGVkRXhwYW5kaW5nQ29udGFpbmVyIGlzRXhwYW5kZWQ9e2lzRXhwYW5kZWR9PlxuICAgICAgICAgIHtpc0V4cGFuZGVkICYmIGNvbGxhcHNpYmxlQ2hpbGRyZW59XG4gICAgICAgIDwvU3R5bGVkRXhwYW5kaW5nQ29udGFpbmVyPlxuICAgICAgPC9TdHlsZWRDaGlsZHJlbkNvbnRhaW5lcj5cbiAgICA8L0lzRXhwYW5kZWRDb250ZXh0LlByb3ZpZGVyPlxuICApO1xufVxuIl19 */");
+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+IHZvaWQ7XG59ICYgUmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIEJveD47XG5cbmNvbnN0IEFOSU1BVElPTl9USU1FID0gMjAwO1xuY29uc3QgSXNFeHBhbmRlZENvbnRleHQgPSBjcmVhdGVDb250ZXh0KGZhbHNlKTtcblxuY29uc3QgU3R5bGVkQ2hpbGRyZW5Db250YWluZXIgPSBzdHlsZWQuZGl2KCgpID0+ICh7XG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRFeHBhbmRpbmdDb250YWluZXIgPSBzdHlsZWQuZGl2PHtcbiAgaXNFeHBhbmRlZDogYm9vbGVhbjtcbn0+KCh7IGlzRXhwYW5kZWQgfSkgPT4gKHtcbiAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlWSgke2lzRXhwYW5kZWQgPyBcIjAlXCIgOiBcIm1heCgtMTAwcHgsIC01MCUpXCJ9KWAsXG4gIHRyYW5zaXRpb246IGB0cmFuc2Zvcm0gJHtcbiAgICBpc0V4cGFuZGVkID8gQU5JTUFUSU9OX1RJTUUgOiAwXG4gIH1tcyBjdWJpYy1iZXppZXIoMC4wLCAwLjAsIDAuMjUsIDEuMClgLFxufSkpO1xuXG5jb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQuYnV0dG9uPHsgaXNFeHBhbmRlZDogYm9vbGVhbiB9PihcbiAgKHsgdGhlbWUsIGlzRXhwYW5kZWQgfSkgPT4gKHtcbiAgICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQucHJpbWFyeS5kZWZhdWx0LFxuICAgIGJvcmRlcjogXCJub25lXCIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBwYWRkaW5nOiAwLFxuICAgIC4uLihpc0V4cGFuZGVkICYmIHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuc2Vjb25kYXJ5LmhvdmVyLFxuICAgICAgXCI6Z2xvYmFsKC5pc0Rhcmttb2RlQWN0aXZlKSAmXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICB9LFxuICAgIH0pLFxuXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuc2Vjb25kYXJ5LmhvdmVyLFxuICAgICAgXCI6Z2xvYmFsKC5pc0Rhcmttb2RlQWN0aXZlKSAmXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICB9LFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gQ29sbGFwc2libGVIZWFkZXIoe1xuICBzcGFjZSxcbiAgdlNwYWNlLFxuICByU3BhY2UsXG4gIGxTcGFjZSxcbiAgdFNwYWNlLFxuICBiU3BhY2UsXG4gIG9uQ2xpY2ssXG4gIGNoaWxkcmVuLFxufTogQ29sbGFwc2libGVIZWFkZXJQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IGlzRXhwYW5kZWQgPSB1c2VDb250ZXh0KElzRXhwYW5kZWRDb250ZXh0KTtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQnV0dG9uXG4gICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgIGRhdGEtZHMtaWQ9XCJDb2xsYXBzaWJsZUhlYWRlclwiXG4gICAgICBpc0V4cGFuZGVkPXtpc0V4cGFuZGVkfVxuICAgICAgb25DbGljaz17b25DbGlja31cbiAgICA+XG4gICAgICA8Qm94XG4gICAgICAgIHNwYWNlPXtzcGFjZX1cbiAgICAgICAgdlNwYWNlPXt2U3BhY2V9XG4gICAgICAgIHJTcGFjZT17clNwYWNlfVxuICAgICAgICBsU3BhY2U9e2xTcGFjZX1cbiAgICAgICAgdFNwYWNlPXt0U3BhY2V9XG4gICAgICAgIGJTcGFjZT17YlNwYWNlfVxuICAgICAgPlxuICAgICAgICA8SW5saW5lIGFsaWduSXRlbXM9XCJzcGFjZUJldHdlZW5cIiBub1dyYXA+XG4gICAgICAgICAgPGRpdj57Y2hpbGRyZW59PC9kaXY+XG4gICAgICAgICAgPEljb25cbiAgICAgICAgICAgIG5hbWU9e2lzRXhwYW5kZWQgPyBcImNoZXZyb24tdXBcIiA6IFwiY2hldnJvbi1kb3duXCJ9XG4gICAgICAgICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgICAgIC8+XG4gICAgICAgIDwvSW5saW5lPlxuICAgICAgPC9Cb3g+XG4gICAgPC9TdHlsZWRCdXR0b24+XG4gICk7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBDb2xsYXBzaWJsZSh7XG4gIGlzRXhwYW5kZWQsXG4gIGNoaWxkcmVuLFxufTogQ29sbGFwc2libGVQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtjb2xsYXBzaWJsZUhlYWRlciwgLi4uY29sbGFwc2libGVDaGlsZHJlbl0gPSBjaGlsZHJlbjtcbiAgcmV0dXJuIChcbiAgICA8SXNFeHBhbmRlZENvbnRleHQuUHJvdmlkZXIgdmFsdWU9e2lzRXhwYW5kZWR9PlxuICAgICAge2NvbGxhcHNpYmxlSGVhZGVyfVxuICAgICAgPFN0eWxlZENoaWxkcmVuQ29udGFpbmVyIGRhdGEtZHMtaWQ9XCJDb2xsYXBzaWJsZVwiPlxuICAgICAgICA8U3R5bGVkRXhwYW5kaW5nQ29udGFpbmVyIGlzRXhwYW5kZWQ9e2lzRXhwYW5kZWR9PlxuICAgICAgICAgIHtpc0V4cGFuZGVkICYmIGNvbGxhcHNpYmxlQ2hpbGRyZW59XG4gICAgICAgIDwvU3R5bGVkRXhwYW5kaW5nQ29udGFpbmVyPlxuICAgICAgPC9TdHlsZWRDaGlsZHJlbkNvbnRhaW5lcj5cbiAgICA8L0lzRXhwYW5kZWRDb250ZXh0LlByb3ZpZGVyPlxuICApO1xufVxuIl19 */");
+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.primary.default,
+    border: "none",
+    cursor: "pointer",
+    padding: 0,
+    ...(isExpanded && {
+      backgroundColor: theme.values.color.background.secondary.hover,
+      ":global(.isDarkmodeActive) &": {
+        backgroundColor: theme.values.color.background.primary.default
+      }
+    }),
+    "&:hover": {
+      backgroundColor: theme.values.color.background.secondary.hover,
+      ":global(.isDarkmodeActive) &": {
+        backgroundColor: theme.values.color.background.primary.default
+      }
+    }
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbGxhcHNpYmxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQ3FCIiwiZmlsZSI6IkNvbGxhcHNpYmxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBjcmVhdGVDb250ZXh0LCB1c2VDb250ZXh0IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEJveCB9IGZyb20gXCIuLi9Cb3gvQm94XCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcblxuZXhwb3J0IHR5cGUgQ29sbGFwc2libGVQcm9wcyA9IHtcbiAgLyoqIHRoZSBmaXJzdCBlbGVtZW50IG9mIHRoZSBhcnJheSBvZiBjaGlsZHJlbiBoYXMgdG8gYmUgIGA8Q29sbGFwc2libGVIZWFkZXIvPmAuIFRoZSByZXN0IG9mIHRoZSBjaGlsZHJlbiBpcyB0aGUgY29udGVudCB2aXNpYmxlIGFmdGVyIHNwcmVhZGluZyB0aGUgY29tcG9uZW50ICovXG4gIGNoaWxkcmVuOiBbXG4gICAgUmVhY3QuUmVhY3RFbGVtZW50PENvbGxhcHNpYmxlSGVhZGVyUHJvcHM+LFxuICAgIC4uLlJlYWN0LlJlYWN0RWxlbWVudFtdXG4gIF07XG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG59O1xuXG5leHBvcnQgdHlwZSBDb2xsYXBzaWJsZUhlYWRlclByb3BzID0ge1xuICBvbkNsaWNrPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MQnV0dG9uRWxlbWVudD4pID0+IHZvaWQ7XG59ICYgUmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIEJveD47XG5cbmNvbnN0IEFOSU1BVElPTl9USU1FID0gMjAwO1xuY29uc3QgSXNFeHBhbmRlZENvbnRleHQgPSBjcmVhdGVDb250ZXh0KGZhbHNlKTtcblxuY29uc3QgU3R5bGVkQ2hpbGRyZW5Db250YWluZXIgPSBzdHlsZWQuZGl2KCgpID0+ICh7XG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRFeHBhbmRpbmdDb250YWluZXIgPSBzdHlsZWQuZGl2PHtcbiAgaXNFeHBhbmRlZDogYm9vbGVhbjtcbn0+KCh7IGlzRXhwYW5kZWQgfSkgPT4gKHtcbiAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlWSgke2lzRXhwYW5kZWQgPyBcIjAlXCIgOiBcIm1heCgtMTAwcHgsIC01MCUpXCJ9KWAsXG4gIHRyYW5zaXRpb246IGB0cmFuc2Zvcm0gJHtcbiAgICBpc0V4cGFuZGVkID8gQU5JTUFUSU9OX1RJTUUgOiAwXG4gIH1tcyBjdWJpYy1iZXppZXIoMC4wLCAwLjAsIDAuMjUsIDEuMClgLFxufSkpO1xuXG5jb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQuYnV0dG9uPHsgaXNFeHBhbmRlZDogYm9vbGVhbiB9PihcbiAgKHsgdGhlbWUsIGlzRXhwYW5kZWQgfSkgPT4gKHtcbiAgICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQucHJpbWFyeS5kZWZhdWx0LFxuICAgIGJvcmRlcjogXCJub25lXCIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBwYWRkaW5nOiAwLFxuICAgIC4uLihpc0V4cGFuZGVkICYmIHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuc2Vjb25kYXJ5LmhvdmVyLFxuICAgICAgXCI6Z2xvYmFsKC5pc0Rhcmttb2RlQWN0aXZlKSAmXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICB9LFxuICAgIH0pLFxuXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuc2Vjb25kYXJ5LmhvdmVyLFxuICAgICAgXCI6Z2xvYmFsKC5pc0Rhcmttb2RlQWN0aXZlKSAmXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICB9LFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gQ29sbGFwc2libGVIZWFkZXIoe1xuICBzcGFjZSxcbiAgdlNwYWNlLFxuICByU3BhY2UsXG4gIGxTcGFjZSxcbiAgdFNwYWNlLFxuICBiU3BhY2UsXG4gIG9uQ2xpY2ssXG4gIGNoaWxkcmVuLFxufTogQ29sbGFwc2libGVIZWFkZXJQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IGlzRXhwYW5kZWQgPSB1c2VDb250ZXh0KElzRXhwYW5kZWRDb250ZXh0KTtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQnV0dG9uXG4gICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgIGRhdGEtZHMtaWQ9XCJDb2xsYXBzaWJsZUhlYWRlclwiXG4gICAgICBpc0V4cGFuZGVkPXtpc0V4cGFuZGVkfVxuICAgICAgb25DbGljaz17b25DbGlja31cbiAgICA+XG4gICAgICA8Qm94XG4gICAgICAgIHNwYWNlPXtzcGFjZX1cbiAgICAgICAgdlNwYWNlPXt2U3BhY2V9XG4gICAgICAgIHJTcGFjZT17clNwYWNlfVxuICAgICAgICBsU3BhY2U9e2xTcGFjZX1cbiAgICAgICAgdFNwYWNlPXt0U3BhY2V9XG4gICAgICAgIGJTcGFjZT17YlNwYWNlfVxuICAgICAgPlxuICAgICAgICA8SW5saW5lIGFsaWduSXRlbXM9XCJzcGFjZUJldHdlZW5cIiBub1dyYXA+XG4gICAgICAgICAgPGRpdj57Y2hpbGRyZW59PC9kaXY+XG4gICAgICAgICAgPEljb25cbiAgICAgICAgICAgIG5hbWU9e2lzRXhwYW5kZWQgPyBcImNoZXZyb24tdXBcIiA6IFwiY2hldnJvbi1kb3duXCJ9XG4gICAgICAgICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgICAgIC8+XG4gICAgICAgIDwvSW5saW5lPlxuICAgICAgPC9Cb3g+XG4gICAgPC9TdHlsZWRCdXR0b24+XG4gICk7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBDb2xsYXBzaWJsZSh7XG4gIGlzRXhwYW5kZWQsXG4gIGNoaWxkcmVuLFxufTogQ29sbGFwc2libGVQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtjb2xsYXBzaWJsZUhlYWRlciwgLi4uY29sbGFwc2libGVDaGlsZHJlbl0gPSBjaGlsZHJlbjtcbiAgcmV0dXJuIChcbiAgICA8SXNFeHBhbmRlZENvbnRleHQuUHJvdmlkZXIgdmFsdWU9e2lzRXhwYW5kZWR9PlxuICAgICAge2NvbGxhcHNpYmxlSGVhZGVyfVxuICAgICAgPFN0eWxlZENoaWxkcmVuQ29udGFpbmVyIGRhdGEtZHMtaWQ9XCJDb2xsYXBzaWJsZVwiPlxuICAgICAgICA8U3R5bGVkRXhwYW5kaW5nQ29udGFpbmVyIGlzRXhwYW5kZWQ9e2lzRXhwYW5kZWR9PlxuICAgICAgICAgIHtpc0V4cGFuZGVkICYmIGNvbGxhcHNpYmxlQ2hpbGRyZW59XG4gICAgICAgIDwvU3R5bGVkRXhwYW5kaW5nQ29udGFpbmVyPlxuICAgICAgPC9TdHlsZWRDaGlsZHJlbkNvbnRhaW5lcj5cbiAgICA8L0lzRXhwYW5kZWRDb250ZXh0LlByb3ZpZGVyPlxuICApO1xufVxuIl19 */");
+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",
+    "data-ds-id": "CollapsibleHeader",
+    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, {
+    "data-ds-id": "Collapsible"
+  }, /*#__PURE__*/React__default.default.createElement(StyledExpandingContainer, {
+    isExpanded: isExpanded
+  }, isExpanded && collapsibleChildren)));
+}
+
+exports.Collapsible = Collapsible;
+exports.CollapsibleHeader = CollapsibleHeader;

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

@@ -0,0 +1,147 @@
+'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,
+  "data-ds-id": "Columns"
+};
+const columnDefaultProps = {
+  size: "auto",
+  "data-e2e-test-id": undefined,
+  alignSelf: "auto",
+  "data-ds-id": "Column"
+};
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbHVtbnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZGc0IiLCJmaWxlIjoiQ29sdW1ucy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IG1xIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9tZWRpYVF1ZXJpZXNcIjtcbmltcG9ydCB7XG4gIE1RLFxuICBIb3Jpem9udGFsQWxpZ25tZW50LFxuICBTcGFjZVNpemVzLFxuICBWZXJ0aWNhbEFsaWdubWVudCxcbiAgQ29sdW1uU2l6ZXMsXG4gIENvbHVtbkFsaWdubWVudCxcbiAgT3JkZXIsXG59IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuXG5leHBvcnQgdHlwZSBDb2x1bW5zUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVbXSB8IFJlYWN0LlJlYWN0Tm9kZTtcblxuICAvKiogcmVwcmVzZW50cyB0aGUgc2l6ZSBvZiBib3RoIGhvcml6b250YWwgYW5kIHZlcnRpY2FsIGdhcCBiZXR3ZWVuIGNoaWxkcmVuLCBjYW4gYmUgYSBzaW5nbGUgc3RyaW5nIG9yIGFuIGFycmF5IG9mIDMgc3RyaW5nc1xuICAgKiBzcGVjaWZ5IFtzbWFsbCBzY3JlZW4gZ2FwIHNpemUsIG1lZGl1bSBzY3JlZW4gZ2FwIHNpemUsIGxhcmdlIHNjcmVlbiBnYXAgc2l6ZV0gdG8gYXBwbHkgZGlmZmVyZW50IGdhcCBzaXplcyBmb3IgZGlmZmVyZW50IHNjcmVlbiBzaXplc1xuICAgKi9cbiAgZ2FwPzogU3BhY2VTaXplcyB8IE1RPFNwYWNlU2l6ZXM+O1xuXG4gIC8qKiBzZXQgdG8gdHJ1ZSBpZiB5b3Ugd2FudCB0aGUgbGFzdCBlbGVtZW50IHRvIGZpbGwgdGhlIHNwYWNlXG4gICAqL1xuICBhbHdheXNGaWxsU3BhY2U/OiBib29sZWFuO1xuXG4gIC8qKiBzcGVjaWZ5IGhvcml6b250YWwgYWxpZ25tZW50XG4gICAqIHNwZWNpZnkgW3NtYWxsIHNjcmVlbiBhbGlnbkl0ZW1zLCBtZWRpdW0gc2NyZWVuIGFsaWduSXRlbXMsIGxhcmdlIHNjcmVlbiBhbGlnbkl0ZW1zXSB0byBhcHBseSBkaWZmZXJlbnQgYWxpZ25JdGVtcyBmb3IgZGlmZmVyZW50IHNjcmVlbiBzaXplc1xuICAgKi9cbiAgYWxpZ25JdGVtcz86IEhvcml6b250YWxBbGlnbm1lbnQgfCBNUTxIb3Jpem9udGFsQWxpZ25tZW50PjtcblxuICAvKiogc3BlY2lmeSB2ZXJ0aWNhbCBhbGlnbm1lbnRcbiAgICogc3BlY2lmeSBbc21hbGwgc2NyZWVuIHZBbGlnbkl0ZW1zLCBtZWRpdW0gc2NyZWVuIHZBbGlnbkl0ZW1zLCBsYXJnZSBzY3JlZW4gdkFsaWduSXRlbXNdIHRvIGFwcGx5IGRpZmZlcmVudCB2QWxpZ25JdGVtcyBmb3IgZGlmZmVyZW50IHNjcmVlbiBzaXplc1xuICAgKi9cbiAgdkFsaWduSXRlbXM/OiBWZXJ0aWNhbEFsaWdubWVudCB8IE1RPFZlcnRpY2FsQWxpZ25tZW50PjtcblxuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcblxuICAvKiogQGlnbm9yZSAqL1xuICBcImRhdGEtZHMtaWRcIj86IHN0cmluZztcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGFydGlhbDxDb2x1bW5zUHJvcHM+ID0ge1xuICBnYXA6IFwiemVyb1wiLFxuICBhbHdheXNGaWxsU3BhY2U6IGZhbHNlLFxuICBhbGlnbkl0ZW1zOiBcImxlZnRcIixcbiAgdkFsaWduSXRlbXM6IFwidG9wXCIsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiB1bmRlZmluZWQsXG4gIFwiZGF0YS1kcy1pZFwiOiBcIkNvbHVtbnNcIixcbn07XG5cbmV4cG9ydCB0eXBlIENvbHVtblByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlW10gfCBSZWFjdC5SZWFjdE5vZGU7XG5cbiAgLyoqIHJlcHJlc2VudHMgdGhlIHNpemUgb2YgdGhlIGNvbHVtbiwgY2FuIGJlIGEgc2luZ2xlIG51bWJlciBvciBhbiBhcnJheSBvZiAzIG51bWJlcnMgd2l0aCBhIHZhbHVlIHJhbmdpbmcgZnJvbSAxIHRvIDEyXG4gICAqIHNwZWNpZnkgW3NtYWxsIHNjcmVlbiBjb2x1bW4gc2l6ZSwgbWVkaXVtIHNjcmVlbiBjb2x1bW4gc2l6ZSwgbGFyZ2Ugc2NyZWVuIGNvbHVtbiBzaXplXSB0byBhcHBseSBkaWZmZXJlbnQgdmFsdWVzIGZvciBkaWZmZXJlbnQgc2NyZWVuIHNpemVzXG4gICAqL1xuICBzaXplPzogQ29sdW1uU2l6ZXMgfCBNUTxDb2x1bW5TaXplcz47XG5cbiAgLyoqIHNwZWNpZnkgdGhlIHZpc3VhbCBwb3NpdGlvbmluZyBvZiB0aGUgY29sdW1uLiBbc21hbGwgc2NyZWVuIGNvbHVtbiBvcmRlciwgbWVkaXVtIHNjcmVlbiBjb2x1bW4gb3JkZXIsIGxhcmdlIHNjcmVlbiBjb2x1bW4gb3JkZXJdIHRvIGFwcGx5IGRpZmZlcmVudCBvcmRlciBmb3IgZGlmZmVyZW50IHNjcmVlbiBzaXplc1xuICAgKi9cbiAgb3JkZXI/OiBPcmRlciB8IE1RPE9yZGVyPjtcblxuICBhbGlnblNlbGY/OiBDb2x1bW5BbGlnbm1lbnQgfCBNUTxDb2x1bW5BbGlnbm1lbnQ+O1xuXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuXG4gIC8qKiBAaWdub3JlICovXG4gIFwiZGF0YS1kcy1pZFwiPzogc3RyaW5nO1xufTtcblxuY29uc3QgY29sdW1uRGVmYXVsdFByb3BzOiBQYXJ0aWFsPENvbHVtblByb3BzPiA9IHtcbiAgc2l6ZTogXCJhdXRvXCIsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiB1bmRlZmluZWQsXG4gIGFsaWduU2VsZjogXCJhdXRvXCIsXG4gIFwiZGF0YS1kcy1pZFwiOiBcIkNvbHVtblwiLFxufTtcblxuY29uc3QgY29sdW1uV2lkdGhPYmplY3QgPSBuZXcgQXJyYXkoMTIpLmZpbGwoXCJcIikucmVkdWNlKFxuICAoYWNjLCBfLCBpbmRleCkgPT4gKHtcbiAgICAuLi5hY2MsXG4gICAgW2luZGV4ICsgMV06IGAkeygoaW5kZXggKyAxKSAqIDEwMCkgLyAxMn0lYCxcbiAgfSksXG4gIHt9XG4pO1xuXG5jb25zdCBtYWtlTmVnYXRpdmUgPSAob2JqOiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+KTogUmVjb3JkPHN0cmluZywgc3RyaW5nPiA9PlxuICBPYmplY3QuZW50cmllcyhvYmopXG4gICAgLm1hcCgoW2tleSwgdmFsdWVdKSA9PiBba2V5LCBgLSR7dmFsdWV9YF0pXG4gICAgLnJlZHVjZSgoYWNjLCBba2V5LCB2YWx1ZV0pID0+IHtcbiAgICAgIGFjY1trZXldID0gdmFsdWU7XG4gICAgICByZXR1cm4gYWNjO1xuICAgIH0sIHt9IGFzIFJlY29yZDxzdHJpbmcsIHN0cmluZz4pO1xuXG5leHBvcnQgY29uc3QgQ29sdW1uID0gc3R5bGVkLmRpdjxQYXJ0aWFsPENvbHVtblByb3BzPj4oXG4gICh7IHNpemUsIG9yZGVyLCBhbGlnblNlbGYgfSkgPT4gKHtcbiAgICAuLi5tcSh7XG4gICAgICB3aWR0aDogW3NpemUsIHsgLi4uY29sdW1uV2lkdGhPYmplY3QsIGZpbGw6IFwiMXB4XCIgfV0sXG4gICAgICBmbGV4OiBbc2l6ZSwgeyBuYXJyb3c6IFwibm9uZVwiLCBhdXRvOiBcIjFcIiwgZmlsbDogdW5kZWZpbmVkIH1dLFxuICAgICAgb3JkZXI6IFtvcmRlciwgeyBmaXJzdDogXCItMVwiLCBsYXN0OiBcIjFcIiwgdW5zZXQ6IFwiMFwiIH1dLFxuICAgICAgZmxleFNocmluazogW3NpemUsIHsgZmlsbDogMSwgYXV0bzogdW5kZWZpbmVkLCBuYXJyb3c6IHVuZGVmaW5lZCB9XSxcbiAgICAgIGZsZXhHcm93OiBbc2l6ZSwgeyBmaWxsOiAxLCBhdXRvOiB1bmRlZmluZWQsIG5hcnJvdzogdW5kZWZpbmVkIH1dLFxuICAgICAgYWxpZ25TZWxmOiBbXG4gICAgICAgIGFsaWduU2VsZixcbiAgICAgICAge1xuICAgICAgICAgIGF1dG86IFwiYXV0b1wiLFxuICAgICAgICAgIHN0YXJ0OiBcInN0YXJ0XCIsXG4gICAgICAgICAgY2VudGVyOiBcImNlbnRlclwiLFxuICAgICAgICAgIGVuZDogXCJlbmRcIixcbiAgICAgICAgfSxcbiAgICAgIF0sXG4gICAgfSksXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBcIiY6ZW1wdHlcIjoge1xuICAgICAgd2lkdGg6IDAsXG4gICAgICBmbGV4OiBcIm5vbmVcIixcbiAgICB9LFxuICB9KVxuKTtcblxuQ29sdW1uLmRlZmF1bHRQcm9wcyA9IGNvbHVtbkRlZmF1bHRQcm9wcztcblxuZXhwb3J0IGNvbnN0IENvbHVtbnMgPSBzdHlsZWQuZGl2PFBhcnRpYWw8Q29sdW1uc1Byb3BzPj4oXG4gICh7IHRoZW1lLCBhbGlnbkl0ZW1zLCB2QWxpZ25JdGVtcywgZ2FwIH0pID0+ICh7XG4gICAgd2lkdGg6IFwiYXV0b1wiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGp1c3RpZnlJdGVtczogXCJzdHJldGNoXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwic3RyZXRjaFwiLFxuICAgIGFsaWduSXRlbXM6IFwic3RyZXRjaFwiLFxuICAgIGZsZXhXcmFwOiBcIndyYXBcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgIC4uLm1xKHtcbiAgICAgIGFsaWduSXRlbXM6IFtcbiAgICAgICAgdkFsaWduSXRlbXMsXG4gICAgICAgIHtcbiAgICAgICAgICB0b3A6IFwiZmxleC1zdGFydFwiLFxuICAgICAgICAgIGJvdHRvbTogXCJmbGV4LWVuZFwiLFxuICAgICAgICAgIGNlbnRlcjogXCJjZW50ZXJcIixcbiAgICAgICAgICBzdHJldGNoOiBcInN0cmV0Y2hcIixcbiAgICAgICAgfSxcbiAgICAgIF0sXG4gICAgICBqdXN0aWZ5Q29udGVudDogW1xuICAgICAgICBhbGlnbkl0ZW1zLFxuICAgICAgICB7XG4gICAgICAgICAgbGVmdDogXCJmbGV4LXN0YXJ0XCIsXG4gICAgICAgICAgcmlnaHQ6IFwiZmxleC1lbmRcIixcbiAgICAgICAgICBjZW50ZXI6IFwiY2VudGVyXCIsXG4gICAgICAgICAgc3BhY2VCZXR3ZWVuOiBcInNwYWNlLWJldHdlZW5cIixcbiAgICAgICAgfSxcbiAgICAgIF0sXG4gICAgICBtYXJnaW5SaWdodDogW2dhcCwgbWFrZU5lZ2F0aXZlKHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcpXSxcbiAgICAgIG1hcmdpbkJvdHRvbTogW2dhcCwgbWFrZU5lZ2F0aXZlKHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcpXSxcbiAgICB9KSxcbiAgICBbQ29sdW1uIGFzIHVua25vd24gYXMgc3RyaW5nXToge1xuICAgICAgLi4ubXEoe1xuICAgICAgICBtYXJnaW5Cb3R0b206IFtnYXAsIHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmddLFxuICAgICAgICBwYWRkaW5nUmlnaHQ6IFtnYXAsIHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmddLFxuICAgICAgfSksXG4gICAgfSxcbiAgfSksXG4gICh7IGFsd2F5c0ZpbGxTcGFjZSB9KSA9PlxuICAgIGFsd2F5c0ZpbGxTcGFjZSAmJiB7XG4gICAgICBbQ29sdW1uIGFzIHVua25vd24gYXMgc3RyaW5nXToge1xuICAgICAgICBcIiY6bGFzdC1jaGlsZFwiOiB7XG4gICAgICAgICAgZmxleEdyb3c6IDEsXG4gICAgICAgICAgZmxleFNocmluazogMSxcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgfVxuKTtcblxuQ29sdW1ucy5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG4iXX0= */");
+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",
+        stretch: "stretch"
+      }],
+      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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbHVtbnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlIdUIiLCJmaWxlIjoiQ29sdW1ucy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IG1xIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9tZWRpYVF1ZXJpZXNcIjtcbmltcG9ydCB7XG4gIE1RLFxuICBIb3Jpem9udGFsQWxpZ25tZW50LFxuICBTcGFjZVNpemVzLFxuICBWZXJ0aWNhbEFsaWdubWVudCxcbiAgQ29sdW1uU2l6ZXMsXG4gIENvbHVtbkFsaWdubWVudCxcbiAgT3JkZXIsXG59IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuXG5leHBvcnQgdHlwZSBDb2x1bW5zUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVbXSB8IFJlYWN0LlJlYWN0Tm9kZTtcblxuICAvKiogcmVwcmVzZW50cyB0aGUgc2l6ZSBvZiBib3RoIGhvcml6b250YWwgYW5kIHZlcnRpY2FsIGdhcCBiZXR3ZWVuIGNoaWxkcmVuLCBjYW4gYmUgYSBzaW5nbGUgc3RyaW5nIG9yIGFuIGFycmF5IG9mIDMgc3RyaW5nc1xuICAgKiBzcGVjaWZ5IFtzbWFsbCBzY3JlZW4gZ2FwIHNpemUsIG1lZGl1bSBzY3JlZW4gZ2FwIHNpemUsIGxhcmdlIHNjcmVlbiBnYXAgc2l6ZV0gdG8gYXBwbHkgZGlmZmVyZW50IGdhcCBzaXplcyBmb3IgZGlmZmVyZW50IHNjcmVlbiBzaXplc1xuICAgKi9cbiAgZ2FwPzogU3BhY2VTaXplcyB8IE1RPFNwYWNlU2l6ZXM+O1xuXG4gIC8qKiBzZXQgdG8gdHJ1ZSBpZiB5b3Ugd2FudCB0aGUgbGFzdCBlbGVtZW50IHRvIGZpbGwgdGhlIHNwYWNlXG4gICAqL1xuICBhbHdheXNGaWxsU3BhY2U/OiBib29sZWFuO1xuXG4gIC8qKiBzcGVjaWZ5IGhvcml6b250YWwgYWxpZ25tZW50XG4gICAqIHNwZWNpZnkgW3NtYWxsIHNjcmVlbiBhbGlnbkl0ZW1zLCBtZWRpdW0gc2NyZWVuIGFsaWduSXRlbXMsIGxhcmdlIHNjcmVlbiBhbGlnbkl0ZW1zXSB0byBhcHBseSBkaWZmZXJlbnQgYWxpZ25JdGVtcyBmb3IgZGlmZmVyZW50IHNjcmVlbiBzaXplc1xuICAgKi9cbiAgYWxpZ25JdGVtcz86IEhvcml6b250YWxBbGlnbm1lbnQgfCBNUTxIb3Jpem9udGFsQWxpZ25tZW50PjtcblxuICAvKiogc3BlY2lmeSB2ZXJ0aWNhbCBhbGlnbm1lbnRcbiAgICogc3BlY2lmeSBbc21hbGwgc2NyZWVuIHZBbGlnbkl0ZW1zLCBtZWRpdW0gc2NyZWVuIHZBbGlnbkl0ZW1zLCBsYXJnZSBzY3JlZW4gdkFsaWduSXRlbXNdIHRvIGFwcGx5IGRpZmZlcmVudCB2QWxpZ25JdGVtcyBmb3IgZGlmZmVyZW50IHNjcmVlbiBzaXplc1xuICAgKi9cbiAgdkFsaWduSXRlbXM/OiBWZXJ0aWNhbEFsaWdubWVudCB8IE1RPFZlcnRpY2FsQWxpZ25tZW50PjtcblxuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcblxuICAvKiogQGlnbm9yZSAqL1xuICBcImRhdGEtZHMtaWRcIj86IHN0cmluZztcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGFydGlhbDxDb2x1bW5zUHJvcHM+ID0ge1xuICBnYXA6IFwiemVyb1wiLFxuICBhbHdheXNGaWxsU3BhY2U6IGZhbHNlLFxuICBhbGlnbkl0ZW1zOiBcImxlZnRcIixcbiAgdkFsaWduSXRlbXM6IFwidG9wXCIsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiB1bmRlZmluZWQsXG4gIFwiZGF0YS1kcy1pZFwiOiBcIkNvbHVtbnNcIixcbn07XG5cbmV4cG9ydCB0eXBlIENvbHVtblByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlW10gfCBSZWFjdC5SZWFjdE5vZGU7XG5cbiAgLyoqIHJlcHJlc2VudHMgdGhlIHNpemUgb2YgdGhlIGNvbHVtbiwgY2FuIGJlIGEgc2luZ2xlIG51bWJlciBvciBhbiBhcnJheSBvZiAzIG51bWJlcnMgd2l0aCBhIHZhbHVlIHJhbmdpbmcgZnJvbSAxIHRvIDEyXG4gICAqIHNwZWNpZnkgW3NtYWxsIHNjcmVlbiBjb2x1bW4gc2l6ZSwgbWVkaXVtIHNjcmVlbiBjb2x1bW4gc2l6ZSwgbGFyZ2Ugc2NyZWVuIGNvbHVtbiBzaXplXSB0byBhcHBseSBkaWZmZXJlbnQgdmFsdWVzIGZvciBkaWZmZXJlbnQgc2NyZWVuIHNpemVzXG4gICAqL1xuICBzaXplPzogQ29sdW1uU2l6ZXMgfCBNUTxDb2x1bW5TaXplcz47XG5cbiAgLyoqIHNwZWNpZnkgdGhlIHZpc3VhbCBwb3NpdGlvbmluZyBvZiB0aGUgY29sdW1uLiBbc21hbGwgc2NyZWVuIGNvbHVtbiBvcmRlciwgbWVkaXVtIHNjcmVlbiBjb2x1bW4gb3JkZXIsIGxhcmdlIHNjcmVlbiBjb2x1bW4gb3JkZXJdIHRvIGFwcGx5IGRpZmZlcmVudCBvcmRlciBmb3IgZGlmZmVyZW50IHNjcmVlbiBzaXplc1xuICAgKi9cbiAgb3JkZXI/OiBPcmRlciB8IE1RPE9yZGVyPjtcblxuICBhbGlnblNlbGY/OiBDb2x1bW5BbGlnbm1lbnQgfCBNUTxDb2x1bW5BbGlnbm1lbnQ+O1xuXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuXG4gIC8qKiBAaWdub3JlICovXG4gIFwiZGF0YS1kcy1pZFwiPzogc3RyaW5nO1xufTtcblxuY29uc3QgY29sdW1uRGVmYXVsdFByb3BzOiBQYXJ0aWFsPENvbHVtblByb3BzPiA9IHtcbiAgc2l6ZTogXCJhdXRvXCIsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiB1bmRlZmluZWQsXG4gIGFsaWduU2VsZjogXCJhdXRvXCIsXG4gIFwiZGF0YS1kcy1pZFwiOiBcIkNvbHVtblwiLFxufTtcblxuY29uc3QgY29sdW1uV2lkdGhPYmplY3QgPSBuZXcgQXJyYXkoMTIpLmZpbGwoXCJcIikucmVkdWNlKFxuICAoYWNjLCBfLCBpbmRleCkgPT4gKHtcbiAgICAuLi5hY2MsXG4gICAgW2luZGV4ICsgMV06IGAkeygoaW5kZXggKyAxKSAqIDEwMCkgLyAxMn0lYCxcbiAgfSksXG4gIHt9XG4pO1xuXG5jb25zdCBtYWtlTmVnYXRpdmUgPSAob2JqOiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+KTogUmVjb3JkPHN0cmluZywgc3RyaW5nPiA9PlxuICBPYmplY3QuZW50cmllcyhvYmopXG4gICAgLm1hcCgoW2tleSwgdmFsdWVdKSA9PiBba2V5LCBgLSR7dmFsdWV9YF0pXG4gICAgLnJlZHVjZSgoYWNjLCBba2V5LCB2YWx1ZV0pID0+IHtcbiAgICAgIGFjY1trZXldID0gdmFsdWU7XG4gICAgICByZXR1cm4gYWNjO1xuICAgIH0sIHt9IGFzIFJlY29yZDxzdHJpbmcsIHN0cmluZz4pO1xuXG5leHBvcnQgY29uc3QgQ29sdW1uID0gc3R5bGVkLmRpdjxQYXJ0aWFsPENvbHVtblByb3BzPj4oXG4gICh7IHNpemUsIG9yZGVyLCBhbGlnblNlbGYgfSkgPT4gKHtcbiAgICAuLi5tcSh7XG4gICAgICB3aWR0aDogW3NpemUsIHsgLi4uY29sdW1uV2lkdGhPYmplY3QsIGZpbGw6IFwiMXB4XCIgfV0sXG4gICAgICBmbGV4OiBbc2l6ZSwgeyBuYXJyb3c6IFwibm9uZVwiLCBhdXRvOiBcIjFcIiwgZmlsbDogdW5kZWZpbmVkIH1dLFxuICAgICAgb3JkZXI6IFtvcmRlciwgeyBmaXJzdDogXCItMVwiLCBsYXN0OiBcIjFcIiwgdW5zZXQ6IFwiMFwiIH1dLFxuICAgICAgZmxleFNocmluazogW3NpemUsIHsgZmlsbDogMSwgYXV0bzogdW5kZWZpbmVkLCBuYXJyb3c6IHVuZGVmaW5lZCB9XSxcbiAgICAgIGZsZXhHcm93OiBbc2l6ZSwgeyBmaWxsOiAxLCBhdXRvOiB1bmRlZmluZWQsIG5hcnJvdzogdW5kZWZpbmVkIH1dLFxuICAgICAgYWxpZ25TZWxmOiBbXG4gICAgICAgIGFsaWduU2VsZixcbiAgICAgICAge1xuICAgICAgICAgIGF1dG86IFwiYXV0b1wiLFxuICAgICAgICAgIHN0YXJ0OiBcInN0YXJ0XCIsXG4gICAgICAgICAgY2VudGVyOiBcImNlbnRlclwiLFxuICAgICAgICAgIGVuZDogXCJlbmRcIixcbiAgICAgICAgfSxcbiAgICAgIF0sXG4gICAgfSksXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBcIiY6ZW1wdHlcIjoge1xuICAgICAgd2lkdGg6IDAsXG4gICAgICBmbGV4OiBcIm5vbmVcIixcbiAgICB9LFxuICB9KVxuKTtcblxuQ29sdW1uLmRlZmF1bHRQcm9wcyA9IGNvbHVtbkRlZmF1bHRQcm9wcztcblxuZXhwb3J0IGNvbnN0IENvbHVtbnMgPSBzdHlsZWQuZGl2PFBhcnRpYWw8Q29sdW1uc1Byb3BzPj4oXG4gICh7IHRoZW1lLCBhbGlnbkl0ZW1zLCB2QWxpZ25JdGVtcywgZ2FwIH0pID0+ICh7XG4gICAgd2lkdGg6IFwiYXV0b1wiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGp1c3RpZnlJdGVtczogXCJzdHJldGNoXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwic3RyZXRjaFwiLFxuICAgIGFsaWduSXRlbXM6IFwic3RyZXRjaFwiLFxuICAgIGZsZXhXcmFwOiBcIndyYXBcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgIC4uLm1xKHtcbiAgICAgIGFsaWduSXRlbXM6IFtcbiAgICAgICAgdkFsaWduSXRlbXMsXG4gICAgICAgIHtcbiAgICAgICAgICB0b3A6IFwiZmxleC1zdGFydFwiLFxuICAgICAgICAgIGJvdHRvbTogXCJmbGV4LWVuZFwiLFxuICAgICAgICAgIGNlbnRlcjogXCJjZW50ZXJcIixcbiAgICAgICAgICBzdHJldGNoOiBcInN0cmV0Y2hcIixcbiAgICAgICAgfSxcbiAgICAgIF0sXG4gICAgICBqdXN0aWZ5Q29udGVudDogW1xuICAgICAgICBhbGlnbkl0ZW1zLFxuICAgICAgICB7XG4gICAgICAgICAgbGVmdDogXCJmbGV4LXN0YXJ0XCIsXG4gICAgICAgICAgcmlnaHQ6IFwiZmxleC1lbmRcIixcbiAgICAgICAgICBjZW50ZXI6IFwiY2VudGVyXCIsXG4gICAgICAgICAgc3BhY2VCZXR3ZWVuOiBcInNwYWNlLWJldHdlZW5cIixcbiAgICAgICAgfSxcbiAgICAgIF0sXG4gICAgICBtYXJnaW5SaWdodDogW2dhcCwgbWFrZU5lZ2F0aXZlKHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcpXSxcbiAgICAgIG1hcmdpbkJvdHRvbTogW2dhcCwgbWFrZU5lZ2F0aXZlKHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcpXSxcbiAgICB9KSxcbiAgICBbQ29sdW1uIGFzIHVua25vd24gYXMgc3RyaW5nXToge1xuICAgICAgLi4ubXEoe1xuICAgICAgICBtYXJnaW5Cb3R0b206IFtnYXAsIHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmddLFxuICAgICAgICBwYWRkaW5nUmlnaHQ6IFtnYXAsIHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmddLFxuICAgICAgfSksXG4gICAgfSxcbiAgfSksXG4gICh7IGFsd2F5c0ZpbGxTcGFjZSB9KSA9PlxuICAgIGFsd2F5c0ZpbGxTcGFjZSAmJiB7XG4gICAgICBbQ29sdW1uIGFzIHVua25vd24gYXMgc3RyaW5nXToge1xuICAgICAgICBcIiY6bGFzdC1jaGlsZFwiOiB7XG4gICAgICAgICAgZmxleEdyb3c6IDEsXG4gICAgICAgICAgZmxleFNocmluazogMSxcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgfVxuKTtcblxuQ29sdW1ucy5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG4iXX0= */");
+Columns.defaultProps = defaultProps;
+
+exports.Column = Column;
+exports.Columns = Columns;

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

@@ -0,0 +1,63 @@
+'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,
+    borderRadius,
+    overflow
+  } = _ref;
+  return {
+    boxShadow: handleElevationLevel(theme, elevation),
+    borderRadius: theme.variables.size.borderRadius[borderRadius],
+    backgroundColor: theme.values.color.background.primary.default,
+    overflow
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRhaW5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0J3QiIsImZpbGUiOiJDb250YWluZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgQm9yZGVyUmFkaXVzIH0gZnJvbSBcInNyYy90eXBlc1wiO1xuXG5leHBvcnQgdHlwZSBDb250YWluZXJQcm9wcyA9IHtcbiAgLyoqIDAgLSBiYXNlLCAxIC0gQ2FyZCwgMiAtIFRvb2x0aXBzLCAzIC0gRHJvcGRvd25zLCA0IC0gTW9kYWxzICovXG4gIGVsZXZhdGlvbjogMCB8IDEgfCAyIHwgMyB8IDQ7XG4gIGJvcmRlclJhZGl1cz86IEJvcmRlclJhZGl1cztcbiAgb3ZlcmZsb3c/OiBcImF1dG9cIiB8IFwiaGlkZGVuXCIgfCBcInZpc2libGVcIjtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcblxuY29uc3QgaGFuZGxlRWxldmF0aW9uTGV2ZWwgPSAodGhlbWU6IFRoZW1lLCBlbGV2YXRpb246IG51bWJlcikgPT4ge1xuICAvKiBQYXJzaW5nIGVsZXZhdGlvbiBwcm9wZXJ0eSB0byBudW1iZXIgKi9cbiAgc3dpdGNoIChlbGV2YXRpb24gLSAwKSB7XG4gICAgY2FzZSAxOlxuICAgICAgcmV0dXJuIHRoZW1lLnZhcmlhYmxlcy5zaGFkb3cuY2FyZC5hO1xuICAgIGNhc2UgMjpcbiAgICAgIHJldHVybiB0aGVtZS52YXJpYWJsZXMuc2hhZG93LmNhcmQuYjtcbiAgICBjYXNlIDM6XG4gICAgICByZXR1cm4gdGhlbWUudmFyaWFibGVzLnNoYWRvdy5jYXJkLmM7XG4gICAgY2FzZSA0OlxuICAgICAgcmV0dXJuIHRoZW1lLnZhcmlhYmxlcy5zaGFkb3cuY2FyZC5kO1xuICAgIGNhc2UgMDpcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIFwiXCI7XG4gIH1cbn07XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXY8UGFydGlhbDxDb250YWluZXJQcm9wcz4+KFxuICAoeyB0aGVtZSwgZWxldmF0aW9uLCBib3JkZXJSYWRpdXMsIG92ZXJmbG93IH0pID0+ICh7XG4gICAgYm94U2hhZG93OiBoYW5kbGVFbGV2YXRpb25MZXZlbCh0aGVtZSwgZWxldmF0aW9uKSxcbiAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1c1tib3JkZXJSYWRpdXNdLFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQucHJpbWFyeS5kZWZhdWx0LFxuICAgIG92ZXJmbG93LFxuICB9KVxuKTtcblxuZXhwb3J0IGZ1bmN0aW9uIENvbnRhaW5lcih7XG4gIGNoaWxkcmVuLFxuICBlbGV2YXRpb24gPSAxLFxuICBib3JkZXJSYWRpdXMgPSBcIm1cIixcbiAgb3ZlcmZsb3csXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxufTogQ29udGFpbmVyUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb250YWluZXJcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiQ29udGFpbmVyXCJcbiAgICAgIGVsZXZhdGlvbj17ZWxldmF0aW9ufVxuICAgICAgYm9yZGVyUmFkaXVzPXtib3JkZXJSYWRpdXN9XG4gICAgICBvdmVyZmxvdz17b3ZlcmZsb3d9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApO1xufVxuIl19 */");
+function Container(_ref2) {
+  let {
+    children,
+    elevation = 1,
+    borderRadius = "m",
+    overflow,
+    "data-e2e-test-id": dataE2eTestId
+  } = _ref2;
+  return /*#__PURE__*/React__default.default.createElement(StyledContainer, {
+    "data-e2e-test-id": dataE2eTestId,
+    "data-ds-id": "Container",
+    elevation: elevation,
+    borderRadius: borderRadius,
+    overflow: overflow
+  }, children);
+}
+
+exports.Container = Container;