@ultraviolet/ui 3.0.0-beta.21 → 3.0.0-beta.22

package/dist/components/List/SkeletonRows.js

@@ -1,39 +1,10 @@
 "use client";
 import { jsx, Fragment, jsxs } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
 import { Skeleton } from "../Skeleton/index.js";
 import { Cell } from "./Cell.js";
+import { ColumnProvider } from "./ColumnProvider.js";
 import { useListContext } from "./ListContext.js";
-import { StyledRow } from "./Row.js";
-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 StyledLoadingRow = /* @__PURE__ */ _styled(StyledRow, process.env.NODE_ENV === "production" ? {
-  target: "efawmbb1"
-} : {
-  target: "efawmbb1",
-  label: "StyledLoadingRow"
-})(process.env.NODE_ENV === "production" ? {
-  name: "g8zzui",
-  styles: "cursor:progress"
-} : {
-  name: "g8zzui",
-  styles: "cursor:progress/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xpc3QvU2tlbGV0b25Sb3dzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRMEMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvTGlzdC9Ta2VsZXRvblJvd3MudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgU2tlbGV0b24gfSBmcm9tICcuLi9Ta2VsZXRvbidcbmltcG9ydCB7IENlbGwgfSBmcm9tICcuL0NlbGwnXG5pbXBvcnQgeyB1c2VMaXN0Q29udGV4dCB9IGZyb20gJy4vTGlzdENvbnRleHQnXG5pbXBvcnQgeyBTdHlsZWRSb3cgfSBmcm9tICcuL1JvdydcblxuY29uc3QgU3R5bGVkTG9hZGluZ1JvdyA9IHN0eWxlZChTdHlsZWRSb3cpYFxuICBjdXJzb3I6IHByb2dyZXNzO1xuYFxuXG5jb25zdCBTdHlsZWRTa2VsZXRvbiA9IHN0eWxlZChTa2VsZXRvbilgXG4gIHdpZHRoOiA4MCU7XG4gIG1heC13aWR0aDogMTAwJTtcbiAgYWxpZ24taXRlbXM6IHN0YXJ0O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmBcblxudHlwZSBMaXN0TG9hZGluZ1NrZWxldG9uUHJvcHMgPSB7XG4gIHNlbGVjdGFibGU6IGJvb2xlYW5cbiAgcm93czogbnVtYmVyXG4gIGNvbHM6IG51bWJlclxufVxuXG5leHBvcnQgY29uc3QgU2tlbGV0b25Sb3dzID0gKHtcbiAgc2VsZWN0YWJsZSxcbiAgcm93cyxcbiAgY29scyxcbn06IExpc3RMb2FkaW5nU2tlbGV0b25Qcm9wcykgPT4ge1xuICBjb25zdCByb3dBcnJheSA9IEFycmF5LmZyb20oeyBsZW5ndGg6IHJvd3MgfSwgKF8sIGluZGV4KSA9PiBpbmRleClcbiAgY29uc3QgY29sQXJyYXkgPSBBcnJheS5mcm9tKHsgbGVuZ3RoOiBjb2xzIH0sIChfLCBpbmRleCkgPT4gaW5kZXgpXG4gIGNvbnN0IHsgY29sdW1ucyB9ID0gdXNlTGlzdENvbnRleHQoKVxuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIHtyb3dBcnJheS5tYXAoaW5kZXggPT4gKFxuICAgICAgICA8U3R5bGVkTG9hZGluZ1Jvd1xuICAgICAgICAgIGNvbHVtbnM9e2NvbHVtbnN9XG4gICAgICAgICAgaWQ9e2Bza2VsZXRvbi0ke2luZGV4fWB9XG4gICAgICAgICAga2V5PXtpbmRleH1cbiAgICAgICAgICByb2xlPVwicm93XCJcbiAgICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgPlxuICAgICAgICAgIHtzZWxlY3RhYmxlID8gPHRkIC8+IDogbnVsbH1cbiAgICAgICAgICB7Y29sQXJyYXkubWFwKGNvbHVtbkluZGV4ID0+IChcbiAgICAgICAgICAgIDxDZWxsIGtleT17Y29sdW1uSW5kZXh9PlxuICAgICAgICAgICAgICA8U3R5bGVkU2tlbGV0b24gdmFyaWFudD1cImxpbmVcIiAvPlxuICAgICAgICAgICAgPC9DZWxsPlxuICAgICAgICAgICkpfVxuICAgICAgICA8L1N0eWxlZExvYWRpbmdSb3c+XG4gICAgICApKX1cbiAgICA8Lz5cbiAgKVxufVxuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledSkeleton = /* @__PURE__ */ _styled(Skeleton, process.env.NODE_ENV === "production" ? {
-  target: "efawmbb0"
-} : {
-  target: "efawmbb0",
-  label: "StyledSkeleton"
-})(process.env.NODE_ENV === "production" ? {
-  name: "10a39c7",
-  styles: "width:80%;max-width:100%;align-items:start;justify-content:center"
-} : {
-  name: "10a39c7",
-  styles: "width:80%;max-width:100%;align-items:start;justify-content:center/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xpc3QvU2tlbGV0b25Sb3dzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZdUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvTGlzdC9Ta2VsZXRvblJvd3MudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgU2tlbGV0b24gfSBmcm9tICcuLi9Ta2VsZXRvbidcbmltcG9ydCB7IENlbGwgfSBmcm9tICcuL0NlbGwnXG5pbXBvcnQgeyB1c2VMaXN0Q29udGV4dCB9IGZyb20gJy4vTGlzdENvbnRleHQnXG5pbXBvcnQgeyBTdHlsZWRSb3cgfSBmcm9tICcuL1JvdydcblxuY29uc3QgU3R5bGVkTG9hZGluZ1JvdyA9IHN0eWxlZChTdHlsZWRSb3cpYFxuICBjdXJzb3I6IHByb2dyZXNzO1xuYFxuXG5jb25zdCBTdHlsZWRTa2VsZXRvbiA9IHN0eWxlZChTa2VsZXRvbilgXG4gIHdpZHRoOiA4MCU7XG4gIG1heC13aWR0aDogMTAwJTtcbiAgYWxpZ24taXRlbXM6IHN0YXJ0O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmBcblxudHlwZSBMaXN0TG9hZGluZ1NrZWxldG9uUHJvcHMgPSB7XG4gIHNlbGVjdGFibGU6IGJvb2xlYW5cbiAgcm93czogbnVtYmVyXG4gIGNvbHM6IG51bWJlclxufVxuXG5leHBvcnQgY29uc3QgU2tlbGV0b25Sb3dzID0gKHtcbiAgc2VsZWN0YWJsZSxcbiAgcm93cyxcbiAgY29scyxcbn06IExpc3RMb2FkaW5nU2tlbGV0b25Qcm9wcykgPT4ge1xuICBjb25zdCByb3dBcnJheSA9IEFycmF5LmZyb20oeyBsZW5ndGg6IHJvd3MgfSwgKF8sIGluZGV4KSA9PiBpbmRleClcbiAgY29uc3QgY29sQXJyYXkgPSBBcnJheS5mcm9tKHsgbGVuZ3RoOiBjb2xzIH0sIChfLCBpbmRleCkgPT4gaW5kZXgpXG4gIGNvbnN0IHsgY29sdW1ucyB9ID0gdXNlTGlzdENvbnRleHQoKVxuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIHtyb3dBcnJheS5tYXAoaW5kZXggPT4gKFxuICAgICAgICA8U3R5bGVkTG9hZGluZ1Jvd1xuICAgICAgICAgIGNvbHVtbnM9e2NvbHVtbnN9XG4gICAgICAgICAgaWQ9e2Bza2VsZXRvbi0ke2luZGV4fWB9XG4gICAgICAgICAga2V5PXtpbmRleH1cbiAgICAgICAgICByb2xlPVwicm93XCJcbiAgICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgPlxuICAgICAgICAgIHtzZWxlY3RhYmxlID8gPHRkIC8+IDogbnVsbH1cbiAgICAgICAgICB7Y29sQXJyYXkubWFwKGNvbHVtbkluZGV4ID0+IChcbiAgICAgICAgICAgIDxDZWxsIGtleT17Y29sdW1uSW5kZXh9PlxuICAgICAgICAgICAgICA8U3R5bGVkU2tlbGV0b24gdmFyaWFudD1cImxpbmVcIiAvPlxuICAgICAgICAgICAgPC9DZWxsPlxuICAgICAgICAgICkpfVxuICAgICAgICA8L1N0eWxlZExvYWRpbmdSb3c+XG4gICAgICApKX1cbiAgICA8Lz5cbiAgKVxufVxuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
+import { listRow, listLoadingRow, listSkeleton } from "./styles.css.js";
 const SkeletonRows = ({
   selectable,
   rows,
@@ -48,9 +19,11 @@ const SkeletonRows = ({
   const {
     columns
   } = useListContext();
-  return /* @__PURE__ */ jsx(Fragment, { children: rowArray.map((index) => /* @__PURE__ */ jsxs(StyledLoadingRow, { columns, id: `skeleton-${index}`, role: "row", sentiment: "neutral", children: [
+  return /* @__PURE__ */ jsx(Fragment, { children: rowArray.map((index) => /* @__PURE__ */ jsxs("tr", { className: `${listRow({
+    sentiment: "neutral"
+  })} ${listLoadingRow}`, id: `skeleton-${index}`, role: "row", children: [
     selectable ? /* @__PURE__ */ jsx("td", {}) : null,
-    colArray.map((columnIndex) => /* @__PURE__ */ jsx(Cell, { children: /* @__PURE__ */ jsx(StyledSkeleton, { variant: "line" }) }, columnIndex))
+    colArray.map((columnIndex) => /* @__PURE__ */ jsx(ColumnProvider, { maxWidth: columns[columnIndex].maxWidth, minWidth: columns[columnIndex].minWidth, width: columns[columnIndex].width, children: /* @__PURE__ */ jsx(Cell, { children: /* @__PURE__ */ jsx(Skeleton, { className: listSkeleton, variant: "line" }) }) }, columnIndex))
   ] }, index)) });
 };
 export {

package/dist/components/List/index.cjs

@@ -2,7 +2,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const _styled = require("@emotion/styled/base");
 const react = require("react");
 const Cell = require("./Cell.cjs");
 const HeaderCell = require("./HeaderCell.cjs");
@@ -11,34 +10,7 @@ const ListContext = require("./ListContext.cjs");
 const Row = require("./Row.cjs");
 const SelectBar = require("./SelectBar.cjs");
 const SkeletonRows = require("./SkeletonRows.cjs");
-const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
-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 TableContainerStyle = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
-  target: "ef5qi1"
-} : {
-  target: "ef5qi1",
-  label: "TableContainerStyle"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1e1m3zc",
-  styles: "min-width:100%;width:100%;overflow-x:auto"
-} : {
-  name: "1e1m3zc",
-  styles: "min-width:100%;width:100%;overflow-x:auto/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xpc3QvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNzQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9MaXN0L2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgRGlzcGF0Y2gsIFJlYWN0Tm9kZSwgU2V0U3RhdGVBY3Rpb24gfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IENoaWxkcmVuLCBmb3J3YXJkUmVmLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBDZWxsIH0gZnJvbSAnLi9DZWxsJ1xuaW1wb3J0IHsgSGVhZGVyQ2VsbCB9IGZyb20gJy4vSGVhZGVyQ2VsbCdcbmltcG9ydCB7IEhlYWRlclJvdyB9IGZyb20gJy4vSGVhZGVyUm93J1xuaW1wb3J0IHsgTGlzdFByb3ZpZGVyLCB1c2VMaXN0Q29udGV4dCB9IGZyb20gJy4vTGlzdENvbnRleHQnXG5pbXBvcnQgeyBSb3cgfSBmcm9tICcuL1JvdydcbmltcG9ydCB7IFNlbGVjdEJhciB9IGZyb20gJy4vU2VsZWN0QmFyJ1xuaW1wb3J0IHsgU2tlbGV0b25Sb3dzIH0gZnJvbSAnLi9Ta2VsZXRvblJvd3MnXG5pbXBvcnQgdHlwZSB7IENvbHVtblByb3BzIH0gZnJvbSAnLi90eXBlcydcblxuY29uc3QgVGFibGVDb250YWluZXJTdHlsZSA9IHN0eWxlZC5kaXZgXG4gIG1pbi13aWR0aDogMTAwJTtcbiAgd2lkdGg6IDEwMCU7XG4gIG92ZXJmbG93LXg6IGF1dG87XG5gXG5cbmNvbnN0IFN0eWxlZFRhYmxlID0gc3R5bGVkLnRhYmxlYFxuICB3aWR0aDogMTAwJTtcbiAgYm94LXNpemluZzogY29udGVudC1ib3g7XG4gIGdhcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbiAgYm9yZGVyLXNwYWNpbmc6IDAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuYFxuXG4vLyBUT0RPOiBHZXQgdHlwZSBvcHRpb25hbCB0eXBlIGZyb20gb21pdCB2YWx1ZXMgb2YgTGlzdENvbnRleHRcbnR5cGUgTGlzdFByb3BzID0ge1xuICBleHBhbmRhYmxlPzogYm9vbGVhblxuICBzZWxlY3RhYmxlPzogYm9vbGVhblxuICBjb2x1bW5zOiBDb2x1bW5Qcm9wc1tdXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgLyoqXG4gICAqIFNldCBpdCB0byB0cnVlIGlmIHlvdSB3YW50IHRvIGRpc3BsYXkgYSBwbGFjZWhvbGRlciBkdXJpbmcgbG9hZGluZ1xuICAgKiAqL1xuICBsb2FkaW5nPzogYm9vbGVhblxuICAvKipcbiAgICogQXV0byBjb2xsYXBzZSBpcyBjb2xsYXBzaW5nIGV4cGFuZGFibGUgcm93IHdoZW4gYW5vdGhlciBpcyBleHBhbmRpbmdcbiAgICogKi9cbiAgYXV0b0NvbGxhcHNlPzogYm9vbGVhblxuICAvKipcbiAgICogQWN0aW9uIHdoZW4gc2VsZWN0aW9uIGNoYW5nZXMgKGdldCB0aGUgbGlzdCBvZiBzZWxlY3RlZCByb3dzKVxuICAgKi9cbiAgb25TZWxlY3RlZENoYW5nZT86IERpc3BhdGNoPFNldFN0YXRlQWN0aW9uPHN0cmluZ1tdPj5cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmNvbnN0IFRhYmxlQ29udGFpbmVyID0gKHsgY2hpbGRyZW4gfTogeyBjaGlsZHJlbjogUmVhY3ROb2RlIH0pID0+IHtcbiAgY29uc3QgW2NoaWxkcmVuTWVtb3J5LCBzZXRDaGlsZHJlbk1lbW9yeV0gPSB1c2VTdGF0ZTxSZWFjdE5vZGVbXT4oXG4gICAgQ2hpbGRyZW4udG9BcnJheShjaGlsZHJlbiksXG4gIClcblxuICBjb25zdCB7IHNldFJlZkxpc3QgfSA9IHVzZUxpc3RDb250ZXh0KClcblxuICAvLyBSZXNldCByZWYgbGlzdCB3aGVuIGNoaWxkcmVuIGNoYW5nZVxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChDaGlsZHJlbi50b0FycmF5KGNoaWxkcmVuKSAhPT0gY2hpbGRyZW5NZW1vcnkpIHtcbiAgICAgIHNldFJlZkxpc3QoW10pXG4gICAgICBzZXRDaGlsZHJlbk1lbW9yeShDaGlsZHJlbi50b0FycmF5KGNoaWxkcmVuKSlcbiAgICB9XG4gICAgLy8gb3hsaW50LWRpc2FibGUgcmVhY3QvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtjaGlsZHJlbiwgc2V0UmVmTGlzdF0pXG5cbiAgcmV0dXJuIDxUYWJsZUNvbnRhaW5lclN0eWxlPntjaGlsZHJlbn08L1RhYmxlQ29udGFpbmVyU3R5bGU+XG59XG5cbmNvbnN0IEJhc2VMaXN0ID0gZm9yd2FyZFJlZjxIVE1MVGFibGVFbGVtZW50LCBMaXN0UHJvcHM+KFxuICAoXG4gICAge1xuICAgICAgZXhwYW5kYWJsZSA9IGZhbHNlLFxuICAgICAgc2VsZWN0YWJsZSA9IGZhbHNlLFxuICAgICAgY29sdW1ucyxcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgbG9hZGluZyxcbiAgICAgIGF1dG9Db2xsYXBzZSA9IGZhbHNlLFxuICAgICAgb25TZWxlY3RlZENoYW5nZSxcbiAgICAgIGNsYXNzTmFtZSxcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiAoXG4gICAgPExpc3RQcm92aWRlclxuICAgICAgYXV0b0NvbGxhcHNlPXthdXRvQ29sbGFwc2V9XG4gICAgICBjb2x1bW5zPXtjb2x1bW5zfVxuICAgICAgZXhwYW5kQnV0dG9uPXtleHBhbmRhYmxlfVxuICAgICAgb25TZWxlY3RlZENoYW5nZT17b25TZWxlY3RlZENoYW5nZX1cbiAgICAgIHNlbGVjdGFibGU9e3NlbGVjdGFibGV9XG4gICAgPlxuICAgICAgPFRhYmxlQ29udGFpbmVyPlxuICAgICAgICA8U3R5bGVkVGFibGUgY2xhc3NOYW1lPXtjbGFzc05hbWV9IHJlZj17cmVmfT5cbiAgICAgICAgICA8SGVhZGVyUm93IGhhc1NlbGVjdEFsbENvbHVtbj17c2VsZWN0YWJsZX0+XG4gICAgICAgICAgICB7Y29sdW1ucy5tYXAoKGNvbHVtbiwgaW5kZXgpID0+IChcbiAgICAgICAgICAgICAgPEhlYWRlckNlbGxcbiAgICAgICAgICAgICAgICBpbmZvPXtjb2x1bW4uaW5mb31cbiAgICAgICAgICAgICAgICBpc09yZGVyZWQ9e2NvbHVtbi5pc09yZGVyZWR9XG4gICAgICAgICAgICAgICAga2V5PXtgaGVhZGVyLWNvbHVtbi0ke2luZGV4fWB9XG4gICAgICAgICAgICAgICAgbWF4V2lkdGg9e2NvbHVtbi5tYXhXaWR0aH1cbiAgICAgICAgICAgICAgICBtaW5XaXRoPXtjb2x1bW4ubWluV2lkdGh9XG4gICAgICAgICAgICAgICAgb25PcmRlcj17Y29sdW1uLm9uT3JkZXJ9XG4gICAgICAgICAgICAgICAgb3JkZXJEaXJlY3Rpb249e2NvbHVtbi5vcmRlckRpcmVjdGlvbn1cbiAgICAgICAgICAgICAgICB3aWR0aD17Y29sdW1uLndpZHRofVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge2NvbHVtbi5sYWJlbH1cbiAgICAgICAgICAgICAgPC9IZWFkZXJDZWxsPlxuICAgICAgICAgICAgKSl9XG4gICAgICAgICAgPC9IZWFkZXJSb3c+XG4gICAgICAgICAgPHRib2R5PlxuICAgICAgICAgICAge2xvYWRpbmcgPyAoXG4gICAgICAgICAgICAgIDxTa2VsZXRvblJvd3NcbiAgICAgICAgICAgICAgICBjb2xzPXtjb2x1bW5zLmxlbmd0aH1cbiAgICAgICAgICAgICAgICByb3dzPXs1fVxuICAgICAgICAgICAgICAgIHNlbGVjdGFibGU9e3NlbGVjdGFibGV9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICBjaGlsZHJlblxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L3Rib2R5PlxuICAgICAgICA8L1N0eWxlZFRhYmxlPlxuICAgICAgPC9UYWJsZUNvbnRhaW5lcj5cbiAgICA8L0xpc3RQcm92aWRlcj5cbiAgKSxcbilcblxuLyoqXG4gKiBMaXN0IGlzIGEgY29tcG9uZW50IHRoYXQgZGlzcGxheXMgYSBsaXN0IG9mIGl0ZW1zIGJhc2VkIG9uIHRoZSBjb2x1bW5zIHlvdSBwcm92aWRlIGFuZCB0aGUgZGF0YSB5b3UgcGFzcy5cbiAqL1xuZXhwb3J0IGNvbnN0IExpc3QgPSBPYmplY3QuYXNzaWduKEJhc2VMaXN0LCB7XG4gIENlbGwsXG4gIFJvdyxcbiAgU2VsZWN0QmFyLFxuICB1c2VMaXN0Q29udGV4dCxcbn0pXG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledTable = /* @__PURE__ */ _styled__default.default("table", process.env.NODE_ENV === "production" ? {
-  target: "ef5qi0"
-} : {
-  target: "ef5qi0",
-  label: "StyledTable"
-})("width:100%;box-sizing:content-box;gap:", ({
-  theme
-}) => theme.space["1"], ";border-spacing:0 ", ({
-  theme
-}) => theme.space["2"], ";position:relative;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xpc3QvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9CZ0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvTGlzdC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IERpc3BhdGNoLCBSZWFjdE5vZGUsIFNldFN0YXRlQWN0aW9uIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBDaGlsZHJlbiwgZm9yd2FyZFJlZiwgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgQ2VsbCB9IGZyb20gJy4vQ2VsbCdcbmltcG9ydCB7IEhlYWRlckNlbGwgfSBmcm9tICcuL0hlYWRlckNlbGwnXG5pbXBvcnQgeyBIZWFkZXJSb3cgfSBmcm9tICcuL0hlYWRlclJvdydcbmltcG9ydCB7IExpc3RQcm92aWRlciwgdXNlTGlzdENvbnRleHQgfSBmcm9tICcuL0xpc3RDb250ZXh0J1xuaW1wb3J0IHsgUm93IH0gZnJvbSAnLi9Sb3cnXG5pbXBvcnQgeyBTZWxlY3RCYXIgfSBmcm9tICcuL1NlbGVjdEJhcidcbmltcG9ydCB7IFNrZWxldG9uUm93cyB9IGZyb20gJy4vU2tlbGV0b25Sb3dzJ1xuaW1wb3J0IHR5cGUgeyBDb2x1bW5Qcm9wcyB9IGZyb20gJy4vdHlwZXMnXG5cbmNvbnN0IFRhYmxlQ29udGFpbmVyU3R5bGUgPSBzdHlsZWQuZGl2YFxuICBtaW4td2lkdGg6IDEwMCU7XG4gIHdpZHRoOiAxMDAlO1xuICBvdmVyZmxvdy14OiBhdXRvO1xuYFxuXG5jb25zdCBTdHlsZWRUYWJsZSA9IHN0eWxlZC50YWJsZWBcbiAgd2lkdGg6IDEwMCU7XG4gIGJveC1zaXppbmc6IGNvbnRlbnQtYm94O1xuICBnYXA6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX07XG4gIGJvcmRlci1zcGFjaW5nOiAwICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmBcblxuLy8gVE9ETzogR2V0IHR5cGUgb3B0aW9uYWwgdHlwZSBmcm9tIG9taXQgdmFsdWVzIG9mIExpc3RDb250ZXh0XG50eXBlIExpc3RQcm9wcyA9IHtcbiAgZXhwYW5kYWJsZT86IGJvb2xlYW5cbiAgc2VsZWN0YWJsZT86IGJvb2xlYW5cbiAgY29sdW1uczogQ29sdW1uUHJvcHNbXVxuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIC8qKlxuICAgKiBTZXQgaXQgdG8gdHJ1ZSBpZiB5b3Ugd2FudCB0byBkaXNwbGF5IGEgcGxhY2Vob2xkZXIgZHVyaW5nIGxvYWRpbmdcbiAgICogKi9cbiAgbG9hZGluZz86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEF1dG8gY29sbGFwc2UgaXMgY29sbGFwc2luZyBleHBhbmRhYmxlIHJvdyB3aGVuIGFub3RoZXIgaXMgZXhwYW5kaW5nXG4gICAqICovXG4gIGF1dG9Db2xsYXBzZT86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEFjdGlvbiB3aGVuIHNlbGVjdGlvbiBjaGFuZ2VzIChnZXQgdGhlIGxpc3Qgb2Ygc2VsZWN0ZWQgcm93cylcbiAgICovXG4gIG9uU2VsZWN0ZWRDaGFuZ2U/OiBEaXNwYXRjaDxTZXRTdGF0ZUFjdGlvbjxzdHJpbmdbXT4+XG4gIGNsYXNzTmFtZT86IHN0cmluZ1xufVxuXG5jb25zdCBUYWJsZUNvbnRhaW5lciA9ICh7IGNoaWxkcmVuIH06IHsgY2hpbGRyZW46IFJlYWN0Tm9kZSB9KSA9PiB7XG4gIGNvbnN0IFtjaGlsZHJlbk1lbW9yeSwgc2V0Q2hpbGRyZW5NZW1vcnldID0gdXNlU3RhdGU8UmVhY3ROb2RlW10+KFxuICAgIENoaWxkcmVuLnRvQXJyYXkoY2hpbGRyZW4pLFxuICApXG5cbiAgY29uc3QgeyBzZXRSZWZMaXN0IH0gPSB1c2VMaXN0Q29udGV4dCgpXG5cbiAgLy8gUmVzZXQgcmVmIGxpc3Qgd2hlbiBjaGlsZHJlbiBjaGFuZ2VcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoQ2hpbGRyZW4udG9BcnJheShjaGlsZHJlbikgIT09IGNoaWxkcmVuTWVtb3J5KSB7XG4gICAgICBzZXRSZWZMaXN0KFtdKVxuICAgICAgc2V0Q2hpbGRyZW5NZW1vcnkoQ2hpbGRyZW4udG9BcnJheShjaGlsZHJlbikpXG4gICAgfVxuICAgIC8vIG94bGludC1kaXNhYmxlIHJlYWN0L2V4aGF1c3RpdmUtZGVwc1xuICB9LCBbY2hpbGRyZW4sIHNldFJlZkxpc3RdKVxuXG4gIHJldHVybiA8VGFibGVDb250YWluZXJTdHlsZT57Y2hpbGRyZW59PC9UYWJsZUNvbnRhaW5lclN0eWxlPlxufVxuXG5jb25zdCBCYXNlTGlzdCA9IGZvcndhcmRSZWY8SFRNTFRhYmxlRWxlbWVudCwgTGlzdFByb3BzPihcbiAgKFxuICAgIHtcbiAgICAgIGV4cGFuZGFibGUgPSBmYWxzZSxcbiAgICAgIHNlbGVjdGFibGUgPSBmYWxzZSxcbiAgICAgIGNvbHVtbnMsXG4gICAgICBjaGlsZHJlbixcbiAgICAgIGxvYWRpbmcsXG4gICAgICBhdXRvQ29sbGFwc2UgPSBmYWxzZSxcbiAgICAgIG9uU2VsZWN0ZWRDaGFuZ2UsXG4gICAgICBjbGFzc05hbWUsXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4gKFxuICAgIDxMaXN0UHJvdmlkZXJcbiAgICAgIGF1dG9Db2xsYXBzZT17YXV0b0NvbGxhcHNlfVxuICAgICAgY29sdW1ucz17Y29sdW1uc31cbiAgICAgIGV4cGFuZEJ1dHRvbj17ZXhwYW5kYWJsZX1cbiAgICAgIG9uU2VsZWN0ZWRDaGFuZ2U9e29uU2VsZWN0ZWRDaGFuZ2V9XG4gICAgICBzZWxlY3RhYmxlPXtzZWxlY3RhYmxlfVxuICAgID5cbiAgICAgIDxUYWJsZUNvbnRhaW5lcj5cbiAgICAgICAgPFN0eWxlZFRhYmxlIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSByZWY9e3JlZn0+XG4gICAgICAgICAgPEhlYWRlclJvdyBoYXNTZWxlY3RBbGxDb2x1bW49e3NlbGVjdGFibGV9PlxuICAgICAgICAgICAge2NvbHVtbnMubWFwKChjb2x1bW4sIGluZGV4KSA9PiAoXG4gICAgICAgICAgICAgIDxIZWFkZXJDZWxsXG4gICAgICAgICAgICAgICAgaW5mbz17Y29sdW1uLmluZm99XG4gICAgICAgICAgICAgICAgaXNPcmRlcmVkPXtjb2x1bW4uaXNPcmRlcmVkfVxuICAgICAgICAgICAgICAgIGtleT17YGhlYWRlci1jb2x1bW4tJHtpbmRleH1gfVxuICAgICAgICAgICAgICAgIG1heFdpZHRoPXtjb2x1bW4ubWF4V2lkdGh9XG4gICAgICAgICAgICAgICAgbWluV2l0aD17Y29sdW1uLm1pbldpZHRofVxuICAgICAgICAgICAgICAgIG9uT3JkZXI9e2NvbHVtbi5vbk9yZGVyfVxuICAgICAgICAgICAgICAgIG9yZGVyRGlyZWN0aW9uPXtjb2x1bW4ub3JkZXJEaXJlY3Rpb259XG4gICAgICAgICAgICAgICAgd2lkdGg9e2NvbHVtbi53aWR0aH1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtjb2x1bW4ubGFiZWx9XG4gICAgICAgICAgICAgIDwvSGVhZGVyQ2VsbD5cbiAgICAgICAgICAgICkpfVxuICAgICAgICAgIDwvSGVhZGVyUm93PlxuICAgICAgICAgIDx0Ym9keT5cbiAgICAgICAgICAgIHtsb2FkaW5nID8gKFxuICAgICAgICAgICAgICA8U2tlbGV0b25Sb3dzXG4gICAgICAgICAgICAgICAgY29scz17Y29sdW1ucy5sZW5ndGh9XG4gICAgICAgICAgICAgICAgcm93cz17NX1cbiAgICAgICAgICAgICAgICBzZWxlY3RhYmxlPXtzZWxlY3RhYmxlfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgY2hpbGRyZW5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC90Ym9keT5cbiAgICAgICAgPC9TdHlsZWRUYWJsZT5cbiAgICAgIDwvVGFibGVDb250YWluZXI+XG4gICAgPC9MaXN0UHJvdmlkZXI+XG4gICksXG4pXG5cbi8qKlxuICogTGlzdCBpcyBhIGNvbXBvbmVudCB0aGF0IGRpc3BsYXlzIGEgbGlzdCBvZiBpdGVtcyBiYXNlZCBvbiB0aGUgY29sdW1ucyB5b3UgcHJvdmlkZSBhbmQgdGhlIGRhdGEgeW91IHBhc3MuXG4gKi9cbmV4cG9ydCBjb25zdCBMaXN0ID0gT2JqZWN0LmFzc2lnbihCYXNlTGlzdCwge1xuICBDZWxsLFxuICBSb3csXG4gIFNlbGVjdEJhcixcbiAgdXNlTGlzdENvbnRleHQsXG59KVxuIl19 */"));
+const styles_css = require("./styles.css.cjs");
 const TableContainer = ({
   children
 }) => {
@@ -52,7 +24,7 @@ const TableContainer = ({
       setChildrenMemory(react.Children.toArray(children));
     }
   }, [children, setRefList]);
-  return /* @__PURE__ */ jsxRuntime.jsx(TableContainerStyle, { children });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.listContainer, children });
 };
 const BaseList = react.forwardRef(({
   expandable = false,
@@ -63,8 +35,8 @@ const BaseList = react.forwardRef(({
   autoCollapse = false,
   onSelectedChange,
   className
-}, ref) => /* @__PURE__ */ jsxRuntime.jsx(ListContext.ListProvider, { autoCollapse, columns, expandButton: expandable, onSelectedChange, selectable, children: /* @__PURE__ */ jsxRuntime.jsx(TableContainer, { children: /* @__PURE__ */ jsxRuntime.jsxs(StyledTable, { className, ref, children: [
-  /* @__PURE__ */ jsxRuntime.jsx(HeaderRow.HeaderRow, { hasSelectAllColumn: selectable, children: columns.map((column, index) => /* @__PURE__ */ jsxRuntime.jsx(HeaderCell.HeaderCell, { info: column.info, isOrdered: column.isOrdered, maxWidth: column.maxWidth, minWith: column.minWidth, onOrder: column.onOrder, orderDirection: column.orderDirection, width: column.width, children: column.label }, `header-column-${index}`)) }),
+}, ref) => /* @__PURE__ */ jsxRuntime.jsx(ListContext.ListProvider, { autoCollapse, columns, expandButton: expandable, onSelectedChange, selectable, children: /* @__PURE__ */ jsxRuntime.jsx(TableContainer, { children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: `${className ? `${className} ` : ""}${styles_css.list}`, ref, children: [
+  /* @__PURE__ */ jsxRuntime.jsx(HeaderRow.HeaderRow, { hasSelectAllColumn: selectable, children: columns.map((column, index) => /* @__PURE__ */ jsxRuntime.jsx(HeaderCell.HeaderCell, { info: column.info, isOrdered: column.isOrdered, maxWidth: column.maxWidth, minWidth: column.minWidth, onOrder: column.onOrder, orderDirection: column.orderDirection, width: column.width, children: column.label }, `header-column-${index}`)) }),
   /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: loading ? /* @__PURE__ */ jsxRuntime.jsx(SkeletonRows.SkeletonRows, { cols: columns.length, rows: 5, selectable }) : children })
 ] }) }) }));
 const List = Object.assign(BaseList, {

package/dist/components/List/index.d.ts

@@ -28,6 +28,7 @@ export declare const List: import("react").ForwardRefExoticComponent<ListProps &
         className?: string;
         'data-testid'?: string;
         colSpan?: number;
+        style?: import("react").CSSProperties;
     } & import("react").RefAttributes<HTMLTableCellElement>>;
     Row: import("react").ForwardRefExoticComponent<{
         children: ReactNode;

package/dist/components/List/index.js

@@ -1,6 +1,5 @@
 "use client";
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
 import { forwardRef, useState, Children, useEffect } from "react";
 import { Cell } from "./Cell.js";
 import { HeaderCell } from "./HeaderCell.js";
@@ -9,32 +8,7 @@ import { useListContext, ListProvider } from "./ListContext.js";
 import { Row } from "./Row.js";
 import { SelectBar } from "./SelectBar.js";
 import { SkeletonRows } from "./SkeletonRows.js";
-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 TableContainerStyle = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "ef5qi1"
-} : {
-  target: "ef5qi1",
-  label: "TableContainerStyle"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1e1m3zc",
-  styles: "min-width:100%;width:100%;overflow-x:auto"
-} : {
-  name: "1e1m3zc",
-  styles: "min-width:100%;width:100%;overflow-x:auto/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xpc3QvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNzQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9MaXN0L2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgRGlzcGF0Y2gsIFJlYWN0Tm9kZSwgU2V0U3RhdGVBY3Rpb24gfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IENoaWxkcmVuLCBmb3J3YXJkUmVmLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBDZWxsIH0gZnJvbSAnLi9DZWxsJ1xuaW1wb3J0IHsgSGVhZGVyQ2VsbCB9IGZyb20gJy4vSGVhZGVyQ2VsbCdcbmltcG9ydCB7IEhlYWRlclJvdyB9IGZyb20gJy4vSGVhZGVyUm93J1xuaW1wb3J0IHsgTGlzdFByb3ZpZGVyLCB1c2VMaXN0Q29udGV4dCB9IGZyb20gJy4vTGlzdENvbnRleHQnXG5pbXBvcnQgeyBSb3cgfSBmcm9tICcuL1JvdydcbmltcG9ydCB7IFNlbGVjdEJhciB9IGZyb20gJy4vU2VsZWN0QmFyJ1xuaW1wb3J0IHsgU2tlbGV0b25Sb3dzIH0gZnJvbSAnLi9Ta2VsZXRvblJvd3MnXG5pbXBvcnQgdHlwZSB7IENvbHVtblByb3BzIH0gZnJvbSAnLi90eXBlcydcblxuY29uc3QgVGFibGVDb250YWluZXJTdHlsZSA9IHN0eWxlZC5kaXZgXG4gIG1pbi13aWR0aDogMTAwJTtcbiAgd2lkdGg6IDEwMCU7XG4gIG92ZXJmbG93LXg6IGF1dG87XG5gXG5cbmNvbnN0IFN0eWxlZFRhYmxlID0gc3R5bGVkLnRhYmxlYFxuICB3aWR0aDogMTAwJTtcbiAgYm94LXNpemluZzogY29udGVudC1ib3g7XG4gIGdhcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbiAgYm9yZGVyLXNwYWNpbmc6IDAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuYFxuXG4vLyBUT0RPOiBHZXQgdHlwZSBvcHRpb25hbCB0eXBlIGZyb20gb21pdCB2YWx1ZXMgb2YgTGlzdENvbnRleHRcbnR5cGUgTGlzdFByb3BzID0ge1xuICBleHBhbmRhYmxlPzogYm9vbGVhblxuICBzZWxlY3RhYmxlPzogYm9vbGVhblxuICBjb2x1bW5zOiBDb2x1bW5Qcm9wc1tdXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgLyoqXG4gICAqIFNldCBpdCB0byB0cnVlIGlmIHlvdSB3YW50IHRvIGRpc3BsYXkgYSBwbGFjZWhvbGRlciBkdXJpbmcgbG9hZGluZ1xuICAgKiAqL1xuICBsb2FkaW5nPzogYm9vbGVhblxuICAvKipcbiAgICogQXV0byBjb2xsYXBzZSBpcyBjb2xsYXBzaW5nIGV4cGFuZGFibGUgcm93IHdoZW4gYW5vdGhlciBpcyBleHBhbmRpbmdcbiAgICogKi9cbiAgYXV0b0NvbGxhcHNlPzogYm9vbGVhblxuICAvKipcbiAgICogQWN0aW9uIHdoZW4gc2VsZWN0aW9uIGNoYW5nZXMgKGdldCB0aGUgbGlzdCBvZiBzZWxlY3RlZCByb3dzKVxuICAgKi9cbiAgb25TZWxlY3RlZENoYW5nZT86IERpc3BhdGNoPFNldFN0YXRlQWN0aW9uPHN0cmluZ1tdPj5cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmNvbnN0IFRhYmxlQ29udGFpbmVyID0gKHsgY2hpbGRyZW4gfTogeyBjaGlsZHJlbjogUmVhY3ROb2RlIH0pID0+IHtcbiAgY29uc3QgW2NoaWxkcmVuTWVtb3J5LCBzZXRDaGlsZHJlbk1lbW9yeV0gPSB1c2VTdGF0ZTxSZWFjdE5vZGVbXT4oXG4gICAgQ2hpbGRyZW4udG9BcnJheShjaGlsZHJlbiksXG4gIClcblxuICBjb25zdCB7IHNldFJlZkxpc3QgfSA9IHVzZUxpc3RDb250ZXh0KClcblxuICAvLyBSZXNldCByZWYgbGlzdCB3aGVuIGNoaWxkcmVuIGNoYW5nZVxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChDaGlsZHJlbi50b0FycmF5KGNoaWxkcmVuKSAhPT0gY2hpbGRyZW5NZW1vcnkpIHtcbiAgICAgIHNldFJlZkxpc3QoW10pXG4gICAgICBzZXRDaGlsZHJlbk1lbW9yeShDaGlsZHJlbi50b0FycmF5KGNoaWxkcmVuKSlcbiAgICB9XG4gICAgLy8gb3hsaW50LWRpc2FibGUgcmVhY3QvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtjaGlsZHJlbiwgc2V0UmVmTGlzdF0pXG5cbiAgcmV0dXJuIDxUYWJsZUNvbnRhaW5lclN0eWxlPntjaGlsZHJlbn08L1RhYmxlQ29udGFpbmVyU3R5bGU+XG59XG5cbmNvbnN0IEJhc2VMaXN0ID0gZm9yd2FyZFJlZjxIVE1MVGFibGVFbGVtZW50LCBMaXN0UHJvcHM+KFxuICAoXG4gICAge1xuICAgICAgZXhwYW5kYWJsZSA9IGZhbHNlLFxuICAgICAgc2VsZWN0YWJsZSA9IGZhbHNlLFxuICAgICAgY29sdW1ucyxcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgbG9hZGluZyxcbiAgICAgIGF1dG9Db2xsYXBzZSA9IGZhbHNlLFxuICAgICAgb25TZWxlY3RlZENoYW5nZSxcbiAgICAgIGNsYXNzTmFtZSxcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiAoXG4gICAgPExpc3RQcm92aWRlclxuICAgICAgYXV0b0NvbGxhcHNlPXthdXRvQ29sbGFwc2V9XG4gICAgICBjb2x1bW5zPXtjb2x1bW5zfVxuICAgICAgZXhwYW5kQnV0dG9uPXtleHBhbmRhYmxlfVxuICAgICAgb25TZWxlY3RlZENoYW5nZT17b25TZWxlY3RlZENoYW5nZX1cbiAgICAgIHNlbGVjdGFibGU9e3NlbGVjdGFibGV9XG4gICAgPlxuICAgICAgPFRhYmxlQ29udGFpbmVyPlxuICAgICAgICA8U3R5bGVkVGFibGUgY2xhc3NOYW1lPXtjbGFzc05hbWV9IHJlZj17cmVmfT5cbiAgICAgICAgICA8SGVhZGVyUm93IGhhc1NlbGVjdEFsbENvbHVtbj17c2VsZWN0YWJsZX0+XG4gICAgICAgICAgICB7Y29sdW1ucy5tYXAoKGNvbHVtbiwgaW5kZXgpID0+IChcbiAgICAgICAgICAgICAgPEhlYWRlckNlbGxcbiAgICAgICAgICAgICAgICBpbmZvPXtjb2x1bW4uaW5mb31cbiAgICAgICAgICAgICAgICBpc09yZGVyZWQ9e2NvbHVtbi5pc09yZGVyZWR9XG4gICAgICAgICAgICAgICAga2V5PXtgaGVhZGVyLWNvbHVtbi0ke2luZGV4fWB9XG4gICAgICAgICAgICAgICAgbWF4V2lkdGg9e2NvbHVtbi5tYXhXaWR0aH1cbiAgICAgICAgICAgICAgICBtaW5XaXRoPXtjb2x1bW4ubWluV2lkdGh9XG4gICAgICAgICAgICAgICAgb25PcmRlcj17Y29sdW1uLm9uT3JkZXJ9XG4gICAgICAgICAgICAgICAgb3JkZXJEaXJlY3Rpb249e2NvbHVtbi5vcmRlckRpcmVjdGlvbn1cbiAgICAgICAgICAgICAgICB3aWR0aD17Y29sdW1uLndpZHRofVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge2NvbHVtbi5sYWJlbH1cbiAgICAgICAgICAgICAgPC9IZWFkZXJDZWxsPlxuICAgICAgICAgICAgKSl9XG4gICAgICAgICAgPC9IZWFkZXJSb3c+XG4gICAgICAgICAgPHRib2R5PlxuICAgICAgICAgICAge2xvYWRpbmcgPyAoXG4gICAgICAgICAgICAgIDxTa2VsZXRvblJvd3NcbiAgICAgICAgICAgICAgICBjb2xzPXtjb2x1bW5zLmxlbmd0aH1cbiAgICAgICAgICAgICAgICByb3dzPXs1fVxuICAgICAgICAgICAgICAgIHNlbGVjdGFibGU9e3NlbGVjdGFibGV9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICBjaGlsZHJlblxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L3Rib2R5PlxuICAgICAgICA8L1N0eWxlZFRhYmxlPlxuICAgICAgPC9UYWJsZUNvbnRhaW5lcj5cbiAgICA8L0xpc3RQcm92aWRlcj5cbiAgKSxcbilcblxuLyoqXG4gKiBMaXN0IGlzIGEgY29tcG9uZW50IHRoYXQgZGlzcGxheXMgYSBsaXN0IG9mIGl0ZW1zIGJhc2VkIG9uIHRoZSBjb2x1bW5zIHlvdSBwcm92aWRlIGFuZCB0aGUgZGF0YSB5b3UgcGFzcy5cbiAqL1xuZXhwb3J0IGNvbnN0IExpc3QgPSBPYmplY3QuYXNzaWduKEJhc2VMaXN0LCB7XG4gIENlbGwsXG4gIFJvdyxcbiAgU2VsZWN0QmFyLFxuICB1c2VMaXN0Q29udGV4dCxcbn0pXG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledTable = /* @__PURE__ */ _styled("table", process.env.NODE_ENV === "production" ? {
-  target: "ef5qi0"
-} : {
-  target: "ef5qi0",
-  label: "StyledTable"
-})("width:100%;box-sizing:content-box;gap:", ({
-  theme
-}) => theme.space["1"], ";border-spacing:0 ", ({
-  theme
-}) => theme.space["2"], ";position:relative;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xpc3QvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9CZ0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvTGlzdC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IERpc3BhdGNoLCBSZWFjdE5vZGUsIFNldFN0YXRlQWN0aW9uIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBDaGlsZHJlbiwgZm9yd2FyZFJlZiwgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgQ2VsbCB9IGZyb20gJy4vQ2VsbCdcbmltcG9ydCB7IEhlYWRlckNlbGwgfSBmcm9tICcuL0hlYWRlckNlbGwnXG5pbXBvcnQgeyBIZWFkZXJSb3cgfSBmcm9tICcuL0hlYWRlclJvdydcbmltcG9ydCB7IExpc3RQcm92aWRlciwgdXNlTGlzdENvbnRleHQgfSBmcm9tICcuL0xpc3RDb250ZXh0J1xuaW1wb3J0IHsgUm93IH0gZnJvbSAnLi9Sb3cnXG5pbXBvcnQgeyBTZWxlY3RCYXIgfSBmcm9tICcuL1NlbGVjdEJhcidcbmltcG9ydCB7IFNrZWxldG9uUm93cyB9IGZyb20gJy4vU2tlbGV0b25Sb3dzJ1xuaW1wb3J0IHR5cGUgeyBDb2x1bW5Qcm9wcyB9IGZyb20gJy4vdHlwZXMnXG5cbmNvbnN0IFRhYmxlQ29udGFpbmVyU3R5bGUgPSBzdHlsZWQuZGl2YFxuICBtaW4td2lkdGg6IDEwMCU7XG4gIHdpZHRoOiAxMDAlO1xuICBvdmVyZmxvdy14OiBhdXRvO1xuYFxuXG5jb25zdCBTdHlsZWRUYWJsZSA9IHN0eWxlZC50YWJsZWBcbiAgd2lkdGg6IDEwMCU7XG4gIGJveC1zaXppbmc6IGNvbnRlbnQtYm94O1xuICBnYXA6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX07XG4gIGJvcmRlci1zcGFjaW5nOiAwICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmBcblxuLy8gVE9ETzogR2V0IHR5cGUgb3B0aW9uYWwgdHlwZSBmcm9tIG9taXQgdmFsdWVzIG9mIExpc3RDb250ZXh0XG50eXBlIExpc3RQcm9wcyA9IHtcbiAgZXhwYW5kYWJsZT86IGJvb2xlYW5cbiAgc2VsZWN0YWJsZT86IGJvb2xlYW5cbiAgY29sdW1uczogQ29sdW1uUHJvcHNbXVxuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIC8qKlxuICAgKiBTZXQgaXQgdG8gdHJ1ZSBpZiB5b3Ugd2FudCB0byBkaXNwbGF5IGEgcGxhY2Vob2xkZXIgZHVyaW5nIGxvYWRpbmdcbiAgICogKi9cbiAgbG9hZGluZz86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEF1dG8gY29sbGFwc2UgaXMgY29sbGFwc2luZyBleHBhbmRhYmxlIHJvdyB3aGVuIGFub3RoZXIgaXMgZXhwYW5kaW5nXG4gICAqICovXG4gIGF1dG9Db2xsYXBzZT86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEFjdGlvbiB3aGVuIHNlbGVjdGlvbiBjaGFuZ2VzIChnZXQgdGhlIGxpc3Qgb2Ygc2VsZWN0ZWQgcm93cylcbiAgICovXG4gIG9uU2VsZWN0ZWRDaGFuZ2U/OiBEaXNwYXRjaDxTZXRTdGF0ZUFjdGlvbjxzdHJpbmdbXT4+XG4gIGNsYXNzTmFtZT86IHN0cmluZ1xufVxuXG5jb25zdCBUYWJsZUNvbnRhaW5lciA9ICh7IGNoaWxkcmVuIH06IHsgY2hpbGRyZW46IFJlYWN0Tm9kZSB9KSA9PiB7XG4gIGNvbnN0IFtjaGlsZHJlbk1lbW9yeSwgc2V0Q2hpbGRyZW5NZW1vcnldID0gdXNlU3RhdGU8UmVhY3ROb2RlW10+KFxuICAgIENoaWxkcmVuLnRvQXJyYXkoY2hpbGRyZW4pLFxuICApXG5cbiAgY29uc3QgeyBzZXRSZWZMaXN0IH0gPSB1c2VMaXN0Q29udGV4dCgpXG5cbiAgLy8gUmVzZXQgcmVmIGxpc3Qgd2hlbiBjaGlsZHJlbiBjaGFuZ2VcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoQ2hpbGRyZW4udG9BcnJheShjaGlsZHJlbikgIT09IGNoaWxkcmVuTWVtb3J5KSB7XG4gICAgICBzZXRSZWZMaXN0KFtdKVxuICAgICAgc2V0Q2hpbGRyZW5NZW1vcnkoQ2hpbGRyZW4udG9BcnJheShjaGlsZHJlbikpXG4gICAgfVxuICAgIC8vIG94bGludC1kaXNhYmxlIHJlYWN0L2V4aGF1c3RpdmUtZGVwc1xuICB9LCBbY2hpbGRyZW4sIHNldFJlZkxpc3RdKVxuXG4gIHJldHVybiA8VGFibGVDb250YWluZXJTdHlsZT57Y2hpbGRyZW59PC9UYWJsZUNvbnRhaW5lclN0eWxlPlxufVxuXG5jb25zdCBCYXNlTGlzdCA9IGZvcndhcmRSZWY8SFRNTFRhYmxlRWxlbWVudCwgTGlzdFByb3BzPihcbiAgKFxuICAgIHtcbiAgICAgIGV4cGFuZGFibGUgPSBmYWxzZSxcbiAgICAgIHNlbGVjdGFibGUgPSBmYWxzZSxcbiAgICAgIGNvbHVtbnMsXG4gICAgICBjaGlsZHJlbixcbiAgICAgIGxvYWRpbmcsXG4gICAgICBhdXRvQ29sbGFwc2UgPSBmYWxzZSxcbiAgICAgIG9uU2VsZWN0ZWRDaGFuZ2UsXG4gICAgICBjbGFzc05hbWUsXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4gKFxuICAgIDxMaXN0UHJvdmlkZXJcbiAgICAgIGF1dG9Db2xsYXBzZT17YXV0b0NvbGxhcHNlfVxuICAgICAgY29sdW1ucz17Y29sdW1uc31cbiAgICAgIGV4cGFuZEJ1dHRvbj17ZXhwYW5kYWJsZX1cbiAgICAgIG9uU2VsZWN0ZWRDaGFuZ2U9e29uU2VsZWN0ZWRDaGFuZ2V9XG4gICAgICBzZWxlY3RhYmxlPXtzZWxlY3RhYmxlfVxuICAgID5cbiAgICAgIDxUYWJsZUNvbnRhaW5lcj5cbiAgICAgICAgPFN0eWxlZFRhYmxlIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSByZWY9e3JlZn0+XG4gICAgICAgICAgPEhlYWRlclJvdyBoYXNTZWxlY3RBbGxDb2x1bW49e3NlbGVjdGFibGV9PlxuICAgICAgICAgICAge2NvbHVtbnMubWFwKChjb2x1bW4sIGluZGV4KSA9PiAoXG4gICAgICAgICAgICAgIDxIZWFkZXJDZWxsXG4gICAgICAgICAgICAgICAgaW5mbz17Y29sdW1uLmluZm99XG4gICAgICAgICAgICAgICAgaXNPcmRlcmVkPXtjb2x1bW4uaXNPcmRlcmVkfVxuICAgICAgICAgICAgICAgIGtleT17YGhlYWRlci1jb2x1bW4tJHtpbmRleH1gfVxuICAgICAgICAgICAgICAgIG1heFdpZHRoPXtjb2x1bW4ubWF4V2lkdGh9XG4gICAgICAgICAgICAgICAgbWluV2l0aD17Y29sdW1uLm1pbldpZHRofVxuICAgICAgICAgICAgICAgIG9uT3JkZXI9e2NvbHVtbi5vbk9yZGVyfVxuICAgICAgICAgICAgICAgIG9yZGVyRGlyZWN0aW9uPXtjb2x1bW4ub3JkZXJEaXJlY3Rpb259XG4gICAgICAgICAgICAgICAgd2lkdGg9e2NvbHVtbi53aWR0aH1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtjb2x1bW4ubGFiZWx9XG4gICAgICAgICAgICAgIDwvSGVhZGVyQ2VsbD5cbiAgICAgICAgICAgICkpfVxuICAgICAgICAgIDwvSGVhZGVyUm93PlxuICAgICAgICAgIDx0Ym9keT5cbiAgICAgICAgICAgIHtsb2FkaW5nID8gKFxuICAgICAgICAgICAgICA8U2tlbGV0b25Sb3dzXG4gICAgICAgICAgICAgICAgY29scz17Y29sdW1ucy5sZW5ndGh9XG4gICAgICAgICAgICAgICAgcm93cz17NX1cbiAgICAgICAgICAgICAgICBzZWxlY3RhYmxlPXtzZWxlY3RhYmxlfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgY2hpbGRyZW5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC90Ym9keT5cbiAgICAgICAgPC9TdHlsZWRUYWJsZT5cbiAgICAgIDwvVGFibGVDb250YWluZXI+XG4gICAgPC9MaXN0UHJvdmlkZXI+XG4gICksXG4pXG5cbi8qKlxuICogTGlzdCBpcyBhIGNvbXBvbmVudCB0aGF0IGRpc3BsYXlzIGEgbGlzdCBvZiBpdGVtcyBiYXNlZCBvbiB0aGUgY29sdW1ucyB5b3UgcHJvdmlkZSBhbmQgdGhlIGRhdGEgeW91IHBhc3MuXG4gKi9cbmV4cG9ydCBjb25zdCBMaXN0ID0gT2JqZWN0LmFzc2lnbihCYXNlTGlzdCwge1xuICBDZWxsLFxuICBSb3csXG4gIFNlbGVjdEJhcixcbiAgdXNlTGlzdENvbnRleHQsXG59KVxuIl19 */"));
+import { list, listContainer } from "./styles.css.js";
 const TableContainer = ({
   children
 }) => {
@@ -48,7 +22,7 @@ const TableContainer = ({
       setChildrenMemory(Children.toArray(children));
     }
   }, [children, setRefList]);
-  return /* @__PURE__ */ jsx(TableContainerStyle, { children });
+  return /* @__PURE__ */ jsx("div", { className: listContainer, children });
 };
 const BaseList = forwardRef(({
   expandable = false,
@@ -59,8 +33,8 @@ const BaseList = forwardRef(({
   autoCollapse = false,
   onSelectedChange,
   className
-}, ref) => /* @__PURE__ */ jsx(ListProvider, { autoCollapse, columns, expandButton: expandable, onSelectedChange, selectable, children: /* @__PURE__ */ jsx(TableContainer, { children: /* @__PURE__ */ jsxs(StyledTable, { className, ref, children: [
-  /* @__PURE__ */ jsx(HeaderRow, { hasSelectAllColumn: selectable, children: columns.map((column, index) => /* @__PURE__ */ jsx(HeaderCell, { info: column.info, isOrdered: column.isOrdered, maxWidth: column.maxWidth, minWith: column.minWidth, onOrder: column.onOrder, orderDirection: column.orderDirection, width: column.width, children: column.label }, `header-column-${index}`)) }),
+}, ref) => /* @__PURE__ */ jsx(ListProvider, { autoCollapse, columns, expandButton: expandable, onSelectedChange, selectable, children: /* @__PURE__ */ jsx(TableContainer, { children: /* @__PURE__ */ jsxs("table", { className: `${className ? `${className} ` : ""}${list}`, ref, children: [
+  /* @__PURE__ */ jsx(HeaderRow, { hasSelectAllColumn: selectable, children: columns.map((column, index) => /* @__PURE__ */ jsx(HeaderCell, { info: column.info, isOrdered: column.isOrdered, maxWidth: column.maxWidth, minWidth: column.minWidth, onOrder: column.onOrder, orderDirection: column.orderDirection, width: column.width, children: column.label }, `header-column-${index}`)) }),
   /* @__PURE__ */ jsx("tbody", { children: loading ? /* @__PURE__ */ jsx(SkeletonRows, { cols: columns.length, rows: 5, selectable }) : children })
 ] }) }) }));
 const List = Object.assign(BaseList, {

package/dist/components/List/styles.css.cjs

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+;/* empty css                               */
+;/* empty css                            */
+const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
+var listContainer = "uv_inoh541";
+var list = "uv_inoh542";
+var listSortIcon = { ascending: "uv_inoh543", descending: "uv_inoh544" };
+var listHeaderCell = "uv_inoh545";
+var listHeaderRow = "uv_inoh546";
+var listNoPaddingHeaderCell = "uv_inoh547";
+var listExpandableWrapper = "uv_inoh548";
+var listCheckboxInRange = "uv_inoh549";
+var listRow = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_inoh54b uv_inoh54a", variantClassNames: { sentiment: { primary: "uv_inoh54c", secondary: "uv_inoh54d", neutral: "uv_inoh54e", success: "uv_inoh54f", danger: "uv_inoh54g", warning: "uv_inoh54h", info: "uv_inoh54i" }, highlightAnimation: { true: "uv_inoh54j" } }, defaultVariants: { sentiment: "neutral", highlightAnimation: false }, compoundVariants: [] });
+var listCell = "uv_inoh54k";
+var listCheckboxContainer = "uv_inoh54l";
+var listNoPaddingCell = "uv_inoh54m";
+var listExpandableCell = "uv_inoh54n";
+var listLoadingRow = "uv_inoh54o";
+var listSkeleton = "uv_inoh54p";
+exports.list = list;
+exports.listCell = listCell;
+exports.listCheckboxContainer = listCheckboxContainer;
+exports.listCheckboxInRange = listCheckboxInRange;
+exports.listContainer = listContainer;
+exports.listExpandableCell = listExpandableCell;
+exports.listExpandableWrapper = listExpandableWrapper;
+exports.listHeaderCell = listHeaderCell;
+exports.listHeaderRow = listHeaderRow;
+exports.listLoadingRow = listLoadingRow;
+exports.listNoPaddingCell = listNoPaddingCell;
+exports.listNoPaddingHeaderCell = listNoPaddingHeaderCell;
+exports.listRow = listRow;
+exports.listSkeleton = listSkeleton;
+exports.listSortIcon = listSortIcon;

package/dist/components/List/styles.css.d.ts

@@ -0,0 +1,24 @@
+export declare const listContainer: string;
+export declare const list: string;
+export declare const listSortIcon: Record<"ascending" | "descending", string>;
+export declare const listHeaderCell: string;
+export declare const listHeaderRow: string;
+export declare const listNoPaddingHeaderCell: string;
+export declare const listExpandableWrapper: string;
+export declare const listCheckboxInRange: string;
+export declare const listRow: import("@vanilla-extract/recipes").RuntimeFn<{
+    sentiment: {
+        [k: string]: object;
+    };
+    highlightAnimation: {
+        true: {
+            animation: `${string} 3s linear`;
+        };
+    };
+}>;
+export declare const listCell: string;
+export declare const listCheckboxContainer: string;
+export declare const listNoPaddingCell: string;
+export declare const listExpandableCell: string;
+export declare const listLoadingRow: string;
+export declare const listSkeleton: string;

package/dist/components/List/styles.css.js

@@ -0,0 +1,35 @@
+/* empty css                             */
+/* empty css                          */
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+var listContainer = "uv_inoh541";
+var list = "uv_inoh542";
+var listSortIcon = { ascending: "uv_inoh543", descending: "uv_inoh544" };
+var listHeaderCell = "uv_inoh545";
+var listHeaderRow = "uv_inoh546";
+var listNoPaddingHeaderCell = "uv_inoh547";
+var listExpandableWrapper = "uv_inoh548";
+var listCheckboxInRange = "uv_inoh549";
+var listRow = createRuntimeFn({ defaultClassName: "uv_inoh54b uv_inoh54a", variantClassNames: { sentiment: { primary: "uv_inoh54c", secondary: "uv_inoh54d", neutral: "uv_inoh54e", success: "uv_inoh54f", danger: "uv_inoh54g", warning: "uv_inoh54h", info: "uv_inoh54i" }, highlightAnimation: { true: "uv_inoh54j" } }, defaultVariants: { sentiment: "neutral", highlightAnimation: false }, compoundVariants: [] });
+var listCell = "uv_inoh54k";
+var listCheckboxContainer = "uv_inoh54l";
+var listNoPaddingCell = "uv_inoh54m";
+var listExpandableCell = "uv_inoh54n";
+var listLoadingRow = "uv_inoh54o";
+var listSkeleton = "uv_inoh54p";
+export {
+  list,
+  listCell,
+  listCheckboxContainer,
+  listCheckboxInRange,
+  listContainer,
+  listExpandableCell,
+  listExpandableWrapper,
+  listHeaderCell,
+  listHeaderRow,
+  listLoadingRow,
+  listNoPaddingCell,
+  listNoPaddingHeaderCell,
+  listRow,
+  listSkeleton,
+  listSortIcon
+};

package/dist/components/List/variables.css.cjs

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+var widthHeaderCell = "var(--uv_1431nf60)";
+var maxWidthHeaderCell = "var(--uv_1431nf61)";
+var minWidthHeaderCell = "var(--uv_1431nf62)";
+var paddingExpandableCell = "var(--uv_1431nf63)";
+var widthCell = "var(--uv_1431nf64)";
+var maxWidthCell = "var(--uv_1431nf65)";
+var minWidthCell = "var(--uv_1431nf66)";
+exports.maxWidthCell = maxWidthCell;
+exports.maxWidthHeaderCell = maxWidthHeaderCell;
+exports.minWidthCell = minWidthCell;
+exports.minWidthHeaderCell = minWidthHeaderCell;
+exports.paddingExpandableCell = paddingExpandableCell;
+exports.widthCell = widthCell;
+exports.widthHeaderCell = widthHeaderCell;

package/dist/components/List/variables.css.d.ts

@@ -0,0 +1,7 @@
+export declare const widthHeaderCell: `var(--${string})`;
+export declare const maxWidthHeaderCell: `var(--${string})`;
+export declare const minWidthHeaderCell: `var(--${string})`;
+export declare const paddingExpandableCell: `var(--${string})`;
+export declare const widthCell: `var(--${string})`;
+export declare const maxWidthCell: `var(--${string})`;
+export declare const minWidthCell: `var(--${string})`;

package/dist/components/List/variables.css.js

@@ -0,0 +1,16 @@
+var widthHeaderCell = "var(--uv_1431nf60)";
+var maxWidthHeaderCell = "var(--uv_1431nf61)";
+var minWidthHeaderCell = "var(--uv_1431nf62)";
+var paddingExpandableCell = "var(--uv_1431nf63)";
+var widthCell = "var(--uv_1431nf64)";
+var maxWidthCell = "var(--uv_1431nf65)";
+var minWidthCell = "var(--uv_1431nf66)";
+export {
+  maxWidthCell,
+  maxWidthHeaderCell,
+  minWidthCell,
+  minWidthHeaderCell,
+  paddingExpandableCell,
+  widthCell,
+  widthHeaderCell
+};