Change Details

#####Problem Table is a core component which introduction into the Wikimedia Design System is [[ https://www.mediawiki.org/wiki/Design_Systems_Team/Codex_Planned_Components#Planned_components_list | planned ]] (see T303320), yet not scheduled. It is unclear if either the QT team at WMDE or the DST team at WMF will be able to dedicate resources to implement a Codex Table for its usage within Mismatch Finder before the first migration project concludes. Fortunately, this doesn't need to be a blocker for the deprecation of the legacy design system WiKit: we can recreate and port a Vue 3 version of the existing Table in the Mismatch Finder repository. #####Solution Create a Vue 3 version of the MSMF Table. #####Considerations - Styles: In order to unblock WiKit's deprecation, we should also replace all WiKit tokens used currently to style the Table. It's fine to use discrete values instead. - Responsiveness: There's a pending improvement that we should apply to the Mismatch Finder table to improve the display of information in certain viewports (we refrained from doing this earlier because it involved modifying the WiKit component): it should linearize at 800px instead of at the tablet breakpoint. This means that the new version of the Table should be able to take a custom value as a breakpoint instead of a token. #####Acceptance criteria [] The WiKit table is updated to Vue 3 and can be used in the migrated version of Mismatch Finder [] Any WiKit building blocks, dependencies or styles are replaced

#####Problem Table is a core component which introduction into the Wikimedia Design System is [[ https://www.mediawiki.org/wiki/Design_Systems_Team/Codex_Planned_Components#Planned_components_list | planned ]] (see T303320), yet not scheduled. It is unclear if either the QT team at WMDE or the DST team at WMF will be able to dedicate resources to implement a Codex Table for its usage within Mismatch Finder before the first migration project concludes. Fortunately, this doesn't need to be a blocker for the deprecation of the legacy design system WiKit: we can recreate and port a Vue 3 version of the existing Table in the Mismatch Finder repository. #####Solution Port the WiKit component to Mismatch finder. We'll copy the WiKit table into the MSMF repo and update it to make it compatible. #####Considerations - Styles: In order to unblock WiKit's deprecation, we should also replace all WiKit tokens used currently to style the Table. It's fine to use discrete values instead. - Responsiveness: There's a pending improvement that we should apply to the Mismatch Finder table to fix the display of information in certain viewports (we refrained from doing this earlier because it involved modifying the WiKit component): it should linearize at 800px instead of at the tablet breakpoint. This means that the new version of the Table should be able to take a custom value as a breakpoint instead of a token. #####Acceptance criteria [] The WiKit table is ported to Mismatch Finder and made compatible with the migrated version of the tool [] Any WiKit building blocks, dependencies or styles are replaced

#####Problem Table is a core component which introduction into the Wikimedia Design System is [[ https://www.mediawiki.org/wiki/Design_Systems_Team/Codex_Planned_Components#Planned_components_list | planned ]] (see T303320), yet not scheduled. It is unclear if either the QT team at WMDE or the DST team at WMF will be able to dedicate resources to implement a Codex Table for its usage within Mismatch Finder before the first migration project concludes. Fortunately, this doesn't need to be a blocker for the deprecation of the legacy design system WiKit: we can recreate and port a Vue 3 version of the existing Table in the Mismatch Finder repository. #####Solution Create a Vue 3 version ofPort the WiKit component to Mismatch finder. We'll copy the WiKit table into the MSMF Tablerepo and update it to make it compatible. #####Considerations - Styles: In order to unblock WiKit's deprecation, we should also replace all WiKit tokens used currently to style the Table. It's fine to use discrete values instead. - Responsiveness: There's a pending improvement that we should apply to the Mismatch Finder table to improvefix the display of information in certain viewports (we refrained from doing this earlier because it involved modifying the WiKit component): it should linearize at 800px instead of at the tablet breakpoint. This means that the new version of the Table should be able to take a custom value as a breakpoint instead of a token. #####Acceptance criteria [] The WiKit table is updaported to Vue 3Mismatch Finder and can be used inmade compatible with the migrated version of Mismatch Finderthe tool [] Any WiKit building blocks, dependencies or styles are replaced