refactor: migrate legacy wire namespace to wrn
This commit is contained in:
@@ -2064,7 +2064,7 @@ const MIGRATIONS: Migration[] = [
|
||||
version: "0.8.6",
|
||||
id: "0.8.6-navigation-and-layout-groups",
|
||||
description:
|
||||
"Rebuilds the navigation and layout component groups, moves them off Tailwind utilities onto wire-* classes, defines theme tokens that components referenced but nothing declared, and makes component outputs actually reach parent bindings.",
|
||||
"Rebuilds the navigation and layout component groups, moves them off Tailwind utilities onto wrn-* classes, defines theme tokens that components referenced but nothing declared, and makes component outputs actually reach parent bindings.",
|
||||
apply() {
|
||||
// Source changes no codemod can make safely, so they are listed rather
|
||||
// than attempted.
|
||||
@@ -2100,11 +2100,11 @@ const MIGRATIONS: Migration[] = [
|
||||
// move to the @change and @select bindings.
|
||||
//
|
||||
// Sidebar renamed its classes to the BEM form used everywhere else:
|
||||
// wire-sidebar-shell, -items, -group, -toggle, -backdrop, -panel and
|
||||
// -layout became wire-sidebar__*. Nesting via children still works.
|
||||
// wrn-sidebar-shell, -items, -group, -toggle, -backdrop, -panel and
|
||||
// -layout became wrn-sidebar__*. Nesting via children still works.
|
||||
//
|
||||
// The layout, page and section components moved from Tailwind utility
|
||||
// classes to wire-* classes with their own styles. Application CSS
|
||||
// classes to wrn-* classes with their own styles. Application CSS
|
||||
// selecting on the utility classes they used to render -- max-w-7xl,
|
||||
// gap-5, sm:grid-cols-2 and the rest -- no longer matches. Variants are
|
||||
// data attributes now, so target [data-variant] and friends instead.
|
||||
@@ -2118,12 +2118,12 @@ const MIGRATIONS: Migration[] = [
|
||||
// radius.
|
||||
//
|
||||
// ui.css lost several application-pattern class families that nothing
|
||||
// referenced: wire-catalog-*, wire-page-shell, wire-product-card,
|
||||
// wire-legal-toc, wire-sdk-tabs, wire-cookie-* and wire-analytics-preview.
|
||||
// referenced: wrn-catalog-*, wrn-page-shell, wrn-product-card,
|
||||
// wrn-legal-toc, wrn-sdk-tabs, wrn-cookie-* and wrn-analytics-preview.
|
||||
// Anything hand-written against those needs its own styles.
|
||||
//
|
||||
// Themes gain tokens that were referenced but never defined, including
|
||||
// --wire-color-focus, --wire-color-surface-soft, --wire-color-on-danger
|
||||
// --wrn-color-focus, --wrn-color-surface-soft, --wrn-color-on-danger
|
||||
// and the input-* family. A custom theme that declared these itself
|
||||
// keeps winning; one that did not will see focus rings and soft surfaces
|
||||
// start painting where they previously rendered as nothing.
|
||||
@@ -2133,7 +2133,7 @@ const MIGRATIONS: Migration[] = [
|
||||
version: "0.8.7",
|
||||
id: "0.8.7-ui-component-depth",
|
||||
description:
|
||||
"Removes superseded UI scaffolds and moves the remaining utility-styled components to self-contained wire-* BEM styles.",
|
||||
"Removes superseded UI scaffolds and moves the remaining utility-styled components to self-contained wrn-* BEM styles.",
|
||||
apply() {
|
||||
// AdvancedDatePicker -> DatePicker; AdvancedRangeSlider -> RangeSlider;
|
||||
// FileUpload -> FileInput + FileUploadProgress (or @wrnexus/uploader);
|
||||
@@ -2141,7 +2141,7 @@ const MIGRATIONS: Migration[] = [
|
||||
//
|
||||
// List, InputNumber, Marquee, TextLink, Map, SearchBox and Timeline no
|
||||
// longer render Tailwind utility class names. Application CSS selecting
|
||||
// those internal utilities must move to the component's wire-* BEM
|
||||
// those internal utilities must move to the component's wrn-* BEM
|
||||
// classes or its data-size/data-variant attributes. List now emits
|
||||
// select for non-link items as well as navigation items.
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user