@cyberskill/design 2.4.0 → 2.6.0

package/templates/vn-training-commitment/ds-base.js

@@ -4,7 +4,7 @@
 // Artifact head standard (UX-002 / B1): ensure <html lang> + <title> from @template.
 (() => {
   const base = '../..';
-  for (const p of ['dist/styles.min.css']) {
+  for (const p of ['dist/styles.css']) {
     const l = document.createElement('link');
     l.rel = 'stylesheet'; l.href = base + '/' + p;
     document.head.appendChild(l);
@@ -32,12 +32,14 @@
         script.src = bundleUrl;
         script.onload = () => {
           // The compiler namespace varies by project; the public alias is stable.
-          const key = Object.keys(window).find(k => /^CyberSkillDesignSystem_[0-9a-f]{6}$/.test(k));
+          const key = Object.keys(window).find(k => /^(CyberSkill)?DesignSystem_[0-9a-f]{6}$/.test(k));
           const namespace = key && window[key];
-          if (!namespace || namespace.__errors?.length) {
-            reject(new Error('Design-system bundle failed to initialize: ' + JSON.stringify(namespace?.__errors || [])));
+          if (!namespace) {
+            reject(new Error('Design-system bundle did not expose a namespace; check the base path in ds-base.js'));
             return;
           }
+          // Non-fatal: a helper file that failed to evaluate must not take every template down.
+          if (namespace.__errors?.length) console.warn('ds-base.js: bundle reported errors (continuing):', JSON.stringify(namespace.__errors));
           resolve(namespace);
         };
         script.onerror = () => reject(new Error('Failed to load ' + bundleUrl + '; check the base path in ds-base.js'));

package/templates/vn-travel-expense-policy/ds-base.js

@@ -4,7 +4,7 @@
 // Artifact head standard (UX-002 / B1): ensure <html lang> + <title> from @template.
 (() => {
   const base = '../..';
-  for (const p of ['dist/styles.min.css']) {
+  for (const p of ['dist/styles.css']) {
     const l = document.createElement('link');
     l.rel = 'stylesheet'; l.href = base + '/' + p;
     document.head.appendChild(l);
@@ -32,12 +32,14 @@
         script.src = bundleUrl;
         script.onload = () => {
           // The compiler namespace varies by project; the public alias is stable.
-          const key = Object.keys(window).find(k => /^CyberSkillDesignSystem_[0-9a-f]{6}$/.test(k));
+          const key = Object.keys(window).find(k => /^(CyberSkill)?DesignSystem_[0-9a-f]{6}$/.test(k));
           const namespace = key && window[key];
-          if (!namespace || namespace.__errors?.length) {
-            reject(new Error('Design-system bundle failed to initialize: ' + JSON.stringify(namespace?.__errors || [])));
+          if (!namespace) {
+            reject(new Error('Design-system bundle did not expose a namespace; check the base path in ds-base.js'));
             return;
           }
+          // Non-fatal: a helper file that failed to evaluate must not take every template down.
+          if (namespace.__errors?.length) console.warn('ds-base.js: bundle reported errors (continuing):', JSON.stringify(namespace.__errors));
           resolve(namespace);
         };
         script.onerror = () => reject(new Error('Failed to load ' + bundleUrl + '; check the base path in ds-base.js'));

package/tokens/declarations.json

@@ -41,7 +41,7 @@
     },
     {
       "path": "tokens/styles.css",
-      "sha256": "b53c447d63ecdea95426260c203ca58163176aee97e282bc0ffc09e03f1d2ee6"
+      "sha256": "4b677b90823a026f96e295ea5b6537a3c125b04bb93d3f67c09a7dcf341a6630"
     },
     {
       "path": "tokens/theme-attributes.css",
@@ -53,11 +53,11 @@
     },
     {
       "path": "base/typography.css",
-      "sha256": "e0755de137ec4a3b2ad0e5b898aef7c3a8292a2bb29bc7da20fca0a3d9a4e888"
+      "sha256": "19cf3f6cd5c1ea76fa7247c6ffe9034e4b6d4e14bc649e14a29aa85703ae9ccb"
     },
     {
       "path": "base/components.css",
-      "sha256": "4d76c9b1e8b66b7d38d43449f2f2e8dd66e047def376af32dee76c2386ed7849"
+      "sha256": "568dd72532092ccc5530944772f63509a69cc4d1de89f9f9a44f5bcbefa3ccb6"
     },
     {
       "path": "base/forms.css",
@@ -65,11 +65,11 @@
     },
     {
       "path": "base/feedback.css",
-      "sha256": "8102bb577bc0dd813777844109936ff93216a453d37c7c48c05d45c084e5f586"
+      "sha256": "ba1aadc4ae1c9f9a07ad9df36df06184244ebe488ec723b30ab691d97d09ae4d"
     },
     {
       "path": "base/data.css",
-      "sha256": "f679ee9e463db612a407448e32d726bf8bcc0a00c3e4f35e47934246f63f50f5"
+      "sha256": "4c92290bf35d51a0f0244ca05ab70f57fe4453abb8f71ba23327606f5a2a4227"
     },
     {
       "path": "base/navigation.css",
@@ -77,23 +77,23 @@
     },
     {
       "path": "base/ai.css",
-      "sha256": "cb0371760568fd565b9363bdd5646e484e14ad74aa628faa988d3967da242691"
+      "sha256": "fe288cee4345584a0fc189c6deb356e0af078a18fb0e8ad2f6ef4dd4e1511665"
     },
     {
       "path": "base/controls.css",
-      "sha256": "e40aed14a5669400d3698e7724129443a7cd1c8c51f13aaa4e1722e4842ec27d"
+      "sha256": "d16d8e017a5c300d10d75d36f379dfad1a8c25bb7ded61fbf08740082456331b"
     },
     {
       "path": "base/collections.css",
-      "sha256": "b1816ac351b4942edf80c5128a1c5d849bf4a85cbbbd6656f045f4f0699b59a7"
+      "sha256": "307287655287da43c275c56f14bdd846cd3d4a57d0cd1ddb4305996f0c2cba3c"
     },
     {
       "path": "base/shell.css",
-      "sha256": "0139393853d700d54ad8e0cdff45072f3920ce3b9cffa0dc26f41e01131c5e37"
+      "sha256": "be013b5a593600f9a8b258f5b798861dfec5dca1c89faaf0547c1e58084d8183"
     },
     {
       "path": "base/glass.css",
-      "sha256": "d949836a86cf489782daa4a3e11c83c79cc2c67cc7908ad223cbebe2caa7887a"
+      "sha256": "fe27603ead71c265aa4f30deb0bc754d09f5e71d7cfc656e282a740fffb87f2f"
     },
     {
       "path": "base/interaction.css",
@@ -101,7 +101,7 @@
     },
     {
       "path": "base/a11y.css",
-      "sha256": "c0fee897f85ea638c4552ccc445e69278e3b1416a2140bfeb2b369e4821722af"
+      "sha256": "07ea769359d4eefe6fc820b9fc13fef2790cc278c1289f0f1cc493ca5c288bd4"
     },
     {
       "path": "base/responsive.css",
@@ -17175,7 +17175,7 @@
     {
       "order": 1053,
       "sourcePath": "base/controls.css",
-      "line": 347,
+      "line": 355,
       "column": 3,
       "name": "--cs-term-border",
       "value": "#3a2a1c",
@@ -17191,7 +17191,7 @@
     {
       "order": 1054,
       "sourcePath": "base/controls.css",
-      "line": 348,
+      "line": 356,
       "column": 3,
       "name": "--cs-term-bar",
       "value": "#2a1a0d",
@@ -17207,7 +17207,7 @@
     {
       "order": 1055,
       "sourcePath": "base/controls.css",
-      "line": 349,
+      "line": 357,
       "column": 3,
       "name": "--cs-term-dot",
       "value": "#5b4331",
@@ -17223,7 +17223,7 @@
     {
       "order": 1056,
       "sourcePath": "base/controls.css",
-      "line": 350,
+      "line": 358,
       "column": 3,
       "name": "--cs-term-bg",
       "value": "#1a1108",
@@ -17239,7 +17239,7 @@
     {
       "order": 1057,
       "sourcePath": "base/controls.css",
-      "line": 351,
+      "line": 359,
       "column": 3,
       "name": "--cs-term-fg",
       "value": "#f5ead9",
@@ -17255,7 +17255,7 @@
     {
       "order": 1058,
       "sourcePath": "base/controls.css",
-      "line": 352,
+      "line": 360,
       "column": 3,
       "name": "--cs-term-muted",
       "value": "#c9b7a3",
@@ -17370,7 +17370,7 @@
       "line": 14,
       "column": 3,
       "name": "--_cs-surface-scrim",
-      "value": "color-mix(in oklab, color-mix(in oklab, var(--cs-color-brand-umber, #45210e) 45%, #050403) 58%, transparent)",
+      "value": "color-mix(in oklab, color-mix(in oklab, var(--cs-color-surface-page, #fffdf8) 25%, #050403) 68%, transparent)",
       "important": false,
       "visibility": "private",
       "context": [
@@ -17507,132 +17507,6 @@
           "selector": ":root, [data-theme], [data-cs-element], [data-element], [data-cs-contrast]"
         }
       ]
-    },
-    {
-      "order": 1074,
-      "sourcePath": "base/a11y.css",
-      "line": 144,
-      "column": 54,
-      "name": "--cs-color-border-default",
-      "value": "#9a8060",
-      "important": false,
-      "visibility": "public",
-      "context": [
-        {
-          "kind": "at-rule",
-          "name": "media",
-          "params": "(prefers-contrast: more)"
-        },
-        {
-          "kind": "rule",
-          "selector": "[data-theme=\"light\"]:where(:not([data-cs-contrast=\"standard\"], [data-cs-contrast=\"standard\"] *)),\n  [data-theme=\"system\"]:where(:not([data-cs-contrast=\"standard\"], [data-cs-contrast=\"standard\"] *)),\n  :root:where(:not([data-cs-contrast=\"standard\"]))"
-        }
-      ]
-    },
-    {
-      "order": 1075,
-      "sourcePath": "base/a11y.css",
-      "line": 144,
-      "column": 90,
-      "name": "--cs-color-text-muted",
-      "value": "#45210e",
-      "important": false,
-      "visibility": "public",
-      "context": [
-        {
-          "kind": "at-rule",
-          "name": "media",
-          "params": "(prefers-contrast: more)"
-        },
-        {
-          "kind": "rule",
-          "selector": "[data-theme=\"light\"]:where(:not([data-cs-contrast=\"standard\"], [data-cs-contrast=\"standard\"] *)),\n  [data-theme=\"system\"]:where(:not([data-cs-contrast=\"standard\"], [data-cs-contrast=\"standard\"] *)),\n  :root:where(:not([data-cs-contrast=\"standard\"]))"
-        }
-      ]
-    },
-    {
-      "order": 1076,
-      "sourcePath": "base/a11y.css",
-      "line": 145,
-      "column": 101,
-      "name": "--cs-color-border-default",
-      "value": "#7a6450",
-      "important": false,
-      "visibility": "public",
-      "context": [
-        {
-          "kind": "at-rule",
-          "name": "media",
-          "params": "(prefers-contrast: more)"
-        },
-        {
-          "kind": "rule",
-          "selector": "[data-theme=\"dark\"]:where(:not([data-cs-contrast=\"standard\"], [data-cs-contrast=\"standard\"] *))"
-        }
-      ]
-    },
-    {
-      "order": 1077,
-      "sourcePath": "base/a11y.css",
-      "line": 145,
-      "column": 137,
-      "name": "--cs-color-text-muted",
-      "value": "#f5ead9",
-      "important": false,
-      "visibility": "public",
-      "context": [
-        {
-          "kind": "at-rule",
-          "name": "media",
-          "params": "(prefers-contrast: more)"
-        },
-        {
-          "kind": "rule",
-          "selector": "[data-theme=\"dark\"]:where(:not([data-cs-contrast=\"standard\"], [data-cs-contrast=\"standard\"] *))"
-        }
-      ]
-    },
-    {
-      "order": 1078,
-      "sourcePath": "base/a11y.css",
-      "line": 150,
-      "column": 103,
-      "name": "--cs-color-border-default",
-      "value": "#7a6450",
-      "important": false,
-      "visibility": "public",
-      "context": [
-        {
-          "kind": "at-rule",
-          "name": "media",
-          "params": "(prefers-color-scheme: dark) and (prefers-contrast: more)"
-        },
-        {
-          "kind": "rule",
-          "selector": "[data-theme=\"system\"]:where(:not([data-cs-contrast=\"standard\"], [data-cs-contrast=\"standard\"] *))"
-        }
-      ]
-    },
-    {
-      "order": 1079,
-      "sourcePath": "base/a11y.css",
-      "line": 150,
-      "column": 139,
-      "name": "--cs-color-text-muted",
-      "value": "#f5ead9",
-      "important": false,
-      "visibility": "public",
-      "context": [
-        {
-          "kind": "at-rule",
-          "name": "media",
-          "params": "(prefers-color-scheme: dark) and (prefers-contrast: more)"
-        },
-        {
-          "kind": "rule",
-          "selector": "[data-theme=\"system\"]:where(:not([data-cs-contrast=\"standard\"], [data-cs-contrast=\"standard\"] *))"
-        }
-      ]
     }
   ],
   "generator": "scripts/generate-token-declarations.mjs"

package/tokens/element-seeds.json

@@ -1,7 +1,7 @@
 {
   "$meta": {
     "system": "CyberSkill Design System",
-    "version": "2.4.0",
+    "version": "2.6.0",
     "note": "OKLCH seed contract for the 15 element packs × light/dark (30 sets). SoT for scripts/generate-element-packs.mjs — do not hand-edit tokens/elements.css. Owner bar (Jul 2026): soft/middle/deep clearly distinct; middle intensity synced across elements; harmonious role palettes; light↔dark same-hue identity. Public variant names unchanged."
   },
   "intensity": {