From a3ba131d48989b976fedf795426e1e99f0c2e935 Mon Sep 17 00:00:00 2001 From: johnbister <70543333+johnbister@users.noreply.github.com> Date: Tue, 18 May 2021 11:16:58 -0700 Subject: [PATCH 1/2] docs(loading): v11 color token updates This PR updates the color tokens on the style tab for the loading component. --- src/pages/components/loading/style.mdx | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/pages/components/loading/style.mdx b/src/pages/components/loading/style.mdx index a6838cfee8a..e4128eea3e3 100755 --- a/src/pages/components/loading/style.mdx +++ b/src/pages/components/loading/style.mdx @@ -8,11 +8,11 @@ tabs: ['Usage', 'Style', 'Code', 'Accessibility'] ## Color -| Class | Property | Color token | -| ---------------------- | ---------------- | ------------------- | -| `.bx--loading__svg` | stroke | `$interactive-04` | -| `.bx--loading--small` | stroke | `$interactive-04` | -| `.bx--loading-overlay` | background-color | `rgba($ui-02, 0.6)` | +| Class | Property | Color token | +| ---------------------- | ---------------- | -------------- | +| `.bx--loading__svg` | stroke | `$interactive` | +| `.bx--loading--small` | stroke | `$interactive` | +| `.bx--loading-overlay` | background-color | `$overlay' | ## Structure From 916fec7e71a8c2bbfe3b15b3707fa98268b08cf9 Mon Sep 17 00:00:00 2001 From: johnbister <70543333+johnbister@users.noreply.github.com> Date: Tue, 18 May 2021 12:52:30 -0700 Subject: [PATCH 2/2] Update src/pages/components/loading/style.mdx Co-authored-by: TJ Egan --- src/pages/components/loading/style.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/pages/components/loading/style.mdx b/src/pages/components/loading/style.mdx index e4128eea3e3..e9c0fcb0ec4 100755 --- a/src/pages/components/loading/style.mdx +++ b/src/pages/components/loading/style.mdx @@ -12,7 +12,7 @@ tabs: ['Usage', 'Style', 'Code', 'Accessibility'] | ---------------------- | ---------------- | -------------- | | `.bx--loading__svg` | stroke | `$interactive` | | `.bx--loading--small` | stroke | `$interactive` | -| `.bx--loading-overlay` | background-color | `$overlay' | +| `.bx--loading-overlay` | background-color | `$overlay` | ## Structure