@amboss/design-system 1.9.6 → 1.9.7-canary-datatable-1

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

@@ -0,0 +1,80 @@
+import _styled from '@emotion/styled/base';
+import React from 'react';
+import TableCell from './TableCell.js';
+import { Text } from '../Typography/Text/Text.js';
+
+const StyledTr = /*#__PURE__*/_styled("tr", process.env.NODE_ENV === "production" ? {
+  target: "e1q8il1q1"
+} : {
+  target: "e1q8il1q1",
+  label: "StyledTr"
+})(_ref => {
+  let {
+    theme
+  } = _ref;
+  return {
+    "&:hover": {
+      backgroundColor: theme.values.color.background.tabs.header
+    },
+    "&:last-of-type": {
+      "& td": {
+        borderBottom: "none"
+      },
+      "& td:first-of-type": {
+        borderBottomLeftRadius: theme.variables.size.borderRadius.card.m
+      },
+      "& td:last-of-type": {
+        borderBottomRightRadius: theme.variables.size.borderRadius.card.m
+      }
+    }
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYmxlQm9keS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWWlCIiwiZmlsZSI6IlRhYmxlQm9keS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRnVuY3Rpb25Db21wb25lbnQgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBEYXRhVGFibGVDb2x1bW4gfSBmcm9tIFwiLi90eXBlc1wiO1xuaW1wb3J0IFRhYmxlQ2VsbCwgeyBUYWJsZUNlbGxQcm9wcyB9IGZyb20gXCIuL1RhYmxlQ2VsbFwiO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gXCIuLi9UeXBvZ3JhcGh5L1RleHQvVGV4dFwiO1xuaW1wb3J0IHR5cGUgeyBEYXRhVGFibGVQcm9wcyB9IGZyb20gXCIuL0RhdGFUYWJsZVwiO1xuXG5leHBvcnQgdHlwZSBUYWJsZUJvZHlQcm9wcyA9IHtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBpc1RhYmxlU2Nyb2xsZWQ6IGJvb2xlYW47XG59ICYgUGljazxEYXRhVGFibGVQcm9wcywgXCJjb2x1bW5zXCIgfCBcInJvd3NcIj47XG5cbmNvbnN0IFN0eWxlZFRyID0gc3R5bGVkLnRyKCh7IHRoZW1lIH0pID0+ICh7XG4gIFwiJjpob3ZlclwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50YWJzLmhlYWRlcixcbiAgfSxcblxuICBcIiY6bGFzdC1vZi10eXBlXCI6IHtcbiAgICBcIiYgdGRcIjoge1xuICAgICAgYm9yZGVyQm90dG9tOiBcIm5vbmVcIixcbiAgICB9LFxuXG4gICAgXCImIHRkOmZpcnN0LW9mLXR5cGVcIjoge1xuICAgICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmNhcmQubSxcbiAgICB9LFxuXG4gICAgXCImIHRkOmxhc3Qtb2YtdHlwZVwiOiB7XG4gICAgICBib3JkZXJCb3R0b21SaWdodFJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmNhcmQubSxcbiAgICB9LFxuICB9LFxufSkpO1xuXG50eXBlIFN0eWxlZFRkUHJvcHMgPSBQaWNrPERhdGFUYWJsZUNvbHVtbiwgXCJhbGlnblwiPiAmIFRhYmxlQ2VsbFByb3BzO1xuXG5jb25zdCBTdHlsZWRUZCA9IHN0eWxlZChUYWJsZUNlbGwpPFN0eWxlZFRkUHJvcHM+KFxuICAoeyB0aGVtZSwgYWxpZ24gPSBcImxlZnRcIiB9KSA9PiAoe1xuICAgIHBhZGRpbmc6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSxcbiAgICB0ZXh0QWxpZ246IGFsaWduLFxuICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5kaXZpZGVyLnByaW1hcnl9YCxcbiAgfSlcbik7XG5cbmNvbnN0IFRhYmxlQm9keTogRnVuY3Rpb25Db21wb25lbnQ8VGFibGVCb2R5UHJvcHM+ID0gKHtcbiAgY2xhc3NOYW1lLFxuICBjb2x1bW5zLFxuICByb3dzID0gW10sXG4gIGlzVGFibGVTY3JvbGxlZCxcbn0pID0+IHtcbiAgY29uc3Qgcm93RWxlbWVudHMgPSByb3dzLm1hcCgocm93KSA9PiAoXG4gICAgPFN0eWxlZFRyIGtleT17cm93LmlkfT5cbiAgICAgIHtjb2x1bW5zLm1hcCgoeyBuYW1lLCBhbGlnbiwgcmVuZGVyQ2VsbCB9KSA9PiB7XG4gICAgICAgIGNvbnN0IGNvbnRlbnQgPSByZW5kZXJDZWxsID8gKFxuICAgICAgICAgIHJlbmRlckNlbGwocm93KVxuICAgICAgICApIDogKFxuICAgICAgICAgIDxUZXh0IHNpemU9XCJzXCIgYWxpZ249e2FsaWdufT5cbiAgICAgICAgICAgIHtyb3dbbmFtZV0gPyByb3dbbmFtZV0gOiBcIi0tXCJ9XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICApO1xuXG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgPFN0eWxlZFRkIGtleT17bmFtZX0gYWxpZ249e2FsaWdufSBpc1RhYmxlU2Nyb2xsZWQ9e2lzVGFibGVTY3JvbGxlZH0+XG4gICAgICAgICAgICB7Y29udGVudH1cbiAgICAgICAgICA8L1N0eWxlZFRkPlxuICAgICAgICApO1xuICAgICAgfSl9XG4gICAgPC9TdHlsZWRUcj5cbiAgKSk7XG5cbiAgcmV0dXJuIDx0Ym9keSBjbGFzc05hbWU9e2NsYXNzTmFtZX0+e3Jvd0VsZW1lbnRzfTwvdGJvZHk+O1xufTtcblxuZXhwb3J0IGRlZmF1bHQgVGFibGVCb2R5O1xuIl19 */");
+const StyledTd = /*#__PURE__*/_styled(TableCell, process.env.NODE_ENV === "production" ? {
+  target: "e1q8il1q0"
+} : {
+  target: "e1q8il1q0",
+  label: "StyledTd"
+})(_ref2 => {
+  let {
+    theme,
+    align = "left"
+  } = _ref2;
+  return {
+    padding: theme.variables.size.spacing.m,
+    textAlign: align,
+    borderBottom: `1px solid ${theme.values.color.divider.primary}`
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYmxlQm9keS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0NpQiIsImZpbGUiOiJUYWJsZUJvZHkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IEZ1bmN0aW9uQ29tcG9uZW50IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgRGF0YVRhYmxlQ29sdW1uIH0gZnJvbSBcIi4vdHlwZXNcIjtcbmltcG9ydCBUYWJsZUNlbGwsIHsgVGFibGVDZWxsUHJvcHMgfSBmcm9tIFwiLi9UYWJsZUNlbGxcIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9UZXh0L1RleHRcIjtcbmltcG9ydCB0eXBlIHsgRGF0YVRhYmxlUHJvcHMgfSBmcm9tIFwiLi9EYXRhVGFibGVcIjtcblxuZXhwb3J0IHR5cGUgVGFibGVCb2R5UHJvcHMgPSB7XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbiAgaXNUYWJsZVNjcm9sbGVkOiBib29sZWFuO1xufSAmIFBpY2s8RGF0YVRhYmxlUHJvcHMsIFwiY29sdW1uc1wiIHwgXCJyb3dzXCI+O1xuXG5jb25zdCBTdHlsZWRUciA9IHN0eWxlZC50cigoeyB0aGVtZSB9KSA9PiAoe1xuICBcIiY6aG92ZXJcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudGFicy5oZWFkZXIsXG4gIH0sXG5cbiAgXCImOmxhc3Qtb2YtdHlwZVwiOiB7XG4gICAgXCImIHRkXCI6IHtcbiAgICAgIGJvcmRlckJvdHRvbTogXCJub25lXCIsXG4gICAgfSxcblxuICAgIFwiJiB0ZDpmaXJzdC1vZi10eXBlXCI6IHtcbiAgICAgIGJvcmRlckJvdHRvbUxlZnRSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5jYXJkLm0sXG4gICAgfSxcblxuICAgIFwiJiB0ZDpsYXN0LW9mLXR5cGVcIjoge1xuICAgICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5jYXJkLm0sXG4gICAgfSxcbiAgfSxcbn0pKTtcblxudHlwZSBTdHlsZWRUZFByb3BzID0gUGljazxEYXRhVGFibGVDb2x1bW4sIFwiYWxpZ25cIj4gJiBUYWJsZUNlbGxQcm9wcztcblxuY29uc3QgU3R5bGVkVGQgPSBzdHlsZWQoVGFibGVDZWxsKTxTdHlsZWRUZFByb3BzPihcbiAgKHsgdGhlbWUsIGFsaWduID0gXCJsZWZ0XCIgfSkgPT4gKHtcbiAgICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG4gICAgdGV4dEFsaWduOiBhbGlnbixcbiAgICBib3JkZXJCb3R0b206IGAxcHggc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuZGl2aWRlci5wcmltYXJ5fWAsXG4gIH0pXG4pO1xuXG5jb25zdCBUYWJsZUJvZHk6IEZ1bmN0aW9uQ29tcG9uZW50PFRhYmxlQm9keVByb3BzPiA9ICh7XG4gIGNsYXNzTmFtZSxcbiAgY29sdW1ucyxcbiAgcm93cyA9IFtdLFxuICBpc1RhYmxlU2Nyb2xsZWQsXG59KSA9PiB7XG4gIGNvbnN0IHJvd0VsZW1lbnRzID0gcm93cy5tYXAoKHJvdykgPT4gKFxuICAgIDxTdHlsZWRUciBrZXk9e3Jvdy5pZH0+XG4gICAgICB7Y29sdW1ucy5tYXAoKHsgbmFtZSwgYWxpZ24sIHJlbmRlckNlbGwgfSkgPT4ge1xuICAgICAgICBjb25zdCBjb250ZW50ID0gcmVuZGVyQ2VsbCA/IChcbiAgICAgICAgICByZW5kZXJDZWxsKHJvdylcbiAgICAgICAgKSA6IChcbiAgICAgICAgICA8VGV4dCBzaXplPVwic1wiIGFsaWduPXthbGlnbn0+XG4gICAgICAgICAgICB7cm93W25hbWVdID8gcm93W25hbWVdIDogXCItLVwifVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgKTtcblxuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgIDxTdHlsZWRUZCBrZXk9e25hbWV9IGFsaWduPXthbGlnbn0gaXNUYWJsZVNjcm9sbGVkPXtpc1RhYmxlU2Nyb2xsZWR9PlxuICAgICAgICAgICAge2NvbnRlbnR9XG4gICAgICAgICAgPC9TdHlsZWRUZD5cbiAgICAgICAgKTtcbiAgICAgIH0pfVxuICAgIDwvU3R5bGVkVHI+XG4gICkpO1xuXG4gIHJldHVybiA8dGJvZHkgY2xhc3NOYW1lPXtjbGFzc05hbWV9Pntyb3dFbGVtZW50c308L3Rib2R5Pjtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFRhYmxlQm9keTtcbiJdfQ== */");
+const TableBody = _ref3 => {
+  let {
+    className,
+    columns,
+    rows = [],
+    isTableScrolled
+  } = _ref3;
+  const rowElements = rows.map(row => /*#__PURE__*/React.createElement(StyledTr, {
+    key: row.id
+  }, columns.map(_ref4 => {
+    let {
+      name,
+      align,
+      renderCell
+    } = _ref4;
+    const content = renderCell ? renderCell(row) : /*#__PURE__*/React.createElement(Text, {
+      size: "s",
+      align: align
+    }, row[name] ? row[name] : "--");
+    return /*#__PURE__*/React.createElement(StyledTd, {
+      key: name,
+      align: align,
+      isTableScrolled: isTableScrolled
+    }, content);
+  })));
+  return /*#__PURE__*/React.createElement("tbody", {
+    className: className
+  }, rowElements);
+};
+var TableBody$1 = TableBody;
+
+export { TableBody$1 as default };
+//# sourceMappingURL=TableBody.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableBody.js","sources":["../../../../../src/components/DataTable/TableBody.tsx"],"sourcesContent":["import React, { FunctionComponent } from \"react\";\nimport styled from \"@emotion/styled\";\nimport type { DataTableColumn } from \"./types\";\nimport TableCell, { TableCellProps } from \"./TableCell\";\nimport { Text } from \"../Typography/Text/Text\";\nimport type { DataTableProps } from \"./DataTable\";\n\nexport type TableBodyProps = {\n  className?: string;\n  isTableScrolled: boolean;\n} & Pick<DataTableProps, \"columns\" | \"rows\">;\n\nconst StyledTr = styled.tr(({ theme }) => ({\n  \"&:hover\": {\n    backgroundColor: theme.values.color.background.tabs.header,\n  },\n\n  \"&:last-of-type\": {\n    \"& td\": {\n      borderBottom: \"none\",\n    },\n\n    \"& td:first-of-type\": {\n      borderBottomLeftRadius: theme.variables.size.borderRadius.card.m,\n    },\n\n    \"& td:last-of-type\": {\n      borderBottomRightRadius: theme.variables.size.borderRadius.card.m,\n    },\n  },\n}));\n\ntype StyledTdProps = Pick<DataTableColumn, \"align\"> & TableCellProps;\n\nconst StyledTd = styled(TableCell)<StyledTdProps>(\n  ({ theme, align = \"left\" }) => ({\n    padding: theme.variables.size.spacing.m,\n    textAlign: align,\n    borderBottom: `1px solid ${theme.values.color.divider.primary}`,\n  })\n);\n\nconst TableBody: FunctionComponent<TableBodyProps> = ({\n  className,\n  columns,\n  rows = [],\n  isTableScrolled,\n}) => {\n  const rowElements = rows.map((row) => (\n    <StyledTr key={row.id}>\n      {columns.map(({ name, align, renderCell }) => {\n        const content = renderCell ? (\n          renderCell(row)\n        ) : (\n          <Text size=\"s\" align={align}>\n            {row[name] ? row[name] : \"--\"}\n          </Text>\n        );\n\n        return (\n          <StyledTd key={name} align={align} isTableScrolled={isTableScrolled}>\n            {content}\n          </StyledTd>\n        );\n      })}\n    </StyledTr>\n  ));\n\n  return <tbody className={className}>{rowElements}</tbody>;\n};\n\nexport default TableBody;\n"],"names":["StyledTr","_styled","process","env","NODE_ENV","target","label","_ref","theme","backgroundColor","values","color","background","tabs","header","borderBottom","borderBottomLeftRadius","variables","size","borderRadius","card","m","borderBottomRightRadius","StyledTd","TableCell","_ref2","align","padding","spacing","textAlign","divider","primary","TableBody","_ref3","className","columns","rows","isTableScrolled","rowElements","map","row","React","createElement","key","id","_ref4","name","renderCell","content","Text"],"mappings":";;;;;AAYA,MAAMA,QAAQ,gBAAGC,OAAA,CAAA,IAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,UAAA;AAAA,CAAA,CAAA,CAAUC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;EAAA,OAAM;AACzC,IAAA,SAAS,EAAE;MACTE,eAAe,EAAED,KAAK,CAACE,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,IAAI,CAACC,MAAAA;KACrD;AAED,IAAA,gBAAgB,EAAE;AAChB,MAAA,MAAM,EAAE;AACNC,QAAAA,YAAY,EAAE,MAAA;OACf;AAED,MAAA,oBAAoB,EAAE;QACpBC,sBAAsB,EAAER,KAAK,CAACS,SAAS,CAACC,IAAI,CAACC,YAAY,CAACC,IAAI,CAACC,CAAAA;OAChE;AAED,MAAA,mBAAmB,EAAE;QACnBC,uBAAuB,EAAEd,KAAK,CAACS,SAAS,CAACC,IAAI,CAACC,YAAY,CAACC,IAAI,CAACC,CAAAA;AAClE,OAAA;AACF,KAAA;GACD,CAAA;AAAA,CAAC,EAAAnB,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,qyFAAA,CAAA,CAAA;AAIH,MAAMmB,QAAQ,gBAAGtB,OAAA,CAAOuB,SAAS,EAAAtB,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,UAAA;AAAA,CAAA,CAAC,CAChCmB,KAAA,IAAA;EAAA,IAAC;IAAEjB,KAAK;AAAEkB,IAAAA,KAAK,GAAG,MAAA;AAAO,GAAC,GAAAD,KAAA,CAAA;EAAA,OAAM;IAC9BE,OAAO,EAAEnB,KAAK,CAACS,SAAS,CAACC,IAAI,CAACU,OAAO,CAACP,CAAC;AACvCQ,IAAAA,SAAS,EAAEH,KAAK;IAChBX,YAAY,EAAG,CAAYP,UAAAA,EAAAA,KAAK,CAACE,MAAM,CAACC,KAAK,CAACmB,OAAO,CAACC,OAAQ,CAAA,CAAA;GAC/D,CAAA;AAAA,CAAC,EAAA7B,OAAA,CAAAC,GAAA,CAAAC,QAAA,KACH,YAAA,GAAA,EAAA,GAAA,yyFAAA,CAAA,CAAA;AAED,MAAM4B,SAA4C,GAAGC,KAAA,IAK/C;EAAA,IALgD;IACpDC,SAAS;IACTC,OAAO;AACPC,IAAAA,IAAI,GAAG,EAAE;AACTC,IAAAA,eAAAA;AACF,GAAC,GAAAJ,KAAA,CAAA;AACC,EAAA,MAAMK,WAAW,GAAGF,IAAI,CAACG,GAAG,CAAEC,GAAG,iBAC/BC,KAAA,CAAAC,aAAA,CAAC1C,QAAQ,EAAA;IAAC2C,GAAG,EAAEH,GAAG,CAACI,EAAAA;AAAG,GAAA,EACnBT,OAAO,CAACI,GAAG,CAACM,KAAA,IAAiC;IAAA,IAAhC;MAAEC,IAAI;MAAEpB,KAAK;AAAEqB,MAAAA,UAAAA;AAAW,KAAC,GAAAF,KAAA,CAAA;AACvC,IAAA,MAAMG,OAAO,GAAGD,UAAU,GACxBA,UAAU,CAACP,GAAG,CAAC,gBAEfC,KAAA,CAAAC,aAAA,CAACO,IAAI,EAAA;AAAC/B,MAAAA,IAAI,EAAC,GAAG;AAACQ,MAAAA,KAAK,EAAEA,KAAAA;KACnBc,EAAAA,GAAG,CAACM,IAAI,CAAC,GAAGN,GAAG,CAACM,IAAI,CAAC,GAAG,IAAI,CAEhC,CAAA;AAED,IAAA,oBACEL,KAAA,CAAAC,aAAA,CAACnB,QAAQ,EAAA;AAACoB,MAAAA,GAAG,EAAEG,IAAK;AAACpB,MAAAA,KAAK,EAAEA,KAAM;AAACW,MAAAA,eAAe,EAAEA,eAAAA;AAAgB,KAAA,EACjEW,OAAO,CACC,CAAA;GAEd,CAAC,CAEL,CAAC,CAAA;EAEF,oBAAOP,KAAA,CAAAC,aAAA,CAAA,OAAA,EAAA;AAAOR,IAAAA,SAAS,EAAEA,SAAAA;AAAU,GAAA,EAAEI,WAAW,CAAS,CAAA;AAC3D,CAAC,CAAA;AAED,kBAAeN,SAAS;;;;"}

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare type TableCellProps = {
+    isTableScrolled: boolean;
+};
+declare const TableCell: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & TableCellProps, import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;
+export default TableCell;

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

@@ -0,0 +1,41 @@
+import _styled from '@emotion/styled/base';
+
+const TableCell = /*#__PURE__*/_styled("td", process.env.NODE_ENV === "production" ? {
+  target: "e1ez0ram0"
+} : {
+  target: "e1ez0ram0",
+  label: "TableCell"
+})(_ref => {
+  let {
+    theme,
+    isTableScrolled
+  } = _ref;
+  return {
+    ...(isTableScrolled && {
+      "&:first-of-type": {
+        position: "sticky",
+        left: 0,
+        boxShadow: theme.variables.shadow.card.a,
+        "&:before": {
+          content: '" "',
+          position: "absolute",
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0,
+          backgroundColor: theme.values.color.background.layer_1,
+          backgroundClip: "content-box",
+          padding: "0 0 1px 0",
+          zIndex: -1
+        },
+        "tr:hover &:before": {
+          backgroundColor: theme.values.color.background.tabs.header
+        }
+      }
+    })
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYmxlQ2VsbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTWtCIiwiZmlsZSI6IlRhYmxlQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuZXhwb3J0IHR5cGUgVGFibGVDZWxsUHJvcHMgPSB7XG4gIGlzVGFibGVTY3JvbGxlZDogYm9vbGVhbjtcbn07XG5cbmNvbnN0IFRhYmxlQ2VsbCA9IHN0eWxlZC50ZDxUYWJsZUNlbGxQcm9wcz4oKHsgdGhlbWUsIGlzVGFibGVTY3JvbGxlZCB9KSA9PiAoe1xuICAuLi4oaXNUYWJsZVNjcm9sbGVkICYmIHtcbiAgICBcIiY6Zmlyc3Qtb2YtdHlwZVwiOiB7XG4gICAgICBwb3NpdGlvbjogXCJzdGlja3lcIixcbiAgICAgIGxlZnQ6IDAsXG4gICAgICBib3hTaGFkb3c6IHRoZW1lLnZhcmlhYmxlcy5zaGFkb3cuY2FyZC5hLFxuXG4gICAgICBcIiY6YmVmb3JlXCI6IHtcbiAgICAgICAgY29udGVudDogJ1wiIFwiJyxcbiAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgdG9wOiAwLFxuICAgICAgICBsZWZ0OiAwLFxuICAgICAgICByaWdodDogMCxcbiAgICAgICAgYm90dG9tOiAwLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmxheWVyXzEsXG4gICAgICAgIGJhY2tncm91bmRDbGlwOiBcImNvbnRlbnQtYm94XCIsXG4gICAgICAgIHBhZGRpbmc6IFwiMCAwIDFweCAwXCIsXG4gICAgICAgIHpJbmRleDogLTEsXG4gICAgICB9LFxuXG4gICAgICBcInRyOmhvdmVyICY6YmVmb3JlXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50YWJzLmhlYWRlcixcbiAgICAgIH0sXG4gICAgfSxcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBkZWZhdWx0IFRhYmxlQ2VsbDtcbiJdfQ== */");
+var TableCell$1 = TableCell;
+
+export { TableCell$1 as default };
+//# sourceMappingURL=TableCell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableCell.js","sources":["../../../../../src/components/DataTable/TableCell.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport type TableCellProps = {\n  isTableScrolled: boolean;\n};\n\nconst TableCell = styled.td<TableCellProps>(({ theme, isTableScrolled }) => ({\n  ...(isTableScrolled && {\n    \"&:first-of-type\": {\n      position: \"sticky\",\n      left: 0,\n      boxShadow: theme.variables.shadow.card.a,\n\n      \"&:before\": {\n        content: '\" \"',\n        position: \"absolute\",\n        top: 0,\n        left: 0,\n        right: 0,\n        bottom: 0,\n        backgroundColor: theme.values.color.background.layer_1,\n        backgroundClip: \"content-box\",\n        padding: \"0 0 1px 0\",\n        zIndex: -1,\n      },\n\n      \"tr:hover &:before\": {\n        backgroundColor: theme.values.color.background.tabs.header,\n      },\n    },\n  }),\n}));\n\nexport default TableCell;\n"],"names":["TableCell","_styled","process","env","NODE_ENV","target","label","_ref","theme","isTableScrolled","position","left","boxShadow","variables","shadow","card","a","content","top","right","bottom","backgroundColor","values","color","background","layer_1","backgroundClip","padding","zIndex","tabs","header"],"mappings":";;AAMA,MAAMA,SAAS,gBAAGC,OAAA,CAAA,IAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,WAAA;AAAA,CAAA,CAAA,CAA0BC,IAAA,IAAA;EAAA,IAAC;IAAEC,KAAK;AAAEC,IAAAA,eAAAA;AAAgB,GAAC,GAAAF,IAAA,CAAA;EAAA,OAAM;AAC3E,IAAA,IAAIE,eAAe,IAAI;AACrB,MAAA,iBAAiB,EAAE;AACjBC,QAAAA,QAAQ,EAAE,QAAQ;AAClBC,QAAAA,IAAI,EAAE,CAAC;QACPC,SAAS,EAAEJ,KAAK,CAACK,SAAS,CAACC,MAAM,CAACC,IAAI,CAACC,CAAC;AAExC,QAAA,UAAU,EAAE;AACVC,UAAAA,OAAO,EAAE,KAAK;AACdP,UAAAA,QAAQ,EAAE,UAAU;AACpBQ,UAAAA,GAAG,EAAE,CAAC;AACNP,UAAAA,IAAI,EAAE,CAAC;AACPQ,UAAAA,KAAK,EAAE,CAAC;AACRC,UAAAA,MAAM,EAAE,CAAC;UACTC,eAAe,EAAEb,KAAK,CAACc,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,OAAO;AACtDC,UAAAA,cAAc,EAAE,aAAa;AAC7BC,UAAAA,OAAO,EAAE,WAAW;AACpBC,UAAAA,MAAM,EAAE,CAAC,CAAA;SACV;AAED,QAAA,mBAAmB,EAAE;UACnBP,eAAe,EAAEb,KAAK,CAACc,MAAM,CAACC,KAAK,CAACC,UAAU,CAACK,IAAI,CAACC,MAAAA;AACtD,SAAA;AACF,OAAA;KACD,CAAA;GACF,CAAA;AAAA,CAAC,EAAA5B,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,yzCAAA,CAAA,CAAA;AAEH,kBAAeJ,SAAS;;;;"}

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

@@ -0,0 +1,5 @@
+import { FunctionComponent } from "react";
+import type { DataTableProps } from "./DataTable";
+declare type TableFooterProps = Pick<DataTableProps, "columns">;
+declare const TableFooter: FunctionComponent<TableFooterProps>;
+export default TableFooter;

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

@@ -0,0 +1,15 @@
+import React from 'react';
+
+const TableFooter = _ref => {
+  let {
+    children,
+    columns
+  } = _ref;
+  return /*#__PURE__*/React.createElement("tfoot", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
+    colSpan: columns.length
+  }, children)));
+};
+var TableFooter$1 = TableFooter;
+
+export { TableFooter$1 as default };
+//# sourceMappingURL=TableFooter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableFooter.js","sources":["../../../../../src/components/DataTable/TableFooter.tsx"],"sourcesContent":["import React, { FunctionComponent } from \"react\";\nimport type { DataTableProps } from \"./DataTable\";\n\ntype TableFooterProps = Pick<DataTableProps, \"columns\">;\n\nconst TableFooter: FunctionComponent<TableFooterProps> = ({\n  children,\n  columns,\n}) => (\n  <tfoot>\n    <tr>\n      <td colSpan={columns.length}>{children}</td>\n    </tr>\n  </tfoot>\n);\n\nexport default TableFooter;\n"],"names":["TableFooter","_ref","children","columns","React","createElement","colSpan","length"],"mappings":";;AAKA,MAAMA,WAAgD,GAAGC,IAAA,IAAA;EAAA,IAAC;IACxDC,QAAQ;AACRC,IAAAA,OAAAA;AACF,GAAC,GAAAF,IAAA,CAAA;EAAA,oBACCG,KAAA,CAAAC,aAAA,CACED,OAAAA,EAAAA,IAAAA,eAAAA,KAAA,CAAAC,aAAA,CAAA,IAAA,EAAA,IAAA,eACED,KAAA,CAAAC,aAAA,CAAA,IAAA,EAAA;IAAIC,OAAO,EAAEH,OAAO,CAACI,MAAAA;GAASL,EAAAA,QAAQ,CAAM,CACzC,CACC,CAAA;AAAA,CACT,CAAA;AAED,oBAAeF,WAAW;;;;"}

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

@@ -0,0 +1,8 @@
+import { FunctionComponent } from "react";
+import type { DataTableProps } from "./DataTable";
+export declare type TableHeaderProps = {
+    className?: string;
+    isTableScrolled: boolean;
+} & Pick<DataTableProps, "columns" | "rows" | "onSort" | "currentlySortedByColumn">;
+declare const TableHeader: FunctionComponent<TableHeaderProps>;
+export default TableHeader;

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

@@ -0,0 +1,162 @@
+import _styled from '@emotion/styled/base';
+import React, { useState } from 'react';
+import { Text } from '../Typography/Text/Text.js';
+import { Icon } from '../Icon/Icon.js';
+import TableCell from './TableCell.js';
+
+const SORT_DIRECTION_ICON = {
+  asc: "sort-ascending",
+  desc: "sort-descending"
+};
+const SortIcon = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
+  target: "e1ij903s3"
+} : {
+  target: "e1ij903s3",
+  label: "SortIcon"
+})(_ref => {
+  let {
+    theme
+  } = _ref;
+  return {
+    marginLeft: theme.variables.size.spacing.xxxs
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYmxlSGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQmlCIiwiZmlsZSI6IlRhYmxlSGVhZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBGdW5jdGlvbkNvbXBvbmVudCwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBEYXRhVGFibGVDb2x1bW4sIFNvcnREaXJlY3Rpb24gfSBmcm9tIFwiLi90eXBlc1wiO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gXCIuLi9UeXBvZ3JhcGh5L1RleHQvVGV4dFwiO1xuaW1wb3J0IHsgSWNvbiwgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgVGFibGVDZWxsLCB7IFRhYmxlQ2VsbFByb3BzIH0gZnJvbSBcIi4vVGFibGVDZWxsXCI7XG5pbXBvcnQgdHlwZSB7IERhdGFUYWJsZVByb3BzIH0gZnJvbSBcIi4vRGF0YVRhYmxlXCI7XG5cbmV4cG9ydCB0eXBlIFRhYmxlSGVhZGVyUHJvcHMgPSB7XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbiAgaXNUYWJsZVNjcm9sbGVkOiBib29sZWFuO1xufSAmIFBpY2s8XG4gIERhdGFUYWJsZVByb3BzLFxuICBcImNvbHVtbnNcIiB8IFwicm93c1wiIHwgXCJvblNvcnRcIiB8IFwiY3VycmVudGx5U29ydGVkQnlDb2x1bW5cIlxuPjtcblxuY29uc3QgU09SVF9ESVJFQ1RJT05fSUNPTjogUmVjb3JkPFNvcnREaXJlY3Rpb24sIEljb25OYW1lPiA9IHtcbiAgYXNjOiBcInNvcnQtYXNjZW5kaW5nXCIsXG4gIGRlc2M6IFwic29ydC1kZXNjZW5kaW5nXCIsXG59O1xuXG5jb25zdCBTb3J0SWNvbiA9IHN0eWxlZC5zcGFuKCh7IHRoZW1lIH0pID0+ICh7XG4gIG1hcmdpbkxlZnQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHh4cyxcbn0pKTtcblxuY29uc3QgU3R5bGVkSGVhZGVyTGFiZWwgPSBzdHlsZWQoVGV4dCkoKHsgdGhlbWUgfSkgPT4gKHtcbiAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci54eHMsXG4gIGxldHRlclNwYWNpbmc6IFwiMC41cHhcIixcbn0pKTtcblxuY29uc3QgU3R5bGVkU29ydGFibGVIZWFkZXIgPSBzdHlsZWQuYnV0dG9uKCh7IHRoZW1lIH0pID0+ICh7XG4gIGFsbDogXCJ1bnNldFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcblxuICBbYCY6aG92ZXIgJHtTdHlsZWRIZWFkZXJMYWJlbH1gXToge1xuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuaGVhZGVyLnByaW1hcnksXG4gIH0sXG59KSk7XG5cbnR5cGUgU29ydGFibGVIZWFkZXJQcm9wcyA9IFBpY2s8XG4gIFRhYmxlSGVhZGVyUHJvcHMsXG4gIFwib25Tb3J0XCIgfCBcImN1cnJlbnRseVNvcnRlZEJ5Q29sdW1uXCJcbj4gJlxuICBEYXRhVGFibGVDb2x1bW47XG5cbmNvbnN0IFNvcnRhYmxlSGVhZGVyOiBGdW5jdGlvbkNvbXBvbmVudDxTb3J0YWJsZUhlYWRlclByb3BzPiA9ICh7XG4gIG5hbWUsXG4gIGxhYmVsLFxuICBhbGlnbixcbiAgc29ydERpcmVjdGlvbiA9IFwiYXNjXCIsXG4gIGN1cnJlbnRseVNvcnRlZEJ5Q29sdW1uLFxuICBvblNvcnQsXG59KSA9PiB7XG4gIGNvbnN0IFtob3ZlcmVkLCBzZXRIb3ZlcmVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgZGVzaXJlZFNvcnREaXJlY3Rpb24gPSBzb3J0RGlyZWN0aW9uID09PSBcImFzY1wiID8gXCJkZXNjXCIgOiBcImFzY1wiO1xuXG4gIGNvbnN0IGhhbmRsZUNsaWNrOiBSZWFjdC5Nb3VzZUV2ZW50SGFuZGxlciA9ICgpID0+IHtcbiAgICBzZXRIb3ZlcmVkKGZhbHNlKTtcbiAgICBpZiAob25Tb3J0KSB7XG4gICAgICBvblNvcnQobmFtZSwgZGVzaXJlZFNvcnREaXJlY3Rpb24pO1xuICAgIH1cbiAgfTtcblxuICBsZXQgaWNvbk5hbWU6IEljb25OYW1lID0gXCJzb3J0LW5ldXRyYWxcIjtcblxuICBpZiAobmFtZSA9PT0gY3VycmVudGx5U29ydGVkQnlDb2x1bW4pIHtcbiAgICBpY29uTmFtZSA9IFNPUlRfRElSRUNUSU9OX0lDT05bc29ydERpcmVjdGlvbl07XG4gIH1cbiAgaWYgKGhvdmVyZWQpIHtcbiAgICBpY29uTmFtZSA9IFNPUlRfRElSRUNUSU9OX0lDT05bZGVzaXJlZFNvcnREaXJlY3Rpb25dO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkU29ydGFibGVIZWFkZXJcbiAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICBvblBvaW50ZXJFbnRlcj17KCkgPT4gc2V0SG92ZXJlZCh0cnVlKX1cbiAgICAgIG9uUG9pbnRlckxlYXZlPXsoKSA9PiBzZXRIb3ZlcmVkKGZhbHNlKX1cbiAgICA+XG4gICAgICA8U3R5bGVkSGVhZGVyTGFiZWxcbiAgICAgICAgYXM9XCJzcGFuXCJcbiAgICAgICAgc2l6ZT1cInhzXCJcbiAgICAgICAgdHJhbnNmb3JtPVwidXBwZXJjYXNlXCJcbiAgICAgICAgYWxpZ249e2FsaWdufVxuICAgICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgPlxuICAgICAgICB7bGFiZWx9XG4gICAgICAgIDxTb3J0SWNvbj5cbiAgICAgICAgICA8SWNvbiBzaXplPVwic1wiIG5hbWU9e2ljb25OYW1lfSBpbmxpbmUgLz5cbiAgICAgICAgPC9Tb3J0SWNvbj5cbiAgICAgIDwvU3R5bGVkSGVhZGVyTGFiZWw+XG4gICAgPC9TdHlsZWRTb3J0YWJsZUhlYWRlcj5cbiAgKTtcbn07XG5cbnR5cGUgU3R5bGVkVGhQcm9wcyA9IFBpY2s8RGF0YVRhYmxlQ29sdW1uLCBcImFsaWduXCIgfCBcIndpZHRoXCI+ICYgVGFibGVDZWxsUHJvcHM7XG5cbmNvbnN0IFN0eWxlZFRoID0gc3R5bGVkKFRhYmxlQ2VsbCk8U3R5bGVkVGhQcm9wcz4oXG4gICh7IHRoZW1lLCBhbGlnbiA9IFwibGVmdFwiLCB3aWR0aCA9IFwiYXV0b1wiIH0pID0+ICh7XG4gICAgcGFkZGluZzogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX1gLFxuICAgIHRleHRBbGlnbjogYWxpZ24sXG4gICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmRpdmlkZXIucHJpbWFyeX1gLFxuICAgIHdpZHRoLFxuICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gIH0pXG4pO1xuXG5jb25zdCBUYWJsZUhlYWRlcjogRnVuY3Rpb25Db21wb25lbnQ8VGFibGVIZWFkZXJQcm9wcz4gPSAoe1xuICBjbGFzc05hbWUsXG4gIGNvbHVtbnMsXG4gIGlzVGFibGVTY3JvbGxlZCxcbiAgY3VycmVudGx5U29ydGVkQnlDb2x1bW4sXG4gIG9uU29ydCxcbn0pID0+IHtcbiAgY29uc3QgY29sdW1uRWxlbWVudHMgPSBjb2x1bW5zLm1hcCgoY29sdW1uKSA9PiB7XG4gICAgY29uc3QgeyBpc1NvcnRhYmxlLCBsYWJlbCwgYWxpZ24sIHdpZHRoLCBuYW1lLCBzb3J0RGlyZWN0aW9uIH0gPSBjb2x1bW47XG4gICAgY29uc3QgaGVhZGVyRWxtID0gaXNTb3J0YWJsZSA/IChcbiAgICAgIDxTb3J0YWJsZUhlYWRlclxuICAgICAgICBvblNvcnQ9e29uU29ydH1cbiAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgbGFiZWw9e2xhYmVsfVxuICAgICAgICBzb3J0RGlyZWN0aW9uPXtzb3J0RGlyZWN0aW9ufVxuICAgICAgICBjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbj17Y3VycmVudGx5U29ydGVkQnlDb2x1bW59XG4gICAgICAvPlxuICAgICkgOiAoXG4gICAgICA8U3R5bGVkSGVhZGVyTGFiZWxcbiAgICAgICAgc2l6ZT1cInhzXCJcbiAgICAgICAgdHJhbnNmb3JtPVwidXBwZXJjYXNlXCJcbiAgICAgICAgYWxpZ249e2FsaWdufVxuICAgICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgPlxuICAgICAgICB7bGFiZWx9XG4gICAgICA8L1N0eWxlZEhlYWRlckxhYmVsPlxuICAgICk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZFRoXG4gICAgICAgIGFzPVwidGhcIlxuICAgICAgICBhbGlnbj17YWxpZ259XG4gICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAga2V5PXtuYW1lfVxuICAgICAgICBpc1RhYmxlU2Nyb2xsZWQ9e2lzVGFibGVTY3JvbGxlZH1cbiAgICAgID5cbiAgICAgICAge2hlYWRlckVsbX1cbiAgICAgIDwvU3R5bGVkVGg+XG4gICAgKTtcbiAgfSk7XG5cbiAgcmV0dXJuIChcbiAgICA8dGhlYWQgY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAgPHRyPntjb2x1bW5FbGVtZW50c308L3RyPlxuICAgIDwvdGhlYWQ+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBUYWJsZUhlYWRlcjtcbiJdfQ== */");
+const StyledHeaderLabel = /*#__PURE__*/_styled(Text, process.env.NODE_ENV === "production" ? {
+  target: "e1ij903s2"
+} : {
+  target: "e1ij903s2",
+  label: "StyledHeaderLabel"
+})(_ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return {
+    fontWeight: theme.variables.weight.bold,
+    lineHeight: theme.variables.size.lineHeight.header.xxs,
+    letterSpacing: "0.5px"
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYmxlSGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QjBCIiwiZmlsZSI6IlRhYmxlSGVhZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBGdW5jdGlvbkNvbXBvbmVudCwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBEYXRhVGFibGVDb2x1bW4sIFNvcnREaXJlY3Rpb24gfSBmcm9tIFwiLi90eXBlc1wiO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gXCIuLi9UeXBvZ3JhcGh5L1RleHQvVGV4dFwiO1xuaW1wb3J0IHsgSWNvbiwgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgVGFibGVDZWxsLCB7IFRhYmxlQ2VsbFByb3BzIH0gZnJvbSBcIi4vVGFibGVDZWxsXCI7XG5pbXBvcnQgdHlwZSB7IERhdGFUYWJsZVByb3BzIH0gZnJvbSBcIi4vRGF0YVRhYmxlXCI7XG5cbmV4cG9ydCB0eXBlIFRhYmxlSGVhZGVyUHJvcHMgPSB7XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbiAgaXNUYWJsZVNjcm9sbGVkOiBib29sZWFuO1xufSAmIFBpY2s8XG4gIERhdGFUYWJsZVByb3BzLFxuICBcImNvbHVtbnNcIiB8IFwicm93c1wiIHwgXCJvblNvcnRcIiB8IFwiY3VycmVudGx5U29ydGVkQnlDb2x1bW5cIlxuPjtcblxuY29uc3QgU09SVF9ESVJFQ1RJT05fSUNPTjogUmVjb3JkPFNvcnREaXJlY3Rpb24sIEljb25OYW1lPiA9IHtcbiAgYXNjOiBcInNvcnQtYXNjZW5kaW5nXCIsXG4gIGRlc2M6IFwic29ydC1kZXNjZW5kaW5nXCIsXG59O1xuXG5jb25zdCBTb3J0SWNvbiA9IHN0eWxlZC5zcGFuKCh7IHRoZW1lIH0pID0+ICh7XG4gIG1hcmdpbkxlZnQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHh4cyxcbn0pKTtcblxuY29uc3QgU3R5bGVkSGVhZGVyTGFiZWwgPSBzdHlsZWQoVGV4dCkoKHsgdGhlbWUgfSkgPT4gKHtcbiAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci54eHMsXG4gIGxldHRlclNwYWNpbmc6IFwiMC41cHhcIixcbn0pKTtcblxuY29uc3QgU3R5bGVkU29ydGFibGVIZWFkZXIgPSBzdHlsZWQuYnV0dG9uKCh7IHRoZW1lIH0pID0+ICh7XG4gIGFsbDogXCJ1bnNldFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcblxuICBbYCY6aG92ZXIgJHtTdHlsZWRIZWFkZXJMYWJlbH1gXToge1xuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuaGVhZGVyLnByaW1hcnksXG4gIH0sXG59KSk7XG5cbnR5cGUgU29ydGFibGVIZWFkZXJQcm9wcyA9IFBpY2s8XG4gIFRhYmxlSGVhZGVyUHJvcHMsXG4gIFwib25Tb3J0XCIgfCBcImN1cnJlbnRseVNvcnRlZEJ5Q29sdW1uXCJcbj4gJlxuICBEYXRhVGFibGVDb2x1bW47XG5cbmNvbnN0IFNvcnRhYmxlSGVhZGVyOiBGdW5jdGlvbkNvbXBvbmVudDxTb3J0YWJsZUhlYWRlclByb3BzPiA9ICh7XG4gIG5hbWUsXG4gIGxhYmVsLFxuICBhbGlnbixcbiAgc29ydERpcmVjdGlvbiA9IFwiYXNjXCIsXG4gIGN1cnJlbnRseVNvcnRlZEJ5Q29sdW1uLFxuICBvblNvcnQsXG59KSA9PiB7XG4gIGNvbnN0IFtob3ZlcmVkLCBzZXRIb3ZlcmVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgZGVzaXJlZFNvcnREaXJlY3Rpb24gPSBzb3J0RGlyZWN0aW9uID09PSBcImFzY1wiID8gXCJkZXNjXCIgOiBcImFzY1wiO1xuXG4gIGNvbnN0IGhhbmRsZUNsaWNrOiBSZWFjdC5Nb3VzZUV2ZW50SGFuZGxlciA9ICgpID0+IHtcbiAgICBzZXRIb3ZlcmVkKGZhbHNlKTtcbiAgICBpZiAob25Tb3J0KSB7XG4gICAgICBvblNvcnQobmFtZSwgZGVzaXJlZFNvcnREaXJlY3Rpb24pO1xuICAgIH1cbiAgfTtcblxuICBsZXQgaWNvbk5hbWU6IEljb25OYW1lID0gXCJzb3J0LW5ldXRyYWxcIjtcblxuICBpZiAobmFtZSA9PT0gY3VycmVudGx5U29ydGVkQnlDb2x1bW4pIHtcbiAgICBpY29uTmFtZSA9IFNPUlRfRElSRUNUSU9OX0lDT05bc29ydERpcmVjdGlvbl07XG4gIH1cbiAgaWYgKGhvdmVyZWQpIHtcbiAgICBpY29uTmFtZSA9IFNPUlRfRElSRUNUSU9OX0lDT05bZGVzaXJlZFNvcnREaXJlY3Rpb25dO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkU29ydGFibGVIZWFkZXJcbiAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICBvblBvaW50ZXJFbnRlcj17KCkgPT4gc2V0SG92ZXJlZCh0cnVlKX1cbiAgICAgIG9uUG9pbnRlckxlYXZlPXsoKSA9PiBzZXRIb3ZlcmVkKGZhbHNlKX1cbiAgICA+XG4gICAgICA8U3R5bGVkSGVhZGVyTGFiZWxcbiAgICAgICAgYXM9XCJzcGFuXCJcbiAgICAgICAgc2l6ZT1cInhzXCJcbiAgICAgICAgdHJhbnNmb3JtPVwidXBwZXJjYXNlXCJcbiAgICAgICAgYWxpZ249e2FsaWdufVxuICAgICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgPlxuICAgICAgICB7bGFiZWx9XG4gICAgICAgIDxTb3J0SWNvbj5cbiAgICAgICAgICA8SWNvbiBzaXplPVwic1wiIG5hbWU9e2ljb25OYW1lfSBpbmxpbmUgLz5cbiAgICAgICAgPC9Tb3J0SWNvbj5cbiAgICAgIDwvU3R5bGVkSGVhZGVyTGFiZWw+XG4gICAgPC9TdHlsZWRTb3J0YWJsZUhlYWRlcj5cbiAgKTtcbn07XG5cbnR5cGUgU3R5bGVkVGhQcm9wcyA9IFBpY2s8RGF0YVRhYmxlQ29sdW1uLCBcImFsaWduXCIgfCBcIndpZHRoXCI+ICYgVGFibGVDZWxsUHJvcHM7XG5cbmNvbnN0IFN0eWxlZFRoID0gc3R5bGVkKFRhYmxlQ2VsbCk8U3R5bGVkVGhQcm9wcz4oXG4gICh7IHRoZW1lLCBhbGlnbiA9IFwibGVmdFwiLCB3aWR0aCA9IFwiYXV0b1wiIH0pID0+ICh7XG4gICAgcGFkZGluZzogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX1gLFxuICAgIHRleHRBbGlnbjogYWxpZ24sXG4gICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmRpdmlkZXIucHJpbWFyeX1gLFxuICAgIHdpZHRoLFxuICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gIH0pXG4pO1xuXG5jb25zdCBUYWJsZUhlYWRlcjogRnVuY3Rpb25Db21wb25lbnQ8VGFibGVIZWFkZXJQcm9wcz4gPSAoe1xuICBjbGFzc05hbWUsXG4gIGNvbHVtbnMsXG4gIGlzVGFibGVTY3JvbGxlZCxcbiAgY3VycmVudGx5U29ydGVkQnlDb2x1bW4sXG4gIG9uU29ydCxcbn0pID0+IHtcbiAgY29uc3QgY29sdW1uRWxlbWVudHMgPSBjb2x1bW5zLm1hcCgoY29sdW1uKSA9PiB7XG4gICAgY29uc3QgeyBpc1NvcnRhYmxlLCBsYWJlbCwgYWxpZ24sIHdpZHRoLCBuYW1lLCBzb3J0RGlyZWN0aW9uIH0gPSBjb2x1bW47XG4gICAgY29uc3QgaGVhZGVyRWxtID0gaXNTb3J0YWJsZSA/IChcbiAgICAgIDxTb3J0YWJsZUhlYWRlclxuICAgICAgICBvblNvcnQ9e29uU29ydH1cbiAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgbGFiZWw9e2xhYmVsfVxuICAgICAgICBzb3J0RGlyZWN0aW9uPXtzb3J0RGlyZWN0aW9ufVxuICAgICAgICBjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbj17Y3VycmVudGx5U29ydGVkQnlDb2x1bW59XG4gICAgICAvPlxuICAgICkgOiAoXG4gICAgICA8U3R5bGVkSGVhZGVyTGFiZWxcbiAgICAgICAgc2l6ZT1cInhzXCJcbiAgICAgICAgdHJhbnNmb3JtPVwidXBwZXJjYXNlXCJcbiAgICAgICAgYWxpZ249e2FsaWdufVxuICAgICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgPlxuICAgICAgICB7bGFiZWx9XG4gICAgICA8L1N0eWxlZEhlYWRlckxhYmVsPlxuICAgICk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZFRoXG4gICAgICAgIGFzPVwidGhcIlxuICAgICAgICBhbGlnbj17YWxpZ259XG4gICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAga2V5PXtuYW1lfVxuICAgICAgICBpc1RhYmxlU2Nyb2xsZWQ9e2lzVGFibGVTY3JvbGxlZH1cbiAgICAgID5cbiAgICAgICAge2hlYWRlckVsbX1cbiAgICAgIDwvU3R5bGVkVGg+XG4gICAgKTtcbiAgfSk7XG5cbiAgcmV0dXJuIChcbiAgICA8dGhlYWQgY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAgPHRyPntjb2x1bW5FbGVtZW50c308L3RyPlxuICAgIDwvdGhlYWQ+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBUYWJsZUhlYWRlcjtcbiJdfQ== */");
+const StyledSortableHeader = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
+  target: "e1ij903s1"
+} : {
+  target: "e1ij903s1",
+  label: "StyledSortableHeader"
+})(_ref3 => {
+  let {
+    theme
+  } = _ref3;
+  return {
+    all: "unset",
+    display: "flex",
+    alignItems: "center",
+    cursor: "pointer",
+    [`&:hover ${StyledHeaderLabel}`]: {
+      color: theme.values.color.header.primary
+    }
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYmxlSGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQjZCIiwiZmlsZSI6IlRhYmxlSGVhZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBGdW5jdGlvbkNvbXBvbmVudCwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBEYXRhVGFibGVDb2x1bW4sIFNvcnREaXJlY3Rpb24gfSBmcm9tIFwiLi90eXBlc1wiO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gXCIuLi9UeXBvZ3JhcGh5L1RleHQvVGV4dFwiO1xuaW1wb3J0IHsgSWNvbiwgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgVGFibGVDZWxsLCB7IFRhYmxlQ2VsbFByb3BzIH0gZnJvbSBcIi4vVGFibGVDZWxsXCI7XG5pbXBvcnQgdHlwZSB7IERhdGFUYWJsZVByb3BzIH0gZnJvbSBcIi4vRGF0YVRhYmxlXCI7XG5cbmV4cG9ydCB0eXBlIFRhYmxlSGVhZGVyUHJvcHMgPSB7XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbiAgaXNUYWJsZVNjcm9sbGVkOiBib29sZWFuO1xufSAmIFBpY2s8XG4gIERhdGFUYWJsZVByb3BzLFxuICBcImNvbHVtbnNcIiB8IFwicm93c1wiIHwgXCJvblNvcnRcIiB8IFwiY3VycmVudGx5U29ydGVkQnlDb2x1bW5cIlxuPjtcblxuY29uc3QgU09SVF9ESVJFQ1RJT05fSUNPTjogUmVjb3JkPFNvcnREaXJlY3Rpb24sIEljb25OYW1lPiA9IHtcbiAgYXNjOiBcInNvcnQtYXNjZW5kaW5nXCIsXG4gIGRlc2M6IFwic29ydC1kZXNjZW5kaW5nXCIsXG59O1xuXG5jb25zdCBTb3J0SWNvbiA9IHN0eWxlZC5zcGFuKCh7IHRoZW1lIH0pID0+ICh7XG4gIG1hcmdpbkxlZnQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHh4cyxcbn0pKTtcblxuY29uc3QgU3R5bGVkSGVhZGVyTGFiZWwgPSBzdHlsZWQoVGV4dCkoKHsgdGhlbWUgfSkgPT4gKHtcbiAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci54eHMsXG4gIGxldHRlclNwYWNpbmc6IFwiMC41cHhcIixcbn0pKTtcblxuY29uc3QgU3R5bGVkU29ydGFibGVIZWFkZXIgPSBzdHlsZWQuYnV0dG9uKCh7IHRoZW1lIH0pID0+ICh7XG4gIGFsbDogXCJ1bnNldFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcblxuICBbYCY6aG92ZXIgJHtTdHlsZWRIZWFkZXJMYWJlbH1gXToge1xuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuaGVhZGVyLnByaW1hcnksXG4gIH0sXG59KSk7XG5cbnR5cGUgU29ydGFibGVIZWFkZXJQcm9wcyA9IFBpY2s8XG4gIFRhYmxlSGVhZGVyUHJvcHMsXG4gIFwib25Tb3J0XCIgfCBcImN1cnJlbnRseVNvcnRlZEJ5Q29sdW1uXCJcbj4gJlxuICBEYXRhVGFibGVDb2x1bW47XG5cbmNvbnN0IFNvcnRhYmxlSGVhZGVyOiBGdW5jdGlvbkNvbXBvbmVudDxTb3J0YWJsZUhlYWRlclByb3BzPiA9ICh7XG4gIG5hbWUsXG4gIGxhYmVsLFxuICBhbGlnbixcbiAgc29ydERpcmVjdGlvbiA9IFwiYXNjXCIsXG4gIGN1cnJlbnRseVNvcnRlZEJ5Q29sdW1uLFxuICBvblNvcnQsXG59KSA9PiB7XG4gIGNvbnN0IFtob3ZlcmVkLCBzZXRIb3ZlcmVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgZGVzaXJlZFNvcnREaXJlY3Rpb24gPSBzb3J0RGlyZWN0aW9uID09PSBcImFzY1wiID8gXCJkZXNjXCIgOiBcImFzY1wiO1xuXG4gIGNvbnN0IGhhbmRsZUNsaWNrOiBSZWFjdC5Nb3VzZUV2ZW50SGFuZGxlciA9ICgpID0+IHtcbiAgICBzZXRIb3ZlcmVkKGZhbHNlKTtcbiAgICBpZiAob25Tb3J0KSB7XG4gICAgICBvblNvcnQobmFtZSwgZGVzaXJlZFNvcnREaXJlY3Rpb24pO1xuICAgIH1cbiAgfTtcblxuICBsZXQgaWNvbk5hbWU6IEljb25OYW1lID0gXCJzb3J0LW5ldXRyYWxcIjtcblxuICBpZiAobmFtZSA9PT0gY3VycmVudGx5U29ydGVkQnlDb2x1bW4pIHtcbiAgICBpY29uTmFtZSA9IFNPUlRfRElSRUNUSU9OX0lDT05bc29ydERpcmVjdGlvbl07XG4gIH1cbiAgaWYgKGhvdmVyZWQpIHtcbiAgICBpY29uTmFtZSA9IFNPUlRfRElSRUNUSU9OX0lDT05bZGVzaXJlZFNvcnREaXJlY3Rpb25dO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkU29ydGFibGVIZWFkZXJcbiAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICBvblBvaW50ZXJFbnRlcj17KCkgPT4gc2V0SG92ZXJlZCh0cnVlKX1cbiAgICAgIG9uUG9pbnRlckxlYXZlPXsoKSA9PiBzZXRIb3ZlcmVkKGZhbHNlKX1cbiAgICA+XG4gICAgICA8U3R5bGVkSGVhZGVyTGFiZWxcbiAgICAgICAgYXM9XCJzcGFuXCJcbiAgICAgICAgc2l6ZT1cInhzXCJcbiAgICAgICAgdHJhbnNmb3JtPVwidXBwZXJjYXNlXCJcbiAgICAgICAgYWxpZ249e2FsaWdufVxuICAgICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgPlxuICAgICAgICB7bGFiZWx9XG4gICAgICAgIDxTb3J0SWNvbj5cbiAgICAgICAgICA8SWNvbiBzaXplPVwic1wiIG5hbWU9e2ljb25OYW1lfSBpbmxpbmUgLz5cbiAgICAgICAgPC9Tb3J0SWNvbj5cbiAgICAgIDwvU3R5bGVkSGVhZGVyTGFiZWw+XG4gICAgPC9TdHlsZWRTb3J0YWJsZUhlYWRlcj5cbiAgKTtcbn07XG5cbnR5cGUgU3R5bGVkVGhQcm9wcyA9IFBpY2s8RGF0YVRhYmxlQ29sdW1uLCBcImFsaWduXCIgfCBcIndpZHRoXCI+ICYgVGFibGVDZWxsUHJvcHM7XG5cbmNvbnN0IFN0eWxlZFRoID0gc3R5bGVkKFRhYmxlQ2VsbCk8U3R5bGVkVGhQcm9wcz4oXG4gICh7IHRoZW1lLCBhbGlnbiA9IFwibGVmdFwiLCB3aWR0aCA9IFwiYXV0b1wiIH0pID0+ICh7XG4gICAgcGFkZGluZzogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX1gLFxuICAgIHRleHRBbGlnbjogYWxpZ24sXG4gICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmRpdmlkZXIucHJpbWFyeX1gLFxuICAgIHdpZHRoLFxuICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gIH0pXG4pO1xuXG5jb25zdCBUYWJsZUhlYWRlcjogRnVuY3Rpb25Db21wb25lbnQ8VGFibGVIZWFkZXJQcm9wcz4gPSAoe1xuICBjbGFzc05hbWUsXG4gIGNvbHVtbnMsXG4gIGlzVGFibGVTY3JvbGxlZCxcbiAgY3VycmVudGx5U29ydGVkQnlDb2x1bW4sXG4gIG9uU29ydCxcbn0pID0+IHtcbiAgY29uc3QgY29sdW1uRWxlbWVudHMgPSBjb2x1bW5zLm1hcCgoY29sdW1uKSA9PiB7XG4gICAgY29uc3QgeyBpc1NvcnRhYmxlLCBsYWJlbCwgYWxpZ24sIHdpZHRoLCBuYW1lLCBzb3J0RGlyZWN0aW9uIH0gPSBjb2x1bW47XG4gICAgY29uc3QgaGVhZGVyRWxtID0gaXNTb3J0YWJsZSA/IChcbiAgICAgIDxTb3J0YWJsZUhlYWRlclxuICAgICAgICBvblNvcnQ9e29uU29ydH1cbiAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgbGFiZWw9e2xhYmVsfVxuICAgICAgICBzb3J0RGlyZWN0aW9uPXtzb3J0RGlyZWN0aW9ufVxuICAgICAgICBjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbj17Y3VycmVudGx5U29ydGVkQnlDb2x1bW59XG4gICAgICAvPlxuICAgICkgOiAoXG4gICAgICA8U3R5bGVkSGVhZGVyTGFiZWxcbiAgICAgICAgc2l6ZT1cInhzXCJcbiAgICAgICAgdHJhbnNmb3JtPVwidXBwZXJjYXNlXCJcbiAgICAgICAgYWxpZ249e2FsaWdufVxuICAgICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgPlxuICAgICAgICB7bGFiZWx9XG4gICAgICA8L1N0eWxlZEhlYWRlckxhYmVsPlxuICAgICk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZFRoXG4gICAgICAgIGFzPVwidGhcIlxuICAgICAgICBhbGlnbj17YWxpZ259XG4gICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAga2V5PXtuYW1lfVxuICAgICAgICBpc1RhYmxlU2Nyb2xsZWQ9e2lzVGFibGVTY3JvbGxlZH1cbiAgICAgID5cbiAgICAgICAge2hlYWRlckVsbX1cbiAgICAgIDwvU3R5bGVkVGg+XG4gICAgKTtcbiAgfSk7XG5cbiAgcmV0dXJuIChcbiAgICA8dGhlYWQgY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAgPHRyPntjb2x1bW5FbGVtZW50c308L3RyPlxuICAgIDwvdGhlYWQ+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBUYWJsZUhlYWRlcjtcbiJdfQ== */");
+const SortableHeader = _ref4 => {
+  let {
+    name,
+    label,
+    align,
+    sortDirection = "asc",
+    currentlySortedByColumn,
+    onSort
+  } = _ref4;
+  const [hovered, setHovered] = useState(false);
+  const desiredSortDirection = sortDirection === "asc" ? "desc" : "asc";
+  const handleClick = () => {
+    setHovered(false);
+    if (onSort) {
+      onSort(name, desiredSortDirection);
+    }
+  };
+  let iconName = "sort-neutral";
+  if (name === currentlySortedByColumn) {
+    iconName = SORT_DIRECTION_ICON[sortDirection];
+  }
+  if (hovered) {
+    iconName = SORT_DIRECTION_ICON[desiredSortDirection];
+  }
+  return /*#__PURE__*/React.createElement(StyledSortableHeader, {
+    onClick: handleClick,
+    type: "button",
+    onPointerEnter: () => setHovered(true),
+    onPointerLeave: () => setHovered(false)
+  }, /*#__PURE__*/React.createElement(StyledHeaderLabel, {
+    as: "span",
+    size: "xs",
+    transform: "uppercase",
+    align: align,
+    variant: "tertiary"
+  }, label, /*#__PURE__*/React.createElement(SortIcon, null, /*#__PURE__*/React.createElement(Icon, {
+    size: "s",
+    name: iconName,
+    inline: true
+  }))));
+};
+const StyledTh = /*#__PURE__*/_styled(TableCell, process.env.NODE_ENV === "production" ? {
+  target: "e1ij903s0"
+} : {
+  target: "e1ij903s0",
+  label: "StyledTh"
+})(_ref5 => {
+  let {
+    theme,
+    align = "left",
+    width = "auto"
+  } = _ref5;
+  return {
+    padding: `${theme.variables.size.spacing.s} ${theme.variables.size.spacing.m}`,
+    textAlign: align,
+    borderBottom: `1px solid ${theme.values.color.divider.primary}`,
+    width,
+    whiteSpace: "nowrap"
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYmxlSGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvR2lCIiwiZmlsZSI6IlRhYmxlSGVhZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBGdW5jdGlvbkNvbXBvbmVudCwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBEYXRhVGFibGVDb2x1bW4sIFNvcnREaXJlY3Rpb24gfSBmcm9tIFwiLi90eXBlc1wiO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gXCIuLi9UeXBvZ3JhcGh5L1RleHQvVGV4dFwiO1xuaW1wb3J0IHsgSWNvbiwgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgVGFibGVDZWxsLCB7IFRhYmxlQ2VsbFByb3BzIH0gZnJvbSBcIi4vVGFibGVDZWxsXCI7XG5pbXBvcnQgdHlwZSB7IERhdGFUYWJsZVByb3BzIH0gZnJvbSBcIi4vRGF0YVRhYmxlXCI7XG5cbmV4cG9ydCB0eXBlIFRhYmxlSGVhZGVyUHJvcHMgPSB7XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbiAgaXNUYWJsZVNjcm9sbGVkOiBib29sZWFuO1xufSAmIFBpY2s8XG4gIERhdGFUYWJsZVByb3BzLFxuICBcImNvbHVtbnNcIiB8IFwicm93c1wiIHwgXCJvblNvcnRcIiB8IFwiY3VycmVudGx5U29ydGVkQnlDb2x1bW5cIlxuPjtcblxuY29uc3QgU09SVF9ESVJFQ1RJT05fSUNPTjogUmVjb3JkPFNvcnREaXJlY3Rpb24sIEljb25OYW1lPiA9IHtcbiAgYXNjOiBcInNvcnQtYXNjZW5kaW5nXCIsXG4gIGRlc2M6IFwic29ydC1kZXNjZW5kaW5nXCIsXG59O1xuXG5jb25zdCBTb3J0SWNvbiA9IHN0eWxlZC5zcGFuKCh7IHRoZW1lIH0pID0+ICh7XG4gIG1hcmdpbkxlZnQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHh4cyxcbn0pKTtcblxuY29uc3QgU3R5bGVkSGVhZGVyTGFiZWwgPSBzdHlsZWQoVGV4dCkoKHsgdGhlbWUgfSkgPT4gKHtcbiAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci54eHMsXG4gIGxldHRlclNwYWNpbmc6IFwiMC41cHhcIixcbn0pKTtcblxuY29uc3QgU3R5bGVkU29ydGFibGVIZWFkZXIgPSBzdHlsZWQuYnV0dG9uKCh7IHRoZW1lIH0pID0+ICh7XG4gIGFsbDogXCJ1bnNldFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcblxuICBbYCY6aG92ZXIgJHtTdHlsZWRIZWFkZXJMYWJlbH1gXToge1xuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuaGVhZGVyLnByaW1hcnksXG4gIH0sXG59KSk7XG5cbnR5cGUgU29ydGFibGVIZWFkZXJQcm9wcyA9IFBpY2s8XG4gIFRhYmxlSGVhZGVyUHJvcHMsXG4gIFwib25Tb3J0XCIgfCBcImN1cnJlbnRseVNvcnRlZEJ5Q29sdW1uXCJcbj4gJlxuICBEYXRhVGFibGVDb2x1bW47XG5cbmNvbnN0IFNvcnRhYmxlSGVhZGVyOiBGdW5jdGlvbkNvbXBvbmVudDxTb3J0YWJsZUhlYWRlclByb3BzPiA9ICh7XG4gIG5hbWUsXG4gIGxhYmVsLFxuICBhbGlnbixcbiAgc29ydERpcmVjdGlvbiA9IFwiYXNjXCIsXG4gIGN1cnJlbnRseVNvcnRlZEJ5Q29sdW1uLFxuICBvblNvcnQsXG59KSA9PiB7XG4gIGNvbnN0IFtob3ZlcmVkLCBzZXRIb3ZlcmVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgZGVzaXJlZFNvcnREaXJlY3Rpb24gPSBzb3J0RGlyZWN0aW9uID09PSBcImFzY1wiID8gXCJkZXNjXCIgOiBcImFzY1wiO1xuXG4gIGNvbnN0IGhhbmRsZUNsaWNrOiBSZWFjdC5Nb3VzZUV2ZW50SGFuZGxlciA9ICgpID0+IHtcbiAgICBzZXRIb3ZlcmVkKGZhbHNlKTtcbiAgICBpZiAob25Tb3J0KSB7XG4gICAgICBvblNvcnQobmFtZSwgZGVzaXJlZFNvcnREaXJlY3Rpb24pO1xuICAgIH1cbiAgfTtcblxuICBsZXQgaWNvbk5hbWU6IEljb25OYW1lID0gXCJzb3J0LW5ldXRyYWxcIjtcblxuICBpZiAobmFtZSA9PT0gY3VycmVudGx5U29ydGVkQnlDb2x1bW4pIHtcbiAgICBpY29uTmFtZSA9IFNPUlRfRElSRUNUSU9OX0lDT05bc29ydERpcmVjdGlvbl07XG4gIH1cbiAgaWYgKGhvdmVyZWQpIHtcbiAgICBpY29uTmFtZSA9IFNPUlRfRElSRUNUSU9OX0lDT05bZGVzaXJlZFNvcnREaXJlY3Rpb25dO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkU29ydGFibGVIZWFkZXJcbiAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICBvblBvaW50ZXJFbnRlcj17KCkgPT4gc2V0SG92ZXJlZCh0cnVlKX1cbiAgICAgIG9uUG9pbnRlckxlYXZlPXsoKSA9PiBzZXRIb3ZlcmVkKGZhbHNlKX1cbiAgICA+XG4gICAgICA8U3R5bGVkSGVhZGVyTGFiZWxcbiAgICAgICAgYXM9XCJzcGFuXCJcbiAgICAgICAgc2l6ZT1cInhzXCJcbiAgICAgICAgdHJhbnNmb3JtPVwidXBwZXJjYXNlXCJcbiAgICAgICAgYWxpZ249e2FsaWdufVxuICAgICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgPlxuICAgICAgICB7bGFiZWx9XG4gICAgICAgIDxTb3J0SWNvbj5cbiAgICAgICAgICA8SWNvbiBzaXplPVwic1wiIG5hbWU9e2ljb25OYW1lfSBpbmxpbmUgLz5cbiAgICAgICAgPC9Tb3J0SWNvbj5cbiAgICAgIDwvU3R5bGVkSGVhZGVyTGFiZWw+XG4gICAgPC9TdHlsZWRTb3J0YWJsZUhlYWRlcj5cbiAgKTtcbn07XG5cbnR5cGUgU3R5bGVkVGhQcm9wcyA9IFBpY2s8RGF0YVRhYmxlQ29sdW1uLCBcImFsaWduXCIgfCBcIndpZHRoXCI+ICYgVGFibGVDZWxsUHJvcHM7XG5cbmNvbnN0IFN0eWxlZFRoID0gc3R5bGVkKFRhYmxlQ2VsbCk8U3R5bGVkVGhQcm9wcz4oXG4gICh7IHRoZW1lLCBhbGlnbiA9IFwibGVmdFwiLCB3aWR0aCA9IFwiYXV0b1wiIH0pID0+ICh7XG4gICAgcGFkZGluZzogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX1gLFxuICAgIHRleHRBbGlnbjogYWxpZ24sXG4gICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmRpdmlkZXIucHJpbWFyeX1gLFxuICAgIHdpZHRoLFxuICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gIH0pXG4pO1xuXG5jb25zdCBUYWJsZUhlYWRlcjogRnVuY3Rpb25Db21wb25lbnQ8VGFibGVIZWFkZXJQcm9wcz4gPSAoe1xuICBjbGFzc05hbWUsXG4gIGNvbHVtbnMsXG4gIGlzVGFibGVTY3JvbGxlZCxcbiAgY3VycmVudGx5U29ydGVkQnlDb2x1bW4sXG4gIG9uU29ydCxcbn0pID0+IHtcbiAgY29uc3QgY29sdW1uRWxlbWVudHMgPSBjb2x1bW5zLm1hcCgoY29sdW1uKSA9PiB7XG4gICAgY29uc3QgeyBpc1NvcnRhYmxlLCBsYWJlbCwgYWxpZ24sIHdpZHRoLCBuYW1lLCBzb3J0RGlyZWN0aW9uIH0gPSBjb2x1bW47XG4gICAgY29uc3QgaGVhZGVyRWxtID0gaXNTb3J0YWJsZSA/IChcbiAgICAgIDxTb3J0YWJsZUhlYWRlclxuICAgICAgICBvblNvcnQ9e29uU29ydH1cbiAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgbGFiZWw9e2xhYmVsfVxuICAgICAgICBzb3J0RGlyZWN0aW9uPXtzb3J0RGlyZWN0aW9ufVxuICAgICAgICBjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbj17Y3VycmVudGx5U29ydGVkQnlDb2x1bW59XG4gICAgICAvPlxuICAgICkgOiAoXG4gICAgICA8U3R5bGVkSGVhZGVyTGFiZWxcbiAgICAgICAgc2l6ZT1cInhzXCJcbiAgICAgICAgdHJhbnNmb3JtPVwidXBwZXJjYXNlXCJcbiAgICAgICAgYWxpZ249e2FsaWdufVxuICAgICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgPlxuICAgICAgICB7bGFiZWx9XG4gICAgICA8L1N0eWxlZEhlYWRlckxhYmVsPlxuICAgICk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZFRoXG4gICAgICAgIGFzPVwidGhcIlxuICAgICAgICBhbGlnbj17YWxpZ259XG4gICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAga2V5PXtuYW1lfVxuICAgICAgICBpc1RhYmxlU2Nyb2xsZWQ9e2lzVGFibGVTY3JvbGxlZH1cbiAgICAgID5cbiAgICAgICAge2hlYWRlckVsbX1cbiAgICAgIDwvU3R5bGVkVGg+XG4gICAgKTtcbiAgfSk7XG5cbiAgcmV0dXJuIChcbiAgICA8dGhlYWQgY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAgPHRyPntjb2x1bW5FbGVtZW50c308L3RyPlxuICAgIDwvdGhlYWQ+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBUYWJsZUhlYWRlcjtcbiJdfQ== */");
+const TableHeader = _ref6 => {
+  let {
+    className,
+    columns,
+    isTableScrolled,
+    currentlySortedByColumn,
+    onSort
+  } = _ref6;
+  const columnElements = columns.map(column => {
+    const {
+      isSortable,
+      label,
+      align,
+      width,
+      name,
+      sortDirection
+    } = column;
+    const headerElm = isSortable ? /*#__PURE__*/React.createElement(SortableHeader, {
+      onSort: onSort,
+      name: name,
+      label: label,
+      sortDirection: sortDirection,
+      currentlySortedByColumn: currentlySortedByColumn
+    }) : /*#__PURE__*/React.createElement(StyledHeaderLabel, {
+      size: "xs",
+      transform: "uppercase",
+      align: align,
+      variant: "tertiary"
+    }, label);
+    return /*#__PURE__*/React.createElement(StyledTh, {
+      as: "th",
+      align: align,
+      width: width,
+      key: name,
+      isTableScrolled: isTableScrolled
+    }, headerElm);
+  });
+  return /*#__PURE__*/React.createElement("thead", {
+    className: className
+  }, /*#__PURE__*/React.createElement("tr", null, columnElements));
+};
+var TableHeader$1 = TableHeader;
+
+export { TableHeader$1 as default };
+//# sourceMappingURL=TableHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeader.js","sources":["../../../../../src/components/DataTable/TableHeader.tsx"],"sourcesContent":["import React, { FunctionComponent, useState } from \"react\";\nimport styled from \"@emotion/styled\";\nimport type { DataTableColumn, SortDirection } from \"./types\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { Icon, IconName } from \"../Icon/Icon\";\nimport TableCell, { TableCellProps } from \"./TableCell\";\nimport type { DataTableProps } from \"./DataTable\";\n\nexport type TableHeaderProps = {\n  className?: string;\n  isTableScrolled: boolean;\n} & Pick<\n  DataTableProps,\n  \"columns\" | \"rows\" | \"onSort\" | \"currentlySortedByColumn\"\n>;\n\nconst SORT_DIRECTION_ICON: Record<SortDirection, IconName> = {\n  asc: \"sort-ascending\",\n  desc: \"sort-descending\",\n};\n\nconst SortIcon = styled.span(({ theme }) => ({\n  marginLeft: theme.variables.size.spacing.xxxs,\n}));\n\nconst StyledHeaderLabel = styled(Text)(({ theme }) => ({\n  fontWeight: theme.variables.weight.bold,\n  lineHeight: theme.variables.size.lineHeight.header.xxs,\n  letterSpacing: \"0.5px\",\n}));\n\nconst StyledSortableHeader = styled.button(({ theme }) => ({\n  all: \"unset\",\n  display: \"flex\",\n  alignItems: \"center\",\n  cursor: \"pointer\",\n\n  [`&:hover ${StyledHeaderLabel}`]: {\n    color: theme.values.color.header.primary,\n  },\n}));\n\ntype SortableHeaderProps = Pick<\n  TableHeaderProps,\n  \"onSort\" | \"currentlySortedByColumn\"\n> &\n  DataTableColumn;\n\nconst SortableHeader: FunctionComponent<SortableHeaderProps> = ({\n  name,\n  label,\n  align,\n  sortDirection = \"asc\",\n  currentlySortedByColumn,\n  onSort,\n}) => {\n  const [hovered, setHovered] = useState(false);\n  const desiredSortDirection = sortDirection === \"asc\" ? \"desc\" : \"asc\";\n\n  const handleClick: React.MouseEventHandler = () => {\n    setHovered(false);\n    if (onSort) {\n      onSort(name, desiredSortDirection);\n    }\n  };\n\n  let iconName: IconName = \"sort-neutral\";\n\n  if (name === currentlySortedByColumn) {\n    iconName = SORT_DIRECTION_ICON[sortDirection];\n  }\n  if (hovered) {\n    iconName = SORT_DIRECTION_ICON[desiredSortDirection];\n  }\n\n  return (\n    <StyledSortableHeader\n      onClick={handleClick}\n      type=\"button\"\n      onPointerEnter={() => setHovered(true)}\n      onPointerLeave={() => setHovered(false)}\n    >\n      <StyledHeaderLabel\n        as=\"span\"\n        size=\"xs\"\n        transform=\"uppercase\"\n        align={align}\n        variant=\"tertiary\"\n      >\n        {label}\n        <SortIcon>\n          <Icon size=\"s\" name={iconName} inline />\n        </SortIcon>\n      </StyledHeaderLabel>\n    </StyledSortableHeader>\n  );\n};\n\ntype StyledThProps = Pick<DataTableColumn, \"align\" | \"width\"> & TableCellProps;\n\nconst StyledTh = styled(TableCell)<StyledThProps>(\n  ({ theme, align = \"left\", width = \"auto\" }) => ({\n    padding: `${theme.variables.size.spacing.s} ${theme.variables.size.spacing.m}`,\n    textAlign: align,\n    borderBottom: `1px solid ${theme.values.color.divider.primary}`,\n    width,\n    whiteSpace: \"nowrap\",\n  })\n);\n\nconst TableHeader: FunctionComponent<TableHeaderProps> = ({\n  className,\n  columns,\n  isTableScrolled,\n  currentlySortedByColumn,\n  onSort,\n}) => {\n  const columnElements = columns.map((column) => {\n    const { isSortable, label, align, width, name, sortDirection } = column;\n    const headerElm = isSortable ? (\n      <SortableHeader\n        onSort={onSort}\n        name={name}\n        label={label}\n        sortDirection={sortDirection}\n        currentlySortedByColumn={currentlySortedByColumn}\n      />\n    ) : (\n      <StyledHeaderLabel\n        size=\"xs\"\n        transform=\"uppercase\"\n        align={align}\n        variant=\"tertiary\"\n      >\n        {label}\n      </StyledHeaderLabel>\n    );\n\n    return (\n      <StyledTh\n        as=\"th\"\n        align={align}\n        width={width}\n        key={name}\n        isTableScrolled={isTableScrolled}\n      >\n        {headerElm}\n      </StyledTh>\n    );\n  });\n\n  return (\n    <thead className={className}>\n      <tr>{columnElements}</tr>\n    </thead>\n  );\n};\n\nexport default TableHeader;\n"],"names":["SORT_DIRECTION_ICON","asc","desc","SortIcon","_styled","process","env","NODE_ENV","target","label","_ref","theme","marginLeft","variables","size","spacing","xxxs","StyledHeaderLabel","Text","_ref2","fontWeight","weight","bold","lineHeight","header","xxs","letterSpacing","StyledSortableHeader","_ref3","all","display","alignItems","cursor","color","values","primary","SortableHeader","_ref4","name","align","sortDirection","currentlySortedByColumn","onSort","hovered","setHovered","useState","desiredSortDirection","handleClick","iconName","React","createElement","onClick","type","onPointerEnter","onPointerLeave","as","transform","variant","Icon","inline","StyledTh","TableCell","_ref5","width","padding","s","m","textAlign","borderBottom","divider","whiteSpace","TableHeader","_ref6","className","columns","isTableScrolled","columnElements","map","column","isSortable","headerElm","key"],"mappings":"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"}

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { TextAlignment } from "../../types";
+export declare type DataTableRow = {
+    id: string;
+    [key: string]: string | number;
+};
+export declare type SortDirection = "asc" | "desc";
+export declare type DataTableColumn = {
+    name: string;
+    label: string;
+    align?: TextAlignment;
+    width?: string;
+    isSortable?: boolean;
+    sortDirection?: SortDirection;
+    renderCell?: (row: DataTableRow) => React.ReactNode;
+};

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

@@ -61,7 +61,7 @@ const StyledPictogramButton = /*#__PURE__*/_styled("button", process.env.NODE_EN
       borderRadius: "0"
     })
   };
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBpY3RvZ3JhbUJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUThCIiwiZmlsZSI6IlBpY3RvZ3JhbUJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEljb25OYW1lLCBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB7IEJ1dHRvblByb3BzIH0gZnJvbSBcIi4uL0J1dHRvbi9CdXR0b25cIjtcbmltcG9ydCB7IFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHNXaXRoUmVmLCBQb2x5bW9ycGhpY1JlZiB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuXG5jb25zdCBTdHlsZWRQaWN0b2dyYW1CdXR0b24gPSBzdHlsZWQuYnV0dG9uPFBhcnRpYWw8UGljdG9ncmFtQnV0dG9uUHJvcHM+PihcbiAgKHsgdGhlbWUsIHZhcmlhbnQsIHNxdWFyZUNvcm5lcnMgfSkgPT4gKHtcbiAgICBcIiZbdHlwZT0nYnV0dG9uJ11cIjoge1xuICAgICAgYXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgICBcIi1tb3otYXBwZWFyYW5jZVwiOiBcIm5vbmVcIixcbiAgICAgIFwiLXdlYmtpdC1hcHBlYXJhbmNlXCI6IFwibm9uZVwiLFxuICAgIH0sXG4gICAgYm9yZGVyOiAwLFxuICAgIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gICAgdGV4dFRyYW5zZm9ybTogXCJub25lXCIsXG4gICAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmJ1dHRvbi5tLFxuICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gICAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQuYnV0dG9uLm0sXG4gICAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5idXR0b24ubSxcbiAgICBmb250V2VpZ2h0OiB0aGVtZS52YXJpYWJsZXMud2VpZ2h0LmJvbGQsXG4gICAgcGFkZGluZzogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHMsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBcIiZbZGlzYWJsZWRdLCAmOmRpc2FibGVkXCI6IHtcbiAgICAgIG9wYWNpdHk6IHRoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LmJ1dHRvbi5kaXNhYmxlZCxcbiAgICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICAgIH0sXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5idXR0b25bdmFyaWFudF0uYmFzZSxcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuYnV0dG9uW3ZhcmlhbnRdLmJhc2UsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYnV0dG9uW3ZhcmlhbnRdLmhvdmVyLFxuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmJ1dHRvblt2YXJpYW50XS5ob3ZlcixcbiAgICB9LFxuICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5idXR0b25bdmFyaWFudF0uYWN0aXZlLFxuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmJ1dHRvblt2YXJpYW50XS5hY3RpdmUsXG4gICAgfSxcbiAgICAuLi4odmFyaWFudCA9PT0gXCJzZWNvbmRhcnlcIiAmJiB7XG4gICAgICBib3JkZXI6IFwiMXB4IHNvbGlkXCIsXG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5idXR0b25bdmFyaWFudF0uYmFzZSxcbiAgICAgIHBhZGRpbmc6IHBhcnNlSW50KHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzLCAxMCkgLSAxLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuYnV0dG9uW3ZhcmlhbnRdLmhvdmVyLFxuICAgICAgfSxcbiAgICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5idXR0b25bdmFyaWFudF0uYWN0aXZlLFxuICAgICAgfSxcbiAgICB9KSxcbiAgICAuLi4oc3F1YXJlQ29ybmVycyAmJiB7XG4gICAgICBib3JkZXJSYWRpdXM6IFwiMFwiLFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IHR5cGUgUGljdG9ncmFtQnV0dG9uUHJvcHMgPSBQaWNrPFxuICBCdXR0b25Qcm9wcyxcbiAgfCBcInZhcmlhbnRcIlxuICB8IFwidHlwZVwiXG4gIHwgXCJkaXNhYmxlZFwiXG4gIHwgXCJvbkNsaWNrXCJcbiAgfCBcIm9uRm9jdXNcIlxuICB8IFwib25CbHVyXCJcbiAgfCBcImRhdGEtZTJlLXRlc3QtaWRcIlxuPiAmIHtcbiAgLyoqIFRoZSBjZW50ZXJlZCBpY29uIHRvIGJlIGRpc3BsYXllZC4gKi9cbiAgaWNvbjogSWNvbk5hbWU7XG4gIC8qKiBJZiB0cnVlLCB0aGUgYnV0dG9uIGhhcyBzcXVhcmUgY29ybmVycy4gKi9cbiAgc3F1YXJlQ29ybmVycz86IGJvb2xlYW47XG59O1xuXG50eXBlIFBpY3RvZ3JhbUJ1dHRvbkNvbXBvbmVudCA9IDxDIGV4dGVuZHMgUmVhY3QuRWxlbWVudFR5cGUgPSBcImJ1dHRvblwiPihcbiAgcHJvcHM6IFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHNXaXRoUmVmPEMsIFBpY3RvZ3JhbUJ1dHRvblByb3BzPlxuKSA9PiBSZWFjdC5SZWFjdEVsZW1lbnQgfCBudWxsO1xuXG5leHBvcnQgY29uc3QgUGljdG9ncmFtQnV0dG9uOiBQaWN0b2dyYW1CdXR0b25Db21wb25lbnQgPSBSZWFjdC5mb3J3YXJkUmVmKFxuICA8QyBleHRlbmRzIFJlYWN0LkVsZW1lbnRUeXBlID0gXCJidXR0b25cIj4oXG4gICAge1xuICAgICAgdHlwZSA9IFwiYnV0dG9uXCIsXG4gICAgICB2YXJpYW50ID0gXCJ0ZXJ0aWFyeVwiLFxuICAgICAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgICAgIG9uQ2xpY2ssXG4gICAgICBvbkZvY3VzLFxuICAgICAgb25CbHVyLFxuICAgICAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gICAgICBhcyxcbiAgICAgIGljb24sXG4gICAgICBzcXVhcmVDb3JuZXJzID0gZmFsc2UsXG4gICAgICAuLi5yZXN0XG4gICAgfTogUG9seW1vcnBoaWNDb21wb25lbnRQcm9wc1dpdGhSZWY8QywgUGljdG9ncmFtQnV0dG9uUHJvcHM+LFxuICAgIHJlZj86IFBvbHltb3JwaGljUmVmPEM+XG4gICkgPT4ge1xuICAgIGZ1bmN0aW9uIGhhbmRsZUNsaWNrKGU6IFJlYWN0Lk1vdXNlRXZlbnQpIHtcbiAgICAgIGlmIChkaXNhYmxlZCkge1xuICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICB9XG4gICAgICBpZiAob25DbGljaykge1xuICAgICAgICBvbkNsaWNrKGUpO1xuICAgICAgfVxuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkUGljdG9ncmFtQnV0dG9uXG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgICBhcz17YXN9XG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgdHlwZT17YXMgJiYgYXMgIT09IFwiYnV0dG9uXCIgPyB1bmRlZmluZWQgOiB0eXBlfVxuICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICBzcXVhcmVDb3JuZXJzPXtzcXVhcmVDb3JuZXJzfVxuICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgPlxuICAgICAgICA8SW5saW5lIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiIHNwYWNlPVwieHhzXCIgbm9XcmFwPlxuICAgICAgICAgIDxJY29uIHNpemU9XCJzXCIgbmFtZT17aWNvbn0gZGF0YS10ZXN0aWQ9e2ljb259IC8+XG4gICAgICAgIDwvSW5saW5lPlxuICAgICAgPC9TdHlsZWRQaWN0b2dyYW1CdXR0b24+XG4gICAgKTtcbiAgfVxuKTtcbiJdfQ== */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBpY3RvZ3JhbUJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUThCIiwiZmlsZSI6IlBpY3RvZ3JhbUJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEljb25OYW1lLCBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB7IEJ1dHRvblByb3BzIH0gZnJvbSBcIi4uL0J1dHRvbi9CdXR0b25cIjtcbmltcG9ydCB7IFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHNXaXRoUmVmLCBQb2x5bW9ycGhpY1JlZiB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuXG5jb25zdCBTdHlsZWRQaWN0b2dyYW1CdXR0b24gPSBzdHlsZWQuYnV0dG9uPFBhcnRpYWw8UGljdG9ncmFtQnV0dG9uUHJvcHM+PihcbiAgKHsgdGhlbWUsIHZhcmlhbnQsIHNxdWFyZUNvcm5lcnMgfSkgPT4gKHtcbiAgICBcIiZbdHlwZT0nYnV0dG9uJ11cIjoge1xuICAgICAgYXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgICBcIi1tb3otYXBwZWFyYW5jZVwiOiBcIm5vbmVcIixcbiAgICAgIFwiLXdlYmtpdC1hcHBlYXJhbmNlXCI6IFwibm9uZVwiLFxuICAgIH0sXG4gICAgYm9yZGVyOiAwLFxuICAgIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gICAgdGV4dFRyYW5zZm9ybTogXCJub25lXCIsXG4gICAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmJ1dHRvbi5tLFxuICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gICAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQuYnV0dG9uLm0sXG4gICAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5idXR0b24ubSxcbiAgICBmb250V2VpZ2h0OiB0aGVtZS52YXJpYWJsZXMud2VpZ2h0LmJvbGQsXG4gICAgcGFkZGluZzogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHMsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBcIiZbZGlzYWJsZWRdLCAmOmRpc2FibGVkXCI6IHtcbiAgICAgIG9wYWNpdHk6IHRoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LmJ1dHRvbi5kaXNhYmxlZCxcbiAgICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICAgIH0sXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5idXR0b25bdmFyaWFudF0uYmFzZSxcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuYnV0dG9uW3ZhcmlhbnRdLmJhc2UsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYnV0dG9uW3ZhcmlhbnRdLmhvdmVyLFxuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmJ1dHRvblt2YXJpYW50XS5ob3ZlcixcbiAgICB9LFxuICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5idXR0b25bdmFyaWFudF0uYWN0aXZlLFxuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmJ1dHRvblt2YXJpYW50XS5hY3RpdmUsXG4gICAgfSxcbiAgICAuLi4odmFyaWFudCA9PT0gXCJzZWNvbmRhcnlcIiAmJiB7XG4gICAgICBib3JkZXI6IFwiMXB4IHNvbGlkXCIsXG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5idXR0b25bdmFyaWFudF0uYmFzZSxcbiAgICAgIHBhZGRpbmc6IHBhcnNlSW50KHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzLCAxMCkgLSAxLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuYnV0dG9uW3ZhcmlhbnRdLmhvdmVyLFxuICAgICAgfSxcbiAgICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5idXR0b25bdmFyaWFudF0uYWN0aXZlLFxuICAgICAgfSxcbiAgICB9KSxcbiAgICAuLi4oc3F1YXJlQ29ybmVycyAmJiB7XG4gICAgICBib3JkZXJSYWRpdXM6IFwiMFwiLFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IHR5cGUgUGljdG9ncmFtQnV0dG9uUHJvcHMgPSBQaWNrPFxuICBCdXR0b25Qcm9wcyxcbiAgfCBcInZhcmlhbnRcIlxuICB8IFwidHlwZVwiXG4gIHwgXCJkaXNhYmxlZFwiXG4gIHwgXCJvbkNsaWNrXCJcbiAgfCBcIm9uRm9jdXNcIlxuICB8IFwib25CbHVyXCJcbiAgfCBcImRhdGEtZTJlLXRlc3QtaWRcIlxuPiAmIHtcbiAgLyoqIFRoZSBjZW50ZXJlZCBpY29uIHRvIGJlIGRpc3BsYXllZC4gKi9cbiAgaWNvbjogSWNvbk5hbWU7XG4gIC8qKiBJZiB0cnVlLCB0aGUgYnV0dG9uIGhhcyBzcXVhcmUgY29ybmVycy4gKi9cbiAgc3F1YXJlQ29ybmVycz86IGJvb2xlYW47XG59O1xuXG50eXBlIFBpY3RvZ3JhbUJ1dHRvbkNvbXBvbmVudCA9IDxDIGV4dGVuZHMgUmVhY3QuRWxlbWVudFR5cGUgPSBcImJ1dHRvblwiPihcbiAgcHJvcHM6IFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHNXaXRoUmVmPEMsIFBpY3RvZ3JhbUJ1dHRvblByb3BzPlxuKSA9PiBSZWFjdC5SZWFjdEVsZW1lbnQgfCBudWxsO1xuXG5leHBvcnQgY29uc3QgUGljdG9ncmFtQnV0dG9uOiBQaWN0b2dyYW1CdXR0b25Db21wb25lbnQgPSBSZWFjdC5mb3J3YXJkUmVmKFxuICA8QyBleHRlbmRzIFJlYWN0LkVsZW1lbnRUeXBlID0gXCJidXR0b25cIj4oXG4gICAge1xuICAgICAgdHlwZSA9IFwiYnV0dG9uXCIsXG4gICAgICB2YXJpYW50ID0gXCJ0ZXJ0aWFyeVwiLFxuICAgICAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgICAgIG9uQ2xpY2ssXG4gICAgICBvbkZvY3VzLFxuICAgICAgb25CbHVyLFxuICAgICAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gICAgICBhcyxcbiAgICAgIGljb24sXG4gICAgICBzcXVhcmVDb3JuZXJzID0gZmFsc2UsXG4gICAgICAuLi5yZXN0XG4gICAgfTogUG9seW1vcnBoaWNDb21wb25lbnRQcm9wc1dpdGhSZWY8QywgUGljdG9ncmFtQnV0dG9uUHJvcHM+LFxuICAgIHJlZj86IFBvbHltb3JwaGljUmVmPEM+XG4gICkgPT4ge1xuICAgIGZ1bmN0aW9uIGhhbmRsZUNsaWNrKGU6IFJlYWN0Lk1vdXNlRXZlbnQpIHtcbiAgICAgIGlmIChkaXNhYmxlZCkge1xuICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICB9XG4gICAgICBpZiAob25DbGljaykge1xuICAgICAgICBvbkNsaWNrKGUpO1xuICAgICAgfVxuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkUGljdG9ncmFtQnV0dG9uXG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgICBhcz17YXN9XG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgdHlwZT17YXMgJiYgYXMgIT09IFwiYnV0dG9uXCIgPyB1bmRlZmluZWQgOiB0eXBlfVxuICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICBzcXVhcmVDb3JuZXJzPXtzcXVhcmVDb3JuZXJzfVxuICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgPlxuICAgICAgICA8SW5saW5lIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiIHNwYWNlPVwieHhzXCIgbm9XcmFwPlxuICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgICBuYW1lPXtpY29ufVxuICAgICAgICAgICAgZGF0YS10ZXN0aWQ9e2ljb259XG4gICAgICAgICAgICBkYXRhLWUyZS10ZXN0LWlkPXtpY29ufVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvSW5saW5lPlxuICAgICAgPC9TdHlsZWRQaWN0b2dyYW1CdXR0b24+XG4gICAgKTtcbiAgfVxuKTtcbiJdfQ== */");
 const PictogramButton = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
   let {
     type = "button",
@@ -103,7 +103,8 @@ const PictogramButton = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
   }, /*#__PURE__*/React.createElement(Icon, {
     size: "s",
     name: icon,
-    "data-testid": icon
+    "data-testid": icon,
+    "data-e2e-test-id": icon
   })));
 });
 

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

@@ -1 +1 @@
-{"version":3,"file":"PictogramButton.js","sources":["../../../../../src/components/PictogramButton/PictogramButton.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { IconName, Icon } from \"../Icon/Icon\";\nimport { Inline } from \"../Inline/Inline\";\nimport { ButtonProps } from \"../Button/Button\";\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from \"../../types\";\n\nconst StyledPictogramButton = styled.button<Partial<PictogramButtonProps>>(\n  ({ theme, variant, squareCorners }) => ({\n    \"&[type='button']\": {\n      appearance: \"none\",\n      \"-moz-appearance\": \"none\",\n      \"-webkit-appearance\": \"none\",\n    },\n    border: 0,\n    display: \"inline-block\",\n    textTransform: \"none\",\n    textDecoration: \"none\",\n    borderRadius: theme.variables.size.borderRadius.button.m,\n    fontFamily: theme.variables.fontFamily.lato,\n    fontSize: theme.variables.size.font.button.m,\n    lineHeight: theme.variables.size.lineHeight.button.m,\n    fontWeight: theme.variables.weight.bold,\n    padding: theme.variables.size.spacing.xxs,\n    cursor: \"pointer\",\n    \"&[disabled], &:disabled\": {\n      opacity: theme.variables.opacity.button.disabled,\n      pointerEvents: \"none\",\n    },\n    backgroundColor: theme.values.color.background.button[variant].base,\n    color: theme.values.color.text.button[variant].base,\n    \"&:hover\": {\n      backgroundColor: theme.values.color.background.button[variant].hover,\n      color: theme.values.color.text.button[variant].hover,\n    },\n    \"&:active\": {\n      backgroundColor: theme.values.color.background.button[variant].active,\n      color: theme.values.color.text.button[variant].active,\n    },\n    ...(variant === \"secondary\" && {\n      border: \"1px solid\",\n      borderColor: theme.values.color.border.button[variant].base,\n      padding: parseInt(theme.variables.size.spacing.xxs, 10) - 1,\n      \"&:hover\": {\n        borderColor: theme.values.color.border.button[variant].hover,\n      },\n      \"&:active\": {\n        borderColor: theme.values.color.border.button[variant].active,\n      },\n    }),\n    ...(squareCorners && {\n      borderRadius: \"0\",\n    }),\n  })\n);\n\nexport type PictogramButtonProps = Pick<\n  ButtonProps,\n  | \"variant\"\n  | \"type\"\n  | \"disabled\"\n  | \"onClick\"\n  | \"onFocus\"\n  | \"onBlur\"\n  | \"data-e2e-test-id\"\n> & {\n  /** The centered icon to be displayed. */\n  icon: IconName;\n  /** If true, the button has square corners. */\n  squareCorners?: boolean;\n};\n\ntype PictogramButtonComponent = <C extends React.ElementType = \"button\">(\n  props: PolymorphicComponentPropsWithRef<C, PictogramButtonProps>\n) => React.ReactElement | null;\n\nexport const PictogramButton: PictogramButtonComponent = React.forwardRef(\n  <C extends React.ElementType = \"button\">(\n    {\n      type = \"button\",\n      variant = \"tertiary\",\n      disabled = false,\n      onClick,\n      onFocus,\n      onBlur,\n      \"data-e2e-test-id\": dataE2eTestId,\n      as,\n      icon,\n      squareCorners = false,\n      ...rest\n    }: PolymorphicComponentPropsWithRef<C, PictogramButtonProps>,\n    ref?: PolymorphicRef<C>\n  ) => {\n    function handleClick(e: React.MouseEvent) {\n      if (disabled) {\n        e.preventDefault();\n      }\n      if (onClick) {\n        onClick(e);\n      }\n    }\n\n    return (\n      <StyledPictogramButton\n        ref={ref}\n        data-e2e-test-id={dataE2eTestId}\n        as={as}\n        disabled={disabled}\n        type={as && as !== \"button\" ? undefined : type}\n        variant={variant}\n        squareCorners={squareCorners}\n        onClick={handleClick}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        {...rest}\n      >\n        <Inline vAlignItems=\"center\" alignItems=\"center\" space=\"xxs\" noWrap>\n          <Icon size=\"s\" name={icon} data-testid={icon} />\n        </Inline>\n      </StyledPictogramButton>\n    );\n  }\n);\n"],"names":["StyledPictogramButton","_styled","process","env","NODE_ENV","target","label","_ref","theme","variant","squareCorners","appearance","border","display","textTransform","textDecoration","borderRadius","variables","size","button","m","fontFamily","lato","fontSize","font","lineHeight","fontWeight","weight","bold","padding","spacing","xxs","cursor","opacity","disabled","pointerEvents","backgroundColor","values","color","background","base","text","hover","active","borderColor","parseInt","PictogramButton","React","forwardRef","_ref2","ref","type","onClick","onFocus","onBlur","dataE2eTestId","as","icon","rest","handleClick","e","preventDefault","createElement","_extends","undefined","Inline","vAlignItems","alignItems","space","noWrap","Icon","name"],"mappings":"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"}
+{"version":3,"file":"PictogramButton.js","sources":["../../../../../src/components/PictogramButton/PictogramButton.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { IconName, Icon } from \"../Icon/Icon\";\nimport { Inline } from \"../Inline/Inline\";\nimport { ButtonProps } from \"../Button/Button\";\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from \"../../types\";\n\nconst StyledPictogramButton = styled.button<Partial<PictogramButtonProps>>(\n  ({ theme, variant, squareCorners }) => ({\n    \"&[type='button']\": {\n      appearance: \"none\",\n      \"-moz-appearance\": \"none\",\n      \"-webkit-appearance\": \"none\",\n    },\n    border: 0,\n    display: \"inline-block\",\n    textTransform: \"none\",\n    textDecoration: \"none\",\n    borderRadius: theme.variables.size.borderRadius.button.m,\n    fontFamily: theme.variables.fontFamily.lato,\n    fontSize: theme.variables.size.font.button.m,\n    lineHeight: theme.variables.size.lineHeight.button.m,\n    fontWeight: theme.variables.weight.bold,\n    padding: theme.variables.size.spacing.xxs,\n    cursor: \"pointer\",\n    \"&[disabled], &:disabled\": {\n      opacity: theme.variables.opacity.button.disabled,\n      pointerEvents: \"none\",\n    },\n    backgroundColor: theme.values.color.background.button[variant].base,\n    color: theme.values.color.text.button[variant].base,\n    \"&:hover\": {\n      backgroundColor: theme.values.color.background.button[variant].hover,\n      color: theme.values.color.text.button[variant].hover,\n    },\n    \"&:active\": {\n      backgroundColor: theme.values.color.background.button[variant].active,\n      color: theme.values.color.text.button[variant].active,\n    },\n    ...(variant === \"secondary\" && {\n      border: \"1px solid\",\n      borderColor: theme.values.color.border.button[variant].base,\n      padding: parseInt(theme.variables.size.spacing.xxs, 10) - 1,\n      \"&:hover\": {\n        borderColor: theme.values.color.border.button[variant].hover,\n      },\n      \"&:active\": {\n        borderColor: theme.values.color.border.button[variant].active,\n      },\n    }),\n    ...(squareCorners && {\n      borderRadius: \"0\",\n    }),\n  })\n);\n\nexport type PictogramButtonProps = Pick<\n  ButtonProps,\n  | \"variant\"\n  | \"type\"\n  | \"disabled\"\n  | \"onClick\"\n  | \"onFocus\"\n  | \"onBlur\"\n  | \"data-e2e-test-id\"\n> & {\n  /** The centered icon to be displayed. */\n  icon: IconName;\n  /** If true, the button has square corners. */\n  squareCorners?: boolean;\n};\n\ntype PictogramButtonComponent = <C extends React.ElementType = \"button\">(\n  props: PolymorphicComponentPropsWithRef<C, PictogramButtonProps>\n) => React.ReactElement | null;\n\nexport const PictogramButton: PictogramButtonComponent = React.forwardRef(\n  <C extends React.ElementType = \"button\">(\n    {\n      type = \"button\",\n      variant = \"tertiary\",\n      disabled = false,\n      onClick,\n      onFocus,\n      onBlur,\n      \"data-e2e-test-id\": dataE2eTestId,\n      as,\n      icon,\n      squareCorners = false,\n      ...rest\n    }: PolymorphicComponentPropsWithRef<C, PictogramButtonProps>,\n    ref?: PolymorphicRef<C>\n  ) => {\n    function handleClick(e: React.MouseEvent) {\n      if (disabled) {\n        e.preventDefault();\n      }\n      if (onClick) {\n        onClick(e);\n      }\n    }\n\n    return (\n      <StyledPictogramButton\n        ref={ref}\n        data-e2e-test-id={dataE2eTestId}\n        as={as}\n        disabled={disabled}\n        type={as && as !== \"button\" ? undefined : type}\n        variant={variant}\n        squareCorners={squareCorners}\n        onClick={handleClick}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        {...rest}\n      >\n        <Inline vAlignItems=\"center\" alignItems=\"center\" space=\"xxs\" noWrap>\n          <Icon\n            size=\"s\"\n            name={icon}\n            data-testid={icon}\n            data-e2e-test-id={icon}\n          />\n        </Inline>\n      </StyledPictogramButton>\n    );\n  }\n);\n"],"names":["StyledPictogramButton","_styled","process","env","NODE_ENV","target","label","_ref","theme","variant","squareCorners","appearance","border","display","textTransform","textDecoration","borderRadius","variables","size","button","m","fontFamily","lato","fontSize","font","lineHeight","fontWeight","weight","bold","padding","spacing","xxs","cursor","opacity","disabled","pointerEvents","backgroundColor","values","color","background","base","text","hover","active","borderColor","parseInt","PictogramButton","React","forwardRef","_ref2","ref","type","onClick","onFocus","onBlur","dataE2eTestId","as","icon","rest","handleClick","e","preventDefault","createElement","_extends","undefined","Inline","vAlignItems","alignItems","space","noWrap","Icon","name"],"mappings":"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"}

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

@@ -57,7 +57,7 @@ const StyledRoundButton = /*#__PURE__*/_styled("button", process.env.NODE_ENV ==
       }
     })
   };
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJvdW5kQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRMEIiLCJmaWxlIjoiUm91bmRCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBJY29uTmFtZSwgSWNvbiB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgeyBCdXR0b25Qcm9wcyB9IGZyb20gXCIuLi9CdXR0b24vQnV0dG9uXCI7XG5pbXBvcnQgeyBBc1Byb3AgfSBmcm9tIFwiLi4vLi4vdHlwZXNcIjtcblxuY29uc3QgU3R5bGVkUm91bmRCdXR0b24gPSBzdHlsZWQuYnV0dG9uPFBhcnRpYWw8Um91bmRCdXR0b25Qcm9wcz4+KFxuICAoeyB0aGVtZSwgdmFyaWFudCB9KSA9PiAoe1xuICAgIFwiJlt0eXBlPSdidXR0b24nXVwiOiB7XG4gICAgICBhcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICAgIFwiLW1vei1hcHBlYXJhbmNlXCI6IFwibm9uZVwiLFxuICAgICAgXCItd2Via2l0LWFwcGVhcmFuY2VcIjogXCJub25lXCIsXG4gICAgfSxcbiAgICBib3JkZXI6IDAsXG4gICAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgICB0ZXh0VHJhbnNmb3JtOiBcIm5vbmVcIixcbiAgICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gICAgYm9yZGVyUmFkaXVzOiBcIjEwMCVcIixcbiAgICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICAgIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmJ1dHRvbi5tLFxuICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuYnV0dG9uLm0sXG4gICAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICAgIHBhZGRpbmc6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBcIiZbZGlzYWJsZWRdLCAmOmRpc2FibGVkXCI6IHtcbiAgICAgIG9wYWNpdHk6IHRoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LmJ1dHRvbi5kaXNhYmxlZCxcbiAgICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICAgIH0sXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5idXR0b25bdmFyaWFudF0uYmFzZSxcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuYnV0dG9uW3ZhcmlhbnRdLmJhc2UsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYnV0dG9uW3ZhcmlhbnRdLmhvdmVyLFxuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmJ1dHRvblt2YXJpYW50XS5ob3ZlcixcbiAgICB9LFxuICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5idXR0b25bdmFyaWFudF0uYWN0aXZlLFxuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmJ1dHRvblt2YXJpYW50XS5hY3RpdmUsXG4gICAgfSxcbiAgICAuLi4odmFyaWFudCA9PT0gXCJzZWNvbmRhcnlcIiAmJiB7XG4gICAgICBib3JkZXI6IFwiMnB4IHNvbGlkXCIsXG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci50b2dnbGVCdXR0b24uZGVmYXVsdCxcbiAgICAgIHBhZGRpbmc6IHBhcnNlSW50KHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsIDEwKSAtIDIsXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci50b2dnbGVCdXR0b24uZGVmYXVsdEhvdmVyLFxuICAgICAgfSxcbiAgICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci50b2dnbGVCdXR0b24uZGVmYXVsdEhvdmVyLFxuICAgICAgfSxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCB0eXBlIFJvdW5kQnV0dG9uUHJvcHMgPSBQaWNrPFxuICBCdXR0b25Qcm9wcyxcbiAgfCBcInZhcmlhbnRcIlxuICB8IFwidHlwZVwiXG4gIHwgXCJkaXNhYmxlZFwiXG4gIHwgXCJvbkNsaWNrXCJcbiAgfCBcIm9uRm9jdXNcIlxuICB8IFwib25CbHVyXCJcbiAgfCBcImRhdGEtZTJlLXRlc3QtaWRcIlxuPiAmIHtcbiAgLyoqIFRoZSBjZW50ZXJlZCBpY29uIHRvIGJlIGRpc3BsYXllZC4gKi9cbiAgaWNvbjogSWNvbk5hbWU7XG59O1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBhcnRpYWw8Um91bmRCdXR0b25Qcm9wcz4gJiBBc1Byb3A8XCJidXR0b25cIj4gPSB7XG4gIHR5cGU6IFwiYnV0dG9uXCIsXG4gIHZhcmlhbnQ6IFwidGVydGlhcnlcIixcbiAgZGlzYWJsZWQ6IGZhbHNlLFxuICBhczogXCJidXR0b25cIixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IHVuZGVmaW5lZCxcbn07XG5cbmV4cG9ydCBmdW5jdGlvbiBSb3VuZEJ1dHRvbjxDIGV4dGVuZHMgUmVhY3QuRWxlbWVudFR5cGUgPSBcImJ1dHRvblwiPih7XG4gIG9uQ2xpY2ssXG4gIG9uRm9jdXMsXG4gIG9uQmx1cixcbiAgdHlwZSxcbiAgZGlzYWJsZWQsXG4gIGFzLFxuICBpY29uLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbiAgLi4ucmVzdFxufTogUm91bmRCdXR0b25Qcm9wcyAmIEFzUHJvcDxDPik6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFJvdW5kQnV0dG9uXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgYXM9e2FzfVxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgdHlwZT17YXMgPT09IFwiYVwiID8gdW5kZWZpbmVkIDogdHlwZX1cbiAgICAgIG9uQ2xpY2s9eyhlOiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB7XG4gICAgICAgIGlmIChkaXNhYmxlZCkge1xuICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgfVxuICAgICAgICBpZiAob25DbGljaykge1xuICAgICAgICAgIG9uQ2xpY2soZSk7XG4gICAgICAgIH1cbiAgICAgIH19XG4gICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICA8SW5saW5lIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiIHNwYWNlPVwieHhzXCIgbm9XcmFwPlxuICAgICAgICB7aWNvbiAmJiA8SWNvbiBzaXplPVwic1wiIG5hbWU9e2ljb259IGRhdGEtdGVzdGlkPXtpY29ufSAvPn1cbiAgICAgIDwvSW5saW5lPlxuICAgIDwvU3R5bGVkUm91bmRCdXR0b24+XG4gICk7XG59XG5Sb3VuZEJ1dHRvbi5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG4iXX0= */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJvdW5kQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRMEIiLCJmaWxlIjoiUm91bmRCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBJY29uTmFtZSwgSWNvbiB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgeyBCdXR0b25Qcm9wcyB9IGZyb20gXCIuLi9CdXR0b24vQnV0dG9uXCI7XG5pbXBvcnQgeyBBc1Byb3AgfSBmcm9tIFwiLi4vLi4vdHlwZXNcIjtcblxuY29uc3QgU3R5bGVkUm91bmRCdXR0b24gPSBzdHlsZWQuYnV0dG9uPFBhcnRpYWw8Um91bmRCdXR0b25Qcm9wcz4+KFxuICAoeyB0aGVtZSwgdmFyaWFudCB9KSA9PiAoe1xuICAgIFwiJlt0eXBlPSdidXR0b24nXVwiOiB7XG4gICAgICBhcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICAgIFwiLW1vei1hcHBlYXJhbmNlXCI6IFwibm9uZVwiLFxuICAgICAgXCItd2Via2l0LWFwcGVhcmFuY2VcIjogXCJub25lXCIsXG4gICAgfSxcbiAgICBib3JkZXI6IDAsXG4gICAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgICB0ZXh0VHJhbnNmb3JtOiBcIm5vbmVcIixcbiAgICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gICAgYm9yZGVyUmFkaXVzOiBcIjEwMCVcIixcbiAgICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICAgIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmJ1dHRvbi5tLFxuICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuYnV0dG9uLm0sXG4gICAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICAgIHBhZGRpbmc6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBcIiZbZGlzYWJsZWRdLCAmOmRpc2FibGVkXCI6IHtcbiAgICAgIG9wYWNpdHk6IHRoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LmJ1dHRvbi5kaXNhYmxlZCxcbiAgICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICAgIH0sXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5idXR0b25bdmFyaWFudF0uYmFzZSxcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuYnV0dG9uW3ZhcmlhbnRdLmJhc2UsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYnV0dG9uW3ZhcmlhbnRdLmhvdmVyLFxuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmJ1dHRvblt2YXJpYW50XS5ob3ZlcixcbiAgICB9LFxuICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5idXR0b25bdmFyaWFudF0uYWN0aXZlLFxuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmJ1dHRvblt2YXJpYW50XS5hY3RpdmUsXG4gICAgfSxcbiAgICAuLi4odmFyaWFudCA9PT0gXCJzZWNvbmRhcnlcIiAmJiB7XG4gICAgICBib3JkZXI6IFwiMnB4IHNvbGlkXCIsXG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci50b2dnbGVCdXR0b24uZGVmYXVsdCxcbiAgICAgIHBhZGRpbmc6IHBhcnNlSW50KHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsIDEwKSAtIDIsXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci50b2dnbGVCdXR0b24uZGVmYXVsdEhvdmVyLFxuICAgICAgfSxcbiAgICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci50b2dnbGVCdXR0b24uZGVmYXVsdEhvdmVyLFxuICAgICAgfSxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCB0eXBlIFJvdW5kQnV0dG9uUHJvcHMgPSBQaWNrPFxuICBCdXR0b25Qcm9wcyxcbiAgfCBcInZhcmlhbnRcIlxuICB8IFwidHlwZVwiXG4gIHwgXCJkaXNhYmxlZFwiXG4gIHwgXCJvbkNsaWNrXCJcbiAgfCBcIm9uRm9jdXNcIlxuICB8IFwib25CbHVyXCJcbiAgfCBcImRhdGEtZTJlLXRlc3QtaWRcIlxuPiAmIHtcbiAgLyoqIFRoZSBjZW50ZXJlZCBpY29uIHRvIGJlIGRpc3BsYXllZC4gKi9cbiAgaWNvbjogSWNvbk5hbWU7XG59O1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBhcnRpYWw8Um91bmRCdXR0b25Qcm9wcz4gJiBBc1Byb3A8XCJidXR0b25cIj4gPSB7XG4gIHR5cGU6IFwiYnV0dG9uXCIsXG4gIHZhcmlhbnQ6IFwidGVydGlhcnlcIixcbiAgZGlzYWJsZWQ6IGZhbHNlLFxuICBhczogXCJidXR0b25cIixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IHVuZGVmaW5lZCxcbn07XG5cbmV4cG9ydCBmdW5jdGlvbiBSb3VuZEJ1dHRvbjxDIGV4dGVuZHMgUmVhY3QuRWxlbWVudFR5cGUgPSBcImJ1dHRvblwiPih7XG4gIG9uQ2xpY2ssXG4gIG9uRm9jdXMsXG4gIG9uQmx1cixcbiAgdHlwZSxcbiAgZGlzYWJsZWQsXG4gIGFzLFxuICBpY29uLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbiAgLi4ucmVzdFxufTogUm91bmRCdXR0b25Qcm9wcyAmIEFzUHJvcDxDPik6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFJvdW5kQnV0dG9uXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgYXM9e2FzfVxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgdHlwZT17YXMgPT09IFwiYVwiID8gdW5kZWZpbmVkIDogdHlwZX1cbiAgICAgIG9uQ2xpY2s9eyhlOiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB7XG4gICAgICAgIGlmIChkaXNhYmxlZCkge1xuICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgfVxuICAgICAgICBpZiAob25DbGljaykge1xuICAgICAgICAgIG9uQ2xpY2soZSk7XG4gICAgICAgIH1cbiAgICAgIH19XG4gICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICA8SW5saW5lIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiIHNwYWNlPVwieHhzXCIgbm9XcmFwPlxuICAgICAgICB7aWNvbiAmJiAoXG4gICAgICAgICAgPEljb25cbiAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgIG5hbWU9e2ljb259XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17aWNvbn1cbiAgICAgICAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2ljb259XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgIDwvSW5saW5lPlxuICAgIDwvU3R5bGVkUm91bmRCdXR0b24+XG4gICk7XG59XG5Sb3VuZEJ1dHRvbi5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG4iXX0= */");
 const defaultProps = {
   type: "button",
   variant: "tertiary",
@@ -100,7 +100,8 @@ function RoundButton(_ref2) {
   }, icon && /*#__PURE__*/React.createElement(Icon, {
     size: "s",
     name: icon,
-    "data-testid": icon
+    "data-testid": icon,
+    "data-e2e-test-id": icon
   })));
 }
 RoundButton.defaultProps = defaultProps;