Provide a way to inject Codex tokens into WikimediaUI Base variables, while later are widely used
Open, MediumPublic
Actions

Assigned To

None

Authored By

	Volker_E
	Sep 16 2022, 9:16 PM

Description

Background

One reality Design System has to face to provide a solid, consistent experience for majority of existing products is current usage and spread of WikimediaUI Base variables.

Goal

Provide a way to inject Codex design tokens into WikimediaUI Base variables, to basically disguise former under cover of latter in order to rely on continuous single source of truth.

Acceptance criteria

Cut a release of WikimediaUI Base variables with disguised Codex tokens and make OOUI use it without aimed-for breakages.

Related Objects
Search...

Status	Subtype	Assigned	Task
Duplicate		• STH	T302348 <Platform Initiative> Release Codex in Beta (Limited Production Release)
Invalid		None	T302025 Upgrade Codex to Beta version
Resolved		Volker_E	T293127 [EPIC] Design System Foundation: Design and define design tokens
Open		None	T334934 [EPIC] Replace WikimediaUI Base variables with Codex design tokens (mediawiki.skin.variables)
Open		None	T318016 Provide a way to inject Codex tokens into WikimediaUI Base variables, while later are widely used
Resolved		Catrope	T322274 [Epic] Publish the design-tokens package in NPM
Resolved		Catrope	T314441 Install TypeScript in the design-tokens package
Resolved		Volker_E	T309050 Developer experience feedback on Design Tokens
Resolved		Catrope	T321637 Remove 'dist/' from import paths
Resolved		Catrope	T324367 Enable Codex tokens to work with different font sizes
Open		None	T326900 Vertical centering issues of text/multiline text and icons in several components
Resolved		ovasileva	T328053 Verify impact of Design Systems Team's Codex Update on Web properties
Resolved	BUG REPORT	Volker_E	T329287 TypeaheadSearch: Search footer icon shrinks at 14px base font size
Open		None	T305118 Ensure backwards-compatibility of Codex tokens

Event Timeline

Volker_E created this task.Sep 16 2022, 9:16 PM

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptSep 16 2022, 9:16 PM

ldelench_wmf triaged this task as High priority.Sep 22 2022, 9:15 PM

ldelench_wmf moved this task from Requests to Needs Refinement on the Design-Systems-Team board.

WikimediaUI Base, with the current undergoing of adding deprecated tokens to Codex design tokens package, should be able to end up with importing Codex package and import (or copy) the npm compiled Less and CSS files. Build script alike Kartographer…

Volker_E mentioned this in T288110: Codex & WikimediaUI Base design tokens: Provide and clearly mark “legacy” design tokens .Nov 9 2022, 7:12 AM

Volker_E mentioned this in T322274: [Epic] Publish the design-tokens package in NPM.Nov 9 2022, 8:11 PM

Volker_E mentioned this in T322811: Provide (legacy) font families as Codex tokens.Nov 10 2022, 12:10 AM

Catrope closed subtask T322274: [Epic] Publish the design-tokens package in NPM as Resolved.Dec 6 2022, 11:22 PM

Volker_E mentioned this in T293127: [EPIC] Design System Foundation: Design and define design tokens.Dec 12 2022, 5:39 PM

ldelench_wmf added a parent task: T293127: [EPIC] Design System Foundation: Design and define design tokens.Dec 19 2022, 10:32 PM

ldelench_wmf added a subtask: T324367: Enable Codex tokens to work with different font sizes.Jan 9 2023, 5:59 PM

egardner lowered the priority of this task from High to Medium.Jan 23 2023, 4:44 PM

Catrope closed subtask T324367: Enable Codex tokens to work with different font sizes as Resolved.Feb 13 2023, 5:34 PM

Catrope mentioned this in T330694: tokens: Split out deprecated tokens into separate file.Feb 28 2023, 6:11 AM

Volker_E added a subtask: T305118: Ensure backwards-compatibility of Codex tokens.Feb 28 2023, 3:28 PM

@Volker_E should we decline this task in favor of T334934 ?

CCiufo-WMF moved this task from Needs Refinement to Backlog on the Design-Systems-Team board.May 3 2023, 1:40 PM

@CCiufo-WMF I'd keep this a bit longer open as this _one_ patch here could relieve us from the waiting time in places like OOUI to transform over. If we see traction on the replacing WikimediaUI Base patches, we can still decline this one.

Volker_E added a parent task: T334934: [EPIC] Replace WikimediaUI Base variables with Codex design tokens (mediawiki.skin.variables).May 6 2023, 9:15 PM

Provide a way to inject Codex tokens into WikimediaUI Base variables, while later are widely usedOpen, MediumPublicActions