@ketvietlab/design-system 0.1.18 → 0.1.20

package/dist/catalogue/inventory.generated.js.map

@@ -1 +1 @@
-{"version":3,"file":"inventory.generated.js","sourceRoot":"","sources":["../../../../../../packages/design-system/src/catalogue/inventory.generated.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAuC/D,MAAM,CAAC,MAAM,qBAAqB,GAA0B,IAAI,CAAC,KAAK,CACpE,8n5NAA8n5N,CAC/n5N,CAAA"}
+{"version":3,"file":"inventory.generated.js","sourceRoot":"","sources":["../../../../../../packages/design-system/src/catalogue/inventory.generated.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAuC/D,MAAM,CAAC,MAAM,qBAAqB,GAA0B,IAAI,CAAC,KAAK,CACpE,+p5NAA+p5N,CAChq5N,CAAA"}

package/dist/catalogue/inventory.generated.json

@@ -1,6 +1,6 @@
 {
   "schemaVersion": "ketjs.design-system-inventory.v1",
-  "version": "0.1.18",
+  "version": "0.1.20",
   "generatedFrom": [
     "packages/design-system/src/index.ts",
     "packages/design-system/src/catalogue/inventory-policy.json",
@@ -17,7 +17,7 @@
     "runtimeGaps": 5,
     "typeGaps": 96,
     "cssFiles": 72,
-    "cssLines": 13699
+    "cssLines": 13686
   },
   "rows": [
     {
@@ -196,7 +196,7 @@
         "packages/design-system/src/catalogue/specimens.tsx"
       ],
       "tests": "present",
-      "testFiles": ["test/design-system.test.tsx"],
+      "testFiles": ["test/backend-ui.test.ts", "test/design-system.test.tsx"],
       "gapTask": "DS-009"
     },
     {
@@ -10073,7 +10073,7 @@
     {
       "layer": "public",
       "file": "packages/design-system/src/patterns/list-chrome/styles.css",
-      "lines": 327,
+      "lines": 350,
       "hooks": [
         "bulk-action-list",
         "bulk-actions",
@@ -10657,10 +10657,11 @@
     {
       "layer": "compatibility",
       "file": "packages/ketsuite/src/modules/backend/design/foundation.css",
-      "lines": 236,
+      "lines": 200,
       "hooks": [
         "app-monogram",
         "app-navigation",
+        "app-sidebar",
         "chrome-search-icon",
         "chrome-search-toggle",
         "col-config-open",
@@ -10670,10 +10671,7 @@
         "navigation-context",
         "navigation-footer",
         "pager-step",
-        "shell",
-        "sidebar",
         "sidebar-empty",
-        "sidebar-main",
         "sidebar-search",
         "sidebar-search-icon",
         "sidebar-search-input",
@@ -10685,6 +10683,8 @@
       "file": "packages/ketsuite/src/modules/backend/design/lists.css",
       "lines": 1427,
       "hooks": [
+        "app-main",
+        "app-shell",
         "avatar",
         "badge",
         "board-page",
@@ -10758,7 +10758,6 @@
         "list-chrome-row",
         "list-context",
         "list-page",
-        "main",
         "nav-item",
         "pager",
         "pager-step",
@@ -10782,7 +10781,6 @@
         "select-all",
         "select-cell",
         "select-col",
-        "shell",
         "table",
         "table-scroll",
         "thumbnail",
@@ -10800,11 +10798,12 @@
     {
       "layer": "compatibility",
       "file": "packages/ketsuite/src/modules/backend/design/record.css",
-      "lines": 542,
+      "lines": 543,
       "hooks": [
         "action",
         "action-group",
         "activity-record",
+        "app-main",
         "breadcrumbs",
         "chatter",
         "form-actions",
@@ -10817,7 +10816,6 @@
         "list-page",
         "list-page-body",
         "list-page-header",
-        "main",
         "record-activity-item",
         "record-activity-list",
         "record-aside",
@@ -10866,8 +10864,12 @@
     {
       "layer": "compatibility",
       "file": "packages/ketsuite/src/modules/backend/design/responsive.css",
-      "lines": 321,
+      "lines": 320,
       "hooks": [
+        "app-main",
+        "app-navigation",
+        "app-shell",
+        "app-sidebar",
         "catalogue",
         "catalogue-nav",
         "chrome-create",
@@ -10885,15 +10887,11 @@
         "indicators",
         "list-chrome",
         "list-chrome-row",
-        "main",
         "modal-head",
         "nav-item",
         "pager-step",
         "record-workspace",
-        "shell",
-        "sidebar",
         "sidebar-foot",
-        "sidebar-main",
         "table",
         "title",
         "token",

package/dist/patterns/list-chrome/styles.css

@@ -266,10 +266,33 @@
     flex-wrap: nowrap;
     align-items: center;
     gap: var(--kv-space-2);
-    min-width: 0;
     white-space: nowrap;
   }
 
+  :where([data-kv-design-system])
+    [data-ui="list-chrome"][data-pattern="list-chrome"]
+    [data-ui="bulk-summary"] {
+    min-width: 0;
+  }
+
+  /*
+   * A range summary changes length with every filter ("1–50 / 10.000+" becomes
+   * "1–2 / 2"). Reserving the widest common figure and aligning it to the paging
+   * buttons keeps those buttons from jumping sideways as the count changes.
+   *
+   * This carries the list-chrome scope on purpose: the shared summary rule above
+   * used to set `min-width: 0` with three attribute selectors, and an unscoped
+   * `[data-ui="pager-summary"]` rule lost to it despite coming later.
+   */
+  :where([data-kv-design-system])
+    [data-ui="list-chrome"][data-pattern="list-chrome"]
+    [data-ui="pager-summary"] {
+    justify-content: flex-end;
+    min-width: 14ch;
+    font-variant-numeric: tabular-nums;
+    text-align: right;
+  }
+
   :where([data-kv-design-system])
     [data-ui="list-chrome"][data-pattern="list-chrome"]
     [data-ui="bulk-action-list"],