From 0a92805d7713118866e519b0ff2a61c5d6238ad9 Mon Sep 17 00:00:00 2001
From: Nick Schonning <nschonni@gmail.com>
Date: Sat, 5 Nov 2022 17:09:18 -0400
Subject: [PATCH] docs: stylelint color-hex-case (#16496)

---
 docs/.stylelintrc.json                       |   1 -
 docs/src/assets/scss/syntax-highlighter.scss |   4 +-
 docs/src/assets/scss/tokens/themes.scss      | 106 +++++++++----------
 3 files changed, 55 insertions(+), 56 deletions(-)

diff --git a/docs/.stylelintrc.json b/docs/.stylelintrc.json
index 3e559e97d33..7b30c68192b 100644
--- a/docs/.stylelintrc.json
+++ b/docs/.stylelintrc.json
@@ -4,7 +4,6 @@
         "alpha-value-notation": "number",
         "at-rule-empty-line-before": null,
         "color-function-notation": "legacy",
-        "color-hex-case": null,
         "custom-property-empty-line-before": null,
         "custom-property-pattern": null,
         "declaration-block-no-duplicate-properties": [true, {
diff --git a/docs/src/assets/scss/syntax-highlighter.scss b/docs/src/assets/scss/syntax-highlighter.scss
index af451ce086c..cb26ac75af4 100644
--- a/docs/src/assets/scss/syntax-highlighter.scss
+++ b/docs/src/assets/scss/syntax-highlighter.scss
@@ -61,10 +61,10 @@ pre[class*="language-"] {
 .token.prolog,
 .token.doctype,
 .token.cdata {
-    color: #6E7F8E;
+    color: #6e7f8e;
 
     [data-theme="dark"] & {
-        color: #8E9FAE;
+        color: #8e9fae;
     }
 }
 
diff --git a/docs/src/assets/scss/tokens/themes.scss b/docs/src/assets/scss/tokens/themes.scss
index ef97139e092..2612ec5f485 100644
--- a/docs/src/assets/scss/tokens/themes.scss
+++ b/docs/src/assets/scss/tokens/themes.scss
@@ -1,65 +1,65 @@
 :root {
     /* Tier 1 variables */
     // colors
-    --color-neutral-25: #FCFCFD;
-    --color-neutral-50: #F9FAFB;
-    --color-neutral-100: #F2F4F7;
-    --color-neutral-200: #E4E7EC;
-    --color-neutral-300: #D0D5DD;
-    --color-neutral-400: #98A2B3;
+    --color-neutral-25: #fcfcfd;
+    --color-neutral-50: #f9fafb;
+    --color-neutral-100: #f2f4f7;
+    --color-neutral-200: #e4e7ec;
+    --color-neutral-300: #d0d5dd;
+    --color-neutral-400: #98a2b3;
     --color-neutral-500: #667085;
     --color-neutral-600: #475467;
     --color-neutral-700: #344054;
-    --color-neutral-800: #1D2939;
+    --color-neutral-800: #1d2939;
     --color-neutral-900: #101828;
 
-    --color-primary-25: #FBFBFF;
-    --color-primary-50: #F6F6FE;
-    --color-primary-100: #ECECFD;
-    --color-primary-200: #DEDEFF;
-    --color-primary-300: #CCCCFA;
-    --color-primary-400: #B7B7FF;
-    --color-primary-500: #A0A0F5;
-    --color-primary-600: #8080F2;
-    --color-primary-700: #6358D4;
-    --color-primary-800: #4B32C3;
-    --color-primary-900: #341BAB;
-
-    --color-warning-25: #FFFCF5;
-    --color-warning-50: #FFFAEB;
-    --color-warning-100: #FEF0C7;
-    --color-warning-200: #FEDF89;
-    --color-warning-300: #FEC84B;
-    --color-warning-400: #FDB022;
-    --color-warning-500: #F79009;
-    --color-warning-600: #DC6803;
-    --color-warning-700: #B54708;
-    --color-warning-800: #93370D;
-    --color-warning-900: #7A2E0E;
-
-    --color-success-25: #F6FEF9;
-    --color-success-50: #ECFDF3;
-    --color-success-100: #D1FADF;
-    --color-success-200: #A6F4C5;
-    --color-success-300: #6CE9A6;
-    --color-success-400: #32D583;
-    --color-success-500: #12B76A;
+    --color-primary-25: #fbfbff;
+    --color-primary-50: #f6f6fe;
+    --color-primary-100: #ececfd;
+    --color-primary-200: #dedeff;
+    --color-primary-300: #ccccfa;
+    --color-primary-400: #b7b7ff;
+    --color-primary-500: #a0a0f5;
+    --color-primary-600: #8080f2;
+    --color-primary-700: #6358d4;
+    --color-primary-800: #4b32c3;
+    --color-primary-900: #341bab;
+
+    --color-warning-25: #fffcf5;
+    --color-warning-50: #fffaeb;
+    --color-warning-100: #fef0c7;
+    --color-warning-200: #fedf89;
+    --color-warning-300: #fec84b;
+    --color-warning-400: #fdb022;
+    --color-warning-500: #f79009;
+    --color-warning-600: #dc6803;
+    --color-warning-700: #b54708;
+    --color-warning-800: #93370d;
+    --color-warning-900: #7a2e0e;
+
+    --color-success-25: #f6fef9;
+    --color-success-50: #ecfdf3;
+    --color-success-100: #d1fadf;
+    --color-success-200: #a6f4c5;
+    --color-success-300: #6ce9a6;
+    --color-success-400: #32d583;
+    --color-success-500: #12b76a;
     --color-success-600: #039855;
-    --color-success-700: #027A48;
-    --color-success-800: #05603A;
-    --color-success-900: #054F31;
-
-    --color-rose-25: #FFF5F6;
-    --color-rose-50: #FFF1F3;
-    --color-rose-100: #FFE4E8;
-    --color-rose-200: #FECDD6;
-    --color-rose-300: #FEA3B4;
-    --color-rose-400: #FD6F8E;
-    --color-rose-500: #F63D68;
-    --color-rose-600: #E31B54;
-    --color-rose-700: #C01048;
-    --color-rose-800: #A11043;
-    --color-rose-900: #89123E;
+    --color-success-700: #027a48;
+    --color-success-800: #05603a;
+    --color-success-900: #054f31;
+
+    --color-rose-25: #fff5f6;
+    --color-rose-50: #fff1f3;
+    --color-rose-100: #ffe4e8;
+    --color-rose-200: #fecdd6;
+    --color-rose-300: #fea3b4;
+    --color-rose-400: #fd6f8e;
+    --color-rose-500: #f63d68;
+    --color-rose-600: #e31b54;
+    --color-rose-700: #c01048;
+    --color-rose-800: #a11043;
+    --color-rose-900: #89123e;
 
     /* Tier 2 variables */
     --primary-button-background-color: var(--color-primary-800);