@cyberskill/design 2.5.0 → 2.6.0

package/tokens/tokens.js

@@ -1,16 +1,16 @@
-// CyberSkill design tokens — generated from tokens/*.css (v2.5.0). Do not edit by hand.
+// CyberSkill design tokens — generated from tokens/*.css (v2.6.0). Do not edit by hand.
 export const tokens = {
   "$meta": {
     "system": "CyberSkill Design System",
-    "version": "2.5.0",
+    "version": "2.6.0",
     "generated": "2026-07-23",
     "note": "Generated from tokens/*.css. Root grouped by category; theme/element scopes carry overrides only. Regenerate after any token change (see docs/conventions.md).",
     "declarationGraph": {
       "path": "declarations.json",
       "schemaVersion": 1,
-      "sha256": "5d4246a9e0c35a9edacef8681b0b6c06da4522112e7663c8c1fd739091dc4521",
-      "declarations": 1080,
-      "publicDeclarations": 397,
+      "sha256": "15d4bc951a001e97d3b53add975e1655583b9f390bc6d232ef3c8f6de55a8c9b",
+      "declarations": 1074,
+      "publicDeclarations": 391,
       "publicNames": 216,
       "privateDeclarations": 683
     }

package/tokens/tokens.json

@@ -1,15 +1,15 @@
 {
   "$meta": {
     "system": "CyberSkill Design System",
-    "version": "2.5.0",
+    "version": "2.6.0",
     "generated": "2026-07-23",
     "note": "Generated from tokens/*.css. Root grouped by category; theme/element scopes carry overrides only. Regenerate after any token change (see docs/conventions.md).",
     "declarationGraph": {
       "path": "declarations.json",
       "schemaVersion": 1,
-      "sha256": "5d4246a9e0c35a9edacef8681b0b6c06da4522112e7663c8c1fd739091dc4521",
-      "declarations": 1080,
-      "publicDeclarations": 397,
+      "sha256": "15d4bc951a001e97d3b53add975e1655583b9f390bc6d232ef3c8f6de55a8c9b",
+      "declarations": 1074,
+      "publicDeclarations": 391,
       "publicNames": 216,
       "privateDeclarations": 683
     }

package/tokens/variables.css

@@ -1192,13 +1192,4 @@
 }
 /* Source: base/interaction.css */
 /* Source: base/a11y.css */
-@media (prefers-contrast: more) {
-  [data-theme="light"]:where(:not([data-cs-contrast="standard"], [data-cs-contrast="standard"] *)),
-  [data-theme="system"]:where(:not([data-cs-contrast="standard"], [data-cs-contrast="standard"] *)),
-  :root:where(:not([data-cs-contrast="standard"])) { --cs-color-border-default: #9a8060; --cs-color-text-muted: #45210e; }
-  [data-theme="dark"]:where(:not([data-cs-contrast="standard"], [data-cs-contrast="standard"] *)) { --cs-color-border-default: #7a6450; --cs-color-text-muted: #f5ead9; }
-}
-@media (prefers-color-scheme: dark) and (prefers-contrast: more) {
-  [data-theme="system"]:where(:not([data-cs-contrast="standard"], [data-cs-contrast="standard"] *)) { --cs-color-border-default: #7a6450; --cs-color-text-muted: #f5ead9; }
-}
 /* Source: base/responsive.css */

package/ui_kits/deck/index.html

@@ -19,7 +19,7 @@
 })();
 </script>
 <link rel="icon" href="../../assets/favicon.svg" />
-<link rel="stylesheet" href="../../styles.css" />
+<link rel="stylesheet" href="../../dist/styles.css" />
 <style>
   html, body { margin: 0; background: #2a1a0d; }
   .cs-skip:focus-visible, deck-stage:focus-visible, deck-stage:focus-within { outline: 2px solid var(--cs-color-text-primary); outline-offset: -2px; box-shadow: 0 0 0 5px var(--cs-color-accent-ochre); }

package/ui_kits/status-hub/index.html

@@ -19,7 +19,7 @@
 })();
 </script>
 <link rel="icon" href="../../assets/favicon.svg" />
-<link rel="stylesheet" href="../../styles.css" />
+<link rel="stylesheet" href="../../dist/styles.css" />
 <link rel="stylesheet" href="status.css" />
 <style>html,body{margin:0;background:var(--cs-color-surface-page);min-height:100vh}</style>
 <script src="../../_vendor/react/react.production.min.js"></script>

package/ui_kits/status-hub/login.html

@@ -7,7 +7,7 @@
 <meta name="description" content="Status Hub — sign in: Umber split login with brand panel + form controls (default / loading / error / invalid)" />
 <title data-vi="CyberSkill · Đăng nhập">CyberSkill · Sign in</title>
 <link rel="icon" href="../../assets/favicon.svg" />
-<link rel="stylesheet" href="../../styles.css" />
+<link rel="stylesheet" href="../../dist/styles.css" />
 <style>
   html, body { margin: 0; min-height: 100vh; }
   .login { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); min-height: 100vh; }

package/ui_kits/status-hub/project.html

@@ -7,7 +7,7 @@
 <meta name="description" content="Status Hub — project detail: Full project view: breadcrumb, steps, tasks, timeline, risk" />
 <title>CyberSkill · Design System v1.6</title>
 <link rel="icon" href="../../assets/favicon.svg" />
-<link rel="stylesheet" href="../../styles.css" />
+<link rel="stylesheet" href="../../dist/styles.css" />
 <link rel="stylesheet" href="status.css" />
 <style>
   html, body { margin: 0; background: var(--cs-color-surface-page); }

package/ui_kits/status-hub/settings.html

@@ -7,7 +7,7 @@
 <meta name="description" content="Status Hub — settings: Tabs, form controls, switches, danger zone" />
 <title data-vi="CyberSkill · Cài đặt">CyberSkill · Settings</title>
 <link rel="icon" href="../../assets/favicon.svg" />
-<link rel="stylesheet" href="../../styles.css" />
+<link rel="stylesheet" href="../../dist/styles.css" />
 <link rel="stylesheet" href="status.css" />
 <style>
   html, body { margin: 0; background: var(--cs-color-surface-page); }

package/ui_kits/status-hub/static-locale.js

@@ -1,9 +1,11 @@
 /* EN/VI copy for the three static Status Hub previews. Native form values,
  * caller data and theme are independent; language is local and not persisted. */
 (function () {
+  if (typeof document === 'undefined') return;
   var root = document.documentElement;
   var toggle = document.querySelector('[data-preview-language-toggle]');
   var select = document.querySelector('[data-preview-language-select]');
+  if (!toggle && !select) return; // only the static Status Hub previews own this language switch
   function apply(lang) {
     var vi = lang === 'vi';
     root.lang = vi ? 'vi' : 'en';

package/ui_kits/website/careers.html

@@ -7,7 +7,7 @@
 <meta name="description" content="cyberskill.world — careers: Sample values and roles with contact-preview links" />
 <title>CyberSkill · Careers</title>
 <link rel="icon" href="../../assets/favicon.svg" />
-<link rel="stylesheet" href="../../styles.css" />
+<link rel="stylesheet" href="../../dist/styles.css" />
 <link rel="stylesheet" href="site.css" />
 <style>
   /* hero: banner */

package/ui_kits/website/chat.html

@@ -7,7 +7,7 @@
 <meta name="description" content="cyberskill.world — Lumi chat: Scripted EN/VI chat preview: prompt, sample messages and disclosures" />
 <title>CyberSkill · Lumi</title>
 <link rel="icon" href="../../assets/favicon.svg" />
-<link rel="stylesheet" href="../../styles.css" />
+<link rel="stylesheet" href="../../dist/styles.css" />
 <link rel="stylesheet" href="site.css" />
 <style>
   html, body { margin: 0; height: 100%; }

package/ui_kits/website/index.html

@@ -19,7 +19,7 @@
 })();
 </script>
 <link rel="icon" href="../../assets/favicon.svg" />
-<link rel="stylesheet" href="../../styles.css" />
+<link rel="stylesheet" href="../../dist/styles.css" />
 <link rel="stylesheet" href="site.css" />
 <style>html,body{margin:0}</style>
 

package/ui_kits/website/work.html

@@ -7,7 +7,7 @@
 <meta name="description" content="cyberskill.world — work: Sample case-study grid, results band and contact-preview link" />
 <title>CyberSkill · Work</title>
 <link rel="icon" href="../../assets/favicon.svg" />
-<link rel="stylesheet" href="../../styles.css" />
+<link rel="stylesheet" href="../../dist/styles.css" />
 <link rel="stylesheet" href="site.css" />
 <style>
   /* hero: banner */