From f1ed014b0e671bed8d38a80b15deac1b7e6c7174 Mon Sep 17 00:00:00 2001 From: aveline Date: Wed, 9 Feb 2022 14:53:35 -0800 Subject: [PATCH 1/3] zindex migration guidance --- documentation/guides/migrating-from-v8-to-v9.md | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/documentation/guides/migrating-from-v8-to-v9.md b/documentation/guides/migrating-from-v8-to-v9.md index 981d9277da6..e22f2b64b8c 100644 --- a/documentation/guides/migrating-from-v8-to-v9.md +++ b/documentation/guides/migrating-from-v8-to-v9.md @@ -313,6 +313,23 @@ padding: 0; list-style: none; ``` +#### `z-index()` + +| Function | Replacement Value/Token | +| -------------------------- | -------------------------------- | +| `z-index(content)` | `--p-z-content` | +| `z-index(overlay)` | `--p-z-overlay` | +| `z-index(global-ribbon)` | `--p-z-global-ribbon` | +| `z-index(top-bar)` | `--p-z-top-bar` | +| `z-index(context-bar)` | `--p-z-context-bar` | +| `z-index(loading-bar)` | `--p-z-small-screen-loading-bar` | +| `z-index(nav-backdrop)` | `--p-z-nav-backdrop` | +| `z-index(nav)` | `--p-z-nav` | +| `z-index(skip-to-content)` | `--p-z-skip-to-content` | +| `z-index(backdrop)` | `--p-z-backdrop` | +| `z-index(modal)` | `--p-z-modal` | +| `z-index(toast)` | `--p-z-toast` | + ## Tokens ### Border Radius From f827c65499ee902b58ccf2d52b920d21e22b9411 Mon Sep 17 00:00:00 2001 From: aveline Date: Thu, 10 Feb 2022 09:34:17 -0800 Subject: [PATCH 2/3] Fix z-index tokens --- .../guides/migrating-from-v8-to-v9.md | 28 +++++++++---------- 1 file changed, 14 insertions(+), 14 deletions(-) diff --git a/documentation/guides/migrating-from-v8-to-v9.md b/documentation/guides/migrating-from-v8-to-v9.md index e22f2b64b8c..5e04aeed61e 100644 --- a/documentation/guides/migrating-from-v8-to-v9.md +++ b/documentation/guides/migrating-from-v8-to-v9.md @@ -315,20 +315,20 @@ list-style: none; #### `z-index()` -| Function | Replacement Value/Token | -| -------------------------- | -------------------------------- | -| `z-index(content)` | `--p-z-content` | -| `z-index(overlay)` | `--p-z-overlay` | -| `z-index(global-ribbon)` | `--p-z-global-ribbon` | -| `z-index(top-bar)` | `--p-z-top-bar` | -| `z-index(context-bar)` | `--p-z-context-bar` | -| `z-index(loading-bar)` | `--p-z-small-screen-loading-bar` | -| `z-index(nav-backdrop)` | `--p-z-nav-backdrop` | -| `z-index(nav)` | `--p-z-nav` | -| `z-index(skip-to-content)` | `--p-z-skip-to-content` | -| `z-index(backdrop)` | `--p-z-backdrop` | -| `z-index(modal)` | `--p-z-modal` | -| `z-index(toast)` | `--p-z-toast` | +| Function | Replacement Value/Token | +| -------------------------- | ----------------------- | +| `z-index(content)` | `--p-z-1` | +| `z-index(overlay)` | `--p-z-2` | +| `z-index(global-ribbon)` | `--p-z-3` | +| `z-index(top-bar)` | `--p-z-4` | +| `z-index(context-bar)` | `--p-z-5` | +| `z-index(loading-bar)` | `--p-z-6` | +| `z-index(nav-backdrop)` | `--p-z-7` | +| `z-index(nav)` | `--p-z-8` | +| `z-index(skip-to-content)` | `--p-z-9` | +| `z-index(backdrop)` | `--p-z-10` | +| `z-index(modal)` | `--p-z-11` | +| `z-index(toast)` | `--p-z-12` | ## Tokens From 2ad230b88518a7e4586773422c15025e4e687b24 Mon Sep 17 00:00:00 2001 From: aveline Date: Thu, 10 Feb 2022 10:24:02 -0800 Subject: [PATCH 3/3] Add devUi value for z-index function --- documentation/guides/migrating-from-v8-to-v9.md | 1 + 1 file changed, 1 insertion(+) diff --git a/documentation/guides/migrating-from-v8-to-v9.md b/documentation/guides/migrating-from-v8-to-v9.md index 5e04aeed61e..040ecbe5396 100644 --- a/documentation/guides/migrating-from-v8-to-v9.md +++ b/documentation/guides/migrating-from-v8-to-v9.md @@ -329,6 +329,7 @@ list-style: none; | `z-index(backdrop)` | `--p-z-10` | | `z-index(modal)` | `--p-z-11` | | `z-index(toast)` | `--p-z-12` | +| `z-index(devUi)` | `521` | ## Tokens