@ketvietlab/design-system 0.1.19 → 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,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,sy5NAAsy5N,CACvy5N,CAAA"}

package/dist/catalogue/inventory.generated.json

@@ -1,6 +1,6 @@
 {
   "schemaVersion": "ketjs.design-system-inventory.v1",
-  "version": "0.1.19",
+  "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": 13722
+    "cssLines": 13699
   },
   "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"
     },
     {
@@ -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",
@@ -10657,10 +10660,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 +10674,7 @@
         "navigation-context",
         "navigation-footer",
         "pager-step",
-        "shell",
-        "sidebar",
         "sidebar-empty",
-        "sidebar-main",
         "sidebar-search",
         "sidebar-search-icon",
         "sidebar-search-input",
@@ -10683,8 +10684,10 @@
     {
       "layer": "compatibility",
       "file": "packages/ketsuite/src/modules/backend/design/lists.css",
-      "lines": 1427,
+      "lines": 1426,
       "hooks": [
+        "app-main",
+        "app-shell",
         "avatar",
         "badge",
         "board-page",
@@ -10758,7 +10761,6 @@
         "list-chrome-row",
         "list-context",
         "list-page",
-        "main",
         "nav-item",
         "pager",
         "pager-step",
@@ -10782,7 +10784,6 @@
         "select-all",
         "select-cell",
         "select-col",
-        "shell",
         "table",
         "table-scroll",
         "thumbnail",
@@ -10800,11 +10801,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 +10819,6 @@
         "list-page",
         "list-page-body",
         "list-page-header",
-        "main",
         "record-activity-item",
         "record-activity-list",
         "record-aside",
@@ -10866,8 +10867,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 +10890,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/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);
   }