From 37d7bfc0522694be69753164ce3d7ead5b35222a Mon Sep 17 00:00:00 2001 From: Laura Griffee Date: Fri, 4 Feb 2022 08:35:29 -0700 Subject: [PATCH 1/4] Add migration guidance for easing() --- .../guides/migrating-from-v8-to-v9.md | 25 +++++++++++++++++++ 1 file changed, 25 insertions(+) diff --git a/documentation/guides/migrating-from-v8-to-v9.md b/documentation/guides/migrating-from-v8-to-v9.md index 6271be67e31..e2978cb8ab5 100644 --- a/documentation/guides/migrating-from-v8-to-v9.md +++ b/documentation/guides/migrating-from-v8-to-v9.md @@ -39,6 +39,31 @@ const App = (props) => ( ) ``` +## 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 to your repo + +To help you quickly add these functions back to your repo, we've created a css file with all the removed functions. + +[✨ Amazing mega file linked here ✨] + +### Replacing function instances with values or tokens + +To help you replace function instances in your repo, we've provided the following list of functions 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. From 4d27fdec208fc2c46fa102dc16936e10ed9026c1 Mon Sep 17 00:00:00 2001 From: Laura Griffee Date: Fri, 4 Feb 2022 09:39:06 -0700 Subject: [PATCH 2/4] Make language reflective of mixins as well --- documentation/guides/migrating-from-v8-to-v9.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/documentation/guides/migrating-from-v8-to-v9.md b/documentation/guides/migrating-from-v8-to-v9.md index e2978cb8ab5..378ff547eaf 100644 --- a/documentation/guides/migrating-from-v8-to-v9.md +++ b/documentation/guides/migrating-from-v8-to-v9.md @@ -43,15 +43,15 @@ const App = (props) => ( 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 to your repo +### Adding the functions and mixins to your repo -To help you quickly add these functions back to your repo, we've created a css file with all the removed functions. +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 instances with values or tokens +### Replacing function and mixin instances with values or tokens -To help you replace function instances in your repo, we've provided the following list of functions and their value equivalents or new token values. +To help you replace function and mixin instances in your repo, we've provided the following list of functions/mixins and their value equivalents or new token values. #### `easing()` From 1fb049dc2e4f8044d530d100d0e4277e15c20662 Mon Sep 17 00:00:00 2001 From: Laura Griffee Date: Fri, 4 Feb 2022 10:16:03 -0700 Subject: [PATCH 3/4] Update documentation/guides/migrating-from-v8-to-v9.md Co-authored-by: aveline --- documentation/guides/migrating-from-v8-to-v9.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/documentation/guides/migrating-from-v8-to-v9.md b/documentation/guides/migrating-from-v8-to-v9.md index f26f12dc026..9a1e5fe3f13 100644 --- a/documentation/guides/migrating-from-v8-to-v9.md +++ b/documentation/guides/migrating-from-v8-to-v9.md @@ -87,7 +87,7 @@ To help you quickly add these functions and mixins back to your repo, we've crea ### Replacing function and mixin instances with values or tokens -To help you replace function and mixin instances in your repo, we've provided the following list of functions/mixins and their value equivalents or new token values. +A list of functions/mixins and their value equivalents or new token values. #### `easing()` From 753314dc0de88da19ed3fd96eaf37847e54a88db Mon Sep 17 00:00:00 2001 From: Laura Griffee Date: Fri, 4 Feb 2022 10:22:53 -0700 Subject: [PATCH 4/4] Add backticks around all values in table --- documentation/guides/migrating-from-v8-to-v9.md | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/documentation/guides/migrating-from-v8-to-v9.md b/documentation/guides/migrating-from-v8-to-v9.md index 9a1e5fe3f13..b01d101d03d 100644 --- a/documentation/guides/migrating-from-v8-to-v9.md +++ b/documentation/guides/migrating-from-v8-to-v9.md @@ -91,14 +91,14 @@ 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) | +| 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