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

Assigned To

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.

Update 2023-11-06: OOUI uses disguised tokens in copy of WikimediaUI Base library. Referring from updating library itself and rather aim for sunsetting it.

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
Resolved		Catrope	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
Resolved		Catrope	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 Inbox to Needs Refinement on the Design-System-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-System-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

Volker_E closed subtask T305118: Ensure backwards-compatibility of Codex tokens as Resolved.Oct 26 2023, 5:18 AM

@Volker_E Coming back to this and given the current approach being taken in T334934, should this now be declined?

With high probability yes, I'd like to file a spike for the last big chunk of replacing all deprecated tokens in OOUI. In what relationship – if in parallel or in succession we should decide in coming Monday's sprint planning session IMO.

Note that we're actually using our setup for injecting the tokens as intermediate step in OOUI. Not for WikimediaUI Base itself, but for the library's copy in OOUI as part of T350071. It's possible, but WikimediaUI Base is removed from codebases across Wikiverse and should be sunset and replaced by Codex design tokens themselves as it saves one step.
For better developer experience and lower maintenance costs.
With that, it seems fair to close this task as “resolved”.

Volker_E removed a parent task: T334934: [EPIC] Replace WikimediaUI Base variables with Codex design tokens (mediawiki.skin.variables).Nov 6 2023, 6:53 AM

Volker_E updated the task description. (Show Details)Nov 6 2023, 6:40 PM

Resolving after exchange with @CCiufo-WMF as the ability has been provided, the best path forward has changed.

CCiufo-WMF awarded a token.Nov 7 2023, 2:35 PM

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