@cyberskill/design 2.5.0 → 2.7.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.7.0). Do not edit by hand.
 export const tokens = {
   "$meta": {
     "system": "CyberSkill Design System",
-    "version": "2.5.0",
+    "version": "2.7.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.7.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 */

package/dist/esm/chunks/chunk-GLPQBE2J.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../components/forms/InlineEdit.jsx"],
-  "sourcesContent": ["import { useComposedRefs } from \"../_utils/refs.js\";\nimport { mergeTargetProps } from \"../_utils/field-association.js\";\nimport React from \"react\";\nimport { makeT, useLang } from \"../_i18n/i18n.js\";\nimport { useOverlayLayer, overlayScopeContext } from \"../overlays/OverlayManager.jsx\";\nimport { cx } from \"../_utils/cx.js\";\nconst PEN = <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.9\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\"><path d=\"M4 20l4.5-.9L20 7.6a2 2 0 0 0-2.8-2.8L5.7 16.3 4 20z\" /></svg>;\n\n/** CyberSkill InlineEdit — click-to-edit text. Enter/blur commits, Escape cancels. */\nexport const InlineEdit = React.forwardRef(function InlineEdit({ controlRef, value, defaultValue = \"\", onChange, label, lang, className , rootProps }, forwardedRef) {\n  const mergedControlRef = useComposedRefs(controlRef);\n  const [inner, setInner] = React.useState(defaultValue);\n  const val = value != null ? value : inner;\n  const [edit, setEdit] = React.useState(false);\n  const [draft, setDraft] = React.useState(val);\n  const cancellingRef = React.useRef(false);\n  const commit = () => {\n    if (cancellingRef.current) { cancellingRef.current = false; return; }\n    setEdit(false);\n    if (draft !== val) { if (value == null) setInner(draft); onChange && onChange(draft); }\n  };\n  const [ref, L, localeMessages] = useLang(lang);\n  const mergedNativeRef = useComposedRefs(ref, forwardedRef);\n  const t = makeT(\"InlineEdit\", L, localeMessages);\n  const { scope } = useOverlayLayer({ open: edit, kind: \"popover\", panelRef: ref, restoreFocus: false, onEscape: () => {\n    cancellingRef.current = true;\n    setDraft(val); setEdit(false);\n    requestAnimationFrame(() => ref.current?.querySelector(\"button\")?.focus());\n  } });\n  return (\n    <overlayScopeContext.Provider value={scope}>\n    <span ref={mergedNativeRef} {...mergeTargetProps({ \"className\": cx(\"cs-inline-edit\", className) }, rootProps, [])}>\n      {edit ? (\n        <input autoFocus value={draft} aria-label={label || t(\"edit\")} onChange={(e) => setDraft(e.target.value)} onBlur={commit}\n          onKeyDown={(e) => { if (!e.nativeEvent.isComposing && e.keyCode !== 229 && e.key === \"Enter\") commit(); }}  ref={mergedControlRef} />\n      ) : (\n        <button type=\"button\" className=\"cs-inline-edit__view\" aria-label={t(\"edit\") + (label ? \": \" + label : \"\")} onClick={() => { cancellingRef.current = false; setDraft(val); setEdit(true); }}>\n          <span className={val ? undefined : \"ph\"}>{val || t(\"empty\")}</span>{PEN}\n        </button>\n      )}\n    </span>\n    </overlayScopeContext.Provider>\n  );\n});\nInlineEdit.displayName = \"InlineEdit\";\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAEA,OAAO,WAAW;AAIlB,IAAM,MAAM,oCAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,QAAO,gBAAe,aAAY,OAAM,eAAc,SAAQ,gBAAe,SAAQ,eAAY,UAAO,oCAAC,UAAK,GAAE,wDAAuD,CAAE;AAG1O,IAAM,aAAa,MAAM,WAAW,SAASA,YAAW,EAAE,YAAY,OAAO,eAAe,IAAI,UAAU,OAAO,MAAM,WAAY,UAAU,GAAG,cAAc;AACnK,QAAM,mBAAmB,gBAAgB,UAAU;AACnD,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAS,YAAY;AACrD,QAAM,MAAM,SAAS,OAAO,QAAQ;AACpC,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,KAAK;AAC5C,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAS,GAAG;AAC5C,QAAM,gBAAgB,MAAM,OAAO,KAAK;AACxC,QAAM,SAAS,MAAM;AACnB,QAAI,cAAc,SAAS;AAAE,oBAAc,UAAU;AAAO;AAAA,IAAQ;AACpE,YAAQ,KAAK;AACb,QAAI,UAAU,KAAK;AAAE,UAAI,SAAS,KAAM,UAAS,KAAK;AAAG,kBAAY,SAAS,KAAK;AAAA,IAAG;AAAA,EACxF;AACA,QAAM,CAAC,KAAK,GAAG,cAAc,IAAI,QAAQ,IAAI;AAC7C,QAAM,kBAAkB,gBAAgB,KAAK,YAAY;AACzD,QAAM,IAAI,MAAM,cAAc,GAAG,cAAc;AAC/C,QAAM,EAAE,MAAM,IAAI,gBAAgB,EAAE,MAAM,MAAM,MAAM,WAAW,UAAU,KAAK,cAAc,OAAO,UAAU,MAAM;AACnH,kBAAc,UAAU;AACxB,aAAS,GAAG;AAAG,YAAQ,KAAK;AAC5B,0BAAsB,MAAM,IAAI,SAAS,cAAc,QAAQ,GAAG,MAAM,CAAC;AAAA,EAC3E,EAAE,CAAC;AACH,SACE,oCAAC,oBAAoB,UAApB,EAA6B,OAAO,SACrC,oCAAC,UAAK,KAAK,iBAAkB,GAAG,iBAAiB,EAAE,aAAa,GAAG,kBAAkB,SAAS,EAAE,GAAG,WAAW,CAAC,CAAC,KAC7G,OACC;AAAA,IAAC;AAAA;AAAA,MAAM,WAAS;AAAA,MAAC,OAAO;AAAA,MAAO,cAAY,SAAS,EAAE,MAAM;AAAA,MAAG,UAAU,CAAC,MAAM,SAAS,EAAE,OAAO,KAAK;AAAA,MAAG,QAAQ;AAAA,MAChH,WAAW,CAAC,MAAM;AAAE,YAAI,CAAC,EAAE,YAAY,eAAe,EAAE,YAAY,OAAO,EAAE,QAAQ,QAAS,QAAO;AAAA,MAAG;AAAA,MAAI,KAAK;AAAA;AAAA,EAAkB,IAErI,oCAAC,YAAO,MAAK,UAAS,WAAU,wBAAuB,cAAY,EAAE,MAAM,KAAK,QAAQ,OAAO,QAAQ,KAAK,SAAS,MAAM;AAAE,kBAAc,UAAU;AAAO,aAAS,GAAG;AAAG,YAAQ,IAAI;AAAA,EAAG,KACxL,oCAAC,UAAK,WAAW,MAAM,SAAY,QAAO,OAAO,EAAE,OAAO,CAAE,GAAQ,GACtE,CAEJ,CACA;AAEJ,CAAC;AACD,WAAW,cAAc;",
-  "names": ["InlineEdit"]
-}