diff --git a/documentation/guides/migrating-from-v8-to-v9.md b/documentation/guides/migrating-from-v8-to-v9.md index 4b92916f93c..b01d101d03d 100644 --- a/documentation/guides/migrating-from-v8-to-v9.md +++ b/documentation/guides/migrating-from-v8-to-v9.md @@ -39,7 +39,7 @@ const App = (props) => ( ) ``` -## CSS Custom Properties +## CSS custom properties CSS custom properties that were renamed can be replaced with the new CSS custom property name. @@ -75,6 +75,31 @@ CSS custom properties that have been deprecated can be replaced with the CSS pro | `--p-shadow-from-direct-light` | `rgba(0, 0, 0, 0.15)` | | `--p-shadow-from-dim-light` | `rgba(0, 0, 0, 0.2)` | +## Sass functions and mixins + +The following sass functions and mixins have been removed. You will either need to add the functions to your repo or replace all function instances with values. + +### Adding the functions and mixins to your repo + +To help you quickly add these functions and mixins back to your repo, we've created a css file with all the removed functions and mixins. + +[✨ Amazing mega file linked here ✨] + +### Replacing function and mixin instances with values or tokens + +A list of functions/mixins and their value equivalents or new token values. + +#### `easing()` + +| Function | Replacement Value/Token | +| ---------------------------- | -------------------------------------- | +| `easing()`
`easing(base)` | `var(--p-ease)` | +| `easing(in)` | `var(--p-ease-in)` | +| `easing(out)` | `var(--p-ease-out)` | +| `easing(excite)` | `var(--p-ease-excite)` | +| `easing(overshoot)` | `cubic-bezier(0.07, 0.28, 0.32, 1.22)` | +| `easing(anticipate)` | `cubic-bezier(0.38, -0.4, 0.88, 0.65)` | + ## Removal of the public scss api Any functions that were being consumed from `build/styles/_public-api.scss` have been removed. The functions can be found in the following permalinks.