Problem
Special:NewLexeme's user interface was composed using a combination of Vue 3 WiKit Next components, OOUI and custom elements. The WiKit design system is now on its deprecation path, as it has been superseded by Codex, the now official Wikimedia design system.
Solution
Replacing WiKit components by available Codex elements will take us a step closer to switching to the new design system and deprecating the old.
Deprecating WiKit will mean contributing to establishing a single source of truth for FE components. Using Codex will ensure that we are up-to-date in terms of Wikimedia's front end standards.
Component replacements are mapped in this Figma frame. Specific screenshots are also included in each individual component replacement subtask:
| WiKit component or mixin | Codex replacement | Notes/Subtask |
|---|---|---|
| Buttons (Normal neutral, primary progressive) | CdxButton | T370052 |
| Icon | CdxIcon | T370187 |
| Link | Link mixin | T370053 |
| Lookup | CdxLookup + Field | T370057 |
| Message | CdxMessage | T370055 |
| Text Input | CdxTextInput + Field | T370054 |
Acceptance criteria
- All WiKit components that have an equivalent in Codex are replaced on Special:NewLexeme