@amboss/design-system 1.15.2 → 1.15.3

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

@@ -0,0 +1,141 @@
+import _styled from '@emotion/styled/base';
+import { mq } from '../../shared/mediaQueries.js';
+
+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("div", process.env.NODE_ENV === "production" ? {
+  target: "e1pdebaf1"
+} : {
+  target: "e1pdebaf1",
+  label: "Column"
+})(_ref3 => {
+  let {
+    size,
+    order,
+    alignSelf
+  } = _ref3;
+  return {
+    ...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("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",
+    ...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]: {
+      ...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;
+
+export { Column, Columns };
+//# sourceMappingURL=Columns.js.map

package/build/esm/src/components/Column/Columns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Columns.js","sources":["../../../../../src/components/Column/Columns.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { mq } from \"../../shared/mediaQueries\";\nimport {\n  MQ,\n  HorizontalAlignment,\n  SpaceSizes,\n  VerticalAlignment,\n  ColumnSizes,\n  ColumnAlignment,\n  Order,\n} from \"../../types\";\n\nexport type ColumnsProps = {\n  children: React.ReactNode[] | React.ReactNode;\n\n  /** represents the size of both horizontal and vertical gap between children, can be a single string or an array of 3 strings\n   * specify [small screen gap size, medium screen gap size, large screen gap size] to apply different gap sizes for different screen sizes\n   */\n  gap?: SpaceSizes | MQ<SpaceSizes>;\n\n  /** set to true if you want the last element to fill the space\n   */\n  alwaysFillSpace?: boolean;\n\n  /** specify horizontal alignment\n   * specify [small screen alignItems, medium screen alignItems, large screen alignItems] to apply different alignItems for different screen sizes\n   */\n  alignItems?: HorizontalAlignment | MQ<HorizontalAlignment>;\n\n  /** specify vertical alignment\n   * specify [small screen vAlignItems, medium screen vAlignItems, large screen vAlignItems] to apply different vAlignItems for different screen sizes\n   */\n  vAlignItems?: VerticalAlignment | MQ<VerticalAlignment>;\n\n  \"data-e2e-test-id\"?: string;\n\n  /** @ignore */\n  \"data-ds-id\"?: string;\n};\n\nconst defaultProps: Partial<ColumnsProps> = {\n  gap: \"zero\",\n  alwaysFillSpace: false,\n  alignItems: \"left\",\n  vAlignItems: \"top\",\n  \"data-e2e-test-id\": undefined,\n  \"data-ds-id\": \"Columns\",\n};\n\nexport type ColumnProps = {\n  children: React.ReactNode[] | React.ReactNode;\n\n  /** represents the size of the column, can be a single number or an array of 3 numbers with a value ranging from 1 to 12\n   * specify [small screen column size, medium screen column size, large screen column size] to apply different values for different screen sizes\n   */\n  size?: ColumnSizes | MQ<ColumnSizes>;\n\n  /** specify the visual positioning of the column. [small screen column order, medium screen column order, large screen column order] to apply different order for different screen sizes\n   */\n  order?: Order | MQ<Order>;\n\n  alignSelf?: ColumnAlignment | MQ<ColumnAlignment>;\n\n  \"data-e2e-test-id\"?: string;\n\n  /** @ignore */\n  \"data-ds-id\"?: string;\n};\n\nconst columnDefaultProps: Partial<ColumnProps> = {\n  size: \"auto\",\n  \"data-e2e-test-id\": undefined,\n  alignSelf: \"auto\",\n  \"data-ds-id\": \"Column\",\n};\n\nconst columnWidthObject = new Array(12).fill(\"\").reduce(\n  (acc, _, index) => ({\n    ...acc,\n    [index + 1]: `${((index + 1) * 100) / 12}%`,\n  }),\n  {}\n);\n\nconst makeNegative = (obj: Record<string, string>): Record<string, string> =>\n  Object.entries(obj)\n    .map(([key, value]) => [key, `-${value}`])\n    .reduce((acc, [key, value]) => {\n      acc[key] = value;\n      return acc;\n    }, {} as Record<string, string>);\n\nexport const Column = styled.div<Partial<ColumnProps>>(\n  ({ size, order, alignSelf }) => ({\n    ...mq({\n      width: [size, { ...columnWidthObject, fill: \"1px\" }],\n      flex: [size, { narrow: \"none\", auto: \"1\", fill: undefined }],\n      order: [order, { first: \"-1\", last: \"1\", unset: \"0\" }],\n      flexShrink: [size, { fill: 1, auto: undefined, narrow: undefined }],\n      flexGrow: [size, { fill: 1, auto: undefined, narrow: undefined }],\n      alignSelf: [\n        alignSelf,\n        {\n          auto: \"auto\",\n          start: \"start\",\n          center: \"center\",\n          end: \"end\",\n        },\n      ],\n    }),\n    boxSizing: \"border-box\",\n    \"&:empty\": {\n      width: 0,\n      flex: \"none\",\n    },\n  })\n);\n\nColumn.defaultProps = columnDefaultProps;\n\nexport const Columns = styled.div<Partial<ColumnsProps>>(\n  ({ theme, alignItems, vAlignItems, gap }) => ({\n    width: \"auto\",\n    display: \"flex\",\n    justifyItems: \"stretch\",\n    justifyContent: \"stretch\",\n    alignItems: \"stretch\",\n    flexWrap: \"wrap\",\n    flexDirection: \"row\",\n    ...mq({\n      alignItems: [\n        vAlignItems,\n        {\n          top: \"flex-start\",\n          bottom: \"flex-end\",\n          center: \"center\",\n          stretch: \"stretch\",\n        },\n      ],\n      justifyContent: [\n        alignItems,\n        {\n          left: \"flex-start\",\n          right: \"flex-end\",\n          center: \"center\",\n          spaceBetween: \"space-between\",\n        },\n      ],\n      marginRight: [gap, makeNegative(theme.variables.size.spacing)],\n      marginBottom: [gap, makeNegative(theme.variables.size.spacing)],\n    }),\n    [Column as unknown as string]: {\n      ...mq({\n        marginBottom: [gap, theme.variables.size.spacing],\n        paddingRight: [gap, theme.variables.size.spacing],\n      }),\n    },\n  }),\n  ({ alwaysFillSpace }) =>\n    alwaysFillSpace && {\n      [Column as unknown as string]: {\n        \"&:last-child\": {\n          flexGrow: 1,\n          flexShrink: 1,\n        },\n      },\n    }\n);\n\nColumns.defaultProps = defaultProps;\n"],"names":["defaultProps","gap","alwaysFillSpace","alignItems","vAlignItems","undefined","columnDefaultProps","size","alignSelf","columnWidthObject","Array","fill","reduce","acc","_","index","makeNegative","obj","Object","entries","map","_ref","key","value","_ref2","Column","_styled","process","env","NODE_ENV","target","label","_ref3","order","mq","width","flex","narrow","auto","first","last","unset","flexShrink","flexGrow","start","center","end","boxSizing","Columns","_ref4","theme","display","justifyItems","justifyContent","flexWrap","flexDirection","top","bottom","stretch","left","right","spaceBetween","marginRight","variables","spacing","marginBottom","paddingRight","_ref5"],"mappings":"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"}

package/build/esm/src/components/Container/Container.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { BorderRadius } from "src/types";
+export declare type ContainerProps = {
+    /** 0 - base, 1 - Card, 2 - Tooltips, 3 - Dropdowns, 4 - Modals */
+    elevation: 0 | 1 | 2 | 3 | 4;
+    borderRadius?: BorderRadius;
+    overflow?: "auto" | "hidden" | "visible";
+    children?: React.ReactNode;
+    "data-e2e-test-id"?: string;
+};
+export declare function Container({ children, elevation, borderRadius, overflow, "data-e2e-test-id": dataE2eTestId, }: ContainerProps): React.ReactElement;

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

@@ -0,0 +1,57 @@
+import _styled from '@emotion/styled/base';
+import React from '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("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.createElement(StyledContainer, {
+    "data-e2e-test-id": dataE2eTestId,
+    "data-ds-id": "Container",
+    elevation: elevation,
+    borderRadius: borderRadius,
+    overflow: overflow
+  }, children);
+}
+
+export { Container };
+//# sourceMappingURL=Container.js.map

package/build/esm/src/components/Container/Container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.js","sources":["../../../../../src/components/Container/Container.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Theme } from \"@emotion/react\";\nimport { BorderRadius } from \"src/types\";\n\nexport type ContainerProps = {\n  /** 0 - base, 1 - Card, 2 - Tooltips, 3 - Dropdowns, 4 - Modals */\n  elevation: 0 | 1 | 2 | 3 | 4;\n  borderRadius?: BorderRadius;\n  overflow?: \"auto\" | \"hidden\" | \"visible\";\n  children?: React.ReactNode;\n  \"data-e2e-test-id\"?: string;\n};\n\nconst handleElevationLevel = (theme: Theme, elevation: number) => {\n  /* Parsing elevation property to number */\n  switch (elevation - 0) {\n    case 1:\n      return theme.variables.shadow.card.a;\n    case 2:\n      return theme.variables.shadow.card.b;\n    case 3:\n      return theme.variables.shadow.card.c;\n    case 4:\n      return theme.variables.shadow.card.d;\n    case 0:\n    default:\n      return \"\";\n  }\n};\n\nconst StyledContainer = styled.div<Partial<ContainerProps>>(\n  ({ theme, elevation, borderRadius, overflow }) => ({\n    boxShadow: handleElevationLevel(theme, elevation),\n    borderRadius: theme.variables.size.borderRadius[borderRadius],\n    backgroundColor: theme.values.color.background.primary.default,\n    overflow,\n  })\n);\n\nexport function Container({\n  children,\n  elevation = 1,\n  borderRadius = \"m\",\n  overflow,\n  \"data-e2e-test-id\": dataE2eTestId,\n}: ContainerProps): React.ReactElement {\n  return (\n    <StyledContainer\n      data-e2e-test-id={dataE2eTestId}\n      data-ds-id=\"Container\"\n      elevation={elevation}\n      borderRadius={borderRadius}\n      overflow={overflow}\n    >\n      {children}\n    </StyledContainer>\n  );\n}\n"],"names":["handleElevationLevel","theme","elevation","variables","shadow","card","a","b","c","d","StyledContainer","_styled","process","env","NODE_ENV","target","label","_ref","borderRadius","overflow","boxShadow","size","backgroundColor","values","color","background","primary","default","Container","_ref2","children","dataE2eTestId","React","createElement"],"mappings":";;;AAcA,MAAMA,oBAAoB,GAAGA,CAACC,KAAY,EAAEC,SAAiB,KAAK;AAChE;EACA,QAAQA,SAAS,GAAG,CAAC;AACnB,IAAA,KAAK,CAAC;MACJ,OAAOD,KAAK,CAACE,SAAS,CAACC,MAAM,CAACC,IAAI,CAACC,CAAC,CAAA;AACtC,IAAA,KAAK,CAAC;MACJ,OAAOL,KAAK,CAACE,SAAS,CAACC,MAAM,CAACC,IAAI,CAACE,CAAC,CAAA;AACtC,IAAA,KAAK,CAAC;MACJ,OAAON,KAAK,CAACE,SAAS,CAACC,MAAM,CAACC,IAAI,CAACG,CAAC,CAAA;AACtC,IAAA,KAAK,CAAC;MACJ,OAAOP,KAAK,CAACE,SAAS,CAACC,MAAM,CAACC,IAAI,CAACI,CAAC,CAAA;AACtC,IAAA,KAAK,CAAC,CAAA;AACN,IAAA;AACE,MAAA,OAAO,EAAE,CAAA;AACb,GAAA;AACF,CAAC,CAAA;AAED,MAAMC,eAAe,gBAAGC,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,iBAAA;AAAA,CAAA,CAAA,CACtBC,IAAA,IAAA;EAAA,IAAC;IAAEhB,KAAK;IAAEC,SAAS;IAAEgB,YAAY;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAAF,IAAA,CAAA;EAAA,OAAM;AACjDG,IAAAA,SAAS,EAAEpB,oBAAoB,CAACC,KAAK,EAAEC,SAAS,CAAC;IACjDgB,YAAY,EAAEjB,KAAK,CAACE,SAAS,CAACkB,IAAI,CAACH,YAAY,CAACA,YAAY,CAAC;IAC7DI,eAAe,EAAErB,KAAK,CAACsB,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,OAAO,CAACC,OAAO;AAC9DR,IAAAA,QAAAA;GACD,CAAA;AAAA,CAAC,EAAAP,OAAA,CAAAC,GAAA,CAAAC,QAAA,05EACJ,CAAC,CAAA;AAEM,SAASc,SAASA,CAAAC,KAAA,EAMc;EAAA,IANb;IACxBC,QAAQ;AACR5B,IAAAA,SAAS,GAAG,CAAC;AACbgB,IAAAA,YAAY,GAAG,GAAG;IAClBC,QAAQ;AACR,IAAA,kBAAkB,EAAEY,aAAAA;AACN,GAAC,GAAAF,KAAA,CAAA;AACf,EAAA,oBACEG,KAAA,CAAAC,aAAA,CAACvB,eAAe,EAAA;AACd,IAAA,kBAAA,EAAkBqB,aAAc;AAChC,IAAA,YAAA,EAAW,WAAW;AACtB7B,IAAAA,SAAS,EAAEA,SAAU;AACrBgB,IAAAA,YAAY,EAAEA,YAAa;AAC3BC,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAA,EAElBW,QACc,CAAC,CAAA;AAEtB;;;;"}

package/build/esm/src/components/DataTable/DataTable.d.ts

@@ -0,0 +1,58 @@
+import React from "react";
+import type { DataTableColumn, DataTableRow } from "./types";
+import { MQ } from "../../types";
+export declare type DataTableProps = {
+    /** Screen reader text for table caption */
+    caption: string;
+    /** CSS table layout. In 'auto' layout, columns are sized according to content width. In 'fixed' layout, columns can be provided a fixed or percentage width. */
+    layout?: "auto" | "fixed";
+    /** Table width */
+    width?: string | MQ<string>;
+    /** Vertical padding on row cells to set table density, condensed (s), default (m), comfortable (l) */
+    bodyCellVerticalPadding?: "s" | "m" | "l" | MQ<"s" | "m" | "l">;
+    /** Height of empty/error or loading table content */
+    emptyTableContentHeight?: string | MQ<string>;
+    /** Footer element */
+    footer?: React.ReactElement;
+    /**
+     * Meta data for columns
+     * @param DataTableColumn[].name - Column name
+     * @param DataTableColumn[].label - Column label for display
+     * @param DataTableColumn[].align - Align cell content, 'left' | 'right' | 'center'
+     * @param DataTableColumn[].width - Column width
+     * @param DataTableColumn[].renderCell - Callback to render custom cell content.
+     * @param DataTableColumn[].isSortable - Is table sortable by column
+     * @param DataTableColumn[].sortDirection - Sorted as 'asc' | 'desc'
+     */
+    columns: DataTableColumn[];
+    /**
+     * Table content as an array of objects with values for each column
+     */
+    rows?: DataTableRow[];
+    /**
+     * Is loading data. You can display custom loading content with children prop.
+     */
+    isLoading?: boolean;
+    /** Screen reader text for loading spinner */
+    loadingStateScreenReaderText?: string;
+    /** Is empty or in error state. You can display custom empty/error content with children prop.
+     */
+    isEmpty?: boolean;
+    /**
+     * Is first column sticky on scroll
+     */
+    isFirstColumnSticky?: boolean;
+    "data-e2e-test-id"?: string;
+    /**  Column most recently used to sort data */
+    currentlySortedByColumn?: string;
+    /**
+     * Callback to handle sorting by column
+     */
+    /**
+     * Empty cell content.
+     */
+    emptyCellContent?: string;
+    onSort?: (columnName: string, desiredSortDirection: DataTableColumn["sortDirection"]) => void;
+};
+export declare function BaseDataTable({ caption, columns, rows, footer, currentlySortedByColumn, isFirstColumnSticky, "data-e2e-test-id": dataE2eTestId, isLoading, loadingStateScreenReaderText, isEmpty, children, emptyTableContentHeight, layout, width, bodyCellVerticalPadding, emptyCellContent, onSort, }: React.PropsWithChildren<DataTableProps>): React.ReactElement;
+export declare function DataTable({ caption, columns, rows, footer, currentlySortedByColumn, isFirstColumnSticky, "data-e2e-test-id": dataE2eTestId, isLoading, loadingStateScreenReaderText, isEmpty, children, emptyTableContentHeight, layout, width, bodyCellVerticalPadding, emptyCellContent, onSort, }: React.PropsWithChildren<DataTableProps>): React.ReactElement;

package/build/esm/src/components/DataTable/DataTable.js

@@ -0,0 +1,180 @@
+import _styled from '@emotion/styled/base';
+import React, { useState, useRef, useEffect } from 'react';
+import TableBody from './TableBody.js';
+import TableHeader from './TableHeader.js';
+import { Container } from '../Container/Container.js';
+import { ScreenReaderText } from '../../shared/ScreenReaderText.js';
+import { mqValue } from '../../shared/mediaQueries.js';
+
+const TableContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e9acbuy2"
+} : {
+  target: "e9acbuy2",
+  label: "TableContainer"
+})(_ref => {
+  let {
+    theme,
+    footer
+  } = _ref;
+  return {
+    overflow: "auto",
+    backgroundColor: theme.values.color.background.primary.default,
+    borderRadius: "inherit",
+    ...(footer && {
+      borderBottomLeftRadius: 0,
+      borderBottomRightRadius: 0
+    })
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFUYWJsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0Z1QiIsImZpbGUiOiJEYXRhVGFibGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUsIHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgVGFibGVCb2R5IGZyb20gXCIuL1RhYmxlQm9keVwiO1xuaW1wb3J0IFRhYmxlSGVhZGVyIGZyb20gXCIuL1RhYmxlSGVhZGVyXCI7XG5pbXBvcnQgeyBDb250YWluZXIgfSBmcm9tIFwiLi4vQ29udGFpbmVyL0NvbnRhaW5lclwiO1xuaW1wb3J0IHR5cGUgeyBEYXRhVGFibGVDb2x1bW4sIERhdGFUYWJsZVJvdyB9IGZyb20gXCIuL3R5cGVzXCI7XG5pbXBvcnQgeyBTY3JlZW5SZWFkZXJUZXh0IH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9TY3JlZW5SZWFkZXJUZXh0XCI7XG5pbXBvcnQgeyBtcVZhbHVlIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9tZWRpYVF1ZXJpZXNcIjtcbmltcG9ydCB7IE1RIH0gZnJvbSBcIi4uLy4uL3R5cGVzXCI7XG5cbmV4cG9ydCB0eXBlIERhdGFUYWJsZVByb3BzID0ge1xuICAvKiogU2NyZWVuIHJlYWRlciB0ZXh0IGZvciB0YWJsZSBjYXB0aW9uICovXG4gIGNhcHRpb246IHN0cmluZztcblxuICAvKiogQ1NTIHRhYmxlIGxheW91dC4gSW4gJ2F1dG8nIGxheW91dCwgY29sdW1ucyBhcmUgc2l6ZWQgYWNjb3JkaW5nIHRvIGNvbnRlbnQgd2lkdGguIEluICdmaXhlZCcgbGF5b3V0LCBjb2x1bW5zIGNhbiBiZSBwcm92aWRlZCBhIGZpeGVkIG9yIHBlcmNlbnRhZ2Ugd2lkdGguICovXG4gIGxheW91dD86IFwiYXV0b1wiIHwgXCJmaXhlZFwiO1xuXG4gIC8qKiBUYWJsZSB3aWR0aCAqL1xuICB3aWR0aD86IHN0cmluZyB8IE1RPHN0cmluZz47XG5cbiAgLyoqIFZlcnRpY2FsIHBhZGRpbmcgb24gcm93IGNlbGxzIHRvIHNldCB0YWJsZSBkZW5zaXR5LCBjb25kZW5zZWQgKHMpLCBkZWZhdWx0IChtKSwgY29tZm9ydGFibGUgKGwpICovXG4gIGJvZHlDZWxsVmVydGljYWxQYWRkaW5nPzogXCJzXCIgfCBcIm1cIiB8IFwibFwiIHwgTVE8XCJzXCIgfCBcIm1cIiB8IFwibFwiPjtcblxuICAvKiogSGVpZ2h0IG9mIGVtcHR5L2Vycm9yIG9yIGxvYWRpbmcgdGFibGUgY29udGVudCAqL1xuICBlbXB0eVRhYmxlQ29udGVudEhlaWdodD86IHN0cmluZyB8IE1RPHN0cmluZz47XG5cbiAgLyoqIEZvb3RlciBlbGVtZW50ICovXG4gIGZvb3Rlcj86IFJlYWN0LlJlYWN0RWxlbWVudDtcblxuICAvKipcbiAgICogTWV0YSBkYXRhIGZvciBjb2x1bW5zXG4gICAqIEBwYXJhbSBEYXRhVGFibGVDb2x1bW5bXS5uYW1lIC0gQ29sdW1uIG5hbWVcbiAgICogQHBhcmFtIERhdGFUYWJsZUNvbHVtbltdLmxhYmVsIC0gQ29sdW1uIGxhYmVsIGZvciBkaXNwbGF5XG4gICAqIEBwYXJhbSBEYXRhVGFibGVDb2x1bW5bXS5hbGlnbiAtIEFsaWduIGNlbGwgY29udGVudCwgJ2xlZnQnIHwgJ3JpZ2h0JyB8ICdjZW50ZXInXG4gICAqIEBwYXJhbSBEYXRhVGFibGVDb2x1bW5bXS53aWR0aCAtIENvbHVtbiB3aWR0aFxuICAgKiBAcGFyYW0gRGF0YVRhYmxlQ29sdW1uW10ucmVuZGVyQ2VsbCAtIENhbGxiYWNrIHRvIHJlbmRlciBjdXN0b20gY2VsbCBjb250ZW50LlxuICAgKiBAcGFyYW0gRGF0YVRhYmxlQ29sdW1uW10uaXNTb3J0YWJsZSAtIElzIHRhYmxlIHNvcnRhYmxlIGJ5IGNvbHVtblxuICAgKiBAcGFyYW0gRGF0YVRhYmxlQ29sdW1uW10uc29ydERpcmVjdGlvbiAtIFNvcnRlZCBhcyAnYXNjJyB8ICdkZXNjJ1xuICAgKi9cbiAgY29sdW1uczogRGF0YVRhYmxlQ29sdW1uW107XG5cbiAgLyoqXG4gICAqIFRhYmxlIGNvbnRlbnQgYXMgYW4gYXJyYXkgb2Ygb2JqZWN0cyB3aXRoIHZhbHVlcyBmb3IgZWFjaCBjb2x1bW5cbiAgICovXG4gIHJvd3M/OiBEYXRhVGFibGVSb3dbXTtcblxuICAvKipcbiAgICogSXMgbG9hZGluZyBkYXRhLiBZb3UgY2FuIGRpc3BsYXkgY3VzdG9tIGxvYWRpbmcgY29udGVudCB3aXRoIGNoaWxkcmVuIHByb3AuXG4gICAqL1xuICBpc0xvYWRpbmc/OiBib29sZWFuO1xuXG4gIC8qKiBTY3JlZW4gcmVhZGVyIHRleHQgZm9yIGxvYWRpbmcgc3Bpbm5lciAqL1xuICBsb2FkaW5nU3RhdGVTY3JlZW5SZWFkZXJUZXh0Pzogc3RyaW5nO1xuXG4gIC8qKiBJcyBlbXB0eSBvciBpbiBlcnJvciBzdGF0ZS4gWW91IGNhbiBkaXNwbGF5IGN1c3RvbSBlbXB0eS9lcnJvciBjb250ZW50IHdpdGggY2hpbGRyZW4gcHJvcC5cbiAgICovXG4gIGlzRW1wdHk/OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBJcyBmaXJzdCBjb2x1bW4gc3RpY2t5IG9uIHNjcm9sbFxuICAgKi9cbiAgaXNGaXJzdENvbHVtblN0aWNreT86IGJvb2xlYW47XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuXG4gIC8qKiAgQ29sdW1uIG1vc3QgcmVjZW50bHkgdXNlZCB0byBzb3J0IGRhdGEgKi9cbiAgY3VycmVudGx5U29ydGVkQnlDb2x1bW4/OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIENhbGxiYWNrIHRvIGhhbmRsZSBzb3J0aW5nIGJ5IGNvbHVtblxuICAgKi9cblxuICAvKipcbiAgICogRW1wdHkgY2VsbCBjb250ZW50LlxuICAgKi9cbiAgZW1wdHlDZWxsQ29udGVudD86IHN0cmluZztcblxuICBvblNvcnQ/OiAoXG4gICAgY29sdW1uTmFtZTogc3RyaW5nLFxuICAgIGRlc2lyZWRTb3J0RGlyZWN0aW9uOiBEYXRhVGFibGVDb2x1bW5bXCJzb3J0RGlyZWN0aW9uXCJdXG4gICkgPT4gdm9pZDtcbn07XG5cbnR5cGUgVGFibGVDb250YWluZXJQcm9wcyA9IFBpY2s8RGF0YVRhYmxlUHJvcHMsIFwiZm9vdGVyXCI+O1xuXG5jb25zdCBUYWJsZUNvbnRhaW5lciA9IHN0eWxlZC5kaXY8VGFibGVDb250YWluZXJQcm9wcz4oKHsgdGhlbWUsIGZvb3RlciB9KSA9PiAoe1xuICBvdmVyZmxvdzogXCJhdXRvXCIsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQucHJpbWFyeS5kZWZhdWx0LFxuICBib3JkZXJSYWRpdXM6IFwiaW5oZXJpdFwiLFxuICAuLi4oZm9vdGVyICYmIHtcbiAgICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiAwLFxuICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiAwLFxuICB9KSxcbn0pKTtcblxudHlwZSBTdHlsZWRUYWJsZVByb3BzID0gUGljazxEYXRhVGFibGVQcm9wcywgXCJsYXlvdXRcIj4gJiB7XG4gIHRhYmxlV2lkdGg6IERhdGFUYWJsZVByb3BzW1wid2lkdGhcIl07XG59O1xuXG5jb25zdCBTdHlsZWRUYWJsZSA9IHN0eWxlZC50YWJsZTxTdHlsZWRUYWJsZVByb3BzPihcbiAgKHsgbGF5b3V0LCB0YWJsZVdpZHRoIH0pID0+ICh7XG4gICAgYm9yZGVyU3BhY2luZzogMCxcbiAgICB0YWJsZUxheW91dDogbGF5b3V0LFxuICAgIC4uLm1xVmFsdWUoe1xuICAgICAgd2lkdGg6IHRhYmxlV2lkdGgsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5jb25zdCBTdHlsZWRGb290ZXIgPSBzdHlsZWQuZGl2KCh7IHRoZW1lIH0pID0+ICh7XG4gIHBhZGRpbmc6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQucHJpbWFyeS5kZWZhdWx0LFxuICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiBcImluaGVyaXRcIixcbiAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IFwiaW5oZXJpdFwiLFxufSkpO1xuXG5leHBvcnQgZnVuY3Rpb24gQmFzZURhdGFUYWJsZSh7XG4gIGNhcHRpb24sXG4gIGNvbHVtbnMsXG4gIHJvd3MgPSBbXSxcbiAgZm9vdGVyLFxuICBjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbixcbiAgaXNGaXJzdENvbHVtblN0aWNreSA9IHRydWUsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICBpc0xvYWRpbmcgPSBmYWxzZSxcbiAgbG9hZGluZ1N0YXRlU2NyZWVuUmVhZGVyVGV4dCA9IFwiTG9hZGluZ1wiLFxuICBpc0VtcHR5ID0gZmFsc2UsXG4gIGNoaWxkcmVuLFxuICBlbXB0eVRhYmxlQ29udGVudEhlaWdodCA9IFwiMTVyZW1cIixcbiAgbGF5b3V0ID0gXCJhdXRvXCIsXG4gIHdpZHRoID0gXCIxMDAlXCIsXG4gIGJvZHlDZWxsVmVydGljYWxQYWRkaW5nID0gXCJtXCIsXG4gIGVtcHR5Q2VsbENvbnRlbnQgPSBcIi0tXCIsXG4gIG9uU29ydCxcbn06IFJlYWN0LlByb3BzV2l0aENoaWxkcmVuPERhdGFUYWJsZVByb3BzPik6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtpc1Njcm9sbGVkLCBzZXRJc1Njcm9sbGVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgdGFibGVSZWYgPSB1c2VSZWY8SFRNTFRhYmxlRWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IGNvbnRhaW5lclJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBsZXQgb2JzZXJ2ZXI6IEludGVyc2VjdGlvbk9ic2VydmVyO1xuXG4gICAgaWYgKFxuICAgICAgdHlwZW9mIEludGVyc2VjdGlvbk9ic2VydmVyICE9PSBcInVuZGVmaW5lZFwiICYmXG4gICAgICBjb250YWluZXJSZWYgJiZcbiAgICAgIGNvbnRhaW5lclJlZi5jdXJyZW50ICYmXG4gICAgICB0YWJsZVJlZi5jdXJyZW50XG4gICAgKSB7XG4gICAgICBvYnNlcnZlciA9IG5ldyBJbnRlcnNlY3Rpb25PYnNlcnZlcihcbiAgICAgICAgKGVudHJpZXMpID0+IHtcbiAgICAgICAgICBlbnRyaWVzLmZvckVhY2goKGVudHJ5KSA9PiB7XG4gICAgICAgICAgICBzZXRJc1Njcm9sbGVkKCFlbnRyeS5pc0ludGVyc2VjdGluZyk7XG4gICAgICAgICAgfSk7XG4gICAgICAgIH0sXG4gICAgICAgIHtcbiAgICAgICAgICByb290OiBjb250YWluZXJSZWYuY3VycmVudCxcbiAgICAgICAgICB0aHJlc2hvbGQ6IDEsXG4gICAgICAgIH1cbiAgICAgICk7XG5cbiAgICAgIG9ic2VydmVyLm9ic2VydmUodGFibGVSZWYuY3VycmVudCk7XG4gICAgfVxuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGlmIChvYnNlcnZlcikge1xuICAgICAgICBvYnNlcnZlci5kaXNjb25uZWN0KCk7XG4gICAgICB9XG4gICAgfTtcbiAgfSwgW10pO1xuXG4gIGNvbnN0IGZvb3RlckVsbSA9IGZvb3RlciA/IDxTdHlsZWRGb290ZXI+e2Zvb3Rlcn08L1N0eWxlZEZvb3Rlcj4gOiBudWxsO1xuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxUYWJsZUNvbnRhaW5lciByZWY9e2NvbnRhaW5lclJlZn0gZm9vdGVyPXtmb290ZXJ9PlxuICAgICAgICA8U3R5bGVkVGFibGVcbiAgICAgICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgICAgIGRhdGEtZHMtaWQ9XCJEYXRhVGFibGVcIlxuICAgICAgICAgIHJlZj17dGFibGVSZWZ9XG4gICAgICAgICAgbGF5b3V0PXtsYXlvdXR9XG4gICAgICAgICAgdGFibGVXaWR0aD17d2lkdGh9XG4gICAgICAgID5cbiAgICAgICAgICA8U2NyZWVuUmVhZGVyVGV4dCBhcz1cImNhcHRpb25cIj57Y2FwdGlvbn08L1NjcmVlblJlYWRlclRleHQ+XG4gICAgICAgICAgPFRhYmxlSGVhZGVyXG4gICAgICAgICAgICBjb2x1bW5zPXtjb2x1bW5zfVxuICAgICAgICAgICAgaXNGaXJzdENvbHVtblN0aWNreT17aXNGaXJzdENvbHVtblN0aWNreX1cbiAgICAgICAgICAgIGN1cnJlbnRseVNvcnRlZEJ5Q29sdW1uPXtjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbn1cbiAgICAgICAgICAgIGlzVGFibGVTY3JvbGxlZD17aXNTY3JvbGxlZH1cbiAgICAgICAgICAgIG9uU29ydD17b25Tb3J0fVxuICAgICAgICAgIC8+XG4gICAgICAgICAgPFRhYmxlQm9keVxuICAgICAgICAgICAgY29sdW1ucz17Y29sdW1uc31cbiAgICAgICAgICAgIHJvd3M9e3Jvd3N9XG4gICAgICAgICAgICBib2R5Q2VsbFZlcnRpY2FsUGFkZGluZz17Ym9keUNlbGxWZXJ0aWNhbFBhZGRpbmd9XG4gICAgICAgICAgICBpc1RhYmxlU2Nyb2xsZWQ9e2lzU2Nyb2xsZWR9XG4gICAgICAgICAgICBpc0VtcHR5PXtpc0VtcHR5fVxuICAgICAgICAgICAgaXNMb2FkaW5nPXtpc0xvYWRpbmd9XG4gICAgICAgICAgICBsb2FkaW5nU3RhdGVTY3JlZW5SZWFkZXJUZXh0PXtsb2FkaW5nU3RhdGVTY3JlZW5SZWFkZXJUZXh0fVxuICAgICAgICAgICAgZW1wdHlUYWJsZUNvbnRlbnRIZWlnaHQ9e2VtcHR5VGFibGVDb250ZW50SGVpZ2h0fVxuICAgICAgICAgICAgZm9vdGVyPXtmb290ZXJ9XG4gICAgICAgICAgICBpc0ZpcnN0Q29sdW1uU3RpY2t5PXtpc0ZpcnN0Q29sdW1uU3RpY2t5fVxuICAgICAgICAgICAgZW1wdHlDZWxsQ29udGVudD17ZW1wdHlDZWxsQ29udGVudH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgPC9UYWJsZUJvZHk+XG4gICAgICAgIDwvU3R5bGVkVGFibGU+XG4gICAgICA8L1RhYmxlQ29udGFpbmVyPlxuICAgICAge2Zvb3RlckVsbX1cbiAgICA8Lz5cbiAgKTtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIERhdGFUYWJsZSh7XG4gIGNhcHRpb24sXG4gIGNvbHVtbnMsXG4gIHJvd3MgPSBbXSxcbiAgZm9vdGVyLFxuICBjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbixcbiAgaXNGaXJzdENvbHVtblN0aWNreSA9IHRydWUsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICBpc0xvYWRpbmcgPSBmYWxzZSxcbiAgbG9hZGluZ1N0YXRlU2NyZWVuUmVhZGVyVGV4dCA9IFwiTG9hZGluZ1wiLFxuICBpc0VtcHR5ID0gZmFsc2UsXG4gIGNoaWxkcmVuLFxuICBlbXB0eVRhYmxlQ29udGVudEhlaWdodCA9IFwiMTVyZW1cIixcbiAgbGF5b3V0ID0gXCJhdXRvXCIsXG4gIHdpZHRoID0gXCIxMDAlXCIsXG4gIGJvZHlDZWxsVmVydGljYWxQYWRkaW5nID0gXCJtXCIsXG4gIGVtcHR5Q2VsbENvbnRlbnQgPSBcIi0tXCIsXG4gIG9uU29ydCxcbn06IFJlYWN0LlByb3BzV2l0aENoaWxkcmVuPERhdGFUYWJsZVByb3BzPik6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lciBlbGV2YXRpb249ezF9PlxuICAgICAgPEJhc2VEYXRhVGFibGVcbiAgICAgICAgY2FwdGlvbj17Y2FwdGlvbn1cbiAgICAgICAgY29sdW1ucz17Y29sdW1uc31cbiAgICAgICAgcm93cz17cm93c31cbiAgICAgICAgZm9vdGVyPXtmb290ZXJ9XG4gICAgICAgIGN1cnJlbnRseVNvcnRlZEJ5Q29sdW1uPXtjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbn1cbiAgICAgICAgaXNGaXJzdENvbHVtblN0aWNreT17aXNGaXJzdENvbHVtblN0aWNreX1cbiAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgICAgaXNMb2FkaW5nPXtpc0xvYWRpbmd9XG4gICAgICAgIGxvYWRpbmdTdGF0ZVNjcmVlblJlYWRlclRleHQ9e2xvYWRpbmdTdGF0ZVNjcmVlblJlYWRlclRleHR9XG4gICAgICAgIGlzRW1wdHk9e2lzRW1wdHl9XG4gICAgICAgIGVtcHR5VGFibGVDb250ZW50SGVpZ2h0PXtlbXB0eVRhYmxlQ29udGVudEhlaWdodH1cbiAgICAgICAgbGF5b3V0PXtsYXlvdXR9XG4gICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAgYm9keUNlbGxWZXJ0aWNhbFBhZGRpbmc9e2JvZHlDZWxsVmVydGljYWxQYWRkaW5nfVxuICAgICAgICBlbXB0eUNlbGxDb250ZW50PXtlbXB0eUNlbGxDb250ZW50fVxuICAgICAgICBvblNvcnQ9e29uU29ydH1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9CYXNlRGF0YVRhYmxlPlxuICAgIDwvQ29udGFpbmVyPlxuICApO1xufVxuIl19 */");
+const StyledTable = /*#__PURE__*/_styled("table", process.env.NODE_ENV === "production" ? {
+  target: "e9acbuy1"
+} : {
+  target: "e9acbuy1",
+  label: "StyledTable"
+})(_ref2 => {
+  let {
+    layout,
+    tableWidth
+  } = _ref2;
+  return {
+    borderSpacing: 0,
+    tableLayout: layout,
+    ...mqValue({
+      width: tableWidth
+    })
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFUYWJsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0dvQiIsImZpbGUiOiJEYXRhVGFibGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUsIHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgVGFibGVCb2R5IGZyb20gXCIuL1RhYmxlQm9keVwiO1xuaW1wb3J0IFRhYmxlSGVhZGVyIGZyb20gXCIuL1RhYmxlSGVhZGVyXCI7XG5pbXBvcnQgeyBDb250YWluZXIgfSBmcm9tIFwiLi4vQ29udGFpbmVyL0NvbnRhaW5lclwiO1xuaW1wb3J0IHR5cGUgeyBEYXRhVGFibGVDb2x1bW4sIERhdGFUYWJsZVJvdyB9IGZyb20gXCIuL3R5cGVzXCI7XG5pbXBvcnQgeyBTY3JlZW5SZWFkZXJUZXh0IH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9TY3JlZW5SZWFkZXJUZXh0XCI7XG5pbXBvcnQgeyBtcVZhbHVlIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9tZWRpYVF1ZXJpZXNcIjtcbmltcG9ydCB7IE1RIH0gZnJvbSBcIi4uLy4uL3R5cGVzXCI7XG5cbmV4cG9ydCB0eXBlIERhdGFUYWJsZVByb3BzID0ge1xuICAvKiogU2NyZWVuIHJlYWRlciB0ZXh0IGZvciB0YWJsZSBjYXB0aW9uICovXG4gIGNhcHRpb246IHN0cmluZztcblxuICAvKiogQ1NTIHRhYmxlIGxheW91dC4gSW4gJ2F1dG8nIGxheW91dCwgY29sdW1ucyBhcmUgc2l6ZWQgYWNjb3JkaW5nIHRvIGNvbnRlbnQgd2lkdGguIEluICdmaXhlZCcgbGF5b3V0LCBjb2x1bW5zIGNhbiBiZSBwcm92aWRlZCBhIGZpeGVkIG9yIHBlcmNlbnRhZ2Ugd2lkdGguICovXG4gIGxheW91dD86IFwiYXV0b1wiIHwgXCJmaXhlZFwiO1xuXG4gIC8qKiBUYWJsZSB3aWR0aCAqL1xuICB3aWR0aD86IHN0cmluZyB8IE1RPHN0cmluZz47XG5cbiAgLyoqIFZlcnRpY2FsIHBhZGRpbmcgb24gcm93IGNlbGxzIHRvIHNldCB0YWJsZSBkZW5zaXR5LCBjb25kZW5zZWQgKHMpLCBkZWZhdWx0IChtKSwgY29tZm9ydGFibGUgKGwpICovXG4gIGJvZHlDZWxsVmVydGljYWxQYWRkaW5nPzogXCJzXCIgfCBcIm1cIiB8IFwibFwiIHwgTVE8XCJzXCIgfCBcIm1cIiB8IFwibFwiPjtcblxuICAvKiogSGVpZ2h0IG9mIGVtcHR5L2Vycm9yIG9yIGxvYWRpbmcgdGFibGUgY29udGVudCAqL1xuICBlbXB0eVRhYmxlQ29udGVudEhlaWdodD86IHN0cmluZyB8IE1RPHN0cmluZz47XG5cbiAgLyoqIEZvb3RlciBlbGVtZW50ICovXG4gIGZvb3Rlcj86IFJlYWN0LlJlYWN0RWxlbWVudDtcblxuICAvKipcbiAgICogTWV0YSBkYXRhIGZvciBjb2x1bW5zXG4gICAqIEBwYXJhbSBEYXRhVGFibGVDb2x1bW5bXS5uYW1lIC0gQ29sdW1uIG5hbWVcbiAgICogQHBhcmFtIERhdGFUYWJsZUNvbHVtbltdLmxhYmVsIC0gQ29sdW1uIGxhYmVsIGZvciBkaXNwbGF5XG4gICAqIEBwYXJhbSBEYXRhVGFibGVDb2x1bW5bXS5hbGlnbiAtIEFsaWduIGNlbGwgY29udGVudCwgJ2xlZnQnIHwgJ3JpZ2h0JyB8ICdjZW50ZXInXG4gICAqIEBwYXJhbSBEYXRhVGFibGVDb2x1bW5bXS53aWR0aCAtIENvbHVtbiB3aWR0aFxuICAgKiBAcGFyYW0gRGF0YVRhYmxlQ29sdW1uW10ucmVuZGVyQ2VsbCAtIENhbGxiYWNrIHRvIHJlbmRlciBjdXN0b20gY2VsbCBjb250ZW50LlxuICAgKiBAcGFyYW0gRGF0YVRhYmxlQ29sdW1uW10uaXNTb3J0YWJsZSAtIElzIHRhYmxlIHNvcnRhYmxlIGJ5IGNvbHVtblxuICAgKiBAcGFyYW0gRGF0YVRhYmxlQ29sdW1uW10uc29ydERpcmVjdGlvbiAtIFNvcnRlZCBhcyAnYXNjJyB8ICdkZXNjJ1xuICAgKi9cbiAgY29sdW1uczogRGF0YVRhYmxlQ29sdW1uW107XG5cbiAgLyoqXG4gICAqIFRhYmxlIGNvbnRlbnQgYXMgYW4gYXJyYXkgb2Ygb2JqZWN0cyB3aXRoIHZhbHVlcyBmb3IgZWFjaCBjb2x1bW5cbiAgICovXG4gIHJvd3M/OiBEYXRhVGFibGVSb3dbXTtcblxuICAvKipcbiAgICogSXMgbG9hZGluZyBkYXRhLiBZb3UgY2FuIGRpc3BsYXkgY3VzdG9tIGxvYWRpbmcgY29udGVudCB3aXRoIGNoaWxkcmVuIHByb3AuXG4gICAqL1xuICBpc0xvYWRpbmc/OiBib29sZWFuO1xuXG4gIC8qKiBTY3JlZW4gcmVhZGVyIHRleHQgZm9yIGxvYWRpbmcgc3Bpbm5lciAqL1xuICBsb2FkaW5nU3RhdGVTY3JlZW5SZWFkZXJUZXh0Pzogc3RyaW5nO1xuXG4gIC8qKiBJcyBlbXB0eSBvciBpbiBlcnJvciBzdGF0ZS4gWW91IGNhbiBkaXNwbGF5IGN1c3RvbSBlbXB0eS9lcnJvciBjb250ZW50IHdpdGggY2hpbGRyZW4gcHJvcC5cbiAgICovXG4gIGlzRW1wdHk/OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBJcyBmaXJzdCBjb2x1bW4gc3RpY2t5IG9uIHNjcm9sbFxuICAgKi9cbiAgaXNGaXJzdENvbHVtblN0aWNreT86IGJvb2xlYW47XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuXG4gIC8qKiAgQ29sdW1uIG1vc3QgcmVjZW50bHkgdXNlZCB0byBzb3J0IGRhdGEgKi9cbiAgY3VycmVudGx5U29ydGVkQnlDb2x1bW4/OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIENhbGxiYWNrIHRvIGhhbmRsZSBzb3J0aW5nIGJ5IGNvbHVtblxuICAgKi9cblxuICAvKipcbiAgICogRW1wdHkgY2VsbCBjb250ZW50LlxuICAgKi9cbiAgZW1wdHlDZWxsQ29udGVudD86IHN0cmluZztcblxuICBvblNvcnQ/OiAoXG4gICAgY29sdW1uTmFtZTogc3RyaW5nLFxuICAgIGRlc2lyZWRTb3J0RGlyZWN0aW9uOiBEYXRhVGFibGVDb2x1bW5bXCJzb3J0RGlyZWN0aW9uXCJdXG4gICkgPT4gdm9pZDtcbn07XG5cbnR5cGUgVGFibGVDb250YWluZXJQcm9wcyA9IFBpY2s8RGF0YVRhYmxlUHJvcHMsIFwiZm9vdGVyXCI+O1xuXG5jb25zdCBUYWJsZUNvbnRhaW5lciA9IHN0eWxlZC5kaXY8VGFibGVDb250YWluZXJQcm9wcz4oKHsgdGhlbWUsIGZvb3RlciB9KSA9PiAoe1xuICBvdmVyZmxvdzogXCJhdXRvXCIsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQucHJpbWFyeS5kZWZhdWx0LFxuICBib3JkZXJSYWRpdXM6IFwiaW5oZXJpdFwiLFxuICAuLi4oZm9vdGVyICYmIHtcbiAgICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiAwLFxuICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiAwLFxuICB9KSxcbn0pKTtcblxudHlwZSBTdHlsZWRUYWJsZVByb3BzID0gUGljazxEYXRhVGFibGVQcm9wcywgXCJsYXlvdXRcIj4gJiB7XG4gIHRhYmxlV2lkdGg6IERhdGFUYWJsZVByb3BzW1wid2lkdGhcIl07XG59O1xuXG5jb25zdCBTdHlsZWRUYWJsZSA9IHN0eWxlZC50YWJsZTxTdHlsZWRUYWJsZVByb3BzPihcbiAgKHsgbGF5b3V0LCB0YWJsZVdpZHRoIH0pID0+ICh7XG4gICAgYm9yZGVyU3BhY2luZzogMCxcbiAgICB0YWJsZUxheW91dDogbGF5b3V0LFxuICAgIC4uLm1xVmFsdWUoe1xuICAgICAgd2lkdGg6IHRhYmxlV2lkdGgsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5jb25zdCBTdHlsZWRGb290ZXIgPSBzdHlsZWQuZGl2KCh7IHRoZW1lIH0pID0+ICh7XG4gIHBhZGRpbmc6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQucHJpbWFyeS5kZWZhdWx0LFxuICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiBcImluaGVyaXRcIixcbiAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IFwiaW5oZXJpdFwiLFxufSkpO1xuXG5leHBvcnQgZnVuY3Rpb24gQmFzZURhdGFUYWJsZSh7XG4gIGNhcHRpb24sXG4gIGNvbHVtbnMsXG4gIHJvd3MgPSBbXSxcbiAgZm9vdGVyLFxuICBjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbixcbiAgaXNGaXJzdENvbHVtblN0aWNreSA9IHRydWUsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICBpc0xvYWRpbmcgPSBmYWxzZSxcbiAgbG9hZGluZ1N0YXRlU2NyZWVuUmVhZGVyVGV4dCA9IFwiTG9hZGluZ1wiLFxuICBpc0VtcHR5ID0gZmFsc2UsXG4gIGNoaWxkcmVuLFxuICBlbXB0eVRhYmxlQ29udGVudEhlaWdodCA9IFwiMTVyZW1cIixcbiAgbGF5b3V0ID0gXCJhdXRvXCIsXG4gIHdpZHRoID0gXCIxMDAlXCIsXG4gIGJvZHlDZWxsVmVydGljYWxQYWRkaW5nID0gXCJtXCIsXG4gIGVtcHR5Q2VsbENvbnRlbnQgPSBcIi0tXCIsXG4gIG9uU29ydCxcbn06IFJlYWN0LlByb3BzV2l0aENoaWxkcmVuPERhdGFUYWJsZVByb3BzPik6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtpc1Njcm9sbGVkLCBzZXRJc1Njcm9sbGVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgdGFibGVSZWYgPSB1c2VSZWY8SFRNTFRhYmxlRWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IGNvbnRhaW5lclJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBsZXQgb2JzZXJ2ZXI6IEludGVyc2VjdGlvbk9ic2VydmVyO1xuXG4gICAgaWYgKFxuICAgICAgdHlwZW9mIEludGVyc2VjdGlvbk9ic2VydmVyICE9PSBcInVuZGVmaW5lZFwiICYmXG4gICAgICBjb250YWluZXJSZWYgJiZcbiAgICAgIGNvbnRhaW5lclJlZi5jdXJyZW50ICYmXG4gICAgICB0YWJsZVJlZi5jdXJyZW50XG4gICAgKSB7XG4gICAgICBvYnNlcnZlciA9IG5ldyBJbnRlcnNlY3Rpb25PYnNlcnZlcihcbiAgICAgICAgKGVudHJpZXMpID0+IHtcbiAgICAgICAgICBlbnRyaWVzLmZvckVhY2goKGVudHJ5KSA9PiB7XG4gICAgICAgICAgICBzZXRJc1Njcm9sbGVkKCFlbnRyeS5pc0ludGVyc2VjdGluZyk7XG4gICAgICAgICAgfSk7XG4gICAgICAgIH0sXG4gICAgICAgIHtcbiAgICAgICAgICByb290OiBjb250YWluZXJSZWYuY3VycmVudCxcbiAgICAgICAgICB0aHJlc2hvbGQ6IDEsXG4gICAgICAgIH1cbiAgICAgICk7XG5cbiAgICAgIG9ic2VydmVyLm9ic2VydmUodGFibGVSZWYuY3VycmVudCk7XG4gICAgfVxuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGlmIChvYnNlcnZlcikge1xuICAgICAgICBvYnNlcnZlci5kaXNjb25uZWN0KCk7XG4gICAgICB9XG4gICAgfTtcbiAgfSwgW10pO1xuXG4gIGNvbnN0IGZvb3RlckVsbSA9IGZvb3RlciA/IDxTdHlsZWRGb290ZXI+e2Zvb3Rlcn08L1N0eWxlZEZvb3Rlcj4gOiBudWxsO1xuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxUYWJsZUNvbnRhaW5lciByZWY9e2NvbnRhaW5lclJlZn0gZm9vdGVyPXtmb290ZXJ9PlxuICAgICAgICA8U3R5bGVkVGFibGVcbiAgICAgICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgICAgIGRhdGEtZHMtaWQ9XCJEYXRhVGFibGVcIlxuICAgICAgICAgIHJlZj17dGFibGVSZWZ9XG4gICAgICAgICAgbGF5b3V0PXtsYXlvdXR9XG4gICAgICAgICAgdGFibGVXaWR0aD17d2lkdGh9XG4gICAgICAgID5cbiAgICAgICAgICA8U2NyZWVuUmVhZGVyVGV4dCBhcz1cImNhcHRpb25cIj57Y2FwdGlvbn08L1NjcmVlblJlYWRlclRleHQ+XG4gICAgICAgICAgPFRhYmxlSGVhZGVyXG4gICAgICAgICAgICBjb2x1bW5zPXtjb2x1bW5zfVxuICAgICAgICAgICAgaXNGaXJzdENvbHVtblN0aWNreT17aXNGaXJzdENvbHVtblN0aWNreX1cbiAgICAgICAgICAgIGN1cnJlbnRseVNvcnRlZEJ5Q29sdW1uPXtjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbn1cbiAgICAgICAgICAgIGlzVGFibGVTY3JvbGxlZD17aXNTY3JvbGxlZH1cbiAgICAgICAgICAgIG9uU29ydD17b25Tb3J0fVxuICAgICAgICAgIC8+XG4gICAgICAgICAgPFRhYmxlQm9keVxuICAgICAgICAgICAgY29sdW1ucz17Y29sdW1uc31cbiAgICAgICAgICAgIHJvd3M9e3Jvd3N9XG4gICAgICAgICAgICBib2R5Q2VsbFZlcnRpY2FsUGFkZGluZz17Ym9keUNlbGxWZXJ0aWNhbFBhZGRpbmd9XG4gICAgICAgICAgICBpc1RhYmxlU2Nyb2xsZWQ9e2lzU2Nyb2xsZWR9XG4gICAgICAgICAgICBpc0VtcHR5PXtpc0VtcHR5fVxuICAgICAgICAgICAgaXNMb2FkaW5nPXtpc0xvYWRpbmd9XG4gICAgICAgICAgICBsb2FkaW5nU3RhdGVTY3JlZW5SZWFkZXJUZXh0PXtsb2FkaW5nU3RhdGVTY3JlZW5SZWFkZXJUZXh0fVxuICAgICAgICAgICAgZW1wdHlUYWJsZUNvbnRlbnRIZWlnaHQ9e2VtcHR5VGFibGVDb250ZW50SGVpZ2h0fVxuICAgICAgICAgICAgZm9vdGVyPXtmb290ZXJ9XG4gICAgICAgICAgICBpc0ZpcnN0Q29sdW1uU3RpY2t5PXtpc0ZpcnN0Q29sdW1uU3RpY2t5fVxuICAgICAgICAgICAgZW1wdHlDZWxsQ29udGVudD17ZW1wdHlDZWxsQ29udGVudH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgPC9UYWJsZUJvZHk+XG4gICAgICAgIDwvU3R5bGVkVGFibGU+XG4gICAgICA8L1RhYmxlQ29udGFpbmVyPlxuICAgICAge2Zvb3RlckVsbX1cbiAgICA8Lz5cbiAgKTtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIERhdGFUYWJsZSh7XG4gIGNhcHRpb24sXG4gIGNvbHVtbnMsXG4gIHJvd3MgPSBbXSxcbiAgZm9vdGVyLFxuICBjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbixcbiAgaXNGaXJzdENvbHVtblN0aWNreSA9IHRydWUsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICBpc0xvYWRpbmcgPSBmYWxzZSxcbiAgbG9hZGluZ1N0YXRlU2NyZWVuUmVhZGVyVGV4dCA9IFwiTG9hZGluZ1wiLFxuICBpc0VtcHR5ID0gZmFsc2UsXG4gIGNoaWxkcmVuLFxuICBlbXB0eVRhYmxlQ29udGVudEhlaWdodCA9IFwiMTVyZW1cIixcbiAgbGF5b3V0ID0gXCJhdXRvXCIsXG4gIHdpZHRoID0gXCIxMDAlXCIsXG4gIGJvZHlDZWxsVmVydGljYWxQYWRkaW5nID0gXCJtXCIsXG4gIGVtcHR5Q2VsbENvbnRlbnQgPSBcIi0tXCIsXG4gIG9uU29ydCxcbn06IFJlYWN0LlByb3BzV2l0aENoaWxkcmVuPERhdGFUYWJsZVByb3BzPik6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lciBlbGV2YXRpb249ezF9PlxuICAgICAgPEJhc2VEYXRhVGFibGVcbiAgICAgICAgY2FwdGlvbj17Y2FwdGlvbn1cbiAgICAgICAgY29sdW1ucz17Y29sdW1uc31cbiAgICAgICAgcm93cz17cm93c31cbiAgICAgICAgZm9vdGVyPXtmb290ZXJ9XG4gICAgICAgIGN1cnJlbnRseVNvcnRlZEJ5Q29sdW1uPXtjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbn1cbiAgICAgICAgaXNGaXJzdENvbHVtblN0aWNreT17aXNGaXJzdENvbHVtblN0aWNreX1cbiAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgICAgaXNMb2FkaW5nPXtpc0xvYWRpbmd9XG4gICAgICAgIGxvYWRpbmdTdGF0ZVNjcmVlblJlYWRlclRleHQ9e2xvYWRpbmdTdGF0ZVNjcmVlblJlYWRlclRleHR9XG4gICAgICAgIGlzRW1wdHk9e2lzRW1wdHl9XG4gICAgICAgIGVtcHR5VGFibGVDb250ZW50SGVpZ2h0PXtlbXB0eVRhYmxlQ29udGVudEhlaWdodH1cbiAgICAgICAgbGF5b3V0PXtsYXlvdXR9XG4gICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAgYm9keUNlbGxWZXJ0aWNhbFBhZGRpbmc9e2JvZHlDZWxsVmVydGljYWxQYWRkaW5nfVxuICAgICAgICBlbXB0eUNlbGxDb250ZW50PXtlbXB0eUNlbGxDb250ZW50fVxuICAgICAgICBvblNvcnQ9e29uU29ydH1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9CYXNlRGF0YVRhYmxlPlxuICAgIDwvQ29udGFpbmVyPlxuICApO1xufVxuIl19 */");
+const StyledFooter = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e9acbuy0"
+} : {
+  target: "e9acbuy0",
+  label: "StyledFooter"
+})(_ref3 => {
+  let {
+    theme
+  } = _ref3;
+  return {
+    padding: theme.variables.size.spacing.xs,
+    backgroundColor: theme.values.color.background.primary.default,
+    borderBottomLeftRadius: "inherit",
+    borderBottomRightRadius: "inherit"
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFUYWJsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEdxQiIsImZpbGUiOiJEYXRhVGFibGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUsIHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgVGFibGVCb2R5IGZyb20gXCIuL1RhYmxlQm9keVwiO1xuaW1wb3J0IFRhYmxlSGVhZGVyIGZyb20gXCIuL1RhYmxlSGVhZGVyXCI7XG5pbXBvcnQgeyBDb250YWluZXIgfSBmcm9tIFwiLi4vQ29udGFpbmVyL0NvbnRhaW5lclwiO1xuaW1wb3J0IHR5cGUgeyBEYXRhVGFibGVDb2x1bW4sIERhdGFUYWJsZVJvdyB9IGZyb20gXCIuL3R5cGVzXCI7XG5pbXBvcnQgeyBTY3JlZW5SZWFkZXJUZXh0IH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9TY3JlZW5SZWFkZXJUZXh0XCI7XG5pbXBvcnQgeyBtcVZhbHVlIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9tZWRpYVF1ZXJpZXNcIjtcbmltcG9ydCB7IE1RIH0gZnJvbSBcIi4uLy4uL3R5cGVzXCI7XG5cbmV4cG9ydCB0eXBlIERhdGFUYWJsZVByb3BzID0ge1xuICAvKiogU2NyZWVuIHJlYWRlciB0ZXh0IGZvciB0YWJsZSBjYXB0aW9uICovXG4gIGNhcHRpb246IHN0cmluZztcblxuICAvKiogQ1NTIHRhYmxlIGxheW91dC4gSW4gJ2F1dG8nIGxheW91dCwgY29sdW1ucyBhcmUgc2l6ZWQgYWNjb3JkaW5nIHRvIGNvbnRlbnQgd2lkdGguIEluICdmaXhlZCcgbGF5b3V0LCBjb2x1bW5zIGNhbiBiZSBwcm92aWRlZCBhIGZpeGVkIG9yIHBlcmNlbnRhZ2Ugd2lkdGguICovXG4gIGxheW91dD86IFwiYXV0b1wiIHwgXCJmaXhlZFwiO1xuXG4gIC8qKiBUYWJsZSB3aWR0aCAqL1xuICB3aWR0aD86IHN0cmluZyB8IE1RPHN0cmluZz47XG5cbiAgLyoqIFZlcnRpY2FsIHBhZGRpbmcgb24gcm93IGNlbGxzIHRvIHNldCB0YWJsZSBkZW5zaXR5LCBjb25kZW5zZWQgKHMpLCBkZWZhdWx0IChtKSwgY29tZm9ydGFibGUgKGwpICovXG4gIGJvZHlDZWxsVmVydGljYWxQYWRkaW5nPzogXCJzXCIgfCBcIm1cIiB8IFwibFwiIHwgTVE8XCJzXCIgfCBcIm1cIiB8IFwibFwiPjtcblxuICAvKiogSGVpZ2h0IG9mIGVtcHR5L2Vycm9yIG9yIGxvYWRpbmcgdGFibGUgY29udGVudCAqL1xuICBlbXB0eVRhYmxlQ29udGVudEhlaWdodD86IHN0cmluZyB8IE1RPHN0cmluZz47XG5cbiAgLyoqIEZvb3RlciBlbGVtZW50ICovXG4gIGZvb3Rlcj86IFJlYWN0LlJlYWN0RWxlbWVudDtcblxuICAvKipcbiAgICogTWV0YSBkYXRhIGZvciBjb2x1bW5zXG4gICAqIEBwYXJhbSBEYXRhVGFibGVDb2x1bW5bXS5uYW1lIC0gQ29sdW1uIG5hbWVcbiAgICogQHBhcmFtIERhdGFUYWJsZUNvbHVtbltdLmxhYmVsIC0gQ29sdW1uIGxhYmVsIGZvciBkaXNwbGF5XG4gICAqIEBwYXJhbSBEYXRhVGFibGVDb2x1bW5bXS5hbGlnbiAtIEFsaWduIGNlbGwgY29udGVudCwgJ2xlZnQnIHwgJ3JpZ2h0JyB8ICdjZW50ZXInXG4gICAqIEBwYXJhbSBEYXRhVGFibGVDb2x1bW5bXS53aWR0aCAtIENvbHVtbiB3aWR0aFxuICAgKiBAcGFyYW0gRGF0YVRhYmxlQ29sdW1uW10ucmVuZGVyQ2VsbCAtIENhbGxiYWNrIHRvIHJlbmRlciBjdXN0b20gY2VsbCBjb250ZW50LlxuICAgKiBAcGFyYW0gRGF0YVRhYmxlQ29sdW1uW10uaXNTb3J0YWJsZSAtIElzIHRhYmxlIHNvcnRhYmxlIGJ5IGNvbHVtblxuICAgKiBAcGFyYW0gRGF0YVRhYmxlQ29sdW1uW10uc29ydERpcmVjdGlvbiAtIFNvcnRlZCBhcyAnYXNjJyB8ICdkZXNjJ1xuICAgKi9cbiAgY29sdW1uczogRGF0YVRhYmxlQ29sdW1uW107XG5cbiAgLyoqXG4gICAqIFRhYmxlIGNvbnRlbnQgYXMgYW4gYXJyYXkgb2Ygb2JqZWN0cyB3aXRoIHZhbHVlcyBmb3IgZWFjaCBjb2x1bW5cbiAgICovXG4gIHJvd3M/OiBEYXRhVGFibGVSb3dbXTtcblxuICAvKipcbiAgICogSXMgbG9hZGluZyBkYXRhLiBZb3UgY2FuIGRpc3BsYXkgY3VzdG9tIGxvYWRpbmcgY29udGVudCB3aXRoIGNoaWxkcmVuIHByb3AuXG4gICAqL1xuICBpc0xvYWRpbmc/OiBib29sZWFuO1xuXG4gIC8qKiBTY3JlZW4gcmVhZGVyIHRleHQgZm9yIGxvYWRpbmcgc3Bpbm5lciAqL1xuICBsb2FkaW5nU3RhdGVTY3JlZW5SZWFkZXJUZXh0Pzogc3RyaW5nO1xuXG4gIC8qKiBJcyBlbXB0eSBvciBpbiBlcnJvciBzdGF0ZS4gWW91IGNhbiBkaXNwbGF5IGN1c3RvbSBlbXB0eS9lcnJvciBjb250ZW50IHdpdGggY2hpbGRyZW4gcHJvcC5cbiAgICovXG4gIGlzRW1wdHk/OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBJcyBmaXJzdCBjb2x1bW4gc3RpY2t5IG9uIHNjcm9sbFxuICAgKi9cbiAgaXNGaXJzdENvbHVtblN0aWNreT86IGJvb2xlYW47XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuXG4gIC8qKiAgQ29sdW1uIG1vc3QgcmVjZW50bHkgdXNlZCB0byBzb3J0IGRhdGEgKi9cbiAgY3VycmVudGx5U29ydGVkQnlDb2x1bW4/OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIENhbGxiYWNrIHRvIGhhbmRsZSBzb3J0aW5nIGJ5IGNvbHVtblxuICAgKi9cblxuICAvKipcbiAgICogRW1wdHkgY2VsbCBjb250ZW50LlxuICAgKi9cbiAgZW1wdHlDZWxsQ29udGVudD86IHN0cmluZztcblxuICBvblNvcnQ/OiAoXG4gICAgY29sdW1uTmFtZTogc3RyaW5nLFxuICAgIGRlc2lyZWRTb3J0RGlyZWN0aW9uOiBEYXRhVGFibGVDb2x1bW5bXCJzb3J0RGlyZWN0aW9uXCJdXG4gICkgPT4gdm9pZDtcbn07XG5cbnR5cGUgVGFibGVDb250YWluZXJQcm9wcyA9IFBpY2s8RGF0YVRhYmxlUHJvcHMsIFwiZm9vdGVyXCI+O1xuXG5jb25zdCBUYWJsZUNvbnRhaW5lciA9IHN0eWxlZC5kaXY8VGFibGVDb250YWluZXJQcm9wcz4oKHsgdGhlbWUsIGZvb3RlciB9KSA9PiAoe1xuICBvdmVyZmxvdzogXCJhdXRvXCIsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQucHJpbWFyeS5kZWZhdWx0LFxuICBib3JkZXJSYWRpdXM6IFwiaW5oZXJpdFwiLFxuICAuLi4oZm9vdGVyICYmIHtcbiAgICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiAwLFxuICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiAwLFxuICB9KSxcbn0pKTtcblxudHlwZSBTdHlsZWRUYWJsZVByb3BzID0gUGljazxEYXRhVGFibGVQcm9wcywgXCJsYXlvdXRcIj4gJiB7XG4gIHRhYmxlV2lkdGg6IERhdGFUYWJsZVByb3BzW1wid2lkdGhcIl07XG59O1xuXG5jb25zdCBTdHlsZWRUYWJsZSA9IHN0eWxlZC50YWJsZTxTdHlsZWRUYWJsZVByb3BzPihcbiAgKHsgbGF5b3V0LCB0YWJsZVdpZHRoIH0pID0+ICh7XG4gICAgYm9yZGVyU3BhY2luZzogMCxcbiAgICB0YWJsZUxheW91dDogbGF5b3V0LFxuICAgIC4uLm1xVmFsdWUoe1xuICAgICAgd2lkdGg6IHRhYmxlV2lkdGgsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5jb25zdCBTdHlsZWRGb290ZXIgPSBzdHlsZWQuZGl2KCh7IHRoZW1lIH0pID0+ICh7XG4gIHBhZGRpbmc6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQucHJpbWFyeS5kZWZhdWx0LFxuICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiBcImluaGVyaXRcIixcbiAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IFwiaW5oZXJpdFwiLFxufSkpO1xuXG5leHBvcnQgZnVuY3Rpb24gQmFzZURhdGFUYWJsZSh7XG4gIGNhcHRpb24sXG4gIGNvbHVtbnMsXG4gIHJvd3MgPSBbXSxcbiAgZm9vdGVyLFxuICBjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbixcbiAgaXNGaXJzdENvbHVtblN0aWNreSA9IHRydWUsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICBpc0xvYWRpbmcgPSBmYWxzZSxcbiAgbG9hZGluZ1N0YXRlU2NyZWVuUmVhZGVyVGV4dCA9IFwiTG9hZGluZ1wiLFxuICBpc0VtcHR5ID0gZmFsc2UsXG4gIGNoaWxkcmVuLFxuICBlbXB0eVRhYmxlQ29udGVudEhlaWdodCA9IFwiMTVyZW1cIixcbiAgbGF5b3V0ID0gXCJhdXRvXCIsXG4gIHdpZHRoID0gXCIxMDAlXCIsXG4gIGJvZHlDZWxsVmVydGljYWxQYWRkaW5nID0gXCJtXCIsXG4gIGVtcHR5Q2VsbENvbnRlbnQgPSBcIi0tXCIsXG4gIG9uU29ydCxcbn06IFJlYWN0LlByb3BzV2l0aENoaWxkcmVuPERhdGFUYWJsZVByb3BzPik6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtpc1Njcm9sbGVkLCBzZXRJc1Njcm9sbGVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgdGFibGVSZWYgPSB1c2VSZWY8SFRNTFRhYmxlRWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IGNvbnRhaW5lclJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBsZXQgb2JzZXJ2ZXI6IEludGVyc2VjdGlvbk9ic2VydmVyO1xuXG4gICAgaWYgKFxuICAgICAgdHlwZW9mIEludGVyc2VjdGlvbk9ic2VydmVyICE9PSBcInVuZGVmaW5lZFwiICYmXG4gICAgICBjb250YWluZXJSZWYgJiZcbiAgICAgIGNvbnRhaW5lclJlZi5jdXJyZW50ICYmXG4gICAgICB0YWJsZVJlZi5jdXJyZW50XG4gICAgKSB7XG4gICAgICBvYnNlcnZlciA9IG5ldyBJbnRlcnNlY3Rpb25PYnNlcnZlcihcbiAgICAgICAgKGVudHJpZXMpID0+IHtcbiAgICAgICAgICBlbnRyaWVzLmZvckVhY2goKGVudHJ5KSA9PiB7XG4gICAgICAgICAgICBzZXRJc1Njcm9sbGVkKCFlbnRyeS5pc0ludGVyc2VjdGluZyk7XG4gICAgICAgICAgfSk7XG4gICAgICAgIH0sXG4gICAgICAgIHtcbiAgICAgICAgICByb290OiBjb250YWluZXJSZWYuY3VycmVudCxcbiAgICAgICAgICB0aHJlc2hvbGQ6IDEsXG4gICAgICAgIH1cbiAgICAgICk7XG5cbiAgICAgIG9ic2VydmVyLm9ic2VydmUodGFibGVSZWYuY3VycmVudCk7XG4gICAgfVxuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGlmIChvYnNlcnZlcikge1xuICAgICAgICBvYnNlcnZlci5kaXNjb25uZWN0KCk7XG4gICAgICB9XG4gICAgfTtcbiAgfSwgW10pO1xuXG4gIGNvbnN0IGZvb3RlckVsbSA9IGZvb3RlciA/IDxTdHlsZWRGb290ZXI+e2Zvb3Rlcn08L1N0eWxlZEZvb3Rlcj4gOiBudWxsO1xuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxUYWJsZUNvbnRhaW5lciByZWY9e2NvbnRhaW5lclJlZn0gZm9vdGVyPXtmb290ZXJ9PlxuICAgICAgICA8U3R5bGVkVGFibGVcbiAgICAgICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgICAgIGRhdGEtZHMtaWQ9XCJEYXRhVGFibGVcIlxuICAgICAgICAgIHJlZj17dGFibGVSZWZ9XG4gICAgICAgICAgbGF5b3V0PXtsYXlvdXR9XG4gICAgICAgICAgdGFibGVXaWR0aD17d2lkdGh9XG4gICAgICAgID5cbiAgICAgICAgICA8U2NyZWVuUmVhZGVyVGV4dCBhcz1cImNhcHRpb25cIj57Y2FwdGlvbn08L1NjcmVlblJlYWRlclRleHQ+XG4gICAgICAgICAgPFRhYmxlSGVhZGVyXG4gICAgICAgICAgICBjb2x1bW5zPXtjb2x1bW5zfVxuICAgICAgICAgICAgaXNGaXJzdENvbHVtblN0aWNreT17aXNGaXJzdENvbHVtblN0aWNreX1cbiAgICAgICAgICAgIGN1cnJlbnRseVNvcnRlZEJ5Q29sdW1uPXtjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbn1cbiAgICAgICAgICAgIGlzVGFibGVTY3JvbGxlZD17aXNTY3JvbGxlZH1cbiAgICAgICAgICAgIG9uU29ydD17b25Tb3J0fVxuICAgICAgICAgIC8+XG4gICAgICAgICAgPFRhYmxlQm9keVxuICAgICAgICAgICAgY29sdW1ucz17Y29sdW1uc31cbiAgICAgICAgICAgIHJvd3M9e3Jvd3N9XG4gICAgICAgICAgICBib2R5Q2VsbFZlcnRpY2FsUGFkZGluZz17Ym9keUNlbGxWZXJ0aWNhbFBhZGRpbmd9XG4gICAgICAgICAgICBpc1RhYmxlU2Nyb2xsZWQ9e2lzU2Nyb2xsZWR9XG4gICAgICAgICAgICBpc0VtcHR5PXtpc0VtcHR5fVxuICAgICAgICAgICAgaXNMb2FkaW5nPXtpc0xvYWRpbmd9XG4gICAgICAgICAgICBsb2FkaW5nU3RhdGVTY3JlZW5SZWFkZXJUZXh0PXtsb2FkaW5nU3RhdGVTY3JlZW5SZWFkZXJUZXh0fVxuICAgICAgICAgICAgZW1wdHlUYWJsZUNvbnRlbnRIZWlnaHQ9e2VtcHR5VGFibGVDb250ZW50SGVpZ2h0fVxuICAgICAgICAgICAgZm9vdGVyPXtmb290ZXJ9XG4gICAgICAgICAgICBpc0ZpcnN0Q29sdW1uU3RpY2t5PXtpc0ZpcnN0Q29sdW1uU3RpY2t5fVxuICAgICAgICAgICAgZW1wdHlDZWxsQ29udGVudD17ZW1wdHlDZWxsQ29udGVudH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgPC9UYWJsZUJvZHk+XG4gICAgICAgIDwvU3R5bGVkVGFibGU+XG4gICAgICA8L1RhYmxlQ29udGFpbmVyPlxuICAgICAge2Zvb3RlckVsbX1cbiAgICA8Lz5cbiAgKTtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIERhdGFUYWJsZSh7XG4gIGNhcHRpb24sXG4gIGNvbHVtbnMsXG4gIHJvd3MgPSBbXSxcbiAgZm9vdGVyLFxuICBjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbixcbiAgaXNGaXJzdENvbHVtblN0aWNreSA9IHRydWUsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICBpc0xvYWRpbmcgPSBmYWxzZSxcbiAgbG9hZGluZ1N0YXRlU2NyZWVuUmVhZGVyVGV4dCA9IFwiTG9hZGluZ1wiLFxuICBpc0VtcHR5ID0gZmFsc2UsXG4gIGNoaWxkcmVuLFxuICBlbXB0eVRhYmxlQ29udGVudEhlaWdodCA9IFwiMTVyZW1cIixcbiAgbGF5b3V0ID0gXCJhdXRvXCIsXG4gIHdpZHRoID0gXCIxMDAlXCIsXG4gIGJvZHlDZWxsVmVydGljYWxQYWRkaW5nID0gXCJtXCIsXG4gIGVtcHR5Q2VsbENvbnRlbnQgPSBcIi0tXCIsXG4gIG9uU29ydCxcbn06IFJlYWN0LlByb3BzV2l0aENoaWxkcmVuPERhdGFUYWJsZVByb3BzPik6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lciBlbGV2YXRpb249ezF9PlxuICAgICAgPEJhc2VEYXRhVGFibGVcbiAgICAgICAgY2FwdGlvbj17Y2FwdGlvbn1cbiAgICAgICAgY29sdW1ucz17Y29sdW1uc31cbiAgICAgICAgcm93cz17cm93c31cbiAgICAgICAgZm9vdGVyPXtmb290ZXJ9XG4gICAgICAgIGN1cnJlbnRseVNvcnRlZEJ5Q29sdW1uPXtjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbn1cbiAgICAgICAgaXNGaXJzdENvbHVtblN0aWNreT17aXNGaXJzdENvbHVtblN0aWNreX1cbiAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgICAgaXNMb2FkaW5nPXtpc0xvYWRpbmd9XG4gICAgICAgIGxvYWRpbmdTdGF0ZVNjcmVlblJlYWRlclRleHQ9e2xvYWRpbmdTdGF0ZVNjcmVlblJlYWRlclRleHR9XG4gICAgICAgIGlzRW1wdHk9e2lzRW1wdHl9XG4gICAgICAgIGVtcHR5VGFibGVDb250ZW50SGVpZ2h0PXtlbXB0eVRhYmxlQ29udGVudEhlaWdodH1cbiAgICAgICAgbGF5b3V0PXtsYXlvdXR9XG4gICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAgYm9keUNlbGxWZXJ0aWNhbFBhZGRpbmc9e2JvZHlDZWxsVmVydGljYWxQYWRkaW5nfVxuICAgICAgICBlbXB0eUNlbGxDb250ZW50PXtlbXB0eUNlbGxDb250ZW50fVxuICAgICAgICBvblNvcnQ9e29uU29ydH1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9CYXNlRGF0YVRhYmxlPlxuICAgIDwvQ29udGFpbmVyPlxuICApO1xufVxuIl19 */");
+function BaseDataTable(_ref4) {
+  let {
+    caption,
+    columns,
+    rows = [],
+    footer,
+    currentlySortedByColumn,
+    isFirstColumnSticky = true,
+    "data-e2e-test-id": dataE2eTestId,
+    isLoading = false,
+    loadingStateScreenReaderText = "Loading",
+    isEmpty = false,
+    children,
+    emptyTableContentHeight = "15rem",
+    layout = "auto",
+    width = "100%",
+    bodyCellVerticalPadding = "m",
+    emptyCellContent = "--",
+    onSort
+  } = _ref4;
+  const [isScrolled, setIsScrolled] = useState(false);
+  const tableRef = useRef(null);
+  const containerRef = useRef(null);
+  useEffect(() => {
+    let observer;
+    if (typeof IntersectionObserver !== "undefined" && containerRef && containerRef.current && tableRef.current) {
+      observer = new IntersectionObserver(entries => {
+        entries.forEach(entry => {
+          setIsScrolled(!entry.isIntersecting);
+        });
+      }, {
+        root: containerRef.current,
+        threshold: 1
+      });
+      observer.observe(tableRef.current);
+    }
+    return () => {
+      if (observer) {
+        observer.disconnect();
+      }
+    };
+  }, []);
+  const footerElm = footer ? /*#__PURE__*/React.createElement(StyledFooter, null, footer) : null;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TableContainer, {
+    ref: containerRef,
+    footer: footer
+  }, /*#__PURE__*/React.createElement(StyledTable, {
+    "data-e2e-test-id": dataE2eTestId,
+    "data-ds-id": "DataTable",
+    ref: tableRef,
+    layout: layout,
+    tableWidth: width
+  }, /*#__PURE__*/React.createElement(ScreenReaderText, {
+    as: "caption"
+  }, caption), /*#__PURE__*/React.createElement(TableHeader, {
+    columns: columns,
+    isFirstColumnSticky: isFirstColumnSticky,
+    currentlySortedByColumn: currentlySortedByColumn,
+    isTableScrolled: isScrolled,
+    onSort: onSort
+  }), /*#__PURE__*/React.createElement(TableBody, {
+    columns: columns,
+    rows: rows,
+    bodyCellVerticalPadding: bodyCellVerticalPadding,
+    isTableScrolled: isScrolled,
+    isEmpty: isEmpty,
+    isLoading: isLoading,
+    loadingStateScreenReaderText: loadingStateScreenReaderText,
+    emptyTableContentHeight: emptyTableContentHeight,
+    footer: footer,
+    isFirstColumnSticky: isFirstColumnSticky,
+    emptyCellContent: emptyCellContent
+  }, children))), footerElm);
+}
+function DataTable(_ref5) {
+  let {
+    caption,
+    columns,
+    rows = [],
+    footer,
+    currentlySortedByColumn,
+    isFirstColumnSticky = true,
+    "data-e2e-test-id": dataE2eTestId,
+    isLoading = false,
+    loadingStateScreenReaderText = "Loading",
+    isEmpty = false,
+    children,
+    emptyTableContentHeight = "15rem",
+    layout = "auto",
+    width = "100%",
+    bodyCellVerticalPadding = "m",
+    emptyCellContent = "--",
+    onSort
+  } = _ref5;
+  return /*#__PURE__*/React.createElement(Container, {
+    elevation: 1
+  }, /*#__PURE__*/React.createElement(BaseDataTable, {
+    caption: caption,
+    columns: columns,
+    rows: rows,
+    footer: footer,
+    currentlySortedByColumn: currentlySortedByColumn,
+    isFirstColumnSticky: isFirstColumnSticky,
+    "data-e2e-test-id": dataE2eTestId,
+    isLoading: isLoading,
+    loadingStateScreenReaderText: loadingStateScreenReaderText,
+    isEmpty: isEmpty,
+    emptyTableContentHeight: emptyTableContentHeight,
+    layout: layout,
+    width: width,
+    bodyCellVerticalPadding: bodyCellVerticalPadding,
+    emptyCellContent: emptyCellContent,
+    onSort: onSort
+  }, children));
+}
+
+export { BaseDataTable, DataTable };
+//# sourceMappingURL=DataTable.js.map

package/build/esm/src/components/DataTable/DataTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.js","sources":["../../../../../src/components/DataTable/DataTable.tsx"],"sourcesContent":["import React, { useEffect, useState, useRef } from \"react\";\nimport styled from \"@emotion/styled\";\nimport TableBody from \"./TableBody\";\nimport TableHeader from \"./TableHeader\";\nimport { Container } from \"../Container/Container\";\nimport type { DataTableColumn, DataTableRow } from \"./types\";\nimport { ScreenReaderText } from \"../../shared/ScreenReaderText\";\nimport { mqValue } from \"../../shared/mediaQueries\";\nimport { MQ } from \"../../types\";\n\nexport type DataTableProps = {\n  /** Screen reader text for table caption */\n  caption: string;\n\n  /** CSS table layout. In 'auto' layout, columns are sized according to content width. In 'fixed' layout, columns can be provided a fixed or percentage width. */\n  layout?: \"auto\" | \"fixed\";\n\n  /** Table width */\n  width?: string | MQ<string>;\n\n  /** Vertical padding on row cells to set table density, condensed (s), default (m), comfortable (l) */\n  bodyCellVerticalPadding?: \"s\" | \"m\" | \"l\" | MQ<\"s\" | \"m\" | \"l\">;\n\n  /** Height of empty/error or loading table content */\n  emptyTableContentHeight?: string | MQ<string>;\n\n  /** Footer element */\n  footer?: React.ReactElement;\n\n  /**\n   * Meta data for columns\n   * @param DataTableColumn[].name - Column name\n   * @param DataTableColumn[].label - Column label for display\n   * @param DataTableColumn[].align - Align cell content, 'left' | 'right' | 'center'\n   * @param DataTableColumn[].width - Column width\n   * @param DataTableColumn[].renderCell - Callback to render custom cell content.\n   * @param DataTableColumn[].isSortable - Is table sortable by column\n   * @param DataTableColumn[].sortDirection - Sorted as 'asc' | 'desc'\n   */\n  columns: DataTableColumn[];\n\n  /**\n   * Table content as an array of objects with values for each column\n   */\n  rows?: DataTableRow[];\n\n  /**\n   * Is loading data. You can display custom loading content with children prop.\n   */\n  isLoading?: boolean;\n\n  /** Screen reader text for loading spinner */\n  loadingStateScreenReaderText?: string;\n\n  /** Is empty or in error state. You can display custom empty/error content with children prop.\n   */\n  isEmpty?: boolean;\n\n  /**\n   * Is first column sticky on scroll\n   */\n  isFirstColumnSticky?: boolean;\n  \"data-e2e-test-id\"?: string;\n\n  /**  Column most recently used to sort data */\n  currentlySortedByColumn?: string;\n\n  /**\n   * Callback to handle sorting by column\n   */\n\n  /**\n   * Empty cell content.\n   */\n  emptyCellContent?: string;\n\n  onSort?: (\n    columnName: string,\n    desiredSortDirection: DataTableColumn[\"sortDirection\"]\n  ) => void;\n};\n\ntype TableContainerProps = Pick<DataTableProps, \"footer\">;\n\nconst TableContainer = styled.div<TableContainerProps>(({ theme, footer }) => ({\n  overflow: \"auto\",\n  backgroundColor: theme.values.color.background.primary.default,\n  borderRadius: \"inherit\",\n  ...(footer && {\n    borderBottomLeftRadius: 0,\n    borderBottomRightRadius: 0,\n  }),\n}));\n\ntype StyledTableProps = Pick<DataTableProps, \"layout\"> & {\n  tableWidth: DataTableProps[\"width\"];\n};\n\nconst StyledTable = styled.table<StyledTableProps>(\n  ({ layout, tableWidth }) => ({\n    borderSpacing: 0,\n    tableLayout: layout,\n    ...mqValue({\n      width: tableWidth,\n    }),\n  })\n);\n\nconst StyledFooter = styled.div(({ theme }) => ({\n  padding: theme.variables.size.spacing.xs,\n  backgroundColor: theme.values.color.background.primary.default,\n  borderBottomLeftRadius: \"inherit\",\n  borderBottomRightRadius: \"inherit\",\n}));\n\nexport function BaseDataTable({\n  caption,\n  columns,\n  rows = [],\n  footer,\n  currentlySortedByColumn,\n  isFirstColumnSticky = true,\n  \"data-e2e-test-id\": dataE2eTestId,\n  isLoading = false,\n  loadingStateScreenReaderText = \"Loading\",\n  isEmpty = false,\n  children,\n  emptyTableContentHeight = \"15rem\",\n  layout = \"auto\",\n  width = \"100%\",\n  bodyCellVerticalPadding = \"m\",\n  emptyCellContent = \"--\",\n  onSort,\n}: React.PropsWithChildren<DataTableProps>): React.ReactElement {\n  const [isScrolled, setIsScrolled] = useState(false);\n  const tableRef = useRef<HTMLTableElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    let observer: IntersectionObserver;\n\n    if (\n      typeof IntersectionObserver !== \"undefined\" &&\n      containerRef &&\n      containerRef.current &&\n      tableRef.current\n    ) {\n      observer = new IntersectionObserver(\n        (entries) => {\n          entries.forEach((entry) => {\n            setIsScrolled(!entry.isIntersecting);\n          });\n        },\n        {\n          root: containerRef.current,\n          threshold: 1,\n        }\n      );\n\n      observer.observe(tableRef.current);\n    }\n\n    return () => {\n      if (observer) {\n        observer.disconnect();\n      }\n    };\n  }, []);\n\n  const footerElm = footer ? <StyledFooter>{footer}</StyledFooter> : null;\n\n  return (\n    <>\n      <TableContainer ref={containerRef} footer={footer}>\n        <StyledTable\n          data-e2e-test-id={dataE2eTestId}\n          data-ds-id=\"DataTable\"\n          ref={tableRef}\n          layout={layout}\n          tableWidth={width}\n        >\n          <ScreenReaderText as=\"caption\">{caption}</ScreenReaderText>\n          <TableHeader\n            columns={columns}\n            isFirstColumnSticky={isFirstColumnSticky}\n            currentlySortedByColumn={currentlySortedByColumn}\n            isTableScrolled={isScrolled}\n            onSort={onSort}\n          />\n          <TableBody\n            columns={columns}\n            rows={rows}\n            bodyCellVerticalPadding={bodyCellVerticalPadding}\n            isTableScrolled={isScrolled}\n            isEmpty={isEmpty}\n            isLoading={isLoading}\n            loadingStateScreenReaderText={loadingStateScreenReaderText}\n            emptyTableContentHeight={emptyTableContentHeight}\n            footer={footer}\n            isFirstColumnSticky={isFirstColumnSticky}\n            emptyCellContent={emptyCellContent}\n          >\n            {children}\n          </TableBody>\n        </StyledTable>\n      </TableContainer>\n      {footerElm}\n    </>\n  );\n}\n\nexport function DataTable({\n  caption,\n  columns,\n  rows = [],\n  footer,\n  currentlySortedByColumn,\n  isFirstColumnSticky = true,\n  \"data-e2e-test-id\": dataE2eTestId,\n  isLoading = false,\n  loadingStateScreenReaderText = \"Loading\",\n  isEmpty = false,\n  children,\n  emptyTableContentHeight = \"15rem\",\n  layout = \"auto\",\n  width = \"100%\",\n  bodyCellVerticalPadding = \"m\",\n  emptyCellContent = \"--\",\n  onSort,\n}: React.PropsWithChildren<DataTableProps>): React.ReactElement {\n  return (\n    <Container elevation={1}>\n      <BaseDataTable\n        caption={caption}\n        columns={columns}\n        rows={rows}\n        footer={footer}\n        currentlySortedByColumn={currentlySortedByColumn}\n        isFirstColumnSticky={isFirstColumnSticky}\n        data-e2e-test-id={dataE2eTestId}\n        isLoading={isLoading}\n        loadingStateScreenReaderText={loadingStateScreenReaderText}\n        isEmpty={isEmpty}\n        emptyTableContentHeight={emptyTableContentHeight}\n        layout={layout}\n        width={width}\n        bodyCellVerticalPadding={bodyCellVerticalPadding}\n        emptyCellContent={emptyCellContent}\n        onSort={onSort}\n      >\n        {children}\n      </BaseDataTable>\n    </Container>\n  );\n}\n"],"names":["TableContainer","_styled","process","env","NODE_ENV","target","label","_ref","theme","footer","overflow","backgroundColor","values","color","background","primary","default","borderRadius","borderBottomLeftRadius","borderBottomRightRadius","StyledTable","_ref2","layout","tableWidth","borderSpacing","tableLayout","mqValue","width","StyledFooter","_ref3","padding","variables","size","spacing","xs","BaseDataTable","_ref4","caption","columns","rows","currentlySortedByColumn","isFirstColumnSticky","dataE2eTestId","isLoading","loadingStateScreenReaderText","isEmpty","children","emptyTableContentHeight","bodyCellVerticalPadding","emptyCellContent","onSort","isScrolled","setIsScrolled","useState","tableRef","useRef","containerRef","useEffect","observer","IntersectionObserver","current","entries","forEach","entry","isIntersecting","root","threshold","observe","disconnect","footerElm","React","createElement","Fragment","ref","ScreenReaderText","as","TableHeader","isTableScrolled","TableBody","DataTable","_ref5","Container","elevation"],"mappings":";;;;;;;;AAoFA,MAAMA,cAAc,gBAAGC,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,UAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,UAAA;EAAAC,KAAA,EAAA,gBAAA;AAAA,CAAA,CAAA,CAAgCC,IAAA,IAAA;EAAA,IAAC;IAAEC,KAAK;AAAEC,IAAAA,MAAAA;AAAO,GAAC,GAAAF,IAAA,CAAA;EAAA,OAAM;AAC7EG,IAAAA,QAAQ,EAAE,MAAM;IAChBC,eAAe,EAAEH,KAAK,CAACI,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,OAAO,CAACC,OAAO;AAC9DC,IAAAA,YAAY,EAAE,SAAS;AACvB,IAAA,IAAIR,MAAM,IAAI;AACZS,MAAAA,sBAAsB,EAAE,CAAC;AACzBC,MAAAA,uBAAuB,EAAE,CAAA;KAC1B,CAAA;GACF,CAAA;AAAA,CAAC,EAAAjB,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,qiUAAA,CAAA,CAAA;AAMH,MAAMgB,WAAW,gBAAGnB,OAAA,CAAA,OAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,UAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,UAAA;EAAAC,KAAA,EAAA,aAAA;AAAA,CAAA,CAAA,CAClBe,KAAA,IAAA;EAAA,IAAC;IAAEC,MAAM;AAAEC,IAAAA,UAAAA;AAAW,GAAC,GAAAF,KAAA,CAAA;EAAA,OAAM;AAC3BG,IAAAA,aAAa,EAAE,CAAC;AAChBC,IAAAA,WAAW,EAAEH,MAAM;AACnB,IAAA,GAAGI,OAAO,CAAC;AACTC,MAAAA,KAAK,EAAEJ,UAAAA;KACR,CAAA;GACF,CAAA;AAAA,CAAC,EAAArB,OAAA,CAAAC,GAAA,CAAAC,QAAA,8jUACJ,CAAC,CAAA;AAED,MAAMwB,YAAY,gBAAG3B,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,UAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,UAAA;EAAAC,KAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAAWuB,KAAA,IAAA;EAAA,IAAC;AAAErB,IAAAA,KAAAA;AAAM,GAAC,GAAAqB,KAAA,CAAA;EAAA,OAAM;IAC9CC,OAAO,EAAEtB,KAAK,CAACuB,SAAS,CAACC,IAAI,CAACC,OAAO,CAACC,EAAE;IACxCvB,eAAe,EAAEH,KAAK,CAACI,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,OAAO,CAACC,OAAO;AAC9DE,IAAAA,sBAAsB,EAAE,SAAS;AACjCC,IAAAA,uBAAuB,EAAE,SAAA;GAC1B,CAAA;AAAA,CAAC,EAAAjB,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,qiUAAA,CAAA,CAAA;AAEI,SAAS+B,aAAaA,CAAAC,KAAA,EAkBmC;EAAA,IAlBlC;IAC5BC,OAAO;IACPC,OAAO;AACPC,IAAAA,IAAI,GAAG,EAAE;IACT9B,MAAM;IACN+B,uBAAuB;AACvBC,IAAAA,mBAAmB,GAAG,IAAI;AAC1B,IAAA,kBAAkB,EAAEC,aAAa;AACjCC,IAAAA,SAAS,GAAG,KAAK;AACjBC,IAAAA,4BAA4B,GAAG,SAAS;AACxCC,IAAAA,OAAO,GAAG,KAAK;IACfC,QAAQ;AACRC,IAAAA,uBAAuB,GAAG,OAAO;AACjCzB,IAAAA,MAAM,GAAG,MAAM;AACfK,IAAAA,KAAK,GAAG,MAAM;AACdqB,IAAAA,uBAAuB,GAAG,GAAG;AAC7BC,IAAAA,gBAAgB,GAAG,IAAI;AACvBC,IAAAA,MAAAA;AACuC,GAAC,GAAAd,KAAA,CAAA;EACxC,MAAM,CAACe,UAAU,EAAEC,aAAa,CAAC,GAAGC,QAAQ,CAAC,KAAK,CAAC,CAAA;AACnD,EAAA,MAAMC,QAAQ,GAAGC,MAAM,CAAmB,IAAI,CAAC,CAAA;AAC/C,EAAA,MAAMC,YAAY,GAAGD,MAAM,CAAiB,IAAI,CAAC,CAAA;AAEjDE,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAIC,QAA8B,CAAA;AAElC,IAAA,IACE,OAAOC,oBAAoB,KAAK,WAAW,IAC3CH,YAAY,IACZA,YAAY,CAACI,OAAO,IACpBN,QAAQ,CAACM,OAAO,EAChB;AACAF,MAAAA,QAAQ,GAAG,IAAIC,oBAAoB,CAChCE,OAAO,IAAK;AACXA,QAAAA,OAAO,CAACC,OAAO,CAAEC,KAAK,IAAK;AACzBX,UAAAA,aAAa,CAAC,CAACW,KAAK,CAACC,cAAc,CAAC,CAAA;AACtC,SAAC,CAAC,CAAA;AACJ,OAAC,EACD;QACEC,IAAI,EAAET,YAAY,CAACI,OAAO;AAC1BM,QAAAA,SAAS,EAAE,CAAA;AACb,OACF,CAAC,CAAA;AAEDR,MAAAA,QAAQ,CAACS,OAAO,CAACb,QAAQ,CAACM,OAAO,CAAC,CAAA;AACpC,KAAA;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,IAAIF,QAAQ,EAAE;QACZA,QAAQ,CAACU,UAAU,EAAE,CAAA;AACvB,OAAA;KACD,CAAA;GACF,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,MAAMC,SAAS,GAAG5D,MAAM,gBAAG6D,KAAA,CAAAC,aAAA,CAAC3C,YAAY,EAAA,IAAA,EAAEnB,MAAqB,CAAC,GAAG,IAAI,CAAA;AAEvE,EAAA,oBACE6D,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,eACEF,KAAA,CAAAC,aAAA,CAACvE,cAAc,EAAA;AAACyE,IAAAA,GAAG,EAAEjB,YAAa;AAAC/C,IAAAA,MAAM,EAAEA,MAAAA;AAAO,GAAA,eAChD6D,KAAA,CAAAC,aAAA,CAACnD,WAAW,EAAA;AACV,IAAA,kBAAA,EAAkBsB,aAAc;AAChC,IAAA,YAAA,EAAW,WAAW;AACtB+B,IAAAA,GAAG,EAAEnB,QAAS;AACdhC,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,UAAU,EAAEI,KAAAA;AAAM,GAAA,eAElB2C,KAAA,CAAAC,aAAA,CAACG,gBAAgB,EAAA;AAACC,IAAAA,EAAE,EAAC,SAAA;AAAS,GAAA,EAAEtC,OAA0B,CAAC,eAC3DiC,KAAA,CAAAC,aAAA,CAACK,WAAW,EAAA;AACVtC,IAAAA,OAAO,EAAEA,OAAQ;AACjBG,IAAAA,mBAAmB,EAAEA,mBAAoB;AACzCD,IAAAA,uBAAuB,EAAEA,uBAAwB;AACjDqC,IAAAA,eAAe,EAAE1B,UAAW;AAC5BD,IAAAA,MAAM,EAAEA,MAAAA;AAAO,GAChB,CAAC,eACFoB,KAAA,CAAAC,aAAA,CAACO,SAAS,EAAA;AACRxC,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,IAAI,EAAEA,IAAK;AACXS,IAAAA,uBAAuB,EAAEA,uBAAwB;AACjD6B,IAAAA,eAAe,EAAE1B,UAAW;AAC5BN,IAAAA,OAAO,EAAEA,OAAQ;AACjBF,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,4BAA4B,EAAEA,4BAA6B;AAC3DG,IAAAA,uBAAuB,EAAEA,uBAAwB;AACjDtC,IAAAA,MAAM,EAAEA,MAAO;AACfgC,IAAAA,mBAAmB,EAAEA,mBAAoB;AACzCQ,IAAAA,gBAAgB,EAAEA,gBAAAA;AAAiB,GAAA,EAElCH,QACQ,CACA,CACC,CAAC,EAChBuB,SACD,CAAC,CAAA;AAEP,CAAA;AAEO,SAASU,SAASA,CAAAC,KAAA,EAkBuC;EAAA,IAlBtC;IACxB3C,OAAO;IACPC,OAAO;AACPC,IAAAA,IAAI,GAAG,EAAE;IACT9B,MAAM;IACN+B,uBAAuB;AACvBC,IAAAA,mBAAmB,GAAG,IAAI;AAC1B,IAAA,kBAAkB,EAAEC,aAAa;AACjCC,IAAAA,SAAS,GAAG,KAAK;AACjBC,IAAAA,4BAA4B,GAAG,SAAS;AACxCC,IAAAA,OAAO,GAAG,KAAK;IACfC,QAAQ;AACRC,IAAAA,uBAAuB,GAAG,OAAO;AACjCzB,IAAAA,MAAM,GAAG,MAAM;AACfK,IAAAA,KAAK,GAAG,MAAM;AACdqB,IAAAA,uBAAuB,GAAG,GAAG;AAC7BC,IAAAA,gBAAgB,GAAG,IAAI;AACvBC,IAAAA,MAAAA;AACuC,GAAC,GAAA8B,KAAA,CAAA;AACxC,EAAA,oBACEV,KAAA,CAAAC,aAAA,CAACU,SAAS,EAAA;AAACC,IAAAA,SAAS,EAAE,CAAA;AAAE,GAAA,eACtBZ,KAAA,CAAAC,aAAA,CAACpC,aAAa,EAAA;AACZE,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,IAAI,EAAEA,IAAK;AACX9B,IAAAA,MAAM,EAAEA,MAAO;AACf+B,IAAAA,uBAAuB,EAAEA,uBAAwB;AACjDC,IAAAA,mBAAmB,EAAEA,mBAAoB;AACzC,IAAA,kBAAA,EAAkBC,aAAc;AAChCC,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,4BAA4B,EAAEA,4BAA6B;AAC3DC,IAAAA,OAAO,EAAEA,OAAQ;AACjBE,IAAAA,uBAAuB,EAAEA,uBAAwB;AACjDzB,IAAAA,MAAM,EAAEA,MAAO;AACfK,IAAAA,KAAK,EAAEA,KAAM;AACbqB,IAAAA,uBAAuB,EAAEA,uBAAwB;AACjDC,IAAAA,gBAAgB,EAAEA,gBAAiB;AACnCC,IAAAA,MAAM,EAAEA,MAAAA;GAEPJ,EAAAA,QACY,CACN,CAAC,CAAA;AAEhB;;;;"}

package/build/esm/src/components/DataTable/TableBody.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { DataTableProps } from "./DataTable";
+export declare type TableBodyProps = {
+    className?: string;
+    isTableScrolled: boolean;
+} & Pick<DataTableProps, "columns" | "rows" | "isLoading" | "loadingStateScreenReaderText" | "isEmpty" | "emptyTableContentHeight" | "bodyCellVerticalPadding" | "footer" | "isFirstColumnSticky" | "emptyCellContent">;
+declare function TableBody({ className, columns, rows, bodyCellVerticalPadding, isTableScrolled, isLoading, loadingStateScreenReaderText, isEmpty, emptyTableContentHeight, footer, children, isFirstColumnSticky, emptyCellContent, }: React.PropsWithChildren<TableBodyProps>): React.ReactElement;
+declare const _default: React.MemoExoticComponent<typeof TableBody>;
+export default _default;