From 5da4d7b747213810b4a8e6c59829008d2f684d66 Mon Sep 17 00:00:00 2001
From: mihai-peteu <mihai.peteu@konghq.com>
Date: Mon, 1 Jul 2024 12:32:57 -0700
Subject: [PATCH 1/8] feat(analytics-status-colors): orange pallete, status
 codes [MA-2473]

---
 TOKENS.md                            | 749 ++++++++++++++++++++++++++-
 tokens/alias/color/index.json        |  42 ++
 tokens/source/components/status.json | 300 +++++++++++
 3 files changed, 1085 insertions(+), 6 deletions(-)
 create mode 100644 tokens/source/components/status.json

diff --git a/TOKENS.md b/TOKENS.md
index 0fb07bda..d439b811 100644
--- a/TOKENS.md
+++ b/TOKENS.md
@@ -1,6 +1,6 @@
 <!--
  * Do not edit directly
- * Generated on Wed, 10 Jul 2024 16:17:52 GMT
+ * Generated on Mon, 01 Jul 2024 19:31:35 GMT
  * 
  * Kong Design Tokens
  * GitHub: https://github.com/Kong/design-tokens
@@ -314,7 +314,141 @@ $kui-navigation-shadow-border: 0 0 0 1px rgba(255, 255, 255, 0.12) inset;
 $kui-navigation-shadow-border-child: 4px 0 0 0 #00fabe inset;
 /* Navigation link focus-visible box-shadow. */
 $kui-navigation-shadow-focus: 0 0 0 1px rgba(255, 255, 255, 0.60) inset;
-/* The standard monospace text font family. Typically used for code blocks, inline code, and copyable text. */
+/* Analytics request status color 100 (blue.20). */
+$kui-status-color-100: #bee2ff;
+/* Analytics request status color 101 (blue.30). */
+$kui-status-color-101: #8fc1ff;
+/* Analytics request status color 102 (blue.40). */
+$kui-status-color-102: #5f9aff;
+/* Analytics request status color 103 (blue.50). */
+$kui-status-color-103: #306fff;
+/* Analytics request status color 200 (green.20). */
+$kui-status-color-200: #b5ffee;
+/* Analytics request status color 201 (green.30). */
+$kui-status-color-201: #00fabe;
+/* Analytics request status color 202 (green.40). */
+$kui-status-color-202: #00d6a4;
+/* Analytics request status color 203 (green.50). */
+$kui-status-color-203: #00a17b;
+/* Analytics request status color 204 (green.60). */
+$kui-status-color-204: #007d60;
+/* Analytics request status color 205 (green.70). */
+$kui-status-color-205: #005944;
+/* Analytics request status color 206 (green.20). */
+$kui-status-color-206: #b5ffee;
+/* Analytics request status color 207 (green.30). */
+$kui-status-color-207: #00fabe;
+/* Analytics request status color 208 (green.40). */
+$kui-status-color-208: #b5ffee;
+/* Analytics request status color 226 (green.50). */
+$kui-status-color-226: #00a17b;
+/* Analytics request status color 100 (yellow.20). */
+$kui-status-color-300: #fff296;
+/* Analytics request status color 101 (yellow.30). */
+$kui-status-color-301: #ffe04b;
+/* Analytics request status color 102 (yellow.40). */
+$kui-status-color-302: #ffc400;
+/* Analytics request status color 103 (yellow.50). */
+$kui-status-color-303: #b37600;
+/* Analytics request status color 103 (yellow.60). */
+$kui-status-color-304: #995c00;
+/* Analytics request status color 103 (yellow.70). */
+$kui-status-color-305: #804400;
+/* Analytics request status color 103 (yellow.20). */
+$kui-status-color-307: #fff296;
+/* Analytics request status color 103 (yellow.30). */
+$kui-status-color-308: #ffe04b;
+/* Analytics request status color 400 (orange.20). */
+$kui-status-color-400: #ffc2b3;
+/* Analytics request status color 401 (orange.30). */
+$kui-status-color-401: #ff9877;
+/* Analytics request status color 402 (orange.40). */
+$kui-status-color-402: #ff723c;
+/* Analytics request status color 403 (orange.50). */
+$kui-status-color-403: #f75008;
+/* Analytics request status color 404 (orange.60). */
+$kui-status-color-404: #d13500;
+/* Analytics request status color 405 (orange.70). */
+$kui-status-color-405: #a31f00;
+/* Analytics request status color 406 (orange.20). */
+$kui-status-color-406: #ffc2b3;
+/* Analytics request status color 407 (orange.30). */
+$kui-status-color-407: #ff9877;
+/* Analytics request status color 408 (orange.40). */
+$kui-status-color-408: #ff723c;
+/* Analytics request status color 409 (orange.50). */
+$kui-status-color-409: #f75008;
+/* Analytics request status color 410 (orange.60). */
+$kui-status-color-410: #d13500;
+/* Analytics request status color 411 (orange.70). */
+$kui-status-color-411: #a31f00;
+/* Analytics request status color 412 (orange.20). */
+$kui-status-color-412: #ffc2b3;
+/* Analytics request status color 413 (orange.30). */
+$kui-status-color-413: #ff9877;
+/* Analytics request status color 414 (orange.40). */
+$kui-status-color-414: #ff723c;
+/* Analytics request status color 415 (orange.50). */
+$kui-status-color-415: #f75008;
+/* Analytics request status color 416 (orange.60). */
+$kui-status-color-416: #d13500;
+/* Analytics request status color 417 (orange.70). */
+$kui-status-color-417: #a31f00;
+/* Analytics request status color 418 (orange.20). */
+$kui-status-color-418: #ffc2b3;
+/* Analytics request status color 421 (orange.30). */
+$kui-status-color-421: #ff9877;
+/* Analytics request status color 422 (orange.40). */
+$kui-status-color-422: #ff723c;
+/* Analytics request status color 423 (orange.50). */
+$kui-status-color-423: #f75008;
+/* Analytics request status color 424 (orange.60). */
+$kui-status-color-424: #d13500;
+/* Analytics request status color 425 (orange.70). */
+$kui-status-color-425: #a31f00;
+/* Analytics request status color 426 (orange.20). */
+$kui-status-color-426: #ffc2b3;
+/* Analytics request status color 428 (orange.30). */
+$kui-status-color-428: #ff9877;
+/* Analytics request status color 429 (orange.40). */
+$kui-status-color-429: #ff723c;
+/* Analytics request status color 431 (orange.50). */
+$kui-status-color-431: #f75008;
+/* Analytics request status color 451 (orange.60). */
+$kui-status-color-451: #d13500;
+/* Analytics request status color 500 (red.20). */
+$kui-status-color-500: #ffabab;
+/* Analytics request status color 501 (red.30). */
+$kui-status-color-501: #ff7272;
+/* Analytics request status color 502 (red.40). */
+$kui-status-color-502: #ff3954;
+/* Analytics request status color 503 (red.50). */
+$kui-status-color-503: #f50045;
+/* Analytics request status color 504 (red.60). */
+$kui-status-color-504: #d60027;
+/* Analytics request status color 505 (red.70). */
+$kui-status-color-505: #ad000e;
+/* Analytics request status color 506 (red.20). */
+$kui-status-color-506: #ffabab;
+/* Analytics request status color 507 (red.30). */
+$kui-status-color-507: #ff7272;
+/* Analytics request status color 508 (red.40). */
+$kui-status-color-508: #ff3954;
+/* Analytics request status color 510 (red.50). */
+$kui-status-color-510: #f50045;
+/* Analytics request status color 511 (red.60). */
+$kui-status-color-511: #d60027;
+/* Analytics request status color 1xx wildcard (blue.10). */
+$kui-status-color-1xx: #eefaff;
+/* Analytics request status color 2xx wildcard (green.10). */
+$kui-status-color-2xx: #ecfffb;
+/* Analytics request status color 3xx wildcard (yellow.10). */
+$kui-status-color-3xx: #fffce0;
+/* Analytics request status color 4xx wildcard (orange.10). */
+$kui-status-color-4xx: #fff1ef;
+/* Analytics request status color 5xx wildcard (red.10). */
+$kui-status-color-5xx: #ffe5e5;
+/* The standard monospace font family. */
 $kui-font-family-code: 'JetBrains Mono', Consolas, monospace;
 /* The standard heading text font family. */
 $kui-font-family-heading: 'Inter', Roboto, Helvetica, sans-serif;
@@ -730,7 +864,141 @@ $tokens-map: (
   'kui-navigation-shadow-border-child': 4px 0 0 0 #00fabe inset;
   /* Navigation link focus-visible box-shadow. */
   'kui-navigation-shadow-focus': 0 0 0 1px rgba(255, 255, 255, 0.60) inset;
-  /* The standard monospace text font family. Typically used for code blocks, inline code, and copyable text. */
+  /* Analytics request status color 100 (blue.20). */
+  'kui-status-color-100': #bee2ff;
+  /* Analytics request status color 101 (blue.30). */
+  'kui-status-color-101': #8fc1ff;
+  /* Analytics request status color 102 (blue.40). */
+  'kui-status-color-102': #5f9aff;
+  /* Analytics request status color 103 (blue.50). */
+  'kui-status-color-103': #306fff;
+  /* Analytics request status color 200 (green.20). */
+  'kui-status-color-200': #b5ffee;
+  /* Analytics request status color 201 (green.30). */
+  'kui-status-color-201': #00fabe;
+  /* Analytics request status color 202 (green.40). */
+  'kui-status-color-202': #00d6a4;
+  /* Analytics request status color 203 (green.50). */
+  'kui-status-color-203': #00a17b;
+  /* Analytics request status color 204 (green.60). */
+  'kui-status-color-204': #007d60;
+  /* Analytics request status color 205 (green.70). */
+  'kui-status-color-205': #005944;
+  /* Analytics request status color 206 (green.20). */
+  'kui-status-color-206': #b5ffee;
+  /* Analytics request status color 207 (green.30). */
+  'kui-status-color-207': #00fabe;
+  /* Analytics request status color 208 (green.40). */
+  'kui-status-color-208': #b5ffee;
+  /* Analytics request status color 226 (green.50). */
+  'kui-status-color-226': #00a17b;
+  /* Analytics request status color 100 (yellow.20). */
+  'kui-status-color-300': #fff296;
+  /* Analytics request status color 101 (yellow.30). */
+  'kui-status-color-301': #ffe04b;
+  /* Analytics request status color 102 (yellow.40). */
+  'kui-status-color-302': #ffc400;
+  /* Analytics request status color 103 (yellow.50). */
+  'kui-status-color-303': #b37600;
+  /* Analytics request status color 103 (yellow.60). */
+  'kui-status-color-304': #995c00;
+  /* Analytics request status color 103 (yellow.70). */
+  'kui-status-color-305': #804400;
+  /* Analytics request status color 103 (yellow.20). */
+  'kui-status-color-307': #fff296;
+  /* Analytics request status color 103 (yellow.30). */
+  'kui-status-color-308': #ffe04b;
+  /* Analytics request status color 400 (orange.20). */
+  'kui-status-color-400': #ffc2b3;
+  /* Analytics request status color 401 (orange.30). */
+  'kui-status-color-401': #ff9877;
+  /* Analytics request status color 402 (orange.40). */
+  'kui-status-color-402': #ff723c;
+  /* Analytics request status color 403 (orange.50). */
+  'kui-status-color-403': #f75008;
+  /* Analytics request status color 404 (orange.60). */
+  'kui-status-color-404': #d13500;
+  /* Analytics request status color 405 (orange.70). */
+  'kui-status-color-405': #a31f00;
+  /* Analytics request status color 406 (orange.20). */
+  'kui-status-color-406': #ffc2b3;
+  /* Analytics request status color 407 (orange.30). */
+  'kui-status-color-407': #ff9877;
+  /* Analytics request status color 408 (orange.40). */
+  'kui-status-color-408': #ff723c;
+  /* Analytics request status color 409 (orange.50). */
+  'kui-status-color-409': #f75008;
+  /* Analytics request status color 410 (orange.60). */
+  'kui-status-color-410': #d13500;
+  /* Analytics request status color 411 (orange.70). */
+  'kui-status-color-411': #a31f00;
+  /* Analytics request status color 412 (orange.20). */
+  'kui-status-color-412': #ffc2b3;
+  /* Analytics request status color 413 (orange.30). */
+  'kui-status-color-413': #ff9877;
+  /* Analytics request status color 414 (orange.40). */
+  'kui-status-color-414': #ff723c;
+  /* Analytics request status color 415 (orange.50). */
+  'kui-status-color-415': #f75008;
+  /* Analytics request status color 416 (orange.60). */
+  'kui-status-color-416': #d13500;
+  /* Analytics request status color 417 (orange.70). */
+  'kui-status-color-417': #a31f00;
+  /* Analytics request status color 418 (orange.20). */
+  'kui-status-color-418': #ffc2b3;
+  /* Analytics request status color 421 (orange.30). */
+  'kui-status-color-421': #ff9877;
+  /* Analytics request status color 422 (orange.40). */
+  'kui-status-color-422': #ff723c;
+  /* Analytics request status color 423 (orange.50). */
+  'kui-status-color-423': #f75008;
+  /* Analytics request status color 424 (orange.60). */
+  'kui-status-color-424': #d13500;
+  /* Analytics request status color 425 (orange.70). */
+  'kui-status-color-425': #a31f00;
+  /* Analytics request status color 426 (orange.20). */
+  'kui-status-color-426': #ffc2b3;
+  /* Analytics request status color 428 (orange.30). */
+  'kui-status-color-428': #ff9877;
+  /* Analytics request status color 429 (orange.40). */
+  'kui-status-color-429': #ff723c;
+  /* Analytics request status color 431 (orange.50). */
+  'kui-status-color-431': #f75008;
+  /* Analytics request status color 451 (orange.60). */
+  'kui-status-color-451': #d13500;
+  /* Analytics request status color 500 (red.20). */
+  'kui-status-color-500': #ffabab;
+  /* Analytics request status color 501 (red.30). */
+  'kui-status-color-501': #ff7272;
+  /* Analytics request status color 502 (red.40). */
+  'kui-status-color-502': #ff3954;
+  /* Analytics request status color 503 (red.50). */
+  'kui-status-color-503': #f50045;
+  /* Analytics request status color 504 (red.60). */
+  'kui-status-color-504': #d60027;
+  /* Analytics request status color 505 (red.70). */
+  'kui-status-color-505': #ad000e;
+  /* Analytics request status color 506 (red.20). */
+  'kui-status-color-506': #ffabab;
+  /* Analytics request status color 507 (red.30). */
+  'kui-status-color-507': #ff7272;
+  /* Analytics request status color 508 (red.40). */
+  'kui-status-color-508': #ff3954;
+  /* Analytics request status color 510 (red.50). */
+  'kui-status-color-510': #f50045;
+  /* Analytics request status color 511 (red.60). */
+  'kui-status-color-511': #d60027;
+  /* Analytics request status color 1xx wildcard (blue.10). */
+  'kui-status-color-1xx': #eefaff;
+  /* Analytics request status color 2xx wildcard (green.10). */
+  'kui-status-color-2xx': #ecfffb;
+  /* Analytics request status color 3xx wildcard (yellow.10). */
+  'kui-status-color-3xx': #fffce0;
+  /* Analytics request status color 4xx wildcard (orange.10). */
+  'kui-status-color-4xx': #fff1ef;
+  /* Analytics request status color 5xx wildcard (red.10). */
+  'kui-status-color-5xx': #ffe5e5;
+  /* The standard monospace font family. */
   'kui-font-family-code': 'JetBrains Mono', Consolas, monospace;
   /* The standard heading text font family. */
   'kui-font-family-heading': 'Inter', Roboto, Helvetica, sans-serif;
@@ -1148,7 +1416,141 @@ $tokens-map: (
 @kui-navigation-shadow-border-child: 4px 0 0 0 #00fabe inset;
 /* Navigation link focus-visible box-shadow. */
 @kui-navigation-shadow-focus: 0 0 0 1px rgba(255, 255, 255, 0.60) inset;
-/* The standard monospace text font family. Typically used for code blocks, inline code, and copyable text. */
+/* Analytics request status color 100 (blue.20). */
+@kui-status-color-100: #bee2ff;
+/* Analytics request status color 101 (blue.30). */
+@kui-status-color-101: #8fc1ff;
+/* Analytics request status color 102 (blue.40). */
+@kui-status-color-102: #5f9aff;
+/* Analytics request status color 103 (blue.50). */
+@kui-status-color-103: #306fff;
+/* Analytics request status color 200 (green.20). */
+@kui-status-color-200: #b5ffee;
+/* Analytics request status color 201 (green.30). */
+@kui-status-color-201: #00fabe;
+/* Analytics request status color 202 (green.40). */
+@kui-status-color-202: #00d6a4;
+/* Analytics request status color 203 (green.50). */
+@kui-status-color-203: #00a17b;
+/* Analytics request status color 204 (green.60). */
+@kui-status-color-204: #007d60;
+/* Analytics request status color 205 (green.70). */
+@kui-status-color-205: #005944;
+/* Analytics request status color 206 (green.20). */
+@kui-status-color-206: #b5ffee;
+/* Analytics request status color 207 (green.30). */
+@kui-status-color-207: #00fabe;
+/* Analytics request status color 208 (green.40). */
+@kui-status-color-208: #b5ffee;
+/* Analytics request status color 226 (green.50). */
+@kui-status-color-226: #00a17b;
+/* Analytics request status color 100 (yellow.20). */
+@kui-status-color-300: #fff296;
+/* Analytics request status color 101 (yellow.30). */
+@kui-status-color-301: #ffe04b;
+/* Analytics request status color 102 (yellow.40). */
+@kui-status-color-302: #ffc400;
+/* Analytics request status color 103 (yellow.50). */
+@kui-status-color-303: #b37600;
+/* Analytics request status color 103 (yellow.60). */
+@kui-status-color-304: #995c00;
+/* Analytics request status color 103 (yellow.70). */
+@kui-status-color-305: #804400;
+/* Analytics request status color 103 (yellow.20). */
+@kui-status-color-307: #fff296;
+/* Analytics request status color 103 (yellow.30). */
+@kui-status-color-308: #ffe04b;
+/* Analytics request status color 400 (orange.20). */
+@kui-status-color-400: #ffc2b3;
+/* Analytics request status color 401 (orange.30). */
+@kui-status-color-401: #ff9877;
+/* Analytics request status color 402 (orange.40). */
+@kui-status-color-402: #ff723c;
+/* Analytics request status color 403 (orange.50). */
+@kui-status-color-403: #f75008;
+/* Analytics request status color 404 (orange.60). */
+@kui-status-color-404: #d13500;
+/* Analytics request status color 405 (orange.70). */
+@kui-status-color-405: #a31f00;
+/* Analytics request status color 406 (orange.20). */
+@kui-status-color-406: #ffc2b3;
+/* Analytics request status color 407 (orange.30). */
+@kui-status-color-407: #ff9877;
+/* Analytics request status color 408 (orange.40). */
+@kui-status-color-408: #ff723c;
+/* Analytics request status color 409 (orange.50). */
+@kui-status-color-409: #f75008;
+/* Analytics request status color 410 (orange.60). */
+@kui-status-color-410: #d13500;
+/* Analytics request status color 411 (orange.70). */
+@kui-status-color-411: #a31f00;
+/* Analytics request status color 412 (orange.20). */
+@kui-status-color-412: #ffc2b3;
+/* Analytics request status color 413 (orange.30). */
+@kui-status-color-413: #ff9877;
+/* Analytics request status color 414 (orange.40). */
+@kui-status-color-414: #ff723c;
+/* Analytics request status color 415 (orange.50). */
+@kui-status-color-415: #f75008;
+/* Analytics request status color 416 (orange.60). */
+@kui-status-color-416: #d13500;
+/* Analytics request status color 417 (orange.70). */
+@kui-status-color-417: #a31f00;
+/* Analytics request status color 418 (orange.20). */
+@kui-status-color-418: #ffc2b3;
+/* Analytics request status color 421 (orange.30). */
+@kui-status-color-421: #ff9877;
+/* Analytics request status color 422 (orange.40). */
+@kui-status-color-422: #ff723c;
+/* Analytics request status color 423 (orange.50). */
+@kui-status-color-423: #f75008;
+/* Analytics request status color 424 (orange.60). */
+@kui-status-color-424: #d13500;
+/* Analytics request status color 425 (orange.70). */
+@kui-status-color-425: #a31f00;
+/* Analytics request status color 426 (orange.20). */
+@kui-status-color-426: #ffc2b3;
+/* Analytics request status color 428 (orange.30). */
+@kui-status-color-428: #ff9877;
+/* Analytics request status color 429 (orange.40). */
+@kui-status-color-429: #ff723c;
+/* Analytics request status color 431 (orange.50). */
+@kui-status-color-431: #f75008;
+/* Analytics request status color 451 (orange.60). */
+@kui-status-color-451: #d13500;
+/* Analytics request status color 500 (red.20). */
+@kui-status-color-500: #ffabab;
+/* Analytics request status color 501 (red.30). */
+@kui-status-color-501: #ff7272;
+/* Analytics request status color 502 (red.40). */
+@kui-status-color-502: #ff3954;
+/* Analytics request status color 503 (red.50). */
+@kui-status-color-503: #f50045;
+/* Analytics request status color 504 (red.60). */
+@kui-status-color-504: #d60027;
+/* Analytics request status color 505 (red.70). */
+@kui-status-color-505: #ad000e;
+/* Analytics request status color 506 (red.20). */
+@kui-status-color-506: #ffabab;
+/* Analytics request status color 507 (red.30). */
+@kui-status-color-507: #ff7272;
+/* Analytics request status color 508 (red.40). */
+@kui-status-color-508: #ff3954;
+/* Analytics request status color 510 (red.50). */
+@kui-status-color-510: #f50045;
+/* Analytics request status color 511 (red.60). */
+@kui-status-color-511: #d60027;
+/* Analytics request status color 1xx wildcard (blue.10). */
+@kui-status-color-1xx: #eefaff;
+/* Analytics request status color 2xx wildcard (green.10). */
+@kui-status-color-2xx: #ecfffb;
+/* Analytics request status color 3xx wildcard (yellow.10). */
+@kui-status-color-3xx: #fffce0;
+/* Analytics request status color 4xx wildcard (orange.10). */
+@kui-status-color-4xx: #fff1ef;
+/* Analytics request status color 5xx wildcard (red.10). */
+@kui-status-color-5xx: #ffe5e5;
+/* The standard monospace font family. */
 @kui-font-family-code: 'JetBrains Mono', Consolas, monospace;
 /* The standard heading text font family. */
 @kui-font-family-heading: 'Inter', Roboto, Helvetica, sans-serif;
@@ -1567,7 +1969,141 @@ You may scope your CSS custom property overrides inside the `:root` selector as
 --kui-navigation-shadow-border-child: 4px 0 0 0 #00fabe inset;
 /* Navigation link focus-visible box-shadow. */
 --kui-navigation-shadow-focus: 0 0 0 1px rgba(255, 255, 255, 0.60) inset;
-/* The standard monospace text font family. Typically used for code blocks, inline code, and copyable text. */
+/* Analytics request status color 100 (blue.20). */
+--kui-status-color-100: #bee2ff;
+/* Analytics request status color 101 (blue.30). */
+--kui-status-color-101: #8fc1ff;
+/* Analytics request status color 102 (blue.40). */
+--kui-status-color-102: #5f9aff;
+/* Analytics request status color 103 (blue.50). */
+--kui-status-color-103: #306fff;
+/* Analytics request status color 200 (green.20). */
+--kui-status-color-200: #b5ffee;
+/* Analytics request status color 201 (green.30). */
+--kui-status-color-201: #00fabe;
+/* Analytics request status color 202 (green.40). */
+--kui-status-color-202: #00d6a4;
+/* Analytics request status color 203 (green.50). */
+--kui-status-color-203: #00a17b;
+/* Analytics request status color 204 (green.60). */
+--kui-status-color-204: #007d60;
+/* Analytics request status color 205 (green.70). */
+--kui-status-color-205: #005944;
+/* Analytics request status color 206 (green.20). */
+--kui-status-color-206: #b5ffee;
+/* Analytics request status color 207 (green.30). */
+--kui-status-color-207: #00fabe;
+/* Analytics request status color 208 (green.40). */
+--kui-status-color-208: #b5ffee;
+/* Analytics request status color 226 (green.50). */
+--kui-status-color-226: #00a17b;
+/* Analytics request status color 100 (yellow.20). */
+--kui-status-color-300: #fff296;
+/* Analytics request status color 101 (yellow.30). */
+--kui-status-color-301: #ffe04b;
+/* Analytics request status color 102 (yellow.40). */
+--kui-status-color-302: #ffc400;
+/* Analytics request status color 103 (yellow.50). */
+--kui-status-color-303: #b37600;
+/* Analytics request status color 103 (yellow.60). */
+--kui-status-color-304: #995c00;
+/* Analytics request status color 103 (yellow.70). */
+--kui-status-color-305: #804400;
+/* Analytics request status color 103 (yellow.20). */
+--kui-status-color-307: #fff296;
+/* Analytics request status color 103 (yellow.30). */
+--kui-status-color-308: #ffe04b;
+/* Analytics request status color 400 (orange.20). */
+--kui-status-color-400: #ffc2b3;
+/* Analytics request status color 401 (orange.30). */
+--kui-status-color-401: #ff9877;
+/* Analytics request status color 402 (orange.40). */
+--kui-status-color-402: #ff723c;
+/* Analytics request status color 403 (orange.50). */
+--kui-status-color-403: #f75008;
+/* Analytics request status color 404 (orange.60). */
+--kui-status-color-404: #d13500;
+/* Analytics request status color 405 (orange.70). */
+--kui-status-color-405: #a31f00;
+/* Analytics request status color 406 (orange.20). */
+--kui-status-color-406: #ffc2b3;
+/* Analytics request status color 407 (orange.30). */
+--kui-status-color-407: #ff9877;
+/* Analytics request status color 408 (orange.40). */
+--kui-status-color-408: #ff723c;
+/* Analytics request status color 409 (orange.50). */
+--kui-status-color-409: #f75008;
+/* Analytics request status color 410 (orange.60). */
+--kui-status-color-410: #d13500;
+/* Analytics request status color 411 (orange.70). */
+--kui-status-color-411: #a31f00;
+/* Analytics request status color 412 (orange.20). */
+--kui-status-color-412: #ffc2b3;
+/* Analytics request status color 413 (orange.30). */
+--kui-status-color-413: #ff9877;
+/* Analytics request status color 414 (orange.40). */
+--kui-status-color-414: #ff723c;
+/* Analytics request status color 415 (orange.50). */
+--kui-status-color-415: #f75008;
+/* Analytics request status color 416 (orange.60). */
+--kui-status-color-416: #d13500;
+/* Analytics request status color 417 (orange.70). */
+--kui-status-color-417: #a31f00;
+/* Analytics request status color 418 (orange.20). */
+--kui-status-color-418: #ffc2b3;
+/* Analytics request status color 421 (orange.30). */
+--kui-status-color-421: #ff9877;
+/* Analytics request status color 422 (orange.40). */
+--kui-status-color-422: #ff723c;
+/* Analytics request status color 423 (orange.50). */
+--kui-status-color-423: #f75008;
+/* Analytics request status color 424 (orange.60). */
+--kui-status-color-424: #d13500;
+/* Analytics request status color 425 (orange.70). */
+--kui-status-color-425: #a31f00;
+/* Analytics request status color 426 (orange.20). */
+--kui-status-color-426: #ffc2b3;
+/* Analytics request status color 428 (orange.30). */
+--kui-status-color-428: #ff9877;
+/* Analytics request status color 429 (orange.40). */
+--kui-status-color-429: #ff723c;
+/* Analytics request status color 431 (orange.50). */
+--kui-status-color-431: #f75008;
+/* Analytics request status color 451 (orange.60). */
+--kui-status-color-451: #d13500;
+/* Analytics request status color 500 (red.20). */
+--kui-status-color-500: #ffabab;
+/* Analytics request status color 501 (red.30). */
+--kui-status-color-501: #ff7272;
+/* Analytics request status color 502 (red.40). */
+--kui-status-color-502: #ff3954;
+/* Analytics request status color 503 (red.50). */
+--kui-status-color-503: #f50045;
+/* Analytics request status color 504 (red.60). */
+--kui-status-color-504: #d60027;
+/* Analytics request status color 505 (red.70). */
+--kui-status-color-505: #ad000e;
+/* Analytics request status color 506 (red.20). */
+--kui-status-color-506: #ffabab;
+/* Analytics request status color 507 (red.30). */
+--kui-status-color-507: #ff7272;
+/* Analytics request status color 508 (red.40). */
+--kui-status-color-508: #ff3954;
+/* Analytics request status color 510 (red.50). */
+--kui-status-color-510: #f50045;
+/* Analytics request status color 511 (red.60). */
+--kui-status-color-511: #d60027;
+/* Analytics request status color 1xx wildcard (blue.10). */
+--kui-status-color-1xx: #eefaff;
+/* Analytics request status color 2xx wildcard (green.10). */
+--kui-status-color-2xx: #ecfffb;
+/* Analytics request status color 3xx wildcard (yellow.10). */
+--kui-status-color-3xx: #fffce0;
+/* Analytics request status color 4xx wildcard (orange.10). */
+--kui-status-color-4xx: #fff1ef;
+/* Analytics request status color 5xx wildcard (red.10). */
+--kui-status-color-5xx: #ffe5e5;
+/* The standard monospace font family. */
 --kui-font-family-code: 'JetBrains Mono', Consolas, monospace;
 /* The standard heading text font family. */
 --kui-font-family-heading: 'Inter', Roboto, Helvetica, sans-serif;
@@ -1984,7 +2520,141 @@ export const KUI_NAVIGATION_SHADOW_BORDER = "0 0 0 1px rgba(255, 255, 255, 0.12)
 export const KUI_NAVIGATION_SHADOW_BORDER_CHILD = "4px 0 0 0 #00fabe inset";
 /* Navigation link focus-visible box-shadow. */
 export const KUI_NAVIGATION_SHADOW_FOCUS = "0 0 0 1px rgba(255, 255, 255, 0.60) inset";
-/* The standard monospace text font family. Typically used for code blocks, inline code, and copyable text. */
+/* Analytics request status color 100 (blue.20). */
+export const KUI_STATUS_COLOR_100 = "#bee2ff";
+/* Analytics request status color 101 (blue.30). */
+export const KUI_STATUS_COLOR_101 = "#8fc1ff";
+/* Analytics request status color 102 (blue.40). */
+export const KUI_STATUS_COLOR_102 = "#5f9aff";
+/* Analytics request status color 103 (blue.50). */
+export const KUI_STATUS_COLOR_103 = "#306fff";
+/* Analytics request status color 200 (green.20). */
+export const KUI_STATUS_COLOR_200 = "#b5ffee";
+/* Analytics request status color 201 (green.30). */
+export const KUI_STATUS_COLOR_201 = "#00fabe";
+/* Analytics request status color 202 (green.40). */
+export const KUI_STATUS_COLOR_202 = "#00d6a4";
+/* Analytics request status color 203 (green.50). */
+export const KUI_STATUS_COLOR_203 = "#00a17b";
+/* Analytics request status color 204 (green.60). */
+export const KUI_STATUS_COLOR_204 = "#007d60";
+/* Analytics request status color 205 (green.70). */
+export const KUI_STATUS_COLOR_205 = "#005944";
+/* Analytics request status color 206 (green.20). */
+export const KUI_STATUS_COLOR_206 = "#b5ffee";
+/* Analytics request status color 207 (green.30). */
+export const KUI_STATUS_COLOR_207 = "#00fabe";
+/* Analytics request status color 208 (green.40). */
+export const KUI_STATUS_COLOR_208 = "#b5ffee";
+/* Analytics request status color 226 (green.50). */
+export const KUI_STATUS_COLOR_226 = "#00a17b";
+/* Analytics request status color 100 (yellow.20). */
+export const KUI_STATUS_COLOR_300 = "#fff296";
+/* Analytics request status color 101 (yellow.30). */
+export const KUI_STATUS_COLOR_301 = "#ffe04b";
+/* Analytics request status color 102 (yellow.40). */
+export const KUI_STATUS_COLOR_302 = "#ffc400";
+/* Analytics request status color 103 (yellow.50). */
+export const KUI_STATUS_COLOR_303 = "#b37600";
+/* Analytics request status color 103 (yellow.60). */
+export const KUI_STATUS_COLOR_304 = "#995c00";
+/* Analytics request status color 103 (yellow.70). */
+export const KUI_STATUS_COLOR_305 = "#804400";
+/* Analytics request status color 103 (yellow.20). */
+export const KUI_STATUS_COLOR_307 = "#fff296";
+/* Analytics request status color 103 (yellow.30). */
+export const KUI_STATUS_COLOR_308 = "#ffe04b";
+/* Analytics request status color 400 (orange.20). */
+export const KUI_STATUS_COLOR_400 = "#ffc2b3";
+/* Analytics request status color 401 (orange.30). */
+export const KUI_STATUS_COLOR_401 = "#ff9877";
+/* Analytics request status color 402 (orange.40). */
+export const KUI_STATUS_COLOR_402 = "#ff723c";
+/* Analytics request status color 403 (orange.50). */
+export const KUI_STATUS_COLOR_403 = "#f75008";
+/* Analytics request status color 404 (orange.60). */
+export const KUI_STATUS_COLOR_404 = "#d13500";
+/* Analytics request status color 405 (orange.70). */
+export const KUI_STATUS_COLOR_405 = "#a31f00";
+/* Analytics request status color 406 (orange.20). */
+export const KUI_STATUS_COLOR_406 = "#ffc2b3";
+/* Analytics request status color 407 (orange.30). */
+export const KUI_STATUS_COLOR_407 = "#ff9877";
+/* Analytics request status color 408 (orange.40). */
+export const KUI_STATUS_COLOR_408 = "#ff723c";
+/* Analytics request status color 409 (orange.50). */
+export const KUI_STATUS_COLOR_409 = "#f75008";
+/* Analytics request status color 410 (orange.60). */
+export const KUI_STATUS_COLOR_410 = "#d13500";
+/* Analytics request status color 411 (orange.70). */
+export const KUI_STATUS_COLOR_411 = "#a31f00";
+/* Analytics request status color 412 (orange.20). */
+export const KUI_STATUS_COLOR_412 = "#ffc2b3";
+/* Analytics request status color 413 (orange.30). */
+export const KUI_STATUS_COLOR_413 = "#ff9877";
+/* Analytics request status color 414 (orange.40). */
+export const KUI_STATUS_COLOR_414 = "#ff723c";
+/* Analytics request status color 415 (orange.50). */
+export const KUI_STATUS_COLOR_415 = "#f75008";
+/* Analytics request status color 416 (orange.60). */
+export const KUI_STATUS_COLOR_416 = "#d13500";
+/* Analytics request status color 417 (orange.70). */
+export const KUI_STATUS_COLOR_417 = "#a31f00";
+/* Analytics request status color 418 (orange.20). */
+export const KUI_STATUS_COLOR_418 = "#ffc2b3";
+/* Analytics request status color 421 (orange.30). */
+export const KUI_STATUS_COLOR_421 = "#ff9877";
+/* Analytics request status color 422 (orange.40). */
+export const KUI_STATUS_COLOR_422 = "#ff723c";
+/* Analytics request status color 423 (orange.50). */
+export const KUI_STATUS_COLOR_423 = "#f75008";
+/* Analytics request status color 424 (orange.60). */
+export const KUI_STATUS_COLOR_424 = "#d13500";
+/* Analytics request status color 425 (orange.70). */
+export const KUI_STATUS_COLOR_425 = "#a31f00";
+/* Analytics request status color 426 (orange.20). */
+export const KUI_STATUS_COLOR_426 = "#ffc2b3";
+/* Analytics request status color 428 (orange.30). */
+export const KUI_STATUS_COLOR_428 = "#ff9877";
+/* Analytics request status color 429 (orange.40). */
+export const KUI_STATUS_COLOR_429 = "#ff723c";
+/* Analytics request status color 431 (orange.50). */
+export const KUI_STATUS_COLOR_431 = "#f75008";
+/* Analytics request status color 451 (orange.60). */
+export const KUI_STATUS_COLOR_451 = "#d13500";
+/* Analytics request status color 500 (red.20). */
+export const KUI_STATUS_COLOR_500 = "#ffabab";
+/* Analytics request status color 501 (red.30). */
+export const KUI_STATUS_COLOR_501 = "#ff7272";
+/* Analytics request status color 502 (red.40). */
+export const KUI_STATUS_COLOR_502 = "#ff3954";
+/* Analytics request status color 503 (red.50). */
+export const KUI_STATUS_COLOR_503 = "#f50045";
+/* Analytics request status color 504 (red.60). */
+export const KUI_STATUS_COLOR_504 = "#d60027";
+/* Analytics request status color 505 (red.70). */
+export const KUI_STATUS_COLOR_505 = "#ad000e";
+/* Analytics request status color 506 (red.20). */
+export const KUI_STATUS_COLOR_506 = "#ffabab";
+/* Analytics request status color 507 (red.30). */
+export const KUI_STATUS_COLOR_507 = "#ff7272";
+/* Analytics request status color 508 (red.40). */
+export const KUI_STATUS_COLOR_508 = "#ff3954";
+/* Analytics request status color 510 (red.50). */
+export const KUI_STATUS_COLOR_510 = "#f50045";
+/* Analytics request status color 511 (red.60). */
+export const KUI_STATUS_COLOR_511 = "#d60027";
+/* Analytics request status color 1xx wildcard (blue.10). */
+export const KUI_STATUS_COLOR_1XX = "#eefaff";
+/* Analytics request status color 2xx wildcard (green.10). */
+export const KUI_STATUS_COLOR_2XX = "#ecfffb";
+/* Analytics request status color 3xx wildcard (yellow.10). */
+export const KUI_STATUS_COLOR_3XX = "#fffce0";
+/* Analytics request status color 4xx wildcard (orange.10). */
+export const KUI_STATUS_COLOR_4XX = "#fff1ef";
+/* Analytics request status color 5xx wildcard (red.10). */
+export const KUI_STATUS_COLOR_5XX = "#ffe5e5";
+/* The standard monospace font family. */
 export const KUI_FONT_FAMILY_CODE = "'JetBrains Mono', Consolas, monospace";
 /* The standard heading text font family. */
 export const KUI_FONT_FAMILY_HEADING = "'Inter', Roboto, Helvetica, sans-serif";
@@ -2253,6 +2923,73 @@ export const KUI_SPACE_AUTO = "auto";
   "kui_navigation_shadow_border": "0 0 0 1px rgba(255, 255, 255, 0.12) inset",
   "kui_navigation_shadow_border_child": "4px 0 0 0 #00fabe inset",
   "kui_navigation_shadow_focus": "0 0 0 1px rgba(255, 255, 255, 0.60) inset",
+  "kui_status_color_100": "#bee2ff",
+  "kui_status_color_101": "#8fc1ff",
+  "kui_status_color_102": "#5f9aff",
+  "kui_status_color_103": "#306fff",
+  "kui_status_color_200": "#b5ffee",
+  "kui_status_color_201": "#00fabe",
+  "kui_status_color_202": "#00d6a4",
+  "kui_status_color_203": "#00a17b",
+  "kui_status_color_204": "#007d60",
+  "kui_status_color_205": "#005944",
+  "kui_status_color_206": "#b5ffee",
+  "kui_status_color_207": "#00fabe",
+  "kui_status_color_208": "#b5ffee",
+  "kui_status_color_226": "#00a17b",
+  "kui_status_color_300": "#fff296",
+  "kui_status_color_301": "#ffe04b",
+  "kui_status_color_302": "#ffc400",
+  "kui_status_color_303": "#b37600",
+  "kui_status_color_304": "#995c00",
+  "kui_status_color_305": "#804400",
+  "kui_status_color_307": "#fff296",
+  "kui_status_color_308": "#ffe04b",
+  "kui_status_color_400": "#ffc2b3",
+  "kui_status_color_401": "#ff9877",
+  "kui_status_color_402": "#ff723c",
+  "kui_status_color_403": "#f75008",
+  "kui_status_color_404": "#d13500",
+  "kui_status_color_405": "#a31f00",
+  "kui_status_color_406": "#ffc2b3",
+  "kui_status_color_407": "#ff9877",
+  "kui_status_color_408": "#ff723c",
+  "kui_status_color_409": "#f75008",
+  "kui_status_color_410": "#d13500",
+  "kui_status_color_411": "#a31f00",
+  "kui_status_color_412": "#ffc2b3",
+  "kui_status_color_413": "#ff9877",
+  "kui_status_color_414": "#ff723c",
+  "kui_status_color_415": "#f75008",
+  "kui_status_color_416": "#d13500",
+  "kui_status_color_417": "#a31f00",
+  "kui_status_color_418": "#ffc2b3",
+  "kui_status_color_421": "#ff9877",
+  "kui_status_color_422": "#ff723c",
+  "kui_status_color_423": "#f75008",
+  "kui_status_color_424": "#d13500",
+  "kui_status_color_425": "#a31f00",
+  "kui_status_color_426": "#ffc2b3",
+  "kui_status_color_428": "#ff9877",
+  "kui_status_color_429": "#ff723c",
+  "kui_status_color_431": "#f75008",
+  "kui_status_color_451": "#d13500",
+  "kui_status_color_500": "#ffabab",
+  "kui_status_color_501": "#ff7272",
+  "kui_status_color_502": "#ff3954",
+  "kui_status_color_503": "#f50045",
+  "kui_status_color_504": "#d60027",
+  "kui_status_color_505": "#ad000e",
+  "kui_status_color_506": "#ffabab",
+  "kui_status_color_507": "#ff7272",
+  "kui_status_color_508": "#ff3954",
+  "kui_status_color_510": "#f50045",
+  "kui_status_color_511": "#d60027",
+  "kui_status_color_1xx": "#eefaff",
+  "kui_status_color_2xx": "#ecfffb",
+  "kui_status_color_3xx": "#fffce0",
+  "kui_status_color_4xx": "#fff1ef",
+  "kui_status_color_5xx": "#ffe5e5",
   "kui_font_family_code": "'JetBrains Mono', Consolas, monospace",
   "kui_font_family_heading": "'Inter', Roboto, Helvetica, sans-serif",
   "kui_font_family_text": "'Inter', Roboto, Helvetica, sans-serif",
diff --git a/tokens/alias/color/index.json b/tokens/alias/color/index.json
index d6ca1e87..3554c756 100644
--- a/tokens/alias/color/index.json
+++ b/tokens/alias/color/index.json
@@ -174,6 +174,48 @@
           "value": "#00241B"
         }
       },
+      "orange": {
+        "10": {
+          "comment": "Alias for #FFF1EF.",
+          "value": "#FFF1EF"
+        },
+        "20": {
+          "comment": "Alias for #FFC2B3.",
+          "value": "#FFC2B3"
+        },
+        "30": {
+          "comment": "Alias for #FF9877.",
+          "value": "#FF9877"
+        },
+        "40": {
+          "comment": "Alias for #FF723C.",
+          "value": "#FF723C"
+        },
+        "50": {
+          "comment": "Alias for #F75008.",
+          "value": "#F75008"
+        },
+        "60": {
+          "comment": "Alias for #D13500.",
+          "value": "#D13500"
+        },
+        "70": {
+          "comment": "Alias for #A31F00.",
+          "value": "#A31F00"
+        },
+        "80": {
+          "comment": "Alias for #750D00.",
+          "value": "#750D00"
+        },
+        "90": {
+          "comment": "Alias for #470200.",
+          "value": "#470200"
+        },
+        "100": {
+          "comment": "Alias for #330100.",
+          "value": "#330100"
+        }
+      },
       "pink": {
         "10": {
           "comment": "Alias for #FFF0F7.",
diff --git a/tokens/source/components/status.json b/tokens/source/components/status.json
new file mode 100644
index 00000000..b8354df5
--- /dev/null
+++ b/tokens/source/components/status.json
@@ -0,0 +1,300 @@
+{
+  "status": {
+    "color": {
+      "100": {
+        "comment": "Analytics request status color 100 (blue.20).",
+        "value": "{color.alias.blue.20.value}"
+      },
+      "101": {
+        "comment": "Analytics request status color 101 (blue.30).",
+        "value": "{color.alias.blue.30.value}"
+      },
+      "102": {
+        "comment": "Analytics request status color 102 (blue.40).",
+        "value": "{color.alias.blue.40.value}"
+      },
+      "103": {
+        "comment": "Analytics request status color 103 (blue.50).",
+        "value": "{color.alias.blue.50.value}"
+      },
+
+      "200": {
+        "comment": "Analytics request status color 200 (green.20).",
+        "value": "{color.alias.green.20.value}"
+      },
+      "201": {
+        "comment": "Analytics request status color 201 (green.30).",
+        "value": "{color.alias.green.30.value}"
+      },
+      "202": {
+        "comment": "Analytics request status color 202 (green.40).",
+        "value": "{color.alias.green.40.value}"
+      },
+      "203": {
+        "comment": "Analytics request status color 203 (green.50).",
+        "value": "{color.alias.green.50.value}"
+      },
+      "204": {
+        "comment": "Analytics request status color 204 (green.60).",
+        "value": "{color.alias.green.60.value}"
+      },
+      "205": {
+        "comment": "Analytics request status color 205 (green.70).",
+        "value": "{color.alias.green.70.value}"
+      },
+      "206": {
+        "comment": "Analytics request status color 206 (green.20).",
+        "value": "{color.alias.green.20.value}"
+      },
+      "207": {
+        "comment": "Analytics request status color 207 (green.30).",
+        "value": "{color.alias.green.30.value}"
+      },
+      "208": {
+        "comment": "Analytics request status color 208 (green.40).",
+        "value": "{color.alias.green.20.value}"
+      },
+      "226": {
+        "comment": "Analytics request status color 226 (green.50).",
+        "value": "{color.alias.green.50.value}"
+      },
+
+      "300": {
+        "comment": "Analytics request status color 100 (yellow.20).",
+        "value": "{color.alias.yellow.20.value}"
+      },
+      "301": {
+        "comment": "Analytics request status color 101 (yellow.30).",
+        "value": "{color.alias.yellow.30.value}"
+      },
+      "302": {
+        "comment": "Analytics request status color 102 (yellow.40).",
+        "value": "{color.alias.yellow.40.value}"
+      },
+      "303": {
+        "comment": "Analytics request status color 103 (yellow.50).",
+        "value": "{color.alias.yellow.50.value}"
+      },
+      "304": {
+        "comment": "Analytics request status color 103 (yellow.60).",
+        "value": "{color.alias.yellow.60.value}"
+      },
+      "305": {
+        "comment": "Analytics request status color 103 (yellow.70).",
+        "value": "{color.alias.yellow.70.value}"
+      },
+      "307": {
+        "comment": "Analytics request status color 103 (yellow.20).",
+        "value": "{color.alias.yellow.20.value}"
+      },
+      "308": {
+        "comment": "Analytics request status color 103 (yellow.30).",
+        "value": "{color.alias.yellow.30.value}"
+      },
+
+      "400": {
+        "comment": "Analytics request status color 400 (orange.20).",
+        "value": "{color.alias.orange.20.value}"
+      },
+      "401": {
+        "comment": "Analytics request status color 401 (orange.30).",
+        "value": "{color.alias.orange.30.value}"
+      },
+      "402": {
+        "comment": "Analytics request status color 402 (orange.40).",
+        "value": "{color.alias.orange.40.value}"
+      },
+      "403": {
+        "comment": "Analytics request status color 403 (orange.50).",
+        "value": "{color.alias.orange.50.value}"
+      },
+      "404": {
+        "comment": "Analytics request status color 404 (orange.60).",
+        "value": "{color.alias.orange.60.value}"
+      },
+      "405": {
+        "comment": "Analytics request status color 405 (orange.70).",
+        "value": "{color.alias.orange.70.value}"
+      },
+      "406": {
+        "comment": "Analytics request status color 406 (orange.20).",
+        "value": "{color.alias.orange.20.value}"
+      },
+      "407": {
+        "comment": "Analytics request status color 407 (orange.30).",
+        "value": "{color.alias.orange.30.value}"
+      },
+      "408": {
+        "comment": "Analytics request status color 408 (orange.40).",
+        "value": "{color.alias.orange.40.value}"
+      },
+      "409": {
+        "comment": "Analytics request status color 409 (orange.50).",
+        "value": "{color.alias.orange.50.value}"
+      },
+      "410": {
+        "comment": "Analytics request status color 410 (orange.60).",
+        "value": "{color.alias.orange.60.value}"
+      },
+      "411": {
+        "comment": "Analytics request status color 411 (orange.70).",
+        "value": "{color.alias.orange.70.value}"
+      },
+      "412": {
+        "comment": "Analytics request status color 412 (orange.20).",
+        "value": "{color.alias.orange.20.value}"
+      },
+      "413": {
+        "comment": "Analytics request status color 413 (orange.30).",
+        "value": "{color.alias.orange.30.value}"
+      },
+      "414": {
+        "comment": "Analytics request status color 414 (orange.40).",
+        "value": "{color.alias.orange.40.value}"
+      },
+      "415": {
+        "comment": "Analytics request status color 415 (orange.50).",
+        "value": "{color.alias.orange.50.value}"
+      },
+      "416": {
+        "comment": "Analytics request status color 416 (orange.60).",
+        "value": "{color.alias.orange.60.value}"
+      },
+      "417": {
+        "comment": "Analytics request status color 417 (orange.70).",
+        "value": "{color.alias.orange.70.value}"
+      },
+      "418": {
+        "comment": "Analytics request status color 418 (orange.20).",
+        "value": "{color.alias.orange.20.value}"
+      },
+      "421": {
+        "comment": "Analytics request status color 421 (orange.30).",
+        "value": "{color.alias.orange.30.value}"
+      },
+      "422": {
+        "comment": "Analytics request status color 422 (orange.40).",
+        "value": "{color.alias.orange.40.value}"
+      },
+      "423": {
+        "comment": "Analytics request status color 423 (orange.50).",
+        "value": "{color.alias.orange.50.value}"
+      },
+      "424": {
+        "comment": "Analytics request status color 424 (orange.60).",
+        "value": "{color.alias.orange.60.value}"
+      },
+      "425": {
+        "comment": "Analytics request status color 425 (orange.70).",
+        "value": "{color.alias.orange.70.value}"
+      },
+      "426": {
+        "comment": "Analytics request status color 426 (orange.20).",
+        "value": "{color.alias.orange.20.value}"
+      },
+      "428": {
+        "comment": "Analytics request status color 428 (orange.30).",
+        "value": "{color.alias.orange.30.value}"
+      },
+      "429": {
+        "comment": "Analytics request status color 429 (orange.40).",
+        "value": "{color.alias.orange.40.value}"
+      },
+      "431": {
+        "comment": "Analytics request status color 431 (orange.50).",
+        "value": "{color.alias.orange.50.value}"
+      },
+      "451": {
+        "comment": "Analytics request status color 451 (orange.60).",
+        "value": "{color.alias.orange.60.value}"
+      },
+
+      "500": {
+        "comment": "Analytics request status color 500 (red.20).",
+        "value": "{color.alias.red.20.value}"
+      },
+      "501": {
+        "comment": "Analytics request status color 501 (red.30).",
+        "value": "{color.alias.red.30.value}"
+      },
+      "502": {
+        "comment": "Analytics request status color 502 (red.40).",
+        "value": "{color.alias.red.40.value}"
+      },
+      "503": {
+        "comment": "Analytics request status color 503 (red.50).",
+        "value": "{color.alias.red.50.value}"
+      },
+      "504": {
+        "comment": "Analytics request status color 504 (red.60).",
+        "value": "{color.alias.red.60.value}"
+      },
+      "505": {
+        "comment": "Analytics request status color 505 (red.70).",
+        "value": "{color.alias.red.70.value}"
+      },
+      "506": {
+        "comment": "Analytics request status color 506 (red.20).",
+        "value": "{color.alias.red.20.value}"
+      },
+      "507": {
+        "comment": "Analytics request status color 507 (red.30).",
+        "value": "{color.alias.red.30.value}"
+      },
+      "508": {
+        "comment": "Analytics request status color 508 (red.40).",
+        "value": "{color.alias.red.40.value}"
+      },
+      "510": {
+        "comment": "Analytics request status color 510 (red.50).",
+        "value": "{color.alias.red.50.value}"
+      },
+      "511": {
+        "comment": "Analytics request status color 511 (red.60).",
+        "value": "{color.alias.red.60.value}"
+      },
+
+      "range_100": {
+        "comment": "Analytics wildcard 1xx request status color (blue.40).",
+        "value": "{color.alias.blue.40.value}"
+      },
+      "range_200": {
+        "comment": "Analytics wildcard 2xx request status color (green.40).",
+        "value": "{color.alias.green.40.value}"
+      },
+      "range_300": {
+        "comment": "Analytics wildcard 3xx request status color (yellow.40).",
+        "value": "{color.alias.yellow.40.value}"
+      },
+      "range_400": {
+        "comment": "Analytics wildcard 4xx request status color (orange.40).",
+        "value": "{color.alias.orange.40.value}"
+      },
+      "range_500": {
+        "comment": "Analytics wildcard 5xx request status color (red.40).",
+        "value": "{color.alias.red.40.value}"
+      },
+
+      "unknown_100": {
+        "comment": "Analytics unknown 1xx request status color (blue.10).",
+        "value": "{color.alias.blue.10.value}"
+      },
+      "unknown_200": {
+        "comment": "Analytics unknown 2xx request status color (green.10).",
+        "value": "{color.alias.green.10.value}"
+      },
+      "unknown_300": {
+        "comment": "Analytics unknown 3xx request status color (yellow.10).",
+        "value": "{color.alias.yellow.10.value}"
+      },
+      "unknown_400": {
+        "comment": "Analytics unknown 4xx request status color (orange.10).",
+        "value": "{color.alias.orange.10.value}"
+      },
+      "unknown_500": {
+        "comment": "Analytics unknown 5xx request status color (red.10).",
+        "value": "{color.alias.red.10.value}"
+      }
+    }
+  }
+}

From b66b177a8a3bbdaf80ddca71ba306b0f0f84ee10 Mon Sep 17 00:00:00 2001
From: mihai-peteu <mihai.peteu@konghq.com>
Date: Wed, 17 Jul 2024 15:41:50 -0700
Subject: [PATCH 2/8] chore(status-colors): add request status colors

---
 TOKENS.md | 177 +++++++++++++++++++++++++++++++++++-------------------
 1 file changed, 116 insertions(+), 61 deletions(-)

diff --git a/TOKENS.md b/TOKENS.md
index d439b811..1200a349 100644
--- a/TOKENS.md
+++ b/TOKENS.md
@@ -1,6 +1,6 @@
 <!--
  * Do not edit directly
- * Generated on Mon, 01 Jul 2024 19:31:35 GMT
+ * Generated on Wed, 17 Jul 2024 22:40:54 GMT
  * 
  * Kong Design Tokens
  * GitHub: https://github.com/Kong/design-tokens
@@ -438,17 +438,27 @@ $kui-status-color-508: #ff3954;
 $kui-status-color-510: #f50045;
 /* Analytics request status color 511 (red.60). */
 $kui-status-color-511: #d60027;
-/* Analytics request status color 1xx wildcard (blue.10). */
-$kui-status-color-1xx: #eefaff;
-/* Analytics request status color 2xx wildcard (green.10). */
-$kui-status-color-2xx: #ecfffb;
-/* Analytics request status color 3xx wildcard (yellow.10). */
-$kui-status-color-3xx: #fffce0;
-/* Analytics request status color 4xx wildcard (orange.10). */
-$kui-status-color-4xx: #fff1ef;
-/* Analytics request status color 5xx wildcard (red.10). */
-$kui-status-color-5xx: #ffe5e5;
-/* The standard monospace font family. */
+/* Analytics wildcard 1xx request status color (blue.40). */
+$kui-status-color-range-100: #5f9aff;
+/* Analytics wildcard 2xx request status color (green.40). */
+$kui-status-color-range-200: #00d6a4;
+/* Analytics wildcard 3xx request status color (yellow.40). */
+$kui-status-color-range-300: #ffc400;
+/* Analytics wildcard 4xx request status color (orange.40). */
+$kui-status-color-range-400: #ff723c;
+/* Analytics wildcard 5xx request status color (red.40). */
+$kui-status-color-range-500: #ff3954;
+/* Analytics unknown 1xx request status color (blue.10). */
+$kui-status-color-unknown-100: #eefaff;
+/* Analytics unknown 2xx request status color (green.10). */
+$kui-status-color-unknown-200: #ecfffb;
+/* Analytics unknown 3xx request status color (yellow.10). */
+$kui-status-color-unknown-300: #fffce0;
+/* Analytics unknown 4xx request status color (orange.10). */
+$kui-status-color-unknown-400: #fff1ef;
+/* Analytics unknown 5xx request status color (red.10). */
+$kui-status-color-unknown-500: #ffe5e5;
+/* The standard monospace text font family. Typically used for code blocks, inline code, and copyable text. */
 $kui-font-family-code: 'JetBrains Mono', Consolas, monospace;
 /* The standard heading text font family. */
 $kui-font-family-heading: 'Inter', Roboto, Helvetica, sans-serif;
@@ -988,17 +998,27 @@ $tokens-map: (
   'kui-status-color-510': #f50045;
   /* Analytics request status color 511 (red.60). */
   'kui-status-color-511': #d60027;
-  /* Analytics request status color 1xx wildcard (blue.10). */
-  'kui-status-color-1xx': #eefaff;
-  /* Analytics request status color 2xx wildcard (green.10). */
-  'kui-status-color-2xx': #ecfffb;
-  /* Analytics request status color 3xx wildcard (yellow.10). */
-  'kui-status-color-3xx': #fffce0;
-  /* Analytics request status color 4xx wildcard (orange.10). */
-  'kui-status-color-4xx': #fff1ef;
-  /* Analytics request status color 5xx wildcard (red.10). */
-  'kui-status-color-5xx': #ffe5e5;
-  /* The standard monospace font family. */
+  /* Analytics wildcard 1xx request status color (blue.40). */
+  'kui-status-color-range-100': #5f9aff;
+  /* Analytics wildcard 2xx request status color (green.40). */
+  'kui-status-color-range-200': #00d6a4;
+  /* Analytics wildcard 3xx request status color (yellow.40). */
+  'kui-status-color-range-300': #ffc400;
+  /* Analytics wildcard 4xx request status color (orange.40). */
+  'kui-status-color-range-400': #ff723c;
+  /* Analytics wildcard 5xx request status color (red.40). */
+  'kui-status-color-range-500': #ff3954;
+  /* Analytics unknown 1xx request status color (blue.10). */
+  'kui-status-color-unknown-100': #eefaff;
+  /* Analytics unknown 2xx request status color (green.10). */
+  'kui-status-color-unknown-200': #ecfffb;
+  /* Analytics unknown 3xx request status color (yellow.10). */
+  'kui-status-color-unknown-300': #fffce0;
+  /* Analytics unknown 4xx request status color (orange.10). */
+  'kui-status-color-unknown-400': #fff1ef;
+  /* Analytics unknown 5xx request status color (red.10). */
+  'kui-status-color-unknown-500': #ffe5e5;
+  /* The standard monospace text font family. Typically used for code blocks, inline code, and copyable text. */
   'kui-font-family-code': 'JetBrains Mono', Consolas, monospace;
   /* The standard heading text font family. */
   'kui-font-family-heading': 'Inter', Roboto, Helvetica, sans-serif;
@@ -1540,17 +1560,27 @@ $tokens-map: (
 @kui-status-color-510: #f50045;
 /* Analytics request status color 511 (red.60). */
 @kui-status-color-511: #d60027;
-/* Analytics request status color 1xx wildcard (blue.10). */
-@kui-status-color-1xx: #eefaff;
-/* Analytics request status color 2xx wildcard (green.10). */
-@kui-status-color-2xx: #ecfffb;
-/* Analytics request status color 3xx wildcard (yellow.10). */
-@kui-status-color-3xx: #fffce0;
-/* Analytics request status color 4xx wildcard (orange.10). */
-@kui-status-color-4xx: #fff1ef;
-/* Analytics request status color 5xx wildcard (red.10). */
-@kui-status-color-5xx: #ffe5e5;
-/* The standard monospace font family. */
+/* Analytics wildcard 1xx request status color (blue.40). */
+@kui-status-color-range-100: #5f9aff;
+/* Analytics wildcard 2xx request status color (green.40). */
+@kui-status-color-range-200: #00d6a4;
+/* Analytics wildcard 3xx request status color (yellow.40). */
+@kui-status-color-range-300: #ffc400;
+/* Analytics wildcard 4xx request status color (orange.40). */
+@kui-status-color-range-400: #ff723c;
+/* Analytics wildcard 5xx request status color (red.40). */
+@kui-status-color-range-500: #ff3954;
+/* Analytics unknown 1xx request status color (blue.10). */
+@kui-status-color-unknown-100: #eefaff;
+/* Analytics unknown 2xx request status color (green.10). */
+@kui-status-color-unknown-200: #ecfffb;
+/* Analytics unknown 3xx request status color (yellow.10). */
+@kui-status-color-unknown-300: #fffce0;
+/* Analytics unknown 4xx request status color (orange.10). */
+@kui-status-color-unknown-400: #fff1ef;
+/* Analytics unknown 5xx request status color (red.10). */
+@kui-status-color-unknown-500: #ffe5e5;
+/* The standard monospace text font family. Typically used for code blocks, inline code, and copyable text. */
 @kui-font-family-code: 'JetBrains Mono', Consolas, monospace;
 /* The standard heading text font family. */
 @kui-font-family-heading: 'Inter', Roboto, Helvetica, sans-serif;
@@ -2093,17 +2123,27 @@ You may scope your CSS custom property overrides inside the `:root` selector as
 --kui-status-color-510: #f50045;
 /* Analytics request status color 511 (red.60). */
 --kui-status-color-511: #d60027;
-/* Analytics request status color 1xx wildcard (blue.10). */
---kui-status-color-1xx: #eefaff;
-/* Analytics request status color 2xx wildcard (green.10). */
---kui-status-color-2xx: #ecfffb;
-/* Analytics request status color 3xx wildcard (yellow.10). */
---kui-status-color-3xx: #fffce0;
-/* Analytics request status color 4xx wildcard (orange.10). */
---kui-status-color-4xx: #fff1ef;
-/* Analytics request status color 5xx wildcard (red.10). */
---kui-status-color-5xx: #ffe5e5;
-/* The standard monospace font family. */
+/* Analytics wildcard 1xx request status color (blue.40). */
+--kui-status-color-range-100: #5f9aff;
+/* Analytics wildcard 2xx request status color (green.40). */
+--kui-status-color-range-200: #00d6a4;
+/* Analytics wildcard 3xx request status color (yellow.40). */
+--kui-status-color-range-300: #ffc400;
+/* Analytics wildcard 4xx request status color (orange.40). */
+--kui-status-color-range-400: #ff723c;
+/* Analytics wildcard 5xx request status color (red.40). */
+--kui-status-color-range-500: #ff3954;
+/* Analytics unknown 1xx request status color (blue.10). */
+--kui-status-color-unknown-100: #eefaff;
+/* Analytics unknown 2xx request status color (green.10). */
+--kui-status-color-unknown-200: #ecfffb;
+/* Analytics unknown 3xx request status color (yellow.10). */
+--kui-status-color-unknown-300: #fffce0;
+/* Analytics unknown 4xx request status color (orange.10). */
+--kui-status-color-unknown-400: #fff1ef;
+/* Analytics unknown 5xx request status color (red.10). */
+--kui-status-color-unknown-500: #ffe5e5;
+/* The standard monospace text font family. Typically used for code blocks, inline code, and copyable text. */
 --kui-font-family-code: 'JetBrains Mono', Consolas, monospace;
 /* The standard heading text font family. */
 --kui-font-family-heading: 'Inter', Roboto, Helvetica, sans-serif;
@@ -2644,17 +2684,27 @@ export const KUI_STATUS_COLOR_508 = "#ff3954";
 export const KUI_STATUS_COLOR_510 = "#f50045";
 /* Analytics request status color 511 (red.60). */
 export const KUI_STATUS_COLOR_511 = "#d60027";
-/* Analytics request status color 1xx wildcard (blue.10). */
-export const KUI_STATUS_COLOR_1XX = "#eefaff";
-/* Analytics request status color 2xx wildcard (green.10). */
-export const KUI_STATUS_COLOR_2XX = "#ecfffb";
-/* Analytics request status color 3xx wildcard (yellow.10). */
-export const KUI_STATUS_COLOR_3XX = "#fffce0";
-/* Analytics request status color 4xx wildcard (orange.10). */
-export const KUI_STATUS_COLOR_4XX = "#fff1ef";
-/* Analytics request status color 5xx wildcard (red.10). */
-export const KUI_STATUS_COLOR_5XX = "#ffe5e5";
-/* The standard monospace font family. */
+/* Analytics wildcard 1xx request status color (blue.40). */
+export const KUI_STATUS_COLOR_RANGE_100 = "#5f9aff";
+/* Analytics wildcard 2xx request status color (green.40). */
+export const KUI_STATUS_COLOR_RANGE_200 = "#00d6a4";
+/* Analytics wildcard 3xx request status color (yellow.40). */
+export const KUI_STATUS_COLOR_RANGE_300 = "#ffc400";
+/* Analytics wildcard 4xx request status color (orange.40). */
+export const KUI_STATUS_COLOR_RANGE_400 = "#ff723c";
+/* Analytics wildcard 5xx request status color (red.40). */
+export const KUI_STATUS_COLOR_RANGE_500 = "#ff3954";
+/* Analytics unknown 1xx request status color (blue.10). */
+export const KUI_STATUS_COLOR_UNKNOWN_100 = "#eefaff";
+/* Analytics unknown 2xx request status color (green.10). */
+export const KUI_STATUS_COLOR_UNKNOWN_200 = "#ecfffb";
+/* Analytics unknown 3xx request status color (yellow.10). */
+export const KUI_STATUS_COLOR_UNKNOWN_300 = "#fffce0";
+/* Analytics unknown 4xx request status color (orange.10). */
+export const KUI_STATUS_COLOR_UNKNOWN_400 = "#fff1ef";
+/* Analytics unknown 5xx request status color (red.10). */
+export const KUI_STATUS_COLOR_UNKNOWN_500 = "#ffe5e5";
+/* The standard monospace text font family. Typically used for code blocks, inline code, and copyable text. */
 export const KUI_FONT_FAMILY_CODE = "'JetBrains Mono', Consolas, monospace";
 /* The standard heading text font family. */
 export const KUI_FONT_FAMILY_HEADING = "'Inter', Roboto, Helvetica, sans-serif";
@@ -2985,11 +3035,16 @@ export const KUI_SPACE_AUTO = "auto";
   "kui_status_color_508": "#ff3954",
   "kui_status_color_510": "#f50045",
   "kui_status_color_511": "#d60027",
-  "kui_status_color_1xx": "#eefaff",
-  "kui_status_color_2xx": "#ecfffb",
-  "kui_status_color_3xx": "#fffce0",
-  "kui_status_color_4xx": "#fff1ef",
-  "kui_status_color_5xx": "#ffe5e5",
+  "kui_status_color_range_100": "#5f9aff",
+  "kui_status_color_range_200": "#00d6a4",
+  "kui_status_color_range_300": "#ffc400",
+  "kui_status_color_range_400": "#ff723c",
+  "kui_status_color_range_500": "#ff3954",
+  "kui_status_color_unknown_100": "#eefaff",
+  "kui_status_color_unknown_200": "#ecfffb",
+  "kui_status_color_unknown_300": "#fffce0",
+  "kui_status_color_unknown_400": "#fff1ef",
+  "kui_status_color_unknown_500": "#ffe5e5",
   "kui_font_family_code": "'JetBrains Mono', Consolas, monospace",
   "kui_font_family_heading": "'Inter', Roboto, Helvetica, sans-serif",
   "kui_font_family_text": "'Inter', Roboto, Helvetica, sans-serif",

From 99d81076e1f235cd98fa3c9042bceb8c1c620df1 Mon Sep 17 00:00:00 2001
From: mihai-peteu <mihai.peteu@konghq.com>
Date: Mon, 22 Jul 2024 08:54:39 -0700
Subject: [PATCH 3/8] feat(analytics-tokens): resolve tokens.md conflict
 [MA-2473]

---
 TOKENS.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/TOKENS.md b/TOKENS.md
index 1200a349..a6b80315 100644
--- a/TOKENS.md
+++ b/TOKENS.md
@@ -1,6 +1,6 @@
 <!--
  * Do not edit directly
- * Generated on Wed, 17 Jul 2024 22:40:54 GMT
+ * Generated on Mon, 22 Jul 2024 15:54:00 GMT
  * 
  * Kong Design Tokens
  * GitHub: https://github.com/Kong/design-tokens

From 9f60fc1c5a4cd1dec3fd156d63881571089fb19d Mon Sep 17 00:00:00 2001
From: mihai-peteu <mihai.peteu@konghq.com>
Date: Wed, 24 Jul 2024 08:35:22 -0700
Subject: [PATCH 4/8] chore(tokens): update md file

---
 TOKENS.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/TOKENS.md b/TOKENS.md
index a6b80315..3d135027 100644
--- a/TOKENS.md
+++ b/TOKENS.md
@@ -1,6 +1,6 @@
 <!--
  * Do not edit directly
- * Generated on Mon, 22 Jul 2024 15:54:00 GMT
+ * Generated on Wed, 24 Jul 2024 15:35:02 GMT
  * 
  * Kong Design Tokens
  * GitHub: https://github.com/Kong/design-tokens

From 2e75382942e4719cc30250dc75fd00105d537137 Mon Sep 17 00:00:00 2001
From: mihai-peteu <mihai.peteu@konghq.com>
Date: Wed, 7 Aug 2024 15:33:00 -0700
Subject: [PATCH 5/8] feat: update color names per doc [MA-2473]

---
 TOKENS.md                            | 110 +++++++++++++++++++++++++++
 tokens/source/components/status.json |  41 ++++++++++
 2 files changed, 151 insertions(+)

diff --git a/TOKENS.md b/TOKENS.md
index 50f18620..920a41ef 100644
--- a/TOKENS.md
+++ b/TOKENS.md
@@ -436,6 +436,26 @@ $kui-status-color-508: #ff3954;
 $kui-status-color-510: #f50045;
 /* Analytics request status color 511 (red.60). */
 $kui-status-color-511: #d60027;
+/* Analytics unknown 1xx request status color (blue.10). */
+$kui-status-color-1na: #eefaff;
+/* Analytics unknown 2xx request status color (green.10). */
+$kui-status-color-2na: #ecfffb;
+/* Analytics unknown 3xx request status color (yellow.10). */
+$kui-status-color-3na: #fffce0;
+/* Analytics unknown 4xx request status color (orange.10). */
+$kui-status-color-4na: #FFF1EF;
+/* Analytics unknown 5xx request status color (red.10). */
+$kui-status-color-5na: #ffe5e5;
+/* Analytics request status code group color in 100-199 range (blue.40). */
+$kui-status-color-100s: #5f9aff;
+/* Analytics request status code group color in 200-299 range (green.40). */
+$kui-status-color-200s: #00d6a4;
+/* Analytics request status code group color in 300-399 range (yellow.40). */
+$kui-status-color-300s: #ffc400;
+/* Analytics request status code group color in 400-499 range (orange.40). */
+$kui-status-color-400s: #FF723C;
+/* Analytics request status code group color in 500-599 range (red.40). */
+$kui-status-color-500s: #ff3954;
 /* Analytics wildcard 1xx request status color (blue.40). */
 $kui-status-color-range-100: #5f9aff;
 /* Analytics wildcard 2xx request status color (green.40). */
@@ -996,6 +1016,26 @@ $tokens-map: (
   'kui-status-color-510': #f50045;
   /* Analytics request status color 511 (red.60). */
   'kui-status-color-511': #d60027;
+  /* Analytics unknown 1xx request status color (blue.10). */
+  'kui-status-color-1na': #eefaff;
+  /* Analytics unknown 2xx request status color (green.10). */
+  'kui-status-color-2na': #ecfffb;
+  /* Analytics unknown 3xx request status color (yellow.10). */
+  'kui-status-color-3na': #fffce0;
+  /* Analytics unknown 4xx request status color (orange.10). */
+  'kui-status-color-4na': #FFF1EF;
+  /* Analytics unknown 5xx request status color (red.10). */
+  'kui-status-color-5na': #ffe5e5;
+  /* Analytics request status code group color in 100-199 range (blue.40). */
+  'kui-status-color-100s': #5f9aff;
+  /* Analytics request status code group color in 200-299 range (green.40). */
+  'kui-status-color-200s': #00d6a4;
+  /* Analytics request status code group color in 300-399 range (yellow.40). */
+  'kui-status-color-300s': #ffc400;
+  /* Analytics request status code group color in 400-499 range (orange.40). */
+  'kui-status-color-400s': #FF723C;
+  /* Analytics request status code group color in 500-599 range (red.40). */
+  'kui-status-color-500s': #ff3954;
   /* Analytics wildcard 1xx request status color (blue.40). */
   'kui-status-color-range-100': #5f9aff;
   /* Analytics wildcard 2xx request status color (green.40). */
@@ -1558,6 +1598,26 @@ $tokens-map: (
 @kui-status-color-510: #f50045;
 /* Analytics request status color 511 (red.60). */
 @kui-status-color-511: #d60027;
+/* Analytics unknown 1xx request status color (blue.10). */
+@kui-status-color-1na: #eefaff;
+/* Analytics unknown 2xx request status color (green.10). */
+@kui-status-color-2na: #ecfffb;
+/* Analytics unknown 3xx request status color (yellow.10). */
+@kui-status-color-3na: #fffce0;
+/* Analytics unknown 4xx request status color (orange.10). */
+@kui-status-color-4na: #FFF1EF;
+/* Analytics unknown 5xx request status color (red.10). */
+@kui-status-color-5na: #ffe5e5;
+/* Analytics request status code group color in 100-199 range (blue.40). */
+@kui-status-color-100s: #5f9aff;
+/* Analytics request status code group color in 200-299 range (green.40). */
+@kui-status-color-200s: #00d6a4;
+/* Analytics request status code group color in 300-399 range (yellow.40). */
+@kui-status-color-300s: #ffc400;
+/* Analytics request status code group color in 400-499 range (orange.40). */
+@kui-status-color-400s: #FF723C;
+/* Analytics request status code group color in 500-599 range (red.40). */
+@kui-status-color-500s: #ff3954;
 /* Analytics wildcard 1xx request status color (blue.40). */
 @kui-status-color-range-100: #5f9aff;
 /* Analytics wildcard 2xx request status color (green.40). */
@@ -2121,6 +2181,26 @@ You may scope your CSS custom property overrides inside the `:root` selector as
 --kui-status-color-510: #f50045;
 /* Analytics request status color 511 (red.60). */
 --kui-status-color-511: #d60027;
+/* Analytics unknown 1xx request status color (blue.10). */
+--kui-status-color-1na: #eefaff;
+/* Analytics unknown 2xx request status color (green.10). */
+--kui-status-color-2na: #ecfffb;
+/* Analytics unknown 3xx request status color (yellow.10). */
+--kui-status-color-3na: #fffce0;
+/* Analytics unknown 4xx request status color (orange.10). */
+--kui-status-color-4na: #FFF1EF;
+/* Analytics unknown 5xx request status color (red.10). */
+--kui-status-color-5na: #ffe5e5;
+/* Analytics request status code group color in 100-199 range (blue.40). */
+--kui-status-color-100s: #5f9aff;
+/* Analytics request status code group color in 200-299 range (green.40). */
+--kui-status-color-200s: #00d6a4;
+/* Analytics request status code group color in 300-399 range (yellow.40). */
+--kui-status-color-300s: #ffc400;
+/* Analytics request status code group color in 400-499 range (orange.40). */
+--kui-status-color-400s: #FF723C;
+/* Analytics request status code group color in 500-599 range (red.40). */
+--kui-status-color-500s: #ff3954;
 /* Analytics wildcard 1xx request status color (blue.40). */
 --kui-status-color-range-100: #5f9aff;
 /* Analytics wildcard 2xx request status color (green.40). */
@@ -2682,6 +2762,26 @@ export const KUI_STATUS_COLOR_508 = "#ff3954";
 export const KUI_STATUS_COLOR_510 = "#f50045";
 /* Analytics request status color 511 (red.60). */
 export const KUI_STATUS_COLOR_511 = "#d60027";
+/* Analytics unknown 1xx request status color (blue.10). */
+export const KUI_STATUS_COLOR_1NA = "#eefaff";
+/* Analytics unknown 2xx request status color (green.10). */
+export const KUI_STATUS_COLOR_2NA = "#ecfffb";
+/* Analytics unknown 3xx request status color (yellow.10). */
+export const KUI_STATUS_COLOR_3NA = "#fffce0";
+/* Analytics unknown 4xx request status color (orange.10). */
+export const KUI_STATUS_COLOR_4NA = "#FFF1EF";
+/* Analytics unknown 5xx request status color (red.10). */
+export const KUI_STATUS_COLOR_5NA = "#ffe5e5";
+/* Analytics request status code group color in 100-199 range (blue.40). */
+export const KUI_STATUS_COLOR_100S = "#5f9aff";
+/* Analytics request status code group color in 200-299 range (green.40). */
+export const KUI_STATUS_COLOR_200S = "#00d6a4";
+/* Analytics request status code group color in 300-399 range (yellow.40). */
+export const KUI_STATUS_COLOR_300S = "#ffc400";
+/* Analytics request status code group color in 400-499 range (orange.40). */
+export const KUI_STATUS_COLOR_400S = "#FF723C";
+/* Analytics request status code group color in 500-599 range (red.40). */
+export const KUI_STATUS_COLOR_500S = "#ff3954";
 /* Analytics wildcard 1xx request status color (blue.40). */
 export const KUI_STATUS_COLOR_RANGE_100 = "#5f9aff";
 /* Analytics wildcard 2xx request status color (green.40). */
@@ -3033,6 +3133,16 @@ export const KUI_SPACE_AUTO = "auto";
   "kui_status_color_508": "#ff3954",
   "kui_status_color_510": "#f50045",
   "kui_status_color_511": "#d60027",
+  "kui_status_color_1na": "#eefaff",
+  "kui_status_color_2na": "#ecfffb",
+  "kui_status_color_3na": "#fffce0",
+  "kui_status_color_4na": "#FFF1EF",
+  "kui_status_color_5na": "#ffe5e5",
+  "kui_status_color_100s": "#5f9aff",
+  "kui_status_color_200s": "#00d6a4",
+  "kui_status_color_300s": "#ffc400",
+  "kui_status_color_400s": "#FF723C",
+  "kui_status_color_500s": "#ff3954",
   "kui_status_color_range_100": "#5f9aff",
   "kui_status_color_range_200": "#00d6a4",
   "kui_status_color_range_300": "#ffc400",
diff --git a/tokens/source/components/status.json b/tokens/source/components/status.json
index b8354df5..e94af43c 100644
--- a/tokens/source/components/status.json
+++ b/tokens/source/components/status.json
@@ -1,10 +1,35 @@
 {
   "status": {
     "color": {
+      "1na": {
+        "comment": "Analytics unknown 1xx request status color (blue.10).",
+        "value": "{color.alias.blue.10.value}"
+      },
+      "2na": {
+        "comment": "Analytics unknown 2xx request status color (green.10).",
+        "value": "{color.alias.green.10.value}"
+      },
+      "3na": {
+        "comment": "Analytics unknown 3xx request status color (yellow.10).",
+        "value": "{color.alias.yellow.10.value}"
+      },
+      "4na": {
+        "comment": "Analytics unknown 4xx request status color (orange.10).",
+        "value": "{color.alias.orange.10.value}"
+      },
+      "5na": {
+        "comment": "Analytics unknown 5xx request status color (red.10).",
+        "value": "{color.alias.red.10.value}"
+      },
+
       "100": {
         "comment": "Analytics request status color 100 (blue.20).",
         "value": "{color.alias.blue.20.value}"
       },
+      "100s": {
+        "comment": "Analytics request status code group color in 100-199 range (blue.40).",
+        "value": "{color.alias.blue.40.value}"
+      },
       "101": {
         "comment": "Analytics request status color 101 (blue.30).",
         "value": "{color.alias.blue.30.value}"
@@ -22,6 +47,10 @@
         "comment": "Analytics request status color 200 (green.20).",
         "value": "{color.alias.green.20.value}"
       },
+      "200s": {
+        "comment": "Analytics request status code group color in 200-299 range (green.40).",
+        "value": "{color.alias.green.40.value}"
+      },
       "201": {
         "comment": "Analytics request status color 201 (green.30).",
         "value": "{color.alias.green.30.value}"
@@ -63,6 +92,10 @@
         "comment": "Analytics request status color 100 (yellow.20).",
         "value": "{color.alias.yellow.20.value}"
       },
+      "300s": {
+        "comment": "Analytics request status code group color in 300-399 range (yellow.40).",
+        "value": "{color.alias.yellow.40.value}"
+      },
       "301": {
         "comment": "Analytics request status color 101 (yellow.30).",
         "value": "{color.alias.yellow.30.value}"
@@ -96,6 +129,10 @@
         "comment": "Analytics request status color 400 (orange.20).",
         "value": "{color.alias.orange.20.value}"
       },
+      "400s": {
+        "comment": "Analytics request status code group color in 400-499 range (orange.40).",
+        "value": "{color.alias.orange.40.value}"
+      },
       "401": {
         "comment": "Analytics request status color 401 (orange.30).",
         "value": "{color.alias.orange.30.value}"
@@ -213,6 +250,10 @@
         "comment": "Analytics request status color 500 (red.20).",
         "value": "{color.alias.red.20.value}"
       },
+      "500s": {
+        "comment": "Analytics request status code group color in 500-599 range (red.40).",
+        "value": "{color.alias.red.40.value}"
+      },
       "501": {
         "comment": "Analytics request status color 501 (red.30).",
         "value": "{color.alias.red.30.value}"

From 1fce3c6458f96c02aacf2c143ed392fd0e9e72cd Mon Sep 17 00:00:00 2001
From: mihai-peteu <mihai.peteu@konghq.com>
Date: Thu, 8 Aug 2024 11:47:07 -0700
Subject: [PATCH 6/8] feat: address review comments [MA-2473]

---
 .../rules/use-proper-token/token-map.mjs      |  10 +-
 tokens/source/components/status.json          | 186 +++++++-----------
 2 files changed, 77 insertions(+), 119 deletions(-)

diff --git a/stylelint-plugin/rules/use-proper-token/token-map.mjs b/stylelint-plugin/rules/use-proper-token/token-map.mjs
index 3643434b..52cf50b1 100644
--- a/stylelint-plugin/rules/use-proper-token/token-map.mjs
+++ b/stylelint-plugin/rules/use-proper-token/token-map.mjs
@@ -15,8 +15,8 @@
  * ! To enforce no token should be used for a CSS property, set the value to an empty array.
  */
 export const PROPERTY_TOKEN_MAP = {
-  background: ['color-background'],
-  'background-color': ['color-background'],
+  background: ['color-background', 'status-color'],
+  'background-color': ['color-background', 'status-color'],
   'background-size': [],
   border: ['border-radius', 'border-width', 'color-border'],
   'border-bottom': ['border-radius', 'border-width', 'color-border'],
@@ -41,10 +41,10 @@ export const PROPERTY_TOKEN_MAP = {
   'border-width': ['border-width'],
   bottom: [],
   'box-shadow': ['border-width', 'color-border', 'shadow'],
-  color: ['color-text', 'icon-color'],
+  color: ['color-text', 'icon-color', 'status-color'],
   'column-gap': ['space'],
   'column-width': [],
-  fill: ['color-text'],
+  fill: ['color-text', 'status-color'],
   font: ['font-family', 'font-size', 'font-weight'],
   'font-family': ['font-family'],
   'font-size': ['font-size'],
@@ -74,7 +74,7 @@ export const PROPERTY_TOKEN_MAP = {
   'padding-top': ['space'],
   right: [],
   'row-gap': ['space'],
-  stroke: ['color-text'],
+  stroke: ['color-text', 'status-color'],
   'text-decoration-color': ['color-text'],
   top: [],
   width: ['icon-size', 'breakpoint'],
diff --git a/tokens/source/components/status.json b/tokens/source/components/status.json
index e94af43c..9e68453f 100644
--- a/tokens/source/components/status.json
+++ b/tokens/source/components/status.json
@@ -2,339 +2,297 @@
   "status": {
     "color": {
       "1na": {
-        "comment": "Analytics unknown 1xx request status color (blue.10).",
+        "comment": "Color for an unknown 100-199 range response (blue.10).",
         "value": "{color.alias.blue.10.value}"
       },
       "2na": {
-        "comment": "Analytics unknown 2xx request status color (green.10).",
+        "comment": "Color for an unknown 200-299 range response (green.10).",
         "value": "{color.alias.green.10.value}"
       },
       "3na": {
-        "comment": "Analytics unknown 3xx request status color (yellow.10).",
+        "comment": "Color for an unknown 300-399 range response (yellow.10).",
         "value": "{color.alias.yellow.10.value}"
       },
       "4na": {
-        "comment": "Analytics unknown 4xx request status color (orange.10).",
+        "comment": "Color for an unknown 400-499 range response (orange.10).",
         "value": "{color.alias.orange.10.value}"
       },
       "5na": {
-        "comment": "Analytics unknown 5xx request status color (red.10).",
+        "comment": "Color for an unknown 500-599 range response (red.10).",
         "value": "{color.alias.red.10.value}"
       },
 
       "100": {
-        "comment": "Analytics request status color 100 (blue.20).",
+        "comment": "Color representing request status 100 (blue.20).",
         "value": "{color.alias.blue.20.value}"
       },
       "100s": {
-        "comment": "Analytics request status code group color in 100-199 range (blue.40).",
+        "comment": "Color for a group of responses in the 100-199 range (blue.40).",
         "value": "{color.alias.blue.40.value}"
       },
       "101": {
-        "comment": "Analytics request status color 101 (blue.30).",
+        "comment": "Color representing request status 101 (blue.30).",
         "value": "{color.alias.blue.30.value}"
       },
       "102": {
-        "comment": "Analytics request status color 102 (blue.40).",
+        "comment": "Color representing request status 102 (blue.40).",
         "value": "{color.alias.blue.40.value}"
       },
       "103": {
-        "comment": "Analytics request status color 103 (blue.50).",
+        "comment": "Color representing request status 103 (blue.50).",
         "value": "{color.alias.blue.50.value}"
       },
 
       "200": {
-        "comment": "Analytics request status color 200 (green.20).",
+        "comment": "Color representing request status 200 (green.20).",
         "value": "{color.alias.green.20.value}"
       },
       "200s": {
-        "comment": "Analytics request status code group color in 200-299 range (green.40).",
+        "comment": "Color for a group of responses in the 200-299 range (green.40).",
         "value": "{color.alias.green.40.value}"
       },
       "201": {
-        "comment": "Analytics request status color 201 (green.30).",
+        "comment": "Color representing request status 201 (green.30).",
         "value": "{color.alias.green.30.value}"
       },
       "202": {
-        "comment": "Analytics request status color 202 (green.40).",
+        "comment": "Color representing request status 202 (green.40).",
         "value": "{color.alias.green.40.value}"
       },
       "203": {
-        "comment": "Analytics request status color 203 (green.50).",
+        "comment": "Color representing request status 203 (green.50).",
         "value": "{color.alias.green.50.value}"
       },
       "204": {
-        "comment": "Analytics request status color 204 (green.60).",
+        "comment": "Color representing request status 204 (green.60).",
         "value": "{color.alias.green.60.value}"
       },
       "205": {
-        "comment": "Analytics request status color 205 (green.70).",
+        "comment": "Color representing request status 205 (green.70).",
         "value": "{color.alias.green.70.value}"
       },
       "206": {
-        "comment": "Analytics request status color 206 (green.20).",
+        "comment": "Color representing request status 206 (green.20).",
         "value": "{color.alias.green.20.value}"
       },
       "207": {
-        "comment": "Analytics request status color 207 (green.30).",
+        "comment": "Color representing request status 207 (green.30).",
         "value": "{color.alias.green.30.value}"
       },
       "208": {
-        "comment": "Analytics request status color 208 (green.40).",
+        "comment": "Color representing request status 208 (green.40).",
         "value": "{color.alias.green.20.value}"
       },
       "226": {
-        "comment": "Analytics request status color 226 (green.50).",
+        "comment": "Color representing request status 226 (green.50).",
         "value": "{color.alias.green.50.value}"
       },
 
       "300": {
-        "comment": "Analytics request status color 100 (yellow.20).",
+        "comment": "Color representing request status 100 (yellow.20).",
         "value": "{color.alias.yellow.20.value}"
       },
       "300s": {
-        "comment": "Analytics request status code group color in 300-399 range (yellow.40).",
+        "comment": "Color for a group of responses in the 300-399 range (yellow.40).",
         "value": "{color.alias.yellow.40.value}"
       },
       "301": {
-        "comment": "Analytics request status color 101 (yellow.30).",
+        "comment": "Color representing request status 101 (yellow.30).",
         "value": "{color.alias.yellow.30.value}"
       },
       "302": {
-        "comment": "Analytics request status color 102 (yellow.40).",
+        "comment": "Color representing request status 102 (yellow.40).",
         "value": "{color.alias.yellow.40.value}"
       },
       "303": {
-        "comment": "Analytics request status color 103 (yellow.50).",
+        "comment": "Color representing request status 103 (yellow.50).",
         "value": "{color.alias.yellow.50.value}"
       },
       "304": {
-        "comment": "Analytics request status color 103 (yellow.60).",
+        "comment": "Color representing request status 103 (yellow.60).",
         "value": "{color.alias.yellow.60.value}"
       },
       "305": {
-        "comment": "Analytics request status color 103 (yellow.70).",
+        "comment": "Color representing request status 103 (yellow.70).",
         "value": "{color.alias.yellow.70.value}"
       },
       "307": {
-        "comment": "Analytics request status color 103 (yellow.20).",
+        "comment": "Color representing request status 103 (yellow.20).",
         "value": "{color.alias.yellow.20.value}"
       },
       "308": {
-        "comment": "Analytics request status color 103 (yellow.30).",
+        "comment": "Color representing request status 103 (yellow.30).",
         "value": "{color.alias.yellow.30.value}"
       },
 
       "400": {
-        "comment": "Analytics request status color 400 (orange.20).",
+        "comment": "Color representing request status 400 (orange.20).",
         "value": "{color.alias.orange.20.value}"
       },
       "400s": {
-        "comment": "Analytics request status code group color in 400-499 range (orange.40).",
+        "comment": "Color for a group of responses in the 400-499 range (orange.40).",
         "value": "{color.alias.orange.40.value}"
       },
       "401": {
-        "comment": "Analytics request status color 401 (orange.30).",
+        "comment": "Color representing request status 401 (orange.30).",
         "value": "{color.alias.orange.30.value}"
       },
       "402": {
-        "comment": "Analytics request status color 402 (orange.40).",
+        "comment": "Color representing request status 402 (orange.40).",
         "value": "{color.alias.orange.40.value}"
       },
       "403": {
-        "comment": "Analytics request status color 403 (orange.50).",
+        "comment": "Color representing request status 403 (orange.50).",
         "value": "{color.alias.orange.50.value}"
       },
       "404": {
-        "comment": "Analytics request status color 404 (orange.60).",
+        "comment": "Color representing request status 404 (orange.60).",
         "value": "{color.alias.orange.60.value}"
       },
       "405": {
-        "comment": "Analytics request status color 405 (orange.70).",
+        "comment": "Color representing request status 405 (orange.70).",
         "value": "{color.alias.orange.70.value}"
       },
       "406": {
-        "comment": "Analytics request status color 406 (orange.20).",
+        "comment": "Color representing request status 406 (orange.20).",
         "value": "{color.alias.orange.20.value}"
       },
       "407": {
-        "comment": "Analytics request status color 407 (orange.30).",
+        "comment": "Color representing request status 407 (orange.30).",
         "value": "{color.alias.orange.30.value}"
       },
       "408": {
-        "comment": "Analytics request status color 408 (orange.40).",
+        "comment": "Color representing request status 408 (orange.40).",
         "value": "{color.alias.orange.40.value}"
       },
       "409": {
-        "comment": "Analytics request status color 409 (orange.50).",
+        "comment": "Color representing request status 409 (orange.50).",
         "value": "{color.alias.orange.50.value}"
       },
       "410": {
-        "comment": "Analytics request status color 410 (orange.60).",
+        "comment": "Color representing request status 410 (orange.60).",
         "value": "{color.alias.orange.60.value}"
       },
       "411": {
-        "comment": "Analytics request status color 411 (orange.70).",
+        "comment": "Color representing request status 411 (orange.70).",
         "value": "{color.alias.orange.70.value}"
       },
       "412": {
-        "comment": "Analytics request status color 412 (orange.20).",
+        "comment": "Color representing request status 412 (orange.20).",
         "value": "{color.alias.orange.20.value}"
       },
       "413": {
-        "comment": "Analytics request status color 413 (orange.30).",
+        "comment": "Color representing request status 413 (orange.30).",
         "value": "{color.alias.orange.30.value}"
       },
       "414": {
-        "comment": "Analytics request status color 414 (orange.40).",
+        "comment": "Color representing request status 414 (orange.40).",
         "value": "{color.alias.orange.40.value}"
       },
       "415": {
-        "comment": "Analytics request status color 415 (orange.50).",
+        "comment": "Color representing request status 415 (orange.50).",
         "value": "{color.alias.orange.50.value}"
       },
       "416": {
-        "comment": "Analytics request status color 416 (orange.60).",
+        "comment": "Color representing request status 416 (orange.60).",
         "value": "{color.alias.orange.60.value}"
       },
       "417": {
-        "comment": "Analytics request status color 417 (orange.70).",
+        "comment": "Color representing request status 417 (orange.70).",
         "value": "{color.alias.orange.70.value}"
       },
       "418": {
-        "comment": "Analytics request status color 418 (orange.20).",
+        "comment": "Color representing request status 418 (orange.20).",
         "value": "{color.alias.orange.20.value}"
       },
       "421": {
-        "comment": "Analytics request status color 421 (orange.30).",
+        "comment": "Color representing request status 421 (orange.30).",
         "value": "{color.alias.orange.30.value}"
       },
       "422": {
-        "comment": "Analytics request status color 422 (orange.40).",
+        "comment": "Color representing request status 422 (orange.40).",
         "value": "{color.alias.orange.40.value}"
       },
       "423": {
-        "comment": "Analytics request status color 423 (orange.50).",
+        "comment": "Color representing request status 423 (orange.50).",
         "value": "{color.alias.orange.50.value}"
       },
       "424": {
-        "comment": "Analytics request status color 424 (orange.60).",
+        "comment": "Color representing request status 424 (orange.60).",
         "value": "{color.alias.orange.60.value}"
       },
       "425": {
-        "comment": "Analytics request status color 425 (orange.70).",
+        "comment": "Color representing request status 425 (orange.70).",
         "value": "{color.alias.orange.70.value}"
       },
       "426": {
-        "comment": "Analytics request status color 426 (orange.20).",
+        "comment": "Color representing request status 426 (orange.20).",
         "value": "{color.alias.orange.20.value}"
       },
       "428": {
-        "comment": "Analytics request status color 428 (orange.30).",
+        "comment": "Color representing request status 428 (orange.30).",
         "value": "{color.alias.orange.30.value}"
       },
       "429": {
-        "comment": "Analytics request status color 429 (orange.40).",
+        "comment": "Color representing request status 429 (orange.40).",
         "value": "{color.alias.orange.40.value}"
       },
       "431": {
-        "comment": "Analytics request status color 431 (orange.50).",
+        "comment": "Color representing request status 431 (orange.50).",
         "value": "{color.alias.orange.50.value}"
       },
       "451": {
-        "comment": "Analytics request status color 451 (orange.60).",
+        "comment": "Color representing request status 451 (orange.60).",
         "value": "{color.alias.orange.60.value}"
       },
 
       "500": {
-        "comment": "Analytics request status color 500 (red.20).",
+        "comment": "Color representing request status 500 (red.20).",
         "value": "{color.alias.red.20.value}"
       },
       "500s": {
-        "comment": "Analytics request status code group color in 500-599 range (red.40).",
+        "comment": "Color for a group of responses in the 500-599 range (red.40).",
         "value": "{color.alias.red.40.value}"
       },
       "501": {
-        "comment": "Analytics request status color 501 (red.30).",
+        "comment": "Color representing request status 501 (red.30).",
         "value": "{color.alias.red.30.value}"
       },
       "502": {
-        "comment": "Analytics request status color 502 (red.40).",
+        "comment": "Color representing request status 502 (red.40).",
         "value": "{color.alias.red.40.value}"
       },
       "503": {
-        "comment": "Analytics request status color 503 (red.50).",
+        "comment": "Color representing request status 503 (red.50).",
         "value": "{color.alias.red.50.value}"
       },
       "504": {
-        "comment": "Analytics request status color 504 (red.60).",
+        "comment": "Color representing request status 504 (red.60).",
         "value": "{color.alias.red.60.value}"
       },
       "505": {
-        "comment": "Analytics request status color 505 (red.70).",
+        "comment": "Color representing request status 505 (red.70).",
         "value": "{color.alias.red.70.value}"
       },
       "506": {
-        "comment": "Analytics request status color 506 (red.20).",
+        "comment": "Color representing request status 506 (red.20).",
         "value": "{color.alias.red.20.value}"
       },
       "507": {
-        "comment": "Analytics request status color 507 (red.30).",
+        "comment": "Color representing request status 507 (red.30).",
         "value": "{color.alias.red.30.value}"
       },
       "508": {
-        "comment": "Analytics request status color 508 (red.40).",
+        "comment": "Color representing request status 508 (red.40).",
         "value": "{color.alias.red.40.value}"
       },
       "510": {
-        "comment": "Analytics request status color 510 (red.50).",
+        "comment": "Color representing request status 510 (red.50).",
         "value": "{color.alias.red.50.value}"
       },
       "511": {
-        "comment": "Analytics request status color 511 (red.60).",
+        "comment": "Color representing request status 511 (red.60).",
         "value": "{color.alias.red.60.value}"
-      },
-
-      "range_100": {
-        "comment": "Analytics wildcard 1xx request status color (blue.40).",
-        "value": "{color.alias.blue.40.value}"
-      },
-      "range_200": {
-        "comment": "Analytics wildcard 2xx request status color (green.40).",
-        "value": "{color.alias.green.40.value}"
-      },
-      "range_300": {
-        "comment": "Analytics wildcard 3xx request status color (yellow.40).",
-        "value": "{color.alias.yellow.40.value}"
-      },
-      "range_400": {
-        "comment": "Analytics wildcard 4xx request status color (orange.40).",
-        "value": "{color.alias.orange.40.value}"
-      },
-      "range_500": {
-        "comment": "Analytics wildcard 5xx request status color (red.40).",
-        "value": "{color.alias.red.40.value}"
-      },
-
-      "unknown_100": {
-        "comment": "Analytics unknown 1xx request status color (blue.10).",
-        "value": "{color.alias.blue.10.value}"
-      },
-      "unknown_200": {
-        "comment": "Analytics unknown 2xx request status color (green.10).",
-        "value": "{color.alias.green.10.value}"
-      },
-      "unknown_300": {
-        "comment": "Analytics unknown 3xx request status color (yellow.10).",
-        "value": "{color.alias.yellow.10.value}"
-      },
-      "unknown_400": {
-        "comment": "Analytics unknown 4xx request status color (orange.10).",
-        "value": "{color.alias.orange.10.value}"
-      },
-      "unknown_500": {
-        "comment": "Analytics unknown 5xx request status color (red.10).",
-        "value": "{color.alias.red.10.value}"
       }
     }
   }

From 45d15d9cac2641aabe3ec301928991e16ef9d352 Mon Sep 17 00:00:00 2001
From: mihai-peteu <mihai.peteu@konghq.com>
Date: Thu, 8 Aug 2024 12:41:37 -0700
Subject: [PATCH 7/8] feat: update tokens.md [MA-2473]

---
 TOKENS.md | 830 +++++++++++++++++++++++-------------------------------
 1 file changed, 360 insertions(+), 470 deletions(-)

diff --git a/TOKENS.md b/TOKENS.md
index 920a41ef..33a1fefa 100644
--- a/TOKENS.md
+++ b/TOKENS.md
@@ -312,170 +312,150 @@ $kui-navigation-shadow-border: 0 0 0 1px rgba(255, 255, 255, 0.12) inset;
 $kui-navigation-shadow-border-child: 4px 0 0 0 #00fabe inset;
 /* Navigation link focus-visible box-shadow. */
 $kui-navigation-shadow-focus: 0 0 0 1px rgba(255, 255, 255, 0.60) inset;
-/* Analytics request status color 100 (blue.20). */
+/* Color representing request status 100 (blue.20). */
 $kui-status-color-100: #bee2ff;
-/* Analytics request status color 101 (blue.30). */
+/* Color representing request status 101 (blue.30). */
 $kui-status-color-101: #8fc1ff;
-/* Analytics request status color 102 (blue.40). */
+/* Color representing request status 102 (blue.40). */
 $kui-status-color-102: #5f9aff;
-/* Analytics request status color 103 (blue.50). */
+/* Color representing request status 103 (blue.50). */
 $kui-status-color-103: #306fff;
-/* Analytics request status color 200 (green.20). */
+/* Color representing request status 200 (green.20). */
 $kui-status-color-200: #b5ffee;
-/* Analytics request status color 201 (green.30). */
+/* Color representing request status 201 (green.30). */
 $kui-status-color-201: #00fabe;
-/* Analytics request status color 202 (green.40). */
+/* Color representing request status 202 (green.40). */
 $kui-status-color-202: #00d6a4;
-/* Analytics request status color 203 (green.50). */
+/* Color representing request status 203 (green.50). */
 $kui-status-color-203: #00a17b;
-/* Analytics request status color 204 (green.60). */
+/* Color representing request status 204 (green.60). */
 $kui-status-color-204: #007d60;
-/* Analytics request status color 205 (green.70). */
+/* Color representing request status 205 (green.70). */
 $kui-status-color-205: #005944;
-/* Analytics request status color 206 (green.20). */
+/* Color representing request status 206 (green.20). */
 $kui-status-color-206: #b5ffee;
-/* Analytics request status color 207 (green.30). */
+/* Color representing request status 207 (green.30). */
 $kui-status-color-207: #00fabe;
-/* Analytics request status color 208 (green.40). */
+/* Color representing request status 208 (green.40). */
 $kui-status-color-208: #b5ffee;
-/* Analytics request status color 226 (green.50). */
+/* Color representing request status 226 (green.50). */
 $kui-status-color-226: #00a17b;
-/* Analytics request status color 100 (yellow.20). */
+/* Color representing request status 100 (yellow.20). */
 $kui-status-color-300: #fff296;
-/* Analytics request status color 101 (yellow.30). */
+/* Color representing request status 101 (yellow.30). */
 $kui-status-color-301: #ffe04b;
-/* Analytics request status color 102 (yellow.40). */
+/* Color representing request status 102 (yellow.40). */
 $kui-status-color-302: #ffc400;
-/* Analytics request status color 103 (yellow.50). */
+/* Color representing request status 103 (yellow.50). */
 $kui-status-color-303: #b37600;
-/* Analytics request status color 103 (yellow.60). */
+/* Color representing request status 103 (yellow.60). */
 $kui-status-color-304: #995c00;
-/* Analytics request status color 103 (yellow.70). */
+/* Color representing request status 103 (yellow.70). */
 $kui-status-color-305: #804400;
-/* Analytics request status color 103 (yellow.20). */
+/* Color representing request status 103 (yellow.20). */
 $kui-status-color-307: #fff296;
-/* Analytics request status color 103 (yellow.30). */
+/* Color representing request status 103 (yellow.30). */
 $kui-status-color-308: #ffe04b;
-/* Analytics request status color 400 (orange.20). */
+/* Color representing request status 400 (orange.20). */
 $kui-status-color-400: #FFC2B3;
-/* Analytics request status color 401 (orange.30). */
+/* Color representing request status 401 (orange.30). */
 $kui-status-color-401: #FF9877;
-/* Analytics request status color 402 (orange.40). */
+/* Color representing request status 402 (orange.40). */
 $kui-status-color-402: #FF723C;
-/* Analytics request status color 403 (orange.50). */
+/* Color representing request status 403 (orange.50). */
 $kui-status-color-403: #F75008;
-/* Analytics request status color 404 (orange.60). */
+/* Color representing request status 404 (orange.60). */
 $kui-status-color-404: #D13500;
-/* Analytics request status color 405 (orange.70). */
+/* Color representing request status 405 (orange.70). */
 $kui-status-color-405: #A31F00;
-/* Analytics request status color 406 (orange.20). */
+/* Color representing request status 406 (orange.20). */
 $kui-status-color-406: #FFC2B3;
-/* Analytics request status color 407 (orange.30). */
+/* Color representing request status 407 (orange.30). */
 $kui-status-color-407: #FF9877;
-/* Analytics request status color 408 (orange.40). */
+/* Color representing request status 408 (orange.40). */
 $kui-status-color-408: #FF723C;
-/* Analytics request status color 409 (orange.50). */
+/* Color representing request status 409 (orange.50). */
 $kui-status-color-409: #F75008;
-/* Analytics request status color 410 (orange.60). */
+/* Color representing request status 410 (orange.60). */
 $kui-status-color-410: #D13500;
-/* Analytics request status color 411 (orange.70). */
+/* Color representing request status 411 (orange.70). */
 $kui-status-color-411: #A31F00;
-/* Analytics request status color 412 (orange.20). */
+/* Color representing request status 412 (orange.20). */
 $kui-status-color-412: #FFC2B3;
-/* Analytics request status color 413 (orange.30). */
+/* Color representing request status 413 (orange.30). */
 $kui-status-color-413: #FF9877;
-/* Analytics request status color 414 (orange.40). */
+/* Color representing request status 414 (orange.40). */
 $kui-status-color-414: #FF723C;
-/* Analytics request status color 415 (orange.50). */
+/* Color representing request status 415 (orange.50). */
 $kui-status-color-415: #F75008;
-/* Analytics request status color 416 (orange.60). */
+/* Color representing request status 416 (orange.60). */
 $kui-status-color-416: #D13500;
-/* Analytics request status color 417 (orange.70). */
+/* Color representing request status 417 (orange.70). */
 $kui-status-color-417: #A31F00;
-/* Analytics request status color 418 (orange.20). */
+/* Color representing request status 418 (orange.20). */
 $kui-status-color-418: #FFC2B3;
-/* Analytics request status color 421 (orange.30). */
+/* Color representing request status 421 (orange.30). */
 $kui-status-color-421: #FF9877;
-/* Analytics request status color 422 (orange.40). */
+/* Color representing request status 422 (orange.40). */
 $kui-status-color-422: #FF723C;
-/* Analytics request status color 423 (orange.50). */
+/* Color representing request status 423 (orange.50). */
 $kui-status-color-423: #F75008;
-/* Analytics request status color 424 (orange.60). */
+/* Color representing request status 424 (orange.60). */
 $kui-status-color-424: #D13500;
-/* Analytics request status color 425 (orange.70). */
+/* Color representing request status 425 (orange.70). */
 $kui-status-color-425: #A31F00;
-/* Analytics request status color 426 (orange.20). */
+/* Color representing request status 426 (orange.20). */
 $kui-status-color-426: #FFC2B3;
-/* Analytics request status color 428 (orange.30). */
+/* Color representing request status 428 (orange.30). */
 $kui-status-color-428: #FF9877;
-/* Analytics request status color 429 (orange.40). */
+/* Color representing request status 429 (orange.40). */
 $kui-status-color-429: #FF723C;
-/* Analytics request status color 431 (orange.50). */
+/* Color representing request status 431 (orange.50). */
 $kui-status-color-431: #F75008;
-/* Analytics request status color 451 (orange.60). */
+/* Color representing request status 451 (orange.60). */
 $kui-status-color-451: #D13500;
-/* Analytics request status color 500 (red.20). */
+/* Color representing request status 500 (red.20). */
 $kui-status-color-500: #ffabab;
-/* Analytics request status color 501 (red.30). */
+/* Color representing request status 501 (red.30). */
 $kui-status-color-501: #ff7272;
-/* Analytics request status color 502 (red.40). */
+/* Color representing request status 502 (red.40). */
 $kui-status-color-502: #ff3954;
-/* Analytics request status color 503 (red.50). */
+/* Color representing request status 503 (red.50). */
 $kui-status-color-503: #f50045;
-/* Analytics request status color 504 (red.60). */
+/* Color representing request status 504 (red.60). */
 $kui-status-color-504: #d60027;
-/* Analytics request status color 505 (red.70). */
+/* Color representing request status 505 (red.70). */
 $kui-status-color-505: #ad000e;
-/* Analytics request status color 506 (red.20). */
+/* Color representing request status 506 (red.20). */
 $kui-status-color-506: #ffabab;
-/* Analytics request status color 507 (red.30). */
+/* Color representing request status 507 (red.30). */
 $kui-status-color-507: #ff7272;
-/* Analytics request status color 508 (red.40). */
+/* Color representing request status 508 (red.40). */
 $kui-status-color-508: #ff3954;
-/* Analytics request status color 510 (red.50). */
+/* Color representing request status 510 (red.50). */
 $kui-status-color-510: #f50045;
-/* Analytics request status color 511 (red.60). */
+/* Color representing request status 511 (red.60). */
 $kui-status-color-511: #d60027;
-/* Analytics unknown 1xx request status color (blue.10). */
+/* Color for an unknown 100-199 range response (blue.10). */
 $kui-status-color-1na: #eefaff;
-/* Analytics unknown 2xx request status color (green.10). */
+/* Color for an unknown 200-299 range response (green.10). */
 $kui-status-color-2na: #ecfffb;
-/* Analytics unknown 3xx request status color (yellow.10). */
+/* Color for an unknown 300-399 range response (yellow.10). */
 $kui-status-color-3na: #fffce0;
-/* Analytics unknown 4xx request status color (orange.10). */
+/* Color for an unknown 400-499 range response (orange.10). */
 $kui-status-color-4na: #FFF1EF;
-/* Analytics unknown 5xx request status color (red.10). */
+/* Color for an unknown 500-599 range response (red.10). */
 $kui-status-color-5na: #ffe5e5;
-/* Analytics request status code group color in 100-199 range (blue.40). */
+/* Color for a group of responses in the 100-199 range (blue.40). */
 $kui-status-color-100s: #5f9aff;
-/* Analytics request status code group color in 200-299 range (green.40). */
+/* Color for a group of responses in the 200-299 range (green.40). */
 $kui-status-color-200s: #00d6a4;
-/* Analytics request status code group color in 300-399 range (yellow.40). */
+/* Color for a group of responses in the 300-399 range (yellow.40). */
 $kui-status-color-300s: #ffc400;
-/* Analytics request status code group color in 400-499 range (orange.40). */
+/* Color for a group of responses in the 400-499 range (orange.40). */
 $kui-status-color-400s: #FF723C;
-/* Analytics request status code group color in 500-599 range (red.40). */
+/* Color for a group of responses in the 500-599 range (red.40). */
 $kui-status-color-500s: #ff3954;
-/* Analytics wildcard 1xx request status color (blue.40). */
-$kui-status-color-range-100: #5f9aff;
-/* Analytics wildcard 2xx request status color (green.40). */
-$kui-status-color-range-200: #00d6a4;
-/* Analytics wildcard 3xx request status color (yellow.40). */
-$kui-status-color-range-300: #ffc400;
-/* Analytics wildcard 4xx request status color (orange.40). */
-$kui-status-color-range-400: #FF723C;
-/* Analytics wildcard 5xx request status color (red.40). */
-$kui-status-color-range-500: #ff3954;
-/* Analytics unknown 1xx request status color (blue.10). */
-$kui-status-color-unknown-100: #eefaff;
-/* Analytics unknown 2xx request status color (green.10). */
-$kui-status-color-unknown-200: #ecfffb;
-/* Analytics unknown 3xx request status color (yellow.10). */
-$kui-status-color-unknown-300: #fffce0;
-/* Analytics unknown 4xx request status color (orange.10). */
-$kui-status-color-unknown-400: #FFF1EF;
-/* Analytics unknown 5xx request status color (red.10). */
-$kui-status-color-unknown-500: #ffe5e5;
 /* The standard monospace text font family. Typically used for code blocks, inline code, and copyable text. */
 $kui-font-family-code: 'JetBrains Mono', Consolas, monospace;
 /* The standard heading text font family. */
@@ -892,170 +872,150 @@ $tokens-map: (
   'kui-navigation-shadow-border-child': 4px 0 0 0 #00fabe inset;
   /* Navigation link focus-visible box-shadow. */
   'kui-navigation-shadow-focus': 0 0 0 1px rgba(255, 255, 255, 0.60) inset;
-  /* Analytics request status color 100 (blue.20). */
+  /* Color representing request status 100 (blue.20). */
   'kui-status-color-100': #bee2ff;
-  /* Analytics request status color 101 (blue.30). */
+  /* Color representing request status 101 (blue.30). */
   'kui-status-color-101': #8fc1ff;
-  /* Analytics request status color 102 (blue.40). */
+  /* Color representing request status 102 (blue.40). */
   'kui-status-color-102': #5f9aff;
-  /* Analytics request status color 103 (blue.50). */
+  /* Color representing request status 103 (blue.50). */
   'kui-status-color-103': #306fff;
-  /* Analytics request status color 200 (green.20). */
+  /* Color representing request status 200 (green.20). */
   'kui-status-color-200': #b5ffee;
-  /* Analytics request status color 201 (green.30). */
+  /* Color representing request status 201 (green.30). */
   'kui-status-color-201': #00fabe;
-  /* Analytics request status color 202 (green.40). */
+  /* Color representing request status 202 (green.40). */
   'kui-status-color-202': #00d6a4;
-  /* Analytics request status color 203 (green.50). */
+  /* Color representing request status 203 (green.50). */
   'kui-status-color-203': #00a17b;
-  /* Analytics request status color 204 (green.60). */
+  /* Color representing request status 204 (green.60). */
   'kui-status-color-204': #007d60;
-  /* Analytics request status color 205 (green.70). */
+  /* Color representing request status 205 (green.70). */
   'kui-status-color-205': #005944;
-  /* Analytics request status color 206 (green.20). */
+  /* Color representing request status 206 (green.20). */
   'kui-status-color-206': #b5ffee;
-  /* Analytics request status color 207 (green.30). */
+  /* Color representing request status 207 (green.30). */
   'kui-status-color-207': #00fabe;
-  /* Analytics request status color 208 (green.40). */
+  /* Color representing request status 208 (green.40). */
   'kui-status-color-208': #b5ffee;
-  /* Analytics request status color 226 (green.50). */
+  /* Color representing request status 226 (green.50). */
   'kui-status-color-226': #00a17b;
-  /* Analytics request status color 100 (yellow.20). */
+  /* Color representing request status 100 (yellow.20). */
   'kui-status-color-300': #fff296;
-  /* Analytics request status color 101 (yellow.30). */
+  /* Color representing request status 101 (yellow.30). */
   'kui-status-color-301': #ffe04b;
-  /* Analytics request status color 102 (yellow.40). */
+  /* Color representing request status 102 (yellow.40). */
   'kui-status-color-302': #ffc400;
-  /* Analytics request status color 103 (yellow.50). */
+  /* Color representing request status 103 (yellow.50). */
   'kui-status-color-303': #b37600;
-  /* Analytics request status color 103 (yellow.60). */
+  /* Color representing request status 103 (yellow.60). */
   'kui-status-color-304': #995c00;
-  /* Analytics request status color 103 (yellow.70). */
+  /* Color representing request status 103 (yellow.70). */
   'kui-status-color-305': #804400;
-  /* Analytics request status color 103 (yellow.20). */
+  /* Color representing request status 103 (yellow.20). */
   'kui-status-color-307': #fff296;
-  /* Analytics request status color 103 (yellow.30). */
+  /* Color representing request status 103 (yellow.30). */
   'kui-status-color-308': #ffe04b;
-  /* Analytics request status color 400 (orange.20). */
+  /* Color representing request status 400 (orange.20). */
   'kui-status-color-400': #FFC2B3;
-  /* Analytics request status color 401 (orange.30). */
+  /* Color representing request status 401 (orange.30). */
   'kui-status-color-401': #FF9877;
-  /* Analytics request status color 402 (orange.40). */
+  /* Color representing request status 402 (orange.40). */
   'kui-status-color-402': #FF723C;
-  /* Analytics request status color 403 (orange.50). */
+  /* Color representing request status 403 (orange.50). */
   'kui-status-color-403': #F75008;
-  /* Analytics request status color 404 (orange.60). */
+  /* Color representing request status 404 (orange.60). */
   'kui-status-color-404': #D13500;
-  /* Analytics request status color 405 (orange.70). */
+  /* Color representing request status 405 (orange.70). */
   'kui-status-color-405': #A31F00;
-  /* Analytics request status color 406 (orange.20). */
+  /* Color representing request status 406 (orange.20). */
   'kui-status-color-406': #FFC2B3;
-  /* Analytics request status color 407 (orange.30). */
+  /* Color representing request status 407 (orange.30). */
   'kui-status-color-407': #FF9877;
-  /* Analytics request status color 408 (orange.40). */
+  /* Color representing request status 408 (orange.40). */
   'kui-status-color-408': #FF723C;
-  /* Analytics request status color 409 (orange.50). */
+  /* Color representing request status 409 (orange.50). */
   'kui-status-color-409': #F75008;
-  /* Analytics request status color 410 (orange.60). */
+  /* Color representing request status 410 (orange.60). */
   'kui-status-color-410': #D13500;
-  /* Analytics request status color 411 (orange.70). */
+  /* Color representing request status 411 (orange.70). */
   'kui-status-color-411': #A31F00;
-  /* Analytics request status color 412 (orange.20). */
+  /* Color representing request status 412 (orange.20). */
   'kui-status-color-412': #FFC2B3;
-  /* Analytics request status color 413 (orange.30). */
+  /* Color representing request status 413 (orange.30). */
   'kui-status-color-413': #FF9877;
-  /* Analytics request status color 414 (orange.40). */
+  /* Color representing request status 414 (orange.40). */
   'kui-status-color-414': #FF723C;
-  /* Analytics request status color 415 (orange.50). */
+  /* Color representing request status 415 (orange.50). */
   'kui-status-color-415': #F75008;
-  /* Analytics request status color 416 (orange.60). */
+  /* Color representing request status 416 (orange.60). */
   'kui-status-color-416': #D13500;
-  /* Analytics request status color 417 (orange.70). */
+  /* Color representing request status 417 (orange.70). */
   'kui-status-color-417': #A31F00;
-  /* Analytics request status color 418 (orange.20). */
+  /* Color representing request status 418 (orange.20). */
   'kui-status-color-418': #FFC2B3;
-  /* Analytics request status color 421 (orange.30). */
+  /* Color representing request status 421 (orange.30). */
   'kui-status-color-421': #FF9877;
-  /* Analytics request status color 422 (orange.40). */
+  /* Color representing request status 422 (orange.40). */
   'kui-status-color-422': #FF723C;
-  /* Analytics request status color 423 (orange.50). */
+  /* Color representing request status 423 (orange.50). */
   'kui-status-color-423': #F75008;
-  /* Analytics request status color 424 (orange.60). */
+  /* Color representing request status 424 (orange.60). */
   'kui-status-color-424': #D13500;
-  /* Analytics request status color 425 (orange.70). */
+  /* Color representing request status 425 (orange.70). */
   'kui-status-color-425': #A31F00;
-  /* Analytics request status color 426 (orange.20). */
+  /* Color representing request status 426 (orange.20). */
   'kui-status-color-426': #FFC2B3;
-  /* Analytics request status color 428 (orange.30). */
+  /* Color representing request status 428 (orange.30). */
   'kui-status-color-428': #FF9877;
-  /* Analytics request status color 429 (orange.40). */
+  /* Color representing request status 429 (orange.40). */
   'kui-status-color-429': #FF723C;
-  /* Analytics request status color 431 (orange.50). */
+  /* Color representing request status 431 (orange.50). */
   'kui-status-color-431': #F75008;
-  /* Analytics request status color 451 (orange.60). */
+  /* Color representing request status 451 (orange.60). */
   'kui-status-color-451': #D13500;
-  /* Analytics request status color 500 (red.20). */
+  /* Color representing request status 500 (red.20). */
   'kui-status-color-500': #ffabab;
-  /* Analytics request status color 501 (red.30). */
+  /* Color representing request status 501 (red.30). */
   'kui-status-color-501': #ff7272;
-  /* Analytics request status color 502 (red.40). */
+  /* Color representing request status 502 (red.40). */
   'kui-status-color-502': #ff3954;
-  /* Analytics request status color 503 (red.50). */
+  /* Color representing request status 503 (red.50). */
   'kui-status-color-503': #f50045;
-  /* Analytics request status color 504 (red.60). */
+  /* Color representing request status 504 (red.60). */
   'kui-status-color-504': #d60027;
-  /* Analytics request status color 505 (red.70). */
+  /* Color representing request status 505 (red.70). */
   'kui-status-color-505': #ad000e;
-  /* Analytics request status color 506 (red.20). */
+  /* Color representing request status 506 (red.20). */
   'kui-status-color-506': #ffabab;
-  /* Analytics request status color 507 (red.30). */
+  /* Color representing request status 507 (red.30). */
   'kui-status-color-507': #ff7272;
-  /* Analytics request status color 508 (red.40). */
+  /* Color representing request status 508 (red.40). */
   'kui-status-color-508': #ff3954;
-  /* Analytics request status color 510 (red.50). */
+  /* Color representing request status 510 (red.50). */
   'kui-status-color-510': #f50045;
-  /* Analytics request status color 511 (red.60). */
+  /* Color representing request status 511 (red.60). */
   'kui-status-color-511': #d60027;
-  /* Analytics unknown 1xx request status color (blue.10). */
+  /* Color for an unknown 100-199 range response (blue.10). */
   'kui-status-color-1na': #eefaff;
-  /* Analytics unknown 2xx request status color (green.10). */
+  /* Color for an unknown 200-299 range response (green.10). */
   'kui-status-color-2na': #ecfffb;
-  /* Analytics unknown 3xx request status color (yellow.10). */
+  /* Color for an unknown 300-399 range response (yellow.10). */
   'kui-status-color-3na': #fffce0;
-  /* Analytics unknown 4xx request status color (orange.10). */
+  /* Color for an unknown 400-499 range response (orange.10). */
   'kui-status-color-4na': #FFF1EF;
-  /* Analytics unknown 5xx request status color (red.10). */
+  /* Color for an unknown 500-599 range response (red.10). */
   'kui-status-color-5na': #ffe5e5;
-  /* Analytics request status code group color in 100-199 range (blue.40). */
+  /* Color for a group of responses in the 100-199 range (blue.40). */
   'kui-status-color-100s': #5f9aff;
-  /* Analytics request status code group color in 200-299 range (green.40). */
+  /* Color for a group of responses in the 200-299 range (green.40). */
   'kui-status-color-200s': #00d6a4;
-  /* Analytics request status code group color in 300-399 range (yellow.40). */
+  /* Color for a group of responses in the 300-399 range (yellow.40). */
   'kui-status-color-300s': #ffc400;
-  /* Analytics request status code group color in 400-499 range (orange.40). */
+  /* Color for a group of responses in the 400-499 range (orange.40). */
   'kui-status-color-400s': #FF723C;
-  /* Analytics request status code group color in 500-599 range (red.40). */
+  /* Color for a group of responses in the 500-599 range (red.40). */
   'kui-status-color-500s': #ff3954;
-  /* Analytics wildcard 1xx request status color (blue.40). */
-  'kui-status-color-range-100': #5f9aff;
-  /* Analytics wildcard 2xx request status color (green.40). */
-  'kui-status-color-range-200': #00d6a4;
-  /* Analytics wildcard 3xx request status color (yellow.40). */
-  'kui-status-color-range-300': #ffc400;
-  /* Analytics wildcard 4xx request status color (orange.40). */
-  'kui-status-color-range-400': #FF723C;
-  /* Analytics wildcard 5xx request status color (red.40). */
-  'kui-status-color-range-500': #ff3954;
-  /* Analytics unknown 1xx request status color (blue.10). */
-  'kui-status-color-unknown-100': #eefaff;
-  /* Analytics unknown 2xx request status color (green.10). */
-  'kui-status-color-unknown-200': #ecfffb;
-  /* Analytics unknown 3xx request status color (yellow.10). */
-  'kui-status-color-unknown-300': #fffce0;
-  /* Analytics unknown 4xx request status color (orange.10). */
-  'kui-status-color-unknown-400': #FFF1EF;
-  /* Analytics unknown 5xx request status color (red.10). */
-  'kui-status-color-unknown-500': #ffe5e5;
   /* The standard monospace text font family. Typically used for code blocks, inline code, and copyable text. */
   'kui-font-family-code': 'JetBrains Mono', Consolas, monospace;
   /* The standard heading text font family. */
@@ -1474,170 +1434,150 @@ $tokens-map: (
 @kui-navigation-shadow-border-child: 4px 0 0 0 #00fabe inset;
 /* Navigation link focus-visible box-shadow. */
 @kui-navigation-shadow-focus: 0 0 0 1px rgba(255, 255, 255, 0.60) inset;
-/* Analytics request status color 100 (blue.20). */
+/* Color representing request status 100 (blue.20). */
 @kui-status-color-100: #bee2ff;
-/* Analytics request status color 101 (blue.30). */
+/* Color representing request status 101 (blue.30). */
 @kui-status-color-101: #8fc1ff;
-/* Analytics request status color 102 (blue.40). */
+/* Color representing request status 102 (blue.40). */
 @kui-status-color-102: #5f9aff;
-/* Analytics request status color 103 (blue.50). */
+/* Color representing request status 103 (blue.50). */
 @kui-status-color-103: #306fff;
-/* Analytics request status color 200 (green.20). */
+/* Color representing request status 200 (green.20). */
 @kui-status-color-200: #b5ffee;
-/* Analytics request status color 201 (green.30). */
+/* Color representing request status 201 (green.30). */
 @kui-status-color-201: #00fabe;
-/* Analytics request status color 202 (green.40). */
+/* Color representing request status 202 (green.40). */
 @kui-status-color-202: #00d6a4;
-/* Analytics request status color 203 (green.50). */
+/* Color representing request status 203 (green.50). */
 @kui-status-color-203: #00a17b;
-/* Analytics request status color 204 (green.60). */
+/* Color representing request status 204 (green.60). */
 @kui-status-color-204: #007d60;
-/* Analytics request status color 205 (green.70). */
+/* Color representing request status 205 (green.70). */
 @kui-status-color-205: #005944;
-/* Analytics request status color 206 (green.20). */
+/* Color representing request status 206 (green.20). */
 @kui-status-color-206: #b5ffee;
-/* Analytics request status color 207 (green.30). */
+/* Color representing request status 207 (green.30). */
 @kui-status-color-207: #00fabe;
-/* Analytics request status color 208 (green.40). */
+/* Color representing request status 208 (green.40). */
 @kui-status-color-208: #b5ffee;
-/* Analytics request status color 226 (green.50). */
+/* Color representing request status 226 (green.50). */
 @kui-status-color-226: #00a17b;
-/* Analytics request status color 100 (yellow.20). */
+/* Color representing request status 100 (yellow.20). */
 @kui-status-color-300: #fff296;
-/* Analytics request status color 101 (yellow.30). */
+/* Color representing request status 101 (yellow.30). */
 @kui-status-color-301: #ffe04b;
-/* Analytics request status color 102 (yellow.40). */
+/* Color representing request status 102 (yellow.40). */
 @kui-status-color-302: #ffc400;
-/* Analytics request status color 103 (yellow.50). */
+/* Color representing request status 103 (yellow.50). */
 @kui-status-color-303: #b37600;
-/* Analytics request status color 103 (yellow.60). */
+/* Color representing request status 103 (yellow.60). */
 @kui-status-color-304: #995c00;
-/* Analytics request status color 103 (yellow.70). */
+/* Color representing request status 103 (yellow.70). */
 @kui-status-color-305: #804400;
-/* Analytics request status color 103 (yellow.20). */
+/* Color representing request status 103 (yellow.20). */
 @kui-status-color-307: #fff296;
-/* Analytics request status color 103 (yellow.30). */
+/* Color representing request status 103 (yellow.30). */
 @kui-status-color-308: #ffe04b;
-/* Analytics request status color 400 (orange.20). */
+/* Color representing request status 400 (orange.20). */
 @kui-status-color-400: #FFC2B3;
-/* Analytics request status color 401 (orange.30). */
+/* Color representing request status 401 (orange.30). */
 @kui-status-color-401: #FF9877;
-/* Analytics request status color 402 (orange.40). */
+/* Color representing request status 402 (orange.40). */
 @kui-status-color-402: #FF723C;
-/* Analytics request status color 403 (orange.50). */
+/* Color representing request status 403 (orange.50). */
 @kui-status-color-403: #F75008;
-/* Analytics request status color 404 (orange.60). */
+/* Color representing request status 404 (orange.60). */
 @kui-status-color-404: #D13500;
-/* Analytics request status color 405 (orange.70). */
+/* Color representing request status 405 (orange.70). */
 @kui-status-color-405: #A31F00;
-/* Analytics request status color 406 (orange.20). */
+/* Color representing request status 406 (orange.20). */
 @kui-status-color-406: #FFC2B3;
-/* Analytics request status color 407 (orange.30). */
+/* Color representing request status 407 (orange.30). */
 @kui-status-color-407: #FF9877;
-/* Analytics request status color 408 (orange.40). */
+/* Color representing request status 408 (orange.40). */
 @kui-status-color-408: #FF723C;
-/* Analytics request status color 409 (orange.50). */
+/* Color representing request status 409 (orange.50). */
 @kui-status-color-409: #F75008;
-/* Analytics request status color 410 (orange.60). */
+/* Color representing request status 410 (orange.60). */
 @kui-status-color-410: #D13500;
-/* Analytics request status color 411 (orange.70). */
+/* Color representing request status 411 (orange.70). */
 @kui-status-color-411: #A31F00;
-/* Analytics request status color 412 (orange.20). */
+/* Color representing request status 412 (orange.20). */
 @kui-status-color-412: #FFC2B3;
-/* Analytics request status color 413 (orange.30). */
+/* Color representing request status 413 (orange.30). */
 @kui-status-color-413: #FF9877;
-/* Analytics request status color 414 (orange.40). */
+/* Color representing request status 414 (orange.40). */
 @kui-status-color-414: #FF723C;
-/* Analytics request status color 415 (orange.50). */
+/* Color representing request status 415 (orange.50). */
 @kui-status-color-415: #F75008;
-/* Analytics request status color 416 (orange.60). */
+/* Color representing request status 416 (orange.60). */
 @kui-status-color-416: #D13500;
-/* Analytics request status color 417 (orange.70). */
+/* Color representing request status 417 (orange.70). */
 @kui-status-color-417: #A31F00;
-/* Analytics request status color 418 (orange.20). */
+/* Color representing request status 418 (orange.20). */
 @kui-status-color-418: #FFC2B3;
-/* Analytics request status color 421 (orange.30). */
+/* Color representing request status 421 (orange.30). */
 @kui-status-color-421: #FF9877;
-/* Analytics request status color 422 (orange.40). */
+/* Color representing request status 422 (orange.40). */
 @kui-status-color-422: #FF723C;
-/* Analytics request status color 423 (orange.50). */
+/* Color representing request status 423 (orange.50). */
 @kui-status-color-423: #F75008;
-/* Analytics request status color 424 (orange.60). */
+/* Color representing request status 424 (orange.60). */
 @kui-status-color-424: #D13500;
-/* Analytics request status color 425 (orange.70). */
+/* Color representing request status 425 (orange.70). */
 @kui-status-color-425: #A31F00;
-/* Analytics request status color 426 (orange.20). */
+/* Color representing request status 426 (orange.20). */
 @kui-status-color-426: #FFC2B3;
-/* Analytics request status color 428 (orange.30). */
+/* Color representing request status 428 (orange.30). */
 @kui-status-color-428: #FF9877;
-/* Analytics request status color 429 (orange.40). */
+/* Color representing request status 429 (orange.40). */
 @kui-status-color-429: #FF723C;
-/* Analytics request status color 431 (orange.50). */
+/* Color representing request status 431 (orange.50). */
 @kui-status-color-431: #F75008;
-/* Analytics request status color 451 (orange.60). */
+/* Color representing request status 451 (orange.60). */
 @kui-status-color-451: #D13500;
-/* Analytics request status color 500 (red.20). */
+/* Color representing request status 500 (red.20). */
 @kui-status-color-500: #ffabab;
-/* Analytics request status color 501 (red.30). */
+/* Color representing request status 501 (red.30). */
 @kui-status-color-501: #ff7272;
-/* Analytics request status color 502 (red.40). */
+/* Color representing request status 502 (red.40). */
 @kui-status-color-502: #ff3954;
-/* Analytics request status color 503 (red.50). */
+/* Color representing request status 503 (red.50). */
 @kui-status-color-503: #f50045;
-/* Analytics request status color 504 (red.60). */
+/* Color representing request status 504 (red.60). */
 @kui-status-color-504: #d60027;
-/* Analytics request status color 505 (red.70). */
+/* Color representing request status 505 (red.70). */
 @kui-status-color-505: #ad000e;
-/* Analytics request status color 506 (red.20). */
+/* Color representing request status 506 (red.20). */
 @kui-status-color-506: #ffabab;
-/* Analytics request status color 507 (red.30). */
+/* Color representing request status 507 (red.30). */
 @kui-status-color-507: #ff7272;
-/* Analytics request status color 508 (red.40). */
+/* Color representing request status 508 (red.40). */
 @kui-status-color-508: #ff3954;
-/* Analytics request status color 510 (red.50). */
+/* Color representing request status 510 (red.50). */
 @kui-status-color-510: #f50045;
-/* Analytics request status color 511 (red.60). */
+/* Color representing request status 511 (red.60). */
 @kui-status-color-511: #d60027;
-/* Analytics unknown 1xx request status color (blue.10). */
+/* Color for an unknown 100-199 range response (blue.10). */
 @kui-status-color-1na: #eefaff;
-/* Analytics unknown 2xx request status color (green.10). */
+/* Color for an unknown 200-299 range response (green.10). */
 @kui-status-color-2na: #ecfffb;
-/* Analytics unknown 3xx request status color (yellow.10). */
+/* Color for an unknown 300-399 range response (yellow.10). */
 @kui-status-color-3na: #fffce0;
-/* Analytics unknown 4xx request status color (orange.10). */
+/* Color for an unknown 400-499 range response (orange.10). */
 @kui-status-color-4na: #FFF1EF;
-/* Analytics unknown 5xx request status color (red.10). */
+/* Color for an unknown 500-599 range response (red.10). */
 @kui-status-color-5na: #ffe5e5;
-/* Analytics request status code group color in 100-199 range (blue.40). */
+/* Color for a group of responses in the 100-199 range (blue.40). */
 @kui-status-color-100s: #5f9aff;
-/* Analytics request status code group color in 200-299 range (green.40). */
+/* Color for a group of responses in the 200-299 range (green.40). */
 @kui-status-color-200s: #00d6a4;
-/* Analytics request status code group color in 300-399 range (yellow.40). */
+/* Color for a group of responses in the 300-399 range (yellow.40). */
 @kui-status-color-300s: #ffc400;
-/* Analytics request status code group color in 400-499 range (orange.40). */
+/* Color for a group of responses in the 400-499 range (orange.40). */
 @kui-status-color-400s: #FF723C;
-/* Analytics request status code group color in 500-599 range (red.40). */
+/* Color for a group of responses in the 500-599 range (red.40). */
 @kui-status-color-500s: #ff3954;
-/* Analytics wildcard 1xx request status color (blue.40). */
-@kui-status-color-range-100: #5f9aff;
-/* Analytics wildcard 2xx request status color (green.40). */
-@kui-status-color-range-200: #00d6a4;
-/* Analytics wildcard 3xx request status color (yellow.40). */
-@kui-status-color-range-300: #ffc400;
-/* Analytics wildcard 4xx request status color (orange.40). */
-@kui-status-color-range-400: #FF723C;
-/* Analytics wildcard 5xx request status color (red.40). */
-@kui-status-color-range-500: #ff3954;
-/* Analytics unknown 1xx request status color (blue.10). */
-@kui-status-color-unknown-100: #eefaff;
-/* Analytics unknown 2xx request status color (green.10). */
-@kui-status-color-unknown-200: #ecfffb;
-/* Analytics unknown 3xx request status color (yellow.10). */
-@kui-status-color-unknown-300: #fffce0;
-/* Analytics unknown 4xx request status color (orange.10). */
-@kui-status-color-unknown-400: #FFF1EF;
-/* Analytics unknown 5xx request status color (red.10). */
-@kui-status-color-unknown-500: #ffe5e5;
 /* The standard monospace text font family. Typically used for code blocks, inline code, and copyable text. */
 @kui-font-family-code: 'JetBrains Mono', Consolas, monospace;
 /* The standard heading text font family. */
@@ -2057,170 +1997,150 @@ You may scope your CSS custom property overrides inside the `:root` selector as
 --kui-navigation-shadow-border-child: 4px 0 0 0 #00fabe inset;
 /* Navigation link focus-visible box-shadow. */
 --kui-navigation-shadow-focus: 0 0 0 1px rgba(255, 255, 255, 0.60) inset;
-/* Analytics request status color 100 (blue.20). */
+/* Color representing request status 100 (blue.20). */
 --kui-status-color-100: #bee2ff;
-/* Analytics request status color 101 (blue.30). */
+/* Color representing request status 101 (blue.30). */
 --kui-status-color-101: #8fc1ff;
-/* Analytics request status color 102 (blue.40). */
+/* Color representing request status 102 (blue.40). */
 --kui-status-color-102: #5f9aff;
-/* Analytics request status color 103 (blue.50). */
+/* Color representing request status 103 (blue.50). */
 --kui-status-color-103: #306fff;
-/* Analytics request status color 200 (green.20). */
+/* Color representing request status 200 (green.20). */
 --kui-status-color-200: #b5ffee;
-/* Analytics request status color 201 (green.30). */
+/* Color representing request status 201 (green.30). */
 --kui-status-color-201: #00fabe;
-/* Analytics request status color 202 (green.40). */
+/* Color representing request status 202 (green.40). */
 --kui-status-color-202: #00d6a4;
-/* Analytics request status color 203 (green.50). */
+/* Color representing request status 203 (green.50). */
 --kui-status-color-203: #00a17b;
-/* Analytics request status color 204 (green.60). */
+/* Color representing request status 204 (green.60). */
 --kui-status-color-204: #007d60;
-/* Analytics request status color 205 (green.70). */
+/* Color representing request status 205 (green.70). */
 --kui-status-color-205: #005944;
-/* Analytics request status color 206 (green.20). */
+/* Color representing request status 206 (green.20). */
 --kui-status-color-206: #b5ffee;
-/* Analytics request status color 207 (green.30). */
+/* Color representing request status 207 (green.30). */
 --kui-status-color-207: #00fabe;
-/* Analytics request status color 208 (green.40). */
+/* Color representing request status 208 (green.40). */
 --kui-status-color-208: #b5ffee;
-/* Analytics request status color 226 (green.50). */
+/* Color representing request status 226 (green.50). */
 --kui-status-color-226: #00a17b;
-/* Analytics request status color 100 (yellow.20). */
+/* Color representing request status 100 (yellow.20). */
 --kui-status-color-300: #fff296;
-/* Analytics request status color 101 (yellow.30). */
+/* Color representing request status 101 (yellow.30). */
 --kui-status-color-301: #ffe04b;
-/* Analytics request status color 102 (yellow.40). */
+/* Color representing request status 102 (yellow.40). */
 --kui-status-color-302: #ffc400;
-/* Analytics request status color 103 (yellow.50). */
+/* Color representing request status 103 (yellow.50). */
 --kui-status-color-303: #b37600;
-/* Analytics request status color 103 (yellow.60). */
+/* Color representing request status 103 (yellow.60). */
 --kui-status-color-304: #995c00;
-/* Analytics request status color 103 (yellow.70). */
+/* Color representing request status 103 (yellow.70). */
 --kui-status-color-305: #804400;
-/* Analytics request status color 103 (yellow.20). */
+/* Color representing request status 103 (yellow.20). */
 --kui-status-color-307: #fff296;
-/* Analytics request status color 103 (yellow.30). */
+/* Color representing request status 103 (yellow.30). */
 --kui-status-color-308: #ffe04b;
-/* Analytics request status color 400 (orange.20). */
+/* Color representing request status 400 (orange.20). */
 --kui-status-color-400: #FFC2B3;
-/* Analytics request status color 401 (orange.30). */
+/* Color representing request status 401 (orange.30). */
 --kui-status-color-401: #FF9877;
-/* Analytics request status color 402 (orange.40). */
+/* Color representing request status 402 (orange.40). */
 --kui-status-color-402: #FF723C;
-/* Analytics request status color 403 (orange.50). */
+/* Color representing request status 403 (orange.50). */
 --kui-status-color-403: #F75008;
-/* Analytics request status color 404 (orange.60). */
+/* Color representing request status 404 (orange.60). */
 --kui-status-color-404: #D13500;
-/* Analytics request status color 405 (orange.70). */
+/* Color representing request status 405 (orange.70). */
 --kui-status-color-405: #A31F00;
-/* Analytics request status color 406 (orange.20). */
+/* Color representing request status 406 (orange.20). */
 --kui-status-color-406: #FFC2B3;
-/* Analytics request status color 407 (orange.30). */
+/* Color representing request status 407 (orange.30). */
 --kui-status-color-407: #FF9877;
-/* Analytics request status color 408 (orange.40). */
+/* Color representing request status 408 (orange.40). */
 --kui-status-color-408: #FF723C;
-/* Analytics request status color 409 (orange.50). */
+/* Color representing request status 409 (orange.50). */
 --kui-status-color-409: #F75008;
-/* Analytics request status color 410 (orange.60). */
+/* Color representing request status 410 (orange.60). */
 --kui-status-color-410: #D13500;
-/* Analytics request status color 411 (orange.70). */
+/* Color representing request status 411 (orange.70). */
 --kui-status-color-411: #A31F00;
-/* Analytics request status color 412 (orange.20). */
+/* Color representing request status 412 (orange.20). */
 --kui-status-color-412: #FFC2B3;
-/* Analytics request status color 413 (orange.30). */
+/* Color representing request status 413 (orange.30). */
 --kui-status-color-413: #FF9877;
-/* Analytics request status color 414 (orange.40). */
+/* Color representing request status 414 (orange.40). */
 --kui-status-color-414: #FF723C;
-/* Analytics request status color 415 (orange.50). */
+/* Color representing request status 415 (orange.50). */
 --kui-status-color-415: #F75008;
-/* Analytics request status color 416 (orange.60). */
+/* Color representing request status 416 (orange.60). */
 --kui-status-color-416: #D13500;
-/* Analytics request status color 417 (orange.70). */
+/* Color representing request status 417 (orange.70). */
 --kui-status-color-417: #A31F00;
-/* Analytics request status color 418 (orange.20). */
+/* Color representing request status 418 (orange.20). */
 --kui-status-color-418: #FFC2B3;
-/* Analytics request status color 421 (orange.30). */
+/* Color representing request status 421 (orange.30). */
 --kui-status-color-421: #FF9877;
-/* Analytics request status color 422 (orange.40). */
+/* Color representing request status 422 (orange.40). */
 --kui-status-color-422: #FF723C;
-/* Analytics request status color 423 (orange.50). */
+/* Color representing request status 423 (orange.50). */
 --kui-status-color-423: #F75008;
-/* Analytics request status color 424 (orange.60). */
+/* Color representing request status 424 (orange.60). */
 --kui-status-color-424: #D13500;
-/* Analytics request status color 425 (orange.70). */
+/* Color representing request status 425 (orange.70). */
 --kui-status-color-425: #A31F00;
-/* Analytics request status color 426 (orange.20). */
+/* Color representing request status 426 (orange.20). */
 --kui-status-color-426: #FFC2B3;
-/* Analytics request status color 428 (orange.30). */
+/* Color representing request status 428 (orange.30). */
 --kui-status-color-428: #FF9877;
-/* Analytics request status color 429 (orange.40). */
+/* Color representing request status 429 (orange.40). */
 --kui-status-color-429: #FF723C;
-/* Analytics request status color 431 (orange.50). */
+/* Color representing request status 431 (orange.50). */
 --kui-status-color-431: #F75008;
-/* Analytics request status color 451 (orange.60). */
+/* Color representing request status 451 (orange.60). */
 --kui-status-color-451: #D13500;
-/* Analytics request status color 500 (red.20). */
+/* Color representing request status 500 (red.20). */
 --kui-status-color-500: #ffabab;
-/* Analytics request status color 501 (red.30). */
+/* Color representing request status 501 (red.30). */
 --kui-status-color-501: #ff7272;
-/* Analytics request status color 502 (red.40). */
+/* Color representing request status 502 (red.40). */
 --kui-status-color-502: #ff3954;
-/* Analytics request status color 503 (red.50). */
+/* Color representing request status 503 (red.50). */
 --kui-status-color-503: #f50045;
-/* Analytics request status color 504 (red.60). */
+/* Color representing request status 504 (red.60). */
 --kui-status-color-504: #d60027;
-/* Analytics request status color 505 (red.70). */
+/* Color representing request status 505 (red.70). */
 --kui-status-color-505: #ad000e;
-/* Analytics request status color 506 (red.20). */
+/* Color representing request status 506 (red.20). */
 --kui-status-color-506: #ffabab;
-/* Analytics request status color 507 (red.30). */
+/* Color representing request status 507 (red.30). */
 --kui-status-color-507: #ff7272;
-/* Analytics request status color 508 (red.40). */
+/* Color representing request status 508 (red.40). */
 --kui-status-color-508: #ff3954;
-/* Analytics request status color 510 (red.50). */
+/* Color representing request status 510 (red.50). */
 --kui-status-color-510: #f50045;
-/* Analytics request status color 511 (red.60). */
+/* Color representing request status 511 (red.60). */
 --kui-status-color-511: #d60027;
-/* Analytics unknown 1xx request status color (blue.10). */
+/* Color for an unknown 100-199 range response (blue.10). */
 --kui-status-color-1na: #eefaff;
-/* Analytics unknown 2xx request status color (green.10). */
+/* Color for an unknown 200-299 range response (green.10). */
 --kui-status-color-2na: #ecfffb;
-/* Analytics unknown 3xx request status color (yellow.10). */
+/* Color for an unknown 300-399 range response (yellow.10). */
 --kui-status-color-3na: #fffce0;
-/* Analytics unknown 4xx request status color (orange.10). */
+/* Color for an unknown 400-499 range response (orange.10). */
 --kui-status-color-4na: #FFF1EF;
-/* Analytics unknown 5xx request status color (red.10). */
+/* Color for an unknown 500-599 range response (red.10). */
 --kui-status-color-5na: #ffe5e5;
-/* Analytics request status code group color in 100-199 range (blue.40). */
+/* Color for a group of responses in the 100-199 range (blue.40). */
 --kui-status-color-100s: #5f9aff;
-/* Analytics request status code group color in 200-299 range (green.40). */
+/* Color for a group of responses in the 200-299 range (green.40). */
 --kui-status-color-200s: #00d6a4;
-/* Analytics request status code group color in 300-399 range (yellow.40). */
+/* Color for a group of responses in the 300-399 range (yellow.40). */
 --kui-status-color-300s: #ffc400;
-/* Analytics request status code group color in 400-499 range (orange.40). */
+/* Color for a group of responses in the 400-499 range (orange.40). */
 --kui-status-color-400s: #FF723C;
-/* Analytics request status code group color in 500-599 range (red.40). */
+/* Color for a group of responses in the 500-599 range (red.40). */
 --kui-status-color-500s: #ff3954;
-/* Analytics wildcard 1xx request status color (blue.40). */
---kui-status-color-range-100: #5f9aff;
-/* Analytics wildcard 2xx request status color (green.40). */
---kui-status-color-range-200: #00d6a4;
-/* Analytics wildcard 3xx request status color (yellow.40). */
---kui-status-color-range-300: #ffc400;
-/* Analytics wildcard 4xx request status color (orange.40). */
---kui-status-color-range-400: #FF723C;
-/* Analytics wildcard 5xx request status color (red.40). */
---kui-status-color-range-500: #ff3954;
-/* Analytics unknown 1xx request status color (blue.10). */
---kui-status-color-unknown-100: #eefaff;
-/* Analytics unknown 2xx request status color (green.10). */
---kui-status-color-unknown-200: #ecfffb;
-/* Analytics unknown 3xx request status color (yellow.10). */
---kui-status-color-unknown-300: #fffce0;
-/* Analytics unknown 4xx request status color (orange.10). */
---kui-status-color-unknown-400: #FFF1EF;
-/* Analytics unknown 5xx request status color (red.10). */
---kui-status-color-unknown-500: #ffe5e5;
 /* The standard monospace text font family. Typically used for code blocks, inline code, and copyable text. */
 --kui-font-family-code: 'JetBrains Mono', Consolas, monospace;
 /* The standard heading text font family. */
@@ -2638,170 +2558,150 @@ export const KUI_NAVIGATION_SHADOW_BORDER = "0 0 0 1px rgba(255, 255, 255, 0.12)
 export const KUI_NAVIGATION_SHADOW_BORDER_CHILD = "4px 0 0 0 #00fabe inset";
 /* Navigation link focus-visible box-shadow. */
 export const KUI_NAVIGATION_SHADOW_FOCUS = "0 0 0 1px rgba(255, 255, 255, 0.60) inset";
-/* Analytics request status color 100 (blue.20). */
+/* Color representing request status 100 (blue.20). */
 export const KUI_STATUS_COLOR_100 = "#bee2ff";
-/* Analytics request status color 101 (blue.30). */
+/* Color representing request status 101 (blue.30). */
 export const KUI_STATUS_COLOR_101 = "#8fc1ff";
-/* Analytics request status color 102 (blue.40). */
+/* Color representing request status 102 (blue.40). */
 export const KUI_STATUS_COLOR_102 = "#5f9aff";
-/* Analytics request status color 103 (blue.50). */
+/* Color representing request status 103 (blue.50). */
 export const KUI_STATUS_COLOR_103 = "#306fff";
-/* Analytics request status color 200 (green.20). */
+/* Color representing request status 200 (green.20). */
 export const KUI_STATUS_COLOR_200 = "#b5ffee";
-/* Analytics request status color 201 (green.30). */
+/* Color representing request status 201 (green.30). */
 export const KUI_STATUS_COLOR_201 = "#00fabe";
-/* Analytics request status color 202 (green.40). */
+/* Color representing request status 202 (green.40). */
 export const KUI_STATUS_COLOR_202 = "#00d6a4";
-/* Analytics request status color 203 (green.50). */
+/* Color representing request status 203 (green.50). */
 export const KUI_STATUS_COLOR_203 = "#00a17b";
-/* Analytics request status color 204 (green.60). */
+/* Color representing request status 204 (green.60). */
 export const KUI_STATUS_COLOR_204 = "#007d60";
-/* Analytics request status color 205 (green.70). */
+/* Color representing request status 205 (green.70). */
 export const KUI_STATUS_COLOR_205 = "#005944";
-/* Analytics request status color 206 (green.20). */
+/* Color representing request status 206 (green.20). */
 export const KUI_STATUS_COLOR_206 = "#b5ffee";
-/* Analytics request status color 207 (green.30). */
+/* Color representing request status 207 (green.30). */
 export const KUI_STATUS_COLOR_207 = "#00fabe";
-/* Analytics request status color 208 (green.40). */
+/* Color representing request status 208 (green.40). */
 export const KUI_STATUS_COLOR_208 = "#b5ffee";
-/* Analytics request status color 226 (green.50). */
+/* Color representing request status 226 (green.50). */
 export const KUI_STATUS_COLOR_226 = "#00a17b";
-/* Analytics request status color 100 (yellow.20). */
+/* Color representing request status 100 (yellow.20). */
 export const KUI_STATUS_COLOR_300 = "#fff296";
-/* Analytics request status color 101 (yellow.30). */
+/* Color representing request status 101 (yellow.30). */
 export const KUI_STATUS_COLOR_301 = "#ffe04b";
-/* Analytics request status color 102 (yellow.40). */
+/* Color representing request status 102 (yellow.40). */
 export const KUI_STATUS_COLOR_302 = "#ffc400";
-/* Analytics request status color 103 (yellow.50). */
+/* Color representing request status 103 (yellow.50). */
 export const KUI_STATUS_COLOR_303 = "#b37600";
-/* Analytics request status color 103 (yellow.60). */
+/* Color representing request status 103 (yellow.60). */
 export const KUI_STATUS_COLOR_304 = "#995c00";
-/* Analytics request status color 103 (yellow.70). */
+/* Color representing request status 103 (yellow.70). */
 export const KUI_STATUS_COLOR_305 = "#804400";
-/* Analytics request status color 103 (yellow.20). */
+/* Color representing request status 103 (yellow.20). */
 export const KUI_STATUS_COLOR_307 = "#fff296";
-/* Analytics request status color 103 (yellow.30). */
+/* Color representing request status 103 (yellow.30). */
 export const KUI_STATUS_COLOR_308 = "#ffe04b";
-/* Analytics request status color 400 (orange.20). */
+/* Color representing request status 400 (orange.20). */
 export const KUI_STATUS_COLOR_400 = "#FFC2B3";
-/* Analytics request status color 401 (orange.30). */
+/* Color representing request status 401 (orange.30). */
 export const KUI_STATUS_COLOR_401 = "#FF9877";
-/* Analytics request status color 402 (orange.40). */
+/* Color representing request status 402 (orange.40). */
 export const KUI_STATUS_COLOR_402 = "#FF723C";
-/* Analytics request status color 403 (orange.50). */
+/* Color representing request status 403 (orange.50). */
 export const KUI_STATUS_COLOR_403 = "#F75008";
-/* Analytics request status color 404 (orange.60). */
+/* Color representing request status 404 (orange.60). */
 export const KUI_STATUS_COLOR_404 = "#D13500";
-/* Analytics request status color 405 (orange.70). */
+/* Color representing request status 405 (orange.70). */
 export const KUI_STATUS_COLOR_405 = "#A31F00";
-/* Analytics request status color 406 (orange.20). */
+/* Color representing request status 406 (orange.20). */
 export const KUI_STATUS_COLOR_406 = "#FFC2B3";
-/* Analytics request status color 407 (orange.30). */
+/* Color representing request status 407 (orange.30). */
 export const KUI_STATUS_COLOR_407 = "#FF9877";
-/* Analytics request status color 408 (orange.40). */
+/* Color representing request status 408 (orange.40). */
 export const KUI_STATUS_COLOR_408 = "#FF723C";
-/* Analytics request status color 409 (orange.50). */
+/* Color representing request status 409 (orange.50). */
 export const KUI_STATUS_COLOR_409 = "#F75008";
-/* Analytics request status color 410 (orange.60). */
+/* Color representing request status 410 (orange.60). */
 export const KUI_STATUS_COLOR_410 = "#D13500";
-/* Analytics request status color 411 (orange.70). */
+/* Color representing request status 411 (orange.70). */
 export const KUI_STATUS_COLOR_411 = "#A31F00";
-/* Analytics request status color 412 (orange.20). */
+/* Color representing request status 412 (orange.20). */
 export const KUI_STATUS_COLOR_412 = "#FFC2B3";
-/* Analytics request status color 413 (orange.30). */
+/* Color representing request status 413 (orange.30). */
 export const KUI_STATUS_COLOR_413 = "#FF9877";
-/* Analytics request status color 414 (orange.40). */
+/* Color representing request status 414 (orange.40). */
 export const KUI_STATUS_COLOR_414 = "#FF723C";
-/* Analytics request status color 415 (orange.50). */
+/* Color representing request status 415 (orange.50). */
 export const KUI_STATUS_COLOR_415 = "#F75008";
-/* Analytics request status color 416 (orange.60). */
+/* Color representing request status 416 (orange.60). */
 export const KUI_STATUS_COLOR_416 = "#D13500";
-/* Analytics request status color 417 (orange.70). */
+/* Color representing request status 417 (orange.70). */
 export const KUI_STATUS_COLOR_417 = "#A31F00";
-/* Analytics request status color 418 (orange.20). */
+/* Color representing request status 418 (orange.20). */
 export const KUI_STATUS_COLOR_418 = "#FFC2B3";
-/* Analytics request status color 421 (orange.30). */
+/* Color representing request status 421 (orange.30). */
 export const KUI_STATUS_COLOR_421 = "#FF9877";
-/* Analytics request status color 422 (orange.40). */
+/* Color representing request status 422 (orange.40). */
 export const KUI_STATUS_COLOR_422 = "#FF723C";
-/* Analytics request status color 423 (orange.50). */
+/* Color representing request status 423 (orange.50). */
 export const KUI_STATUS_COLOR_423 = "#F75008";
-/* Analytics request status color 424 (orange.60). */
+/* Color representing request status 424 (orange.60). */
 export const KUI_STATUS_COLOR_424 = "#D13500";
-/* Analytics request status color 425 (orange.70). */
+/* Color representing request status 425 (orange.70). */
 export const KUI_STATUS_COLOR_425 = "#A31F00";
-/* Analytics request status color 426 (orange.20). */
+/* Color representing request status 426 (orange.20). */
 export const KUI_STATUS_COLOR_426 = "#FFC2B3";
-/* Analytics request status color 428 (orange.30). */
+/* Color representing request status 428 (orange.30). */
 export const KUI_STATUS_COLOR_428 = "#FF9877";
-/* Analytics request status color 429 (orange.40). */
+/* Color representing request status 429 (orange.40). */
 export const KUI_STATUS_COLOR_429 = "#FF723C";
-/* Analytics request status color 431 (orange.50). */
+/* Color representing request status 431 (orange.50). */
 export const KUI_STATUS_COLOR_431 = "#F75008";
-/* Analytics request status color 451 (orange.60). */
+/* Color representing request status 451 (orange.60). */
 export const KUI_STATUS_COLOR_451 = "#D13500";
-/* Analytics request status color 500 (red.20). */
+/* Color representing request status 500 (red.20). */
 export const KUI_STATUS_COLOR_500 = "#ffabab";
-/* Analytics request status color 501 (red.30). */
+/* Color representing request status 501 (red.30). */
 export const KUI_STATUS_COLOR_501 = "#ff7272";
-/* Analytics request status color 502 (red.40). */
+/* Color representing request status 502 (red.40). */
 export const KUI_STATUS_COLOR_502 = "#ff3954";
-/* Analytics request status color 503 (red.50). */
+/* Color representing request status 503 (red.50). */
 export const KUI_STATUS_COLOR_503 = "#f50045";
-/* Analytics request status color 504 (red.60). */
+/* Color representing request status 504 (red.60). */
 export const KUI_STATUS_COLOR_504 = "#d60027";
-/* Analytics request status color 505 (red.70). */
+/* Color representing request status 505 (red.70). */
 export const KUI_STATUS_COLOR_505 = "#ad000e";
-/* Analytics request status color 506 (red.20). */
+/* Color representing request status 506 (red.20). */
 export const KUI_STATUS_COLOR_506 = "#ffabab";
-/* Analytics request status color 507 (red.30). */
+/* Color representing request status 507 (red.30). */
 export const KUI_STATUS_COLOR_507 = "#ff7272";
-/* Analytics request status color 508 (red.40). */
+/* Color representing request status 508 (red.40). */
 export const KUI_STATUS_COLOR_508 = "#ff3954";
-/* Analytics request status color 510 (red.50). */
+/* Color representing request status 510 (red.50). */
 export const KUI_STATUS_COLOR_510 = "#f50045";
-/* Analytics request status color 511 (red.60). */
+/* Color representing request status 511 (red.60). */
 export const KUI_STATUS_COLOR_511 = "#d60027";
-/* Analytics unknown 1xx request status color (blue.10). */
+/* Color for an unknown 100-199 range response (blue.10). */
 export const KUI_STATUS_COLOR_1NA = "#eefaff";
-/* Analytics unknown 2xx request status color (green.10). */
+/* Color for an unknown 200-299 range response (green.10). */
 export const KUI_STATUS_COLOR_2NA = "#ecfffb";
-/* Analytics unknown 3xx request status color (yellow.10). */
+/* Color for an unknown 300-399 range response (yellow.10). */
 export const KUI_STATUS_COLOR_3NA = "#fffce0";
-/* Analytics unknown 4xx request status color (orange.10). */
+/* Color for an unknown 400-499 range response (orange.10). */
 export const KUI_STATUS_COLOR_4NA = "#FFF1EF";
-/* Analytics unknown 5xx request status color (red.10). */
+/* Color for an unknown 500-599 range response (red.10). */
 export const KUI_STATUS_COLOR_5NA = "#ffe5e5";
-/* Analytics request status code group color in 100-199 range (blue.40). */
+/* Color for a group of responses in the 100-199 range (blue.40). */
 export const KUI_STATUS_COLOR_100S = "#5f9aff";
-/* Analytics request status code group color in 200-299 range (green.40). */
+/* Color for a group of responses in the 200-299 range (green.40). */
 export const KUI_STATUS_COLOR_200S = "#00d6a4";
-/* Analytics request status code group color in 300-399 range (yellow.40). */
+/* Color for a group of responses in the 300-399 range (yellow.40). */
 export const KUI_STATUS_COLOR_300S = "#ffc400";
-/* Analytics request status code group color in 400-499 range (orange.40). */
+/* Color for a group of responses in the 400-499 range (orange.40). */
 export const KUI_STATUS_COLOR_400S = "#FF723C";
-/* Analytics request status code group color in 500-599 range (red.40). */
+/* Color for a group of responses in the 500-599 range (red.40). */
 export const KUI_STATUS_COLOR_500S = "#ff3954";
-/* Analytics wildcard 1xx request status color (blue.40). */
-export const KUI_STATUS_COLOR_RANGE_100 = "#5f9aff";
-/* Analytics wildcard 2xx request status color (green.40). */
-export const KUI_STATUS_COLOR_RANGE_200 = "#00d6a4";
-/* Analytics wildcard 3xx request status color (yellow.40). */
-export const KUI_STATUS_COLOR_RANGE_300 = "#ffc400";
-/* Analytics wildcard 4xx request status color (orange.40). */
-export const KUI_STATUS_COLOR_RANGE_400 = "#FF723C";
-/* Analytics wildcard 5xx request status color (red.40). */
-export const KUI_STATUS_COLOR_RANGE_500 = "#ff3954";
-/* Analytics unknown 1xx request status color (blue.10). */
-export const KUI_STATUS_COLOR_UNKNOWN_100 = "#eefaff";
-/* Analytics unknown 2xx request status color (green.10). */
-export const KUI_STATUS_COLOR_UNKNOWN_200 = "#ecfffb";
-/* Analytics unknown 3xx request status color (yellow.10). */
-export const KUI_STATUS_COLOR_UNKNOWN_300 = "#fffce0";
-/* Analytics unknown 4xx request status color (orange.10). */
-export const KUI_STATUS_COLOR_UNKNOWN_400 = "#FFF1EF";
-/* Analytics unknown 5xx request status color (red.10). */
-export const KUI_STATUS_COLOR_UNKNOWN_500 = "#ffe5e5";
 /* The standard monospace text font family. Typically used for code blocks, inline code, and copyable text. */
 export const KUI_FONT_FAMILY_CODE = "'JetBrains Mono', Consolas, monospace";
 /* The standard heading text font family. */
@@ -3143,16 +3043,6 @@ export const KUI_SPACE_AUTO = "auto";
   "kui_status_color_300s": "#ffc400",
   "kui_status_color_400s": "#FF723C",
   "kui_status_color_500s": "#ff3954",
-  "kui_status_color_range_100": "#5f9aff",
-  "kui_status_color_range_200": "#00d6a4",
-  "kui_status_color_range_300": "#ffc400",
-  "kui_status_color_range_400": "#FF723C",
-  "kui_status_color_range_500": "#ff3954",
-  "kui_status_color_unknown_100": "#eefaff",
-  "kui_status_color_unknown_200": "#ecfffb",
-  "kui_status_color_unknown_300": "#fffce0",
-  "kui_status_color_unknown_400": "#FFF1EF",
-  "kui_status_color_unknown_500": "#ffe5e5",
   "kui_font_family_code": "'JetBrains Mono', Consolas, monospace",
   "kui_font_family_heading": "'Inter', Roboto, Helvetica, sans-serif",
   "kui_font_family_text": "'Inter', Roboto, Helvetica, sans-serif",

From 11a20a2497797b111a641e5dd812be7d86811080 Mon Sep 17 00:00:00 2001
From: mihai-peteu <mihai.peteu@konghq.com>
Date: Thu, 8 Aug 2024 13:12:01 -0700
Subject: [PATCH 8/8] feat: rename [MA-2473]

---
 TOKENS.md                            | 720 +++++++++++++--------------
 tokens/source/components/status.json | 144 +++---
 2 files changed, 432 insertions(+), 432 deletions(-)

diff --git a/TOKENS.md b/TOKENS.md
index 33a1fefa..bff947c6 100644
--- a/TOKENS.md
+++ b/TOKENS.md
@@ -312,149 +312,149 @@ $kui-navigation-shadow-border: 0 0 0 1px rgba(255, 255, 255, 0.12) inset;
 $kui-navigation-shadow-border-child: 4px 0 0 0 #00fabe inset;
 /* Navigation link focus-visible box-shadow. */
 $kui-navigation-shadow-focus: 0 0 0 1px rgba(255, 255, 255, 0.60) inset;
-/* Color representing request status 100 (blue.20). */
+/* Color representing response status code 100 (blue.20). */
 $kui-status-color-100: #bee2ff;
-/* Color representing request status 101 (blue.30). */
+/* Color representing response status code 101 (blue.30). */
 $kui-status-color-101: #8fc1ff;
-/* Color representing request status 102 (blue.40). */
+/* Color representing response status code 102 (blue.40). */
 $kui-status-color-102: #5f9aff;
-/* Color representing request status 103 (blue.50). */
+/* Color representing response status code 103 (blue.50). */
 $kui-status-color-103: #306fff;
-/* Color representing request status 200 (green.20). */
+/* Color representing response status code 200 (green.20). */
 $kui-status-color-200: #b5ffee;
-/* Color representing request status 201 (green.30). */
+/* Color representing response status code 201 (green.30). */
 $kui-status-color-201: #00fabe;
-/* Color representing request status 202 (green.40). */
+/* Color representing response status code 202 (green.40). */
 $kui-status-color-202: #00d6a4;
-/* Color representing request status 203 (green.50). */
+/* Color representing response status code 203 (green.50). */
 $kui-status-color-203: #00a17b;
-/* Color representing request status 204 (green.60). */
+/* Color representing response status code 204 (green.60). */
 $kui-status-color-204: #007d60;
-/* Color representing request status 205 (green.70). */
+/* Color representing response status code 205 (green.70). */
 $kui-status-color-205: #005944;
-/* Color representing request status 206 (green.20). */
+/* Color representing response status code 206 (green.20). */
 $kui-status-color-206: #b5ffee;
-/* Color representing request status 207 (green.30). */
+/* Color representing response status code 207 (green.30). */
 $kui-status-color-207: #00fabe;
-/* Color representing request status 208 (green.40). */
+/* Color representing response status code 208 (green.40). */
 $kui-status-color-208: #b5ffee;
-/* Color representing request status 226 (green.50). */
+/* Color representing response status code 226 (green.50). */
 $kui-status-color-226: #00a17b;
-/* Color representing request status 100 (yellow.20). */
+/* Color representing response status code 100 (yellow.20). */
 $kui-status-color-300: #fff296;
-/* Color representing request status 101 (yellow.30). */
+/* Color representing response status code 101 (yellow.30). */
 $kui-status-color-301: #ffe04b;
-/* Color representing request status 102 (yellow.40). */
+/* Color representing response status code 102 (yellow.40). */
 $kui-status-color-302: #ffc400;
-/* Color representing request status 103 (yellow.50). */
+/* Color representing response status code 103 (yellow.50). */
 $kui-status-color-303: #b37600;
-/* Color representing request status 103 (yellow.60). */
+/* Color representing response status code 103 (yellow.60). */
 $kui-status-color-304: #995c00;
-/* Color representing request status 103 (yellow.70). */
+/* Color representing response status code 103 (yellow.70). */
 $kui-status-color-305: #804400;
-/* Color representing request status 103 (yellow.20). */
+/* Color representing response status code 103 (yellow.20). */
 $kui-status-color-307: #fff296;
-/* Color representing request status 103 (yellow.30). */
+/* Color representing response status code 103 (yellow.30). */
 $kui-status-color-308: #ffe04b;
-/* Color representing request status 400 (orange.20). */
+/* Color representing response status code 400 (orange.20). */
 $kui-status-color-400: #FFC2B3;
-/* Color representing request status 401 (orange.30). */
+/* Color representing response status code 401 (orange.30). */
 $kui-status-color-401: #FF9877;
-/* Color representing request status 402 (orange.40). */
+/* Color representing response status code 402 (orange.40). */
 $kui-status-color-402: #FF723C;
-/* Color representing request status 403 (orange.50). */
+/* Color representing response status code 403 (orange.50). */
 $kui-status-color-403: #F75008;
-/* Color representing request status 404 (orange.60). */
+/* Color representing response status code 404 (orange.60). */
 $kui-status-color-404: #D13500;
-/* Color representing request status 405 (orange.70). */
+/* Color representing response status code 405 (orange.70). */
 $kui-status-color-405: #A31F00;
-/* Color representing request status 406 (orange.20). */
+/* Color representing response status code 406 (orange.20). */
 $kui-status-color-406: #FFC2B3;
-/* Color representing request status 407 (orange.30). */
+/* Color representing response status code 407 (orange.30). */
 $kui-status-color-407: #FF9877;
-/* Color representing request status 408 (orange.40). */
+/* Color representing response status code 408 (orange.40). */
 $kui-status-color-408: #FF723C;
-/* Color representing request status 409 (orange.50). */
+/* Color representing response status code 409 (orange.50). */
 $kui-status-color-409: #F75008;
-/* Color representing request status 410 (orange.60). */
+/* Color representing response status code 410 (orange.60). */
 $kui-status-color-410: #D13500;
-/* Color representing request status 411 (orange.70). */
+/* Color representing response status code 411 (orange.70). */
 $kui-status-color-411: #A31F00;
-/* Color representing request status 412 (orange.20). */
+/* Color representing response status code 412 (orange.20). */
 $kui-status-color-412: #FFC2B3;
-/* Color representing request status 413 (orange.30). */
+/* Color representing response status code 413 (orange.30). */
 $kui-status-color-413: #FF9877;
-/* Color representing request status 414 (orange.40). */
+/* Color representing response status code 414 (orange.40). */
 $kui-status-color-414: #FF723C;
-/* Color representing request status 415 (orange.50). */
+/* Color representing response status code 415 (orange.50). */
 $kui-status-color-415: #F75008;
-/* Color representing request status 416 (orange.60). */
+/* Color representing response status code 416 (orange.60). */
 $kui-status-color-416: #D13500;
-/* Color representing request status 417 (orange.70). */
+/* Color representing response status code 417 (orange.70). */
 $kui-status-color-417: #A31F00;
-/* Color representing request status 418 (orange.20). */
+/* Color representing response status code 418 (orange.20). */
 $kui-status-color-418: #FFC2B3;
-/* Color representing request status 421 (orange.30). */
+/* Color representing response status code 421 (orange.30). */
 $kui-status-color-421: #FF9877;
-/* Color representing request status 422 (orange.40). */
+/* Color representing response status code 422 (orange.40). */
 $kui-status-color-422: #FF723C;
-/* Color representing request status 423 (orange.50). */
+/* Color representing response status code 423 (orange.50). */
 $kui-status-color-423: #F75008;
-/* Color representing request status 424 (orange.60). */
+/* Color representing response status code 424 (orange.60). */
 $kui-status-color-424: #D13500;
-/* Color representing request status 425 (orange.70). */
+/* Color representing response status code 425 (orange.70). */
 $kui-status-color-425: #A31F00;
-/* Color representing request status 426 (orange.20). */
+/* Color representing response status code 426 (orange.20). */
 $kui-status-color-426: #FFC2B3;
-/* Color representing request status 428 (orange.30). */
+/* Color representing response status code 428 (orange.30). */
 $kui-status-color-428: #FF9877;
-/* Color representing request status 429 (orange.40). */
+/* Color representing response status code 429 (orange.40). */
 $kui-status-color-429: #FF723C;
-/* Color representing request status 431 (orange.50). */
+/* Color representing response status code 431 (orange.50). */
 $kui-status-color-431: #F75008;
-/* Color representing request status 451 (orange.60). */
+/* Color representing response status code 451 (orange.60). */
 $kui-status-color-451: #D13500;
-/* Color representing request status 500 (red.20). */
+/* Color representing response status code 500 (red.20). */
 $kui-status-color-500: #ffabab;
-/* Color representing request status 501 (red.30). */
+/* Color representing response status code 501 (red.30). */
 $kui-status-color-501: #ff7272;
-/* Color representing request status 502 (red.40). */
+/* Color representing response status code 502 (red.40). */
 $kui-status-color-502: #ff3954;
-/* Color representing request status 503 (red.50). */
+/* Color representing response status code 503 (red.50). */
 $kui-status-color-503: #f50045;
-/* Color representing request status 504 (red.60). */
+/* Color representing response status code 504 (red.60). */
 $kui-status-color-504: #d60027;
-/* Color representing request status 505 (red.70). */
+/* Color representing response status code 505 (red.70). */
 $kui-status-color-505: #ad000e;
-/* Color representing request status 506 (red.20). */
+/* Color representing response status code 506 (red.20). */
 $kui-status-color-506: #ffabab;
-/* Color representing request status 507 (red.30). */
+/* Color representing response status code 507 (red.30). */
 $kui-status-color-507: #ff7272;
-/* Color representing request status 508 (red.40). */
+/* Color representing response status code 508 (red.40). */
 $kui-status-color-508: #ff3954;
-/* Color representing request status 510 (red.50). */
+/* Color representing response status code 510 (red.50). */
 $kui-status-color-510: #f50045;
-/* Color representing request status 511 (red.60). */
+/* Color representing response status code 511 (red.60). */
 $kui-status-color-511: #d60027;
-/* Color for an unknown 100-199 range response (blue.10). */
+/* Color for unknown response status codes in the 100-199 range (blue.10). */
 $kui-status-color-1na: #eefaff;
-/* Color for an unknown 200-299 range response (green.10). */
+/* Color for unknown response status codes in the 200-299 range (green.10). */
 $kui-status-color-2na: #ecfffb;
-/* Color for an unknown 300-399 range response (yellow.10). */
+/* Color for unknown response status codes in the 300-399 range (yellow.10). */
 $kui-status-color-3na: #fffce0;
-/* Color for an unknown 400-499 range response (orange.10). */
+/* Color for unknown response status codes in the 400-499 range (orange.10). */
 $kui-status-color-4na: #FFF1EF;
-/* Color for an unknown 500-599 range response (red.10). */
+/* Color for unknown response status codes in the 500-599 range (red.10). */
 $kui-status-color-5na: #ffe5e5;
-/* Color for a group of responses in the 100-199 range (blue.40). */
+/* Color for a group of response status codes in the 100-199 range (blue.40). */
 $kui-status-color-100s: #5f9aff;
-/* Color for a group of responses in the 200-299 range (green.40). */
+/* Color for a group of response status codes in the 200-299 range (green.40). */
 $kui-status-color-200s: #00d6a4;
-/* Color for a group of responses in the 300-399 range (yellow.40). */
+/* Color for a group of response status codes in the 300-399 range (yellow.40). */
 $kui-status-color-300s: #ffc400;
-/* Color for a group of responses in the 400-499 range (orange.40). */
+/* Color for a group of response status codes in the 400-499 range (orange.40). */
 $kui-status-color-400s: #FF723C;
-/* Color for a group of responses in the 500-599 range (red.40). */
+/* Color for a group of response status codes in the 500-599 range (red.40). */
 $kui-status-color-500s: #ff3954;
 /* The standard monospace text font family. Typically used for code blocks, inline code, and copyable text. */
 $kui-font-family-code: 'JetBrains Mono', Consolas, monospace;
@@ -872,149 +872,149 @@ $tokens-map: (
   'kui-navigation-shadow-border-child': 4px 0 0 0 #00fabe inset;
   /* Navigation link focus-visible box-shadow. */
   'kui-navigation-shadow-focus': 0 0 0 1px rgba(255, 255, 255, 0.60) inset;
-  /* Color representing request status 100 (blue.20). */
+  /* Color representing response status code 100 (blue.20). */
   'kui-status-color-100': #bee2ff;
-  /* Color representing request status 101 (blue.30). */
+  /* Color representing response status code 101 (blue.30). */
   'kui-status-color-101': #8fc1ff;
-  /* Color representing request status 102 (blue.40). */
+  /* Color representing response status code 102 (blue.40). */
   'kui-status-color-102': #5f9aff;
-  /* Color representing request status 103 (blue.50). */
+  /* Color representing response status code 103 (blue.50). */
   'kui-status-color-103': #306fff;
-  /* Color representing request status 200 (green.20). */
+  /* Color representing response status code 200 (green.20). */
   'kui-status-color-200': #b5ffee;
-  /* Color representing request status 201 (green.30). */
+  /* Color representing response status code 201 (green.30). */
   'kui-status-color-201': #00fabe;
-  /* Color representing request status 202 (green.40). */
+  /* Color representing response status code 202 (green.40). */
   'kui-status-color-202': #00d6a4;
-  /* Color representing request status 203 (green.50). */
+  /* Color representing response status code 203 (green.50). */
   'kui-status-color-203': #00a17b;
-  /* Color representing request status 204 (green.60). */
+  /* Color representing response status code 204 (green.60). */
   'kui-status-color-204': #007d60;
-  /* Color representing request status 205 (green.70). */
+  /* Color representing response status code 205 (green.70). */
   'kui-status-color-205': #005944;
-  /* Color representing request status 206 (green.20). */
+  /* Color representing response status code 206 (green.20). */
   'kui-status-color-206': #b5ffee;
-  /* Color representing request status 207 (green.30). */
+  /* Color representing response status code 207 (green.30). */
   'kui-status-color-207': #00fabe;
-  /* Color representing request status 208 (green.40). */
+  /* Color representing response status code 208 (green.40). */
   'kui-status-color-208': #b5ffee;
-  /* Color representing request status 226 (green.50). */
+  /* Color representing response status code 226 (green.50). */
   'kui-status-color-226': #00a17b;
-  /* Color representing request status 100 (yellow.20). */
+  /* Color representing response status code 100 (yellow.20). */
   'kui-status-color-300': #fff296;
-  /* Color representing request status 101 (yellow.30). */
+  /* Color representing response status code 101 (yellow.30). */
   'kui-status-color-301': #ffe04b;
-  /* Color representing request status 102 (yellow.40). */
+  /* Color representing response status code 102 (yellow.40). */
   'kui-status-color-302': #ffc400;
-  /* Color representing request status 103 (yellow.50). */
+  /* Color representing response status code 103 (yellow.50). */
   'kui-status-color-303': #b37600;
-  /* Color representing request status 103 (yellow.60). */
+  /* Color representing response status code 103 (yellow.60). */
   'kui-status-color-304': #995c00;
-  /* Color representing request status 103 (yellow.70). */
+  /* Color representing response status code 103 (yellow.70). */
   'kui-status-color-305': #804400;
-  /* Color representing request status 103 (yellow.20). */
+  /* Color representing response status code 103 (yellow.20). */
   'kui-status-color-307': #fff296;
-  /* Color representing request status 103 (yellow.30). */
+  /* Color representing response status code 103 (yellow.30). */
   'kui-status-color-308': #ffe04b;
-  /* Color representing request status 400 (orange.20). */
+  /* Color representing response status code 400 (orange.20). */
   'kui-status-color-400': #FFC2B3;
-  /* Color representing request status 401 (orange.30). */
+  /* Color representing response status code 401 (orange.30). */
   'kui-status-color-401': #FF9877;
-  /* Color representing request status 402 (orange.40). */
+  /* Color representing response status code 402 (orange.40). */
   'kui-status-color-402': #FF723C;
-  /* Color representing request status 403 (orange.50). */
+  /* Color representing response status code 403 (orange.50). */
   'kui-status-color-403': #F75008;
-  /* Color representing request status 404 (orange.60). */
+  /* Color representing response status code 404 (orange.60). */
   'kui-status-color-404': #D13500;
-  /* Color representing request status 405 (orange.70). */
+  /* Color representing response status code 405 (orange.70). */
   'kui-status-color-405': #A31F00;
-  /* Color representing request status 406 (orange.20). */
+  /* Color representing response status code 406 (orange.20). */
   'kui-status-color-406': #FFC2B3;
-  /* Color representing request status 407 (orange.30). */
+  /* Color representing response status code 407 (orange.30). */
   'kui-status-color-407': #FF9877;
-  /* Color representing request status 408 (orange.40). */
+  /* Color representing response status code 408 (orange.40). */
   'kui-status-color-408': #FF723C;
-  /* Color representing request status 409 (orange.50). */
+  /* Color representing response status code 409 (orange.50). */
   'kui-status-color-409': #F75008;
-  /* Color representing request status 410 (orange.60). */
+  /* Color representing response status code 410 (orange.60). */
   'kui-status-color-410': #D13500;
-  /* Color representing request status 411 (orange.70). */
+  /* Color representing response status code 411 (orange.70). */
   'kui-status-color-411': #A31F00;
-  /* Color representing request status 412 (orange.20). */
+  /* Color representing response status code 412 (orange.20). */
   'kui-status-color-412': #FFC2B3;
-  /* Color representing request status 413 (orange.30). */
+  /* Color representing response status code 413 (orange.30). */
   'kui-status-color-413': #FF9877;
-  /* Color representing request status 414 (orange.40). */
+  /* Color representing response status code 414 (orange.40). */
   'kui-status-color-414': #FF723C;
-  /* Color representing request status 415 (orange.50). */
+  /* Color representing response status code 415 (orange.50). */
   'kui-status-color-415': #F75008;
-  /* Color representing request status 416 (orange.60). */
+  /* Color representing response status code 416 (orange.60). */
   'kui-status-color-416': #D13500;
-  /* Color representing request status 417 (orange.70). */
+  /* Color representing response status code 417 (orange.70). */
   'kui-status-color-417': #A31F00;
-  /* Color representing request status 418 (orange.20). */
+  /* Color representing response status code 418 (orange.20). */
   'kui-status-color-418': #FFC2B3;
-  /* Color representing request status 421 (orange.30). */
+  /* Color representing response status code 421 (orange.30). */
   'kui-status-color-421': #FF9877;
-  /* Color representing request status 422 (orange.40). */
+  /* Color representing response status code 422 (orange.40). */
   'kui-status-color-422': #FF723C;
-  /* Color representing request status 423 (orange.50). */
+  /* Color representing response status code 423 (orange.50). */
   'kui-status-color-423': #F75008;
-  /* Color representing request status 424 (orange.60). */
+  /* Color representing response status code 424 (orange.60). */
   'kui-status-color-424': #D13500;
-  /* Color representing request status 425 (orange.70). */
+  /* Color representing response status code 425 (orange.70). */
   'kui-status-color-425': #A31F00;
-  /* Color representing request status 426 (orange.20). */
+  /* Color representing response status code 426 (orange.20). */
   'kui-status-color-426': #FFC2B3;
-  /* Color representing request status 428 (orange.30). */
+  /* Color representing response status code 428 (orange.30). */
   'kui-status-color-428': #FF9877;
-  /* Color representing request status 429 (orange.40). */
+  /* Color representing response status code 429 (orange.40). */
   'kui-status-color-429': #FF723C;
-  /* Color representing request status 431 (orange.50). */
+  /* Color representing response status code 431 (orange.50). */
   'kui-status-color-431': #F75008;
-  /* Color representing request status 451 (orange.60). */
+  /* Color representing response status code 451 (orange.60). */
   'kui-status-color-451': #D13500;
-  /* Color representing request status 500 (red.20). */
+  /* Color representing response status code 500 (red.20). */
   'kui-status-color-500': #ffabab;
-  /* Color representing request status 501 (red.30). */
+  /* Color representing response status code 501 (red.30). */
   'kui-status-color-501': #ff7272;
-  /* Color representing request status 502 (red.40). */
+  /* Color representing response status code 502 (red.40). */
   'kui-status-color-502': #ff3954;
-  /* Color representing request status 503 (red.50). */
+  /* Color representing response status code 503 (red.50). */
   'kui-status-color-503': #f50045;
-  /* Color representing request status 504 (red.60). */
+  /* Color representing response status code 504 (red.60). */
   'kui-status-color-504': #d60027;
-  /* Color representing request status 505 (red.70). */
+  /* Color representing response status code 505 (red.70). */
   'kui-status-color-505': #ad000e;
-  /* Color representing request status 506 (red.20). */
+  /* Color representing response status code 506 (red.20). */
   'kui-status-color-506': #ffabab;
-  /* Color representing request status 507 (red.30). */
+  /* Color representing response status code 507 (red.30). */
   'kui-status-color-507': #ff7272;
-  /* Color representing request status 508 (red.40). */
+  /* Color representing response status code 508 (red.40). */
   'kui-status-color-508': #ff3954;
-  /* Color representing request status 510 (red.50). */
+  /* Color representing response status code 510 (red.50). */
   'kui-status-color-510': #f50045;
-  /* Color representing request status 511 (red.60). */
+  /* Color representing response status code 511 (red.60). */
   'kui-status-color-511': #d60027;
-  /* Color for an unknown 100-199 range response (blue.10). */
+  /* Color for unknown response status codes in the 100-199 range (blue.10). */
   'kui-status-color-1na': #eefaff;
-  /* Color for an unknown 200-299 range response (green.10). */
+  /* Color for unknown response status codes in the 200-299 range (green.10). */
   'kui-status-color-2na': #ecfffb;
-  /* Color for an unknown 300-399 range response (yellow.10). */
+  /* Color for unknown response status codes in the 300-399 range (yellow.10). */
   'kui-status-color-3na': #fffce0;
-  /* Color for an unknown 400-499 range response (orange.10). */
+  /* Color for unknown response status codes in the 400-499 range (orange.10). */
   'kui-status-color-4na': #FFF1EF;
-  /* Color for an unknown 500-599 range response (red.10). */
+  /* Color for unknown response status codes in the 500-599 range (red.10). */
   'kui-status-color-5na': #ffe5e5;
-  /* Color for a group of responses in the 100-199 range (blue.40). */
+  /* Color for a group of response status codes in the 100-199 range (blue.40). */
   'kui-status-color-100s': #5f9aff;
-  /* Color for a group of responses in the 200-299 range (green.40). */
+  /* Color for a group of response status codes in the 200-299 range (green.40). */
   'kui-status-color-200s': #00d6a4;
-  /* Color for a group of responses in the 300-399 range (yellow.40). */
+  /* Color for a group of response status codes in the 300-399 range (yellow.40). */
   'kui-status-color-300s': #ffc400;
-  /* Color for a group of responses in the 400-499 range (orange.40). */
+  /* Color for a group of response status codes in the 400-499 range (orange.40). */
   'kui-status-color-400s': #FF723C;
-  /* Color for a group of responses in the 500-599 range (red.40). */
+  /* Color for a group of response status codes in the 500-599 range (red.40). */
   'kui-status-color-500s': #ff3954;
   /* The standard monospace text font family. Typically used for code blocks, inline code, and copyable text. */
   'kui-font-family-code': 'JetBrains Mono', Consolas, monospace;
@@ -1434,149 +1434,149 @@ $tokens-map: (
 @kui-navigation-shadow-border-child: 4px 0 0 0 #00fabe inset;
 /* Navigation link focus-visible box-shadow. */
 @kui-navigation-shadow-focus: 0 0 0 1px rgba(255, 255, 255, 0.60) inset;
-/* Color representing request status 100 (blue.20). */
+/* Color representing response status code 100 (blue.20). */
 @kui-status-color-100: #bee2ff;
-/* Color representing request status 101 (blue.30). */
+/* Color representing response status code 101 (blue.30). */
 @kui-status-color-101: #8fc1ff;
-/* Color representing request status 102 (blue.40). */
+/* Color representing response status code 102 (blue.40). */
 @kui-status-color-102: #5f9aff;
-/* Color representing request status 103 (blue.50). */
+/* Color representing response status code 103 (blue.50). */
 @kui-status-color-103: #306fff;
-/* Color representing request status 200 (green.20). */
+/* Color representing response status code 200 (green.20). */
 @kui-status-color-200: #b5ffee;
-/* Color representing request status 201 (green.30). */
+/* Color representing response status code 201 (green.30). */
 @kui-status-color-201: #00fabe;
-/* Color representing request status 202 (green.40). */
+/* Color representing response status code 202 (green.40). */
 @kui-status-color-202: #00d6a4;
-/* Color representing request status 203 (green.50). */
+/* Color representing response status code 203 (green.50). */
 @kui-status-color-203: #00a17b;
-/* Color representing request status 204 (green.60). */
+/* Color representing response status code 204 (green.60). */
 @kui-status-color-204: #007d60;
-/* Color representing request status 205 (green.70). */
+/* Color representing response status code 205 (green.70). */
 @kui-status-color-205: #005944;
-/* Color representing request status 206 (green.20). */
+/* Color representing response status code 206 (green.20). */
 @kui-status-color-206: #b5ffee;
-/* Color representing request status 207 (green.30). */
+/* Color representing response status code 207 (green.30). */
 @kui-status-color-207: #00fabe;
-/* Color representing request status 208 (green.40). */
+/* Color representing response status code 208 (green.40). */
 @kui-status-color-208: #b5ffee;
-/* Color representing request status 226 (green.50). */
+/* Color representing response status code 226 (green.50). */
 @kui-status-color-226: #00a17b;
-/* Color representing request status 100 (yellow.20). */
+/* Color representing response status code 100 (yellow.20). */
 @kui-status-color-300: #fff296;
-/* Color representing request status 101 (yellow.30). */
+/* Color representing response status code 101 (yellow.30). */
 @kui-status-color-301: #ffe04b;
-/* Color representing request status 102 (yellow.40). */
+/* Color representing response status code 102 (yellow.40). */
 @kui-status-color-302: #ffc400;
-/* Color representing request status 103 (yellow.50). */
+/* Color representing response status code 103 (yellow.50). */
 @kui-status-color-303: #b37600;
-/* Color representing request status 103 (yellow.60). */
+/* Color representing response status code 103 (yellow.60). */
 @kui-status-color-304: #995c00;
-/* Color representing request status 103 (yellow.70). */
+/* Color representing response status code 103 (yellow.70). */
 @kui-status-color-305: #804400;
-/* Color representing request status 103 (yellow.20). */
+/* Color representing response status code 103 (yellow.20). */
 @kui-status-color-307: #fff296;
-/* Color representing request status 103 (yellow.30). */
+/* Color representing response status code 103 (yellow.30). */
 @kui-status-color-308: #ffe04b;
-/* Color representing request status 400 (orange.20). */
+/* Color representing response status code 400 (orange.20). */
 @kui-status-color-400: #FFC2B3;
-/* Color representing request status 401 (orange.30). */
+/* Color representing response status code 401 (orange.30). */
 @kui-status-color-401: #FF9877;
-/* Color representing request status 402 (orange.40). */
+/* Color representing response status code 402 (orange.40). */
 @kui-status-color-402: #FF723C;
-/* Color representing request status 403 (orange.50). */
+/* Color representing response status code 403 (orange.50). */
 @kui-status-color-403: #F75008;
-/* Color representing request status 404 (orange.60). */
+/* Color representing response status code 404 (orange.60). */
 @kui-status-color-404: #D13500;
-/* Color representing request status 405 (orange.70). */
+/* Color representing response status code 405 (orange.70). */
 @kui-status-color-405: #A31F00;
-/* Color representing request status 406 (orange.20). */
+/* Color representing response status code 406 (orange.20). */
 @kui-status-color-406: #FFC2B3;
-/* Color representing request status 407 (orange.30). */
+/* Color representing response status code 407 (orange.30). */
 @kui-status-color-407: #FF9877;
-/* Color representing request status 408 (orange.40). */
+/* Color representing response status code 408 (orange.40). */
 @kui-status-color-408: #FF723C;
-/* Color representing request status 409 (orange.50). */
+/* Color representing response status code 409 (orange.50). */
 @kui-status-color-409: #F75008;
-/* Color representing request status 410 (orange.60). */
+/* Color representing response status code 410 (orange.60). */
 @kui-status-color-410: #D13500;
-/* Color representing request status 411 (orange.70). */
+/* Color representing response status code 411 (orange.70). */
 @kui-status-color-411: #A31F00;
-/* Color representing request status 412 (orange.20). */
+/* Color representing response status code 412 (orange.20). */
 @kui-status-color-412: #FFC2B3;
-/* Color representing request status 413 (orange.30). */
+/* Color representing response status code 413 (orange.30). */
 @kui-status-color-413: #FF9877;
-/* Color representing request status 414 (orange.40). */
+/* Color representing response status code 414 (orange.40). */
 @kui-status-color-414: #FF723C;
-/* Color representing request status 415 (orange.50). */
+/* Color representing response status code 415 (orange.50). */
 @kui-status-color-415: #F75008;
-/* Color representing request status 416 (orange.60). */
+/* Color representing response status code 416 (orange.60). */
 @kui-status-color-416: #D13500;
-/* Color representing request status 417 (orange.70). */
+/* Color representing response status code 417 (orange.70). */
 @kui-status-color-417: #A31F00;
-/* Color representing request status 418 (orange.20). */
+/* Color representing response status code 418 (orange.20). */
 @kui-status-color-418: #FFC2B3;
-/* Color representing request status 421 (orange.30). */
+/* Color representing response status code 421 (orange.30). */
 @kui-status-color-421: #FF9877;
-/* Color representing request status 422 (orange.40). */
+/* Color representing response status code 422 (orange.40). */
 @kui-status-color-422: #FF723C;
-/* Color representing request status 423 (orange.50). */
+/* Color representing response status code 423 (orange.50). */
 @kui-status-color-423: #F75008;
-/* Color representing request status 424 (orange.60). */
+/* Color representing response status code 424 (orange.60). */
 @kui-status-color-424: #D13500;
-/* Color representing request status 425 (orange.70). */
+/* Color representing response status code 425 (orange.70). */
 @kui-status-color-425: #A31F00;
-/* Color representing request status 426 (orange.20). */
+/* Color representing response status code 426 (orange.20). */
 @kui-status-color-426: #FFC2B3;
-/* Color representing request status 428 (orange.30). */
+/* Color representing response status code 428 (orange.30). */
 @kui-status-color-428: #FF9877;
-/* Color representing request status 429 (orange.40). */
+/* Color representing response status code 429 (orange.40). */
 @kui-status-color-429: #FF723C;
-/* Color representing request status 431 (orange.50). */
+/* Color representing response status code 431 (orange.50). */
 @kui-status-color-431: #F75008;
-/* Color representing request status 451 (orange.60). */
+/* Color representing response status code 451 (orange.60). */
 @kui-status-color-451: #D13500;
-/* Color representing request status 500 (red.20). */
+/* Color representing response status code 500 (red.20). */
 @kui-status-color-500: #ffabab;
-/* Color representing request status 501 (red.30). */
+/* Color representing response status code 501 (red.30). */
 @kui-status-color-501: #ff7272;
-/* Color representing request status 502 (red.40). */
+/* Color representing response status code 502 (red.40). */
 @kui-status-color-502: #ff3954;
-/* Color representing request status 503 (red.50). */
+/* Color representing response status code 503 (red.50). */
 @kui-status-color-503: #f50045;
-/* Color representing request status 504 (red.60). */
+/* Color representing response status code 504 (red.60). */
 @kui-status-color-504: #d60027;
-/* Color representing request status 505 (red.70). */
+/* Color representing response status code 505 (red.70). */
 @kui-status-color-505: #ad000e;
-/* Color representing request status 506 (red.20). */
+/* Color representing response status code 506 (red.20). */
 @kui-status-color-506: #ffabab;
-/* Color representing request status 507 (red.30). */
+/* Color representing response status code 507 (red.30). */
 @kui-status-color-507: #ff7272;
-/* Color representing request status 508 (red.40). */
+/* Color representing response status code 508 (red.40). */
 @kui-status-color-508: #ff3954;
-/* Color representing request status 510 (red.50). */
+/* Color representing response status code 510 (red.50). */
 @kui-status-color-510: #f50045;
-/* Color representing request status 511 (red.60). */
+/* Color representing response status code 511 (red.60). */
 @kui-status-color-511: #d60027;
-/* Color for an unknown 100-199 range response (blue.10). */
+/* Color for unknown response status codes in the 100-199 range (blue.10). */
 @kui-status-color-1na: #eefaff;
-/* Color for an unknown 200-299 range response (green.10). */
+/* Color for unknown response status codes in the 200-299 range (green.10). */
 @kui-status-color-2na: #ecfffb;
-/* Color for an unknown 300-399 range response (yellow.10). */
+/* Color for unknown response status codes in the 300-399 range (yellow.10). */
 @kui-status-color-3na: #fffce0;
-/* Color for an unknown 400-499 range response (orange.10). */
+/* Color for unknown response status codes in the 400-499 range (orange.10). */
 @kui-status-color-4na: #FFF1EF;
-/* Color for an unknown 500-599 range response (red.10). */
+/* Color for unknown response status codes in the 500-599 range (red.10). */
 @kui-status-color-5na: #ffe5e5;
-/* Color for a group of responses in the 100-199 range (blue.40). */
+/* Color for a group of response status codes in the 100-199 range (blue.40). */
 @kui-status-color-100s: #5f9aff;
-/* Color for a group of responses in the 200-299 range (green.40). */
+/* Color for a group of response status codes in the 200-299 range (green.40). */
 @kui-status-color-200s: #00d6a4;
-/* Color for a group of responses in the 300-399 range (yellow.40). */
+/* Color for a group of response status codes in the 300-399 range (yellow.40). */
 @kui-status-color-300s: #ffc400;
-/* Color for a group of responses in the 400-499 range (orange.40). */
+/* Color for a group of response status codes in the 400-499 range (orange.40). */
 @kui-status-color-400s: #FF723C;
-/* Color for a group of responses in the 500-599 range (red.40). */
+/* Color for a group of response status codes in the 500-599 range (red.40). */
 @kui-status-color-500s: #ff3954;
 /* The standard monospace text font family. Typically used for code blocks, inline code, and copyable text. */
 @kui-font-family-code: 'JetBrains Mono', Consolas, monospace;
@@ -1997,149 +1997,149 @@ You may scope your CSS custom property overrides inside the `:root` selector as
 --kui-navigation-shadow-border-child: 4px 0 0 0 #00fabe inset;
 /* Navigation link focus-visible box-shadow. */
 --kui-navigation-shadow-focus: 0 0 0 1px rgba(255, 255, 255, 0.60) inset;
-/* Color representing request status 100 (blue.20). */
+/* Color representing response status code 100 (blue.20). */
 --kui-status-color-100: #bee2ff;
-/* Color representing request status 101 (blue.30). */
+/* Color representing response status code 101 (blue.30). */
 --kui-status-color-101: #8fc1ff;
-/* Color representing request status 102 (blue.40). */
+/* Color representing response status code 102 (blue.40). */
 --kui-status-color-102: #5f9aff;
-/* Color representing request status 103 (blue.50). */
+/* Color representing response status code 103 (blue.50). */
 --kui-status-color-103: #306fff;
-/* Color representing request status 200 (green.20). */
+/* Color representing response status code 200 (green.20). */
 --kui-status-color-200: #b5ffee;
-/* Color representing request status 201 (green.30). */
+/* Color representing response status code 201 (green.30). */
 --kui-status-color-201: #00fabe;
-/* Color representing request status 202 (green.40). */
+/* Color representing response status code 202 (green.40). */
 --kui-status-color-202: #00d6a4;
-/* Color representing request status 203 (green.50). */
+/* Color representing response status code 203 (green.50). */
 --kui-status-color-203: #00a17b;
-/* Color representing request status 204 (green.60). */
+/* Color representing response status code 204 (green.60). */
 --kui-status-color-204: #007d60;
-/* Color representing request status 205 (green.70). */
+/* Color representing response status code 205 (green.70). */
 --kui-status-color-205: #005944;
-/* Color representing request status 206 (green.20). */
+/* Color representing response status code 206 (green.20). */
 --kui-status-color-206: #b5ffee;
-/* Color representing request status 207 (green.30). */
+/* Color representing response status code 207 (green.30). */
 --kui-status-color-207: #00fabe;
-/* Color representing request status 208 (green.40). */
+/* Color representing response status code 208 (green.40). */
 --kui-status-color-208: #b5ffee;
-/* Color representing request status 226 (green.50). */
+/* Color representing response status code 226 (green.50). */
 --kui-status-color-226: #00a17b;
-/* Color representing request status 100 (yellow.20). */
+/* Color representing response status code 100 (yellow.20). */
 --kui-status-color-300: #fff296;
-/* Color representing request status 101 (yellow.30). */
+/* Color representing response status code 101 (yellow.30). */
 --kui-status-color-301: #ffe04b;
-/* Color representing request status 102 (yellow.40). */
+/* Color representing response status code 102 (yellow.40). */
 --kui-status-color-302: #ffc400;
-/* Color representing request status 103 (yellow.50). */
+/* Color representing response status code 103 (yellow.50). */
 --kui-status-color-303: #b37600;
-/* Color representing request status 103 (yellow.60). */
+/* Color representing response status code 103 (yellow.60). */
 --kui-status-color-304: #995c00;
-/* Color representing request status 103 (yellow.70). */
+/* Color representing response status code 103 (yellow.70). */
 --kui-status-color-305: #804400;
-/* Color representing request status 103 (yellow.20). */
+/* Color representing response status code 103 (yellow.20). */
 --kui-status-color-307: #fff296;
-/* Color representing request status 103 (yellow.30). */
+/* Color representing response status code 103 (yellow.30). */
 --kui-status-color-308: #ffe04b;
-/* Color representing request status 400 (orange.20). */
+/* Color representing response status code 400 (orange.20). */
 --kui-status-color-400: #FFC2B3;
-/* Color representing request status 401 (orange.30). */
+/* Color representing response status code 401 (orange.30). */
 --kui-status-color-401: #FF9877;
-/* Color representing request status 402 (orange.40). */
+/* Color representing response status code 402 (orange.40). */
 --kui-status-color-402: #FF723C;
-/* Color representing request status 403 (orange.50). */
+/* Color representing response status code 403 (orange.50). */
 --kui-status-color-403: #F75008;
-/* Color representing request status 404 (orange.60). */
+/* Color representing response status code 404 (orange.60). */
 --kui-status-color-404: #D13500;
-/* Color representing request status 405 (orange.70). */
+/* Color representing response status code 405 (orange.70). */
 --kui-status-color-405: #A31F00;
-/* Color representing request status 406 (orange.20). */
+/* Color representing response status code 406 (orange.20). */
 --kui-status-color-406: #FFC2B3;
-/* Color representing request status 407 (orange.30). */
+/* Color representing response status code 407 (orange.30). */
 --kui-status-color-407: #FF9877;
-/* Color representing request status 408 (orange.40). */
+/* Color representing response status code 408 (orange.40). */
 --kui-status-color-408: #FF723C;
-/* Color representing request status 409 (orange.50). */
+/* Color representing response status code 409 (orange.50). */
 --kui-status-color-409: #F75008;
-/* Color representing request status 410 (orange.60). */
+/* Color representing response status code 410 (orange.60). */
 --kui-status-color-410: #D13500;
-/* Color representing request status 411 (orange.70). */
+/* Color representing response status code 411 (orange.70). */
 --kui-status-color-411: #A31F00;
-/* Color representing request status 412 (orange.20). */
+/* Color representing response status code 412 (orange.20). */
 --kui-status-color-412: #FFC2B3;
-/* Color representing request status 413 (orange.30). */
+/* Color representing response status code 413 (orange.30). */
 --kui-status-color-413: #FF9877;
-/* Color representing request status 414 (orange.40). */
+/* Color representing response status code 414 (orange.40). */
 --kui-status-color-414: #FF723C;
-/* Color representing request status 415 (orange.50). */
+/* Color representing response status code 415 (orange.50). */
 --kui-status-color-415: #F75008;
-/* Color representing request status 416 (orange.60). */
+/* Color representing response status code 416 (orange.60). */
 --kui-status-color-416: #D13500;
-/* Color representing request status 417 (orange.70). */
+/* Color representing response status code 417 (orange.70). */
 --kui-status-color-417: #A31F00;
-/* Color representing request status 418 (orange.20). */
+/* Color representing response status code 418 (orange.20). */
 --kui-status-color-418: #FFC2B3;
-/* Color representing request status 421 (orange.30). */
+/* Color representing response status code 421 (orange.30). */
 --kui-status-color-421: #FF9877;
-/* Color representing request status 422 (orange.40). */
+/* Color representing response status code 422 (orange.40). */
 --kui-status-color-422: #FF723C;
-/* Color representing request status 423 (orange.50). */
+/* Color representing response status code 423 (orange.50). */
 --kui-status-color-423: #F75008;
-/* Color representing request status 424 (orange.60). */
+/* Color representing response status code 424 (orange.60). */
 --kui-status-color-424: #D13500;
-/* Color representing request status 425 (orange.70). */
+/* Color representing response status code 425 (orange.70). */
 --kui-status-color-425: #A31F00;
-/* Color representing request status 426 (orange.20). */
+/* Color representing response status code 426 (orange.20). */
 --kui-status-color-426: #FFC2B3;
-/* Color representing request status 428 (orange.30). */
+/* Color representing response status code 428 (orange.30). */
 --kui-status-color-428: #FF9877;
-/* Color representing request status 429 (orange.40). */
+/* Color representing response status code 429 (orange.40). */
 --kui-status-color-429: #FF723C;
-/* Color representing request status 431 (orange.50). */
+/* Color representing response status code 431 (orange.50). */
 --kui-status-color-431: #F75008;
-/* Color representing request status 451 (orange.60). */
+/* Color representing response status code 451 (orange.60). */
 --kui-status-color-451: #D13500;
-/* Color representing request status 500 (red.20). */
+/* Color representing response status code 500 (red.20). */
 --kui-status-color-500: #ffabab;
-/* Color representing request status 501 (red.30). */
+/* Color representing response status code 501 (red.30). */
 --kui-status-color-501: #ff7272;
-/* Color representing request status 502 (red.40). */
+/* Color representing response status code 502 (red.40). */
 --kui-status-color-502: #ff3954;
-/* Color representing request status 503 (red.50). */
+/* Color representing response status code 503 (red.50). */
 --kui-status-color-503: #f50045;
-/* Color representing request status 504 (red.60). */
+/* Color representing response status code 504 (red.60). */
 --kui-status-color-504: #d60027;
-/* Color representing request status 505 (red.70). */
+/* Color representing response status code 505 (red.70). */
 --kui-status-color-505: #ad000e;
-/* Color representing request status 506 (red.20). */
+/* Color representing response status code 506 (red.20). */
 --kui-status-color-506: #ffabab;
-/* Color representing request status 507 (red.30). */
+/* Color representing response status code 507 (red.30). */
 --kui-status-color-507: #ff7272;
-/* Color representing request status 508 (red.40). */
+/* Color representing response status code 508 (red.40). */
 --kui-status-color-508: #ff3954;
-/* Color representing request status 510 (red.50). */
+/* Color representing response status code 510 (red.50). */
 --kui-status-color-510: #f50045;
-/* Color representing request status 511 (red.60). */
+/* Color representing response status code 511 (red.60). */
 --kui-status-color-511: #d60027;
-/* Color for an unknown 100-199 range response (blue.10). */
+/* Color for unknown response status codes in the 100-199 range (blue.10). */
 --kui-status-color-1na: #eefaff;
-/* Color for an unknown 200-299 range response (green.10). */
+/* Color for unknown response status codes in the 200-299 range (green.10). */
 --kui-status-color-2na: #ecfffb;
-/* Color for an unknown 300-399 range response (yellow.10). */
+/* Color for unknown response status codes in the 300-399 range (yellow.10). */
 --kui-status-color-3na: #fffce0;
-/* Color for an unknown 400-499 range response (orange.10). */
+/* Color for unknown response status codes in the 400-499 range (orange.10). */
 --kui-status-color-4na: #FFF1EF;
-/* Color for an unknown 500-599 range response (red.10). */
+/* Color for unknown response status codes in the 500-599 range (red.10). */
 --kui-status-color-5na: #ffe5e5;
-/* Color for a group of responses in the 100-199 range (blue.40). */
+/* Color for a group of response status codes in the 100-199 range (blue.40). */
 --kui-status-color-100s: #5f9aff;
-/* Color for a group of responses in the 200-299 range (green.40). */
+/* Color for a group of response status codes in the 200-299 range (green.40). */
 --kui-status-color-200s: #00d6a4;
-/* Color for a group of responses in the 300-399 range (yellow.40). */
+/* Color for a group of response status codes in the 300-399 range (yellow.40). */
 --kui-status-color-300s: #ffc400;
-/* Color for a group of responses in the 400-499 range (orange.40). */
+/* Color for a group of response status codes in the 400-499 range (orange.40). */
 --kui-status-color-400s: #FF723C;
-/* Color for a group of responses in the 500-599 range (red.40). */
+/* Color for a group of response status codes in the 500-599 range (red.40). */
 --kui-status-color-500s: #ff3954;
 /* The standard monospace text font family. Typically used for code blocks, inline code, and copyable text. */
 --kui-font-family-code: 'JetBrains Mono', Consolas, monospace;
@@ -2558,149 +2558,149 @@ export const KUI_NAVIGATION_SHADOW_BORDER = "0 0 0 1px rgba(255, 255, 255, 0.12)
 export const KUI_NAVIGATION_SHADOW_BORDER_CHILD = "4px 0 0 0 #00fabe inset";
 /* Navigation link focus-visible box-shadow. */
 export const KUI_NAVIGATION_SHADOW_FOCUS = "0 0 0 1px rgba(255, 255, 255, 0.60) inset";
-/* Color representing request status 100 (blue.20). */
+/* Color representing response status code 100 (blue.20). */
 export const KUI_STATUS_COLOR_100 = "#bee2ff";
-/* Color representing request status 101 (blue.30). */
+/* Color representing response status code 101 (blue.30). */
 export const KUI_STATUS_COLOR_101 = "#8fc1ff";
-/* Color representing request status 102 (blue.40). */
+/* Color representing response status code 102 (blue.40). */
 export const KUI_STATUS_COLOR_102 = "#5f9aff";
-/* Color representing request status 103 (blue.50). */
+/* Color representing response status code 103 (blue.50). */
 export const KUI_STATUS_COLOR_103 = "#306fff";
-/* Color representing request status 200 (green.20). */
+/* Color representing response status code 200 (green.20). */
 export const KUI_STATUS_COLOR_200 = "#b5ffee";
-/* Color representing request status 201 (green.30). */
+/* Color representing response status code 201 (green.30). */
 export const KUI_STATUS_COLOR_201 = "#00fabe";
-/* Color representing request status 202 (green.40). */
+/* Color representing response status code 202 (green.40). */
 export const KUI_STATUS_COLOR_202 = "#00d6a4";
-/* Color representing request status 203 (green.50). */
+/* Color representing response status code 203 (green.50). */
 export const KUI_STATUS_COLOR_203 = "#00a17b";
-/* Color representing request status 204 (green.60). */
+/* Color representing response status code 204 (green.60). */
 export const KUI_STATUS_COLOR_204 = "#007d60";
-/* Color representing request status 205 (green.70). */
+/* Color representing response status code 205 (green.70). */
 export const KUI_STATUS_COLOR_205 = "#005944";
-/* Color representing request status 206 (green.20). */
+/* Color representing response status code 206 (green.20). */
 export const KUI_STATUS_COLOR_206 = "#b5ffee";
-/* Color representing request status 207 (green.30). */
+/* Color representing response status code 207 (green.30). */
 export const KUI_STATUS_COLOR_207 = "#00fabe";
-/* Color representing request status 208 (green.40). */
+/* Color representing response status code 208 (green.40). */
 export const KUI_STATUS_COLOR_208 = "#b5ffee";
-/* Color representing request status 226 (green.50). */
+/* Color representing response status code 226 (green.50). */
 export const KUI_STATUS_COLOR_226 = "#00a17b";
-/* Color representing request status 100 (yellow.20). */
+/* Color representing response status code 100 (yellow.20). */
 export const KUI_STATUS_COLOR_300 = "#fff296";
-/* Color representing request status 101 (yellow.30). */
+/* Color representing response status code 101 (yellow.30). */
 export const KUI_STATUS_COLOR_301 = "#ffe04b";
-/* Color representing request status 102 (yellow.40). */
+/* Color representing response status code 102 (yellow.40). */
 export const KUI_STATUS_COLOR_302 = "#ffc400";
-/* Color representing request status 103 (yellow.50). */
+/* Color representing response status code 103 (yellow.50). */
 export const KUI_STATUS_COLOR_303 = "#b37600";
-/* Color representing request status 103 (yellow.60). */
+/* Color representing response status code 103 (yellow.60). */
 export const KUI_STATUS_COLOR_304 = "#995c00";
-/* Color representing request status 103 (yellow.70). */
+/* Color representing response status code 103 (yellow.70). */
 export const KUI_STATUS_COLOR_305 = "#804400";
-/* Color representing request status 103 (yellow.20). */
+/* Color representing response status code 103 (yellow.20). */
 export const KUI_STATUS_COLOR_307 = "#fff296";
-/* Color representing request status 103 (yellow.30). */
+/* Color representing response status code 103 (yellow.30). */
 export const KUI_STATUS_COLOR_308 = "#ffe04b";
-/* Color representing request status 400 (orange.20). */
+/* Color representing response status code 400 (orange.20). */
 export const KUI_STATUS_COLOR_400 = "#FFC2B3";
-/* Color representing request status 401 (orange.30). */
+/* Color representing response status code 401 (orange.30). */
 export const KUI_STATUS_COLOR_401 = "#FF9877";
-/* Color representing request status 402 (orange.40). */
+/* Color representing response status code 402 (orange.40). */
 export const KUI_STATUS_COLOR_402 = "#FF723C";
-/* Color representing request status 403 (orange.50). */
+/* Color representing response status code 403 (orange.50). */
 export const KUI_STATUS_COLOR_403 = "#F75008";
-/* Color representing request status 404 (orange.60). */
+/* Color representing response status code 404 (orange.60). */
 export const KUI_STATUS_COLOR_404 = "#D13500";
-/* Color representing request status 405 (orange.70). */
+/* Color representing response status code 405 (orange.70). */
 export const KUI_STATUS_COLOR_405 = "#A31F00";
-/* Color representing request status 406 (orange.20). */
+/* Color representing response status code 406 (orange.20). */
 export const KUI_STATUS_COLOR_406 = "#FFC2B3";
-/* Color representing request status 407 (orange.30). */
+/* Color representing response status code 407 (orange.30). */
 export const KUI_STATUS_COLOR_407 = "#FF9877";
-/* Color representing request status 408 (orange.40). */
+/* Color representing response status code 408 (orange.40). */
 export const KUI_STATUS_COLOR_408 = "#FF723C";
-/* Color representing request status 409 (orange.50). */
+/* Color representing response status code 409 (orange.50). */
 export const KUI_STATUS_COLOR_409 = "#F75008";
-/* Color representing request status 410 (orange.60). */
+/* Color representing response status code 410 (orange.60). */
 export const KUI_STATUS_COLOR_410 = "#D13500";
-/* Color representing request status 411 (orange.70). */
+/* Color representing response status code 411 (orange.70). */
 export const KUI_STATUS_COLOR_411 = "#A31F00";
-/* Color representing request status 412 (orange.20). */
+/* Color representing response status code 412 (orange.20). */
 export const KUI_STATUS_COLOR_412 = "#FFC2B3";
-/* Color representing request status 413 (orange.30). */
+/* Color representing response status code 413 (orange.30). */
 export const KUI_STATUS_COLOR_413 = "#FF9877";
-/* Color representing request status 414 (orange.40). */
+/* Color representing response status code 414 (orange.40). */
 export const KUI_STATUS_COLOR_414 = "#FF723C";
-/* Color representing request status 415 (orange.50). */
+/* Color representing response status code 415 (orange.50). */
 export const KUI_STATUS_COLOR_415 = "#F75008";
-/* Color representing request status 416 (orange.60). */
+/* Color representing response status code 416 (orange.60). */
 export const KUI_STATUS_COLOR_416 = "#D13500";
-/* Color representing request status 417 (orange.70). */
+/* Color representing response status code 417 (orange.70). */
 export const KUI_STATUS_COLOR_417 = "#A31F00";
-/* Color representing request status 418 (orange.20). */
+/* Color representing response status code 418 (orange.20). */
 export const KUI_STATUS_COLOR_418 = "#FFC2B3";
-/* Color representing request status 421 (orange.30). */
+/* Color representing response status code 421 (orange.30). */
 export const KUI_STATUS_COLOR_421 = "#FF9877";
-/* Color representing request status 422 (orange.40). */
+/* Color representing response status code 422 (orange.40). */
 export const KUI_STATUS_COLOR_422 = "#FF723C";
-/* Color representing request status 423 (orange.50). */
+/* Color representing response status code 423 (orange.50). */
 export const KUI_STATUS_COLOR_423 = "#F75008";
-/* Color representing request status 424 (orange.60). */
+/* Color representing response status code 424 (orange.60). */
 export const KUI_STATUS_COLOR_424 = "#D13500";
-/* Color representing request status 425 (orange.70). */
+/* Color representing response status code 425 (orange.70). */
 export const KUI_STATUS_COLOR_425 = "#A31F00";
-/* Color representing request status 426 (orange.20). */
+/* Color representing response status code 426 (orange.20). */
 export const KUI_STATUS_COLOR_426 = "#FFC2B3";
-/* Color representing request status 428 (orange.30). */
+/* Color representing response status code 428 (orange.30). */
 export const KUI_STATUS_COLOR_428 = "#FF9877";
-/* Color representing request status 429 (orange.40). */
+/* Color representing response status code 429 (orange.40). */
 export const KUI_STATUS_COLOR_429 = "#FF723C";
-/* Color representing request status 431 (orange.50). */
+/* Color representing response status code 431 (orange.50). */
 export const KUI_STATUS_COLOR_431 = "#F75008";
-/* Color representing request status 451 (orange.60). */
+/* Color representing response status code 451 (orange.60). */
 export const KUI_STATUS_COLOR_451 = "#D13500";
-/* Color representing request status 500 (red.20). */
+/* Color representing response status code 500 (red.20). */
 export const KUI_STATUS_COLOR_500 = "#ffabab";
-/* Color representing request status 501 (red.30). */
+/* Color representing response status code 501 (red.30). */
 export const KUI_STATUS_COLOR_501 = "#ff7272";
-/* Color representing request status 502 (red.40). */
+/* Color representing response status code 502 (red.40). */
 export const KUI_STATUS_COLOR_502 = "#ff3954";
-/* Color representing request status 503 (red.50). */
+/* Color representing response status code 503 (red.50). */
 export const KUI_STATUS_COLOR_503 = "#f50045";
-/* Color representing request status 504 (red.60). */
+/* Color representing response status code 504 (red.60). */
 export const KUI_STATUS_COLOR_504 = "#d60027";
-/* Color representing request status 505 (red.70). */
+/* Color representing response status code 505 (red.70). */
 export const KUI_STATUS_COLOR_505 = "#ad000e";
-/* Color representing request status 506 (red.20). */
+/* Color representing response status code 506 (red.20). */
 export const KUI_STATUS_COLOR_506 = "#ffabab";
-/* Color representing request status 507 (red.30). */
+/* Color representing response status code 507 (red.30). */
 export const KUI_STATUS_COLOR_507 = "#ff7272";
-/* Color representing request status 508 (red.40). */
+/* Color representing response status code 508 (red.40). */
 export const KUI_STATUS_COLOR_508 = "#ff3954";
-/* Color representing request status 510 (red.50). */
+/* Color representing response status code 510 (red.50). */
 export const KUI_STATUS_COLOR_510 = "#f50045";
-/* Color representing request status 511 (red.60). */
+/* Color representing response status code 511 (red.60). */
 export const KUI_STATUS_COLOR_511 = "#d60027";
-/* Color for an unknown 100-199 range response (blue.10). */
+/* Color for unknown response status codes in the 100-199 range (blue.10). */
 export const KUI_STATUS_COLOR_1NA = "#eefaff";
-/* Color for an unknown 200-299 range response (green.10). */
+/* Color for unknown response status codes in the 200-299 range (green.10). */
 export const KUI_STATUS_COLOR_2NA = "#ecfffb";
-/* Color for an unknown 300-399 range response (yellow.10). */
+/* Color for unknown response status codes in the 300-399 range (yellow.10). */
 export const KUI_STATUS_COLOR_3NA = "#fffce0";
-/* Color for an unknown 400-499 range response (orange.10). */
+/* Color for unknown response status codes in the 400-499 range (orange.10). */
 export const KUI_STATUS_COLOR_4NA = "#FFF1EF";
-/* Color for an unknown 500-599 range response (red.10). */
+/* Color for unknown response status codes in the 500-599 range (red.10). */
 export const KUI_STATUS_COLOR_5NA = "#ffe5e5";
-/* Color for a group of responses in the 100-199 range (blue.40). */
+/* Color for a group of response status codes in the 100-199 range (blue.40). */
 export const KUI_STATUS_COLOR_100S = "#5f9aff";
-/* Color for a group of responses in the 200-299 range (green.40). */
+/* Color for a group of response status codes in the 200-299 range (green.40). */
 export const KUI_STATUS_COLOR_200S = "#00d6a4";
-/* Color for a group of responses in the 300-399 range (yellow.40). */
+/* Color for a group of response status codes in the 300-399 range (yellow.40). */
 export const KUI_STATUS_COLOR_300S = "#ffc400";
-/* Color for a group of responses in the 400-499 range (orange.40). */
+/* Color for a group of response status codes in the 400-499 range (orange.40). */
 export const KUI_STATUS_COLOR_400S = "#FF723C";
-/* Color for a group of responses in the 500-599 range (red.40). */
+/* Color for a group of response status codes in the 500-599 range (red.40). */
 export const KUI_STATUS_COLOR_500S = "#ff3954";
 /* The standard monospace text font family. Typically used for code blocks, inline code, and copyable text. */
 export const KUI_FONT_FAMILY_CODE = "'JetBrains Mono', Consolas, monospace";
diff --git a/tokens/source/components/status.json b/tokens/source/components/status.json
index 9e68453f..11bd682c 100644
--- a/tokens/source/components/status.json
+++ b/tokens/source/components/status.json
@@ -2,296 +2,296 @@
   "status": {
     "color": {
       "1na": {
-        "comment": "Color for an unknown 100-199 range response (blue.10).",
+        "comment": "Color for unknown response status codes in the 100-199 range (blue.10).",
         "value": "{color.alias.blue.10.value}"
       },
       "2na": {
-        "comment": "Color for an unknown 200-299 range response (green.10).",
+        "comment": "Color for unknown response status codes in the 200-299 range (green.10).",
         "value": "{color.alias.green.10.value}"
       },
       "3na": {
-        "comment": "Color for an unknown 300-399 range response (yellow.10).",
+        "comment": "Color for unknown response status codes in the 300-399 range (yellow.10).",
         "value": "{color.alias.yellow.10.value}"
       },
       "4na": {
-        "comment": "Color for an unknown 400-499 range response (orange.10).",
+        "comment": "Color for unknown response status codes in the 400-499 range (orange.10).",
         "value": "{color.alias.orange.10.value}"
       },
       "5na": {
-        "comment": "Color for an unknown 500-599 range response (red.10).",
+        "comment": "Color for unknown response status codes in the 500-599 range (red.10).",
         "value": "{color.alias.red.10.value}"
       },
 
       "100": {
-        "comment": "Color representing request status 100 (blue.20).",
+        "comment": "Color representing response status code 100 (blue.20).",
         "value": "{color.alias.blue.20.value}"
       },
       "100s": {
-        "comment": "Color for a group of responses in the 100-199 range (blue.40).",
+        "comment": "Color for a group of response status codes in the 100-199 range (blue.40).",
         "value": "{color.alias.blue.40.value}"
       },
       "101": {
-        "comment": "Color representing request status 101 (blue.30).",
+        "comment": "Color representing response status code 101 (blue.30).",
         "value": "{color.alias.blue.30.value}"
       },
       "102": {
-        "comment": "Color representing request status 102 (blue.40).",
+        "comment": "Color representing response status code 102 (blue.40).",
         "value": "{color.alias.blue.40.value}"
       },
       "103": {
-        "comment": "Color representing request status 103 (blue.50).",
+        "comment": "Color representing response status code 103 (blue.50).",
         "value": "{color.alias.blue.50.value}"
       },
 
       "200": {
-        "comment": "Color representing request status 200 (green.20).",
+        "comment": "Color representing response status code 200 (green.20).",
         "value": "{color.alias.green.20.value}"
       },
       "200s": {
-        "comment": "Color for a group of responses in the 200-299 range (green.40).",
+        "comment": "Color for a group of response status codes in the 200-299 range (green.40).",
         "value": "{color.alias.green.40.value}"
       },
       "201": {
-        "comment": "Color representing request status 201 (green.30).",
+        "comment": "Color representing response status code 201 (green.30).",
         "value": "{color.alias.green.30.value}"
       },
       "202": {
-        "comment": "Color representing request status 202 (green.40).",
+        "comment": "Color representing response status code 202 (green.40).",
         "value": "{color.alias.green.40.value}"
       },
       "203": {
-        "comment": "Color representing request status 203 (green.50).",
+        "comment": "Color representing response status code 203 (green.50).",
         "value": "{color.alias.green.50.value}"
       },
       "204": {
-        "comment": "Color representing request status 204 (green.60).",
+        "comment": "Color representing response status code 204 (green.60).",
         "value": "{color.alias.green.60.value}"
       },
       "205": {
-        "comment": "Color representing request status 205 (green.70).",
+        "comment": "Color representing response status code 205 (green.70).",
         "value": "{color.alias.green.70.value}"
       },
       "206": {
-        "comment": "Color representing request status 206 (green.20).",
+        "comment": "Color representing response status code 206 (green.20).",
         "value": "{color.alias.green.20.value}"
       },
       "207": {
-        "comment": "Color representing request status 207 (green.30).",
+        "comment": "Color representing response status code 207 (green.30).",
         "value": "{color.alias.green.30.value}"
       },
       "208": {
-        "comment": "Color representing request status 208 (green.40).",
+        "comment": "Color representing response status code 208 (green.40).",
         "value": "{color.alias.green.20.value}"
       },
       "226": {
-        "comment": "Color representing request status 226 (green.50).",
+        "comment": "Color representing response status code 226 (green.50).",
         "value": "{color.alias.green.50.value}"
       },
 
       "300": {
-        "comment": "Color representing request status 100 (yellow.20).",
+        "comment": "Color representing response status code 100 (yellow.20).",
         "value": "{color.alias.yellow.20.value}"
       },
       "300s": {
-        "comment": "Color for a group of responses in the 300-399 range (yellow.40).",
+        "comment": "Color for a group of response status codes in the 300-399 range (yellow.40).",
         "value": "{color.alias.yellow.40.value}"
       },
       "301": {
-        "comment": "Color representing request status 101 (yellow.30).",
+        "comment": "Color representing response status code 101 (yellow.30).",
         "value": "{color.alias.yellow.30.value}"
       },
       "302": {
-        "comment": "Color representing request status 102 (yellow.40).",
+        "comment": "Color representing response status code 102 (yellow.40).",
         "value": "{color.alias.yellow.40.value}"
       },
       "303": {
-        "comment": "Color representing request status 103 (yellow.50).",
+        "comment": "Color representing response status code 103 (yellow.50).",
         "value": "{color.alias.yellow.50.value}"
       },
       "304": {
-        "comment": "Color representing request status 103 (yellow.60).",
+        "comment": "Color representing response status code 103 (yellow.60).",
         "value": "{color.alias.yellow.60.value}"
       },
       "305": {
-        "comment": "Color representing request status 103 (yellow.70).",
+        "comment": "Color representing response status code 103 (yellow.70).",
         "value": "{color.alias.yellow.70.value}"
       },
       "307": {
-        "comment": "Color representing request status 103 (yellow.20).",
+        "comment": "Color representing response status code 103 (yellow.20).",
         "value": "{color.alias.yellow.20.value}"
       },
       "308": {
-        "comment": "Color representing request status 103 (yellow.30).",
+        "comment": "Color representing response status code 103 (yellow.30).",
         "value": "{color.alias.yellow.30.value}"
       },
 
       "400": {
-        "comment": "Color representing request status 400 (orange.20).",
+        "comment": "Color representing response status code 400 (orange.20).",
         "value": "{color.alias.orange.20.value}"
       },
       "400s": {
-        "comment": "Color for a group of responses in the 400-499 range (orange.40).",
+        "comment": "Color for a group of response status codes in the 400-499 range (orange.40).",
         "value": "{color.alias.orange.40.value}"
       },
       "401": {
-        "comment": "Color representing request status 401 (orange.30).",
+        "comment": "Color representing response status code 401 (orange.30).",
         "value": "{color.alias.orange.30.value}"
       },
       "402": {
-        "comment": "Color representing request status 402 (orange.40).",
+        "comment": "Color representing response status code 402 (orange.40).",
         "value": "{color.alias.orange.40.value}"
       },
       "403": {
-        "comment": "Color representing request status 403 (orange.50).",
+        "comment": "Color representing response status code 403 (orange.50).",
         "value": "{color.alias.orange.50.value}"
       },
       "404": {
-        "comment": "Color representing request status 404 (orange.60).",
+        "comment": "Color representing response status code 404 (orange.60).",
         "value": "{color.alias.orange.60.value}"
       },
       "405": {
-        "comment": "Color representing request status 405 (orange.70).",
+        "comment": "Color representing response status code 405 (orange.70).",
         "value": "{color.alias.orange.70.value}"
       },
       "406": {
-        "comment": "Color representing request status 406 (orange.20).",
+        "comment": "Color representing response status code 406 (orange.20).",
         "value": "{color.alias.orange.20.value}"
       },
       "407": {
-        "comment": "Color representing request status 407 (orange.30).",
+        "comment": "Color representing response status code 407 (orange.30).",
         "value": "{color.alias.orange.30.value}"
       },
       "408": {
-        "comment": "Color representing request status 408 (orange.40).",
+        "comment": "Color representing response status code 408 (orange.40).",
         "value": "{color.alias.orange.40.value}"
       },
       "409": {
-        "comment": "Color representing request status 409 (orange.50).",
+        "comment": "Color representing response status code 409 (orange.50).",
         "value": "{color.alias.orange.50.value}"
       },
       "410": {
-        "comment": "Color representing request status 410 (orange.60).",
+        "comment": "Color representing response status code 410 (orange.60).",
         "value": "{color.alias.orange.60.value}"
       },
       "411": {
-        "comment": "Color representing request status 411 (orange.70).",
+        "comment": "Color representing response status code 411 (orange.70).",
         "value": "{color.alias.orange.70.value}"
       },
       "412": {
-        "comment": "Color representing request status 412 (orange.20).",
+        "comment": "Color representing response status code 412 (orange.20).",
         "value": "{color.alias.orange.20.value}"
       },
       "413": {
-        "comment": "Color representing request status 413 (orange.30).",
+        "comment": "Color representing response status code 413 (orange.30).",
         "value": "{color.alias.orange.30.value}"
       },
       "414": {
-        "comment": "Color representing request status 414 (orange.40).",
+        "comment": "Color representing response status code 414 (orange.40).",
         "value": "{color.alias.orange.40.value}"
       },
       "415": {
-        "comment": "Color representing request status 415 (orange.50).",
+        "comment": "Color representing response status code 415 (orange.50).",
         "value": "{color.alias.orange.50.value}"
       },
       "416": {
-        "comment": "Color representing request status 416 (orange.60).",
+        "comment": "Color representing response status code 416 (orange.60).",
         "value": "{color.alias.orange.60.value}"
       },
       "417": {
-        "comment": "Color representing request status 417 (orange.70).",
+        "comment": "Color representing response status code 417 (orange.70).",
         "value": "{color.alias.orange.70.value}"
       },
       "418": {
-        "comment": "Color representing request status 418 (orange.20).",
+        "comment": "Color representing response status code 418 (orange.20).",
         "value": "{color.alias.orange.20.value}"
       },
       "421": {
-        "comment": "Color representing request status 421 (orange.30).",
+        "comment": "Color representing response status code 421 (orange.30).",
         "value": "{color.alias.orange.30.value}"
       },
       "422": {
-        "comment": "Color representing request status 422 (orange.40).",
+        "comment": "Color representing response status code 422 (orange.40).",
         "value": "{color.alias.orange.40.value}"
       },
       "423": {
-        "comment": "Color representing request status 423 (orange.50).",
+        "comment": "Color representing response status code 423 (orange.50).",
         "value": "{color.alias.orange.50.value}"
       },
       "424": {
-        "comment": "Color representing request status 424 (orange.60).",
+        "comment": "Color representing response status code 424 (orange.60).",
         "value": "{color.alias.orange.60.value}"
       },
       "425": {
-        "comment": "Color representing request status 425 (orange.70).",
+        "comment": "Color representing response status code 425 (orange.70).",
         "value": "{color.alias.orange.70.value}"
       },
       "426": {
-        "comment": "Color representing request status 426 (orange.20).",
+        "comment": "Color representing response status code 426 (orange.20).",
         "value": "{color.alias.orange.20.value}"
       },
       "428": {
-        "comment": "Color representing request status 428 (orange.30).",
+        "comment": "Color representing response status code 428 (orange.30).",
         "value": "{color.alias.orange.30.value}"
       },
       "429": {
-        "comment": "Color representing request status 429 (orange.40).",
+        "comment": "Color representing response status code 429 (orange.40).",
         "value": "{color.alias.orange.40.value}"
       },
       "431": {
-        "comment": "Color representing request status 431 (orange.50).",
+        "comment": "Color representing response status code 431 (orange.50).",
         "value": "{color.alias.orange.50.value}"
       },
       "451": {
-        "comment": "Color representing request status 451 (orange.60).",
+        "comment": "Color representing response status code 451 (orange.60).",
         "value": "{color.alias.orange.60.value}"
       },
 
       "500": {
-        "comment": "Color representing request status 500 (red.20).",
+        "comment": "Color representing response status code 500 (red.20).",
         "value": "{color.alias.red.20.value}"
       },
       "500s": {
-        "comment": "Color for a group of responses in the 500-599 range (red.40).",
+        "comment": "Color for a group of response status codes in the 500-599 range (red.40).",
         "value": "{color.alias.red.40.value}"
       },
       "501": {
-        "comment": "Color representing request status 501 (red.30).",
+        "comment": "Color representing response status code 501 (red.30).",
         "value": "{color.alias.red.30.value}"
       },
       "502": {
-        "comment": "Color representing request status 502 (red.40).",
+        "comment": "Color representing response status code 502 (red.40).",
         "value": "{color.alias.red.40.value}"
       },
       "503": {
-        "comment": "Color representing request status 503 (red.50).",
+        "comment": "Color representing response status code 503 (red.50).",
         "value": "{color.alias.red.50.value}"
       },
       "504": {
-        "comment": "Color representing request status 504 (red.60).",
+        "comment": "Color representing response status code 504 (red.60).",
         "value": "{color.alias.red.60.value}"
       },
       "505": {
-        "comment": "Color representing request status 505 (red.70).",
+        "comment": "Color representing response status code 505 (red.70).",
         "value": "{color.alias.red.70.value}"
       },
       "506": {
-        "comment": "Color representing request status 506 (red.20).",
+        "comment": "Color representing response status code 506 (red.20).",
         "value": "{color.alias.red.20.value}"
       },
       "507": {
-        "comment": "Color representing request status 507 (red.30).",
+        "comment": "Color representing response status code 507 (red.30).",
         "value": "{color.alias.red.30.value}"
       },
       "508": {
-        "comment": "Color representing request status 508 (red.40).",
+        "comment": "Color representing response status code 508 (red.40).",
         "value": "{color.alias.red.40.value}"
       },
       "510": {
-        "comment": "Color representing request status 510 (red.50).",
+        "comment": "Color representing response status code 510 (red.50).",
         "value": "{color.alias.red.50.value}"
       },
       "511": {
-        "comment": "Color representing request status 511 (red.60).",
+        "comment": "Color representing response status code 511 (red.60).",
         "value": "{color.alias.red.60.value}"
       }
     }