@ultraviolet/ui 1.78.1 → 1.80.0

package/dist/components/List/HeaderCell.js

@@ -1,6 +1,7 @@
-import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 import _styled from "@emotion/styled/base";
 import { SouthShortIcon, InformationIcon, SortIcon as SortIcon$1 } from "@ultraviolet/icons";
+import { Stack } from "../Stack/index.js";
 import { Tooltip } from "../Tooltip/index.js";
 const StyledSortIcon = /* @__PURE__ */ _styled(SouthShortIcon, process.env.NODE_ENV === "production" ? {
   shouldForwardProp: (prop) => !["order"].includes(prop),
@@ -11,16 +12,18 @@ const StyledSortIcon = /* @__PURE__ */ _styled(SouthShortIcon, process.env.NODE_
   label: "StyledSortIcon"
 })("transform:", ({
   order
-}) => order === "ascending" ? "rotate(-180deg)" : "none", ";transition:transform 0.2s ease-in-out;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xpc3QvSGVhZGVyQ2VsbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV3lDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xpc3QvSGVhZGVyQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7XG4gIEluZm9ybWF0aW9uSWNvbixcbiAgU29ydEljb24gYXMgU29ydEljb25VVixcbiAgU291dGhTaG9ydEljb24sXG59IGZyb20gJ0B1bHRyYXZpb2xldC9pY29ucydcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSAnLi4vVG9vbHRpcCdcblxuY29uc3QgU3R5bGVkU29ydEljb24gPSBzdHlsZWQoU291dGhTaG9ydEljb24sIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnb3JkZXInXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgb3JkZXI6ICdhc2NlbmRpbmcnIHwgJ2Rlc2NlbmRpbmcnIH0+YFxuICB0cmFuc2Zvcm06ICR7KHsgb3JkZXIgfSkgPT4gKG9yZGVyID09PSAnYXNjZW5kaW5nJyA/ICdyb3RhdGUoLTE4MGRlZyknIDogJ25vbmUnKX07XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAwLjJzIGVhc2UtaW4tb3V0O1xuYFxuXG5jb25zdCBTb3J0SWNvbiA9ICh7IG9yZGVyIH06IHsgb3JkZXI/OiAnYXNjZW5kaW5nJyB8ICdkZXNjZW5kaW5nJyB9KSA9PlxuICBvcmRlciA/IChcbiAgICA8U3R5bGVkU29ydEljb24gb3JkZXI9e29yZGVyfSBzZW50aW1lbnQ9XCJwcmltYXJ5XCIgLz5cbiAgKSA6IChcbiAgICA8U29ydEljb25VViBzZW50aW1lbnQ9XCJuZXV0cmFsXCIgLz5cbiAgKVxuXG5jb25zdCBTdHlsZWRIZWFkZXJDZWxsID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZm9udC1zaXplOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnR5cG9ncmFwaHkuYm9keVNtYWxsLmZvbnRTaXplfTtcbiAgZm9udC13ZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUudHlwb2dyYXBoeS5ib2R5U21hbGwud2VpZ2h0fTtcbiAgZm9udC1mYW1pbHk6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUudHlwb2dyYXBoeS5ib2R5U21hbGwuZm9udEZhbWlseX07XG4gIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLnRleHR9O1xuICBnYXA6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX07XG5cbiAgJltyb2xlKj0nYnV0dG9uJ10ge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgfVxuXG4gICZbYXJpYS1zb3J0XSB7XG4gICAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnByaW1hcnkudGV4dH07XG4gIH1cbmBcblxudHlwZSBIZWFkZXJDZWxsUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGlzT3JkZXJlZD86IGJvb2xlYW5cbiAgb3JkZXJEaXJlY3Rpb24/OiAnYXNjJyB8ICdkZXNjJyB8ICdub25lJ1xuICBvbk9yZGVyPzogKG5ld09yZGVyOiAnYXNjJyB8ICdkZXNjJykgPT4gdm9pZFxuICBpbmZvPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBIZWFkZXJDZWxsID0gKHtcbiAgY2hpbGRyZW4sXG4gIGlzT3JkZXJlZCxcbiAgb3JkZXJEaXJlY3Rpb24sXG4gIG9uT3JkZXIsXG4gIGNsYXNzTmFtZSxcbiAgaW5mbyxcbn06IEhlYWRlckNlbGxQcm9wcykgPT4ge1xuICBsZXQgb3JkZXI6IHVuZGVmaW5lZCB8ICdhc2NlbmRpbmcnIHwgJ2Rlc2NlbmRpbmcnXG4gIGlmIChpc09yZGVyZWQgJiYgb3JkZXJEaXJlY3Rpb24gPT09ICdhc2MnKSB7XG4gICAgb3JkZXIgPSAnYXNjZW5kaW5nJ1xuICB9IGVsc2UgaWYgKGlzT3JkZXJlZCAmJiBvcmRlckRpcmVjdGlvbiA9PT0gJ2Rlc2MnKSB7XG4gICAgb3JkZXIgPSAnZGVzY2VuZGluZydcbiAgfVxuXG4gIGNvbnN0IGhhbmRsZU9yZGVyID0gb25PcmRlclxuICAgID8gKCkgPT4gb25PcmRlcihvcmRlciA9PT0gJ2FzY2VuZGluZycgPyAnZGVzYycgOiAnYXNjJylcbiAgICA6IHVuZGVmaW5lZFxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEhlYWRlckNlbGxcbiAgICAgIGFyaWEtc29ydD17b3JkZXJ9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIG9uQ2xpY2s9e2hhbmRsZU9yZGVyfVxuICAgICAgb25LZXlEb3duPXtcbiAgICAgICAgaGFuZGxlT3JkZXJcbiAgICAgICAgICA/IGV2ZW50ID0+IHtcbiAgICAgICAgICAgICAgaWYgKGV2ZW50LmtleSA9PT0gJyAnIHx8IGV2ZW50LmtleSA9PT0gJ0VudGVyJykge1xuICAgICAgICAgICAgICAgIGhhbmRsZU9yZGVyKClcbiAgICAgICAgICAgICAgICBpZiAoZXZlbnQua2V5ID09PSAnICcpIHtcbiAgICAgICAgICAgICAgICAgIC8vIEBub3RlOiBpdCBhdm9pZCBzY3JvbGwgd2hlbiBwcmVzc2luZyBTcGFjZVxuICAgICAgICAgICAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKVxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICAgIDogdW5kZWZpbmVkXG4gICAgICB9XG4gICAgICByb2xlPXtvbk9yZGVyID8gJ2J1dHRvbiBjb2x1bW5oZWFkZXInIDogdW5kZWZpbmVkfVxuICAgICAgdGFiSW5kZXg9e2hhbmRsZU9yZGVyID8gMCA6IC0xfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIHtpbmZvID8gKFxuICAgICAgICA8VG9vbHRpcCB0ZXh0PXtpbmZvfT5cbiAgICAgICAgICA8SW5mb3JtYXRpb25JY29uIHNpemU9XCJsYXJnZVwiIHByb21pbmVuY2U9XCJ3ZWFrXCIgc2VudGltZW50PVwibmV1dHJhbFwiIC8+XG4gICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICkgOiBudWxsfVxuICAgICAge29yZGVyRGlyZWN0aW9uICE9PSB1bmRlZmluZWQgJiYgaXNPcmRlcmVkICE9PSB1bmRlZmluZWQgPyAoXG4gICAgICAgIDxTb3J0SWNvbiBvcmRlcj17b3JkZXJ9IC8+XG4gICAgICApIDogbnVsbH1cbiAgICA8L1N0eWxlZEhlYWRlckNlbGw+XG4gIClcbn1cbiJdfQ== */"));
+}) => order === "ascending" ? "rotate(-180deg)" : "none", ";transition:transform 0.2s ease-in-out;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xpc3QvSGVhZGVyQ2VsbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWXlDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xpc3QvSGVhZGVyQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7XG4gIEluZm9ybWF0aW9uSWNvbixcbiAgU29ydEljb24gYXMgU29ydEljb25VVixcbiAgU291dGhTaG9ydEljb24sXG59IGZyb20gJ0B1bHRyYXZpb2xldC9pY29ucydcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBTdGFjayB9IGZyb20gJy4uL1N0YWNrJ1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gJy4uL1Rvb2x0aXAnXG5cbmNvbnN0IFN0eWxlZFNvcnRJY29uID0gc3R5bGVkKFNvdXRoU2hvcnRJY29uLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ29yZGVyJ10uaW5jbHVkZXMocHJvcCksXG59KTx7IG9yZGVyOiAnYXNjZW5kaW5nJyB8ICdkZXNjZW5kaW5nJyB9PmBcbiAgdHJhbnNmb3JtOiAkeyh7IG9yZGVyIH0pID0+IChvcmRlciA9PT0gJ2FzY2VuZGluZycgPyAncm90YXRlKC0xODBkZWcpJyA6ICdub25lJyl9O1xuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4ycyBlYXNlLWluLW91dDtcbmBcblxuY29uc3QgU29ydEljb24gPSAoeyBvcmRlciB9OiB7IG9yZGVyPzogJ2FzY2VuZGluZycgfCAnZGVzY2VuZGluZycgfSkgPT5cbiAgb3JkZXIgPyAoXG4gICAgPFN0eWxlZFNvcnRJY29uIG9yZGVyPXtvcmRlcn0gc2VudGltZW50PVwicHJpbWFyeVwiIC8+XG4gICkgOiAoXG4gICAgPFNvcnRJY29uVVYgc2VudGltZW50PVwibmV1dHJhbFwiIC8+XG4gIClcblxuY29uc3QgU3R5bGVkSGVhZGVyQ2VsbCA9IHN0eWxlZCgndGgnLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ3dpZHRoJywgJ21pbldpZHRoJywgJ21heFdpZHRoJ10uaW5jbHVkZXMocHJvcCksXG59KTx7IHdpZHRoPzogc3RyaW5nOyBtaW5XaWR0aD86IHN0cmluZzsgbWF4V2lkdGg/OiBzdHJpbmcgfT5gXG4gIGRpc3BsYXk6IHRhYmxlLWNlbGw7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gIGZvbnQtc2l6ZTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS50eXBvZ3JhcGh5LmJvZHlTbWFsbC5mb250U2l6ZX07XG4gIGZvbnQtd2VpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnR5cG9ncmFwaHkuYm9keVNtYWxsLndlaWdodH07XG4gIGZvbnQtZmFtaWx5OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnR5cG9ncmFwaHkuYm9keVNtYWxsLmZvbnRGYW1pbHl9O1xuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0fTtcbiAgZ2FwOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuICBwYWRkaW5nOiAwICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG5cbiAgJltyb2xlKj0nYnV0dG9uJ10ge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgfVxuXG4gICZbYXJpYS1zb3J0XSB7XG4gICAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnByaW1hcnkudGV4dH07XG4gIH1cblxuICB3aWR0aDogJHsoeyB3aWR0aCB9KSA9PiB3aWR0aH07XG4gIG1pbi13aWR0aDogJHsoeyBtaW5XaWR0aCB9KSA9PiBtaW5XaWR0aH07XG4gIG1heC13aWR0aDogJHsoeyBtYXhXaWR0aCB9KSA9PiBtYXhXaWR0aH07XG5gXG5cbnR5cGUgSGVhZGVyQ2VsbFByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBpc09yZGVyZWQ/OiBib29sZWFuXG4gIG9yZGVyRGlyZWN0aW9uPzogJ2FzYycgfCAnZGVzYycgfCAnbm9uZSdcbiAgb25PcmRlcj86IChuZXdPcmRlcjogJ2FzYycgfCAnZGVzYycpID0+IHZvaWRcbiAgaW5mbz86IHN0cmluZ1xuICB3aWR0aD86IHN0cmluZ1xuICBtaW5XaXRoPzogc3RyaW5nXG4gIG1heFdpZHRoPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBIZWFkZXJDZWxsID0gKHtcbiAgY2hpbGRyZW4sXG4gIGlzT3JkZXJlZCxcbiAgb3JkZXJEaXJlY3Rpb24sXG4gIG9uT3JkZXIsXG4gIGNsYXNzTmFtZSxcbiAgaW5mbyxcbiAgd2lkdGgsXG4gIG1pbldpdGgsXG4gIG1heFdpZHRoLFxufTogSGVhZGVyQ2VsbFByb3BzKSA9PiB7XG4gIGxldCBvcmRlcjogdW5kZWZpbmVkIHwgJ2FzY2VuZGluZycgfCAnZGVzY2VuZGluZydcbiAgaWYgKGlzT3JkZXJlZCAmJiBvcmRlckRpcmVjdGlvbiA9PT0gJ2FzYycpIHtcbiAgICBvcmRlciA9ICdhc2NlbmRpbmcnXG4gIH0gZWxzZSBpZiAoaXNPcmRlcmVkICYmIG9yZGVyRGlyZWN0aW9uID09PSAnZGVzYycpIHtcbiAgICBvcmRlciA9ICdkZXNjZW5kaW5nJ1xuICB9XG5cbiAgY29uc3QgaGFuZGxlT3JkZXIgPSBvbk9yZGVyXG4gICAgPyAoKSA9PiBvbk9yZGVyKG9yZGVyID09PSAnYXNjZW5kaW5nJyA/ICdkZXNjJyA6ICdhc2MnKVxuICAgIDogdW5kZWZpbmVkXG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkSGVhZGVyQ2VsbFxuICAgICAgYXJpYS1zb3J0PXtvcmRlcn1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgb25DbGljaz17aGFuZGxlT3JkZXJ9XG4gICAgICBvbktleURvd249e1xuICAgICAgICBoYW5kbGVPcmRlclxuICAgICAgICAgID8gZXZlbnQgPT4ge1xuICAgICAgICAgICAgICBpZiAoZXZlbnQua2V5ID09PSAnICcgfHwgZXZlbnQua2V5ID09PSAnRW50ZXInKSB7XG4gICAgICAgICAgICAgICAgaGFuZGxlT3JkZXIoKVxuICAgICAgICAgICAgICAgIGlmIChldmVudC5rZXkgPT09ICcgJykge1xuICAgICAgICAgICAgICAgICAgLy8gQG5vdGU6IGl0IGF2b2lkIHNjcm9sbCB3aGVuIHByZXNzaW5nIFNwYWNlXG4gICAgICAgICAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgOiB1bmRlZmluZWRcbiAgICAgIH1cbiAgICAgIHJvbGU9e29uT3JkZXIgPyAnYnV0dG9uIGNvbHVtbmhlYWRlcicgOiB1bmRlZmluZWR9XG4gICAgICB0YWJJbmRleD17aGFuZGxlT3JkZXIgPyAwIDogLTF9XG4gICAgICB3aWR0aD17d2lkdGh9XG4gICAgICBtYXhXaWR0aD17bWF4V2lkdGh9XG4gICAgICBtaW5XaWR0aD17bWluV2l0aH1cbiAgICA+XG4gICAgICA8U3RhY2sgZGlyZWN0aW9uPVwicm93XCIgZ2FwPXsxfSBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAge2luZm8gPyAoXG4gICAgICAgICAgPFRvb2x0aXAgdGV4dD17aW5mb30+XG4gICAgICAgICAgICA8SW5mb3JtYXRpb25JY29uXG4gICAgICAgICAgICAgIHNpemU9XCJsYXJnZVwiXG4gICAgICAgICAgICAgIHByb21pbmVuY2U9XCJ3ZWFrXCJcbiAgICAgICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIHtvcmRlckRpcmVjdGlvbiAhPT0gdW5kZWZpbmVkICYmIGlzT3JkZXJlZCAhPT0gdW5kZWZpbmVkID8gKFxuICAgICAgICAgIDxTb3J0SWNvbiBvcmRlcj17b3JkZXJ9IC8+XG4gICAgICAgICkgOiBudWxsfVxuICAgICAgPC9TdGFjaz5cbiAgICA8L1N0eWxlZEhlYWRlckNlbGw+XG4gIClcbn1cbiJdfQ== */"));
 const SortIcon = ({
   order
 }) => order ? /* @__PURE__ */ jsx(StyledSortIcon, { order, sentiment: "primary" }) : /* @__PURE__ */ jsx(SortIcon$1, { sentiment: "neutral" });
-const StyledHeaderCell = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+const StyledHeaderCell = /* @__PURE__ */ _styled("th", process.env.NODE_ENV === "production" ? {
+  shouldForwardProp: (prop) => !["width", "minWidth", "maxWidth"].includes(prop),
   target: "e1q5cnom0"
 } : {
+  shouldForwardProp: (prop) => !["width", "minWidth", "maxWidth"].includes(prop),
   target: "e1q5cnom0",
   label: "StyledHeaderCell"
-})("display:flex;text-align:left;flex-direction:row;align-items:center;font-size:", ({
+})("display:table-cell;text-align:left;vertical-align:middle;font-size:", ({
   theme
 }) => theme.typography.bodySmall.fontSize, ";font-weight:", ({
   theme
@@ -30,16 +33,27 @@ const StyledHeaderCell = /* @__PURE__ */ _styled("div", process.env.NODE_ENV ===
   theme
 }) => theme.colors.neutral.text, ";gap:", ({
   theme
-}) => theme.space["1"], ";&[role*='button']{cursor:pointer;user-select:none;}&[aria-sort]{color:", ({
+}) => theme.space["1"], ";padding:0 ", ({
   theme
-}) => theme.colors.primary.text, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xpc3QvSGVhZGVyQ2VsbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUJtQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9MaXN0L0hlYWRlckNlbGwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQge1xuICBJbmZvcm1hdGlvbkljb24sXG4gIFNvcnRJY29uIGFzIFNvcnRJY29uVVYsXG4gIFNvdXRoU2hvcnRJY29uLFxufSBmcm9tICdAdWx0cmF2aW9sZXQvaWNvbnMnXG5pbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gJy4uL1Rvb2x0aXAnXG5cbmNvbnN0IFN0eWxlZFNvcnRJY29uID0gc3R5bGVkKFNvdXRoU2hvcnRJY29uLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ29yZGVyJ10uaW5jbHVkZXMocHJvcCksXG59KTx7IG9yZGVyOiAnYXNjZW5kaW5nJyB8ICdkZXNjZW5kaW5nJyB9PmBcbiAgdHJhbnNmb3JtOiAkeyh7IG9yZGVyIH0pID0+IChvcmRlciA9PT0gJ2FzY2VuZGluZycgPyAncm90YXRlKC0xODBkZWcpJyA6ICdub25lJyl9O1xuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4ycyBlYXNlLWluLW91dDtcbmBcblxuY29uc3QgU29ydEljb24gPSAoeyBvcmRlciB9OiB7IG9yZGVyPzogJ2FzY2VuZGluZycgfCAnZGVzY2VuZGluZycgfSkgPT5cbiAgb3JkZXIgPyAoXG4gICAgPFN0eWxlZFNvcnRJY29uIG9yZGVyPXtvcmRlcn0gc2VudGltZW50PVwicHJpbWFyeVwiIC8+XG4gICkgOiAoXG4gICAgPFNvcnRJY29uVVYgc2VudGltZW50PVwibmV1dHJhbFwiIC8+XG4gIClcblxuY29uc3QgU3R5bGVkSGVhZGVyQ2VsbCA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGZvbnQtc2l6ZTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS50eXBvZ3JhcGh5LmJvZHlTbWFsbC5mb250U2l6ZX07XG4gIGZvbnQtd2VpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnR5cG9ncmFwaHkuYm9keVNtYWxsLndlaWdodH07XG4gIGZvbnQtZmFtaWx5OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnR5cG9ncmFwaHkuYm9keVNtYWxsLmZvbnRGYW1pbHl9O1xuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0fTtcbiAgZ2FwOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuXG4gICZbcm9sZSo9J2J1dHRvbiddIHtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIH1cblxuICAmW2FyaWEtc29ydF0ge1xuICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LnRleHR9O1xuICB9XG5gXG5cbnR5cGUgSGVhZGVyQ2VsbFByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBpc09yZGVyZWQ/OiBib29sZWFuXG4gIG9yZGVyRGlyZWN0aW9uPzogJ2FzYycgfCAnZGVzYycgfCAnbm9uZSdcbiAgb25PcmRlcj86IChuZXdPcmRlcjogJ2FzYycgfCAnZGVzYycpID0+IHZvaWRcbiAgaW5mbz86IHN0cmluZ1xufVxuXG5leHBvcnQgY29uc3QgSGVhZGVyQ2VsbCA9ICh7XG4gIGNoaWxkcmVuLFxuICBpc09yZGVyZWQsXG4gIG9yZGVyRGlyZWN0aW9uLFxuICBvbk9yZGVyLFxuICBjbGFzc05hbWUsXG4gIGluZm8sXG59OiBIZWFkZXJDZWxsUHJvcHMpID0+IHtcbiAgbGV0IG9yZGVyOiB1bmRlZmluZWQgfCAnYXNjZW5kaW5nJyB8ICdkZXNjZW5kaW5nJ1xuICBpZiAoaXNPcmRlcmVkICYmIG9yZGVyRGlyZWN0aW9uID09PSAnYXNjJykge1xuICAgIG9yZGVyID0gJ2FzY2VuZGluZydcbiAgfSBlbHNlIGlmIChpc09yZGVyZWQgJiYgb3JkZXJEaXJlY3Rpb24gPT09ICdkZXNjJykge1xuICAgIG9yZGVyID0gJ2Rlc2NlbmRpbmcnXG4gIH1cblxuICBjb25zdCBoYW5kbGVPcmRlciA9IG9uT3JkZXJcbiAgICA/ICgpID0+IG9uT3JkZXIob3JkZXIgPT09ICdhc2NlbmRpbmcnID8gJ2Rlc2MnIDogJ2FzYycpXG4gICAgOiB1bmRlZmluZWRcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRIZWFkZXJDZWxsXG4gICAgICBhcmlhLXNvcnQ9e29yZGVyfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBvbkNsaWNrPXtoYW5kbGVPcmRlcn1cbiAgICAgIG9uS2V5RG93bj17XG4gICAgICAgIGhhbmRsZU9yZGVyXG4gICAgICAgICAgPyBldmVudCA9PiB7XG4gICAgICAgICAgICAgIGlmIChldmVudC5rZXkgPT09ICcgJyB8fCBldmVudC5rZXkgPT09ICdFbnRlcicpIHtcbiAgICAgICAgICAgICAgICBoYW5kbGVPcmRlcigpXG4gICAgICAgICAgICAgICAgaWYgKGV2ZW50LmtleSA9PT0gJyAnKSB7XG4gICAgICAgICAgICAgICAgICAvLyBAbm90ZTogaXQgYXZvaWQgc2Nyb2xsIHdoZW4gcHJlc3NpbmcgU3BhY2VcbiAgICAgICAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICA6IHVuZGVmaW5lZFxuICAgICAgfVxuICAgICAgcm9sZT17b25PcmRlciA/ICdidXR0b24gY29sdW1uaGVhZGVyJyA6IHVuZGVmaW5lZH1cbiAgICAgIHRhYkluZGV4PXtoYW5kbGVPcmRlciA/IDAgOiAtMX1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgICB7aW5mbyA/IChcbiAgICAgICAgPFRvb2x0aXAgdGV4dD17aW5mb30+XG4gICAgICAgICAgPEluZm9ybWF0aW9uSWNvbiBzaXplPVwibGFyZ2VcIiBwcm9taW5lbmNlPVwid2Vha1wiIHNlbnRpbWVudD1cIm5ldXRyYWxcIiAvPlxuICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICApIDogbnVsbH1cbiAgICAgIHtvcmRlckRpcmVjdGlvbiAhPT0gdW5kZWZpbmVkICYmIGlzT3JkZXJlZCAhPT0gdW5kZWZpbmVkID8gKFxuICAgICAgICA8U29ydEljb24gb3JkZXI9e29yZGVyfSAvPlxuICAgICAgKSA6IG51bGx9XG4gICAgPC9TdHlsZWRIZWFkZXJDZWxsPlxuICApXG59XG4iXX0= */"));
+}) => theme.space["2"], ";&[role*='button']{cursor:pointer;user-select:none;}&[aria-sort]{color:", ({
+  theme
+}) => theme.colors.primary.text, ";}width:", ({
+  width
+}) => width, ";min-width:", ({
+  minWidth
+}) => minWidth, ";max-width:", ({
+  maxWidth
+}) => maxWidth, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xpc3QvSGVhZGVyQ2VsbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEI0RCIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9MaXN0L0hlYWRlckNlbGwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQge1xuICBJbmZvcm1hdGlvbkljb24sXG4gIFNvcnRJY29uIGFzIFNvcnRJY29uVVYsXG4gIFNvdXRoU2hvcnRJY29uLFxufSBmcm9tICdAdWx0cmF2aW9sZXQvaWNvbnMnXG5pbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICcuLi9TdGFjaydcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tICcuLi9Ub29sdGlwJ1xuXG5jb25zdCBTdHlsZWRTb3J0SWNvbiA9IHN0eWxlZChTb3V0aFNob3J0SWNvbiwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWydvcmRlciddLmluY2x1ZGVzKHByb3ApLFxufSk8eyBvcmRlcjogJ2FzY2VuZGluZycgfCAnZGVzY2VuZGluZycgfT5gXG4gIHRyYW5zZm9ybTogJHsoeyBvcmRlciB9KSA9PiAob3JkZXIgPT09ICdhc2NlbmRpbmcnID8gJ3JvdGF0ZSgtMTgwZGVnKScgOiAnbm9uZScpfTtcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuMnMgZWFzZS1pbi1vdXQ7XG5gXG5cbmNvbnN0IFNvcnRJY29uID0gKHsgb3JkZXIgfTogeyBvcmRlcj86ICdhc2NlbmRpbmcnIHwgJ2Rlc2NlbmRpbmcnIH0pID0+XG4gIG9yZGVyID8gKFxuICAgIDxTdHlsZWRTb3J0SWNvbiBvcmRlcj17b3JkZXJ9IHNlbnRpbWVudD1cInByaW1hcnlcIiAvPlxuICApIDogKFxuICAgIDxTb3J0SWNvblVWIHNlbnRpbWVudD1cIm5ldXRyYWxcIiAvPlxuICApXG5cbmNvbnN0IFN0eWxlZEhlYWRlckNlbGwgPSBzdHlsZWQoJ3RoJywge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWyd3aWR0aCcsICdtaW5XaWR0aCcsICdtYXhXaWR0aCddLmluY2x1ZGVzKHByb3ApLFxufSk8eyB3aWR0aD86IHN0cmluZzsgbWluV2lkdGg/OiBzdHJpbmc7IG1heFdpZHRoPzogc3RyaW5nIH0+YFxuICBkaXNwbGF5OiB0YWJsZS1jZWxsO1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuICBmb250LXNpemU6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUudHlwb2dyYXBoeS5ib2R5U21hbGwuZm9udFNpemV9O1xuICBmb250LXdlaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS50eXBvZ3JhcGh5LmJvZHlTbWFsbC53ZWlnaHR9O1xuICBmb250LWZhbWlseTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS50eXBvZ3JhcGh5LmJvZHlTbWFsbC5mb250RmFtaWx5fTtcbiAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dH07XG4gIGdhcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbiAgcGFkZGluZzogMCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycyJ119O1xuXG4gICZbcm9sZSo9J2J1dHRvbiddIHtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIH1cblxuICAmW2FyaWEtc29ydF0ge1xuICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LnRleHR9O1xuICB9XG5cbiAgd2lkdGg6ICR7KHsgd2lkdGggfSkgPT4gd2lkdGh9O1xuICBtaW4td2lkdGg6ICR7KHsgbWluV2lkdGggfSkgPT4gbWluV2lkdGh9O1xuICBtYXgtd2lkdGg6ICR7KHsgbWF4V2lkdGggfSkgPT4gbWF4V2lkdGh9O1xuYFxuXG50eXBlIEhlYWRlckNlbGxQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgaXNPcmRlcmVkPzogYm9vbGVhblxuICBvcmRlckRpcmVjdGlvbj86ICdhc2MnIHwgJ2Rlc2MnIHwgJ25vbmUnXG4gIG9uT3JkZXI/OiAobmV3T3JkZXI6ICdhc2MnIHwgJ2Rlc2MnKSA9PiB2b2lkXG4gIGluZm8/OiBzdHJpbmdcbiAgd2lkdGg/OiBzdHJpbmdcbiAgbWluV2l0aD86IHN0cmluZ1xuICBtYXhXaWR0aD86IHN0cmluZ1xufVxuXG5leHBvcnQgY29uc3QgSGVhZGVyQ2VsbCA9ICh7XG4gIGNoaWxkcmVuLFxuICBpc09yZGVyZWQsXG4gIG9yZGVyRGlyZWN0aW9uLFxuICBvbk9yZGVyLFxuICBjbGFzc05hbWUsXG4gIGluZm8sXG4gIHdpZHRoLFxuICBtaW5XaXRoLFxuICBtYXhXaWR0aCxcbn06IEhlYWRlckNlbGxQcm9wcykgPT4ge1xuICBsZXQgb3JkZXI6IHVuZGVmaW5lZCB8ICdhc2NlbmRpbmcnIHwgJ2Rlc2NlbmRpbmcnXG4gIGlmIChpc09yZGVyZWQgJiYgb3JkZXJEaXJlY3Rpb24gPT09ICdhc2MnKSB7XG4gICAgb3JkZXIgPSAnYXNjZW5kaW5nJ1xuICB9IGVsc2UgaWYgKGlzT3JkZXJlZCAmJiBvcmRlckRpcmVjdGlvbiA9PT0gJ2Rlc2MnKSB7XG4gICAgb3JkZXIgPSAnZGVzY2VuZGluZydcbiAgfVxuXG4gIGNvbnN0IGhhbmRsZU9yZGVyID0gb25PcmRlclxuICAgID8gKCkgPT4gb25PcmRlcihvcmRlciA9PT0gJ2FzY2VuZGluZycgPyAnZGVzYycgOiAnYXNjJylcbiAgICA6IHVuZGVmaW5lZFxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEhlYWRlckNlbGxcbiAgICAgIGFyaWEtc29ydD17b3JkZXJ9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIG9uQ2xpY2s9e2hhbmRsZU9yZGVyfVxuICAgICAgb25LZXlEb3duPXtcbiAgICAgICAgaGFuZGxlT3JkZXJcbiAgICAgICAgICA/IGV2ZW50ID0+IHtcbiAgICAgICAgICAgICAgaWYgKGV2ZW50LmtleSA9PT0gJyAnIHx8IGV2ZW50LmtleSA9PT0gJ0VudGVyJykge1xuICAgICAgICAgICAgICAgIGhhbmRsZU9yZGVyKClcbiAgICAgICAgICAgICAgICBpZiAoZXZlbnQua2V5ID09PSAnICcpIHtcbiAgICAgICAgICAgICAgICAgIC8vIEBub3RlOiBpdCBhdm9pZCBzY3JvbGwgd2hlbiBwcmVzc2luZyBTcGFjZVxuICAgICAgICAgICAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKVxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICAgIDogdW5kZWZpbmVkXG4gICAgICB9XG4gICAgICByb2xlPXtvbk9yZGVyID8gJ2J1dHRvbiBjb2x1bW5oZWFkZXInIDogdW5kZWZpbmVkfVxuICAgICAgdGFiSW5kZXg9e2hhbmRsZU9yZGVyID8gMCA6IC0xfVxuICAgICAgd2lkdGg9e3dpZHRofVxuICAgICAgbWF4V2lkdGg9e21heFdpZHRofVxuICAgICAgbWluV2lkdGg9e21pbldpdGh9XG4gICAgPlxuICAgICAgPFN0YWNrIGRpcmVjdGlvbj1cInJvd1wiIGdhcD17MX0gYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIHtpbmZvID8gKFxuICAgICAgICAgIDxUb29sdGlwIHRleHQ9e2luZm99PlxuICAgICAgICAgICAgPEluZm9ybWF0aW9uSWNvblxuICAgICAgICAgICAgICBzaXplPVwibGFyZ2VcIlxuICAgICAgICAgICAgICBwcm9taW5lbmNlPVwid2Vha1wiXG4gICAgICAgICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICAgICkgOiBudWxsfVxuICAgICAgICB7b3JkZXJEaXJlY3Rpb24gIT09IHVuZGVmaW5lZCAmJiBpc09yZGVyZWQgIT09IHVuZGVmaW5lZCA/IChcbiAgICAgICAgICA8U29ydEljb24gb3JkZXI9e29yZGVyfSAvPlxuICAgICAgICApIDogbnVsbH1cbiAgICAgIDwvU3RhY2s+XG4gICAgPC9TdHlsZWRIZWFkZXJDZWxsPlxuICApXG59XG4iXX0= */"));
 const HeaderCell = ({
   children,
   isOrdered,
   orderDirection,
   onOrder,
   className,
-  info
+  info,
+  width,
+  minWith,
+  maxWidth
 }) => {
   let order;
   if (isOrdered && orderDirection === "asc") {
@@ -48,18 +62,18 @@ const HeaderCell = ({
     order = "descending";
   }
   const handleOrder = onOrder ? () => onOrder(order === "ascending" ? "desc" : "asc") : void 0;
-  return /* @__PURE__ */ jsxs(StyledHeaderCell, { "aria-sort": order, className, onClick: handleOrder, onKeyDown: handleOrder ? (event) => {
+  return /* @__PURE__ */ jsx(StyledHeaderCell, { "aria-sort": order, className, onClick: handleOrder, onKeyDown: handleOrder ? (event) => {
     if (event.key === " " || event.key === "Enter") {
       handleOrder();
       if (event.key === " ") {
         event.preventDefault();
       }
     }
-  } : void 0, role: onOrder ? "button columnheader" : void 0, tabIndex: handleOrder ? 0 : -1, children: [
+  } : void 0, role: onOrder ? "button columnheader" : void 0, tabIndex: handleOrder ? 0 : -1, width, maxWidth, minWidth: minWith, children: /* @__PURE__ */ jsxs(Stack, { direction: "row", gap: 1, alignItems: "center", children: [
     children,
     info ? /* @__PURE__ */ jsx(Tooltip, { text: info, children: /* @__PURE__ */ jsx(InformationIcon, { size: "large", prominence: "weak", sentiment: "neutral" }) }) : null,
     orderDirection !== void 0 && isOrdered !== void 0 ? /* @__PURE__ */ jsx(SortIcon, { order }) : null
-  ] });
+  ] }) });
 };
 export {
   HeaderCell

package/dist/components/List/HeaderRow.cjs

@@ -2,21 +2,31 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const _styled = require("@emotion/styled/base");
+const react = require("@emotion/react");
 const index = require("../Checkbox/index.cjs");
+const constants = require("../Table/constants.cjs");
 const HeaderCell = require("./HeaderCell.cjs");
 const ListContext = require("./ListContext.cjs");
 const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
 const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
-const StyledHeaderRow = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
-  target: "epvvdb70"
+const StyledHeaderRow = /* @__PURE__ */ _styled__default.default("tr", process.env.NODE_ENV === "production" ? {
+  target: "epvvdb71"
 } : {
-  target: "epvvdb70",
+  target: "epvvdb71",
   label: "StyledHeaderRow"
-})("column-gap:", ({
+})("display:table-row;vertical-align:middle;padding:0 ", ({
+  theme
+}) => theme.space["2"], ';&:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid transparent;border-radius:', ({
   theme
-}) => theme.space["2"], ";padding:0 ", ({
+}) => theme.radii.default, ";pointer-events:none;transition:box-shadow 200ms ease,border-color 200ms ease;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xpc3QvSGVhZGVyUm93LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXaUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvTGlzdC9IZWFkZXJSb3cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IENoZWNrYm94IH0gZnJvbSAnLi4vQ2hlY2tib3gnXG5pbXBvcnQge1xuICBFWFBBTkRBQkxFX0NPTFVNTl9TSVpFLFxuICBTRUxFQ1RBQkxFX0NIRUNLQk9YX1NJWkUsXG59IGZyb20gJy4uL1RhYmxlL2NvbnN0YW50cydcbmltcG9ydCB7IEhlYWRlckNlbGwgfSBmcm9tICcuL0hlYWRlckNlbGwnXG5pbXBvcnQgeyB1c2VMaXN0Q29udGV4dCB9IGZyb20gJy4vTGlzdENvbnRleHQnXG5cbmNvbnN0IFN0eWxlZEhlYWRlclJvdyA9IHN0eWxlZC50cmBcbiAgLyogTGlzdCBpdHNlbGYgYWxzbyBhcHBseSBzdHlsZSBhYm91dCBjb21tb24gdGVtcGxhdGluZyBiZXR3ZWVuIEhlYWRlclJvdyBhbmQgb3RoZXIgUm93cyAqL1xuICBkaXNwbGF5OiB0YWJsZS1yb3c7XG4gIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gIHBhZGRpbmc6IDAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcblxuICAmOmJlZm9yZSB7XG4gICAgY29udGVudDogXCJcIjtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwOyAvKiBBZGp1c3QgYmFzZWQgb24gYm9yZGVyIHdpZHRoIGFuZCBzcGFjaW5nICovXG4gICAgbGVmdDogMDtcbiAgICByaWdodDogMDtcbiAgICBib3R0b206IDA7IC8qIEFkanVzdCBiYXNlZCBvbiBib3JkZXIgd2lkdGggYW5kIHNwYWNpbmcgKi9cbiAgICBib3JkZXI6IDFweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmRlZmF1bHR9O1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIHRyYW5zaXRpb246XG4gICAgICBib3gtc2hhZG93IDIwMG1zIGVhc2UsXG4gICAgICBib3JkZXItY29sb3IgMjAwbXMgZWFzZTtcbiAgfVxuYFxuXG5jb25zdCBOb1BhZGRpbmdIZWFkZXJDZWxsID0gc3R5bGVkKEhlYWRlckNlbGwpYFxuICBwYWRkaW5nOiAwO1xuXG4gICY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgcGFkZGluZy1sZWZ0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycyJ119O1xuICB9XG5gXG5cbnR5cGUgUm93UHJvcHMgPSB7XG4gIGhhc1NlbGVjdEFsbENvbHVtbjogYm9vbGVhblxuICBjaGlsZHJlbjogUmVhY3ROb2RlXG59XG5cbmV4cG9ydCBjb25zdCBIZWFkZXJSb3cgPSAoeyBjaGlsZHJlbiwgaGFzU2VsZWN0QWxsQ29sdW1uIH06IFJvd1Byb3BzKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBhbGxSb3dTZWxlY3RWYWx1ZSxcbiAgICBzZWxlY3RBbGwsXG4gICAgdW5zZWxlY3RBbGwsXG4gICAgc2VsZWN0ZWRSb3dJZHMsXG4gICAgZXhwYW5kQnV0dG9uLFxuICB9ID0gdXNlTGlzdENvbnRleHQoKVxuXG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKVxuXG4gIGNvbnN0IHNlbGVjdGFibGVSb3dDb3VudCA9IE9iamVjdC5rZXlzKHNlbGVjdGVkUm93SWRzKS5sZW5ndGhcblxuICByZXR1cm4gKFxuICAgIDx0aGVhZD5cbiAgICAgIDxTdHlsZWRIZWFkZXJSb3c+XG4gICAgICAgIHtoYXNTZWxlY3RBbGxDb2x1bW4gPyAoXG4gICAgICAgICAgPE5vUGFkZGluZ0hlYWRlckNlbGwgd2lkdGg9e3RoZW1lLnNpemluZ1tTRUxFQ1RBQkxFX0NIRUNLQk9YX1NJWkVdfT5cbiAgICAgICAgICAgIDxDaGVja2JveFxuICAgICAgICAgICAgICBuYW1lPVwibGlzdC1zZWxlY3QtY2hlY2tib3hcIlxuICAgICAgICAgICAgICB2YWx1ZT1cImFsbFwiXG4gICAgICAgICAgICAgIGFyaWEtbGFiZWw9XCJzZWxlY3QgYWxsXCJcbiAgICAgICAgICAgICAgY2hlY2tlZD17YWxsUm93U2VsZWN0VmFsdWV9XG4gICAgICAgICAgICAgIG9uQ2hhbmdlPXthbGxSb3dTZWxlY3RWYWx1ZSA9PT0gZmFsc2UgPyBzZWxlY3RBbGwgOiB1bnNlbGVjdEFsbH1cbiAgICAgICAgICAgICAgZGlzYWJsZWQ9e3NlbGVjdGFibGVSb3dDb3VudCA9PT0gMH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9Ob1BhZGRpbmdIZWFkZXJDZWxsPlxuICAgICAgICApIDogbnVsbH1cbiAgICAgICAge2V4cGFuZEJ1dHRvbiA/IChcbiAgICAgICAgICA8Tm9QYWRkaW5nSGVhZGVyQ2VsbCB3aWR0aD17dGhlbWUuc2l6aW5nW0VYUEFOREFCTEVfQ09MVU1OX1NJWkVdfT5cbiAgICAgICAgICAgIHtudWxsfVxuICAgICAgICAgIDwvTm9QYWRkaW5nSGVhZGVyQ2VsbD5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvU3R5bGVkSGVhZGVyUm93PlxuICAgIDwvdGhlYWQ+XG4gIClcbn1cbiJdfQ== */"));
+const NoPaddingHeaderCell = /* @__PURE__ */ _styled__default.default(HeaderCell.HeaderCell, process.env.NODE_ENV === "production" ? {
+  target: "epvvdb70"
+} : {
+  target: "epvvdb70",
+  label: "NoPaddingHeaderCell"
+})("padding:0;&:first-of-type{padding-left:", ({
   theme
-}) => theme.space["2"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xpc3QvSGVhZGVyUm93LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNa0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvTGlzdC9IZWFkZXJSb3cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgQ2hlY2tib3ggfSBmcm9tICcuLi9DaGVja2JveCdcbmltcG9ydCB7IEhlYWRlckNlbGwgfSBmcm9tICcuL0hlYWRlckNlbGwnXG5pbXBvcnQgeyB1c2VMaXN0Q29udGV4dCB9IGZyb20gJy4vTGlzdENvbnRleHQnXG5cbmNvbnN0IFN0eWxlZEhlYWRlclJvdyA9IHN0eWxlZC5kaXZgXG4gIC8qIExpc3QgaXRzZWxmIGFsc28gYXBwbHkgc3R5bGUgYWJvdXQgY29tbW9uIHRlbXBsYXRpbmcgYmV0d2VlbiBIZWFkZXJSb3cgYW5kIG90aGVyIFJvd3MgKi9cbiAgY29sdW1uLWdhcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgcGFkZGluZzogMCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycyJ119O1xuYFxuXG50eXBlIFJvd1Byb3BzID0ge1xuICBoYXNTZWxlY3RBbGxDb2x1bW46IGJvb2xlYW5cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxufVxuXG5leHBvcnQgY29uc3QgSGVhZGVyUm93ID0gKHsgY2hpbGRyZW4sIGhhc1NlbGVjdEFsbENvbHVtbiB9OiBSb3dQcm9wcykgPT4ge1xuICBjb25zdCB7XG4gICAgYWxsUm93U2VsZWN0VmFsdWUsXG4gICAgc2VsZWN0QWxsLFxuICAgIHVuc2VsZWN0QWxsLFxuICAgIHNlbGVjdGVkUm93SWRzLFxuICAgIGV4cGFuZEJ1dHRvbixcbiAgfSA9IHVzZUxpc3RDb250ZXh0KClcblxuICBjb25zdCBzZWxlY3RhYmxlUm93Q291bnQgPSBPYmplY3Qua2V5cyhzZWxlY3RlZFJvd0lkcykubGVuZ3RoXG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkSGVhZGVyUm93IHJvbGU9XCJyb3dcIj5cbiAgICAgIHtoYXNTZWxlY3RBbGxDb2x1bW4gPyAoXG4gICAgICAgIDxIZWFkZXJDZWxsPlxuICAgICAgICAgIDxDaGVja2JveFxuICAgICAgICAgICAgbmFtZT1cImxpc3Qtc2VsZWN0LWNoZWNrYm94XCJcbiAgICAgICAgICAgIHZhbHVlPVwiYWxsXCJcbiAgICAgICAgICAgIGFyaWEtbGFiZWw9XCJzZWxlY3QgYWxsXCJcbiAgICAgICAgICAgIGNoZWNrZWQ9e2FsbFJvd1NlbGVjdFZhbHVlfVxuICAgICAgICAgICAgb25DaGFuZ2U9e2FsbFJvd1NlbGVjdFZhbHVlID09PSBmYWxzZSA/IHNlbGVjdEFsbCA6IHVuc2VsZWN0QWxsfVxuICAgICAgICAgICAgZGlzYWJsZWQ9e3NlbGVjdGFibGVSb3dDb3VudCA9PT0gMH1cbiAgICAgICAgICAvPlxuICAgICAgICA8L0hlYWRlckNlbGw+XG4gICAgICApIDogbnVsbH1cbiAgICAgIHtleHBhbmRCdXR0b24gPyA8SGVhZGVyQ2VsbD57bnVsbH08L0hlYWRlckNlbGw+IDogbnVsbH1cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZEhlYWRlclJvdz5cbiAgKVxufVxuIl19 */"));
+}) => theme.space["2"], ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xpc3QvSGVhZGVyUm93LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQzhDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xpc3QvSGVhZGVyUm93LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBDaGVja2JveCB9IGZyb20gJy4uL0NoZWNrYm94J1xuaW1wb3J0IHtcbiAgRVhQQU5EQUJMRV9DT0xVTU5fU0laRSxcbiAgU0VMRUNUQUJMRV9DSEVDS0JPWF9TSVpFLFxufSBmcm9tICcuLi9UYWJsZS9jb25zdGFudHMnXG5pbXBvcnQgeyBIZWFkZXJDZWxsIH0gZnJvbSAnLi9IZWFkZXJDZWxsJ1xuaW1wb3J0IHsgdXNlTGlzdENvbnRleHQgfSBmcm9tICcuL0xpc3RDb250ZXh0J1xuXG5jb25zdCBTdHlsZWRIZWFkZXJSb3cgPSBzdHlsZWQudHJgXG4gIC8qIExpc3QgaXRzZWxmIGFsc28gYXBwbHkgc3R5bGUgYWJvdXQgY29tbW9uIHRlbXBsYXRpbmcgYmV0d2VlbiBIZWFkZXJSb3cgYW5kIG90aGVyIFJvd3MgKi9cbiAgZGlzcGxheTogdGFibGUtcm93O1xuICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuICBwYWRkaW5nOiAwICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG5cbiAgJjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6IFwiXCI7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDsgLyogQWRqdXN0IGJhc2VkIG9uIGJvcmRlciB3aWR0aCBhbmQgc3BhY2luZyAqL1xuICAgIGxlZnQ6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgYm90dG9tOiAwOyAvKiBBZGp1c3QgYmFzZWQgb24gYm9yZGVyIHdpZHRoIGFuZCBzcGFjaW5nICovXG4gICAgYm9yZGVyOiAxcHggc29saWQgdHJhbnNwYXJlbnQ7XG4gICAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB0cmFuc2l0aW9uOlxuICAgICAgYm94LXNoYWRvdyAyMDBtcyBlYXNlLFxuICAgICAgYm9yZGVyLWNvbG9yIDIwMG1zIGVhc2U7XG4gIH1cbmBcblxuY29uc3QgTm9QYWRkaW5nSGVhZGVyQ2VsbCA9IHN0eWxlZChIZWFkZXJDZWxsKWBcbiAgcGFkZGluZzogMDtcblxuICAmOmZpcnN0LW9mLXR5cGUge1xuICAgIHBhZGRpbmctbGVmdDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgfVxuYFxuXG50eXBlIFJvd1Byb3BzID0ge1xuICBoYXNTZWxlY3RBbGxDb2x1bW46IGJvb2xlYW5cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxufVxuXG5leHBvcnQgY29uc3QgSGVhZGVyUm93ID0gKHsgY2hpbGRyZW4sIGhhc1NlbGVjdEFsbENvbHVtbiB9OiBSb3dQcm9wcykgPT4ge1xuICBjb25zdCB7XG4gICAgYWxsUm93U2VsZWN0VmFsdWUsXG4gICAgc2VsZWN0QWxsLFxuICAgIHVuc2VsZWN0QWxsLFxuICAgIHNlbGVjdGVkUm93SWRzLFxuICAgIGV4cGFuZEJ1dHRvbixcbiAgfSA9IHVzZUxpc3RDb250ZXh0KClcblxuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKClcblxuICBjb25zdCBzZWxlY3RhYmxlUm93Q291bnQgPSBPYmplY3Qua2V5cyhzZWxlY3RlZFJvd0lkcykubGVuZ3RoXG5cbiAgcmV0dXJuIChcbiAgICA8dGhlYWQ+XG4gICAgICA8U3R5bGVkSGVhZGVyUm93PlxuICAgICAgICB7aGFzU2VsZWN0QWxsQ29sdW1uID8gKFxuICAgICAgICAgIDxOb1BhZGRpbmdIZWFkZXJDZWxsIHdpZHRoPXt0aGVtZS5zaXppbmdbU0VMRUNUQUJMRV9DSEVDS0JPWF9TSVpFXX0+XG4gICAgICAgICAgICA8Q2hlY2tib3hcbiAgICAgICAgICAgICAgbmFtZT1cImxpc3Qtc2VsZWN0LWNoZWNrYm94XCJcbiAgICAgICAgICAgICAgdmFsdWU9XCJhbGxcIlxuICAgICAgICAgICAgICBhcmlhLWxhYmVsPVwic2VsZWN0IGFsbFwiXG4gICAgICAgICAgICAgIGNoZWNrZWQ9e2FsbFJvd1NlbGVjdFZhbHVlfVxuICAgICAgICAgICAgICBvbkNoYW5nZT17YWxsUm93U2VsZWN0VmFsdWUgPT09IGZhbHNlID8gc2VsZWN0QWxsIDogdW5zZWxlY3RBbGx9XG4gICAgICAgICAgICAgIGRpc2FibGVkPXtzZWxlY3RhYmxlUm93Q291bnQgPT09IDB9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvTm9QYWRkaW5nSGVhZGVyQ2VsbD5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIHtleHBhbmRCdXR0b24gPyAoXG4gICAgICAgICAgPE5vUGFkZGluZ0hlYWRlckNlbGwgd2lkdGg9e3RoZW1lLnNpemluZ1tFWFBBTkRBQkxFX0NPTFVNTl9TSVpFXX0+XG4gICAgICAgICAgICB7bnVsbH1cbiAgICAgICAgICA8L05vUGFkZGluZ0hlYWRlckNlbGw+XG4gICAgICAgICkgOiBudWxsfVxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1N0eWxlZEhlYWRlclJvdz5cbiAgICA8L3RoZWFkPlxuICApXG59XG4iXX0= */"));
 const HeaderRow = ({
   children,
   hasSelectAllColumn
@@ -28,11 +38,12 @@ const HeaderRow = ({
     selectedRowIds,
     expandButton
   } = ListContext.useListContext();
+  const theme = react.useTheme();
   const selectableRowCount = Object.keys(selectedRowIds).length;
-  return /* @__PURE__ */ jsxRuntime.jsxs(StyledHeaderRow, { role: "row", children: [
-    hasSelectAllColumn ? /* @__PURE__ */ jsxRuntime.jsx(HeaderCell.HeaderCell, { children: /* @__PURE__ */ jsxRuntime.jsx(index.Checkbox, { name: "list-select-checkbox", value: "all", "aria-label": "select all", checked: allRowSelectValue, onChange: allRowSelectValue === false ? selectAll : unselectAll, disabled: selectableRowCount === 0 }) }) : null,
-    expandButton ? /* @__PURE__ */ jsxRuntime.jsx(HeaderCell.HeaderCell, { children: null }) : null,
+  return /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs(StyledHeaderRow, { children: [
+    hasSelectAllColumn ? /* @__PURE__ */ jsxRuntime.jsx(NoPaddingHeaderCell, { width: theme.sizing[constants.SELECTABLE_CHECKBOX_SIZE], children: /* @__PURE__ */ jsxRuntime.jsx(index.Checkbox, { name: "list-select-checkbox", value: "all", "aria-label": "select all", checked: allRowSelectValue, onChange: allRowSelectValue === false ? selectAll : unselectAll, disabled: selectableRowCount === 0 }) }) : null,
+    expandButton ? /* @__PURE__ */ jsxRuntime.jsx(NoPaddingHeaderCell, { width: theme.sizing[constants.EXPANDABLE_COLUMN_SIZE], children: null }) : null,
     children
-  ] });
+  ] }) });
 };
 exports.HeaderRow = HeaderRow;

package/dist/components/List/HeaderRow.js

@@ -1,18 +1,28 @@
-import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 import _styled from "@emotion/styled/base";
+import { useTheme } from "@emotion/react";
 import { Checkbox } from "../Checkbox/index.js";
+import { SELECTABLE_CHECKBOX_SIZE, EXPANDABLE_COLUMN_SIZE } from "../Table/constants.js";
 import { HeaderCell } from "./HeaderCell.js";
 import { useListContext } from "./ListContext.js";
-const StyledHeaderRow = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "epvvdb70"
+const StyledHeaderRow = /* @__PURE__ */ _styled("tr", process.env.NODE_ENV === "production" ? {
+  target: "epvvdb71"
 } : {
-  target: "epvvdb70",
+  target: "epvvdb71",
   label: "StyledHeaderRow"
-})("column-gap:", ({
+})("display:table-row;vertical-align:middle;padding:0 ", ({
+  theme
+}) => theme.space["2"], ';&:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid transparent;border-radius:', ({
   theme
-}) => theme.space["2"], ";padding:0 ", ({
+}) => theme.radii.default, ";pointer-events:none;transition:box-shadow 200ms ease,border-color 200ms ease;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xpc3QvSGVhZGVyUm93LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXaUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvTGlzdC9IZWFkZXJSb3cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IENoZWNrYm94IH0gZnJvbSAnLi4vQ2hlY2tib3gnXG5pbXBvcnQge1xuICBFWFBBTkRBQkxFX0NPTFVNTl9TSVpFLFxuICBTRUxFQ1RBQkxFX0NIRUNLQk9YX1NJWkUsXG59IGZyb20gJy4uL1RhYmxlL2NvbnN0YW50cydcbmltcG9ydCB7IEhlYWRlckNlbGwgfSBmcm9tICcuL0hlYWRlckNlbGwnXG5pbXBvcnQgeyB1c2VMaXN0Q29udGV4dCB9IGZyb20gJy4vTGlzdENvbnRleHQnXG5cbmNvbnN0IFN0eWxlZEhlYWRlclJvdyA9IHN0eWxlZC50cmBcbiAgLyogTGlzdCBpdHNlbGYgYWxzbyBhcHBseSBzdHlsZSBhYm91dCBjb21tb24gdGVtcGxhdGluZyBiZXR3ZWVuIEhlYWRlclJvdyBhbmQgb3RoZXIgUm93cyAqL1xuICBkaXNwbGF5OiB0YWJsZS1yb3c7XG4gIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gIHBhZGRpbmc6IDAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcblxuICAmOmJlZm9yZSB7XG4gICAgY29udGVudDogXCJcIjtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwOyAvKiBBZGp1c3QgYmFzZWQgb24gYm9yZGVyIHdpZHRoIGFuZCBzcGFjaW5nICovXG4gICAgbGVmdDogMDtcbiAgICByaWdodDogMDtcbiAgICBib3R0b206IDA7IC8qIEFkanVzdCBiYXNlZCBvbiBib3JkZXIgd2lkdGggYW5kIHNwYWNpbmcgKi9cbiAgICBib3JkZXI6IDFweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmRlZmF1bHR9O1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIHRyYW5zaXRpb246XG4gICAgICBib3gtc2hhZG93IDIwMG1zIGVhc2UsXG4gICAgICBib3JkZXItY29sb3IgMjAwbXMgZWFzZTtcbiAgfVxuYFxuXG5jb25zdCBOb1BhZGRpbmdIZWFkZXJDZWxsID0gc3R5bGVkKEhlYWRlckNlbGwpYFxuICBwYWRkaW5nOiAwO1xuXG4gICY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgcGFkZGluZy1sZWZ0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycyJ119O1xuICB9XG5gXG5cbnR5cGUgUm93UHJvcHMgPSB7XG4gIGhhc1NlbGVjdEFsbENvbHVtbjogYm9vbGVhblxuICBjaGlsZHJlbjogUmVhY3ROb2RlXG59XG5cbmV4cG9ydCBjb25zdCBIZWFkZXJSb3cgPSAoeyBjaGlsZHJlbiwgaGFzU2VsZWN0QWxsQ29sdW1uIH06IFJvd1Byb3BzKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBhbGxSb3dTZWxlY3RWYWx1ZSxcbiAgICBzZWxlY3RBbGwsXG4gICAgdW5zZWxlY3RBbGwsXG4gICAgc2VsZWN0ZWRSb3dJZHMsXG4gICAgZXhwYW5kQnV0dG9uLFxuICB9ID0gdXNlTGlzdENvbnRleHQoKVxuXG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKVxuXG4gIGNvbnN0IHNlbGVjdGFibGVSb3dDb3VudCA9IE9iamVjdC5rZXlzKHNlbGVjdGVkUm93SWRzKS5sZW5ndGhcblxuICByZXR1cm4gKFxuICAgIDx0aGVhZD5cbiAgICAgIDxTdHlsZWRIZWFkZXJSb3c+XG4gICAgICAgIHtoYXNTZWxlY3RBbGxDb2x1bW4gPyAoXG4gICAgICAgICAgPE5vUGFkZGluZ0hlYWRlckNlbGwgd2lkdGg9e3RoZW1lLnNpemluZ1tTRUxFQ1RBQkxFX0NIRUNLQk9YX1NJWkVdfT5cbiAgICAgICAgICAgIDxDaGVja2JveFxuICAgICAgICAgICAgICBuYW1lPVwibGlzdC1zZWxlY3QtY2hlY2tib3hcIlxuICAgICAgICAgICAgICB2YWx1ZT1cImFsbFwiXG4gICAgICAgICAgICAgIGFyaWEtbGFiZWw9XCJzZWxlY3QgYWxsXCJcbiAgICAgICAgICAgICAgY2hlY2tlZD17YWxsUm93U2VsZWN0VmFsdWV9XG4gICAgICAgICAgICAgIG9uQ2hhbmdlPXthbGxSb3dTZWxlY3RWYWx1ZSA9PT0gZmFsc2UgPyBzZWxlY3RBbGwgOiB1bnNlbGVjdEFsbH1cbiAgICAgICAgICAgICAgZGlzYWJsZWQ9e3NlbGVjdGFibGVSb3dDb3VudCA9PT0gMH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9Ob1BhZGRpbmdIZWFkZXJDZWxsPlxuICAgICAgICApIDogbnVsbH1cbiAgICAgICAge2V4cGFuZEJ1dHRvbiA/IChcbiAgICAgICAgICA8Tm9QYWRkaW5nSGVhZGVyQ2VsbCB3aWR0aD17dGhlbWUuc2l6aW5nW0VYUEFOREFCTEVfQ09MVU1OX1NJWkVdfT5cbiAgICAgICAgICAgIHtudWxsfVxuICAgICAgICAgIDwvTm9QYWRkaW5nSGVhZGVyQ2VsbD5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvU3R5bGVkSGVhZGVyUm93PlxuICAgIDwvdGhlYWQ+XG4gIClcbn1cbiJdfQ== */"));
+const NoPaddingHeaderCell = /* @__PURE__ */ _styled(HeaderCell, process.env.NODE_ENV === "production" ? {
+  target: "epvvdb70"
+} : {
+  target: "epvvdb70",
+  label: "NoPaddingHeaderCell"
+})("padding:0;&:first-of-type{padding-left:", ({
   theme
-}) => theme.space["2"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xpc3QvSGVhZGVyUm93LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNa0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvTGlzdC9IZWFkZXJSb3cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgQ2hlY2tib3ggfSBmcm9tICcuLi9DaGVja2JveCdcbmltcG9ydCB7IEhlYWRlckNlbGwgfSBmcm9tICcuL0hlYWRlckNlbGwnXG5pbXBvcnQgeyB1c2VMaXN0Q29udGV4dCB9IGZyb20gJy4vTGlzdENvbnRleHQnXG5cbmNvbnN0IFN0eWxlZEhlYWRlclJvdyA9IHN0eWxlZC5kaXZgXG4gIC8qIExpc3QgaXRzZWxmIGFsc28gYXBwbHkgc3R5bGUgYWJvdXQgY29tbW9uIHRlbXBsYXRpbmcgYmV0d2VlbiBIZWFkZXJSb3cgYW5kIG90aGVyIFJvd3MgKi9cbiAgY29sdW1uLWdhcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgcGFkZGluZzogMCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycyJ119O1xuYFxuXG50eXBlIFJvd1Byb3BzID0ge1xuICBoYXNTZWxlY3RBbGxDb2x1bW46IGJvb2xlYW5cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxufVxuXG5leHBvcnQgY29uc3QgSGVhZGVyUm93ID0gKHsgY2hpbGRyZW4sIGhhc1NlbGVjdEFsbENvbHVtbiB9OiBSb3dQcm9wcykgPT4ge1xuICBjb25zdCB7XG4gICAgYWxsUm93U2VsZWN0VmFsdWUsXG4gICAgc2VsZWN0QWxsLFxuICAgIHVuc2VsZWN0QWxsLFxuICAgIHNlbGVjdGVkUm93SWRzLFxuICAgIGV4cGFuZEJ1dHRvbixcbiAgfSA9IHVzZUxpc3RDb250ZXh0KClcblxuICBjb25zdCBzZWxlY3RhYmxlUm93Q291bnQgPSBPYmplY3Qua2V5cyhzZWxlY3RlZFJvd0lkcykubGVuZ3RoXG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkSGVhZGVyUm93IHJvbGU9XCJyb3dcIj5cbiAgICAgIHtoYXNTZWxlY3RBbGxDb2x1bW4gPyAoXG4gICAgICAgIDxIZWFkZXJDZWxsPlxuICAgICAgICAgIDxDaGVja2JveFxuICAgICAgICAgICAgbmFtZT1cImxpc3Qtc2VsZWN0LWNoZWNrYm94XCJcbiAgICAgICAgICAgIHZhbHVlPVwiYWxsXCJcbiAgICAgICAgICAgIGFyaWEtbGFiZWw9XCJzZWxlY3QgYWxsXCJcbiAgICAgICAgICAgIGNoZWNrZWQ9e2FsbFJvd1NlbGVjdFZhbHVlfVxuICAgICAgICAgICAgb25DaGFuZ2U9e2FsbFJvd1NlbGVjdFZhbHVlID09PSBmYWxzZSA/IHNlbGVjdEFsbCA6IHVuc2VsZWN0QWxsfVxuICAgICAgICAgICAgZGlzYWJsZWQ9e3NlbGVjdGFibGVSb3dDb3VudCA9PT0gMH1cbiAgICAgICAgICAvPlxuICAgICAgICA8L0hlYWRlckNlbGw+XG4gICAgICApIDogbnVsbH1cbiAgICAgIHtleHBhbmRCdXR0b24gPyA8SGVhZGVyQ2VsbD57bnVsbH08L0hlYWRlckNlbGw+IDogbnVsbH1cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZEhlYWRlclJvdz5cbiAgKVxufVxuIl19 */"));
+}) => theme.space["2"], ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xpc3QvSGVhZGVyUm93LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQzhDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xpc3QvSGVhZGVyUm93LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBDaGVja2JveCB9IGZyb20gJy4uL0NoZWNrYm94J1xuaW1wb3J0IHtcbiAgRVhQQU5EQUJMRV9DT0xVTU5fU0laRSxcbiAgU0VMRUNUQUJMRV9DSEVDS0JPWF9TSVpFLFxufSBmcm9tICcuLi9UYWJsZS9jb25zdGFudHMnXG5pbXBvcnQgeyBIZWFkZXJDZWxsIH0gZnJvbSAnLi9IZWFkZXJDZWxsJ1xuaW1wb3J0IHsgdXNlTGlzdENvbnRleHQgfSBmcm9tICcuL0xpc3RDb250ZXh0J1xuXG5jb25zdCBTdHlsZWRIZWFkZXJSb3cgPSBzdHlsZWQudHJgXG4gIC8qIExpc3QgaXRzZWxmIGFsc28gYXBwbHkgc3R5bGUgYWJvdXQgY29tbW9uIHRlbXBsYXRpbmcgYmV0d2VlbiBIZWFkZXJSb3cgYW5kIG90aGVyIFJvd3MgKi9cbiAgZGlzcGxheTogdGFibGUtcm93O1xuICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuICBwYWRkaW5nOiAwICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG5cbiAgJjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6IFwiXCI7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDsgLyogQWRqdXN0IGJhc2VkIG9uIGJvcmRlciB3aWR0aCBhbmQgc3BhY2luZyAqL1xuICAgIGxlZnQ6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgYm90dG9tOiAwOyAvKiBBZGp1c3QgYmFzZWQgb24gYm9yZGVyIHdpZHRoIGFuZCBzcGFjaW5nICovXG4gICAgYm9yZGVyOiAxcHggc29saWQgdHJhbnNwYXJlbnQ7XG4gICAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB0cmFuc2l0aW9uOlxuICAgICAgYm94LXNoYWRvdyAyMDBtcyBlYXNlLFxuICAgICAgYm9yZGVyLWNvbG9yIDIwMG1zIGVhc2U7XG4gIH1cbmBcblxuY29uc3QgTm9QYWRkaW5nSGVhZGVyQ2VsbCA9IHN0eWxlZChIZWFkZXJDZWxsKWBcbiAgcGFkZGluZzogMDtcblxuICAmOmZpcnN0LW9mLXR5cGUge1xuICAgIHBhZGRpbmctbGVmdDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgfVxuYFxuXG50eXBlIFJvd1Byb3BzID0ge1xuICBoYXNTZWxlY3RBbGxDb2x1bW46IGJvb2xlYW5cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxufVxuXG5leHBvcnQgY29uc3QgSGVhZGVyUm93ID0gKHsgY2hpbGRyZW4sIGhhc1NlbGVjdEFsbENvbHVtbiB9OiBSb3dQcm9wcykgPT4ge1xuICBjb25zdCB7XG4gICAgYWxsUm93U2VsZWN0VmFsdWUsXG4gICAgc2VsZWN0QWxsLFxuICAgIHVuc2VsZWN0QWxsLFxuICAgIHNlbGVjdGVkUm93SWRzLFxuICAgIGV4cGFuZEJ1dHRvbixcbiAgfSA9IHVzZUxpc3RDb250ZXh0KClcblxuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKClcblxuICBjb25zdCBzZWxlY3RhYmxlUm93Q291bnQgPSBPYmplY3Qua2V5cyhzZWxlY3RlZFJvd0lkcykubGVuZ3RoXG5cbiAgcmV0dXJuIChcbiAgICA8dGhlYWQ+XG4gICAgICA8U3R5bGVkSGVhZGVyUm93PlxuICAgICAgICB7aGFzU2VsZWN0QWxsQ29sdW1uID8gKFxuICAgICAgICAgIDxOb1BhZGRpbmdIZWFkZXJDZWxsIHdpZHRoPXt0aGVtZS5zaXppbmdbU0VMRUNUQUJMRV9DSEVDS0JPWF9TSVpFXX0+XG4gICAgICAgICAgICA8Q2hlY2tib3hcbiAgICAgICAgICAgICAgbmFtZT1cImxpc3Qtc2VsZWN0LWNoZWNrYm94XCJcbiAgICAgICAgICAgICAgdmFsdWU9XCJhbGxcIlxuICAgICAgICAgICAgICBhcmlhLWxhYmVsPVwic2VsZWN0IGFsbFwiXG4gICAgICAgICAgICAgIGNoZWNrZWQ9e2FsbFJvd1NlbGVjdFZhbHVlfVxuICAgICAgICAgICAgICBvbkNoYW5nZT17YWxsUm93U2VsZWN0VmFsdWUgPT09IGZhbHNlID8gc2VsZWN0QWxsIDogdW5zZWxlY3RBbGx9XG4gICAgICAgICAgICAgIGRpc2FibGVkPXtzZWxlY3RhYmxlUm93Q291bnQgPT09IDB9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvTm9QYWRkaW5nSGVhZGVyQ2VsbD5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIHtleHBhbmRCdXR0b24gPyAoXG4gICAgICAgICAgPE5vUGFkZGluZ0hlYWRlckNlbGwgd2lkdGg9e3RoZW1lLnNpemluZ1tFWFBBTkRBQkxFX0NPTFVNTl9TSVpFXX0+XG4gICAgICAgICAgICB7bnVsbH1cbiAgICAgICAgICA8L05vUGFkZGluZ0hlYWRlckNlbGw+XG4gICAgICAgICkgOiBudWxsfVxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1N0eWxlZEhlYWRlclJvdz5cbiAgICA8L3RoZWFkPlxuICApXG59XG4iXX0= */"));
 const HeaderRow = ({
   children,
   hasSelectAllColumn
@@ -24,12 +34,13 @@ const HeaderRow = ({
     selectedRowIds,
     expandButton
   } = useListContext();
+  const theme = useTheme();
   const selectableRowCount = Object.keys(selectedRowIds).length;
-  return /* @__PURE__ */ jsxs(StyledHeaderRow, { role: "row", children: [
-    hasSelectAllColumn ? /* @__PURE__ */ jsx(HeaderCell, { children: /* @__PURE__ */ jsx(Checkbox, { name: "list-select-checkbox", value: "all", "aria-label": "select all", checked: allRowSelectValue, onChange: allRowSelectValue === false ? selectAll : unselectAll, disabled: selectableRowCount === 0 }) }) : null,
-    expandButton ? /* @__PURE__ */ jsx(HeaderCell, { children: null }) : null,
+  return /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs(StyledHeaderRow, { children: [
+    hasSelectAllColumn ? /* @__PURE__ */ jsx(NoPaddingHeaderCell, { width: theme.sizing[SELECTABLE_CHECKBOX_SIZE], children: /* @__PURE__ */ jsx(Checkbox, { name: "list-select-checkbox", value: "all", "aria-label": "select all", checked: allRowSelectValue, onChange: allRowSelectValue === false ? selectAll : unselectAll, disabled: selectableRowCount === 0 }) }) : null,
+    expandButton ? /* @__PURE__ */ jsx(NoPaddingHeaderCell, { width: theme.sizing[EXPANDABLE_COLUMN_SIZE], children: null }) : null,
     children
-  ] });
+  ] }) });
 };
 export {
   HeaderRow