@ketvietlab/design-system 0.1.16 → 0.1.18

package/dist/patterns/data-table/styles.css

@@ -1,22 +1,23 @@
 @layer ket.app {
-  :where([data-kv-design-system]) [data-ui="table-scroll"] {
+  :where([data-kv-design-system]) [data-ui="table-scroll"][data-pattern="data-table"] {
     width: 100%;
     overflow-x: auto;
     border: 1px solid var(--kv-panel-border);
     border-radius: var(--kv-radius-md);
     background: var(--kv-table-bg);
+    box-shadow: none;
   }
 
-  :where([data-kv-design-system]) [data-ui="table"] {
+  :where([data-kv-design-system]) [data-ui="table-scroll"][data-pattern="data-table"] [data-ui="table"] {
     width: 100%;
     min-width: 38rem;
     border-collapse: separate;
     border-spacing: 0;
+    background: transparent;
     font-size: var(--kv-text-sm);
   }
 
-  :where([data-kv-design-system]) [data-ui="table-scroll"][data-framed="false"],
-  :where([data-kv-design-system]) [data-ui="list-page"] [data-ui="table-scroll"][data-framed="false"] {
+  :where([data-kv-design-system]) [data-ui="table-scroll"][data-pattern="data-table"][data-framed="false"] {
     width: auto;
     margin-inline: 0;
     border: 0;
@@ -24,14 +25,16 @@
     background: transparent;
   }
 
-  :where([data-kv-design-system]) [data-ui="table-caption"] {
+  :where([data-kv-design-system])
+    [data-ui="table-scroll"][data-pattern="data-table"]
+    [data-ui="table-caption"] {
     padding: var(--kv-space-3);
     color: var(--kv-text-muted);
     font-size: var(--kv-text-xs);
     text-align: left;
   }
 
-  :where([data-kv-design-system]) [data-ui="col"] {
+  :where([data-kv-design-system]) [data-ui="table-scroll"][data-pattern="data-table"] [data-ui="col"] {
     height: var(--kv-table-header-height);
     padding: 0 var(--kv-space-3);
     border-bottom: 1px solid var(--kv-table-border);
@@ -45,8 +48,10 @@
     white-space: nowrap;
   }
 
-  :where([data-kv-design-system]) [data-ui="select-col"],
-  :where([data-kv-design-system]) [data-ui="select-cell"] {
+  :where([data-kv-design-system]) [data-ui="table-scroll"][data-pattern="data-table"] [data-ui="select-col"],
+  :where([data-kv-design-system])
+    [data-ui="table-scroll"][data-pattern="data-table"]
+    [data-ui="select-cell"] {
     width: 3.5rem;
     min-width: 3.5rem;
     max-width: 3.5rem;
@@ -54,14 +59,16 @@
     text-align: center;
   }
 
-  :where([data-kv-design-system]) [data-ui="select-col"] {
+  :where([data-kv-design-system]) [data-ui="table-scroll"][data-pattern="data-table"] [data-ui="select-col"] {
     height: var(--kv-table-header-height);
     padding: 0 var(--kv-space-3);
     border-bottom: 1px solid var(--kv-table-border);
     background: var(--kv-table-header-bg);
   }
 
-  :where([data-kv-design-system]) [data-ui="select-cell"] {
+  :where([data-kv-design-system])
+    [data-ui="table-scroll"][data-pattern="data-table"]
+    [data-ui="select-cell"] {
     min-width: 3.5rem;
     height: var(--kv-row-height);
     padding: 0.4375rem var(--kv-space-3);
@@ -70,15 +77,15 @@
     vertical-align: middle;
   }
 
-  :where([data-kv-design-system]) [data-ui="select-all"],
-  :where([data-kv-design-system]) [data-ui="row-select"] {
+  :where([data-kv-design-system]) [data-ui="table-scroll"][data-pattern="data-table"] [data-ui="select-all"],
+  :where([data-kv-design-system]) [data-ui="table-scroll"][data-pattern="data-table"] [data-ui="row-select"] {
     width: 1rem;
     height: 1rem;
     margin: 0;
     accent-color: var(--kv-color-accent);
   }
 
-  :where([data-kv-design-system]) [data-ui="sort-link"] {
+  :where([data-kv-design-system]) [data-ui="table-scroll"][data-pattern="data-table"] [data-ui="sort-link"] {
     display: inline-flex;
     align-items: center;
     gap: var(--kv-space-1);
@@ -86,52 +93,69 @@
     text-decoration: none;
   }
 
-  :where([data-kv-design-system]) [data-ui="sort-link"]:hover {
+  :where([data-kv-design-system])
+    [data-ui="table-scroll"][data-pattern="data-table"]
+    [data-ui="sort-link"]:hover {
     color: var(--kv-color-accent);
   }
 
-  :where([data-kv-design-system]) [data-ui="sort-icon"] {
+  :where([data-kv-design-system]) [data-ui="table-scroll"][data-pattern="data-table"] [data-ui="sort-icon"] {
     color: var(--kv-color-accent);
     font-size: var(--kv-text-xs);
     line-height: 1;
   }
 
-  :where([data-kv-design-system]) [data-ui="col"][data-align="end"],
-  :where([data-kv-design-system]) [data-ui="cell"][data-align="end"] {
+  :where([data-kv-design-system])
+    [data-ui="table-scroll"][data-pattern="data-table"]
+    [data-ui="col"][data-align="end"],
+  :where([data-kv-design-system])
+    [data-ui="table-scroll"][data-pattern="data-table"]
+    [data-ui="cell"][data-align="end"] {
     font-variant-numeric: tabular-nums;
     text-align: right;
   }
 
-  :where([data-kv-design-system]) [data-ui="row"] {
+  :where([data-kv-design-system]) [data-ui="table-scroll"][data-pattern="data-table"] [data-ui="row"] {
     position: relative;
     height: var(--kv-row-height);
     transition: background var(--kv-motion-fast);
   }
 
-  :where([data-kv-design-system]) [data-ui="row"]:hover {
+  :where([data-kv-design-system]) [data-ui="table-scroll"][data-pattern="data-table"] [data-ui="row"]:hover {
     background: transparent;
   }
 
-  :where([data-kv-design-system]) [data-ui="row"]:hover [data-ui="cell"],
-  :where([data-kv-design-system]) [data-ui="row"]:hover [data-ui="select-cell"] {
+  :where([data-kv-design-system])
+    [data-ui="table-scroll"][data-pattern="data-table"]
+    [data-ui="row"]:hover
+    [data-ui="cell"],
+  :where([data-kv-design-system])
+    [data-ui="table-scroll"][data-pattern="data-table"]
+    [data-ui="row"]:hover
+    [data-ui="select-cell"] {
     background: var(--kv-table-row-hover);
   }
 
   :where([data-kv-design-system])
+    [data-ui="table-scroll"][data-pattern="data-table"]
     [data-ui="row"][data-selected="true"]:not(:has([data-ui="row-select"]))
     [data-ui="cell"],
-  :where([data-kv-design-system]) [data-ui="row"]:has([data-ui="row-select"]:checked) [data-ui="cell"],
   :where([data-kv-design-system])
+    [data-ui="table-scroll"][data-pattern="data-table"]
+    [data-ui="row"]:has([data-ui="row-select"]:checked)
+    [data-ui="cell"],
+  :where([data-kv-design-system])
+    [data-ui="table-scroll"][data-pattern="data-table"]
     [data-ui="row"]:has([data-ui="row-select"]:checked)
     [data-ui="select-cell"] {
     background: var(--kv-table-row-selected);
   }
 
-  :where([data-kv-design-system]) [data-ui="group-row"] {
+  :where([data-kv-design-system]) [data-ui="table-scroll"][data-pattern="data-table"] [data-ui="group-row"] {
     height: var(--kv-table-header-height);
   }
 
-  :where([data-kv-design-system]) [data-ui="group-cell"] {
+  :where([data-kv-design-system]) [data-ui="table-scroll"][data-pattern="data-table"] [data-ui="group-cell"] {
     padding: var(--kv-space-2) var(--kv-space-3);
     border-bottom: 1px solid var(--kv-table-border);
     background: var(--kv-table-header-bg);
@@ -141,7 +165,7 @@
     text-align: left;
   }
 
-  :where([data-kv-design-system]) [data-ui="group-link"] {
+  :where([data-kv-design-system]) [data-ui="table-scroll"][data-pattern="data-table"] [data-ui="group-link"] {
     display: inline-flex;
     align-items: center;
     min-width: 0;
@@ -150,19 +174,25 @@
     vertical-align: middle;
   }
 
-  :where([data-kv-design-system]) a[data-ui="group-link"]:hover {
+  :where([data-kv-design-system])
+    [data-ui="table-scroll"][data-pattern="data-table"]
+    a[data-ui="group-link"]:hover {
     color: var(--kv-color-accent);
     text-decoration: underline;
     text-underline-offset: 0.15em;
   }
 
-  :where([data-kv-design-system]) [data-ui="group-indent"] {
+  :where([data-kv-design-system])
+    [data-ui="table-scroll"][data-pattern="data-table"]
+    [data-ui="group-indent"] {
     display: inline-block;
     width: calc(var(--kv-group-depth, 0) * var(--kv-space-5));
     min-width: 0;
   }
 
-  :where([data-kv-design-system]) [data-ui="group-count"] {
+  :where([data-kv-design-system])
+    [data-ui="table-scroll"][data-pattern="data-table"]
+    [data-ui="group-count"] {
     display: inline-grid;
     min-width: 1.625rem;
     margin-left: var(--kv-space-2);
@@ -176,7 +206,10 @@
     text-align: center;
   }
 
-  :where([data-kv-design-system]) [data-ui="group-pager"] td {
+  :where([data-kv-design-system])
+    [data-ui="table-scroll"][data-pattern="data-table"]
+    [data-ui="group-pager"]
+    td {
     padding: var(--kv-space-2) var(--kv-space-3);
     border-bottom: 1px solid var(--kv-table-border);
     background: var(--kv-table-row-bg);
@@ -184,13 +217,18 @@
     font-size: var(--kv-text-xs);
   }
 
-  :where([data-kv-design-system]) [data-ui="group-pager-actions"] {
+  :where([data-kv-design-system])
+    [data-ui="table-scroll"][data-pattern="data-table"]
+    [data-ui="group-pager-actions"] {
     display: inline-flex;
     gap: var(--kv-space-1);
     margin-left: var(--kv-space-3);
   }
 
-  :where([data-kv-design-system]) [data-ui="group-pager-actions"] a {
+  :where([data-kv-design-system])
+    [data-ui="table-scroll"][data-pattern="data-table"]
+    [data-ui="group-pager-actions"]
+    a {
     display: inline-grid;
     place-items: center;
     width: 1.5rem;
@@ -201,26 +239,32 @@
     text-decoration: none;
   }
 
-  :where([data-kv-design-system]) [data-ui="cell"] {
+  :where([data-kv-design-system]) [data-ui="table-scroll"][data-pattern="data-table"] [data-ui="cell"] {
     max-width: 24rem;
     height: var(--kv-row-height);
     padding: 0.4375rem var(--kv-space-3);
     border-bottom: 1px solid var(--kv-table-border);
     background: var(--kv-table-row-bg);
     color: var(--kv-text-secondary);
+    font-size: inherit;
+    line-height: inherit;
     overflow-wrap: anywhere;
   }
 
-  :where([data-kv-design-system]) [data-ui="cell"][data-priority="primary"] {
+  :where([data-kv-design-system])
+    [data-ui="table-scroll"][data-pattern="data-table"]
+    [data-ui="cell"][data-priority="primary"] {
     color: var(--kv-text-main);
     font-weight: var(--kv-weight-semibold);
   }
 
-  :where([data-kv-design-system]) [data-ui="cell"][data-linked="true"] {
+  :where([data-kv-design-system])
+    [data-ui="table-scroll"][data-pattern="data-table"]
+    [data-ui="cell"][data-linked="true"] {
     padding: 0;
   }
 
-  :where([data-kv-design-system]) [data-ui="row-link"] {
+  :where([data-kv-design-system]) [data-ui="table-scroll"][data-pattern="data-table"] [data-ui="row-link"] {
     display: flex;
     min-height: calc(var(--kv-row-height) - 1px);
     align-items: center;
@@ -229,41 +273,86 @@
     text-decoration: none;
   }
 
-  :where([data-kv-design-system]) [data-ui="row-link"]:hover {
+  :where([data-kv-design-system])
+    [data-ui="table-scroll"][data-pattern="data-table"]
+    [data-ui="cell"]
+    :is(strong, small) {
+    display: block;
+    min-width: 0;
+  }
+
+  /* `strong` defaults to `bolder`, which pushed the semibold primary cell to 800+. */
+  :where([data-kv-design-system])
+    [data-ui="table-scroll"][data-pattern="data-table"]
+    [data-ui="cell"]
+    strong {
+    font-weight: var(--kv-weight-semibold);
+  }
+
+  :where([data-kv-design-system]) [data-ui="table-scroll"][data-pattern="data-table"] [data-ui="cell"] small {
+    color: var(--kv-text-muted);
+    font-size: var(--kv-text-xs);
+    font-weight: var(--kv-weight-normal);
+    line-height: var(--kv-leading-normal);
+  }
+
+  :where([data-kv-design-system])
+    [data-ui="table-scroll"][data-pattern="data-table"]
+    [data-ui="row-link"]:has(small) {
+    flex-direction: column;
+    align-items: flex-start;
+    justify-content: center;
+    gap: var(--kv-space-1);
+  }
+
+  :where([data-kv-design-system])
+    [data-ui="table-scroll"][data-pattern="data-table"]
+    [data-ui="row-link"]:hover {
     color: var(--kv-color-accent);
     text-decoration: underline;
     text-underline-offset: 0.15em;
   }
 
-  :where([data-kv-design-system]) [data-ui="row-link"]::after {
+  :where([data-kv-design-system])
+    [data-ui="table-scroll"][data-pattern="data-table"]
+    [data-ui="row-link"]::after {
     position: absolute;
     inset: 0;
     content: "";
   }
 
-  :where([data-kv-design-system]) [data-ui="row-select"] {
+  :where([data-kv-design-system]) [data-ui="table-scroll"][data-pattern="data-table"] [data-ui="row-select"] {
     position: relative;
     z-index: 1;
   }
 
-  :where([data-kv-design-system]) [data-ui="row"]:focus-within {
+  :where([data-kv-design-system])
+    [data-ui="table-scroll"][data-pattern="data-table"]
+    [data-ui="row"]:focus-within {
     outline: 2px solid var(--kv-color-focus);
     outline-offset: -2px;
   }
 
-  :where([data-kv-design-system]) [data-ui="row-link"]:focus-visible {
+  :where([data-kv-design-system])
+    [data-ui="table-scroll"][data-pattern="data-table"]
+    [data-ui="row-link"]:focus-visible {
     outline: none;
     box-shadow: none;
   }
 
-  :where([data-kv-design-system]) [data-ui="cell"][data-align="end"] [data-ui="row-link"] {
+  :where([data-kv-design-system])
+    [data-ui="table-scroll"][data-pattern="data-table"]
+    [data-ui="cell"][data-align="end"]
+    [data-ui="row-link"] {
     justify-content: flex-end;
   }
 
   :where([data-kv-design-system])
-    [data-ui="table-scroll"][data-gutter="compact"]
+    [data-ui="table-scroll"][data-pattern="data-table"][data-gutter="compact"]
     [data-ui="cell"]:not([data-linked="true"]),
-  :where([data-kv-design-system]) [data-ui="table-scroll"][data-gutter="compact"] [data-ui="row-link"] {
+  :where([data-kv-design-system])
+    [data-ui="table-scroll"][data-pattern="data-table"][data-gutter="compact"]
+    [data-ui="row-link"] {
     padding-block: 0.3125rem;
   }
 }

package/dist/patterns/list-chrome/index.d.ts

@@ -5,7 +5,7 @@ export type ListFacet = {
     label: string;
     href: string;
     active?: boolean;
-    count?: number;
+    count?: number | string;
 };
 export type ListSearch = {
     id?: string;
@@ -73,7 +73,7 @@ export type ListChromeProps = {
     bulk?: BulkActionsProps;
     pager?: PagerBarProps;
 };
-export declare const HOOKS: readonly ['list-chrome', 'list-chrome-row', 'list-search', 'list-search-label', 'list-search-input', 'list-search-submit', 'list-facets', 'list-facet', 'list-facet-count', 'list-view-switch', 'list-view', 'list-sort', 'list-sort-label', 'list-sort-select', 'list-status', 'list-actions', 'bulk-actions', 'bulk-summary', 'bulk-action-list', 'pager-bar', 'pager-summary', 'pager-pages', 'pager-page', 'pager-actions', 'pager-link'];
+export declare const HOOKS: readonly ['list-chrome', 'list-chrome-row', 'list-search', 'list-search-label', 'list-search-input', 'list-search-submit', 'list-facets', 'list-facet', 'list-facet-count', 'list-view-switch', 'list-view', 'list-sort', 'list-sort-label', 'list-sort-select', 'list-status', 'list-actions', 'bulk-actions', 'bulk-summary', 'bulk-count', 'bulk-action-list', 'pager-bar', 'pager-summary', 'pager-pages', 'pager-page', 'pager-actions', 'pager-link'];
 export declare const BulkActions: (props: BulkActionsProps) => TemplateResult;
 export declare const PagerBar: (props: PagerBarProps) => TemplateResult;
 export declare const ListChrome: (props: ListChromeProps) => TemplateResult;

package/dist/patterns/list-chrome/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/design-system/src/patterns/list-chrome/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/design-system/src/patterns/list-chrome/index.tsx"],"names":[],"mappings":"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"}

package/dist/patterns/list-chrome/index.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@ketvietlab/ketjs-view/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "@ketvietlab/ketjs-view/jsx-runtime";
 import { each } from '@ketvietlab/ketjs-view';
 import { Button, LinkButton } from '../../primitives/actions.js';
 export const HOOKS = [
@@ -20,6 +20,7 @@ export const HOOKS = [
     'list-actions',
     'bulk-actions',
     'bulk-summary',
+    'bulk-count',
     'bulk-action-list',
     'pager-bar',
     'pager-summary',
@@ -34,12 +35,12 @@ const hiddenFields = (fields) => fields
 const SearchControl = (props) => (_jsxs("form", { "data-ui": "list-search", action: props.action, method: "get", role: "search", children: [hiddenFields(props.hidden), _jsx("label", { "data-ui": "list-search-label", for: props.id ?? `${props.name ?? 'q'}-search`, children: props.label ?? 'Search' }), _jsx("input", { "data-ui": "list-search-input", id: props.id ?? `${props.name ?? 'q'}-search`, type: "search", name: props.name ?? 'q', value: props.value ?? '', placeholder: props.placeholder ?? '', autocomplete: "off" }), _jsx("span", { "data-ui": "list-search-submit", children: _jsx(Button, { type: "submit", label: props.submitLabel ?? 'Search', variant: "tertiary", size: "compact" }) })] }));
 const FacetNav = (props) => (_jsx("nav", { "data-ui": props.ui, "aria-label": props.label, children: each(props.items, (item) => item.id, (item) => (_jsxs("a", { "data-ui": props.itemUi, "data-active": item.active === true ? 'true' : null, href: item.href, "aria-current": item.active === true ? 'page' : null, children: [_jsx("span", { children: item.label }), item.count !== undefined && _jsx("span", { "data-ui": "list-facet-count", children: String(item.count) })] }))) }));
 const SortControl = (props) => (_jsxs("form", { "data-ui": "list-sort", action: props.action, method: "get", children: [hiddenFields(props.hidden), _jsx("label", { "data-ui": "list-sort-label", for: props.id ?? `${props.name ?? 'sort'}-select`, children: props.label ?? 'Sort' }), _jsx("select", { "data-ui": "list-sort-select", id: props.id ?? `${props.name ?? 'sort'}-select`, name: props.name ?? 'sort', children: each(props.choices, (choice) => choice.value, (choice) => (_jsx("option", { value: choice.value, selected: choice.selected === true, children: choice.label }))) }), _jsx(Button, { type: "submit", label: props.submitLabel ?? 'Apply', variant: "tertiary", size: "compact" })] }));
-export const BulkActions = (props) => (_jsxs("div", { "data-ui": "bulk-actions", "data-has-selection": props.selectedCount && props.selectedCount > 0 ? 'true' : null, children: [_jsxs("div", { "data-ui": "bulk-summary", children: [props.summary ?? `${props.selectedCount ?? 0} selected`, props.clearHref && (_jsx(LinkButton, { href: props.clearHref, label: props.clearLabel ?? 'Clear', variant: "tertiary", size: "compact" }))] }), _jsx("div", { "data-ui": "bulk-action-list", children: each(props.actions, (action) => action.id, (action) => (_jsx(Button, { type: "submit", form: props.form ?? null, name: action.name, value: action.value, label: action.label, variant: action.variant ?? 'secondary', size: "compact", disabled: action.disabled === true || !(props.selectedCount && props.selectedCount > 0) }))) })] }));
+export const BulkActions = (props) => (_jsxs("div", { "data-ui": "bulk-actions", "data-form": props.form ?? null, "data-has-selection": props.selectedCount && props.selectedCount > 0 ? 'true' : null, children: [_jsxs("div", { "data-ui": "bulk-summary", children: [props.summary ?? (_jsxs(_Fragment, { children: [_jsx("span", { "data-ui": "bulk-count", children: String(props.selectedCount ?? 0) }), " selected"] })), props.clearHref && (_jsx(LinkButton, { href: props.clearHref, label: props.clearLabel ?? 'Clear', variant: "tertiary", size: "compact" }))] }), _jsx("div", { "data-ui": "bulk-action-list", children: each(props.actions, (action) => action.id, (action) => (_jsx(Button, { type: "submit", form: props.form ?? null, name: action.name, value: action.value, label: action.label, variant: action.variant ?? 'secondary', size: "compact", disabled: action.disabled === true || !(props.selectedCount && props.selectedCount > 0) }))) })] }));
 export const PagerBar = (props) => (_jsxs("nav", { "data-ui": "pager-bar", "aria-label": props.label ?? 'Pagination', children: [props.summary !== undefined && _jsx("span", { "data-ui": "pager-summary", children: props.summary }), props.pages && props.pages.length > 0 && (_jsx("span", { "data-ui": "pager-pages", children: each(props.pages, (page) => page.href, (page) => (_jsx("a", { "data-ui": "pager-page", "data-active": page.active === true ? 'true' : null, href: page.href, "aria-current": page.active === true ? 'page' : null, children: page.label }))) })), _jsxs("span", { "data-ui": "pager-actions", children: [props.previousHref ? (_jsx("a", { "data-ui": "pager-link", href: props.previousHref, rel: "prev", "aria-label": props.previousLabel ?? 'Previous page', children: "\u2039" })) : (_jsx("span", { "data-ui": "pager-link", "data-disabled": "true", "aria-hidden": "true", children: "\u2039" })), props.nextHref ? (_jsx("a", { "data-ui": "pager-link", href: props.nextHref, rel: "next", "aria-label": props.nextLabel ?? 'Next page', children: "\u203A" })) : (_jsx("span", { "data-ui": "pager-link", "data-disabled": "true", "aria-hidden": "true", children: "\u203A" }))] })] }));
 export const ListChrome = (props) => {
     const filters = (props.facets?.length ?? 0) > 0 || (props.views?.length ?? 0) > 0 || props.sort ? (_jsxs("div", { "data-ui": "list-chrome-row", "data-row": "filters", children: [props.facets && props.facets.length > 0 && (_jsx(FacetNav, { label: props.filtersLabel ?? 'Filters', ui: "list-facets", itemUi: "list-facet", items: props.facets })), props.views && props.views.length > 0 && (_jsx(FacetNav, { label: props.viewsLabel ?? 'Views', ui: "list-view-switch", itemUi: "list-view", items: props.views })), props.sort && _jsx(SortControl, { ...props.sort })] })) : null;
     const meta = props.status !== undefined || props.actions !== undefined || props.pager ? (_jsxs("div", { "data-ui": "list-chrome-row", "data-row": "meta", children: [props.status !== undefined && _jsx("div", { "data-ui": "list-status", children: props.status }), props.actions !== undefined && _jsx("div", { "data-ui": "list-actions", children: props.actions }), props.pager && _jsx(PagerBar, { ...props.pager })] })) : null;
     const tail = filters || meta ? (_jsxs("div", { "data-ui": "list-chrome-row", "data-row": "tail", children: [filters, meta] })) : null;
-    return (_jsxs("div", { "data-ui": "list-chrome", children: [_jsxs("div", { "data-ui": "list-chrome-row", "data-row": "query", children: [props.search && _jsx(SearchControl, { ...props.search }), tail] }), props.bulk && _jsx(BulkActions, { ...props.bulk })] }));
+    return (_jsxs("div", { "data-ui": "list-chrome", "data-pattern": "list-chrome", children: [_jsxs("div", { "data-ui": "list-chrome-row", "data-row": "query", children: [props.search && _jsx(SearchControl, { ...props.search }), tail] }), props.bulk && _jsx(BulkActions, { ...props.bulk })] }));
 };
 //# sourceMappingURL=index.js.map

package/dist/patterns/list-chrome/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/design-system/src/patterns/list-chrome/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;AAE7C,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,6BAA8B,CAAA;AAqFjE,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,aAAa;IACb,iBAAiB;IACjB,aAAa;IACb,mBAAmB;IACnB,mBAAmB;IACnB,oBAAoB;IACpB,aAAa;IACb,YAAY;IACZ,kBAAkB;IAClB,kBAAkB;IAClB,WAAW;IACX,WAAW;IACX,iBAAiB;IACjB,kBAAkB;IAClB,aAAa;IACb,cAAc;IACd,cAAc;IACd,cAAc;IACd,kBAAkB;IAClB,WAAW;IACX,eAAe;IACf,aAAa;IACb,YAAY;IACZ,eAAe;IACf,YAAY;CACJ,CAAA;AAEV,MAAM,YAAY,GAAG,CAAC,MAAoD,EAAY,EAAE,CACtF,MAAM;IACJ,CAAC,CAAC,IAAI,CACF,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EACtB,CAAC,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,IAAI,EAChB,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,gBAAO,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,CACrE;IACH,CAAC,CAAC,EAAE,CAAA;AAER,MAAM,aAAa,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAAC,CAC3D,2BAAc,aAAa,EAAC,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,QAAQ,aACzE,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,EAC3B,2BAAe,mBAAmB,EAAC,GAAG,EAAE,KAAK,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,GAAG,SAAS,YAC9E,KAAK,CAAC,KAAK,IAAI,QAAQ,GAClB,EACR,2BACU,mBAAmB,EAC3B,EAAE,EAAE,KAAK,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,GAAG,SAAS,EAC7C,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,GAAG,EACvB,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,EAAE,EACxB,WAAW,EAAE,KAAK,CAAC,WAAW,IAAI,EAAE,EACpC,YAAY,EAAC,KAAK,GAClB,EACF,0BAAc,oBAAoB,YAChC,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,KAAK,CAAC,WAAW,IAAI,QAAQ,EAAE,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,SAAS,GAAG,GAC3F,IACF,CACR,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,KAKjB,EAAkB,EAAE,CAAC,CACpB,yBAAc,KAAK,CAAC,EAAE,gBAAc,KAAK,CAAC,KAAK,YAC5C,IAAI,CACH,KAAK,CAAC,KAAK,EACX,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,EACjB,CAAC,IAAI,EAAE,EAAE,CAAC,CACR,wBACW,KAAK,CAAC,MAAM,iBACR,IAAI,CAAC,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,EACjD,IAAI,EAAE,IAAI,CAAC,IAAI,kBACD,IAAI,CAAC,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,aAElD,yBAAO,IAAI,CAAC,KAAK,GAAQ,EACxB,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,0BAAc,kBAAkB,YAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,GAAQ,IACvF,CACL,CACF,GACG,CACP,CAAA;AAED,MAAM,WAAW,GAAG,CAAC,KAAe,EAAkB,EAAE,CAAC,CACvD,2BAAc,WAAW,EAAC,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,MAAM,EAAC,KAAK,aACzD,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,EAC3B,2BAAe,iBAAiB,EAAC,GAAG,EAAE,KAAK,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,MAAM,SAAS,YAC/E,KAAK,CAAC,KAAK,IAAI,MAAM,GAChB,EACR,4BACU,kBAAkB,EAC1B,EAAE,EAAE,KAAK,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,MAAM,SAAS,EAChD,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,MAAM,YAEzB,IAAI,CACH,KAAK,CAAC,OAAO,EACb,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EACxB,CAAC,MAAM,EAAE,EAAE,CAAC,CACV,iBAAQ,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,QAAQ,KAAK,IAAI,YAC5D,MAAM,CAAC,KAAK,GACN,CACV,CACF,GACM,EACT,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,KAAK,CAAC,WAAW,IAAI,OAAO,EAAE,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,SAAS,GAAG,IAC1F,CACR,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAkB,EAAE,CAAC,CACtE,0BACU,cAAc,wBACF,KAAK,CAAC,aAAa,IAAI,KAAK,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,aAElF,0BAAa,cAAc,aACxB,KAAK,CAAC,OAAO,IAAI,GAAG,KAAK,CAAC,aAAa,IAAI,CAAC,WAAW,EACvD,KAAK,CAAC,SAAS,IAAI,CAClB,KAAC,UAAU,IACT,IAAI,EAAE,KAAK,CAAC,SAAS,EACrB,KAAK,EAAE,KAAK,CAAC,UAAU,IAAI,OAAO,EAClC,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,SAAS,GACd,CACH,IACG,EACN,yBAAa,kBAAkB,YAC5B,IAAI,CACH,KAAK,CAAC,OAAO,EACb,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,EACrB,CAAC,MAAM,EAAE,EAAE,CAAC,CACV,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,IAAI,EACxB,IAAI,EAAE,MAAM,CAAC,IAAI,EACjB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,OAAO,EAAE,MAAM,CAAC,OAAO,IAAI,WAAW,EACtC,IAAI,EAAC,SAAS,EACd,QAAQ,EAAE,MAAM,CAAC,QAAQ,KAAK,IAAI,IAAI,CAAC,CAAC,KAAK,CAAC,aAAa,IAAI,KAAK,CAAC,aAAa,GAAG,CAAC,CAAC,GACvF,CACH,CACF,GACG,IACF,CACP,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAkB,EAAE,CAAC,CAChE,0BAAa,WAAW,gBAAa,KAAK,CAAC,KAAK,IAAI,YAAY,aAC7D,KAAK,CAAC,OAAO,KAAK,SAAS,IAAI,0BAAc,eAAe,YAAE,KAAK,CAAC,OAAO,GAAQ,EACnF,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CACxC,0BAAc,aAAa,YACxB,IAAI,CACH,KAAK,CAAC,KAAK,EACX,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,EACnB,CAAC,IAAI,EAAE,EAAE,CAAC,CACR,uBACU,YAAY,iBACP,IAAI,CAAC,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,EACjD,IAAI,EAAE,IAAI,CAAC,IAAI,kBACD,IAAI,CAAC,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,YAEjD,IAAI,CAAC,KAAK,GACT,CACL,CACF,GACI,CACR,EACD,2BAAc,eAAe,aAC1B,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CACpB,uBACU,YAAY,EACpB,IAAI,EAAE,KAAK,CAAC,YAAY,EACxB,GAAG,EAAC,MAAM,gBACE,KAAK,CAAC,aAAa,IAAI,eAAe,uBAGhD,CACL,CAAC,CAAC,CAAC,CACF,0BAAc,YAAY,mBAAe,MAAM,iBAAa,MAAM,uBAE3D,CACR,EACA,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAChB,uBAAW,YAAY,EAAC,IAAI,EAAE,KAAK,CAAC,QAAQ,EAAE,GAAG,EAAC,MAAM,gBAAa,KAAK,CAAC,SAAS,IAAI,WAAW,uBAE/F,CACL,CAAC,CAAC,CAAC,CACF,0BAAc,YAAY,mBAAe,MAAM,iBAAa,MAAM,uBAE3D,CACR,IACI,IACH,CACP,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAkB,EAAE;IACnE,MAAM,OAAO,GACX,CAAC,KAAK,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,MAAM,IAAI,CAAC,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAChF,0BAAa,iBAAiB,cAAU,SAAS,aAC9C,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CAC1C,KAAC,QAAQ,IACP,KAAK,EAAE,KAAK,CAAC,YAAY,IAAI,SAAS,EACtC,EAAE,EAAC,aAAa,EAChB,MAAM,EAAC,YAAY,EACnB,KAAK,EAAE,KAAK,CAAC,MAAM,GACnB,CACH,EACA,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CACxC,KAAC,QAAQ,IACP,KAAK,EAAE,KAAK,CAAC,UAAU,IAAI,OAAO,EAClC,EAAE,EAAC,kBAAkB,EACrB,MAAM,EAAC,WAAW,EAClB,KAAK,EAAE,KAAK,CAAC,KAAK,GAClB,CACH,EACA,KAAK,CAAC,IAAI,IAAI,KAAC,WAAW,OAAK,KAAK,CAAC,IAAI,GAAI,IAC1C,CACP,CAAC,CAAC,CAAC,IAAI,CAAA;IACV,MAAM,IAAI,GACR,KAAK,CAAC,MAAM,KAAK,SAAS,IAAI,KAAK,CAAC,OAAO,KAAK,SAAS,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CACzE,0BAAa,iBAAiB,cAAU,MAAM,aAC3C,KAAK,CAAC,MAAM,KAAK,SAAS,IAAI,yBAAa,aAAa,YAAE,KAAK,CAAC,MAAM,GAAO,EAC7E,KAAK,CAAC,OAAO,KAAK,SAAS,IAAI,yBAAa,cAAc,YAAE,KAAK,CAAC,OAAO,GAAO,EAChF,KAAK,CAAC,KAAK,IAAI,KAAC,QAAQ,OAAK,KAAK,CAAC,KAAK,GAAI,IACzC,CACP,CAAC,CAAC,CAAC,IAAI,CAAA;IACV,MAAM,IAAI,GACR,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,CAChB,0BAAa,iBAAiB,cAAU,MAAM,aAC3C,OAAO,EACP,IAAI,IACD,CACP,CAAC,CAAC,CAAC,IAAI,CAAA;IACV,OAAO,CACL,0BAAa,aAAa,aACxB,0BAAa,iBAAiB,cAAU,OAAO,aAC5C,KAAK,CAAC,MAAM,IAAI,KAAC,aAAa,OAAK,KAAK,CAAC,MAAM,GAAI,EACnD,IAAI,IACD,EACL,KAAK,CAAC,IAAI,IAAI,KAAC,WAAW,OAAK,KAAK,CAAC,IAAI,GAAI,IAC1C,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/design-system/src/patterns/list-chrome/index.tsx"],"names":[],"mappings":"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"}