@cyberskill/design 1.1.1 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (353) hide show
  1. package/DESIGN.md +25 -3
  2. package/README.md +3 -3
  3. package/SKILL.md +3 -3
  4. package/VERSION +1 -1
  5. package/_ds_bundle.js +819 -416
  6. package/_ds_manifest.json +1 -1
  7. package/_esm/cs.mjs +18 -4
  8. package/_esm/react.d.ts +2 -0
  9. package/_esm/react.mjs +1 -0
  10. package/base/a11y.css +18 -0
  11. package/base/ai.css +2 -2
  12. package/base/collections.css +8 -3
  13. package/base/components.css +11 -2
  14. package/base/controls.css +61 -48
  15. package/base/data.css +3 -3
  16. package/base/feedback.css +5 -0
  17. package/base/forms.css +9 -3
  18. package/base/glass.css +6 -0
  19. package/base/navigation.css +8 -2
  20. package/base/reset.css +1 -1
  21. package/base/responsive.css +25 -0
  22. package/base/shell.css +7 -1
  23. package/components/_i18n/i18n.js +13 -1
  24. package/components/_i18n/strings.js +52 -3
  25. package/components/ai/ConfidenceMeter.jsx +8 -6
  26. package/components/data/Watermark.jsx +11 -3
  27. package/components/datatable/DataGrid.jsx +10 -1
  28. package/components/dialog/Dialog.jsx +13 -45
  29. package/components/feedback/ProgressBar.jsx +4 -2
  30. package/components/forms/Cascader.jsx +69 -6
  31. package/components/forms/Editor.jsx +37 -2
  32. package/components/forms/FileUpload.jsx +22 -8
  33. package/components/forms/Switch.jsx +16 -2
  34. package/components/forms/TimePicker.jsx +3 -1
  35. package/components/icon/Icon.jsx +1 -0
  36. package/components/navigation/CommandPalette.jsx +22 -7
  37. package/components/navigation/Toolbar.jsx +2 -1
  38. package/components/overlays/AlertDialog.jsx +19 -49
  39. package/components/overlays/Drawer.jsx +24 -20
  40. package/components/overlays/OverlayManager.d.ts +40 -0
  41. package/components/overlays/OverlayManager.jsx +214 -0
  42. package/components/overlays/OverlayManager.prompt.md +12 -0
  43. package/components/overlays/Tour.jsx +14 -7
  44. package/dist/styles.min.css +2004 -0
  45. package/docs/benchmark-rubric.md +1 -1
  46. package/docs/ci-cd.md +3 -1
  47. package/docs/consuming.md +6 -6
  48. package/docs/conventions.md +4 -4
  49. package/docs/decisions/container-query-migration.md +18 -0
  50. package/docs/decisions/overlay-manager-design.md +101 -0
  51. package/docs/decisions.md +5 -5
  52. package/docs/design-styles.md +1 -1
  53. package/docs/plans/cyberskill-design-system-audit-and-12-month-evolution-plan.md +1490 -0
  54. package/docs/quality-gates.md +20 -8
  55. package/docs/release-notes.md +2 -2
  56. package/docs/status/data/status-feed.json +1 -1
  57. package/docs/status/index.html +9 -5
  58. package/docs/status/status-legacy.html +12 -7
  59. package/docs/sync.md +1 -1
  60. package/docs/tasks/_state/commit-links.yaml +14 -0
  61. package/docs/vi/benchmark-rubric.md +1 -1
  62. package/docs/vi/ci-cd.md +3 -1
  63. package/docs/vi/consuming.md +6 -6
  64. package/docs/vi/conventions.md +2 -2
  65. package/docs/vi/decisions.md +4 -4
  66. package/docs/vi/quality-gates.md +21 -9
  67. package/docs/vi/release-notes.md +2 -2
  68. package/docs/vi/sync.md +1 -1
  69. package/guidelines/atomic-view.html +11 -7
  70. package/llms.txt +2 -2
  71. package/package.json +14 -6
  72. package/templates/_ds-base.canonical.js +55 -0
  73. package/templates/ai-cluster-demo.html +2 -2
  74. package/templates/app-shell/AppShell.dc.html +5 -3
  75. package/templates/app-shell/ds-base.js +33 -1
  76. package/templates/app-shell/support.js +13 -20
  77. package/templates/article/Article.dc.html +5 -1
  78. package/templates/article/ds-base.js +33 -1
  79. package/templates/article/support.js +13 -20
  80. package/templates/auth/Auth.dc.html +10 -5
  81. package/templates/auth/content-schema.json +12 -0
  82. package/templates/auth/ds-base.js +33 -1
  83. package/templates/auth/support.js +13 -20
  84. package/templates/bod-deck/BodDeck.dc.html +11 -10
  85. package/templates/bod-deck/ds-base.js +33 -1
  86. package/templates/bod-deck/support.js +13 -20
  87. package/templates/bod-investor-update/BodInvestorUpdate.dc.html +4 -3
  88. package/templates/bod-investor-update/ds-base.js +33 -1
  89. package/templates/bod-investor-update/support.js +13 -20
  90. package/templates/bod-memo/BodMemo.dc.html +6 -5
  91. package/templates/bod-memo/ds-base.js +33 -1
  92. package/templates/bod-memo/support.js +13 -20
  93. package/templates/bod-minutes/BodMinutes.dc.html +2 -1
  94. package/templates/bod-minutes/ds-base.js +33 -1
  95. package/templates/bod-minutes/support.js +13 -20
  96. package/templates/bod-report/BodReport.dc.html +3 -2
  97. package/templates/bod-report/ds-base.js +33 -1
  98. package/templates/bod-report/support.js +13 -20
  99. package/templates/bod-resolution/BodResolution.dc.html +5 -4
  100. package/templates/bod-resolution/ds-base.js +33 -1
  101. package/templates/bod-resolution/support.js +13 -20
  102. package/templates/culture-event-invite/CultureEventInvite.dc.html +3 -2
  103. package/templates/culture-event-invite/ds-base.js +33 -1
  104. package/templates/culture-event-invite/support.js +13 -20
  105. package/templates/dashboard/Dashboard.dc.html +7 -3
  106. package/templates/dashboard/ds-base.js +33 -1
  107. package/templates/dashboard/support.js +13 -20
  108. package/templates/delivery-change-note/DeliveryChangeNote.dc.html +2 -1
  109. package/templates/delivery-change-note/ds-base.js +33 -1
  110. package/templates/delivery-change-note/support.js +13 -20
  111. package/templates/delivery-kickoff/DeliveryKickoff.dc.html +3 -2
  112. package/templates/delivery-kickoff/ds-base.js +33 -1
  113. package/templates/delivery-kickoff/support.js +13 -20
  114. package/templates/delivery-qbr-deck/DeliveryQbrDeck.dc.html +6 -5
  115. package/templates/delivery-qbr-deck/ds-base.js +33 -1
  116. package/templates/delivery-qbr-deck/support.js +13 -20
  117. package/templates/delivery-runbook/DeliveryRunbook.dc.html +3 -2
  118. package/templates/delivery-runbook/ds-base.js +33 -1
  119. package/templates/delivery-runbook/support.js +13 -20
  120. package/templates/delivery-status-email/DeliveryStatusEmail.dc.html +3 -2
  121. package/templates/delivery-status-email/ds-base.js +33 -1
  122. package/templates/delivery-status-email/support.js +13 -20
  123. package/templates/doc-style-guide/DocStyleGuide.dc.html +67 -64
  124. package/templates/doc-style-guide/ds-base.js +33 -1
  125. package/templates/doc-style-guide/support.js +13 -20
  126. package/templates/doc-suite-index/DocSuiteIndex.dc.html +46 -45
  127. package/templates/doc-suite-index/ds-base.js +33 -1
  128. package/templates/doc-suite-index/support.js +13 -20
  129. package/templates/doc-templates/DocTemplates.dc.html +42 -41
  130. package/templates/doc-templates/ds-base.js +33 -1
  131. package/templates/doc-templates/support.js +13 -20
  132. package/templates/email/Email.dc.html +3 -2
  133. package/templates/email/ds-base.js +33 -1
  134. package/templates/email/support.js +13 -20
  135. package/templates/finance-dunning-email/FinanceDunningEmail.dc.html +4 -3
  136. package/templates/finance-dunning-email/ds-base.js +33 -1
  137. package/templates/finance-dunning-email/support.js +13 -20
  138. package/templates/finance-expense-report/FinanceExpenseReport.dc.html +4 -3
  139. package/templates/finance-expense-report/ds-base.js +33 -1
  140. package/templates/finance-expense-report/support.js +13 -20
  141. package/templates/finance-invoice/FinanceInvoice.dc.html +4 -3
  142. package/templates/finance-invoice/ds-base.js +33 -1
  143. package/templates/finance-invoice/support.js +13 -20
  144. package/templates/finance-quote/FinanceQuote.dc.html +4 -3
  145. package/templates/finance-quote/ds-base.js +33 -1
  146. package/templates/finance-quote/support.js +13 -20
  147. package/templates/hr-announcement/HrAnnouncement.dc.html +5 -4
  148. package/templates/hr-announcement/ds-base.js +33 -1
  149. package/templates/hr-announcement/support.js +13 -20
  150. package/templates/hr-interview-kit/HrInterviewKit.dc.html +4 -3
  151. package/templates/hr-interview-kit/ds-base.js +33 -1
  152. package/templates/hr-interview-kit/support.js +13 -20
  153. package/templates/hr-offboarding/HrOffboarding.dc.html +2 -1
  154. package/templates/hr-offboarding/ds-base.js +33 -1
  155. package/templates/hr-offboarding/support.js +13 -20
  156. package/templates/hr-performance-review/HrPerformanceReview.dc.html +2 -1
  157. package/templates/hr-performance-review/ds-base.js +33 -1
  158. package/templates/hr-performance-review/support.js +13 -20
  159. package/templates/hr-pip/HrPip.dc.html +2 -1
  160. package/templates/hr-pip/ds-base.js +33 -1
  161. package/templates/hr-pip/support.js +13 -20
  162. package/templates/kitchen-sink.html +9 -4
  163. package/templates/legal-msa/LegalMsa.dc.html +2 -1
  164. package/templates/legal-msa/ds-base.js +33 -1
  165. package/templates/legal-msa/support.js +13 -20
  166. package/templates/legal-sow/LegalSow.dc.html +2 -1
  167. package/templates/legal-sow/ds-base.js +33 -1
  168. package/templates/legal-sow/support.js +13 -20
  169. package/templates/marketing-campaign-brief/MarketingCampaignBrief.dc.html +3 -2
  170. package/templates/marketing-campaign-brief/ds-base.js +33 -1
  171. package/templates/marketing-campaign-brief/support.js +13 -20
  172. package/templates/marketing-case-study/MarketingCaseStudy.dc.html +5 -4
  173. package/templates/marketing-case-study/ds-base.js +33 -1
  174. package/templates/marketing-case-study/support.js +13 -20
  175. package/templates/marketing-launch/MarketingLaunch.dc.html +6 -5
  176. package/templates/marketing-launch/ds-base.js +33 -1
  177. package/templates/marketing-launch/support.js +13 -20
  178. package/templates/marketing-newsletter/MarketingNewsletter.dc.html +13 -12
  179. package/templates/marketing-newsletter/ds-base.js +33 -1
  180. package/templates/marketing-newsletter/support.js +13 -20
  181. package/templates/marketing-page/MarketingPage.dc.html +17 -12
  182. package/templates/marketing-page/ds-base.js +33 -1
  183. package/templates/marketing-page/support.js +13 -20
  184. package/templates/marketing-press-release/MarketingPressRelease.dc.html +2 -1
  185. package/templates/marketing-press-release/ds-base.js +33 -1
  186. package/templates/marketing-press-release/support.js +13 -20
  187. package/templates/marketing-social-kit/MarketingSocialKit.dc.html +5 -4
  188. package/templates/marketing-social-kit/ds-base.js +33 -1
  189. package/templates/marketing-social-kit/support.js +13 -20
  190. package/templates/sales-one-pager/SalesOnePager.dc.html +5 -4
  191. package/templates/sales-one-pager/ds-base.js +33 -1
  192. package/templates/sales-one-pager/support.js +13 -20
  193. package/templates/sales-proposal-deck/SalesProposalDeck.dc.html +7 -6
  194. package/templates/sales-proposal-deck/ds-base.js +33 -1
  195. package/templates/sales-proposal-deck/support.js +13 -20
  196. package/templates/settings/Settings.dc.html +5 -1
  197. package/templates/settings/ds-base.js +33 -1
  198. package/templates/settings/support.js +13 -20
  199. package/templates/slide-deck/SlideDeck.dc.html +5 -4
  200. package/templates/slide-deck/ds-base.js +33 -1
  201. package/templates/slide-deck/support.js +13 -20
  202. package/templates/team-meeting-agenda/TeamMeetingAgenda.dc.html +2 -1
  203. package/templates/team-meeting-agenda/ds-base.js +33 -1
  204. package/templates/team-meeting-agenda/support.js +13 -20
  205. package/templates/tech-incident-report/TechIncidentReport.dc.html +3 -2
  206. package/templates/tech-incident-report/ds-base.js +33 -1
  207. package/templates/tech-incident-report/support.js +13 -20
  208. package/templates/tech-release-notes/TechReleaseNotes.dc.html +6 -5
  209. package/templates/tech-release-notes/ds-base.js +33 -1
  210. package/templates/tech-release-notes/support.js +13 -20
  211. package/templates/tech-retro/TechRetro.dc.html +4 -3
  212. package/templates/tech-retro/ds-base.js +33 -1
  213. package/templates/tech-retro/support.js +13 -20
  214. package/templates/tech-rfc/TechRfc.dc.html +3 -2
  215. package/templates/tech-rfc/ds-base.js +33 -1
  216. package/templates/tech-rfc/support.js +13 -20
  217. package/templates/vn-appointment-transfer/VnAppointmentTransfer.dc.html +36 -35
  218. package/templates/vn-appointment-transfer/ds-base.js +33 -1
  219. package/templates/vn-appointment-transfer/support.js +13 -20
  220. package/templates/vn-certificate-of-employment/VnCertificateOfEmployment.dc.html +27 -26
  221. package/templates/vn-certificate-of-employment/ds-base.js +33 -1
  222. package/templates/vn-certificate-of-employment/support.js +13 -20
  223. package/templates/vn-code-of-conduct/VnCodeOfConduct.dc.html +44 -43
  224. package/templates/vn-code-of-conduct/ds-base.js +33 -1
  225. package/templates/vn-code-of-conduct/support.js +13 -20
  226. package/templates/vn-compensation-regulation/VnCompensationRegulation.dc.html +53 -52
  227. package/templates/vn-compensation-regulation/ds-base.js +33 -1
  228. package/templates/vn-compensation-regulation/support.js +13 -20
  229. package/templates/vn-contract-amendment/VnContractAmendment.dc.html +41 -40
  230. package/templates/vn-contract-amendment/ds-base.js +33 -1
  231. package/templates/vn-contract-amendment/support.js +13 -20
  232. package/templates/vn-contractor-agreement/VnContractorAgreement.dc.html +50 -49
  233. package/templates/vn-contractor-agreement/ds-base.js +33 -1
  234. package/templates/vn-contractor-agreement/support.js +13 -20
  235. package/templates/vn-data-protection-policy/VnDataProtectionPolicy.dc.html +54 -53
  236. package/templates/vn-data-protection-policy/ds-base.js +33 -1
  237. package/templates/vn-data-protection-policy/support.js +13 -20
  238. package/templates/vn-disciplinary-case-file/VnDisciplinaryCaseFile.dc.html +72 -71
  239. package/templates/vn-disciplinary-case-file/ds-base.js +33 -1
  240. package/templates/vn-disciplinary-case-file/support.js +13 -20
  241. package/templates/vn-disciplinary-schedule/VnDisciplinarySchedule.dc.html +21 -20
  242. package/templates/vn-disciplinary-schedule/ds-base.js +33 -1
  243. package/templates/vn-disciplinary-schedule/support.js +13 -20
  244. package/templates/vn-employee-request/VnEmployeeRequest.dc.html +54 -53
  245. package/templates/vn-employee-request/ds-base.js +33 -1
  246. package/templates/vn-employee-request/support.js +13 -20
  247. package/templates/vn-exit-handover/VnExitHandover.dc.html +122 -121
  248. package/templates/vn-exit-handover/ds-base.js +33 -1
  249. package/templates/vn-exit-handover/support.js +13 -20
  250. package/templates/vn-foreign-employee-pack/VnForeignEmployeePack.dc.html +31 -30
  251. package/templates/vn-foreign-employee-pack/ds-base.js +33 -1
  252. package/templates/vn-foreign-employee-pack/support.js +13 -20
  253. package/templates/vn-grassroots-democracy/VnGrassrootsDemocracy.dc.html +54 -53
  254. package/templates/vn-grassroots-democracy/ds-base.js +33 -1
  255. package/templates/vn-grassroots-democracy/support.js +13 -20
  256. package/templates/vn-infosec-policy/VnInfosecPolicy.dc.html +50 -49
  257. package/templates/vn-infosec-policy/ds-base.js +33 -1
  258. package/templates/vn-infosec-policy/support.js +13 -20
  259. package/templates/vn-internal-labor-regulations/VnInternalLaborRegulations.dc.html +84 -83
  260. package/templates/vn-internal-labor-regulations/ds-base.js +33 -1
  261. package/templates/vn-internal-labor-regulations/support.js +13 -20
  262. package/templates/vn-internship-agreement/VnInternshipAgreement.dc.html +44 -43
  263. package/templates/vn-internship-agreement/ds-base.js +33 -1
  264. package/templates/vn-internship-agreement/support.js +13 -20
  265. package/templates/vn-job-description/VnJobDescription.dc.html +28 -27
  266. package/templates/vn-job-description/ds-base.js +33 -1
  267. package/templates/vn-job-description/support.js +13 -20
  268. package/templates/vn-labor-contract/VnLaborContract.dc.html +109 -108
  269. package/templates/vn-labor-contract/ds-base.js +33 -1
  270. package/templates/vn-labor-contract/support.js +13 -20
  271. package/templates/vn-labour-management-book/VnLabourManagementBook.dc.html +32 -31
  272. package/templates/vn-labour-management-book/ds-base.js +33 -1
  273. package/templates/vn-labour-management-book/support.js +13 -20
  274. package/templates/vn-mutual-nda/VnMutualNda.dc.html +45 -44
  275. package/templates/vn-mutual-nda/ds-base.js +33 -1
  276. package/templates/vn-mutual-nda/support.js +13 -20
  277. package/templates/vn-ndnca-ip/VnNdncaIp.dc.html +73 -72
  278. package/templates/vn-ndnca-ip/ds-base.js +33 -1
  279. package/templates/vn-ndnca-ip/support.js +13 -20
  280. package/templates/vn-offer-letter/VnOfferLetter.dc.html +32 -31
  281. package/templates/vn-offer-letter/ds-base.js +33 -1
  282. package/templates/vn-offer-letter/support.js +13 -20
  283. package/templates/vn-onboarding-checklist/VnOnboardingChecklist.dc.html +16 -15
  284. package/templates/vn-onboarding-checklist/ds-base.js +33 -1
  285. package/templates/vn-onboarding-checklist/support.js +13 -20
  286. package/templates/vn-pdpl-consent/VnPdplConsent.dc.html +43 -42
  287. package/templates/vn-pdpl-consent/ds-base.js +33 -1
  288. package/templates/vn-pdpl-consent/support.js +13 -20
  289. package/templates/vn-performance-evaluation-regulation/VnPerformanceEvaluationRegulation.dc.html +65 -64
  290. package/templates/vn-performance-evaluation-regulation/ds-base.js +33 -1
  291. package/templates/vn-performance-evaluation-regulation/support.js +13 -20
  292. package/templates/vn-performance-review-form/VnPerformanceReviewForm.dc.html +49 -48
  293. package/templates/vn-performance-review-form/ds-base.js +33 -1
  294. package/templates/vn-performance-review-form/support.js +13 -20
  295. package/templates/vn-phantom-stock/VnPhantomStock.dc.html +41 -40
  296. package/templates/vn-phantom-stock/ds-base.js +33 -1
  297. package/templates/vn-phantom-stock/support.js +13 -20
  298. package/templates/vn-probation-contract/VnProbationContract.dc.html +56 -55
  299. package/templates/vn-probation-contract/ds-base.js +33 -1
  300. package/templates/vn-probation-contract/support.js +13 -20
  301. package/templates/vn-receipt-acknowledgement/VnReceiptAcknowledgement.dc.html +28 -27
  302. package/templates/vn-receipt-acknowledgement/ds-base.js +33 -1
  303. package/templates/vn-receipt-acknowledgement/support.js +13 -20
  304. package/templates/vn-remote-work-policy/VnRemoteWorkPolicy.dc.html +44 -43
  305. package/templates/vn-remote-work-policy/ds-base.js +33 -1
  306. package/templates/vn-remote-work-policy/support.js +13 -20
  307. package/templates/vn-resignation-letter/VnResignationLetter.dc.html +20 -19
  308. package/templates/vn-resignation-letter/ds-base.js +33 -1
  309. package/templates/vn-resignation-letter/support.js +13 -20
  310. package/templates/vn-salary-scale/VnSalaryScale.dc.html +39 -38
  311. package/templates/vn-salary-scale/ds-base.js +33 -1
  312. package/templates/vn-salary-scale/support.js +13 -20
  313. package/templates/vn-sow-appendix/VnSowAppendix.dc.html +21 -20
  314. package/templates/vn-sow-appendix/ds-base.js +33 -1
  315. package/templates/vn-sow-appendix/support.js +13 -20
  316. package/templates/vn-termination-decision/VnTerminationDecision.dc.html +25 -24
  317. package/templates/vn-termination-decision/ds-base.js +33 -1
  318. package/templates/vn-termination-decision/support.js +13 -20
  319. package/templates/vn-total-rewards-appendix/VnTotalRewardsAppendix.dc.html +63 -62
  320. package/templates/vn-total-rewards-appendix/ds-base.js +33 -1
  321. package/templates/vn-total-rewards-appendix/support.js +13 -20
  322. package/templates/vn-training-commitment/VnTrainingCommitment.dc.html +39 -38
  323. package/templates/vn-training-commitment/ds-base.js +33 -1
  324. package/templates/vn-training-commitment/support.js +13 -20
  325. package/templates/vn-travel-expense-policy/VnTravelExpensePolicy.dc.html +50 -49
  326. package/templates/vn-travel-expense-policy/ds-base.js +33 -1
  327. package/templates/vn-travel-expense-policy/support.js +13 -20
  328. package/tokens/colors.css +19 -1
  329. package/tokens/component-tokens.css +1 -0
  330. package/tokens/elements.css +35 -2
  331. package/tokens/elevation.css +8 -2
  332. package/tokens/native/CSTokens.kt +35 -1
  333. package/tokens/native/CSTokens.swift +35 -1
  334. package/tokens/native/cs_tokens.dart +35 -1
  335. package/tokens/provenance.json +12 -12
  336. package/tokens/spacing.css +2 -0
  337. package/tokens/tokens.dtcg.json +111 -3
  338. package/tokens/tokens.js +46 -6
  339. package/tokens/tokens.json +45 -5
  340. package/tokens/typography.css +2 -0
  341. package/ui_kits/deck/index.html +4 -0
  342. package/ui_kits/status-hub/StatusHub.jsx +30 -4
  343. package/ui_kits/status-hub/index.html +3 -3
  344. package/ui_kits/status-hub/login.html +4 -0
  345. package/ui_kits/status-hub/project.html +4 -0
  346. package/ui_kits/status-hub/settings.html +35 -13
  347. package/ui_kits/status-hub/status.css +5 -1
  348. package/ui_kits/website/Website.jsx +25 -3
  349. package/ui_kits/website/careers.html +4 -0
  350. package/ui_kits/website/chat.html +5 -3
  351. package/ui_kits/website/index.html +3 -3
  352. package/ui_kits/website/site.css +2 -2
  353. package/ui_kits/website/work.html +4 -0
@@ -1,6 +1,6 @@
1
1
  // CyberSkill Design System — native design tokens.
2
2
  // GENERATED from tokens/tokens.dtcg.json — do not hand-edit; regenerate on token change.
3
- // release v1.1.1 · source sha256 9386ad73cf23d458…
3
+ // release v1.1.1 · source sha256 16b39bda3ee5b664…
4
4
  // conversions: rem→px at 16 · em→…Em relative doubles · rgba alpha→ARGB byte (round(a*255)) · durations in ms
5
5
  // dark element packs: see $extensions.overrides.elementsDark
6
6
  // provenance: tokens/provenance.json · parity gate: _audit/token-pipeline-test.html
@@ -30,6 +30,10 @@ public enum CSTokens {
30
30
  public static let colorBorderDefault = color(0xE7D9C6)
31
31
  public static let colorLink = color(0x6E3B0E)
32
32
  public static let colorLinkHover = color(0x45210E)
33
+ public static let colorSemanticSuccessFg = color(0xFFFFFF)
34
+ public static let colorSemanticDangerFg = color(0xFFFFFF)
35
+ public static let colorSemanticWarningFg = color(0xFFFFFF)
36
+ public static let colorSemanticInfoFg = color(0xFFFFFF)
33
37
  public static let componentButtonPrimaryBg = color(0x45210E)
34
38
  public static let componentButtonPrimaryFg = color(0xFFFFFF)
35
39
  public static let componentButtonGap: CGFloat = 8
@@ -54,6 +58,7 @@ public enum CSTokens {
54
58
  public static let componentTextfieldPaddingY: CGFloat = 10
55
59
  public static let componentTextfieldPaddingX: CGFloat = 12
56
60
  public static let componentTextfieldMinHeight: CGFloat = 44
61
+ public static let focusRing: CGFloat = 3
57
62
  public static let accent = color(0xF4BA17)
58
63
  public static let accentStrong = color(0xA47D17)
59
64
  public static let accentBright = color(0xF4BA17)
@@ -63,12 +68,15 @@ public enum CSTokens {
63
68
  public static let accentGlow = color(0xF4BA17, alpha: 0.48)
64
69
  public static let accentGradA = color(0xF4BA17)
65
70
  public static let accentGradB = color(0xFCAF91)
71
+ public static let accentOnStrong = color(0x1A1108)
66
72
  public static let depthBg: Double = 0
67
73
  public static let depthSection: Double = 5
68
74
  public static let depthCard: Double = 10
69
75
  public static let depthNav: Double = 50
70
76
  public static let depthModal: Double = 100
71
77
  public static let depthToast: Double = 200
78
+ public static let depthDropdown: Double = 60
79
+ public static let depthOverlay: Double = 80
72
80
  public static let glassWhisperBlur: CGFloat = 8
73
81
  public static let glassWhisperSaturate: String = "110%"
74
82
  public static let glassWhisperOpacity: String = "60%"
@@ -118,6 +126,7 @@ public enum CSTokens {
118
126
  public static let breakpointXl: CGFloat = 1280
119
127
  public static let breakpoint2xl: CGFloat = 1536
120
128
  public static let containerMax: CGFloat = 1320
129
+ public static let proseMeasure: CGFloat = 720
121
130
  public static let fontFamilyUi: String = "Be Vietnam Pro, ui-sans-serif, system-ui, sans-serif"
122
131
  public static let fontFamilyDisplay: String = "Space Grotesk, Be Vietnam Pro, ui-sans-serif, system-ui, sans-serif"
123
132
  public static let fontFamilyMono: String = "JetBrains Mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace"
@@ -129,6 +138,7 @@ public enum CSTokens {
129
138
  public static let fontLineHeightBody: Double = 1.5
130
139
  public static let fontLineHeightHeading: Double = 1.35
131
140
  public static let fontLineHeightTight: Double = 1.15
141
+ public static let fontSize2xs: CGFloat = 11
132
142
  public static let fontSizeXs: CGFloat = 12
133
143
  public static let fontSizeSm: CGFloat = 14
134
144
  public static let fontSizeBase: CGFloat = 16
@@ -147,6 +157,7 @@ public enum CSTokens {
147
157
  public static let textBodyLg: String = "var(--cs-font-size-md)"
148
158
  public static let textBody: String = "var(--cs-font-size-base)"
149
159
  public static let textSecondary: String = "var(--cs-font-size-sm)"
160
+ public static let textMicro: String = "var(--cs-font-size-2xs)"
150
161
  public static let textCaption: String = "var(--cs-font-size-xs)"
151
162
  public static let textEyebrow: String = "var(--cs-font-size-xs)"
152
163
  public static let letterSpacingTightEm: Double = -0.01
@@ -159,6 +170,10 @@ public enum CSTokens {
159
170
  public static let iconSm: CGFloat = 16
160
171
  public static let iconMd: CGFloat = 20
161
172
  public static let iconLg: CGFloat = 24
173
+ public static let docInk = color(0x1A1614)
174
+ public static let docSlate = color(0x3F4C55)
175
+ public static let docFill = color(0xFDE68A)
176
+ public static let docFillInk = color(0x1A1614)
162
177
 
163
178
  // MARK: dark-theme color overrides
164
179
  public static let colorSurfacePageDark = color(0x1A1108)
@@ -178,96 +193,115 @@ public enum CSTokens {
178
193
  public static let componentButtonPrimaryBgDark = color(0xF4BA17)
179
194
  public static let componentButtonPrimaryFgDark = color(0x1A1108)
180
195
  public static let componentTextfieldBorderDefaultDark = color(0x5A4636)
196
+ public static let colorSemanticSuccessFgDark = color(0x1A1108)
197
+ public static let colorSemanticDangerFgDark = color(0x1A1108)
198
+ public static let colorSemanticWarningFgDark = color(0x1A1108)
199
+ public static let colorSemanticInfoFgDark = color(0x1A1108)
181
200
 
182
201
  // MARK: dark elemental accent packs (APCA-derived, v4.0.0)
183
202
  public static let accentThoSandDark = color(0xF8E9C0)
184
203
  public static let accentBrightThoSandDark = color(0xF6EBCC)
185
204
  public static let accentStrongThoSandDark = color(0x665A37)
186
205
  public static let accentOnThoSandDark = color(0xF5EAD9)
206
+ public static let accentOnStrongThoSandDark = color(0xFFFDF8)
187
207
  public static let accentTintThoSandDark = color(0x332701)
188
208
  public static let accentInkThoSandDark = color(0xF6EBCC)
189
209
  public static let accentThoDark = color(0xF4BA17)
190
210
  public static let accentBrightThoDark = color(0xFEC42C)
191
211
  public static let accentStrongThoDark = color(0x73560B)
192
212
  public static let accentOnThoDark = color(0xF5EAD9)
213
+ public static let accentOnStrongThoDark = color(0xFFFDF8)
193
214
  public static let accentTintThoDark = color(0x352602)
194
215
  public static let accentInkThoDark = color(0xFECD5E)
195
216
  public static let accentThoClayDark = color(0xCDB07E)
196
217
  public static let accentBrightThoClayDark = color(0xE4CDA8)
197
218
  public static let accentStrongThoClayDark = color(0x1F1300)
198
219
  public static let accentOnThoClayDark = color(0xF5EAD9)
220
+ public static let accentOnStrongThoClayDark = color(0xFFFDF8)
199
221
  public static let accentTintThoClayDark = color(0x372502)
200
222
  public static let accentInkThoClayDark = color(0xE7D0AB)
201
223
  public static let accentHoaPlasmaDark = color(0xFFE1D8)
202
224
  public static let accentBrightHoaPlasmaDark = color(0xFCE6DF)
203
225
  public static let accentStrongHoaPlasmaDark = color(0x6F5750)
204
226
  public static let accentOnHoaPlasmaDark = color(0xF5EAD9)
227
+ public static let accentOnStrongHoaPlasmaDark = color(0xFFFDF8)
205
228
  public static let accentTintHoaPlasmaDark = color(0x38231C)
206
229
  public static let accentInkHoaPlasmaDark = color(0xFCE6DF)
207
230
  public static let accentHoaDark = color(0xFCAF91)
208
231
  public static let accentBrightHoaDark = color(0xFED3C3)
209
232
  public static let accentStrongHoaDark = color(0x8A4A30)
210
233
  public static let accentOnHoaDark = color(0xF5EAD9)
234
+ public static let accentOnStrongHoaDark = color(0xFFFDF8)
211
235
  public static let accentTintHoaDark = color(0x411E0F)
212
236
  public static let accentInkHoaDark = color(0xFED3C3)
213
237
  public static let accentHoaLavaDark = color(0xE8A683)
214
238
  public static let accentBrightHoaLavaDark = color(0xF8C4AA)
215
239
  public static let accentStrongHoaLavaDark = color(0x280D00)
216
240
  public static let accentOnHoaLavaDark = color(0xF5EAD9)
241
+ public static let accentOnStrongHoaLavaDark = color(0xFFFDF8)
217
242
  public static let accentTintHoaLavaDark = color(0x401F0B)
218
243
  public static let accentInkHoaLavaDark = color(0xFBC7AD)
219
244
  public static let accentThuyMistDark = color(0xC0F5FC)
220
245
  public static let accentBrightThuyMistDark = color(0xCDF4F9)
221
246
  public static let accentStrongThuyMistDark = color(0x316167)
222
247
  public static let accentOnThuyMistDark = color(0xF5EAD9)
248
+ public static let accentOnStrongThuyMistDark = color(0xFFFDF8)
223
249
  public static let accentTintThuyMistDark = color(0x022F34)
224
250
  public static let accentInkThuyMistDark = color(0xCDF4F9)
225
251
  public static let accentThuyDark = color(0x2EDBF7)
226
252
  public static let accentBrightThuyDark = color(0x99EEFF)
227
253
  public static let accentStrongThuyDark = color(0x046270)
228
254
  public static let accentOnThuyDark = color(0xF5EAD9)
255
+ public static let accentOnStrongThuyDark = color(0xFFFDF8)
229
256
  public static let accentTintThuyDark = color(0x032F36)
230
257
  public static let accentInkThuyDark = color(0x99EEFF)
231
258
  public static let accentThuyOceanDark = color(0x82BCCD)
232
259
  public static let accentBrightThuyOceanDark = color(0xABD6E3)
233
260
  public static let accentStrongThuyOceanDark = color(0x011A21)
234
261
  public static let accentOnThuyOceanDark = color(0xF5EAD9)
262
+ public static let accentOnStrongThuyOceanDark = color(0xFFFDF8)
235
263
  public static let accentTintThuyOceanDark = color(0x002F3A)
236
264
  public static let accentInkThuyOceanDark = color(0xAED9E6)
237
265
  public static let accentMocBambooDark = color(0xE1F1C8)
238
266
  public static let accentBrightMocBambooDark = color(0xE5F1D2)
239
267
  public static let accentStrongMocBambooDark = color(0x54603E)
240
268
  public static let accentOnMocBambooDark = color(0xF5EAD9)
269
+ public static let accentOnStrongMocBambooDark = color(0xFFFDF8)
241
270
  public static let accentTintMocBambooDark = color(0x232D0B)
242
271
  public static let accentInkMocBambooDark = color(0xE5F1D2)
243
272
  public static let accentMocDark = color(0xA3D768)
244
273
  public static let accentBrightMocDark = color(0xC5ED9C)
245
274
  public static let accentStrongMocDark = color(0x416501)
246
275
  public static let accentOnMocDark = color(0xF5EAD9)
276
+ public static let accentOnStrongMocDark = color(0xFFFDF8)
247
277
  public static let accentTintMocDark = color(0x1F2E0B)
248
278
  public static let accentInkMocDark = color(0xC5ED9C)
249
279
  public static let accentMocForestDark = color(0x8EC27D)
250
280
  public static let accentBrightMocForestDark = color(0xB0D8A3)
251
281
  public static let accentStrongMocForestDark = color(0x061D00)
252
282
  public static let accentOnMocForestDark = color(0xF5EAD9)
283
+ public static let accentOnStrongMocForestDark = color(0xFFFDF8)
253
284
  public static let accentTintMocForestDark = color(0x193011)
254
285
  public static let accentInkMocForestDark = color(0xB6DFA9)
255
286
  public static let accentKimTitaniumDark = color(0xFEE5C7)
256
287
  public static let accentBrightKimTitaniumDark = color(0xFBE8D2)
257
288
  public static let accentStrongKimTitaniumDark = color(0x6B573E)
258
289
  public static let accentOnKimTitaniumDark = color(0xF5EAD9)
290
+ public static let accentOnStrongKimTitaniumDark = color(0xFFFDF8)
259
291
  public static let accentTintKimTitaniumDark = color(0x37250B)
260
292
  public static let accentInkKimTitaniumDark = color(0xFBE8D2)
261
293
  public static let accentKimDark = color(0xF3B958)
262
294
  public static let accentBrightKimDark = color(0xFDD89F)
263
295
  public static let accentStrongKimDark = color(0x795303)
264
296
  public static let accentOnKimDark = color(0xF5EAD9)
297
+ public static let accentOnStrongKimDark = color(0xFFFDF8)
265
298
  public static let accentTintKimDark = color(0x382503)
266
299
  public static let accentInkKimDark = color(0xFDD89F)
267
300
  public static let accentKimSteelDark = color(0xCCB17E)
268
301
  public static let accentBrightKimSteelDark = color(0xDFCBA5)
269
302
  public static let accentStrongKimSteelDark = color(0x1F1400)
270
303
  public static let accentOnKimSteelDark = color(0xF5EAD9)
304
+ public static let accentOnStrongKimSteelDark = color(0xFFFDF8)
271
305
  public static let accentTintKimSteelDark = color(0x362602)
272
306
  public static let accentInkKimSteelDark = color(0xE6D1AB)
273
307
  }
@@ -1,6 +1,6 @@
1
1
  // CyberSkill Design System — native design tokens.
2
2
  // GENERATED from tokens/tokens.dtcg.json — do not hand-edit; regenerate on token change.
3
- // release v1.1.1 · source sha256 9386ad73cf23d458…
3
+ // release v1.1.1 · source sha256 16b39bda3ee5b664…
4
4
  // conversions: rem→px at 16 · em→…Em relative doubles · rgba alpha→ARGB byte (round(a*255)) · durations in ms
5
5
  // dark element packs: see $extensions.overrides.elementsDark
6
6
  // provenance: tokens/provenance.json · parity gate: _audit/token-pipeline-test.html
@@ -26,6 +26,10 @@ class CSTokens {
26
26
  static const Color colorBorderDefault = Color(0xFFE7D9C6);
27
27
  static const Color colorLink = Color(0xFF6E3B0E);
28
28
  static const Color colorLinkHover = Color(0xFF45210E);
29
+ static const Color colorSemanticSuccessFg = Color(0xFFFFFFFF);
30
+ static const Color colorSemanticDangerFg = Color(0xFFFFFFFF);
31
+ static const Color colorSemanticWarningFg = Color(0xFFFFFFFF);
32
+ static const Color colorSemanticInfoFg = Color(0xFFFFFFFF);
29
33
  static const Color componentButtonPrimaryBg = Color(0xFF45210E);
30
34
  static const Color componentButtonPrimaryFg = Color(0xFFFFFFFF);
31
35
  static const double componentButtonGap = 8;
@@ -50,6 +54,7 @@ class CSTokens {
50
54
  static const double componentTextfieldPaddingY = 10;
51
55
  static const double componentTextfieldPaddingX = 12;
52
56
  static const double componentTextfieldMinHeight = 44;
57
+ static const double focusRing = 3;
53
58
  static const Color accent = Color(0xFFF4BA17);
54
59
  static const Color accentStrong = Color(0xFFA47D17);
55
60
  static const Color accentBright = Color(0xFFF4BA17);
@@ -59,12 +64,15 @@ class CSTokens {
59
64
  static const Color accentGlow = Color(0x7AF4BA17);
60
65
  static const Color accentGradA = Color(0xFFF4BA17);
61
66
  static const Color accentGradB = Color(0xFFFCAF91);
67
+ static const Color accentOnStrong = Color(0xFF1A1108);
62
68
  static const double depthBg = 0;
63
69
  static const double depthSection = 5;
64
70
  static const double depthCard = 10;
65
71
  static const double depthNav = 50;
66
72
  static const double depthModal = 100;
67
73
  static const double depthToast = 200;
74
+ static const double depthDropdown = 60;
75
+ static const double depthOverlay = 80;
68
76
  static const double glassWhisperBlur = 8;
69
77
  static const String glassWhisperSaturate = "110%";
70
78
  static const String glassWhisperOpacity = "60%";
@@ -114,6 +122,7 @@ class CSTokens {
114
122
  static const double breakpointXl = 1280;
115
123
  static const double breakpoint2xl = 1536;
116
124
  static const double containerMax = 1320;
125
+ static const double proseMeasure = 720;
117
126
  static const String fontFamilyUi = "Be Vietnam Pro, ui-sans-serif, system-ui, sans-serif";
118
127
  static const String fontFamilyDisplay = "Space Grotesk, Be Vietnam Pro, ui-sans-serif, system-ui, sans-serif";
119
128
  static const String fontFamilyMono = "JetBrains Mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace";
@@ -125,6 +134,7 @@ class CSTokens {
125
134
  static const double fontLineHeightBody = 1.5;
126
135
  static const double fontLineHeightHeading = 1.35;
127
136
  static const double fontLineHeightTight = 1.15;
137
+ static const double fontSize2xs = 11;
128
138
  static const double fontSizeXs = 12;
129
139
  static const double fontSizeSm = 14;
130
140
  static const double fontSizeBase = 16;
@@ -143,6 +153,7 @@ class CSTokens {
143
153
  static const String textBodyLg = "var(--cs-font-size-md)";
144
154
  static const String textBody = "var(--cs-font-size-base)";
145
155
  static const String textSecondary = "var(--cs-font-size-sm)";
156
+ static const String textMicro = "var(--cs-font-size-2xs)";
146
157
  static const String textCaption = "var(--cs-font-size-xs)";
147
158
  static const String textEyebrow = "var(--cs-font-size-xs)";
148
159
  static const double letterSpacingTightEm = -0.01;
@@ -155,6 +166,10 @@ class CSTokens {
155
166
  static const double iconSm = 16;
156
167
  static const double iconMd = 20;
157
168
  static const double iconLg = 24;
169
+ static const Color docInk = Color(0xFF1A1614);
170
+ static const Color docSlate = Color(0xFF3F4C55);
171
+ static const Color docFill = Color(0xFFFDE68A);
172
+ static const Color docFillInk = Color(0xFF1A1614);
158
173
 
159
174
  // dark-theme color overrides
160
175
  static const Color colorSurfacePageDark = Color(0xFF1A1108);
@@ -174,96 +189,115 @@ class CSTokens {
174
189
  static const Color componentButtonPrimaryBgDark = Color(0xFFF4BA17);
175
190
  static const Color componentButtonPrimaryFgDark = Color(0xFF1A1108);
176
191
  static const Color componentTextfieldBorderDefaultDark = Color(0xFF5A4636);
192
+ static const Color colorSemanticSuccessFgDark = Color(0xFF1A1108);
193
+ static const Color colorSemanticDangerFgDark = Color(0xFF1A1108);
194
+ static const Color colorSemanticWarningFgDark = Color(0xFF1A1108);
195
+ static const Color colorSemanticInfoFgDark = Color(0xFF1A1108);
177
196
 
178
197
  // dark elemental accent packs (APCA-derived, v4.0.0)
179
198
  static const Color accentThoSandDark = Color(0xFFF8E9C0);
180
199
  static const Color accentBrightThoSandDark = Color(0xFFF6EBCC);
181
200
  static const Color accentStrongThoSandDark = Color(0xFF665A37);
182
201
  static const Color accentOnThoSandDark = Color(0xFFF5EAD9);
202
+ static const Color accentOnStrongThoSandDark = Color(0xFFFFFDF8);
183
203
  static const Color accentTintThoSandDark = Color(0xFF332701);
184
204
  static const Color accentInkThoSandDark = Color(0xFFF6EBCC);
185
205
  static const Color accentThoDark = Color(0xFFF4BA17);
186
206
  static const Color accentBrightThoDark = Color(0xFFFEC42C);
187
207
  static const Color accentStrongThoDark = Color(0xFF73560B);
188
208
  static const Color accentOnThoDark = Color(0xFFF5EAD9);
209
+ static const Color accentOnStrongThoDark = Color(0xFFFFFDF8);
189
210
  static const Color accentTintThoDark = Color(0xFF352602);
190
211
  static const Color accentInkThoDark = Color(0xFFFECD5E);
191
212
  static const Color accentThoClayDark = Color(0xFFCDB07E);
192
213
  static const Color accentBrightThoClayDark = Color(0xFFE4CDA8);
193
214
  static const Color accentStrongThoClayDark = Color(0xFF1F1300);
194
215
  static const Color accentOnThoClayDark = Color(0xFFF5EAD9);
216
+ static const Color accentOnStrongThoClayDark = Color(0xFFFFFDF8);
195
217
  static const Color accentTintThoClayDark = Color(0xFF372502);
196
218
  static const Color accentInkThoClayDark = Color(0xFFE7D0AB);
197
219
  static const Color accentHoaPlasmaDark = Color(0xFFFFE1D8);
198
220
  static const Color accentBrightHoaPlasmaDark = Color(0xFFFCE6DF);
199
221
  static const Color accentStrongHoaPlasmaDark = Color(0xFF6F5750);
200
222
  static const Color accentOnHoaPlasmaDark = Color(0xFFF5EAD9);
223
+ static const Color accentOnStrongHoaPlasmaDark = Color(0xFFFFFDF8);
201
224
  static const Color accentTintHoaPlasmaDark = Color(0xFF38231C);
202
225
  static const Color accentInkHoaPlasmaDark = Color(0xFFFCE6DF);
203
226
  static const Color accentHoaDark = Color(0xFFFCAF91);
204
227
  static const Color accentBrightHoaDark = Color(0xFFFED3C3);
205
228
  static const Color accentStrongHoaDark = Color(0xFF8A4A30);
206
229
  static const Color accentOnHoaDark = Color(0xFFF5EAD9);
230
+ static const Color accentOnStrongHoaDark = Color(0xFFFFFDF8);
207
231
  static const Color accentTintHoaDark = Color(0xFF411E0F);
208
232
  static const Color accentInkHoaDark = Color(0xFFFED3C3);
209
233
  static const Color accentHoaLavaDark = Color(0xFFE8A683);
210
234
  static const Color accentBrightHoaLavaDark = Color(0xFFF8C4AA);
211
235
  static const Color accentStrongHoaLavaDark = Color(0xFF280D00);
212
236
  static const Color accentOnHoaLavaDark = Color(0xFFF5EAD9);
237
+ static const Color accentOnStrongHoaLavaDark = Color(0xFFFFFDF8);
213
238
  static const Color accentTintHoaLavaDark = Color(0xFF401F0B);
214
239
  static const Color accentInkHoaLavaDark = Color(0xFFFBC7AD);
215
240
  static const Color accentThuyMistDark = Color(0xFFC0F5FC);
216
241
  static const Color accentBrightThuyMistDark = Color(0xFFCDF4F9);
217
242
  static const Color accentStrongThuyMistDark = Color(0xFF316167);
218
243
  static const Color accentOnThuyMistDark = Color(0xFFF5EAD9);
244
+ static const Color accentOnStrongThuyMistDark = Color(0xFFFFFDF8);
219
245
  static const Color accentTintThuyMistDark = Color(0xFF022F34);
220
246
  static const Color accentInkThuyMistDark = Color(0xFFCDF4F9);
221
247
  static const Color accentThuyDark = Color(0xFF2EDBF7);
222
248
  static const Color accentBrightThuyDark = Color(0xFF99EEFF);
223
249
  static const Color accentStrongThuyDark = Color(0xFF046270);
224
250
  static const Color accentOnThuyDark = Color(0xFFF5EAD9);
251
+ static const Color accentOnStrongThuyDark = Color(0xFFFFFDF8);
225
252
  static const Color accentTintThuyDark = Color(0xFF032F36);
226
253
  static const Color accentInkThuyDark = Color(0xFF99EEFF);
227
254
  static const Color accentThuyOceanDark = Color(0xFF82BCCD);
228
255
  static const Color accentBrightThuyOceanDark = Color(0xFFABD6E3);
229
256
  static const Color accentStrongThuyOceanDark = Color(0xFF011A21);
230
257
  static const Color accentOnThuyOceanDark = Color(0xFFF5EAD9);
258
+ static const Color accentOnStrongThuyOceanDark = Color(0xFFFFFDF8);
231
259
  static const Color accentTintThuyOceanDark = Color(0xFF002F3A);
232
260
  static const Color accentInkThuyOceanDark = Color(0xFFAED9E6);
233
261
  static const Color accentMocBambooDark = Color(0xFFE1F1C8);
234
262
  static const Color accentBrightMocBambooDark = Color(0xFFE5F1D2);
235
263
  static const Color accentStrongMocBambooDark = Color(0xFF54603E);
236
264
  static const Color accentOnMocBambooDark = Color(0xFFF5EAD9);
265
+ static const Color accentOnStrongMocBambooDark = Color(0xFFFFFDF8);
237
266
  static const Color accentTintMocBambooDark = Color(0xFF232D0B);
238
267
  static const Color accentInkMocBambooDark = Color(0xFFE5F1D2);
239
268
  static const Color accentMocDark = Color(0xFFA3D768);
240
269
  static const Color accentBrightMocDark = Color(0xFFC5ED9C);
241
270
  static const Color accentStrongMocDark = Color(0xFF416501);
242
271
  static const Color accentOnMocDark = Color(0xFFF5EAD9);
272
+ static const Color accentOnStrongMocDark = Color(0xFFFFFDF8);
243
273
  static const Color accentTintMocDark = Color(0xFF1F2E0B);
244
274
  static const Color accentInkMocDark = Color(0xFFC5ED9C);
245
275
  static const Color accentMocForestDark = Color(0xFF8EC27D);
246
276
  static const Color accentBrightMocForestDark = Color(0xFFB0D8A3);
247
277
  static const Color accentStrongMocForestDark = Color(0xFF061D00);
248
278
  static const Color accentOnMocForestDark = Color(0xFFF5EAD9);
279
+ static const Color accentOnStrongMocForestDark = Color(0xFFFFFDF8);
249
280
  static const Color accentTintMocForestDark = Color(0xFF193011);
250
281
  static const Color accentInkMocForestDark = Color(0xFFB6DFA9);
251
282
  static const Color accentKimTitaniumDark = Color(0xFFFEE5C7);
252
283
  static const Color accentBrightKimTitaniumDark = Color(0xFFFBE8D2);
253
284
  static const Color accentStrongKimTitaniumDark = Color(0xFF6B573E);
254
285
  static const Color accentOnKimTitaniumDark = Color(0xFFF5EAD9);
286
+ static const Color accentOnStrongKimTitaniumDark = Color(0xFFFFFDF8);
255
287
  static const Color accentTintKimTitaniumDark = Color(0xFF37250B);
256
288
  static const Color accentInkKimTitaniumDark = Color(0xFFFBE8D2);
257
289
  static const Color accentKimDark = Color(0xFFF3B958);
258
290
  static const Color accentBrightKimDark = Color(0xFFFDD89F);
259
291
  static const Color accentStrongKimDark = Color(0xFF795303);
260
292
  static const Color accentOnKimDark = Color(0xFFF5EAD9);
293
+ static const Color accentOnStrongKimDark = Color(0xFFFFFDF8);
261
294
  static const Color accentTintKimDark = Color(0xFF382503);
262
295
  static const Color accentInkKimDark = Color(0xFFFDD89F);
263
296
  static const Color accentKimSteelDark = Color(0xFFCCB17E);
264
297
  static const Color accentBrightKimSteelDark = Color(0xFFDFCBA5);
265
298
  static const Color accentStrongKimSteelDark = Color(0xFF1F1400);
266
299
  static const Color accentOnKimSteelDark = Color(0xFFF5EAD9);
300
+ static const Color accentOnStrongKimSteelDark = Color(0xFFFFFDF8);
267
301
  static const Color accentTintKimSteelDark = Color(0xFF362602);
268
302
  static const Color accentInkKimSteelDark = Color(0xFFE6D1AB);
269
303
  }
@@ -1,10 +1,10 @@
1
1
  {
2
2
  "system": "CyberSkill Design System",
3
- "release": "1.1.1",
3
+ "release": "1.2.0",
4
4
  "source": "tokens/tokens.dtcg.json",
5
- "sourceSha256": "9386ad73cf23d4585fb5d372e872dd76f4df052eab3f78ae211c1060e8662318",
5
+ "sourceSha256": "16b39bda3ee5b664e468777a5cb3868dd990fa2b8e595866ac8547311acbd9ca",
6
6
  "dtcgStamp": {
7
- "version": "1.1.1",
7
+ "version": "1.2.0",
8
8
  "generated": "2026-07-23"
9
9
  },
10
10
  "conversions": {
@@ -16,19 +16,19 @@
16
16
  "darkPackSuffix": "<Scope>Dark (APCA-derived)"
17
17
  },
18
18
  "counts": {
19
- "baseTokens": 146,
19
+ "baseTokens": 161,
20
20
  "byType": {
21
- "color": 29,
22
- "dimension": 75,
23
- "number": 25,
21
+ "color": 38,
22
+ "dimension": 79,
23
+ "number": 27,
24
24
  "shadow": 5,
25
25
  "duration": 4,
26
26
  "cubicBezier": 4,
27
27
  "fontFamily": 4
28
28
  },
29
- "darkColorOverrides": 17,
29
+ "darkColorOverrides": 21,
30
30
  "densityCompactOverrides": 0,
31
- "darkPackConstants": 90,
31
+ "darkPackConstants": 105,
32
32
  "skipped": 0
33
33
  },
34
34
  "skipped": [],
@@ -36,17 +36,17 @@
36
36
  {
37
37
  "file": "tokens/native/CSTokens.swift",
38
38
  "lang": "swift",
39
- "sha256": "2afd8e884a220a9220723301ae030bd146853fd2c793e4adfe61dc8b2097f931"
39
+ "sha256": "e30fc4cd3812889f798998962737ad5e73b4412570ced96a73a6fe0b97280437"
40
40
  },
41
41
  {
42
42
  "file": "tokens/native/CSTokens.kt",
43
43
  "lang": "kotlin",
44
- "sha256": "1d60bc32651a87afd6c12b2bf8737fec095f7107c369e89fb16b11368dd1c4a3"
44
+ "sha256": "b20806d0f8219a6e26eefe552e112985be1b7cffd583c3e83f12cf01daf50ab4"
45
45
  },
46
46
  {
47
47
  "file": "tokens/native/cs_tokens.dart",
48
48
  "lang": "dart",
49
- "sha256": "ea9b03e737c65921d9045424099beb63eb9a90f6149af54082925665f90543c8"
49
+ "sha256": "56ad7d6bdcd60140a442c1193d863eb062ac43a1d980d3e6ca50d9f1f69ea5a2"
50
50
  }
51
51
  ]
52
52
  }
@@ -31,4 +31,6 @@
31
31
 
32
32
  /* Layout */
33
33
  --cs-container-max: 1320px;
34
+ /* Readable prose measure (UX-024) — ~65–75ch for long-form kit/tool copy */
35
+ --cs-prose-measure: 45rem;
34
36
  }