@askrjs/themes 0.0.30 → 0.2.0

package/dist/entries/data-table.d.ts

@@ -1,2 +1,9 @@
-import { DataTable } from "../components/catalog.js";
+import { DataTable as DataTable$1 } from "../components/catalog.js";
+//#region src/entries/data-table.d.ts
+/**
+ * Styling-only container for the `data-table` catalog slot. It does not sort,
+ * filter, select, or paginate data.
+ */
+declare const DataTable: typeof DataTable$1;
+//#endregion
 export { DataTable };

package/dist/entries/data-table.js

@@ -1,2 +1,9 @@
-import { DataTable } from "../components/catalog.js";
+import { DataTable as DataTable$1 } from "../components/catalog.js";
+//#region src/entries/data-table.ts
+/**
+* Styling-only container for the `data-table` catalog slot. It does not sort,
+* filter, select, or paginate data.
+*/
+const DataTable = DataTable$1;
+//#endregion
 export { DataTable };

package/dist/entries/data-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.js","names":["CatalogDataTable"],"sources":["../../src/entries/data-table.ts"],"sourcesContent":["import { DataTable as CatalogDataTable } from \"../components/catalog\";\n\n/**\n * Styling-only container for the `data-table` catalog slot. It does not sort,\n * filter, select, or paginate data.\n */\nexport const DataTable = CatalogDataTable;\n"],"mappings":";;;;;;AAMA,MAAa,YAAYA"}

package/dist/themes/default/index.css

@@ -4241,6 +4241,12 @@
   background: none;
 }
 
+:where([data-slot="virtual-table-cell-content"]) {
+  align-items: center;
+  min-inline-size: 0;
+  display: flex;
+}
+
 @media (width <= 30rem) {
   :where([data-slot="virtual-table-header-cell"], [data-slot="virtual-table-cell"]) {
     padding: var(--ak-space-sm) var(--ak-space-xs);
@@ -4289,6 +4295,12 @@
   color: var(--ak-color-text-muted);
 }
 
+:where([data-slot="virtual-list-spacer"]) {
+  pointer-events: none;
+  flex: none;
+  inline-size: 100%;
+}
+
 :where([data-slot="progress-circle"][data-spinner="true"], [data-slot="progress-circle"][data-state="indeterminate"]) {
   block-size: 2.25rem;
   inline-size: 2.25rem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@askrjs/themes",
-  "version": "0.0.30",
+  "version": "0.2.0",
   "description": "Default theme tokens, styles, and component presets for Askr apps.",
   "keywords": [
     "askr",
@@ -120,9 +120,9 @@
     "test:checks": "vp test run -c vitest.test.checks.config.ts"
   },
   "devDependencies": {
-    "@askrjs/askr": ">=0.0.92 <0.1.0",
-    "@askrjs/ui": ">=0.0.30 <0.1.0",
-    "@askrjs/vite": ">=0.0.12 <0.1.0",
+    "@askrjs/askr": ">=0.2.0 <0.3.0",
+    "@askrjs/ui": ">=0.2.0 <0.3.0",
+    "@askrjs/vite": ">=0.2.0 <0.3.0",
     "@tsdown/css": "0.22.14",
     "@types/node": "^26.2.0",
     "@typescript/native": "npm:typescript@^7.0.2",
@@ -136,8 +136,8 @@
     "vite-plus": "^0.2.8"
   },
   "peerDependencies": {
-    "@askrjs/askr": ">=0.0.92 <0.1.0",
-    "@askrjs/ui": ">=0.0.30 <0.1.0"
+    "@askrjs/askr": ">=0.2.0 <0.3.0",
+    "@askrjs/ui": ">=0.2.0 <0.3.0"
   },
   "engines": {
     "node": ">=24.0.0"

package/src/entries/data-table.ts

@@ -1 +1,7 @@
-export { DataTable } from "../components/catalog";
+import { DataTable as CatalogDataTable } from "../components/catalog";
+
+/**
+ * Styling-only container for the `data-table` catalog slot. It does not sort,
+ * filter, select, or paginate data.
+ */
+export const DataTable = CatalogDataTable;

package/src/themes/default/styles/display/virtual-list.css

@@ -38,3 +38,9 @@
 :where([data-slot="virtual-list-row"][data-visible="false"]) {
   color: var(--ak-color-text-muted);
 }
+
+:where([data-slot="virtual-list-spacer"]) {
+  flex: 0 0 auto;
+  inline-size: 100%;
+  pointer-events: none;
+}

package/src/themes/default/styles/display/virtual-table.css

@@ -81,6 +81,12 @@
   background: transparent;
 }
 
+:where([data-slot="virtual-table-cell-content"]) {
+  display: flex;
+  align-items: center;
+  min-inline-size: 0;
+}
+
 @media (max-width: 30rem) {
   :where([data-slot="virtual-table-header-cell"], [data-slot="virtual-table-cell"]) {
     padding: var(--ak-space-sm) var(--ak-space-xs);