diff --git a/docs/migrations/web/MIGRATION-v3.md b/docs/migrations/web/MIGRATION-v3.md index 76546aab69..92165ca6f3 100644 --- a/docs/migrations/web/MIGRATION-v3.md +++ b/docs/migrations/web/MIGRATION-v3.md @@ -9,11 +9,22 @@ Introducing version 3 of the _spirit-web_ package. - [General Changes](#general-changes) - [Themes](#themes) - [Spacing Values](#spacing-values) + - [Helpers: Inverted Link](#helpers-inverted-link) - [Helpers: Typography and Headings](#helpers-typography-and-headings) - [Utilities: Removed and New Classes](#utilities-removed-and-new-classes) - [Migrating Your Own Components](#migrating-your-own-components) - [Component Changes](#component-changes) - - [Button: `square` Modifier Renamed to `symmetrical`](#button-square-modifier-renamed-to-symmetrical) + - [Button: Renamed `square` Modifier](#button-square-modifier-renamed-to-symmetrical) + - [Button: The `inverted` Modifier Removed](#button-the-inverted-modifier-removed) + - [Field Group: Alignment](#field-group-alignment) + - [Header: The `inverted` Variant Removed](#header-the-inverted-variant-removed) + - [Partner Logo: Stabilized](#partner-logo-stabilized) + - [Pill: Renamed and Removed Variants](#pill-renamed-and-removed-variants) + - [Product Logo: The `inverted` Modifier Removed](#product-logo-the-inverted-modifier-removed) + - [Product Logo: Stabilized](#product-logo-stabilized) + - [TextField: CSS Variables Renamed](#textfield-css-variables-renamed) + - [Toast: The `inverted` Variant Removed](#toast-the-inverted-variant-removed) + - [Toast: Link and Close Button](#toast-link-and-close-button) ## General Changes @@ -81,6 +92,10 @@ If you are going to use fulltext search-and-replace in your project, we suggest start from the largest values and work your way down to the smallest ones. This way you will avoid replacing values you already replaced. +### Helpers: Inverted Link + +The `link-inverted` helper was removed. Use themes to switch the link colors. + ### Helpers: Typography and Headings As the word `text` was omitted from the typography tokens, the typography helpers @@ -178,6 +193,91 @@ Instead of using `.Button--square`, use a `.Button--symmetrical`. - `.Button--square` → `.Button--symmetrical` +### Button: The `inverted` Modifier Removed + +Button `inverted` modifier was removed. Use themes to switch the button colors. + +### Field Group: Alignment + +Field Group component children are not aligned to `start` except when the `FieldGroup--fluid` modifier is used. + +### Header: The `inverted` Variant Removed + +Header `inverted` variant was removed. Instead, the `primary` variant was added to be further adjusted with themes. + +### Partner Logo: Stabilized + +Partner Logo component was stabilized. + +#### Migration Guide + +Rename all usages of `UNSTABLE_PartnerLogo` to `PartnerLogo`. + +- `