@cyberskill/design 2.7.0 → 2.9.0

package/tokens/native/cs_tokens.dart

@@ -1,6 +1,6 @@
 // CyberSkill Design System — native design tokens.
 // GENERATED from tokens/tokens.dtcg.json — do not hand-edit; regenerate on token change.
-// release v2.7.0 · source sha256 b4153c57be60838c…
+// release v2.9.0 · source sha256 950a88555e6e4676…
 // conversions: rem→px at 16 · em→…Em relative doubles · rgba alpha→ARGB byte (round(a*255)) · durations in ms
 // dark element packs: see $extensions.overrides.elementsDark
 // provenance: tokens/provenance.json · parity gate: _audit/token-pipeline-test.html
@@ -17,7 +17,7 @@ class CSTokens {
   static const Color colorTextPrimary = Color(0xFF45210E);
   static const Color colorTextInverse = Color(0xFFFFFFFF);
   static const Color colorTextAccent = Color(0xFF6E3B0E);
-  static const Color colorTextMuted = Color(0xFF3F2D21);
+  static const Color colorTextMuted = Color(0xFF5E4436);
   static const Color colorSemanticSuccess = Color(0xFF166534);
   static const Color colorSemanticDanger = Color(0xFFB42318);
   static const Color colorSemanticWarning = Color(0xFF92400E);
@@ -79,7 +79,7 @@ class CSTokens {
   static const double componentTextfieldPaddingXAlias = 12;
   static const double componentTextfieldMinHeightAlias = 44;
   static const Color accent = Color(0xFFF4BA17);
-  static const Color accentStrong = Color(0xFF916D11);
+  static const Color accentStrong = Color(0xFFA4631E);
   static const Color accentBright = Color(0xFFF4BA17);
   static const Color accentOn = Color(0xFF45210E);
   static const Color accentTint = Color(0xFFFBF4E9);
@@ -110,9 +110,9 @@ class CSTokens {
   static const String glassHeavyOpacity = "90%";
   static const String shadowXs = "0 1px 2px rgba(69, 33, 14, 0.06)";
   static const String shadowSm = "0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06)";
-  static const String shadowMd = "0 12px 30px rgba(31, 19, 11, 0.18)";
+  static const String shadowMd = "0 12px 30px rgba(69, 33, 14, 0.14)";
   static const String shadowLg = "0 20px 60px rgba(69, 33, 14, 0.18)";
-  static const String shadowXl = "0 24px 80px rgba(31, 19, 11, 0.26)";
+  static const String shadowXl = "0 24px 80px rgba(69, 33, 14, 0.24)";
   static const double durationInstantMs = 80;
   static const double durationFastMs = 120;
   static const double durationBaseMs = 200;
@@ -319,7 +319,7 @@ class CSTokens {
   static const Color colorTextAccentThoSandLight = Color(0xFF695300);
   static const Color colorLinkThoSandLight = Color(0xFF695300);
   static const Color accentThoLight = Color(0xFFF4BA17);
-  static const Color accentStrongThoLight = Color(0xFF916D11);
+  static const Color accentStrongThoLight = Color(0xFFA4631E);
   static const Color accentBrightThoLight = Color(0xFFF4BA17);
   static const Color accentOnThoLight = Color(0xFF45210E);
   static const Color accentOnStrongThoLight = Color(0xFFFFFFFF);
@@ -329,7 +329,7 @@ class CSTokens {
   static const Color accentGradAThoLight = Color(0xFFF4BA17);
   static const Color accentGradBThoLight = Color(0xFFC4B78F);
   static const Color colorTextAccentThoLight = Color(0xFF6E3B0E);
-  static const Color colorLinkThoLight = Color(0xFF644A05);
+  static const Color colorLinkThoLight = Color(0xFF744000);
   static const Color accentThoClayLight = Color(0xFF723E06);
   static const Color accentStrongThoClayLight = Color(0xFF5A3004);
   static const Color accentBrightThoClayLight = Color(0xFFF2C5A3);
@@ -501,7 +501,7 @@ class CSTokens {
   static const Color colorTextAccentThoSandDark = Color(0xFFF9E5AE);
   static const Color colorLinkThoSandDark = Color(0xFFF9E5AE);
   static const Color accentThoDark = Color(0xFFE9B321);
-  static const Color accentStrongThoDark = Color(0xFF6E5205);
+  static const Color accentStrongThoDark = Color(0xFF7D480C);
   static const Color accentBrightThoDark = Color(0xFFFDD378);
   static const Color accentOnThoDark = Color(0xFFF5EAD9);
   static const Color accentOnStrongThoDark = Color(0xFFFFFFFF);

package/tokens/native/mode-provenance.json

@@ -1,11 +1,11 @@
 {
   "schemaVersion": 1,
-  "modeSourceHash": "37876b5d29bf29ed58dcc16fa85156a627bff52a3a0face3198b8b6092868af4",
-  "modeIndexSha256": "ed9b291d92bc01039a214c7fcc5d3112ad3e92b55fe2489affbd1f4c491fd24d",
-  "modeDocumentsSha256": "630ae9aeeda4d0121231ed6468d1b8746fa5619ed6f776e72dc06a9237977dfc",
+  "modeSourceHash": "051c37c9ea4a28b7357d07e4d7dc84eaabcb3af82fb3be26958fbed4c9484369",
+  "modeIndexSha256": "e5a7ebc85a43f8bb96a9f1fb3bcd5272861b83c3e42265ec52aa3e2a5c83a6dc",
+  "modeDocumentsSha256": "447c7aa73ede59686024f02a0555a401c22199ee45c56f6a07fc9665775105f8",
   "modeCount": 256,
   "typedTokensPerMode": 194,
-  "uniqueTypedValues": 432,
+  "uniqueTypedValues": 436,
   "uniqueValueRows": 128,
   "omittedTokensPerMode": 12,
   "uniqueOmissions": 235,
@@ -22,19 +22,19 @@
   "targets": [
     {
       "path": "tokens/native/CSModes.swift",
-      "bytes": 233423,
-      "sha256": "d9e418e75836b24ca4d8ca4ddd7b0d94c10c3f801bb6d91c835d65777385387c"
+      "bytes": 233833,
+      "sha256": "8c356de0028f10526b87805a16048d31de1edbe006ceb812e0ada2e80de0ca28"
     },
     {
       "path": "tokens/native/CSModes.kt",
-      "bytes": 215811,
-      "sha256": "73ca9fcd3b7110f3ddf16011dc08b84cc3db2454262fcd375423de000f213a0f"
+      "bytes": 216221,
+      "sha256": "bf7c6eb7672ae0934f82f29cfee593e4da321fcd50086e0aa47415f5b34101b5"
     },
     {
       "path": "tokens/native/cs_modes.dart",
-      "bytes": 205543,
-      "sha256": "3c338fbeaeaba3ecf56d715420cac3e3041257d4519ba0b9fe35cb33713fa267"
+      "bytes": 205885,
+      "sha256": "a42ca5006117c5e5642161d371bd937b0a362cf1c1e6bcd79aca0545aea10bf9"
     }
   ],
-  "generatedSourceBytes": 654777
+  "generatedSourceBytes": 655939
 }

package/tokens/provenance.json

@@ -1,10 +1,10 @@
 {
   "system": "CyberSkill Design System",
-  "release": "2.7.0",
+  "release": "2.9.0",
   "source": "tokens/tokens.dtcg.json",
-  "sourceSha256": "b4153c57be60838cdac8ffd616d17dce18d156713b41c68ce69380a91daa4f60",
+  "sourceSha256": "950a88555e6e4676c49cd9a3c61d0c425d0c079cb760ffcf8cc1ba62bad7f6f0",
   "dtcgStamp": {
-    "version": "2.7.0",
+    "version": "2.9.0",
     "generated": "2026-07-23"
   },
   "conversions": {
@@ -42,17 +42,17 @@
     {
       "file": "tokens/native/CSTokens.swift",
       "lang": "swift",
-      "sha256": "20e557372ef634223d91ba6eb48d9d2a560b5e60eb55775624c000b657b2ba0a"
+      "sha256": "39e83e7ab29ff52e502c6f908d0f686d5ad1892e62fdf8eacb0b65b0d9725ea9"
     },
     {
       "file": "tokens/native/CSTokens.kt",
       "lang": "kotlin",
-      "sha256": "9704f7b703baf1eeac76036a8fdbe59d7a75c42d515477cca8d449c367c5df2c"
+      "sha256": "0c514cfb5ed7bdaa8df6fa9022f43065e731f31b6dedf9616bdf4731fd02b1ac"
     },
     {
       "file": "tokens/native/cs_tokens.dart",
       "lang": "dart",
-      "sha256": "caac2e55587dfae0e01561e9b8f71bbe59d8f69038501bbef000f1ae86752e9b"
+      "sha256": "b9420e081a8c46b4a408ef311e2c6163766d2d8d863a2361c2817c45d28b0f17"
     }
   ]
 }

package/tokens/styles.css

@@ -1,9 +1,9 @@
 /* Style axis — data-cs-style packs.
  *
- * Sole pack today: liquid-glass ≡ current elevation + base/glass.css materials.
- * Absent attribute ≡ liquid-glass (same default pattern as light theme / Thổ middle).
- * Future packs override glass scalars / material composition only and must consume
- * the existing 10 --cs-accent-* roles (including on-strong) — never invent parallel Element packs.
+ * Supported packs:
+ * - liquid-glass (default; absent ≡ liquid-glass) — frosted optical depth + base/glass.css materials.
+ * - matte-paper — opaque crisp paper/ledger surfaces with zero backdrop blur for dense/editorial views.
+ * All style packs consume the existing 10 --cs-accent-* roles (including on-strong) — never invent parallel Element packs.
  */
 
 :root {
@@ -13,3 +13,7 @@
 [data-cs-style="liquid-glass"] {
   --cs-style-pack: liquid-glass; /* @kind other */
 }
+
+[data-cs-style="matte-paper"] {
+  --cs-style-pack: matte-paper; /* @kind other */
+}

package/tokens/tokens.dtcg.json

@@ -3,7 +3,7 @@
   "$extensions": {
     "com.cyberskill": {
       "system": "CyberSkill Design System",
-      "version": "2.7.0",
+      "version": "2.9.0",
       "generated": "2026-07-23",
       "source": "tokens/tokens.json",
       "note": "CSS remains authoritative. Scope maps are CSS-valued vendor extensions; use the CyberSkill adapter. Relative em numbers retain relativeUnit; cssScale converts percentage ratios. nativeFormat preserves established native representation.",
@@ -91,7 +91,7 @@
           },
           "tho": {
             "--cs-accent": "#F4BA17",
-            "--cs-accent-strong": "#916D11",
+            "--cs-accent-strong": "#A4631E",
             "--cs-accent-bright": "#F4BA17",
             "--cs-accent-on": "#45210E",
             "--cs-accent-on-strong": "#FFFFFF",
@@ -101,7 +101,7 @@
             "--cs-accent-grad-a": "#F4BA17",
             "--cs-accent-grad-b": "#C4B78F",
             "--cs-color-text-accent": "#6E3B0E",
-            "--cs-color-link": "#644A05"
+            "--cs-color-link": "#744000"
           },
           "tho.clay": {
             "--cs-accent": "#723E06",
@@ -301,7 +301,7 @@
           "tho": {
             "--cs-accent": "#E9B321",
             "--cs-accent-bright": "#FDD378",
-            "--cs-accent-strong": "#6E5205",
+            "--cs-accent-strong": "#7D480C",
             "--cs-accent-on": "#f5ead9",
             "--cs-accent-on-strong": "#FFFFFF",
             "--cs-accent-tint": "#2B1E00",
@@ -531,11 +531,11 @@
       "declarationGraph": {
         "path": "declarations.json",
         "schemaVersion": 1,
-        "sha256": "15d4bc951a001e97d3b53add975e1655583b9f390bc6d232ef3c8f6de55a8c9b",
-        "declarations": 1074,
-        "publicDeclarations": 391,
+        "sha256": "7df624c9a2c773f4eb5d0b830e2103b4cc18f947c86ef8a1e3c41841bc53df64",
+        "declarations": 1105,
+        "publicDeclarations": 392,
         "publicNames": 216,
-        "privateDeclarations": 683
+        "privateDeclarations": 713
       }
     }
   },
@@ -682,15 +682,15 @@
       "$value": {
         "colorSpace": "srgb",
         "components": [
-          0.24705882352941178,
-          0.17647058823529413,
-          0.12941176470588237
+          0.3686274509803922,
+          0.26666666666666666,
+          0.21176470588235294
         ],
         "alpha": 1
       },
       "$extensions": {
         "com.cyberskill": {
-          "css": "#3F2D21"
+          "css": "#5E4436"
         }
       }
     },
@@ -1598,15 +1598,15 @@
       "$value": {
         "colorSpace": "srgb",
         "components": [
-          0.5686274509803921,
-          0.42745098039215684,
-          0.06666666666666667
+          0.6431372549019608,
+          0.38823529411764707,
+          0.11764705882352941
         ],
         "alpha": 1
       },
       "$extensions": {
         "com.cyberskill": {
-          "css": "#916D11"
+          "css": "#A4631E"
         }
       }
     },
@@ -2080,11 +2080,11 @@
         "color": {
           "colorSpace": "srgb",
           "components": [
-            0.12156862745098039,
-            0.07450980392156863,
-            0.043137254901960784
+            0.27058823529411763,
+            0.12941176470588237,
+            0.054901960784313725
           ],
-          "alpha": 0.18
+          "alpha": 0.14
         },
         "offsetX": {
           "value": 0,
@@ -2106,7 +2106,7 @@
       "$description": "Structured from the CSS box-shadow string in tokens/elevation.css; the raw CSS form (native/agent emission source) is preserved in $extensions[\"com.cyberskill\"].css.",
       "$extensions": {
         "com.cyberskill": {
-          "css": "0 12px 30px rgba(31, 19, 11, 0.18)",
+          "css": "0 12px 30px rgba(69, 33, 14, 0.14)",
           "nativeFormat": "css"
         }
       }
@@ -2154,11 +2154,11 @@
         "color": {
           "colorSpace": "srgb",
           "components": [
-            0.12156862745098039,
-            0.07450980392156863,
-            0.043137254901960784
+            0.27058823529411763,
+            0.12941176470588237,
+            0.054901960784313725
           ],
-          "alpha": 0.26
+          "alpha": 0.24
         },
         "offsetX": {
           "value": 0,
@@ -2180,7 +2180,7 @@
       "$description": "Structured from the CSS box-shadow string in tokens/elevation.css; the raw CSS form (native/agent emission source) is preserved in $extensions[\"com.cyberskill\"].css.",
       "$extensions": {
         "com.cyberskill": {
-          "css": "0 24px 80px rgba(31, 19, 11, 0.26)",
+          "css": "0 24px 80px rgba(69, 33, 14, 0.24)",
           "nativeFormat": "css"
         }
       }

package/tokens/tokens.js

@@ -1,18 +1,18 @@
-// CyberSkill design tokens — generated from tokens/*.css (v2.7.0). Do not edit by hand.
+// CyberSkill design tokens — generated from tokens/*.css (v2.9.0). Do not edit by hand.
 export const tokens = {
   "$meta": {
     "system": "CyberSkill Design System",
-    "version": "2.7.0",
+    "version": "2.9.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": "15d4bc951a001e97d3b53add975e1655583b9f390bc6d232ef3c8f6de55a8c9b",
-      "declarations": 1074,
-      "publicDeclarations": 391,
+      "sha256": "7df624c9a2c773f4eb5d0b830e2103b4cc18f947c86ef8a1e3c41841bc53df64",
+      "declarations": 1105,
+      "publicDeclarations": 392,
       "publicNames": 216,
-      "privateDeclarations": 683
+      "privateDeclarations": 713
     }
   },
   "root": {
@@ -25,7 +25,7 @@ export const tokens = {
       "--cs-color-text-primary": "#45210E",
       "--cs-color-text-inverse": "#FFFFFF",
       "--cs-color-text-accent": "#6E3B0E",
-      "--cs-color-text-muted": "#3F2D21",
+      "--cs-color-text-muted": "#5E4436",
       "--cs-color-semantic-success": "#166534",
       "--cs-color-semantic-danger": "#B42318",
       "--cs-color-semantic-warning": "#92400E",
@@ -91,7 +91,7 @@ export const tokens = {
     },
     "accent": {
       "--cs-accent": "#F4BA17",
-      "--cs-accent-strong": "#916D11",
+      "--cs-accent-strong": "#A4631E",
       "--cs-accent-bright": "#F4BA17",
       "--cs-accent-on": "#45210E",
       "--cs-accent-tint": "#FBF4E9",
@@ -128,9 +128,9 @@ export const tokens = {
     "shadow": {
       "--cs-shadow-xs": "0 1px 2px rgba(69, 33, 14, 0.06)",
       "--cs-shadow-sm": "0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06)",
-      "--cs-shadow-md": "0 12px 30px rgba(31, 19, 11, 0.18)",
+      "--cs-shadow-md": "0 12px 30px rgba(69, 33, 14, 0.14)",
       "--cs-shadow-lg": "0 20px 60px rgba(69, 33, 14, 0.18)",
-      "--cs-shadow-xl": "0 24px 80px rgba(31, 19, 11, 0.26)"
+      "--cs-shadow-xl": "0 24px 80px rgba(69, 33, 14, 0.24)"
     },
     "duration": {
       "--cs-duration-instant": "80ms",
@@ -335,7 +335,7 @@ export const tokens = {
     },
     "tho": {
       "--cs-accent": "#F4BA17",
-      "--cs-accent-strong": "#916D11",
+      "--cs-accent-strong": "#A4631E",
       "--cs-accent-bright": "#F4BA17",
       "--cs-accent-on": "#45210E",
       "--cs-accent-on-strong": "#FFFFFF",
@@ -345,7 +345,7 @@ export const tokens = {
       "--cs-accent-grad-a": "#F4BA17",
       "--cs-accent-grad-b": "#C4B78F",
       "--cs-color-text-accent": "#6E3B0E",
-      "--cs-color-link": "#644A05"
+      "--cs-color-link": "#744000"
     },
     "tho.clay": {
       "--cs-accent": "#723E06",

package/tokens/tokens.json

@@ -1,17 +1,17 @@
 {
   "$meta": {
     "system": "CyberSkill Design System",
-    "version": "2.7.0",
+    "version": "2.9.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": "15d4bc951a001e97d3b53add975e1655583b9f390bc6d232ef3c8f6de55a8c9b",
-      "declarations": 1074,
-      "publicDeclarations": 391,
+      "sha256": "7df624c9a2c773f4eb5d0b830e2103b4cc18f947c86ef8a1e3c41841bc53df64",
+      "declarations": 1105,
+      "publicDeclarations": 392,
       "publicNames": 216,
-      "privateDeclarations": 683
+      "privateDeclarations": 713
     }
   },
   "root": {
@@ -24,7 +24,7 @@
       "--cs-color-text-primary": "#45210E",
       "--cs-color-text-inverse": "#FFFFFF",
       "--cs-color-text-accent": "#6E3B0E",
-      "--cs-color-text-muted": "#3F2D21",
+      "--cs-color-text-muted": "#5E4436",
       "--cs-color-semantic-success": "#166534",
       "--cs-color-semantic-danger": "#B42318",
       "--cs-color-semantic-warning": "#92400E",
@@ -90,7 +90,7 @@
     },
     "accent": {
       "--cs-accent": "#F4BA17",
-      "--cs-accent-strong": "#916D11",
+      "--cs-accent-strong": "#A4631E",
       "--cs-accent-bright": "#F4BA17",
       "--cs-accent-on": "#45210E",
       "--cs-accent-tint": "#FBF4E9",
@@ -127,9 +127,9 @@
     "shadow": {
       "--cs-shadow-xs": "0 1px 2px rgba(69, 33, 14, 0.06)",
       "--cs-shadow-sm": "0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06)",
-      "--cs-shadow-md": "0 12px 30px rgba(31, 19, 11, 0.18)",
+      "--cs-shadow-md": "0 12px 30px rgba(69, 33, 14, 0.14)",
       "--cs-shadow-lg": "0 20px 60px rgba(69, 33, 14, 0.18)",
-      "--cs-shadow-xl": "0 24px 80px rgba(31, 19, 11, 0.26)"
+      "--cs-shadow-xl": "0 24px 80px rgba(69, 33, 14, 0.24)"
     },
     "duration": {
       "--cs-duration-instant": "80ms",
@@ -334,7 +334,7 @@
     },
     "tho": {
       "--cs-accent": "#F4BA17",
-      "--cs-accent-strong": "#916D11",
+      "--cs-accent-strong": "#A4631E",
       "--cs-accent-bright": "#F4BA17",
       "--cs-accent-on": "#45210E",
       "--cs-accent-on-strong": "#FFFFFF",
@@ -344,7 +344,7 @@
       "--cs-accent-grad-a": "#F4BA17",
       "--cs-accent-grad-b": "#C4B78F",
       "--cs-color-text-accent": "#6E3B0E",
-      "--cs-color-link": "#644A05"
+      "--cs-color-link": "#744000"
     },
     "tho.clay": {
       "--cs-accent": "#723E06",