Design System Team/Current Status

Goals

edit

Our goals for the current year are captured in our FY23-24 impact on WE3.1. The metrics being:

  1. 75% of WMF and WMDE teams building user interfaces have used Codex in a project at least once.
  2. When surveyed, 100% of designers and developers who have used Codex do not wish to go back to using legacy tools and ways of working.

Work Streams

edit

Current (FY23-24)

edit
Title Description Drivers Status Phabricator Links
Skin Variables Migrate mediawik.ui and WikimediaUI Base variables to Codex tokens. Volker   Done T332541, T334934
Vue 2 to 3 Migration Migrate all WMF-hosted repos to Vue 3 and drop the compatibility build of Vue 2. DST Engineers   Done T289017
Migrate DSG to Codex Migrate resources from the Design Style Guide to Codex. Bárbara, Volker   Done T333144
User Testing Pilot Develop a process for user testing elements of the design system. Bárbara, Eric   Done T330143
Code Splitting Support code splitting of Codex modules in ResourceLoader in order to deprecate mediawiki.ui as part of WE3.1 of the 2023-24 Annual Plan OKRs. Roan   In progress T349423
Night Mode Support the Web team with their work on reading preferences for WE2.1 of the 2023-24 Annual Plan OKRs. Derek, Eric   In progress T355147
Community Configuration 2.0 Support the Growth team with their project to generalize community configuration to other product features, including rebuilding it in Vue/Codex and moving it to a separate extension. Derek, Volker   In progress T355149
Multiblocks Support the CommTech team with the community wish to introduce layering blocks (a.k.a. multiblocks), including rebuilding Special:Block with Vue/Codex. Bárbara, Roan, Lauralyn   In progress T355148
WiKit to Codex Support the Wikidata team with their effort to migrate WiKit-built products to Codex. Bárbara, Anne   In progress T355155
AFB Engagement Following the Codex 1.0 release, we committed to engaging the American Foundation for the Blind (AFB) to help answer specific questions we have around accessibility best practices and compliance with WCAG 2.1 Level AA. Volker Paused T355337

Past

edit
Title Status
Basic Vue.js support in MediaWiki   Done
Support for ES6 across MediaWiki   Done
Design and define Codex design tokens   Done
Develop the initial set of Codex Vue components   Done
Develop the initial set of Codex CSS-only components   Done
Server-side rendering of Vue apps in MediaWiki   Stalled