From 2d9d95402c8ef3868f3cb612b616f5f4eaa2f84c Mon Sep 17 00:00:00 2001 From: Laura Griffee Date: Fri, 4 Feb 2022 15:00:42 -0700 Subject: [PATCH] Add documentation for ms-high-contrast-color() --- .../guides/migrating-from-v8-to-v9.md | 32 +++++++++++++------ 1 file changed, 22 insertions(+), 10 deletions(-) diff --git a/documentation/guides/migrating-from-v8-to-v9.md b/documentation/guides/migrating-from-v8-to-v9.md index 43f25d6d1ee..6ab3525a0a4 100644 --- a/documentation/guides/migrating-from-v8-to-v9.md +++ b/documentation/guides/migrating-from-v8-to-v9.md @@ -89,6 +89,17 @@ To help you quickly add these functions and mixins back to your repo, we've crea A list of functions/mixins and their value equivalents or new token values. +#### `duration()` + +| Function | Replacement Value/Token | +| -------------------------------- | ----------------------- | +| `duration(none)` | 0 | +| `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` | + #### `easing()` | Function | Replacement Value/Token | @@ -100,16 +111,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)` | `--p-duration-100` | -| `duration()`
`duration(base)` | `--p-duration-200` | -| `duration(slow)` | `--p-duration-300` | -| `duration(slower)` | `--p-duration-400` | -| `duration(slowest)` | `--p-duration-500` | +#### `ms-high-contrast-color()` + +| Function | Replacement Value/Token | +| ---------------------------------------------------- | ----------------------- | +| `ms-high-contrast-color('text')` | `windowText` | +| `ms-high-contrast-color('disabled-text')` | `grayText` | +| `ms-high-contrast-color('selected-text')` | `highlightText` | +| `ms-high-contrast-color('selected-text-background')` | `highlight` | +| `ms-high-contrast-color('button-text')` | `buttonText` | +| `ms-high-contrast-color('button-text-background')` | `buttonFace` | +| `ms-high-contrast-color('background')` | `window` | ## Tokens