@dfds-ui/experiences 1.1.0-alpha.87c33e60 → 1.1.0-alpha.dc590a44

package/cjs/dynamic-table/Head/TableHead.styles.js

@@ -3,19 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ChevronStyled = exports.TableHeadCellCheckboxStyled = exports.TableHeadCellStyled = exports.TableHeadRow = void 0;
-
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-
-var _system = require("@dfds-ui/icons/system");
+exports.chevronStyles = exports.tableHeadCellCheckboxStyles = exports.tableHeadCellStyles = void 0;
 
 var _theme = require("@dfds-ui/theme");
 
-var _TableCell = require("../Body/TableCell.styles");
-
-var _TableRow = require("../Body/TableRow.styles");
+var _react = require("@emotion/react");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _TableCell = require("../Body/TableCell.styles");
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
@@ -23,67 +17,50 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-const TableHeadRow = (0, _base.default)("tr", process.env.NODE_ENV === "production" ? {
-  target: "e16aby0h4"
-} : {
-  target: "e16aby0h4",
-  label: "TableHeadRow"
-})(_objectSpread({}, _TableRow.genericTableRowStyle), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0hlYWQvVGFibGVIZWFkLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY3FDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0hlYWQvVGFibGVIZWFkLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGV2cm9uRG93biB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuaW1wb3J0IHtcbiAgQ2hldnJvblByb3BzLFxuICBHZW5lcmljVGFibGVIZWFkQ2VsbFByb3BzLFxuICBUYWJsZUhlYWRDZWxsQ2hlY2tib3hQcm9wcyxcbiAgVGFibGVIZWFkQ2VsbFByb3BzLFxufSBmcm9tICcuL1RhYmxlSGVhZC50eXBlcydcblxuaW1wb3J0IHsgZ2VuZXJpY1RhYmxlQ2VsbFN0eWxlIH0gZnJvbSAnLi4vQm9keS9UYWJsZUNlbGwuc3R5bGVzJ1xuaW1wb3J0IHsgZ2VuZXJpY1RhYmxlUm93U3R5bGUgfSBmcm9tICcuLi9Cb2R5L1RhYmxlUm93LnN0eWxlcydcblxuZXhwb3J0IGNvbnN0IFRhYmxlSGVhZFJvdyA9IHN0eWxlZC50cmBcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZVJvd1N0eWxlIH19XG5gXG5cbmNvbnN0IEdlbmVyaWNUYWJsZUhlYWRDZWxsU3R5bGVkID0gc3R5bGVkLnRoPEdlbmVyaWNUYWJsZUhlYWRDZWxsUHJvcHM+YFxuICAke3sgLi4uZ2VuZXJpY1RhYmxlQ2VsbFN0eWxlIH19XG5cbiAgYm94LXNoYWRvdzogaW5zZXQgMCAtMXB4ICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fSxcbiAgICBpbnNldCAwIDFweCAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gIGZvbnQtZmFtaWx5OiAke3RoZW1lLmZvbnRGYW1pbGllcy5kaXNwbGF5fTtcbiAgdG9wOiAwO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAyNTBtcztcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYmFja2dyb3VuZC1jb2xvcjtcblxuICAkeyh7IHN0aWNreUhlYWRlciB9KSA9PlxuICAgIHN0aWNreUhlYWRlciAmJlxuICAgIGBcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7c3RpY2t5SGVhZGVyICYmIHRoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgICAgcG9zaXRpb246ICR7c3RpY2t5SGVhZGVyICYmICdzdGlja3knfTtcbiAgICAgIHotaW5kZXg6ICR7c3RpY2t5SGVhZGVyICYmICcxMCd9O1xuICAgIGB9O1xuXG4gICY6aG92ZXIge1xuICAgICR7KHsgc29ydEJ5S2V5LCBzb3J0YWJsZSB9KSA9PlxuICAgICAgc29ydEJ5S2V5ICYmXG4gICAgICBzb3J0YWJsZSAmJlxuICAgICAgYFxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgIGB9O1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWRDZWxsU3R5bGVkID0gc3R5bGVkKEdlbmVyaWNUYWJsZUhlYWRDZWxsU3R5bGVkKTxUYWJsZUhlYWRDZWxsUHJvcHM+YFxuICBtaW4td2lkdGg6ICR7KHsgY3VzdG9tV2lkdGggfSkgPT4gY3VzdG9tV2lkdGggfHwgJ2F1dG8nfTtcbiAgdGV4dC1hbGlnbjogJHsoeyBhbGlnbiB9KSA9PiBhbGlnbiB8fCAnbGVmdCd9O1xuICB3aWR0aDogJHsoeyBjdXN0b21XaWR0aCB9KSA9PiBjdXN0b21XaWR0aCB8fCAnYXV0byd9O1xuXG4gIGRpdiB7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiAkeyh7IGFsaWduIH0pID0+IChhbGlnbiA9PT0gJ3JpZ2h0JyA/ICdyb3ctcmV2ZXJzZScgOiAncm93Jyl9O1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgVGFibGVIZWFkQ2VsbENoZWNrYm94U3R5bGVkID0gc3R5bGVkKEdlbmVyaWNUYWJsZUhlYWRDZWxsU3R5bGVkKTxUYWJsZUhlYWRDZWxsQ2hlY2tib3hQcm9wcz5gXG4gIG1heC13aWR0aDogNDBweDtcbiAgd2lkdGg6IDQwcHg7XG5cbiAgJHsoeyBzdGlja3lIZWFkZXIgfSkgPT5cbiAgICBzdGlja3lIZWFkZXIgJiZcbiAgICBgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3N0aWNreUhlYWRlciAmJiB0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgICAgIHBvc2l0aW9uOiAke3N0aWNreUhlYWRlciAmJiAnc3RpY2t5J307XG4gICAgICB6LWluZGV4OiAke3N0aWNreUhlYWRlciAmJiAnMTAnfTtcbiAgICBgfTtcbmBcblxuZXhwb3J0IGNvbnN0IENoZXZyb25TdHlsZWQgPSBzdHlsZWQoQ2hldnJvbkRvd24pPENoZXZyb25Qcm9wcz5gXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5wcmltYXJ5LmRhcmt9O1xuICBmb250LXNpemU6IDEuNXJlbTtcbiAgb3BhY2l0eTogJHsoeyBzaG93IH0pID0+IChzaG93ID09PSAndHJ1ZScgPyAnMScgOiAnMCcpfTtcbiAgdHJhbnNmb3JtOiAkeyh7IGRlc2NlbmRpbmcgfSkgPT4gZGVzY2VuZGluZyA9PT0gJ3RydWUnICYmICdyb3RhdGUoMTgwZGVnKSd9O1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAyNTBtcztcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogb3BhY2l0eSwgdHJhbnNmb3JtO1xuYFxuIl19 */"));
-exports.TableHeadRow = TableHeadRow;
-const GenericTableHeadCellStyled = (0, _base.default)("th", process.env.NODE_ENV === "production" ? {
-  target: "e16aby0h3"
-} : {
-  target: "e16aby0h3",
-  label: "GenericTableHeadCellStyled"
-})(_objectSpread({}, _TableCell.genericTableCellStyle), " box-shadow:inset 0 -1px ", _theme.theme.colors.surface.secondary, ",inset 0 1px ", _theme.theme.colors.surface.secondary, ";color:", _theme.theme.colors.text.primary.primary, ";font-family:", _theme.theme.fontFamilies.display, ";top:0;transition-duration:250ms;transition-property:background-color;", ({
+const genericTableHeadCellStyles = ({
+  sortable,
+  sortByKey,
+  stickyHeader
+}) => /*#__PURE__*/(0, _react.css)(_objectSpread({}, _TableCell.genericTableCellStyles), " box-shadow:0 1px ", _theme.theme.colors.surface.secondary, ",inset 0 1px ", _theme.theme.colors.surface.secondary, ";color:", _theme.theme.colors.text.primary.primary, ";font-family:", _theme.theme.fontFamilies.display, ";top:0;transition-duration:250ms;transition-property:background-color;", stickyHeader && `
+    background-color: ${_theme.theme.colors.surface.primary};
+    position: sticky;
+    z-index: 10;
+  `, ";&:hover{", sortByKey && sortable && `
+      background-color: ${_theme.theme.colors.surface.secondary};
+      cursor: pointer;
+    `, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:genericTableHeadCellStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0hlYWQvVGFibGVIZWFkLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWTRHIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0hlYWQvVGFibGVIZWFkLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmltcG9ydCB7XG4gIENoZXZyb25Qcm9wcyxcbiAgR2VuZXJpY1RhYmxlSGVhZENlbGxQcm9wcyxcbiAgVGFibGVIZWFkQ2VsbENoZWNrYm94UHJvcHMsXG4gIFRhYmxlSGVhZENlbGxQcm9wcyxcbn0gZnJvbSAnLi9UYWJsZUhlYWQudHlwZXMnXG5cbmltcG9ydCB7IGdlbmVyaWNUYWJsZUNlbGxTdHlsZXMgfSBmcm9tICcuLi9Cb2R5L1RhYmxlQ2VsbC5zdHlsZXMnXG5cbmNvbnN0IGdlbmVyaWNUYWJsZUhlYWRDZWxsU3R5bGVzID0gKHsgc29ydGFibGUsIHNvcnRCeUtleSwgc3RpY2t5SGVhZGVyIH06IEdlbmVyaWNUYWJsZUhlYWRDZWxsUHJvcHMpID0+IGNzc2BcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUNlbGxTdHlsZXMgfX1cblxuICBib3gtc2hhZG93OiAwIDFweCAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX0sXG4gICAgaW5zZXQgMCAxcHggJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICBmb250LWZhbWlseTogJHt0aGVtZS5mb250RmFtaWxpZXMuZGlzcGxheX07XG4gIHRvcDogMDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMjUwbXM7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGJhY2tncm91bmQtY29sb3I7XG5cbiAgJHtzdGlja3lIZWFkZXIgJiZcbiAgYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gICAgcG9zaXRpb246IHN0aWNreTtcbiAgICB6LWluZGV4OiAxMDtcbiAgYH07XG5cbiAgJjpob3ZlciB7XG4gICAgJHtzb3J0QnlLZXkgJiZcbiAgICBzb3J0YWJsZSAmJlxuICAgIGBcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBgfTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgdGFibGVIZWFkQ2VsbFN0eWxlcyA9ICh7XG4gIGFsaWduLFxuICBjdXN0b21XaWR0aCxcbiAgc29ydGFibGUsXG4gIHNvcnRCeUtleSxcbiAgc3RpY2t5SGVhZGVyLFxufTogVGFibGVIZWFkQ2VsbFByb3BzKSA9PiBjc3NgXG4gICR7eyAuLi5nZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlcyh7IHNvcnRhYmxlLCBzb3J0QnlLZXksIHN0aWNreUhlYWRlciB9KSB9fVxuXG4gIG1pbi13aWR0aDogJHtjdXN0b21XaWR0aCB8fCAnYXV0byd9O1xuICB0ZXh0LWFsaWduOiAke2FsaWduIHx8ICdsZWZ0J307XG4gIHdpZHRoOiAke2N1c3RvbVdpZHRoIHx8ICdhdXRvJ307XG5cbiAgZGl2IHtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246ICR7YWxpZ24gPT09ICdyaWdodCcgPyAncm93LXJldmVyc2UnIDogJ3Jvdyd9O1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgdGFibGVIZWFkQ2VsbENoZWNrYm94U3R5bGVzID0gKHsgc3RpY2t5SGVhZGVyIH06IFRhYmxlSGVhZENlbGxDaGVja2JveFByb3BzKSA9PiBjc3NgXG4gICR7eyAuLi5nZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlcyh7IHNvcnRhYmxlOiB1bmRlZmluZWQsIHNvcnRCeUtleTogdW5kZWZpbmVkLCBzdGlja3lIZWFkZXIgfSkgfX1cblxuICBtYXgtd2lkdGg6IDQwcHg7XG4gIHdpZHRoOiA0MHB4O1xuXG4gICR7c3RpY2t5SGVhZGVyICYmXG4gIGBcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgIHBvc2l0aW9uOiBzdGlja3k7XG4gICAgei1pbmRleDogMTA7XG4gIGB9O1xuYFxuXG5leHBvcnQgY29uc3QgY2hldnJvblN0eWxlcyA9ICh7IGRlc2NlbmRpbmcsIHNob3cgfTogQ2hldnJvblByb3BzKSA9PiBjc3NgXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5wcmltYXJ5LmRhcmt9O1xuICBmb250LXNpemU6IDEuNXJlbTtcbiAgb3BhY2l0eTogJHtzaG93ID09PSAndHJ1ZScgPyAnMScgOiAnMCd9O1xuICB0cmFuc2Zvcm06ICR7ZGVzY2VuZGluZyA9PT0gJ3RydWUnICYmICdyb3RhdGUoMTgwZGVnKSd9O1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAyNTBtcztcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogb3BhY2l0eSwgdHJhbnNmb3JtO1xuYFxuIl19 */");
+
+const tableHeadCellStyles = ({
+  align,
+  customWidth,
+  sortable,
+  sortByKey,
   stickyHeader
-}) => stickyHeader && `
-      background-color: ${stickyHeader && _theme.theme.colors.surface.primary};
-      position: ${stickyHeader && 'sticky'};
-      z-index: ${stickyHeader && '10'};
-    `, ";&:hover{", ({
+}) => /*#__PURE__*/(0, _react.css)(_objectSpread({}, genericTableHeadCellStyles({
+  sortable,
   sortByKey,
-  sortable
-}) => sortByKey && sortable && `
-        background-color: ${_theme.theme.colors.surface.secondary};
-        cursor: pointer;
-      `, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0hlYWQvVGFibGVIZWFkLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0J1RSIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9IZWFkL1RhYmxlSGVhZC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hldnJvbkRvd24gfSBmcm9tICdAZGZkcy11aS9pY29ucy9zeXN0ZW0nXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmltcG9ydCB7XG4gIENoZXZyb25Qcm9wcyxcbiAgR2VuZXJpY1RhYmxlSGVhZENlbGxQcm9wcyxcbiAgVGFibGVIZWFkQ2VsbENoZWNrYm94UHJvcHMsXG4gIFRhYmxlSGVhZENlbGxQcm9wcyxcbn0gZnJvbSAnLi9UYWJsZUhlYWQudHlwZXMnXG5cbmltcG9ydCB7IGdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9IGZyb20gJy4uL0JvZHkvVGFibGVDZWxsLnN0eWxlcydcbmltcG9ydCB7IGdlbmVyaWNUYWJsZVJvd1N0eWxlIH0gZnJvbSAnLi4vQm9keS9UYWJsZVJvdy5zdHlsZXMnXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWRSb3cgPSBzdHlsZWQudHJgXG4gICR7eyAuLi5nZW5lcmljVGFibGVSb3dTdHlsZSB9fVxuYFxuXG5jb25zdCBHZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlZCA9IHN0eWxlZC50aDxHZW5lcmljVGFibGVIZWFkQ2VsbFByb3BzPmBcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9fVxuXG4gIGJveC1zaGFkb3c6IGluc2V0IDAgLTFweCAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX0sXG4gICAgaW5zZXQgMCAxcHggJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICBmb250LWZhbWlseTogJHt0aGVtZS5mb250RmFtaWxpZXMuZGlzcGxheX07XG4gIHRvcDogMDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMjUwbXM7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGJhY2tncm91bmQtY29sb3I7XG5cbiAgJHsoeyBzdGlja3lIZWFkZXIgfSkgPT5cbiAgICBzdGlja3lIZWFkZXIgJiZcbiAgICBgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3N0aWNreUhlYWRlciAmJiB0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgICAgIHBvc2l0aW9uOiAke3N0aWNreUhlYWRlciAmJiAnc3RpY2t5J307XG4gICAgICB6LWluZGV4OiAke3N0aWNreUhlYWRlciAmJiAnMTAnfTtcbiAgICBgfTtcblxuICAmOmhvdmVyIHtcbiAgICAkeyh7IHNvcnRCeUtleSwgc29ydGFibGUgfSkgPT5cbiAgICAgIHNvcnRCeUtleSAmJlxuICAgICAgc29ydGFibGUgJiZcbiAgICAgIGBcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICBgfTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgVGFibGVIZWFkQ2VsbFN0eWxlZCA9IHN0eWxlZChHZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlZCk8VGFibGVIZWFkQ2VsbFByb3BzPmBcbiAgbWluLXdpZHRoOiAkeyh7IGN1c3RvbVdpZHRoIH0pID0+IGN1c3RvbVdpZHRoIHx8ICdhdXRvJ307XG4gIHRleHQtYWxpZ246ICR7KHsgYWxpZ24gfSkgPT4gYWxpZ24gfHwgJ2xlZnQnfTtcbiAgd2lkdGg6ICR7KHsgY3VzdG9tV2lkdGggfSkgPT4gY3VzdG9tV2lkdGggfHwgJ2F1dG8nfTtcblxuICBkaXYge1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogJHsoeyBhbGlnbiB9KSA9PiAoYWxpZ24gPT09ICdyaWdodCcgPyAncm93LXJldmVyc2UnIDogJ3JvdycpfTtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlSGVhZENlbGxDaGVja2JveFN0eWxlZCA9IHN0eWxlZChHZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlZCk8VGFibGVIZWFkQ2VsbENoZWNrYm94UHJvcHM+YFxuICBtYXgtd2lkdGg6IDQwcHg7XG4gIHdpZHRoOiA0MHB4O1xuXG4gICR7KHsgc3RpY2t5SGVhZGVyIH0pID0+XG4gICAgc3RpY2t5SGVhZGVyICYmXG4gICAgYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtzdGlja3lIZWFkZXIgJiYgdGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gICAgICBwb3NpdGlvbjogJHtzdGlja3lIZWFkZXIgJiYgJ3N0aWNreSd9O1xuICAgICAgei1pbmRleDogJHtzdGlja3lIZWFkZXIgJiYgJzEwJ307XG4gICAgYH07XG5gXG5cbmV4cG9ydCBjb25zdCBDaGV2cm9uU3R5bGVkID0gc3R5bGVkKENoZXZyb25Eb3duKTxDaGV2cm9uUHJvcHM+YFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5kYXJrfTtcbiAgZm9udC1zaXplOiAxLjVyZW07XG4gIG9wYWNpdHk6ICR7KHsgc2hvdyB9KSA9PiAoc2hvdyA9PT0gJ3RydWUnID8gJzEnIDogJzAnKX07XG4gIHRyYW5zZm9ybTogJHsoeyBkZXNjZW5kaW5nIH0pID0+IGRlc2NlbmRpbmcgPT09ICd0cnVlJyAmJiAncm90YXRlKDE4MGRlZyknfTtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMjUwbXM7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IG9wYWNpdHksIHRyYW5zZm9ybTtcbmBcbiJdfQ== */"));
-const TableHeadCellStyled = ( /*#__PURE__*/0, _base.default)(GenericTableHeadCellStyled, process.env.NODE_ENV === "production" ? {
-  target: "e16aby0h2"
-} : {
-  target: "e16aby0h2",
-  label: "TableHeadCellStyled"
-})("min-width:", ({
-  customWidth
-}) => customWidth || 'auto', ";text-align:", ({
-  align
-}) => align || 'left', ";width:", ({
-  customWidth
-}) => customWidth || 'auto', ";div{align-items:center;display:flex;flex-direction:", ({
-  align
-}) => align === 'right' ? 'row-reverse' : 'row', ";justify-content:space-between;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0hlYWQvVGFibGVIZWFkLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0R5RiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9IZWFkL1RhYmxlSGVhZC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hldnJvbkRvd24gfSBmcm9tICdAZGZkcy11aS9pY29ucy9zeXN0ZW0nXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmltcG9ydCB7XG4gIENoZXZyb25Qcm9wcyxcbiAgR2VuZXJpY1RhYmxlSGVhZENlbGxQcm9wcyxcbiAgVGFibGVIZWFkQ2VsbENoZWNrYm94UHJvcHMsXG4gIFRhYmxlSGVhZENlbGxQcm9wcyxcbn0gZnJvbSAnLi9UYWJsZUhlYWQudHlwZXMnXG5cbmltcG9ydCB7IGdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9IGZyb20gJy4uL0JvZHkvVGFibGVDZWxsLnN0eWxlcydcbmltcG9ydCB7IGdlbmVyaWNUYWJsZVJvd1N0eWxlIH0gZnJvbSAnLi4vQm9keS9UYWJsZVJvdy5zdHlsZXMnXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWRSb3cgPSBzdHlsZWQudHJgXG4gICR7eyAuLi5nZW5lcmljVGFibGVSb3dTdHlsZSB9fVxuYFxuXG5jb25zdCBHZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlZCA9IHN0eWxlZC50aDxHZW5lcmljVGFibGVIZWFkQ2VsbFByb3BzPmBcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9fVxuXG4gIGJveC1zaGFkb3c6IGluc2V0IDAgLTFweCAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX0sXG4gICAgaW5zZXQgMCAxcHggJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICBmb250LWZhbWlseTogJHt0aGVtZS5mb250RmFtaWxpZXMuZGlzcGxheX07XG4gIHRvcDogMDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMjUwbXM7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGJhY2tncm91bmQtY29sb3I7XG5cbiAgJHsoeyBzdGlja3lIZWFkZXIgfSkgPT5cbiAgICBzdGlja3lIZWFkZXIgJiZcbiAgICBgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3N0aWNreUhlYWRlciAmJiB0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgICAgIHBvc2l0aW9uOiAke3N0aWNreUhlYWRlciAmJiAnc3RpY2t5J307XG4gICAgICB6LWluZGV4OiAke3N0aWNreUhlYWRlciAmJiAnMTAnfTtcbiAgICBgfTtcblxuICAmOmhvdmVyIHtcbiAgICAkeyh7IHNvcnRCeUtleSwgc29ydGFibGUgfSkgPT5cbiAgICAgIHNvcnRCeUtleSAmJlxuICAgICAgc29ydGFibGUgJiZcbiAgICAgIGBcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICBgfTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgVGFibGVIZWFkQ2VsbFN0eWxlZCA9IHN0eWxlZChHZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlZCk8VGFibGVIZWFkQ2VsbFByb3BzPmBcbiAgbWluLXdpZHRoOiAkeyh7IGN1c3RvbVdpZHRoIH0pID0+IGN1c3RvbVdpZHRoIHx8ICdhdXRvJ307XG4gIHRleHQtYWxpZ246ICR7KHsgYWxpZ24gfSkgPT4gYWxpZ24gfHwgJ2xlZnQnfTtcbiAgd2lkdGg6ICR7KHsgY3VzdG9tV2lkdGggfSkgPT4gY3VzdG9tV2lkdGggfHwgJ2F1dG8nfTtcblxuICBkaXYge1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogJHsoeyBhbGlnbiB9KSA9PiAoYWxpZ24gPT09ICdyaWdodCcgPyAncm93LXJldmVyc2UnIDogJ3JvdycpfTtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlSGVhZENlbGxDaGVja2JveFN0eWxlZCA9IHN0eWxlZChHZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlZCk8VGFibGVIZWFkQ2VsbENoZWNrYm94UHJvcHM+YFxuICBtYXgtd2lkdGg6IDQwcHg7XG4gIHdpZHRoOiA0MHB4O1xuXG4gICR7KHsgc3RpY2t5SGVhZGVyIH0pID0+XG4gICAgc3RpY2t5SGVhZGVyICYmXG4gICAgYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtzdGlja3lIZWFkZXIgJiYgdGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gICAgICBwb3NpdGlvbjogJHtzdGlja3lIZWFkZXIgJiYgJ3N0aWNreSd9O1xuICAgICAgei1pbmRleDogJHtzdGlja3lIZWFkZXIgJiYgJzEwJ307XG4gICAgYH07XG5gXG5cbmV4cG9ydCBjb25zdCBDaGV2cm9uU3R5bGVkID0gc3R5bGVkKENoZXZyb25Eb3duKTxDaGV2cm9uUHJvcHM+YFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5kYXJrfTtcbiAgZm9udC1zaXplOiAxLjVyZW07XG4gIG9wYWNpdHk6ICR7KHsgc2hvdyB9KSA9PiAoc2hvdyA9PT0gJ3RydWUnID8gJzEnIDogJzAnKX07XG4gIHRyYW5zZm9ybTogJHsoeyBkZXNjZW5kaW5nIH0pID0+IGRlc2NlbmRpbmcgPT09ICd0cnVlJyAmJiAncm90YXRlKDE4MGRlZyknfTtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMjUwbXM7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IG9wYWNpdHksIHRyYW5zZm9ybTtcbmBcbiJdfQ== */"));
-exports.TableHeadCellStyled = TableHeadCellStyled;
-const TableHeadCellCheckboxStyled = ( /*#__PURE__*/0, _base.default)(GenericTableHeadCellStyled, process.env.NODE_ENV === "production" ? {
-  target: "e16aby0h1"
-} : {
-  target: "e16aby0h1",
-  label: "TableHeadCellCheckboxStyled"
-})("max-width:40px;width:40px;", ({
   stickyHeader
-}) => stickyHeader && `
-      background-color: ${stickyHeader && _theme.theme.colors.surface.primary};
-      position: ${stickyHeader && 'sticky'};
-      z-index: ${stickyHeader && '10'};
-    `, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0hlYWQvVGFibGVIZWFkLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkR5RyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9IZWFkL1RhYmxlSGVhZC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hldnJvbkRvd24gfSBmcm9tICdAZGZkcy11aS9pY29ucy9zeXN0ZW0nXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmltcG9ydCB7XG4gIENoZXZyb25Qcm9wcyxcbiAgR2VuZXJpY1RhYmxlSGVhZENlbGxQcm9wcyxcbiAgVGFibGVIZWFkQ2VsbENoZWNrYm94UHJvcHMsXG4gIFRhYmxlSGVhZENlbGxQcm9wcyxcbn0gZnJvbSAnLi9UYWJsZUhlYWQudHlwZXMnXG5cbmltcG9ydCB7IGdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9IGZyb20gJy4uL0JvZHkvVGFibGVDZWxsLnN0eWxlcydcbmltcG9ydCB7IGdlbmVyaWNUYWJsZVJvd1N0eWxlIH0gZnJvbSAnLi4vQm9keS9UYWJsZVJvdy5zdHlsZXMnXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWRSb3cgPSBzdHlsZWQudHJgXG4gICR7eyAuLi5nZW5lcmljVGFibGVSb3dTdHlsZSB9fVxuYFxuXG5jb25zdCBHZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlZCA9IHN0eWxlZC50aDxHZW5lcmljVGFibGVIZWFkQ2VsbFByb3BzPmBcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9fVxuXG4gIGJveC1zaGFkb3c6IGluc2V0IDAgLTFweCAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX0sXG4gICAgaW5zZXQgMCAxcHggJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICBmb250LWZhbWlseTogJHt0aGVtZS5mb250RmFtaWxpZXMuZGlzcGxheX07XG4gIHRvcDogMDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMjUwbXM7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGJhY2tncm91bmQtY29sb3I7XG5cbiAgJHsoeyBzdGlja3lIZWFkZXIgfSkgPT5cbiAgICBzdGlja3lIZWFkZXIgJiZcbiAgICBgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3N0aWNreUhlYWRlciAmJiB0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgICAgIHBvc2l0aW9uOiAke3N0aWNreUhlYWRlciAmJiAnc3RpY2t5J307XG4gICAgICB6LWluZGV4OiAke3N0aWNreUhlYWRlciAmJiAnMTAnfTtcbiAgICBgfTtcblxuICAmOmhvdmVyIHtcbiAgICAkeyh7IHNvcnRCeUtleSwgc29ydGFibGUgfSkgPT5cbiAgICAgIHNvcnRCeUtleSAmJlxuICAgICAgc29ydGFibGUgJiZcbiAgICAgIGBcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICBgfTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgVGFibGVIZWFkQ2VsbFN0eWxlZCA9IHN0eWxlZChHZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlZCk8VGFibGVIZWFkQ2VsbFByb3BzPmBcbiAgbWluLXdpZHRoOiAkeyh7IGN1c3RvbVdpZHRoIH0pID0+IGN1c3RvbVdpZHRoIHx8ICdhdXRvJ307XG4gIHRleHQtYWxpZ246ICR7KHsgYWxpZ24gfSkgPT4gYWxpZ24gfHwgJ2xlZnQnfTtcbiAgd2lkdGg6ICR7KHsgY3VzdG9tV2lkdGggfSkgPT4gY3VzdG9tV2lkdGggfHwgJ2F1dG8nfTtcblxuICBkaXYge1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogJHsoeyBhbGlnbiB9KSA9PiAoYWxpZ24gPT09ICdyaWdodCcgPyAncm93LXJldmVyc2UnIDogJ3JvdycpfTtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlSGVhZENlbGxDaGVja2JveFN0eWxlZCA9IHN0eWxlZChHZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlZCk8VGFibGVIZWFkQ2VsbENoZWNrYm94UHJvcHM+YFxuICBtYXgtd2lkdGg6IDQwcHg7XG4gIHdpZHRoOiA0MHB4O1xuXG4gICR7KHsgc3RpY2t5SGVhZGVyIH0pID0+XG4gICAgc3RpY2t5SGVhZGVyICYmXG4gICAgYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtzdGlja3lIZWFkZXIgJiYgdGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gICAgICBwb3NpdGlvbjogJHtzdGlja3lIZWFkZXIgJiYgJ3N0aWNreSd9O1xuICAgICAgei1pbmRleDogJHtzdGlja3lIZWFkZXIgJiYgJzEwJ307XG4gICAgYH07XG5gXG5cbmV4cG9ydCBjb25zdCBDaGV2cm9uU3R5bGVkID0gc3R5bGVkKENoZXZyb25Eb3duKTxDaGV2cm9uUHJvcHM+YFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5kYXJrfTtcbiAgZm9udC1zaXplOiAxLjVyZW07XG4gIG9wYWNpdHk6ICR7KHsgc2hvdyB9KSA9PiAoc2hvdyA9PT0gJ3RydWUnID8gJzEnIDogJzAnKX07XG4gIHRyYW5zZm9ybTogJHsoeyBkZXNjZW5kaW5nIH0pID0+IGRlc2NlbmRpbmcgPT09ICd0cnVlJyAmJiAncm90YXRlKDE4MGRlZyknfTtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMjUwbXM7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IG9wYWNpdHksIHRyYW5zZm9ybTtcbmBcbiJdfQ== */"));
-exports.TableHeadCellCheckboxStyled = TableHeadCellCheckboxStyled;
-const ChevronStyled = ( /*#__PURE__*/0, _base.default)(_system.ChevronDown, process.env.NODE_ENV === "production" ? {
-  target: "e16aby0h0"
-} : {
-  target: "e16aby0h0",
-  label: "ChevronStyled"
-})("color:", _theme.theme.colors.primary.dark, ";font-size:1.5rem;opacity:", ({
+})), " min-width:", customWidth || 'auto', ";text-align:", align || 'left', ";width:", customWidth || 'auto', ";div{align-items:center;display:flex;flex-direction:", align === 'right' ? 'row-reverse' : 'row', ";justify-content:space-between;}" + (process.env.NODE_ENV === "production" ? "" : ";label:tableHeadCellStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0hlYWQvVGFibGVIZWFkLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEM2QiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9IZWFkL1RhYmxlSGVhZC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5pbXBvcnQge1xuICBDaGV2cm9uUHJvcHMsXG4gIEdlbmVyaWNUYWJsZUhlYWRDZWxsUHJvcHMsXG4gIFRhYmxlSGVhZENlbGxDaGVja2JveFByb3BzLFxuICBUYWJsZUhlYWRDZWxsUHJvcHMsXG59IGZyb20gJy4vVGFibGVIZWFkLnR5cGVzJ1xuXG5pbXBvcnQgeyBnZW5lcmljVGFibGVDZWxsU3R5bGVzIH0gZnJvbSAnLi4vQm9keS9UYWJsZUNlbGwuc3R5bGVzJ1xuXG5jb25zdCBnZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlcyA9ICh7IHNvcnRhYmxlLCBzb3J0QnlLZXksIHN0aWNreUhlYWRlciB9OiBHZW5lcmljVGFibGVIZWFkQ2VsbFByb3BzKSA9PiBjc3NgXG4gICR7eyAuLi5nZW5lcmljVGFibGVDZWxsU3R5bGVzIH19XG5cbiAgYm94LXNoYWRvdzogMCAxcHggJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9LFxuICAgIGluc2V0IDAgMXB4ICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5wcmltYXJ5fTtcbiAgZm9udC1mYW1pbHk6ICR7dGhlbWUuZm9udEZhbWlsaWVzLmRpc3BsYXl9O1xuICB0b3A6IDA7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDI1MG1zO1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBiYWNrZ3JvdW5kLWNvbG9yO1xuXG4gICR7c3RpY2t5SGVhZGVyICYmXG4gIGBcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgIHBvc2l0aW9uOiBzdGlja3k7XG4gICAgei1pbmRleDogMTA7XG4gIGB9O1xuXG4gICY6aG92ZXIge1xuICAgICR7c29ydEJ5S2V5ICYmXG4gICAgc29ydGFibGUgJiZcbiAgICBgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgYH07XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHRhYmxlSGVhZENlbGxTdHlsZXMgPSAoe1xuICBhbGlnbixcbiAgY3VzdG9tV2lkdGgsXG4gIHNvcnRhYmxlLFxuICBzb3J0QnlLZXksXG4gIHN0aWNreUhlYWRlcixcbn06IFRhYmxlSGVhZENlbGxQcm9wcykgPT4gY3NzYFxuICAke3sgLi4uZ2VuZXJpY1RhYmxlSGVhZENlbGxTdHlsZXMoeyBzb3J0YWJsZSwgc29ydEJ5S2V5LCBzdGlja3lIZWFkZXIgfSkgfX1cblxuICBtaW4td2lkdGg6ICR7Y3VzdG9tV2lkdGggfHwgJ2F1dG8nfTtcbiAgdGV4dC1hbGlnbjogJHthbGlnbiB8fCAnbGVmdCd9O1xuICB3aWR0aDogJHtjdXN0b21XaWR0aCB8fCAnYXV0byd9O1xuXG4gIGRpdiB7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiAke2FsaWduID09PSAncmlnaHQnID8gJ3Jvdy1yZXZlcnNlJyA6ICdyb3cnfTtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHRhYmxlSGVhZENlbGxDaGVja2JveFN0eWxlcyA9ICh7IHN0aWNreUhlYWRlciB9OiBUYWJsZUhlYWRDZWxsQ2hlY2tib3hQcm9wcykgPT4gY3NzYFxuICAke3sgLi4uZ2VuZXJpY1RhYmxlSGVhZENlbGxTdHlsZXMoeyBzb3J0YWJsZTogdW5kZWZpbmVkLCBzb3J0QnlLZXk6IHVuZGVmaW5lZCwgc3RpY2t5SGVhZGVyIH0pIH19XG5cbiAgbWF4LXdpZHRoOiA0MHB4O1xuICB3aWR0aDogNDBweDtcblxuICAke3N0aWNreUhlYWRlciAmJlxuICBgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgICBwb3NpdGlvbjogc3RpY2t5O1xuICAgIHotaW5kZXg6IDEwO1xuICBgfTtcbmBcblxuZXhwb3J0IGNvbnN0IGNoZXZyb25TdHlsZXMgPSAoeyBkZXNjZW5kaW5nLCBzaG93IH06IENoZXZyb25Qcm9wcykgPT4gY3NzYFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5kYXJrfTtcbiAgZm9udC1zaXplOiAxLjVyZW07XG4gIG9wYWNpdHk6ICR7c2hvdyA9PT0gJ3RydWUnID8gJzEnIDogJzAnfTtcbiAgdHJhbnNmb3JtOiAke2Rlc2NlbmRpbmcgPT09ICd0cnVlJyAmJiAncm90YXRlKDE4MGRlZyknfTtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMjUwbXM7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IG9wYWNpdHksIHRyYW5zZm9ybTtcbmBcbiJdfQ== */");
+
+exports.tableHeadCellStyles = tableHeadCellStyles;
+
+const tableHeadCellCheckboxStyles = ({
+  stickyHeader
+}) => /*#__PURE__*/(0, _react.css)(_objectSpread({}, genericTableHeadCellStyles({
+  sortable: undefined,
+  sortByKey: undefined,
+  stickyHeader
+})), " max-width:40px;width:40px;", stickyHeader && `
+    background-color: ${_theme.theme.colors.surface.primary};
+    position: sticky;
+    z-index: 10;
+  `, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:tableHeadCellCheckboxStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0hlYWQvVGFibGVIZWFkLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkRnRyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9IZWFkL1RhYmxlSGVhZC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5pbXBvcnQge1xuICBDaGV2cm9uUHJvcHMsXG4gIEdlbmVyaWNUYWJsZUhlYWRDZWxsUHJvcHMsXG4gIFRhYmxlSGVhZENlbGxDaGVja2JveFByb3BzLFxuICBUYWJsZUhlYWRDZWxsUHJvcHMsXG59IGZyb20gJy4vVGFibGVIZWFkLnR5cGVzJ1xuXG5pbXBvcnQgeyBnZW5lcmljVGFibGVDZWxsU3R5bGVzIH0gZnJvbSAnLi4vQm9keS9UYWJsZUNlbGwuc3R5bGVzJ1xuXG5jb25zdCBnZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlcyA9ICh7IHNvcnRhYmxlLCBzb3J0QnlLZXksIHN0aWNreUhlYWRlciB9OiBHZW5lcmljVGFibGVIZWFkQ2VsbFByb3BzKSA9PiBjc3NgXG4gICR7eyAuLi5nZW5lcmljVGFibGVDZWxsU3R5bGVzIH19XG5cbiAgYm94LXNoYWRvdzogMCAxcHggJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9LFxuICAgIGluc2V0IDAgMXB4ICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5wcmltYXJ5fTtcbiAgZm9udC1mYW1pbHk6ICR7dGhlbWUuZm9udEZhbWlsaWVzLmRpc3BsYXl9O1xuICB0b3A6IDA7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDI1MG1zO1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBiYWNrZ3JvdW5kLWNvbG9yO1xuXG4gICR7c3RpY2t5SGVhZGVyICYmXG4gIGBcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgIHBvc2l0aW9uOiBzdGlja3k7XG4gICAgei1pbmRleDogMTA7XG4gIGB9O1xuXG4gICY6aG92ZXIge1xuICAgICR7c29ydEJ5S2V5ICYmXG4gICAgc29ydGFibGUgJiZcbiAgICBgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgYH07XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHRhYmxlSGVhZENlbGxTdHlsZXMgPSAoe1xuICBhbGlnbixcbiAgY3VzdG9tV2lkdGgsXG4gIHNvcnRhYmxlLFxuICBzb3J0QnlLZXksXG4gIHN0aWNreUhlYWRlcixcbn06IFRhYmxlSGVhZENlbGxQcm9wcykgPT4gY3NzYFxuICAke3sgLi4uZ2VuZXJpY1RhYmxlSGVhZENlbGxTdHlsZXMoeyBzb3J0YWJsZSwgc29ydEJ5S2V5LCBzdGlja3lIZWFkZXIgfSkgfX1cblxuICBtaW4td2lkdGg6ICR7Y3VzdG9tV2lkdGggfHwgJ2F1dG8nfTtcbiAgdGV4dC1hbGlnbjogJHthbGlnbiB8fCAnbGVmdCd9O1xuICB3aWR0aDogJHtjdXN0b21XaWR0aCB8fCAnYXV0byd9O1xuXG4gIGRpdiB7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiAke2FsaWduID09PSAncmlnaHQnID8gJ3Jvdy1yZXZlcnNlJyA6ICdyb3cnfTtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHRhYmxlSGVhZENlbGxDaGVja2JveFN0eWxlcyA9ICh7IHN0aWNreUhlYWRlciB9OiBUYWJsZUhlYWRDZWxsQ2hlY2tib3hQcm9wcykgPT4gY3NzYFxuICAke3sgLi4uZ2VuZXJpY1RhYmxlSGVhZENlbGxTdHlsZXMoeyBzb3J0YWJsZTogdW5kZWZpbmVkLCBzb3J0QnlLZXk6IHVuZGVmaW5lZCwgc3RpY2t5SGVhZGVyIH0pIH19XG5cbiAgbWF4LXdpZHRoOiA0MHB4O1xuICB3aWR0aDogNDBweDtcblxuICAke3N0aWNreUhlYWRlciAmJlxuICBgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgICBwb3NpdGlvbjogc3RpY2t5O1xuICAgIHotaW5kZXg6IDEwO1xuICBgfTtcbmBcblxuZXhwb3J0IGNvbnN0IGNoZXZyb25TdHlsZXMgPSAoeyBkZXNjZW5kaW5nLCBzaG93IH06IENoZXZyb25Qcm9wcykgPT4gY3NzYFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5kYXJrfTtcbiAgZm9udC1zaXplOiAxLjVyZW07XG4gIG9wYWNpdHk6ICR7c2hvdyA9PT0gJ3RydWUnID8gJzEnIDogJzAnfTtcbiAgdHJhbnNmb3JtOiAke2Rlc2NlbmRpbmcgPT09ICd0cnVlJyAmJiAncm90YXRlKDE4MGRlZyknfTtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMjUwbXM7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IG9wYWNpdHksIHRyYW5zZm9ybTtcbmBcbiJdfQ== */");
+
+exports.tableHeadCellCheckboxStyles = tableHeadCellCheckboxStyles;
+
+const chevronStyles = ({
+  descending,
   show
-}) => show === 'true' ? '1' : '0', ";transform:", ({
-  descending
-}) => descending === 'true' && 'rotate(180deg)', ";transition-duration:250ms;transition-property:opacity,transform;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0hlYWQvVGFibGVIZWFkLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEU4RCIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9IZWFkL1RhYmxlSGVhZC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hldnJvbkRvd24gfSBmcm9tICdAZGZkcy11aS9pY29ucy9zeXN0ZW0nXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmltcG9ydCB7XG4gIENoZXZyb25Qcm9wcyxcbiAgR2VuZXJpY1RhYmxlSGVhZENlbGxQcm9wcyxcbiAgVGFibGVIZWFkQ2VsbENoZWNrYm94UHJvcHMsXG4gIFRhYmxlSGVhZENlbGxQcm9wcyxcbn0gZnJvbSAnLi9UYWJsZUhlYWQudHlwZXMnXG5cbmltcG9ydCB7IGdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9IGZyb20gJy4uL0JvZHkvVGFibGVDZWxsLnN0eWxlcydcbmltcG9ydCB7IGdlbmVyaWNUYWJsZVJvd1N0eWxlIH0gZnJvbSAnLi4vQm9keS9UYWJsZVJvdy5zdHlsZXMnXG5cbmV4cG9ydCBjb25zdCBUYWJsZUhlYWRSb3cgPSBzdHlsZWQudHJgXG4gICR7eyAuLi5nZW5lcmljVGFibGVSb3dTdHlsZSB9fVxuYFxuXG5jb25zdCBHZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlZCA9IHN0eWxlZC50aDxHZW5lcmljVGFibGVIZWFkQ2VsbFByb3BzPmBcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9fVxuXG4gIGJveC1zaGFkb3c6IGluc2V0IDAgLTFweCAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX0sXG4gICAgaW5zZXQgMCAxcHggJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICBmb250LWZhbWlseTogJHt0aGVtZS5mb250RmFtaWxpZXMuZGlzcGxheX07XG4gIHRvcDogMDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMjUwbXM7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGJhY2tncm91bmQtY29sb3I7XG5cbiAgJHsoeyBzdGlja3lIZWFkZXIgfSkgPT5cbiAgICBzdGlja3lIZWFkZXIgJiZcbiAgICBgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3N0aWNreUhlYWRlciAmJiB0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgICAgIHBvc2l0aW9uOiAke3N0aWNreUhlYWRlciAmJiAnc3RpY2t5J307XG4gICAgICB6LWluZGV4OiAke3N0aWNreUhlYWRlciAmJiAnMTAnfTtcbiAgICBgfTtcblxuICAmOmhvdmVyIHtcbiAgICAkeyh7IHNvcnRCeUtleSwgc29ydGFibGUgfSkgPT5cbiAgICAgIHNvcnRCeUtleSAmJlxuICAgICAgc29ydGFibGUgJiZcbiAgICAgIGBcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICBgfTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgVGFibGVIZWFkQ2VsbFN0eWxlZCA9IHN0eWxlZChHZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlZCk8VGFibGVIZWFkQ2VsbFByb3BzPmBcbiAgbWluLXdpZHRoOiAkeyh7IGN1c3RvbVdpZHRoIH0pID0+IGN1c3RvbVdpZHRoIHx8ICdhdXRvJ307XG4gIHRleHQtYWxpZ246ICR7KHsgYWxpZ24gfSkgPT4gYWxpZ24gfHwgJ2xlZnQnfTtcbiAgd2lkdGg6ICR7KHsgY3VzdG9tV2lkdGggfSkgPT4gY3VzdG9tV2lkdGggfHwgJ2F1dG8nfTtcblxuICBkaXYge1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogJHsoeyBhbGlnbiB9KSA9PiAoYWxpZ24gPT09ICdyaWdodCcgPyAncm93LXJldmVyc2UnIDogJ3JvdycpfTtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlSGVhZENlbGxDaGVja2JveFN0eWxlZCA9IHN0eWxlZChHZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlZCk8VGFibGVIZWFkQ2VsbENoZWNrYm94UHJvcHM+YFxuICBtYXgtd2lkdGg6IDQwcHg7XG4gIHdpZHRoOiA0MHB4O1xuXG4gICR7KHsgc3RpY2t5SGVhZGVyIH0pID0+XG4gICAgc3RpY2t5SGVhZGVyICYmXG4gICAgYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtzdGlja3lIZWFkZXIgJiYgdGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gICAgICBwb3NpdGlvbjogJHtzdGlja3lIZWFkZXIgJiYgJ3N0aWNreSd9O1xuICAgICAgei1pbmRleDogJHtzdGlja3lIZWFkZXIgJiYgJzEwJ307XG4gICAgYH07XG5gXG5cbmV4cG9ydCBjb25zdCBDaGV2cm9uU3R5bGVkID0gc3R5bGVkKENoZXZyb25Eb3duKTxDaGV2cm9uUHJvcHM+YFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5kYXJrfTtcbiAgZm9udC1zaXplOiAxLjVyZW07XG4gIG9wYWNpdHk6ICR7KHsgc2hvdyB9KSA9PiAoc2hvdyA9PT0gJ3RydWUnID8gJzEnIDogJzAnKX07XG4gIHRyYW5zZm9ybTogJHsoeyBkZXNjZW5kaW5nIH0pID0+IGRlc2NlbmRpbmcgPT09ICd0cnVlJyAmJiAncm90YXRlKDE4MGRlZyknfTtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMjUwbXM7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IG9wYWNpdHksIHRyYW5zZm9ybTtcbmBcbiJdfQ== */"));
-exports.ChevronStyled = ChevronStyled;
+}) => /*#__PURE__*/(0, _react.css)("color:", _theme.theme.colors.primary.dark, ";font-size:1.5rem;opacity:", show === 'true' ? '1' : '0', ";transform:", descending === 'true' && 'rotate(180deg)', ";transition-duration:250ms;transition-property:opacity,transform;" + (process.env.NODE_ENV === "production" ? "" : ";label:chevronStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0hlYWQvVGFibGVIZWFkLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkV3RSIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9IZWFkL1RhYmxlSGVhZC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5pbXBvcnQge1xuICBDaGV2cm9uUHJvcHMsXG4gIEdlbmVyaWNUYWJsZUhlYWRDZWxsUHJvcHMsXG4gIFRhYmxlSGVhZENlbGxDaGVja2JveFByb3BzLFxuICBUYWJsZUhlYWRDZWxsUHJvcHMsXG59IGZyb20gJy4vVGFibGVIZWFkLnR5cGVzJ1xuXG5pbXBvcnQgeyBnZW5lcmljVGFibGVDZWxsU3R5bGVzIH0gZnJvbSAnLi4vQm9keS9UYWJsZUNlbGwuc3R5bGVzJ1xuXG5jb25zdCBnZW5lcmljVGFibGVIZWFkQ2VsbFN0eWxlcyA9ICh7IHNvcnRhYmxlLCBzb3J0QnlLZXksIHN0aWNreUhlYWRlciB9OiBHZW5lcmljVGFibGVIZWFkQ2VsbFByb3BzKSA9PiBjc3NgXG4gICR7eyAuLi5nZW5lcmljVGFibGVDZWxsU3R5bGVzIH19XG5cbiAgYm94LXNoYWRvdzogMCAxcHggJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9LFxuICAgIGluc2V0IDAgMXB4ICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5wcmltYXJ5fTtcbiAgZm9udC1mYW1pbHk6ICR7dGhlbWUuZm9udEZhbWlsaWVzLmRpc3BsYXl9O1xuICB0b3A6IDA7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDI1MG1zO1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBiYWNrZ3JvdW5kLWNvbG9yO1xuXG4gICR7c3RpY2t5SGVhZGVyICYmXG4gIGBcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgIHBvc2l0aW9uOiBzdGlja3k7XG4gICAgei1pbmRleDogMTA7XG4gIGB9O1xuXG4gICY6aG92ZXIge1xuICAgICR7c29ydEJ5S2V5ICYmXG4gICAgc29ydGFibGUgJiZcbiAgICBgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgYH07XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHRhYmxlSGVhZENlbGxTdHlsZXMgPSAoe1xuICBhbGlnbixcbiAgY3VzdG9tV2lkdGgsXG4gIHNvcnRhYmxlLFxuICBzb3J0QnlLZXksXG4gIHN0aWNreUhlYWRlcixcbn06IFRhYmxlSGVhZENlbGxQcm9wcykgPT4gY3NzYFxuICAke3sgLi4uZ2VuZXJpY1RhYmxlSGVhZENlbGxTdHlsZXMoeyBzb3J0YWJsZSwgc29ydEJ5S2V5LCBzdGlja3lIZWFkZXIgfSkgfX1cblxuICBtaW4td2lkdGg6ICR7Y3VzdG9tV2lkdGggfHwgJ2F1dG8nfTtcbiAgdGV4dC1hbGlnbjogJHthbGlnbiB8fCAnbGVmdCd9O1xuICB3aWR0aDogJHtjdXN0b21XaWR0aCB8fCAnYXV0byd9O1xuXG4gIGRpdiB7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiAke2FsaWduID09PSAncmlnaHQnID8gJ3Jvdy1yZXZlcnNlJyA6ICdyb3cnfTtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHRhYmxlSGVhZENlbGxDaGVja2JveFN0eWxlcyA9ICh7IHN0aWNreUhlYWRlciB9OiBUYWJsZUhlYWRDZWxsQ2hlY2tib3hQcm9wcykgPT4gY3NzYFxuICAke3sgLi4uZ2VuZXJpY1RhYmxlSGVhZENlbGxTdHlsZXMoeyBzb3J0YWJsZTogdW5kZWZpbmVkLCBzb3J0QnlLZXk6IHVuZGVmaW5lZCwgc3RpY2t5SGVhZGVyIH0pIH19XG5cbiAgbWF4LXdpZHRoOiA0MHB4O1xuICB3aWR0aDogNDBweDtcblxuICAke3N0aWNreUhlYWRlciAmJlxuICBgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgICBwb3NpdGlvbjogc3RpY2t5O1xuICAgIHotaW5kZXg6IDEwO1xuICBgfTtcbmBcblxuZXhwb3J0IGNvbnN0IGNoZXZyb25TdHlsZXMgPSAoeyBkZXNjZW5kaW5nLCBzaG93IH06IENoZXZyb25Qcm9wcykgPT4gY3NzYFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5kYXJrfTtcbiAgZm9udC1zaXplOiAxLjVyZW07XG4gIG9wYWNpdHk6ICR7c2hvdyA9PT0gJ3RydWUnID8gJzEnIDogJzAnfTtcbiAgdHJhbnNmb3JtOiAke2Rlc2NlbmRpbmcgPT09ICd0cnVlJyAmJiAncm90YXRlKDE4MGRlZyknfTtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMjUwbXM7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IG9wYWNpdHksIHRyYW5zZm9ybTtcbmBcbiJdfQ== */");
+
+exports.chevronStyles = chevronStyles;

package/cjs/dynamic-table/Head/TableHead.types.d.ts

@@ -17,14 +17,13 @@ export declare type GenericTableHeadCellProps = {
     sortByKey?: (value: string, sortDescending: boolean) => void;
     stickyHeader?: boolean;
 };
-export declare type TableHeadCellProps = {
+export interface TableHeadCellProps extends GenericTableHeadCellProps {
     align?: 'center' | 'left' | 'right';
+    customWidth?: string;
     sortByKey?: (value: string, sortDescending: boolean) => void;
     stickyHeader?: boolean;
-    customWidth?: string;
-};
+}
 export declare type TableHeadCellCheckboxProps = {
-    sortByKey?: (value: string, sortDescending: boolean) => void;
     stickyHeader?: boolean;
 };
 export declare type ChevronProps = {

package/cjs/dynamic-table/Skeleton/SkeletonTable.styles.d.ts

@@ -1,4 +1 @@
-export declare const Fade: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const fadeStyles: import("@emotion/react").SerializedStyles;

package/cjs/dynamic-table/Skeleton/SkeletonTable.styles.js

@@ -3,26 +3,19 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Fade = void 0;
+exports.fadeStyles = void 0;
 
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _react = require("@emotion/react");
 
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 
-const Fade = (0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1d0tj180"
-} : {
-  target: "e1d0tj180",
-  label: "Fade"
-})(process.env.NODE_ENV === "production" ? {
+const fadeStyles = process.env.NODE_ENV === "production" ? {
   name: "1kemw6x",
   styles: "background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9) 90%);height:calc(7 * 48px);margin-top:49px;pointer-events:none;position:fixed;width:100vw"
 } : {
-  name: "1kemw6x",
-  styles: "background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9) 90%);height:calc(7 * 48px);margin-top:49px;pointer-events:none;position:fixed;width:100vw",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL1NrZWxldG9uL1NrZWxldG9uVGFibGUuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFOEIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2R5bmFtaWMtdGFibGUvU2tlbGV0b24vU2tlbGV0b25UYWJsZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBGYWRlID0gc3R5bGVkLmRpdmBcbiAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KHRvIGJvdHRvbSwgcmdiYSgyNTUsIDI1NSwgMjU1LCAwKSwgcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjkpIDkwJSk7XG4gIGhlaWdodDogY2FsYyg3ICogNDhweCk7XG4gIG1hcmdpbi10b3A6IDQ5cHg7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHdpZHRoOiAxMDB2dztcbmBcbiJdfQ== */",
+  name: "yz1003-fadeStyles",
+  styles: "background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9) 90%);height:calc(7 * 48px);margin-top:49px;pointer-events:none;position:fixed;width:100vw;label:fadeStyles;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL1NrZWxldG9uL1NrZWxldG9uVGFibGUuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFNkIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2R5bmFtaWMtdGFibGUvU2tlbGV0b24vU2tlbGV0b25UYWJsZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCBjb25zdCBmYWRlU3R5bGVzID0gY3NzYFxuICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQodG8gYm90dG9tLCByZ2JhKDI1NSwgMjU1LCAyNTUsIDApLCByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuOSkgOTAlKTtcbiAgaGVpZ2h0OiBjYWxjKDcgKiA0OHB4KTtcbiAgbWFyZ2luLXRvcDogNDlweDtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgd2lkdGg6IDEwMHZ3O1xuYFxuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-exports.Fade = Fade;
+};
+exports.fadeStyles = fadeStyles;

package/dynamic-table/Body/TableCell.js

@@ -1,13 +1,15 @@
 import React from 'react';
-import { TableCellStyled } from './TableCell.styles';
+import { tableCellStyles } from './TableCell.styles';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var TableCell = /*#__PURE__*/React.memo(function (_ref) {
   var children = _ref.children,
       headerCell = _ref.headerCell;
-  return ___EmotionJSX(TableCellStyled, {
-    align: headerCell === null || headerCell === void 0 ? void 0 : headerCell.textAlign,
-    "data-cy": "dynamic-table-cell-".concat(headerCell === null || headerCell === void 0 ? void 0 : headerCell.key),
-    customWidth: headerCell === null || headerCell === void 0 ? void 0 : headerCell.width
+  return ___EmotionJSX("td", {
+    css: tableCellStyles({
+      align: headerCell === null || headerCell === void 0 ? void 0 : headerCell.textAlign,
+      customWidth: headerCell === null || headerCell === void 0 ? void 0 : headerCell.width
+    }),
+    "data-cy": "dynamic-table-cell-".concat(headerCell === null || headerCell === void 0 ? void 0 : headerCell.key)
   }, children);
 });
 export default TableCell;

package/dynamic-table/Body/TableCell.styles.d.ts

@@ -1,14 +1,8 @@
-export declare const genericTableCellStyle: import("@emotion/react").SerializedStyles;
+export declare const genericTableCellStyles: import("@emotion/react").SerializedStyles;
 declare type TableCellProps = {
     align?: 'center' | 'left' | 'right';
     customWidth?: string;
 };
-export declare const TableCellStyled: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & TableCellProps, import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;
-export declare const TableCellCheckboxStyled: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;
+export declare const tableCellStyles: ({ align, customWidth }: TableCellProps) => import("@emotion/react").SerializedStyles;
+export declare const tableCellCheckboxStyles: import("@emotion/react").SerializedStyles;
 export {};

package/dynamic-table/Body/TableCell.styles.js

@@ -1,5 +1,3 @@
-import _styled from "@emotion/styled/base";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
@@ -8,25 +6,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 import { theme } from '@dfds-ui/theme';
 import { css } from '@emotion/react';
-export var genericTableCellStyle = /*#__PURE__*/css("padding:0 ", theme.spacing.xs, ";&:first-of-type{padding-left:", theme.spacing.s, ";}&:last-of-type{padding-right:", theme.spacing.s, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:genericTableCellStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVDZWxsLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSXdDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVDZWxsLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuZXhwb3J0IGNvbnN0IGdlbmVyaWNUYWJsZUNlbGxTdHlsZSA9IGNzc2BcbiAgcGFkZGluZzogMCAke3RoZW1lLnNwYWNpbmcueHN9O1xuXG4gICY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgcGFkZGluZy1sZWZ0OiAke3RoZW1lLnNwYWNpbmcuc307XG4gIH1cblxuICAmOmxhc3Qtb2YtdHlwZSB7XG4gICAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnN9O1xuICB9XG5gXG5cbnR5cGUgVGFibGVDZWxsUHJvcHMgPSB7XG4gIGFsaWduPzogJ2NlbnRlcicgfCAnbGVmdCcgfCAncmlnaHQnXG4gIGN1c3RvbVdpZHRoPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBUYWJsZUNlbGxTdHlsZWQgPSBzdHlsZWQudGQ8VGFibGVDZWxsUHJvcHM+YFxuICAke3sgLi4uZ2VuZXJpY1RhYmxlQ2VsbFN0eWxlIH19XG5cbiAgbWluLXdpZHRoOiAkeyh7IGN1c3RvbVdpZHRoIH0pID0+IGN1c3RvbVdpZHRoIHx8ICdhdXRvJ307XG4gIHRleHQtYWxpZ246ICR7KHsgYWxpZ24gfSkgPT4gYWxpZ24gfHwgJ2xlZnQnfTtcbiAgd2lkdGg6ICR7KHsgY3VzdG9tV2lkdGggfSkgPT4gY3VzdG9tV2lkdGggfHwgJ2F1dG8nfTtcbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlQ2VsbENoZWNrYm94U3R5bGVkID0gc3R5bGVkLnRkYFxuICAke3sgLi4uZ2VuZXJpY1RhYmxlQ2VsbFN0eWxlIH19XG5cbiAgbWF4LXdpZHRoOiA0MHB4O1xuICB3aWR0aDogNDBweDtcbmBcbiJdfQ== */");
-export var TableCellStyled = _styled("td", process.env.NODE_ENV === "production" ? {
-  target: "e1uuobsr1"
-} : {
-  target: "e1uuobsr1",
-  label: "TableCellStyled"
-})(_objectSpread({}, genericTableCellStyle), " min-width:", function (_ref) {
-  var customWidth = _ref.customWidth;
-  return customWidth || 'auto';
-}, ";text-align:", function (_ref2) {
-  var align = _ref2.align;
-  return align || 'left';
-}, ";width:", function (_ref3) {
-  var customWidth = _ref3.customWidth;
-  return customWidth || 'auto';
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVDZWxsLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUJ3RCIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9Cb2R5L1RhYmxlQ2VsbC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBnZW5lcmljVGFibGVDZWxsU3R5bGUgPSBjc3NgXG4gIHBhZGRpbmc6IDAgJHt0aGVtZS5zcGFjaW5nLnhzfTtcblxuICAmOmZpcnN0LW9mLXR5cGUge1xuICAgIHBhZGRpbmctbGVmdDogJHt0aGVtZS5zcGFjaW5nLnN9O1xuICB9XG5cbiAgJjpsYXN0LW9mLXR5cGUge1xuICAgIHBhZGRpbmctcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy5zfTtcbiAgfVxuYFxuXG50eXBlIFRhYmxlQ2VsbFByb3BzID0ge1xuICBhbGlnbj86ICdjZW50ZXInIHwgJ2xlZnQnIHwgJ3JpZ2h0J1xuICBjdXN0b21XaWR0aD86IHN0cmluZ1xufVxuXG5leHBvcnQgY29uc3QgVGFibGVDZWxsU3R5bGVkID0gc3R5bGVkLnRkPFRhYmxlQ2VsbFByb3BzPmBcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9fVxuXG4gIG1pbi13aWR0aDogJHsoeyBjdXN0b21XaWR0aCB9KSA9PiBjdXN0b21XaWR0aCB8fCAnYXV0byd9O1xuICB0ZXh0LWFsaWduOiAkeyh7IGFsaWduIH0pID0+IGFsaWduIHx8ICdsZWZ0J307XG4gIHdpZHRoOiAkeyh7IGN1c3RvbVdpZHRoIH0pID0+IGN1c3RvbVdpZHRoIHx8ICdhdXRvJ307XG5gXG5cbmV4cG9ydCBjb25zdCBUYWJsZUNlbGxDaGVja2JveFN0eWxlZCA9IHN0eWxlZC50ZGBcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9fVxuXG4gIG1heC13aWR0aDogNDBweDtcbiAgd2lkdGg6IDQwcHg7XG5gXG4iXX0= */"));
-export var TableCellCheckboxStyled = _styled("td", process.env.NODE_ENV === "production" ? {
-  target: "e1uuobsr0"
-} : {
-  target: "e1uuobsr0",
-  label: "TableCellCheckboxStyled"
-})(_objectSpread({}, genericTableCellStyle), " max-width:40px;width:40px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVDZWxsLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJnRCIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9Cb2R5L1RhYmxlQ2VsbC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBnZW5lcmljVGFibGVDZWxsU3R5bGUgPSBjc3NgXG4gIHBhZGRpbmc6IDAgJHt0aGVtZS5zcGFjaW5nLnhzfTtcblxuICAmOmZpcnN0LW9mLXR5cGUge1xuICAgIHBhZGRpbmctbGVmdDogJHt0aGVtZS5zcGFjaW5nLnN9O1xuICB9XG5cbiAgJjpsYXN0LW9mLXR5cGUge1xuICAgIHBhZGRpbmctcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy5zfTtcbiAgfVxuYFxuXG50eXBlIFRhYmxlQ2VsbFByb3BzID0ge1xuICBhbGlnbj86ICdjZW50ZXInIHwgJ2xlZnQnIHwgJ3JpZ2h0J1xuICBjdXN0b21XaWR0aD86IHN0cmluZ1xufVxuXG5leHBvcnQgY29uc3QgVGFibGVDZWxsU3R5bGVkID0gc3R5bGVkLnRkPFRhYmxlQ2VsbFByb3BzPmBcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9fVxuXG4gIG1pbi13aWR0aDogJHsoeyBjdXN0b21XaWR0aCB9KSA9PiBjdXN0b21XaWR0aCB8fCAnYXV0byd9O1xuICB0ZXh0LWFsaWduOiAkeyh7IGFsaWduIH0pID0+IGFsaWduIHx8ICdsZWZ0J307XG4gIHdpZHRoOiAkeyh7IGN1c3RvbVdpZHRoIH0pID0+IGN1c3RvbVdpZHRoIHx8ICdhdXRvJ307XG5gXG5cbmV4cG9ydCBjb25zdCBUYWJsZUNlbGxDaGVja2JveFN0eWxlZCA9IHN0eWxlZC50ZGBcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUNlbGxTdHlsZSB9fVxuXG4gIG1heC13aWR0aDogNDBweDtcbiAgd2lkdGg6IDQwcHg7XG5gXG4iXX0= */"));
+export var genericTableCellStyles = /*#__PURE__*/css("padding:0 ", theme.spacing.xs, ";&:first-of-type{padding-left:", theme.spacing.s, ";}&:last-of-type{padding-right:", theme.spacing.s, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:genericTableCellStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVDZWxsLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR3lDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVDZWxsLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCBjb25zdCBnZW5lcmljVGFibGVDZWxsU3R5bGVzID0gY3NzYFxuICBwYWRkaW5nOiAwICR7dGhlbWUuc3BhY2luZy54c307XG5cbiAgJjpmaXJzdC1vZi10eXBlIHtcbiAgICBwYWRkaW5nLWxlZnQ6ICR7dGhlbWUuc3BhY2luZy5zfTtcbiAgfVxuXG4gICY6bGFzdC1vZi10eXBlIHtcbiAgICBwYWRkaW5nLXJpZ2h0OiAke3RoZW1lLnNwYWNpbmcuc307XG4gIH1cbmBcblxudHlwZSBUYWJsZUNlbGxQcm9wcyA9IHtcbiAgYWxpZ24/OiAnY2VudGVyJyB8ICdsZWZ0JyB8ICdyaWdodCdcbiAgY3VzdG9tV2lkdGg/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IHRhYmxlQ2VsbFN0eWxlcyA9ICh7IGFsaWduLCBjdXN0b21XaWR0aCB9OiBUYWJsZUNlbGxQcm9wcykgPT4gY3NzYFxuICAke3sgLi4uZ2VuZXJpY1RhYmxlQ2VsbFN0eWxlcyB9fVxuXG4gIG1pbi13aWR0aDogJHtjdXN0b21XaWR0aCB8fCAnYXV0byd9O1xuICB0ZXh0LWFsaWduOiAke2FsaWduIHx8ICdsZWZ0J307XG4gIHdpZHRoOiAke2N1c3RvbVdpZHRoIHx8ICdhdXRvJ307XG5gXG5cbmV4cG9ydCBjb25zdCB0YWJsZUNlbGxDaGVja2JveFN0eWxlcyA9IGNzc2BcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUNlbGxTdHlsZXMgfX1cblxuICBtYXgtd2lkdGg6IDQwcHg7XG4gIHdpZHRoOiA0MHB4O1xuYFxuIl19 */");
+export var tableCellStyles = function tableCellStyles(_ref) {
+  var align = _ref.align,
+      customWidth = _ref.customWidth;
+  return /*#__PURE__*/css(_objectSpread({}, genericTableCellStyles), " min-width:", customWidth || 'auto', ";text-align:", align || 'left', ";width:", customWidth || 'auto', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:tableCellStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVDZWxsLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0I4RSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9Cb2R5L1RhYmxlQ2VsbC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgY29uc3QgZ2VuZXJpY1RhYmxlQ2VsbFN0eWxlcyA9IGNzc2BcbiAgcGFkZGluZzogMCAke3RoZW1lLnNwYWNpbmcueHN9O1xuXG4gICY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgcGFkZGluZy1sZWZ0OiAke3RoZW1lLnNwYWNpbmcuc307XG4gIH1cblxuICAmOmxhc3Qtb2YtdHlwZSB7XG4gICAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnN9O1xuICB9XG5gXG5cbnR5cGUgVGFibGVDZWxsUHJvcHMgPSB7XG4gIGFsaWduPzogJ2NlbnRlcicgfCAnbGVmdCcgfCAncmlnaHQnXG4gIGN1c3RvbVdpZHRoPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCB0YWJsZUNlbGxTdHlsZXMgPSAoeyBhbGlnbiwgY3VzdG9tV2lkdGggfTogVGFibGVDZWxsUHJvcHMpID0+IGNzc2BcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUNlbGxTdHlsZXMgfX1cblxuICBtaW4td2lkdGg6ICR7Y3VzdG9tV2lkdGggfHwgJ2F1dG8nfTtcbiAgdGV4dC1hbGlnbjogJHthbGlnbiB8fCAnbGVmdCd9O1xuICB3aWR0aDogJHtjdXN0b21XaWR0aCB8fCAnYXV0byd9O1xuYFxuXG5leHBvcnQgY29uc3QgdGFibGVDZWxsQ2hlY2tib3hTdHlsZXMgPSBjc3NgXG4gICR7eyAuLi5nZW5lcmljVGFibGVDZWxsU3R5bGVzIH19XG5cbiAgbWF4LXdpZHRoOiA0MHB4O1xuICB3aWR0aDogNDBweDtcbmBcbiJdfQ== */");
+};
+export var tableCellCheckboxStyles = /*#__PURE__*/css(_objectSpread({}, genericTableCellStyles), " max-width:40px;width:40px;" + (process.env.NODE_ENV === "production" ? "" : ";label:tableCellCheckboxStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVDZWxsLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEIwQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZHluYW1pYy10YWJsZS9Cb2R5L1RhYmxlQ2VsbC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgY29uc3QgZ2VuZXJpY1RhYmxlQ2VsbFN0eWxlcyA9IGNzc2BcbiAgcGFkZGluZzogMCAke3RoZW1lLnNwYWNpbmcueHN9O1xuXG4gICY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgcGFkZGluZy1sZWZ0OiAke3RoZW1lLnNwYWNpbmcuc307XG4gIH1cblxuICAmOmxhc3Qtb2YtdHlwZSB7XG4gICAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnN9O1xuICB9XG5gXG5cbnR5cGUgVGFibGVDZWxsUHJvcHMgPSB7XG4gIGFsaWduPzogJ2NlbnRlcicgfCAnbGVmdCcgfCAncmlnaHQnXG4gIGN1c3RvbVdpZHRoPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCB0YWJsZUNlbGxTdHlsZXMgPSAoeyBhbGlnbiwgY3VzdG9tV2lkdGggfTogVGFibGVDZWxsUHJvcHMpID0+IGNzc2BcbiAgJHt7IC4uLmdlbmVyaWNUYWJsZUNlbGxTdHlsZXMgfX1cblxuICBtaW4td2lkdGg6ICR7Y3VzdG9tV2lkdGggfHwgJ2F1dG8nfTtcbiAgdGV4dC1hbGlnbjogJHthbGlnbiB8fCAnbGVmdCd9O1xuICB3aWR0aDogJHtjdXN0b21XaWR0aCB8fCAnYXV0byd9O1xuYFxuXG5leHBvcnQgY29uc3QgdGFibGVDZWxsQ2hlY2tib3hTdHlsZXMgPSBjc3NgXG4gICR7eyAuLi5nZW5lcmljVGFibGVDZWxsU3R5bGVzIH19XG5cbiAgbWF4LXdpZHRoOiA0MHB4O1xuICB3aWR0aDogNDBweDtcbmBcbiJdfQ== */");

package/dynamic-table/Body/TableRow.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import { Checkbox } from '@dfds-ui/forms';
 import TableCell from './TableCell';
-import { TableCellCheckboxStyled } from './TableCell.styles';
-import { TableRowStyled } from './TableRow.styles';
+import { tableCellCheckboxStyles } from './TableCell.styles';
+import { tableRowStyles } from './TableRow.styles';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var TableRow = /*#__PURE__*/React.memo(function (_ref) {
   var headerRow = _ref.headerRow,
@@ -12,14 +12,18 @@ var TableRow = /*#__PURE__*/React.memo(function (_ref) {
       row = _ref.row,
       selectableRows = _ref.selectableRows,
       selectedRows = _ref.selectedRows;
-  return ___EmotionJSX(TableRowStyled, {
-    active: isActive,
+  return ___EmotionJSX("tr", {
+    css: tableRowStyles({
+      active: isActive,
+      hoverColor: !!onClickRow
+    }),
     className: row.className,
-    hoverColor: !!onClickRow,
     onClick: function onClick() {
       return onClickRow && onClickRow(row.id ? String(row.id) : '');
     }
-  }, selectableRows && row.id && ___EmotionJSX(TableCellCheckboxStyled, null, ___EmotionJSX(Checkbox, {
+  }, selectableRows && row.id && ___EmotionJSX("td", {
+    css: tableCellCheckboxStyles
+  }, ___EmotionJSX(Checkbox, {
     checked: selectedRows.includes(row.id),
     name: row.id,
     onChange: function onChange() {

package/dynamic-table/Body/TableRow.styles.d.ts

@@ -1,10 +1,7 @@
-export declare const genericTableRowStyle: import("@emotion/react").SerializedStyles;
+export declare const genericTableRowStyles: import("@emotion/react").SerializedStyles;
 declare type TableRowProps = {
     active?: boolean;
     hoverColor: boolean;
 };
-export declare const TableRowStyled: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & TableRowProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, {}>;
+export declare const tableRowStyles: ({ active, hoverColor }: TableRowProps) => import("@emotion/react").SerializedStyles;
 export {};

package/dynamic-table/Body/TableRow.styles.js

@@ -1,5 +1,3 @@
-import _styled from "@emotion/styled/base";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
@@ -8,16 +6,9 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 import { theme } from '@dfds-ui/theme';
 import { css } from '@emotion/react';
-export var genericTableRowStyle = /*#__PURE__*/css("border-bottom:1px solid ", theme.colors.surface.secondary, ";border-collapse:collapse;height:48px;" + (process.env.NODE_ENV === "production" ? "" : ";label:genericTableRowStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVSb3cuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJdUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2R5bmFtaWMtdGFibGUvQm9keS9UYWJsZVJvdy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBnZW5lcmljVGFibGVSb3dTdHlsZSA9IGNzc2BcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgYm9yZGVyLWNvbGxhcHNlOiBjb2xsYXBzZTtcbiAgaGVpZ2h0OiA0OHB4O1xuYFxuXG50eXBlIFRhYmxlUm93UHJvcHMgPSB7XG4gIGFjdGl2ZT86IGJvb2xlYW5cbiAgaG92ZXJDb2xvcjogYm9vbGVhblxufVxuXG5leHBvcnQgY29uc3QgVGFibGVSb3dTdHlsZWQgPSBzdHlsZWQudHI8VGFibGVSb3dQcm9wcz5gXG4gICR7eyAuLi5nZW5lcmljVGFibGVSb3dTdHlsZSB9fVxuXG4gICY6aG92ZXIge1xuICAgICR7KHsgaG92ZXJDb2xvciB9KSA9PlxuICAgICAgaG92ZXJDb2xvciAmJlxuICAgICAgYFxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgIGN1cnNvcjogJHtob3ZlckNvbG9yICYmICdwb2ludGVyJ307XG4gICAgICBgfTtcbiAgfVxuXG4gICR7KHsgYWN0aXZlIH0pID0+XG4gICAgYWN0aXZlICYmXG4gICAgYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuZGl2aWRlci5kYXJrfTtcbiAgICBgfTtcbmBcbiJdfQ== */");
-export var TableRowStyled = _styled("tr", process.env.NODE_ENV === "production" ? {
-  target: "e1ozhs4m0"
-} : {
-  target: "e1ozhs4m0",
-  label: "TableRowStyled"
-})(_objectSpread({}, genericTableRowStyle), " &:hover{", function (_ref) {
-  var hoverColor = _ref.hoverColor;
-  return hoverColor && "\n        background-color: ".concat(theme.colors.surface.secondary, ";\n        cursor: ").concat(hoverColor && 'pointer', ";\n      ");
-}, ";}", function (_ref2) {
-  var active = _ref2.active;
-  return active && "\n      background-color: ".concat(theme.colors.divider.dark, ";\n    ");
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVSb3cuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlc0QiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2R5bmFtaWMtdGFibGUvQm9keS9UYWJsZVJvdy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBnZW5lcmljVGFibGVSb3dTdHlsZSA9IGNzc2BcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgYm9yZGVyLWNvbGxhcHNlOiBjb2xsYXBzZTtcbiAgaGVpZ2h0OiA0OHB4O1xuYFxuXG50eXBlIFRhYmxlUm93UHJvcHMgPSB7XG4gIGFjdGl2ZT86IGJvb2xlYW5cbiAgaG92ZXJDb2xvcjogYm9vbGVhblxufVxuXG5leHBvcnQgY29uc3QgVGFibGVSb3dTdHlsZWQgPSBzdHlsZWQudHI8VGFibGVSb3dQcm9wcz5gXG4gICR7eyAuLi5nZW5lcmljVGFibGVSb3dTdHlsZSB9fVxuXG4gICY6aG92ZXIge1xuICAgICR7KHsgaG92ZXJDb2xvciB9KSA9PlxuICAgICAgaG92ZXJDb2xvciAmJlxuICAgICAgYFxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgIGN1cnNvcjogJHtob3ZlckNvbG9yICYmICdwb2ludGVyJ307XG4gICAgICBgfTtcbiAgfVxuXG4gICR7KHsgYWN0aXZlIH0pID0+XG4gICAgYWN0aXZlICYmXG4gICAgYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuZGl2aWRlci5kYXJrfTtcbiAgICBgfTtcbmBcbiJdfQ== */"));
+export var genericTableRowStyles = /*#__PURE__*/css("border-bottom:1px solid ", theme.colors.surface.secondary, ";border-collapse:collapse;height:48px;" + (process.env.NODE_ENV === "production" ? "" : ";label:genericTableRowStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVSb3cuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHd0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2R5bmFtaWMtdGFibGUvQm9keS9UYWJsZVJvdy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgY29uc3QgZ2VuZXJpY1RhYmxlUm93U3R5bGVzID0gY3NzYFxuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBib3JkZXItY29sbGFwc2U6IGNvbGxhcHNlO1xuICBoZWlnaHQ6IDQ4cHg7XG5gXG5cbnR5cGUgVGFibGVSb3dQcm9wcyA9IHtcbiAgYWN0aXZlPzogYm9vbGVhblxuICBob3ZlckNvbG9yOiBib29sZWFuXG59XG5cbmV4cG9ydCBjb25zdCB0YWJsZVJvd1N0eWxlcyA9ICh7IGFjdGl2ZSwgaG92ZXJDb2xvciB9OiBUYWJsZVJvd1Byb3BzKSA9PiBjc3NgXG4gICR7eyAuLi5nZW5lcmljVGFibGVSb3dTdHlsZXMgfX1cblxuICAmOmhvdmVyIHtcbiAgICAke2hvdmVyQ29sb3IgJiZcbiAgICBgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICBjdXJzb3I6ICR7aG92ZXJDb2xvciAmJiAncG9pbnRlcid9O1xuICAgIGB9O1xuICB9XG5cbiAgJHthY3RpdmUgJiZcbiAgYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLmRpdmlkZXIuZGFya307XG4gIGB9O1xuYFxuIl19 */");
+export var tableRowStyles = function tableRowStyles(_ref) {
+  var active = _ref.active,
+      hoverColor = _ref.hoverColor;
+  return /*#__PURE__*/css(_objectSpread({}, genericTableRowStyles), " &:hover{", hoverColor && "\n      background-color: ".concat(theme.colors.surface.secondary, ";\n      cursor: ").concat(hoverColor && 'pointer', ";\n    "), ";}", active && "\n    background-color: ".concat(theme.colors.divider.dark, ";\n  "), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:tableRowStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0JvZHkvVGFibGVSb3cuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjNEUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2R5bmFtaWMtdGFibGUvQm9keS9UYWJsZVJvdy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgY29uc3QgZ2VuZXJpY1RhYmxlUm93U3R5bGVzID0gY3NzYFxuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICBib3JkZXItY29sbGFwc2U6IGNvbGxhcHNlO1xuICBoZWlnaHQ6IDQ4cHg7XG5gXG5cbnR5cGUgVGFibGVSb3dQcm9wcyA9IHtcbiAgYWN0aXZlPzogYm9vbGVhblxuICBob3ZlckNvbG9yOiBib29sZWFuXG59XG5cbmV4cG9ydCBjb25zdCB0YWJsZVJvd1N0eWxlcyA9ICh7IGFjdGl2ZSwgaG92ZXJDb2xvciB9OiBUYWJsZVJvd1Byb3BzKSA9PiBjc3NgXG4gICR7eyAuLi5nZW5lcmljVGFibGVSb3dTdHlsZXMgfX1cblxuICAmOmhvdmVyIHtcbiAgICAke2hvdmVyQ29sb3IgJiZcbiAgICBgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICBjdXJzb3I6ICR7aG92ZXJDb2xvciAmJiAncG9pbnRlcid9O1xuICAgIGB9O1xuICB9XG5cbiAgJHthY3RpdmUgJiZcbiAgYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLmRpdmlkZXIuZGFya307XG4gIGB9O1xuYFxuIl19 */");
+};

package/dynamic-table/DynamicTable.js

@@ -12,10 +12,10 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import React, { useEffect, useMemo, useState } from 'react';
 import TableBody from './Body/TableBody';
-import { TableStyled, TableWrapperStyled } from './DynamicTable.styles';
+import { tableStyles, tableWrapperStyles } from './DynamicTable.styles';
 import TableHead from './Head/TableHead';
 import createSkeletonRows from './Skeleton/helpers/createSkeletonRows';
-import { Fade } from './Skeleton/SkeletonTable.styles';
+import { fadeStyles } from './Skeleton/SkeletonTable.styles';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 
 var DynamicTable = function DynamicTable(_ref) {
@@ -53,9 +53,12 @@ var DynamicTable = function DynamicTable(_ref) {
       onSort(sortByKeyValue, sortDescending);
     }
   }, [sortDescending, onSort, sortByKeyValue]);
-  return ___EmotionJSX(TableWrapperStyled, {
-    height: height
-  }, ___EmotionJSX(TableStyled, {
+  return ___EmotionJSX("div", {
+    css: tableWrapperStyles({
+      height: height
+    })
+  }, ___EmotionJSX("table", {
+    css: tableStyles,
     "data-cy": !isLoading ? "dynamic-table-isLoaded" : ''
   }, headerRow && ___EmotionJSX(TableHead, {
     headerRow: headerRow,
@@ -77,7 +80,9 @@ var DynamicTable = function DynamicTable(_ref) {
     rows: !isLoading ? rows : skeletonRows,
     selectableRows: selectableRows,
     selectedRows: selectedRows
-  })), isLoading && ___EmotionJSX(Fade, null));
+  })), isLoading && ___EmotionJSX("div", {
+    css: fadeStyles
+  }));
 };
 
 export default /*#__PURE__*/React.memo(DynamicTable);

package/dynamic-table/DynamicTable.styles.d.ts

@@ -1,12 +1,6 @@
 declare type TableWrapperProps = {
     height?: string;
 };
-export declare const TableWrapperStyled: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & TableWrapperProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const TableStyled: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
+export declare const tableWrapperStyles: ({ height }: TableWrapperProps) => import("@emotion/react").SerializedStyles;
+export declare const tableStyles: import("@emotion/react").SerializedStyles;
 export {};

package/dynamic-table/DynamicTable.styles.js

@@ -1,17 +1,7 @@
-import _styled from "@emotion/styled/base";
 import { theme } from '@dfds-ui/theme';
-export var TableWrapperStyled = _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e1dds0xk1"
-} : {
-  target: "e1dds0xk1",
-  label: "TableWrapperStyled"
-})("color:", theme.colors.text.primary, ";display:flex;flex-direction:column;overflow-x:auto;width:100%;", function (_ref) {
+import { css } from '@emotion/react';
+export var tableWrapperStyles = function tableWrapperStyles(_ref) {
   var height = _ref.height;
-  return height && "\n      height: ".concat(height, ";\n      overflow-y: ").concat(height && 'auto', ";\n    ");
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0R5bmFtaWNUYWJsZS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU8rRCIsImZpbGUiOiIuLi8uLi9zcmMvZHluYW1pYy10YWJsZS9EeW5hbWljVGFibGUuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxudHlwZSBUYWJsZVdyYXBwZXJQcm9wcyA9IHtcbiAgaGVpZ2h0Pzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBUYWJsZVdyYXBwZXJTdHlsZWQgPSBzdHlsZWQuZGl2PFRhYmxlV3JhcHBlclByb3BzPmBcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeX07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIG92ZXJmbG93LXg6IGF1dG87XG4gIHdpZHRoOiAxMDAlO1xuXG4gICR7KHsgaGVpZ2h0IH0pID0+XG4gICAgaGVpZ2h0ICYmXG4gICAgYFxuICAgICAgaGVpZ2h0OiAke2hlaWdodH07XG4gICAgICBvdmVyZmxvdy15OiAke2hlaWdodCAmJiAnYXV0byd9O1xuICAgIGB9O1xuYFxuXG5leHBvcnQgY29uc3QgVGFibGVTdHlsZWQgPSBzdHlsZWQudGFibGVgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gIGZvbnQtZmFtaWx5OiBWZXJkYW5hLCBzYW5zLXNlcmlmO1xuICBmb250LXNpemU6IDEycHg7XG4gIGxpbmUtaGVpZ2h0OiAxNnB4O1xuICB3aWR0aDogMTAwJTtcbmBcbiJdfQ== */"));
-export var TableStyled = _styled("table", process.env.NODE_ENV === "production" ? {
-  target: "e1dds0xk0"
-} : {
-  target: "e1dds0xk0",
-  label: "TableStyled"
-})("background-color:", theme.colors.surface.primary, ";font-family:Verdana,sans-serif;font-size:12px;line-height:16px;width:100%;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0R5bmFtaWNUYWJsZS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCdUMiLCJmaWxlIjoiLi4vLi4vc3JjL2R5bmFtaWMtdGFibGUvRHluYW1pY1RhYmxlLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbnR5cGUgVGFibGVXcmFwcGVyUHJvcHMgPSB7XG4gIGhlaWdodD86IHN0cmluZ1xufVxuXG5leHBvcnQgY29uc3QgVGFibGVXcmFwcGVyU3R5bGVkID0gc3R5bGVkLmRpdjxUYWJsZVdyYXBwZXJQcm9wcz5gXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnl9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBvdmVyZmxvdy14OiBhdXRvO1xuICB3aWR0aDogMTAwJTtcblxuICAkeyh7IGhlaWdodCB9KSA9PlxuICAgIGhlaWdodCAmJlxuICAgIGBcbiAgICAgIGhlaWdodDogJHtoZWlnaHR9O1xuICAgICAgb3ZlcmZsb3cteTogJHtoZWlnaHQgJiYgJ2F1dG8nfTtcbiAgICBgfTtcbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlU3R5bGVkID0gc3R5bGVkLnRhYmxlYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICBmb250LWZhbWlseTogVmVyZGFuYSwgc2Fucy1zZXJpZjtcbiAgZm9udC1zaXplOiAxMnB4O1xuICBsaW5lLWhlaWdodDogMTZweDtcbiAgd2lkdGg6IDEwMCU7XG5gXG4iXX0= */"));
+  return /*#__PURE__*/css("color:", theme.colors.text.primary, ";display:flex;flex-direction:column;overflow-x:auto;width:100%;", height && "\n    height: ".concat(height, ";\n    overflow-y: auto;\n  "), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:tableWrapperStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0R5bmFtaWNUYWJsZS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU93RSIsImZpbGUiOiIuLi8uLi9zcmMvZHluYW1pYy10YWJsZS9EeW5hbWljVGFibGUuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxudHlwZSBUYWJsZVdyYXBwZXJQcm9wcyA9IHtcbiAgaGVpZ2h0Pzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCB0YWJsZVdyYXBwZXJTdHlsZXMgPSAoeyBoZWlnaHQgfTogVGFibGVXcmFwcGVyUHJvcHMpID0+IGNzc2BcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeX07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIG92ZXJmbG93LXg6IGF1dG87XG4gIHdpZHRoOiAxMDAlO1xuXG4gICR7aGVpZ2h0ICYmXG4gIGBcbiAgICBoZWlnaHQ6ICR7aGVpZ2h0fTtcbiAgICBvdmVyZmxvdy15OiBhdXRvO1xuICBgfTtcbmBcblxuZXhwb3J0IGNvbnN0IHRhYmxlU3R5bGVzID0gY3NzYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICBmb250LWZhbWlseTogVmVyZGFuYSwgc2Fucy1zZXJpZjtcbiAgZm9udC1zaXplOiAxMnB4O1xuICBsaW5lLWhlaWdodDogMTZweDtcbiAgd2lkdGg6IDEwMCU7XG5gXG4iXX0= */");
+};
+export var tableStyles = /*#__PURE__*/css("background-color:", theme.colors.surface.primary, ";font-family:Verdana,sans-serif;font-size:12px;line-height:16px;width:100%;" + (process.env.NODE_ENV === "production" ? "" : ";label:tableStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9keW5hbWljLXRhYmxlL0R5bmFtaWNUYWJsZS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCOEIiLCJmaWxlIjoiLi4vLi4vc3JjL2R5bmFtaWMtdGFibGUvRHluYW1pY1RhYmxlLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbnR5cGUgVGFibGVXcmFwcGVyUHJvcHMgPSB7XG4gIGhlaWdodD86IHN0cmluZ1xufVxuXG5leHBvcnQgY29uc3QgdGFibGVXcmFwcGVyU3R5bGVzID0gKHsgaGVpZ2h0IH06IFRhYmxlV3JhcHBlclByb3BzKSA9PiBjc3NgXG4gIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnl9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBvdmVyZmxvdy14OiBhdXRvO1xuICB3aWR0aDogMTAwJTtcblxuICAke2hlaWdodCAmJlxuICBgXG4gICAgaGVpZ2h0OiAke2hlaWdodH07XG4gICAgb3ZlcmZsb3cteTogYXV0bztcbiAgYH07XG5gXG5cbmV4cG9ydCBjb25zdCB0YWJsZVN0eWxlcyA9IGNzc2BcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgZm9udC1mYW1pbHk6IFZlcmRhbmEsIHNhbnMtc2VyaWY7XG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgbGluZS1oZWlnaHQ6IDE2cHg7XG4gIHdpZHRoOiAxMDAlO1xuYFxuIl19 */");

package/dynamic-table/Head/TableHead.js

@@ -1,6 +1,8 @@
 import React, { useCallback } from 'react';
+import { ChevronDown } from '@dfds-ui/icons/system';
 import { Checkbox } from '@dfds-ui/react-components';
-import { ChevronStyled, TableHeadCellCheckboxStyled, TableHeadCellStyled, TableHeadRow } from './TableHead.styles';
+import { chevronStyles, tableHeadCellCheckboxStyles, tableHeadCellStyles } from './TableHead.styles';
+import { genericTableRowStyles } from '../Body/TableRow.styles';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var TableHead = /*#__PURE__*/React.memo(function (_ref) {
   var headerRow = _ref.headerRow,
@@ -36,8 +38,12 @@ var TableHead = /*#__PURE__*/React.memo(function (_ref) {
       setSortDescending(!sortDescending);
     }
   }, [onSort, setSortDescending, setSortByKeyValue, sortDescending]);
-  return ___EmotionJSX("thead", null, ___EmotionJSX(TableHeadRow, null, selectableRows && ___EmotionJSX(TableHeadCellCheckboxStyled, {
-    stickyHeader: stickyHeader
+  return ___EmotionJSX("thead", null, ___EmotionJSX("tr", {
+    css: genericTableRowStyles
+  }, selectableRows && ___EmotionJSX("th", {
+    css: tableHeadCellCheckboxStyles({
+      stickyHeader: stickyHeader
+    })
   }, ___EmotionJSX(Checkbox, {
     checked: selectedRows.length > 0,
     indeterminate: true,
@@ -52,17 +58,22 @@ var TableHead = /*#__PURE__*/React.memo(function (_ref) {
     };
 
     var showChevron = String(sortByKeyValue === sortKey);
-    return ___EmotionJSX(TableHeadCellStyled, {
+    return ___EmotionJSX("th", {
       align: headerCell.textAlign,
+      css: tableHeadCellStyles({
+        align: headerCell.textAlign,
+        customWidth: headerCell.width,
+        sortByKey: onSort,
+        sortable: headerCell.sortable,
+        stickyHeader: stickyHeader
+      }),
       key: i,
-      onClick: clickHandler,
-      sortByKey: onSort,
-      sortable: headerCell.sortable,
-      stickyHeader: stickyHeader,
-      customWidth: headerCell.width
-    }, ___EmotionJSX("div", null, ___EmotionJSX("span", null, headerCell.displayName), headerCell.sortable && onSort && ___EmotionJSX(ChevronStyled, {
-      descending: String(sortDescending),
-      show: showChevron
+      onClick: clickHandler
+    }, ___EmotionJSX("div", null, ___EmotionJSX("span", null, headerCell.displayName), headerCell.sortable && onSort && ___EmotionJSX(ChevronDown, {
+      css: chevronStyles({
+        descending: String(sortDescending),
+        show: showChevron
+      })
     })));
   })));
 });