From 4b530afa83626be50c9f4aae09005fe221ef7ddd Mon Sep 17 00:00:00 2001 From: Laura Griffee Date: Fri, 4 Feb 2022 11:55:42 -0700 Subject: [PATCH 1/3] Add duration() documentation --- documentation/guides/migrating-from-v8-to-v9.md | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/documentation/guides/migrating-from-v8-to-v9.md b/documentation/guides/migrating-from-v8-to-v9.md index b01d101d03d..165fc2c693e 100644 --- a/documentation/guides/migrating-from-v8-to-v9.md +++ b/documentation/guides/migrating-from-v8-to-v9.md @@ -100,6 +100,17 @@ A list of functions/mixins and their value equivalents or new token values. | `easing(overshoot)` | `cubic-bezier(0.07, 0.28, 0.32, 1.22)` | | `easing(anticipate)` | `cubic-bezier(0.38, -0.4, 0.88, 0.65)` | +#### `duration()` + +| Function | Replacement Value/Token | +| -------------------------------- | ----------------------- | +| `duration(none)` | 0 | +| `duration(fast)` | `var(--p-duration-100)` | +| `duration()`
`duration(base)` | `var(--p-duration-200)` | +| `duration(slow)` | `var(--p-duration-300)` | +| `duration(slower)` | `var(--p-duration-400)` | +| `duration(slowest)` | `var(--p-duration-500)` | + ## 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 18a530d615369170710e356b86a6c79e3d4f22b8 Mon Sep 17 00:00:00 2001 From: Laura Griffee Date: Fri, 4 Feb 2022 12:44:52 -0700 Subject: [PATCH 2/3] Remove var from token names --- .../guides/migrating-from-v8-to-v9.md | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/documentation/guides/migrating-from-v8-to-v9.md b/documentation/guides/migrating-from-v8-to-v9.md index 165fc2c693e..e1c6da7da3e 100644 --- a/documentation/guides/migrating-from-v8-to-v9.md +++ b/documentation/guides/migrating-from-v8-to-v9.md @@ -93,10 +93,10 @@ A list of functions/mixins and their value equivalents or new token values. | 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()`
`easing(base)` | `--p-ease` | +| `easing(in)` | `--p-ease-in` | +| `easing(out)` | `--p-ease-out` | +| `easing(excite)` | `--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)` | @@ -105,11 +105,11 @@ A list of functions/mixins and their value equivalents or new token values. | Function | Replacement Value/Token | | -------------------------------- | ----------------------- | | `duration(none)` | 0 | -| `duration(fast)` | `var(--p-duration-100)` | -| `duration()`
`duration(base)` | `var(--p-duration-200)` | -| `duration(slow)` | `var(--p-duration-300)` | -| `duration(slower)` | `var(--p-duration-400)` | -| `duration(slowest)` | `var(--p-duration-500)` | +| `duration(fast)` | `--p-duration-100` | +| `duration()`
`duration(base)` | `--p-duration-200` | +| `duration(slow)` | `--p-duration-300` | +| `duration(slower)` | `--p-duration-400` | +| `duration(slowest)` | `--p-duration-500` | ## Removal of the public scss api From ac41c0d5ab02bcf1b4ca191eb79bf407d3858876 Mon Sep 17 00:00:00 2001 From: Laura Griffee Date: Fri, 4 Feb 2022 12:45:36 -0700 Subject: [PATCH 3/3] Add in duration token documentation --- documentation/guides/migrating-from-v8-to-v9.md | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/documentation/guides/migrating-from-v8-to-v9.md b/documentation/guides/migrating-from-v8-to-v9.md index e1c6da7da3e..43f25d6d1ee 100644 --- a/documentation/guides/migrating-from-v8-to-v9.md +++ b/documentation/guides/migrating-from-v8-to-v9.md @@ -111,6 +111,15 @@ A list of functions/mixins and their value equivalents or new token values. | `duration(slower)` | `--p-duration-400` | | `duration(slowest)` | `--p-duration-500` | +## Tokens + +### Duration + +| Token | Replacement Value/Token | +| -------------------- | ----------------------- | +| `--p-duration-1-0-0` | `--p-duration-100` | +| `--p-duration-1-5-0` | `--p-duration-150` | + ## 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.