draft-components 4.8.0 → 4.9.0

package/css/draft-components.css

@@ -4427,13 +4427,14 @@
 .dc-table {
   --color: var(--dc-text-color-primary);
   --border-color: var(--dc-neutral-300);
+  --border: 1px solid var(--border-color);
   --background: var(--dc-background-primary);
-  --head-background: var(--dc-neutral-100);
+  --background-sticky: rgb(var(--dc-white-rgb) / 80%);
+  --backdrop-filter-sticky: blur(20px) saturate(180%);
+  --head-background: var(--background);
   --row-background-stripped: var(--dc-neutral-100);
   --row-background-selected: var(--dc-neutral-100);
-  --row-background-highlighted: rgb(var(--dc-neutral-300-rgb) / 30%);
-  --cell-background-hover: var(--dc-neutral-100);
-  --cell-background-focus: var(--dc-neutral-100);
+  --row-background-highlighted: var(--dc-neutral-200);
   --cell-padding: 8px 12px;
   --sort-btn-focus-ring: 2px solid var(--dc-focus-ring-color);
   --sort-btn-focus-ring-offset: 2px;
@@ -4443,72 +4444,110 @@
   --sort-icon-background: rgb(var(--dc-neutral-900-rgb) / 7.5%);
   --sort-icon-radius: 4px;
 
+  width: 100%;
+  font: var(--dc-text-sm);
+  color: var(--color);
+  text-align: left;
   color-scheme: light;
 }
 
 .dc-table-container {
   box-sizing: border-box;
-  width: 100%;
-  overflow-x: auto;
+  overflow: auto;
   scroll-snap-type: x mandatory;
-  border-color: var(--border-color);
-  border-style: solid;
-  border-width: 0;
   scroll-behavior: smooth;
 }
 
-.dc-table-container_border_all {
-  border-width: 1px;
-}
-
-.dc-table-container_border_top {
-  border-top-width: 1px;
-}
-
-.dc-table-container_border_right {
-  border-right-width: 1px;
-}
-
-.dc-table-container_border_bottom {
-  border-bottom-width: 1px;
-}
-
-.dc-table-container_border_left {
-  border-left-width: 1px;
-}
-
 .dc-table {
-  width: 100%;
-  font: var(--dc-text-sm);
   font-variant-numeric: tabular-nums;
-  color: var(--color);
   border-spacing: 0;
   border-collapse: separate;
 }
 
-.dc-table-cell {
+.dc-table th,
+.dc-table td {
   box-sizing: border-box;
   padding: var(--cell-padding);
   scroll-snap-align: start;
   background: var(--background);
-  border-bottom: 1px solid var(--border-color);
 }
 
-.dc-table-cell_head {
+.dc-table th {
   font-size: 90%;
   font-weight: 700;
   white-space: nowrap;
-  border-bottom-color: var(--border-color);
+  background: var(--head-background);
 }
 
-.dc-table_cell_sm .dc-table-cell {
+.dc-table_cell_sm th,
+.dc-table_cell_sm td {
   --cell-padding: 4px 8px;
 }
 
-.dc-table_cell_lg .dc-table-cell {
+.dc-table_cell_lg th,
+.dc-table_cell_lg td {
   --cell-padding: 12px 16px;
 }
 
+.dc-table thead th,
+.dc-table thead td {
+  border-bottom: var(--border);
+}
+
+.dc-table tfoot th,
+.dc-table tfoot td {
+  border-top: var(--border);
+}
+
+.dc-table_sticky_header thead,
+.dc-table_sticky_footer tfoot {
+  position: sticky;
+  z-index: 1;
+  background: var(--background-sticky);
+  -webkit-backdrop-filter: var(--backdrop-filter-sticky);
+          backdrop-filter: var(--backdrop-filter-sticky);
+}
+
+.dc-table_sticky_header thead {
+  top: 0;
+}
+
+.dc-table_sticky_footer tfoot {
+  bottom: 0;
+}
+
+.dc-table_sticky_header thead th,
+.dc-table_sticky_header thead td,
+.dc-table_sticky_footer tfoot th,
+.dc-table_sticky_footer tfoot td {
+  background: none;
+}
+
+.dc-table_bordered th + th,
+.dc-table_bordered td + td {
+  border-left: var(--border);
+}
+
+.dc-table tbody tr + tr td {
+  border-top: var(--border);
+}
+
+.dc-table_striped tbody tr + tr td {
+  border-top-color: transparent;
+}
+
+.dc-table_striped tr:nth-child(even) td {
+  background: var(--row-background-stripped);
+}
+
+.dc-table tr[data-selected="true"] td {
+  background: var(--row-background-selected);
+}
+
+.dc-table_highlight_row tbody tr:hover td {
+  background: var(--row-background-highlighted);
+}
+
 .dc-table-cell__sort-btn {
   position: relative;
   padding: 0 calc(var(--sort-icon-gap) + var(--sort-icon-size)) 0 0;
@@ -4553,47 +4592,17 @@
   height: 90%;
 }
 
-.dc-table-head_tinted .dc-table-cell {
-  background: var(--head-background);
-}
-
-.dc-table-row_selected .dc-table-cell {
-  background: var(--row-background-selected) !important;
-}
-
-.dc-table_bordered .dc-table-cell:not(:last-child) {
-  border-right: 1px solid var(--border-color);
-}
-
-.dc-table_striped .dc-table-body .dc-table-cell {
-  border-bottom-color: transparent;
-}
-
-.dc-table-body .dc-table-row:last-child .dc-table-cell {
-  border-bottom-color: transparent;
-}
-
-.dc-table_striped .dc-table-body .dc-table-row:nth-child(even) .dc-table-cell {
-  background: var(--row-background-stripped);
-}
-
-.dc-table_highlight_row .dc-table-body .dc-table-row:hover .dc-table-cell {
-  background: var(--row-background-highlighted);
-}
-
-.dark .dc-table,
-.dark.dc-table,
 .dark .dc-table-container,
-.dark.dc-table-container {
+.dark.dc-table-container,
+.dark .dc-table,
+.dark.dc-table {
   --color: var(--dc-text-color-primary);
   --border-color: var(--dc-neutral-600);
   --background: var(--dc-background-primary);
-  --head-background: var(--dc-neutral-800);
-  --row-background-stripped: var(--dc-neutral-800);
-  --row-background-selected: var(--dc-neutral-800);
-  --row-background-highlighted: rgb(var(--dc-neutral-600-rgb) / 30%);
-  --cell-background-hover: var(--dc-neutral-800);
-  --cell-background-focus: var(--dc-neutral-800);
+  --background-sticky: rgb(var(--dc-neutral-800-rgb) / 80%);
+  --row-background-stripped: var(--dc-neutral-700);
+  --row-background-selected: var(--dc-neutral-700);
+  --row-background-highlighted: var(--dc-neutral-600);
   --sort-icon-color: var(--dc-neutral-100);
   --sort-icon-background: rgb(var(--dc-neutral-100-rgb) / 15%);
 

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

@@ -2,6 +2,7 @@ export * from './table-container.js';
 export * from './table.js';
 export * from './table-head.js';
 export * from './table-body.js';
+export * from './table-footer.js';
 export * from './table-row.js';
 export * from './table-head-cell.js';
 export * from './table-cell.js';

package/dist/components/table/index.js

@@ -2,6 +2,7 @@ export * from './table-container.js';
 export * from './table.js';
 export * from './table-head.js';
 export * from './table-body.js';
+export * from './table-footer.js';
 export * from './table-row.js';
 export * from './table-head-cell.js';
 export * from './table-cell.js';

package/dist/components/table/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/table/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/table/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC"}

package/dist/components/table/table-body.d.ts

@@ -1,5 +1,5 @@
 import { type ComponentProps } from 'react';
 type TableBodyHTMLProps = ComponentProps<'tbody'>;
 export type TableBodyProps = TableBodyHTMLProps;
-export declare function TableBody({ className, children, ...props }: TableBodyProps): import("react/jsx-runtime").JSX.Element;
+export declare function TableBody(props: TableBodyProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/table/table-body.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import {} from 'react';
-import { classNames } from '../../lib/react-helpers.js';
-export function TableBody({ className, children, ...props }) {
-    return (_jsx("tbody", { ...props, className: classNames(className, 'dc-table-body'), children: children }));
+export function TableBody(props) {
+    return _jsx("tbody", { ...props });
 }
 //# sourceMappingURL=table-body.js.map

package/dist/components/table/table-body.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-body.js","sourceRoot":"","sources":["../../../src/components/table/table-body.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAMxD,MAAM,UAAU,SAAS,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACO;IACf,OAAO,CACL,mBACM,KAAK,EACT,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,eAAe,CAAC,YAEhD,QAAQ,GACH,CACT,CAAC;AACJ,CAAC"}
+{"version":3,"file":"table-body.js","sourceRoot":"","sources":["../../../src/components/table/table-body.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,MAAM,OAAO,CAAC;AAM5C,MAAM,UAAU,SAAS,CAAC,KAAqB;IAC7C,OAAO,mBAAW,KAAK,GAAI,CAAC;AAC9B,CAAC"}

package/dist/components/table/table-cell.d.ts

@@ -1,5 +1,5 @@
 import { type ComponentProps } from 'react';
 type TableCellHTMLProps = ComponentProps<'td'>;
 export type TableCellProps = TableCellHTMLProps;
-export declare function TableCell({ className, children, ...props }: TableCellProps): import("react/jsx-runtime").JSX.Element;
+export declare function TableCell(props: TableCellProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/table/table-cell.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import {} from 'react';
-import { classNames } from '../../lib/react-helpers.js';
-export function TableCell({ className, children, ...props }) {
-    return (_jsx("td", { ...props, className: classNames('dc-table-cell', className), children: children }));
+export function TableCell(props) {
+    return _jsx("td", { ...props });
 }
 //# sourceMappingURL=table-cell.js.map

package/dist/components/table/table-cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-cell.js","sourceRoot":"","sources":["../../../src/components/table/table-cell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAMxD,MAAM,UAAU,SAAS,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACO;IACf,OAAO,CACL,gBACM,KAAK,EACT,SAAS,EAAE,UAAU,CAAC,eAAe,EAAE,SAAS,CAAC,YAEhD,QAAQ,GACN,CACN,CAAC;AACJ,CAAC"}
+{"version":3,"file":"table-cell.js","sourceRoot":"","sources":["../../../src/components/table/table-cell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,MAAM,OAAO,CAAC;AAM5C,MAAM,UAAU,SAAS,CAAC,KAAqB;IAC7C,OAAO,gBAAQ,KAAK,GAAI,CAAC;AAC3B,CAAC"}

package/dist/components/table/table-container.d.ts

@@ -1,14 +1,5 @@
 import { type ComponentProps } from 'react';
-export type TableContainerBorder = {
-    top?: boolean;
-    right?: boolean;
-    bottom?: boolean;
-    left?: boolean;
-};
 type TableContainerHTMLProps = ComponentProps<'div'>;
-type TableContainerBaseProps = {
-    border?: 'none' | 'all' | TableContainerBorder;
-};
-export type TableContainerProps = TableContainerBaseProps & Omit<TableContainerHTMLProps, keyof TableContainerBaseProps>;
-export declare function TableContainer({ border, className, children, ...props }: TableContainerProps): import("react/jsx-runtime").JSX.Element;
+export type TableContainerProps = TableContainerHTMLProps;
+export declare function TableContainer({ className, children, ...props }: TableContainerProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/table/table-container.js

@@ -1,19 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import {} from 'react';
 import { classNames } from '../../lib/react-helpers.js';
-export function TableContainer({ border, className, children, ...props }) {
-    let modifier = '';
-    if (typeof border === 'object' && border != null) {
-        modifier = classNames({
-            'dc-table-container_border_top': border.top,
-            'dc-table-container_border_right': border.right,
-            'dc-table-container_border_bottom': border.bottom,
-            'dc-table-container_border_left': border.left,
-        });
-    }
-    else if (border === 'all') {
-        modifier = 'dc-table-container_border_all';
-    }
-    return (_jsx("div", { ...props, className: classNames(className, modifier, 'dc-table-container'), children: children }));
+export function TableContainer({ className, children, ...props }) {
+    return (_jsx("div", { ...props, className: classNames(className, 'dc-table-container'), children: children }));
 }
 //# sourceMappingURL=table-container.js.map

package/dist/components/table/table-container.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-container.js","sourceRoot":"","sources":["../../../src/components/table/table-container.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAmBxD,MAAM,UAAU,cAAc,CAAC,EAC7B,MAAM,EACN,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACY;IACpB,IAAI,QAAQ,GAAG,EAAE,CAAC;IAClB,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,MAAM,IAAI,IAAI,EAAE,CAAC;QACjD,QAAQ,GAAG,UAAU,CAAC;YACpB,+BAA+B,EAAE,MAAM,CAAC,GAAG;YAC3C,iCAAiC,EAAE,MAAM,CAAC,KAAK;YAC/C,kCAAkC,EAAE,MAAM,CAAC,MAAM;YACjD,gCAAgC,EAAE,MAAM,CAAC,IAAI;SAC9C,CAAC,CAAC;IACL,CAAC;SAAM,IAAI,MAAM,KAAK,KAAK,EAAE,CAAC;QAC5B,QAAQ,GAAG,+BAA+B,CAAC;IAC7C,CAAC;IAED,OAAO,CACL,iBACM,KAAK,EACT,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,QAAQ,EAAE,oBAAoB,CAAC,YAE/D,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"table-container.js","sourceRoot":"","sources":["../../../src/components/table/table-container.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAMxD,MAAM,UAAU,cAAc,CAAC,EAC7B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACY;IACpB,OAAO,CACL,iBACM,KAAK,EACT,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,oBAAoB,CAAC,YAErD,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}

package/dist/components/table/table-footer.d.ts

@@ -0,0 +1,5 @@
+import { type ComponentProps } from 'react';
+type TableFooterHTMLProps = ComponentProps<'tfoot'>;
+export type TableFootProps = TableFooterHTMLProps;
+export declare function TableFooter(props: TableFootProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/table/table-footer.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import {} from 'react';
+export function TableFooter(props) {
+    return _jsx("tfoot", { ...props });
+}
+//# sourceMappingURL=table-footer.js.map

package/dist/components/table/table-footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-footer.js","sourceRoot":"","sources":["../../../src/components/table/table-footer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,MAAM,OAAO,CAAC;AAM5C,MAAM,UAAU,WAAW,CAAC,KAAqB;IAC/C,OAAO,mBAAW,KAAK,GAAI,CAAC;AAC9B,CAAC"}

package/dist/components/table/table-head-cell.d.ts

@@ -7,5 +7,5 @@ type TableHeadCellBaseProps = {
     onChangeSort?: (sort: TableHeadCellSort) => void;
 };
 export type TableHeadCellProps = TableHeadCellBaseProps & Omit<TableHeadCellHTMLProps, keyof TableHeadCellBaseProps>;
-export declare function TableHeadCell({ isSortable, sort, className, children, onChangeSort, ...props }: TableHeadCellProps): import("react/jsx-runtime").JSX.Element;
+export declare function TableHeadCell({ isSortable, sort, 'aria-sort': ariaSort, children, onChangeSort, ...props }: TableHeadCellProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/table/table-head-cell.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import {} from 'react';
-import { classNames } from '../../lib/react-helpers.js';
-export function TableHeadCell({ isSortable = false, sort = 'none', className, children, onChangeSort, ...props }) {
+export function TableHeadCell({ isSortable = false, sort = 'none', 'aria-sort': ariaSort = sort, children, onChangeSort, ...props }) {
     if (isSortable) {
         let icon;
         if (sort === 'ascending') {
@@ -30,11 +29,7 @@ export function TableHeadCell({ isSortable = false, sort = 'none', className, ch
         };
         children = (_jsxs("button", { className: "dc-table-cell__sort-btn", type: "button", onClick: handleClick, children: [children, icon && (_jsx("span", { className: "dc-table-cell__sort-btn-icon", "aria-hidden": true, children: icon }))] }));
     }
-    return (_jsx("th", { ...props, className: classNames(className, {
-            'dc-table-cell': true,
-            'dc-table-cell_head': true,
-            'dc-table-cell_sortable': isSortable,
-        }), "aria-sort": isSortable ? sort : props['aria-sort'], children: children }));
+    return (_jsx("th", { ...props, "aria-sort": ariaSort, "data-sortable": isSortable, children: children }));
 }
 function ChevronUpIcon({ width = 20, height = 20, ...props }) {
     return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: width, height: height, fill: "currentColor", ...props, children: _jsx("path", { d: "M9.47 6.47a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 1 1-1.06 1.06L10 8.06l-3.72 3.72a.75.75 0 0 1-1.06-1.06l4.25-4.25Z", clipRule: "evenodd", fillRule: "evenodd" }) }));

package/dist/components/table/table-head-cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-head-cell.js","sourceRoot":"","sources":["../../../src/components/table/table-head-cell.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"table-head-cell.js","sourceRoot":"","sources":["../../../src/components/table/table-head-cell.tsx"],"names":[],"mappings":"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"}

package/dist/components/table/table-head.d.ts

@@ -1,8 +1,5 @@
 import { type ComponentProps } from 'react';
 type TableHeadHTMLProps = ComponentProps<'thead'>;
-type TableHeadBaseProps = {
-    isTinted?: boolean;
-};
-export type TableHeadProps = TableHeadBaseProps & Omit<TableHeadHTMLProps, keyof TableHeadBaseProps>;
-export declare function TableHead({ className, isTinted, ...props }: TableHeadProps): import("react/jsx-runtime").JSX.Element;
+export type TableHeadProps = TableHeadHTMLProps;
+export declare function TableHead(props: TableHeadProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/table/table-head.js

@@ -1,10 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import {} from 'react';
-import { classNames } from '../../lib/react-helpers.js';
-export function TableHead({ className, isTinted = false, ...props }) {
-    return (_jsx("thead", { ...props, className: classNames(className, {
-            'dc-table-head': true,
-            'dc-table-head_tinted': isTinted,
-        }) }));
+export function TableHead(props) {
+    return _jsx("thead", { ...props });
 }
 //# sourceMappingURL=table-head.js.map

package/dist/components/table/table-head.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-head.js","sourceRoot":"","sources":["../../../src/components/table/table-head.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAYxD,MAAM,UAAU,SAAS,CAAC,EACxB,SAAS,EACT,QAAQ,GAAG,KAAK,EAChB,GAAG,KAAK,EACO;IACf,OAAO,CACL,mBACM,KAAK,EACT,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE;YAC/B,eAAe,EAAE,IAAI;YACrB,sBAAsB,EAAE,QAAQ;SACjC,CAAC,GACF,CACH,CAAC;AACJ,CAAC"}
+{"version":3,"file":"table-head.js","sourceRoot":"","sources":["../../../src/components/table/table-head.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,MAAM,OAAO,CAAC;AAM5C,MAAM,UAAU,SAAS,CAAC,KAAqB;IAC7C,OAAO,mBAAW,KAAK,GAAI,CAAC;AAC9B,CAAC"}

package/dist/components/table/table-row.d.ts

@@ -4,5 +4,5 @@ type TableRowBaseProps = {
     isSelected?: boolean;
 };
 export type TableRowProps = TableRowBaseProps & Omit<TableRowHTMLProps, keyof TableRowBaseProps>;
-export declare function TableRow({ className, isSelected, ...props }: TableRowProps): import("react/jsx-runtime").JSX.Element;
+export declare function TableRow({ isSelected, ...props }: TableRowProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/table/table-row.js

@@ -1,10 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import {} from 'react';
-import { classNames } from '../../lib/react-helpers.js';
-export function TableRow({ className, isSelected, ...props }) {
-    return (_jsx("tr", { ...props, className: classNames(className, {
-            'dc-table-row': true,
-            'dc-table-row_selected': isSelected,
-        }) }));
+export function TableRow({ isSelected, ...props }) {
+    return (_jsx("tr", { ...props, "data-selected": isSelected }));
 }
 //# sourceMappingURL=table-row.js.map

package/dist/components/table/table-row.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-row.js","sourceRoot":"","sources":["../../../src/components/table/table-row.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAYxD,MAAM,UAAU,QAAQ,CAAC,EACvB,SAAS,EACT,UAAU,EACV,GAAG,KAAK,EACM;IACd,OAAO,CACL,gBACM,KAAK,EACT,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE;YAC/B,cAAc,EAAE,IAAI;YACpB,uBAAuB,EAAE,UAAU;SACpC,CAAC,GACF,CACH,CAAC;AACJ,CAAC"}
+{"version":3,"file":"table-row.js","sourceRoot":"","sources":["../../../src/components/table/table-row.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,MAAM,OAAO,CAAC;AAY5C,MAAM,UAAU,QAAQ,CAAC,EACvB,UAAU,EACV,GAAG,KAAK,EACM;IACd,OAAO,CACL,gBACM,KAAK,mBACM,UAAU,GACzB,CACH,CAAC;AACJ,CAAC"}

package/dist/components/table/table.css

@@ -2,13 +2,14 @@
 .dc-table {
   --color: var(--dc-text-color-primary);
   --border-color: var(--dc-neutral-300);
+  --border: 1px solid var(--border-color);
   --background: var(--dc-background-primary);
-  --head-background: var(--dc-neutral-100);
+  --background-sticky: rgb(var(--dc-white-rgb) / 80%);
+  --backdrop-filter-sticky: blur(20px) saturate(180%);
+  --head-background: var(--background);
   --row-background-stripped: var(--dc-neutral-100);
   --row-background-selected: var(--dc-neutral-100);
-  --row-background-highlighted: rgb(var(--dc-neutral-300-rgb) / 30%);
-  --cell-background-hover: var(--dc-neutral-100);
-  --cell-background-focus: var(--dc-neutral-100);
+  --row-background-highlighted: var(--dc-neutral-200);
   --cell-padding: 8px 12px;
   --sort-btn-focus-ring: 2px solid var(--dc-focus-ring-color);
   --sort-btn-focus-ring-offset: 2px;
@@ -18,72 +19,110 @@
   --sort-icon-background: rgb(var(--dc-neutral-900-rgb) / 7.5%);
   --sort-icon-radius: 4px;
 
+  width: 100%;
+  font: var(--dc-text-sm);
+  color: var(--color);
+  text-align: left;
   color-scheme: light;
 }
 
 .dc-table-container {
   box-sizing: border-box;
-  width: 100%;
-  overflow-x: auto;
+  overflow: auto;
   scroll-snap-type: x mandatory;
-  border-color: var(--border-color);
-  border-style: solid;
-  border-width: 0;
   scroll-behavior: smooth;
 }
 
-.dc-table-container_border_all {
-  border-width: 1px;
-}
-
-.dc-table-container_border_top {
-  border-top-width: 1px;
-}
-
-.dc-table-container_border_right {
-  border-right-width: 1px;
-}
-
-.dc-table-container_border_bottom {
-  border-bottom-width: 1px;
-}
-
-.dc-table-container_border_left {
-  border-left-width: 1px;
-}
-
 .dc-table {
-  width: 100%;
-  font: var(--dc-text-sm);
   font-variant-numeric: tabular-nums;
-  color: var(--color);
   border-spacing: 0;
   border-collapse: separate;
 }
 
-.dc-table-cell {
+.dc-table th,
+.dc-table td {
   box-sizing: border-box;
   padding: var(--cell-padding);
   scroll-snap-align: start;
   background: var(--background);
-  border-bottom: 1px solid var(--border-color);
 }
 
-.dc-table-cell_head {
+.dc-table th {
   font-size: 90%;
   font-weight: 700;
   white-space: nowrap;
-  border-bottom-color: var(--border-color);
+  background: var(--head-background);
 }
 
-.dc-table_cell_sm .dc-table-cell {
+.dc-table_cell_sm th,
+.dc-table_cell_sm td {
   --cell-padding: 4px 8px;
 }
 
-.dc-table_cell_lg .dc-table-cell {
+.dc-table_cell_lg th,
+.dc-table_cell_lg td {
   --cell-padding: 12px 16px;
 }
 
+.dc-table thead th,
+.dc-table thead td {
+  border-bottom: var(--border);
+}
+
+.dc-table tfoot th,
+.dc-table tfoot td {
+  border-top: var(--border);
+}
+
+.dc-table_sticky_header thead,
+.dc-table_sticky_footer tfoot {
+  position: sticky;
+  z-index: 1;
+  background: var(--background-sticky);
+  -webkit-backdrop-filter: var(--backdrop-filter-sticky);
+          backdrop-filter: var(--backdrop-filter-sticky);
+}
+
+.dc-table_sticky_header thead {
+  top: 0;
+}
+
+.dc-table_sticky_footer tfoot {
+  bottom: 0;
+}
+
+.dc-table_sticky_header thead th,
+.dc-table_sticky_header thead td,
+.dc-table_sticky_footer tfoot th,
+.dc-table_sticky_footer tfoot td {
+  background: none;
+}
+
+.dc-table_bordered th + th,
+.dc-table_bordered td + td {
+  border-left: var(--border);
+}
+
+.dc-table tbody tr + tr td {
+  border-top: var(--border);
+}
+
+.dc-table_striped tbody tr + tr td {
+  border-top-color: transparent;
+}
+
+.dc-table_striped tr:nth-child(even) td {
+  background: var(--row-background-stripped);
+}
+
+.dc-table tr[data-selected="true"] td {
+  background: var(--row-background-selected);
+}
+
+.dc-table_highlight_row tbody tr:hover td {
+  background: var(--row-background-highlighted);
+}
+
 .dc-table-cell__sort-btn {
   position: relative;
   padding: 0 calc(var(--sort-icon-gap) + var(--sort-icon-size)) 0 0;
@@ -128,47 +167,17 @@
   height: 90%;
 }
 
-.dc-table-head_tinted .dc-table-cell {
-  background: var(--head-background);
-}
-
-.dc-table-row_selected .dc-table-cell {
-  background: var(--row-background-selected) !important;
-}
-
-.dc-table_bordered .dc-table-cell:not(:last-child) {
-  border-right: 1px solid var(--border-color);
-}
-
-.dc-table_striped .dc-table-body .dc-table-cell {
-  border-bottom-color: transparent;
-}
-
-.dc-table-body .dc-table-row:last-child .dc-table-cell {
-  border-bottom-color: transparent;
-}
-
-.dc-table_striped .dc-table-body .dc-table-row:nth-child(even) .dc-table-cell {
-  background: var(--row-background-stripped);
-}
-
-.dc-table_highlight_row .dc-table-body .dc-table-row:hover .dc-table-cell {
-  background: var(--row-background-highlighted);
-}
-
-.dark .dc-table,
-.dark.dc-table,
 .dark .dc-table-container,
-.dark.dc-table-container {
+.dark.dc-table-container,
+.dark .dc-table,
+.dark.dc-table {
   --color: var(--dc-text-color-primary);
   --border-color: var(--dc-neutral-600);
   --background: var(--dc-background-primary);
-  --head-background: var(--dc-neutral-800);
-  --row-background-stripped: var(--dc-neutral-800);
-  --row-background-selected: var(--dc-neutral-800);
-  --row-background-highlighted: rgb(var(--dc-neutral-600-rgb) / 30%);
-  --cell-background-hover: var(--dc-neutral-800);
-  --cell-background-focus: var(--dc-neutral-800);
+  --background-sticky: rgb(var(--dc-neutral-800-rgb) / 80%);
+  --row-background-stripped: var(--dc-neutral-700);
+  --row-background-selected: var(--dc-neutral-700);
+  --row-background-highlighted: var(--dc-neutral-600);
   --sort-icon-color: var(--dc-neutral-100);
   --sort-icon-background: rgb(var(--dc-neutral-100-rgb) / 15%);
 

package/dist/components/table/table.d.ts

@@ -2,6 +2,7 @@ import { type ComponentProps } from 'react';
 import { TableContainer } from './table-container.js';
 import { TableHead } from './table-head.js';
 import { TableBody } from './table-body.js';
+import { TableFooter } from './table-footer.js';
 import { TableRow } from './table-row.js';
 import { TableHeadCell } from './table-head-cell.js';
 import { TableCell } from './table-cell.js';
@@ -11,14 +12,17 @@ type TableBaseProps = {
     cellSize?: TableCellSize;
     isStriped?: boolean;
     isBordered?: boolean;
+    stickyHeader?: boolean;
+    stickyFooter?: boolean;
     shouldHighlightHoveredRow?: boolean;
 };
 export type TableProps = TableBaseProps & Omit<TableHTMLProps, keyof TableBaseProps>;
-export declare function Table({ cellSize, isStriped, isBordered, shouldHighlightHoveredRow, className, children, ...props }: TableProps): import("react/jsx-runtime").JSX.Element;
+export declare function Table({ cellSize, isStriped, isBordered, stickyHeader, stickyFooter, shouldHighlightHoveredRow, className, children, ...props }: TableProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Table {
     var Container: typeof TableContainer;
     var Head: typeof TableHead;
     var Body: typeof TableBody;
+    var Footer: typeof TableFooter;
     var Row: typeof TableRow;
     var HeadCell: typeof TableHeadCell;
     var Cell: typeof TableCell;

package/dist/components/table/table.js

@@ -4,20 +4,24 @@ import { classNames } from '../../lib/react-helpers.js';
 import { TableContainer } from './table-container.js';
 import { TableHead } from './table-head.js';
 import { TableBody } from './table-body.js';
+import { TableFooter } from './table-footer.js';
 import { TableRow } from './table-row.js';
 import { TableHeadCell } from './table-head-cell.js';
 import { TableCell } from './table-cell.js';
-export function Table({ cellSize = 'md', isStriped = false, isBordered = false, shouldHighlightHoveredRow = false, className, children, ...props }) {
+export function Table({ cellSize = 'md', isStriped = false, isBordered = false, stickyHeader = false, stickyFooter = false, shouldHighlightHoveredRow = false, className, children, ...props }) {
     return (_jsx("table", { ...props, className: classNames(className, 'dc-table', {
             [`dc-table_cell_${cellSize}`]: cellSize,
             'dc-table_striped': isStriped,
             'dc-table_bordered': isBordered,
+            'dc-table_sticky_header': stickyHeader,
+            'dc-table_sticky_footer': stickyFooter,
             'dc-table_highlight_row': shouldHighlightHoveredRow,
         }), children: children }));
 }
 Table.Container = TableContainer;
 Table.Head = TableHead;
 Table.Body = TableBody;
+Table.Footer = TableFooter;
 Table.Row = TableRow;
 Table.HeadCell = TableHeadCell;
 Table.Cell = TableCell;

package/dist/components/table/table.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.js","sourceRoot":"","sources":["../../../src/components/table/table.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAiB5C,MAAM,UAAU,KAAK,CAAC,EACpB,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,KAAK,EAClB,yBAAyB,GAAG,KAAK,EACjC,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACG;IACX,OAAO,CACL,mBACM,KAAK,EACT,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,UAAU,EAAE;YAC3C,CAAC,iBAAiB,QAAQ,EAAE,CAAC,EAAE,QAAQ;YACvC,kBAAkB,EAAE,SAAS;YAC7B,mBAAmB,EAAE,UAAU;YAC/B,wBAAwB,EAAE,yBAAyB;SACpD,CAAC,YAED,QAAQ,GACH,CACT,CAAC;AACJ,CAAC;AAED,KAAK,CAAC,SAAS,GAAG,cAAc,CAAC;AACjC,KAAK,CAAC,IAAI,GAAG,SAAS,CAAC;AACvB,KAAK,CAAC,IAAI,GAAG,SAAS,CAAC;AACvB,KAAK,CAAC,GAAG,GAAG,QAAQ,CAAC;AACrB,KAAK,CAAC,QAAQ,GAAG,aAAa,CAAC;AAC/B,KAAK,CAAC,IAAI,GAAG,SAAS,CAAC"}
+{"version":3,"file":"table.js","sourceRoot":"","sources":["../../../src/components/table/table.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAmB5C,MAAM,UAAU,KAAK,CAAC,EACpB,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,KAAK,EAClB,YAAY,GAAG,KAAK,EACpB,YAAY,GAAG,KAAK,EACpB,yBAAyB,GAAG,KAAK,EACjC,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACG;IACX,OAAO,CACL,mBACM,KAAK,EACT,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,UAAU,EAAE;YAC3C,CAAC,iBAAiB,QAAQ,EAAE,CAAC,EAAE,QAAQ;YACvC,kBAAkB,EAAE,SAAS;YAC7B,mBAAmB,EAAE,UAAU;YAC/B,wBAAwB,EAAE,YAAY;YACtC,wBAAwB,EAAE,YAAY;YACtC,wBAAwB,EAAE,yBAAyB;SACpD,CAAC,YAED,QAAQ,GACH,CACT,CAAC;AACJ,CAAC;AAED,KAAK,CAAC,SAAS,GAAG,cAAc,CAAC;AACjC,KAAK,CAAC,IAAI,GAAG,SAAS,CAAC;AACvB,KAAK,CAAC,IAAI,GAAG,SAAS,CAAC;AACvB,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC;AAC3B,KAAK,CAAC,GAAG,GAAG,QAAQ,CAAC;AACrB,KAAK,CAAC,QAAQ,GAAG,aAAa,CAAC;AAC/B,KAAK,CAAC,IAAI,GAAG,SAAS,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "draft-components",
-  "version": "4.8.0",
+  "version": "4.9.0",
   "description": "The React based UI components library.",
   "type": "module",
   "exports": {