@ketvietlab/design-system 0.1.20 → 0.1.22

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,+p5NAA+p5N,CAChq5N,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,sy5NAAsy5N,CACvy5N,CAAA"}

package/dist/catalogue/inventory.generated.json

@@ -1,6 +1,6 @@
 {
   "schemaVersion": "ketjs.design-system-inventory.v1",
-  "version": "0.1.20",
+  "version": "0.1.22",
   "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": 13686
+    "cssLines": 13699
   },
   "rows": [
     {
@@ -7486,6 +7486,7 @@
         "test/company-hierarchy-http.test.ts",
         "test/company-hierarchy-screen.test.tsx",
         "test/crm-cases-routes.test.ts",
+        "test/crm-configuration-permissions.test.ts",
         "test/crm-e2e.test.ts",
         "test/crm-record-access.test.ts",
         "test/crm-ux.test.ts",
@@ -8658,6 +8659,7 @@
         "test/backend-ui.test.ts",
         "test/collaboration-backend-e2e.test.ts",
         "test/crm-cases-routes.test.ts",
+        "test/crm-configuration-permissions.test.ts",
         "test/crm-e2e.test.ts",
         "test/crm-ux.test.ts",
         "test/design-system.test.tsx",
@@ -9376,6 +9378,7 @@
         "test/backend-ui.test.ts",
         "test/collaboration-backend-e2e.test.ts",
         "test/crm-case-detail-screen.test.tsx",
+        "test/crm-configuration-permissions.test.ts",
         "test/crm-ux.test.ts",
         "test/design-system.test.tsx",
         "test/field-classification.test.ts",
@@ -9722,7 +9725,7 @@
     {
       "layer": "public",
       "file": "packages/design-system/src/foundations/tokens.css",
-      "lines": 343,
+      "lines": 347,
       "hooks": []
     },
     {
@@ -9781,7 +9784,7 @@
     {
       "layer": "public",
       "file": "packages/design-system/src/layouts/app-navigation/styles.css",
-      "lines": 363,
+      "lines": 372,
       "hooks": [
         "app-navigation",
         "icon",
@@ -10019,7 +10022,7 @@
     {
       "layer": "public",
       "file": "packages/design-system/src/patterns/data-table/styles.css",
-      "lines": 358,
+      "lines": 359,
       "hooks": [
         "cell",
         "col",
@@ -10681,7 +10684,7 @@
     {
       "layer": "compatibility",
       "file": "packages/ketsuite/src/modules/backend/design/lists.css",
-      "lines": 1427,
+      "lines": 1426,
       "hooks": [
         "app-main",
         "app-shell",

package/dist/foundations/tokens.css

@@ -171,15 +171,17 @@
     --kv-font-sans: "Inter", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
     --kv-font-display: var(--kv-font-sans);
     --kv-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
-    --kv-text-2xs: 0.625rem;
-    --kv-text-xs: 0.6875rem;
-    --kv-text-sm: 0.75rem;
-    --kv-text-md: 0.8125rem;
-    --kv-text-base: 0.875rem;
-    --kv-text-lg: 1rem;
-    --kv-text-xl: 1.125rem;
-    --kv-text-2xl: 1.375rem;
-    --kv-text-3xl: 1.75rem;
+    /* Text scale, one pixel above the original 10/11/12/13/14/16/18/22/28 steps.
+       Page titles keep their own `--kv-page-title-size`. */
+    --kv-text-2xs: 0.6875rem;
+    --kv-text-xs: 0.75rem;
+    --kv-text-sm: 0.8125rem;
+    --kv-text-md: 0.875rem;
+    --kv-text-base: 0.9375rem;
+    --kv-text-lg: 1.0625rem;
+    --kv-text-xl: 1.1875rem;
+    --kv-text-2xl: 1.4375rem;
+    --kv-text-3xl: 1.8125rem;
     --kv-leading-tight: 1.2;
     --kv-leading-normal: 1.45;
     --kv-leading-relaxed: 1.6;
@@ -222,7 +224,9 @@
     --kv-density-control-height: var(--kv-control-height-md);
     --kv-density-row-height: 3.25rem;
     --kv-density-content-gap: var(--kv-space-4);
-    --kv-sidebar-width: 13.5rem;
+    /* Wide enough for a root section label at the raised text scale
+       ("Chăm sóc khách hàng" at 14px medium). */
+    --kv-sidebar-width: 14.25rem;
     --kv-right-rail-width: 21.25rem;
     --kv-sidebar-item-height: 1.875rem;
     --kv-table-row-height: 3.25rem;

package/dist/layouts/app-navigation/styles.css

@@ -171,6 +171,15 @@
     color: var(--kv-text-main);
   }
 
+  /* Root sections read one weight step above their children: the section list is
+     the page's primary navigation, the children are its detail. */
+  :where([data-kv-design-system])
+  :is([data-ui="navigation-item"], [data-ui="navigation-branch-trigger"]):not(
+    [data-ui="navigation-children"] *
+  ) {
+    font-weight: var(--kv-weight-medium);
+  }
+
   :where([data-kv-design-system]) [data-ui="navigation-item"][data-active="true"] {
     border-color: var(--kv-border-default);
     background: var(--kv-accent-subtle);

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

@@ -77,10 +77,11 @@
     vertical-align: middle;
   }
 
+  /* Selection controls sit at the table's text size, not the 16px native default. */
   :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;
+    width: 0.875rem;
+    height: 0.875rem;
     margin: 0;
     accent-color: var(--kv-color-accent);
   }