From b719a9b49ecd1b7d5e2f14b3158a530cc628a1ad Mon Sep 17 00:00:00 2001
From: Mihai <103061463+mihai-peteu@users.noreply.github.com>
Date: Fri, 9 Aug 2024 08:28:52 -0700
Subject: [PATCH] feat(analytics): add status color tokens [MA-2473] (#329)

---
 TOKENS.md                                     | 792 ++++++++++++++++++
 .../rules/use-proper-token/token-map.mjs      |  10 +-
 tokens/alias/color/index.json                 |  42 +
 tokens/source/components/status.json          | 299 +++++++
 4 files changed, 1138 insertions(+), 5 deletions(-)
 create mode 100644 tokens/source/components/status.json

diff --git a/TOKENS.md b/TOKENS.md
index e67a5a6b..bff947c6 100644
--- a/TOKENS.md
+++ b/TOKENS.md
@@ -312,6 +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;
+/* Color representing response status code 100 (blue.20). */
+$kui-status-color-100: #bee2ff;
+/* Color representing response status code 101 (blue.30). */
+$kui-status-color-101: #8fc1ff;
+/* Color representing response status code 102 (blue.40). */
+$kui-status-color-102: #5f9aff;
+/* Color representing response status code 103 (blue.50). */
+$kui-status-color-103: #306fff;
+/* Color representing response status code 200 (green.20). */
+$kui-status-color-200: #b5ffee;
+/* Color representing response status code 201 (green.30). */
+$kui-status-color-201: #00fabe;
+/* Color representing response status code 202 (green.40). */
+$kui-status-color-202: #00d6a4;
+/* Color representing response status code 203 (green.50). */
+$kui-status-color-203: #00a17b;
+/* Color representing response status code 204 (green.60). */
+$kui-status-color-204: #007d60;
+/* Color representing response status code 205 (green.70). */
+$kui-status-color-205: #005944;
+/* Color representing response status code 206 (green.20). */
+$kui-status-color-206: #b5ffee;
+/* Color representing response status code 207 (green.30). */
+$kui-status-color-207: #00fabe;
+/* Color representing response status code 208 (green.40). */
+$kui-status-color-208: #b5ffee;
+/* Color representing response status code 226 (green.50). */
+$kui-status-color-226: #00a17b;
+/* Color representing response status code 100 (yellow.20). */
+$kui-status-color-300: #fff296;
+/* Color representing response status code 101 (yellow.30). */
+$kui-status-color-301: #ffe04b;
+/* Color representing response status code 102 (yellow.40). */
+$kui-status-color-302: #ffc400;
+/* Color representing response status code 103 (yellow.50). */
+$kui-status-color-303: #b37600;
+/* Color representing response status code 103 (yellow.60). */
+$kui-status-color-304: #995c00;
+/* Color representing response status code 103 (yellow.70). */
+$kui-status-color-305: #804400;
+/* Color representing response status code 103 (yellow.20). */
+$kui-status-color-307: #fff296;
+/* Color representing response status code 103 (yellow.30). */
+$kui-status-color-308: #ffe04b;
+/* Color representing response status code 400 (orange.20). */
+$kui-status-color-400: #FFC2B3;
+/* Color representing response status code 401 (orange.30). */
+$kui-status-color-401: #FF9877;
+/* Color representing response status code 402 (orange.40). */
+$kui-status-color-402: #FF723C;
+/* Color representing response status code 403 (orange.50). */
+$kui-status-color-403: #F75008;
+/* Color representing response status code 404 (orange.60). */
+$kui-status-color-404: #D13500;
+/* Color representing response status code 405 (orange.70). */
+$kui-status-color-405: #A31F00;
+/* Color representing response status code 406 (orange.20). */
+$kui-status-color-406: #FFC2B3;
+/* Color representing response status code 407 (orange.30). */
+$kui-status-color-407: #FF9877;
+/* Color representing response status code 408 (orange.40). */
+$kui-status-color-408: #FF723C;
+/* Color representing response status code 409 (orange.50). */
+$kui-status-color-409: #F75008;
+/* Color representing response status code 410 (orange.60). */
+$kui-status-color-410: #D13500;
+/* Color representing response status code 411 (orange.70). */
+$kui-status-color-411: #A31F00;
+/* Color representing response status code 412 (orange.20). */
+$kui-status-color-412: #FFC2B3;
+/* Color representing response status code 413 (orange.30). */
+$kui-status-color-413: #FF9877;
+/* Color representing response status code 414 (orange.40). */
+$kui-status-color-414: #FF723C;
+/* Color representing response status code 415 (orange.50). */
+$kui-status-color-415: #F75008;
+/* Color representing response status code 416 (orange.60). */
+$kui-status-color-416: #D13500;
+/* Color representing response status code 417 (orange.70). */
+$kui-status-color-417: #A31F00;
+/* Color representing response status code 418 (orange.20). */
+$kui-status-color-418: #FFC2B3;
+/* Color representing response status code 421 (orange.30). */
+$kui-status-color-421: #FF9877;
+/* Color representing response status code 422 (orange.40). */
+$kui-status-color-422: #FF723C;
+/* Color representing response status code 423 (orange.50). */
+$kui-status-color-423: #F75008;
+/* Color representing response status code 424 (orange.60). */
+$kui-status-color-424: #D13500;
+/* Color representing response status code 425 (orange.70). */
+$kui-status-color-425: #A31F00;
+/* Color representing response status code 426 (orange.20). */
+$kui-status-color-426: #FFC2B3;
+/* Color representing response status code 428 (orange.30). */
+$kui-status-color-428: #FF9877;
+/* Color representing response status code 429 (orange.40). */
+$kui-status-color-429: #FF723C;
+/* Color representing response status code 431 (orange.50). */
+$kui-status-color-431: #F75008;
+/* Color representing response status code 451 (orange.60). */
+$kui-status-color-451: #D13500;
+/* Color representing response status code 500 (red.20). */
+$kui-status-color-500: #ffabab;
+/* Color representing response status code 501 (red.30). */
+$kui-status-color-501: #ff7272;
+/* Color representing response status code 502 (red.40). */
+$kui-status-color-502: #ff3954;
+/* Color representing response status code 503 (red.50). */
+$kui-status-color-503: #f50045;
+/* Color representing response status code 504 (red.60). */
+$kui-status-color-504: #d60027;
+/* Color representing response status code 505 (red.70). */
+$kui-status-color-505: #ad000e;
+/* Color representing response status code 506 (red.20). */
+$kui-status-color-506: #ffabab;
+/* Color representing response status code 507 (red.30). */
+$kui-status-color-507: #ff7272;
+/* Color representing response status code 508 (red.40). */
+$kui-status-color-508: #ff3954;
+/* Color representing response status code 510 (red.50). */
+$kui-status-color-510: #f50045;
+/* Color representing response status code 511 (red.60). */
+$kui-status-color-511: #d60027;
+/* Color for unknown response status codes in the 100-199 range (blue.10). */
+$kui-status-color-1na: #eefaff;
+/* Color for unknown response status codes in the 200-299 range (green.10). */
+$kui-status-color-2na: #ecfffb;
+/* Color for unknown response status codes in the 300-399 range (yellow.10). */
+$kui-status-color-3na: #fffce0;
+/* Color for unknown response status codes in the 400-499 range (orange.10). */
+$kui-status-color-4na: #FFF1EF;
+/* Color for unknown response status codes in the 500-599 range (red.10). */
+$kui-status-color-5na: #ffe5e5;
+/* 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 response status codes in the 200-299 range (green.40). */
+$kui-status-color-200s: #00d6a4;
+/* 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 response status codes in the 400-499 range (orange.40). */
+$kui-status-color-400s: #FF723C;
+/* 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;
 /* The standard heading text font family. */
@@ -728,6 +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;
+  /* Color representing response status code 100 (blue.20). */
+  'kui-status-color-100': #bee2ff;
+  /* Color representing response status code 101 (blue.30). */
+  'kui-status-color-101': #8fc1ff;
+  /* Color representing response status code 102 (blue.40). */
+  'kui-status-color-102': #5f9aff;
+  /* Color representing response status code 103 (blue.50). */
+  'kui-status-color-103': #306fff;
+  /* Color representing response status code 200 (green.20). */
+  'kui-status-color-200': #b5ffee;
+  /* Color representing response status code 201 (green.30). */
+  'kui-status-color-201': #00fabe;
+  /* Color representing response status code 202 (green.40). */
+  'kui-status-color-202': #00d6a4;
+  /* Color representing response status code 203 (green.50). */
+  'kui-status-color-203': #00a17b;
+  /* Color representing response status code 204 (green.60). */
+  'kui-status-color-204': #007d60;
+  /* Color representing response status code 205 (green.70). */
+  'kui-status-color-205': #005944;
+  /* Color representing response status code 206 (green.20). */
+  'kui-status-color-206': #b5ffee;
+  /* Color representing response status code 207 (green.30). */
+  'kui-status-color-207': #00fabe;
+  /* Color representing response status code 208 (green.40). */
+  'kui-status-color-208': #b5ffee;
+  /* Color representing response status code 226 (green.50). */
+  'kui-status-color-226': #00a17b;
+  /* Color representing response status code 100 (yellow.20). */
+  'kui-status-color-300': #fff296;
+  /* Color representing response status code 101 (yellow.30). */
+  'kui-status-color-301': #ffe04b;
+  /* Color representing response status code 102 (yellow.40). */
+  'kui-status-color-302': #ffc400;
+  /* Color representing response status code 103 (yellow.50). */
+  'kui-status-color-303': #b37600;
+  /* Color representing response status code 103 (yellow.60). */
+  'kui-status-color-304': #995c00;
+  /* Color representing response status code 103 (yellow.70). */
+  'kui-status-color-305': #804400;
+  /* Color representing response status code 103 (yellow.20). */
+  'kui-status-color-307': #fff296;
+  /* Color representing response status code 103 (yellow.30). */
+  'kui-status-color-308': #ffe04b;
+  /* Color representing response status code 400 (orange.20). */
+  'kui-status-color-400': #FFC2B3;
+  /* Color representing response status code 401 (orange.30). */
+  'kui-status-color-401': #FF9877;
+  /* Color representing response status code 402 (orange.40). */
+  'kui-status-color-402': #FF723C;
+  /* Color representing response status code 403 (orange.50). */
+  'kui-status-color-403': #F75008;
+  /* Color representing response status code 404 (orange.60). */
+  'kui-status-color-404': #D13500;
+  /* Color representing response status code 405 (orange.70). */
+  'kui-status-color-405': #A31F00;
+  /* Color representing response status code 406 (orange.20). */
+  'kui-status-color-406': #FFC2B3;
+  /* Color representing response status code 407 (orange.30). */
+  'kui-status-color-407': #FF9877;
+  /* Color representing response status code 408 (orange.40). */
+  'kui-status-color-408': #FF723C;
+  /* Color representing response status code 409 (orange.50). */
+  'kui-status-color-409': #F75008;
+  /* Color representing response status code 410 (orange.60). */
+  'kui-status-color-410': #D13500;
+  /* Color representing response status code 411 (orange.70). */
+  'kui-status-color-411': #A31F00;
+  /* Color representing response status code 412 (orange.20). */
+  'kui-status-color-412': #FFC2B3;
+  /* Color representing response status code 413 (orange.30). */
+  'kui-status-color-413': #FF9877;
+  /* Color representing response status code 414 (orange.40). */
+  'kui-status-color-414': #FF723C;
+  /* Color representing response status code 415 (orange.50). */
+  'kui-status-color-415': #F75008;
+  /* Color representing response status code 416 (orange.60). */
+  'kui-status-color-416': #D13500;
+  /* Color representing response status code 417 (orange.70). */
+  'kui-status-color-417': #A31F00;
+  /* Color representing response status code 418 (orange.20). */
+  'kui-status-color-418': #FFC2B3;
+  /* Color representing response status code 421 (orange.30). */
+  'kui-status-color-421': #FF9877;
+  /* Color representing response status code 422 (orange.40). */
+  'kui-status-color-422': #FF723C;
+  /* Color representing response status code 423 (orange.50). */
+  'kui-status-color-423': #F75008;
+  /* Color representing response status code 424 (orange.60). */
+  'kui-status-color-424': #D13500;
+  /* Color representing response status code 425 (orange.70). */
+  'kui-status-color-425': #A31F00;
+  /* Color representing response status code 426 (orange.20). */
+  'kui-status-color-426': #FFC2B3;
+  /* Color representing response status code 428 (orange.30). */
+  'kui-status-color-428': #FF9877;
+  /* Color representing response status code 429 (orange.40). */
+  'kui-status-color-429': #FF723C;
+  /* Color representing response status code 431 (orange.50). */
+  'kui-status-color-431': #F75008;
+  /* Color representing response status code 451 (orange.60). */
+  'kui-status-color-451': #D13500;
+  /* Color representing response status code 500 (red.20). */
+  'kui-status-color-500': #ffabab;
+  /* Color representing response status code 501 (red.30). */
+  'kui-status-color-501': #ff7272;
+  /* Color representing response status code 502 (red.40). */
+  'kui-status-color-502': #ff3954;
+  /* Color representing response status code 503 (red.50). */
+  'kui-status-color-503': #f50045;
+  /* Color representing response status code 504 (red.60). */
+  'kui-status-color-504': #d60027;
+  /* Color representing response status code 505 (red.70). */
+  'kui-status-color-505': #ad000e;
+  /* Color representing response status code 506 (red.20). */
+  'kui-status-color-506': #ffabab;
+  /* Color representing response status code 507 (red.30). */
+  'kui-status-color-507': #ff7272;
+  /* Color representing response status code 508 (red.40). */
+  'kui-status-color-508': #ff3954;
+  /* Color representing response status code 510 (red.50). */
+  'kui-status-color-510': #f50045;
+  /* Color representing response status code 511 (red.60). */
+  'kui-status-color-511': #d60027;
+  /* Color for unknown response status codes in the 100-199 range (blue.10). */
+  'kui-status-color-1na': #eefaff;
+  /* Color for unknown response status codes in the 200-299 range (green.10). */
+  'kui-status-color-2na': #ecfffb;
+  /* Color for unknown response status codes in the 300-399 range (yellow.10). */
+  'kui-status-color-3na': #fffce0;
+  /* Color for unknown response status codes in the 400-499 range (orange.10). */
+  'kui-status-color-4na': #FFF1EF;
+  /* Color for unknown response status codes in the 500-599 range (red.10). */
+  'kui-status-color-5na': #ffe5e5;
+  /* 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 response status codes in the 200-299 range (green.40). */
+  'kui-status-color-200s': #00d6a4;
+  /* 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 response status codes in the 400-499 range (orange.40). */
+  'kui-status-color-400s': #FF723C;
+  /* 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;
   /* The standard heading text font family. */
@@ -1146,6 +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;
+/* Color representing response status code 100 (blue.20). */
+@kui-status-color-100: #bee2ff;
+/* Color representing response status code 101 (blue.30). */
+@kui-status-color-101: #8fc1ff;
+/* Color representing response status code 102 (blue.40). */
+@kui-status-color-102: #5f9aff;
+/* Color representing response status code 103 (blue.50). */
+@kui-status-color-103: #306fff;
+/* Color representing response status code 200 (green.20). */
+@kui-status-color-200: #b5ffee;
+/* Color representing response status code 201 (green.30). */
+@kui-status-color-201: #00fabe;
+/* Color representing response status code 202 (green.40). */
+@kui-status-color-202: #00d6a4;
+/* Color representing response status code 203 (green.50). */
+@kui-status-color-203: #00a17b;
+/* Color representing response status code 204 (green.60). */
+@kui-status-color-204: #007d60;
+/* Color representing response status code 205 (green.70). */
+@kui-status-color-205: #005944;
+/* Color representing response status code 206 (green.20). */
+@kui-status-color-206: #b5ffee;
+/* Color representing response status code 207 (green.30). */
+@kui-status-color-207: #00fabe;
+/* Color representing response status code 208 (green.40). */
+@kui-status-color-208: #b5ffee;
+/* Color representing response status code 226 (green.50). */
+@kui-status-color-226: #00a17b;
+/* Color representing response status code 100 (yellow.20). */
+@kui-status-color-300: #fff296;
+/* Color representing response status code 101 (yellow.30). */
+@kui-status-color-301: #ffe04b;
+/* Color representing response status code 102 (yellow.40). */
+@kui-status-color-302: #ffc400;
+/* Color representing response status code 103 (yellow.50). */
+@kui-status-color-303: #b37600;
+/* Color representing response status code 103 (yellow.60). */
+@kui-status-color-304: #995c00;
+/* Color representing response status code 103 (yellow.70). */
+@kui-status-color-305: #804400;
+/* Color representing response status code 103 (yellow.20). */
+@kui-status-color-307: #fff296;
+/* Color representing response status code 103 (yellow.30). */
+@kui-status-color-308: #ffe04b;
+/* Color representing response status code 400 (orange.20). */
+@kui-status-color-400: #FFC2B3;
+/* Color representing response status code 401 (orange.30). */
+@kui-status-color-401: #FF9877;
+/* Color representing response status code 402 (orange.40). */
+@kui-status-color-402: #FF723C;
+/* Color representing response status code 403 (orange.50). */
+@kui-status-color-403: #F75008;
+/* Color representing response status code 404 (orange.60). */
+@kui-status-color-404: #D13500;
+/* Color representing response status code 405 (orange.70). */
+@kui-status-color-405: #A31F00;
+/* Color representing response status code 406 (orange.20). */
+@kui-status-color-406: #FFC2B3;
+/* Color representing response status code 407 (orange.30). */
+@kui-status-color-407: #FF9877;
+/* Color representing response status code 408 (orange.40). */
+@kui-status-color-408: #FF723C;
+/* Color representing response status code 409 (orange.50). */
+@kui-status-color-409: #F75008;
+/* Color representing response status code 410 (orange.60). */
+@kui-status-color-410: #D13500;
+/* Color representing response status code 411 (orange.70). */
+@kui-status-color-411: #A31F00;
+/* Color representing response status code 412 (orange.20). */
+@kui-status-color-412: #FFC2B3;
+/* Color representing response status code 413 (orange.30). */
+@kui-status-color-413: #FF9877;
+/* Color representing response status code 414 (orange.40). */
+@kui-status-color-414: #FF723C;
+/* Color representing response status code 415 (orange.50). */
+@kui-status-color-415: #F75008;
+/* Color representing response status code 416 (orange.60). */
+@kui-status-color-416: #D13500;
+/* Color representing response status code 417 (orange.70). */
+@kui-status-color-417: #A31F00;
+/* Color representing response status code 418 (orange.20). */
+@kui-status-color-418: #FFC2B3;
+/* Color representing response status code 421 (orange.30). */
+@kui-status-color-421: #FF9877;
+/* Color representing response status code 422 (orange.40). */
+@kui-status-color-422: #FF723C;
+/* Color representing response status code 423 (orange.50). */
+@kui-status-color-423: #F75008;
+/* Color representing response status code 424 (orange.60). */
+@kui-status-color-424: #D13500;
+/* Color representing response status code 425 (orange.70). */
+@kui-status-color-425: #A31F00;
+/* Color representing response status code 426 (orange.20). */
+@kui-status-color-426: #FFC2B3;
+/* Color representing response status code 428 (orange.30). */
+@kui-status-color-428: #FF9877;
+/* Color representing response status code 429 (orange.40). */
+@kui-status-color-429: #FF723C;
+/* Color representing response status code 431 (orange.50). */
+@kui-status-color-431: #F75008;
+/* Color representing response status code 451 (orange.60). */
+@kui-status-color-451: #D13500;
+/* Color representing response status code 500 (red.20). */
+@kui-status-color-500: #ffabab;
+/* Color representing response status code 501 (red.30). */
+@kui-status-color-501: #ff7272;
+/* Color representing response status code 502 (red.40). */
+@kui-status-color-502: #ff3954;
+/* Color representing response status code 503 (red.50). */
+@kui-status-color-503: #f50045;
+/* Color representing response status code 504 (red.60). */
+@kui-status-color-504: #d60027;
+/* Color representing response status code 505 (red.70). */
+@kui-status-color-505: #ad000e;
+/* Color representing response status code 506 (red.20). */
+@kui-status-color-506: #ffabab;
+/* Color representing response status code 507 (red.30). */
+@kui-status-color-507: #ff7272;
+/* Color representing response status code 508 (red.40). */
+@kui-status-color-508: #ff3954;
+/* Color representing response status code 510 (red.50). */
+@kui-status-color-510: #f50045;
+/* Color representing response status code 511 (red.60). */
+@kui-status-color-511: #d60027;
+/* Color for unknown response status codes in the 100-199 range (blue.10). */
+@kui-status-color-1na: #eefaff;
+/* Color for unknown response status codes in the 200-299 range (green.10). */
+@kui-status-color-2na: #ecfffb;
+/* Color for unknown response status codes in the 300-399 range (yellow.10). */
+@kui-status-color-3na: #fffce0;
+/* Color for unknown response status codes in the 400-499 range (orange.10). */
+@kui-status-color-4na: #FFF1EF;
+/* Color for unknown response status codes in the 500-599 range (red.10). */
+@kui-status-color-5na: #ffe5e5;
+/* 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 response status codes in the 200-299 range (green.40). */
+@kui-status-color-200s: #00d6a4;
+/* 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 response status codes in the 400-499 range (orange.40). */
+@kui-status-color-400s: #FF723C;
+/* 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;
 /* The standard heading text font family. */
@@ -1565,6 +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;
+/* Color representing response status code 100 (blue.20). */
+--kui-status-color-100: #bee2ff;
+/* Color representing response status code 101 (blue.30). */
+--kui-status-color-101: #8fc1ff;
+/* Color representing response status code 102 (blue.40). */
+--kui-status-color-102: #5f9aff;
+/* Color representing response status code 103 (blue.50). */
+--kui-status-color-103: #306fff;
+/* Color representing response status code 200 (green.20). */
+--kui-status-color-200: #b5ffee;
+/* Color representing response status code 201 (green.30). */
+--kui-status-color-201: #00fabe;
+/* Color representing response status code 202 (green.40). */
+--kui-status-color-202: #00d6a4;
+/* Color representing response status code 203 (green.50). */
+--kui-status-color-203: #00a17b;
+/* Color representing response status code 204 (green.60). */
+--kui-status-color-204: #007d60;
+/* Color representing response status code 205 (green.70). */
+--kui-status-color-205: #005944;
+/* Color representing response status code 206 (green.20). */
+--kui-status-color-206: #b5ffee;
+/* Color representing response status code 207 (green.30). */
+--kui-status-color-207: #00fabe;
+/* Color representing response status code 208 (green.40). */
+--kui-status-color-208: #b5ffee;
+/* Color representing response status code 226 (green.50). */
+--kui-status-color-226: #00a17b;
+/* Color representing response status code 100 (yellow.20). */
+--kui-status-color-300: #fff296;
+/* Color representing response status code 101 (yellow.30). */
+--kui-status-color-301: #ffe04b;
+/* Color representing response status code 102 (yellow.40). */
+--kui-status-color-302: #ffc400;
+/* Color representing response status code 103 (yellow.50). */
+--kui-status-color-303: #b37600;
+/* Color representing response status code 103 (yellow.60). */
+--kui-status-color-304: #995c00;
+/* Color representing response status code 103 (yellow.70). */
+--kui-status-color-305: #804400;
+/* Color representing response status code 103 (yellow.20). */
+--kui-status-color-307: #fff296;
+/* Color representing response status code 103 (yellow.30). */
+--kui-status-color-308: #ffe04b;
+/* Color representing response status code 400 (orange.20). */
+--kui-status-color-400: #FFC2B3;
+/* Color representing response status code 401 (orange.30). */
+--kui-status-color-401: #FF9877;
+/* Color representing response status code 402 (orange.40). */
+--kui-status-color-402: #FF723C;
+/* Color representing response status code 403 (orange.50). */
+--kui-status-color-403: #F75008;
+/* Color representing response status code 404 (orange.60). */
+--kui-status-color-404: #D13500;
+/* Color representing response status code 405 (orange.70). */
+--kui-status-color-405: #A31F00;
+/* Color representing response status code 406 (orange.20). */
+--kui-status-color-406: #FFC2B3;
+/* Color representing response status code 407 (orange.30). */
+--kui-status-color-407: #FF9877;
+/* Color representing response status code 408 (orange.40). */
+--kui-status-color-408: #FF723C;
+/* Color representing response status code 409 (orange.50). */
+--kui-status-color-409: #F75008;
+/* Color representing response status code 410 (orange.60). */
+--kui-status-color-410: #D13500;
+/* Color representing response status code 411 (orange.70). */
+--kui-status-color-411: #A31F00;
+/* Color representing response status code 412 (orange.20). */
+--kui-status-color-412: #FFC2B3;
+/* Color representing response status code 413 (orange.30). */
+--kui-status-color-413: #FF9877;
+/* Color representing response status code 414 (orange.40). */
+--kui-status-color-414: #FF723C;
+/* Color representing response status code 415 (orange.50). */
+--kui-status-color-415: #F75008;
+/* Color representing response status code 416 (orange.60). */
+--kui-status-color-416: #D13500;
+/* Color representing response status code 417 (orange.70). */
+--kui-status-color-417: #A31F00;
+/* Color representing response status code 418 (orange.20). */
+--kui-status-color-418: #FFC2B3;
+/* Color representing response status code 421 (orange.30). */
+--kui-status-color-421: #FF9877;
+/* Color representing response status code 422 (orange.40). */
+--kui-status-color-422: #FF723C;
+/* Color representing response status code 423 (orange.50). */
+--kui-status-color-423: #F75008;
+/* Color representing response status code 424 (orange.60). */
+--kui-status-color-424: #D13500;
+/* Color representing response status code 425 (orange.70). */
+--kui-status-color-425: #A31F00;
+/* Color representing response status code 426 (orange.20). */
+--kui-status-color-426: #FFC2B3;
+/* Color representing response status code 428 (orange.30). */
+--kui-status-color-428: #FF9877;
+/* Color representing response status code 429 (orange.40). */
+--kui-status-color-429: #FF723C;
+/* Color representing response status code 431 (orange.50). */
+--kui-status-color-431: #F75008;
+/* Color representing response status code 451 (orange.60). */
+--kui-status-color-451: #D13500;
+/* Color representing response status code 500 (red.20). */
+--kui-status-color-500: #ffabab;
+/* Color representing response status code 501 (red.30). */
+--kui-status-color-501: #ff7272;
+/* Color representing response status code 502 (red.40). */
+--kui-status-color-502: #ff3954;
+/* Color representing response status code 503 (red.50). */
+--kui-status-color-503: #f50045;
+/* Color representing response status code 504 (red.60). */
+--kui-status-color-504: #d60027;
+/* Color representing response status code 505 (red.70). */
+--kui-status-color-505: #ad000e;
+/* Color representing response status code 506 (red.20). */
+--kui-status-color-506: #ffabab;
+/* Color representing response status code 507 (red.30). */
+--kui-status-color-507: #ff7272;
+/* Color representing response status code 508 (red.40). */
+--kui-status-color-508: #ff3954;
+/* Color representing response status code 510 (red.50). */
+--kui-status-color-510: #f50045;
+/* Color representing response status code 511 (red.60). */
+--kui-status-color-511: #d60027;
+/* Color for unknown response status codes in the 100-199 range (blue.10). */
+--kui-status-color-1na: #eefaff;
+/* Color for unknown response status codes in the 200-299 range (green.10). */
+--kui-status-color-2na: #ecfffb;
+/* Color for unknown response status codes in the 300-399 range (yellow.10). */
+--kui-status-color-3na: #fffce0;
+/* Color for unknown response status codes in the 400-499 range (orange.10). */
+--kui-status-color-4na: #FFF1EF;
+/* Color for unknown response status codes in the 500-599 range (red.10). */
+--kui-status-color-5na: #ffe5e5;
+/* 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 response status codes in the 200-299 range (green.40). */
+--kui-status-color-200s: #00d6a4;
+/* 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 response status codes in the 400-499 range (orange.40). */
+--kui-status-color-400s: #FF723C;
+/* 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;
 /* The standard heading text font family. */
@@ -1982,6 +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";
+/* Color representing response status code 100 (blue.20). */
+export const KUI_STATUS_COLOR_100 = "#bee2ff";
+/* Color representing response status code 101 (blue.30). */
+export const KUI_STATUS_COLOR_101 = "#8fc1ff";
+/* Color representing response status code 102 (blue.40). */
+export const KUI_STATUS_COLOR_102 = "#5f9aff";
+/* Color representing response status code 103 (blue.50). */
+export const KUI_STATUS_COLOR_103 = "#306fff";
+/* Color representing response status code 200 (green.20). */
+export const KUI_STATUS_COLOR_200 = "#b5ffee";
+/* Color representing response status code 201 (green.30). */
+export const KUI_STATUS_COLOR_201 = "#00fabe";
+/* Color representing response status code 202 (green.40). */
+export const KUI_STATUS_COLOR_202 = "#00d6a4";
+/* Color representing response status code 203 (green.50). */
+export const KUI_STATUS_COLOR_203 = "#00a17b";
+/* Color representing response status code 204 (green.60). */
+export const KUI_STATUS_COLOR_204 = "#007d60";
+/* Color representing response status code 205 (green.70). */
+export const KUI_STATUS_COLOR_205 = "#005944";
+/* Color representing response status code 206 (green.20). */
+export const KUI_STATUS_COLOR_206 = "#b5ffee";
+/* Color representing response status code 207 (green.30). */
+export const KUI_STATUS_COLOR_207 = "#00fabe";
+/* Color representing response status code 208 (green.40). */
+export const KUI_STATUS_COLOR_208 = "#b5ffee";
+/* Color representing response status code 226 (green.50). */
+export const KUI_STATUS_COLOR_226 = "#00a17b";
+/* Color representing response status code 100 (yellow.20). */
+export const KUI_STATUS_COLOR_300 = "#fff296";
+/* Color representing response status code 101 (yellow.30). */
+export const KUI_STATUS_COLOR_301 = "#ffe04b";
+/* Color representing response status code 102 (yellow.40). */
+export const KUI_STATUS_COLOR_302 = "#ffc400";
+/* Color representing response status code 103 (yellow.50). */
+export const KUI_STATUS_COLOR_303 = "#b37600";
+/* Color representing response status code 103 (yellow.60). */
+export const KUI_STATUS_COLOR_304 = "#995c00";
+/* Color representing response status code 103 (yellow.70). */
+export const KUI_STATUS_COLOR_305 = "#804400";
+/* Color representing response status code 103 (yellow.20). */
+export const KUI_STATUS_COLOR_307 = "#fff296";
+/* Color representing response status code 103 (yellow.30). */
+export const KUI_STATUS_COLOR_308 = "#ffe04b";
+/* Color representing response status code 400 (orange.20). */
+export const KUI_STATUS_COLOR_400 = "#FFC2B3";
+/* Color representing response status code 401 (orange.30). */
+export const KUI_STATUS_COLOR_401 = "#FF9877";
+/* Color representing response status code 402 (orange.40). */
+export const KUI_STATUS_COLOR_402 = "#FF723C";
+/* Color representing response status code 403 (orange.50). */
+export const KUI_STATUS_COLOR_403 = "#F75008";
+/* Color representing response status code 404 (orange.60). */
+export const KUI_STATUS_COLOR_404 = "#D13500";
+/* Color representing response status code 405 (orange.70). */
+export const KUI_STATUS_COLOR_405 = "#A31F00";
+/* Color representing response status code 406 (orange.20). */
+export const KUI_STATUS_COLOR_406 = "#FFC2B3";
+/* Color representing response status code 407 (orange.30). */
+export const KUI_STATUS_COLOR_407 = "#FF9877";
+/* Color representing response status code 408 (orange.40). */
+export const KUI_STATUS_COLOR_408 = "#FF723C";
+/* Color representing response status code 409 (orange.50). */
+export const KUI_STATUS_COLOR_409 = "#F75008";
+/* Color representing response status code 410 (orange.60). */
+export const KUI_STATUS_COLOR_410 = "#D13500";
+/* Color representing response status code 411 (orange.70). */
+export const KUI_STATUS_COLOR_411 = "#A31F00";
+/* Color representing response status code 412 (orange.20). */
+export const KUI_STATUS_COLOR_412 = "#FFC2B3";
+/* Color representing response status code 413 (orange.30). */
+export const KUI_STATUS_COLOR_413 = "#FF9877";
+/* Color representing response status code 414 (orange.40). */
+export const KUI_STATUS_COLOR_414 = "#FF723C";
+/* Color representing response status code 415 (orange.50). */
+export const KUI_STATUS_COLOR_415 = "#F75008";
+/* Color representing response status code 416 (orange.60). */
+export const KUI_STATUS_COLOR_416 = "#D13500";
+/* Color representing response status code 417 (orange.70). */
+export const KUI_STATUS_COLOR_417 = "#A31F00";
+/* Color representing response status code 418 (orange.20). */
+export const KUI_STATUS_COLOR_418 = "#FFC2B3";
+/* Color representing response status code 421 (orange.30). */
+export const KUI_STATUS_COLOR_421 = "#FF9877";
+/* Color representing response status code 422 (orange.40). */
+export const KUI_STATUS_COLOR_422 = "#FF723C";
+/* Color representing response status code 423 (orange.50). */
+export const KUI_STATUS_COLOR_423 = "#F75008";
+/* Color representing response status code 424 (orange.60). */
+export const KUI_STATUS_COLOR_424 = "#D13500";
+/* Color representing response status code 425 (orange.70). */
+export const KUI_STATUS_COLOR_425 = "#A31F00";
+/* Color representing response status code 426 (orange.20). */
+export const KUI_STATUS_COLOR_426 = "#FFC2B3";
+/* Color representing response status code 428 (orange.30). */
+export const KUI_STATUS_COLOR_428 = "#FF9877";
+/* Color representing response status code 429 (orange.40). */
+export const KUI_STATUS_COLOR_429 = "#FF723C";
+/* Color representing response status code 431 (orange.50). */
+export const KUI_STATUS_COLOR_431 = "#F75008";
+/* Color representing response status code 451 (orange.60). */
+export const KUI_STATUS_COLOR_451 = "#D13500";
+/* Color representing response status code 500 (red.20). */
+export const KUI_STATUS_COLOR_500 = "#ffabab";
+/* Color representing response status code 501 (red.30). */
+export const KUI_STATUS_COLOR_501 = "#ff7272";
+/* Color representing response status code 502 (red.40). */
+export const KUI_STATUS_COLOR_502 = "#ff3954";
+/* Color representing response status code 503 (red.50). */
+export const KUI_STATUS_COLOR_503 = "#f50045";
+/* Color representing response status code 504 (red.60). */
+export const KUI_STATUS_COLOR_504 = "#d60027";
+/* Color representing response status code 505 (red.70). */
+export const KUI_STATUS_COLOR_505 = "#ad000e";
+/* Color representing response status code 506 (red.20). */
+export const KUI_STATUS_COLOR_506 = "#ffabab";
+/* Color representing response status code 507 (red.30). */
+export const KUI_STATUS_COLOR_507 = "#ff7272";
+/* Color representing response status code 508 (red.40). */
+export const KUI_STATUS_COLOR_508 = "#ff3954";
+/* Color representing response status code 510 (red.50). */
+export const KUI_STATUS_COLOR_510 = "#f50045";
+/* Color representing response status code 511 (red.60). */
+export const KUI_STATUS_COLOR_511 = "#d60027";
+/* Color for unknown response status codes in the 100-199 range (blue.10). */
+export const KUI_STATUS_COLOR_1NA = "#eefaff";
+/* Color for unknown response status codes in the 200-299 range (green.10). */
+export const KUI_STATUS_COLOR_2NA = "#ecfffb";
+/* Color for unknown response status codes in the 300-399 range (yellow.10). */
+export const KUI_STATUS_COLOR_3NA = "#fffce0";
+/* Color for unknown response status codes in the 400-499 range (orange.10). */
+export const KUI_STATUS_COLOR_4NA = "#FFF1EF";
+/* 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 response status codes in the 100-199 range (blue.40). */
+export const KUI_STATUS_COLOR_100S = "#5f9aff";
+/* 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 response status codes in the 300-399 range (yellow.40). */
+export const KUI_STATUS_COLOR_300S = "#ffc400";
+/* 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 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";
 /* The standard heading text font family. */
@@ -2251,6 +2971,78 @@ 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_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_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/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/alias/color/index.json b/tokens/alias/color/index.json
index 612e40c2..3a4eaa1a 100644
--- a/tokens/alias/color/index.json
+++ b/tokens/alias/color/index.json
@@ -215,6 +215,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..11bd682c
--- /dev/null
+++ b/tokens/source/components/status.json
@@ -0,0 +1,299 @@
+{
+  "status": {
+    "color": {
+      "1na": {
+        "comment": "Color for unknown response status codes in the 100-199 range (blue.10).",
+        "value": "{color.alias.blue.10.value}"
+      },
+      "2na": {
+        "comment": "Color for unknown response status codes in the 200-299 range (green.10).",
+        "value": "{color.alias.green.10.value}"
+      },
+      "3na": {
+        "comment": "Color for unknown response status codes in the 300-399 range (yellow.10).",
+        "value": "{color.alias.yellow.10.value}"
+      },
+      "4na": {
+        "comment": "Color for unknown response status codes in the 400-499 range (orange.10).",
+        "value": "{color.alias.orange.10.value}"
+      },
+      "5na": {
+        "comment": "Color for unknown response status codes in the 500-599 range (red.10).",
+        "value": "{color.alias.red.10.value}"
+      },
+
+      "100": {
+        "comment": "Color representing response status code 100 (blue.20).",
+        "value": "{color.alias.blue.20.value}"
+      },
+      "100s": {
+        "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 response status code 101 (blue.30).",
+        "value": "{color.alias.blue.30.value}"
+      },
+      "102": {
+        "comment": "Color representing response status code 102 (blue.40).",
+        "value": "{color.alias.blue.40.value}"
+      },
+      "103": {
+        "comment": "Color representing response status code 103 (blue.50).",
+        "value": "{color.alias.blue.50.value}"
+      },
+
+      "200": {
+        "comment": "Color representing response status code 200 (green.20).",
+        "value": "{color.alias.green.20.value}"
+      },
+      "200s": {
+        "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 response status code 201 (green.30).",
+        "value": "{color.alias.green.30.value}"
+      },
+      "202": {
+        "comment": "Color representing response status code 202 (green.40).",
+        "value": "{color.alias.green.40.value}"
+      },
+      "203": {
+        "comment": "Color representing response status code 203 (green.50).",
+        "value": "{color.alias.green.50.value}"
+      },
+      "204": {
+        "comment": "Color representing response status code 204 (green.60).",
+        "value": "{color.alias.green.60.value}"
+      },
+      "205": {
+        "comment": "Color representing response status code 205 (green.70).",
+        "value": "{color.alias.green.70.value}"
+      },
+      "206": {
+        "comment": "Color representing response status code 206 (green.20).",
+        "value": "{color.alias.green.20.value}"
+      },
+      "207": {
+        "comment": "Color representing response status code 207 (green.30).",
+        "value": "{color.alias.green.30.value}"
+      },
+      "208": {
+        "comment": "Color representing response status code 208 (green.40).",
+        "value": "{color.alias.green.20.value}"
+      },
+      "226": {
+        "comment": "Color representing response status code 226 (green.50).",
+        "value": "{color.alias.green.50.value}"
+      },
+
+      "300": {
+        "comment": "Color representing response status code 100 (yellow.20).",
+        "value": "{color.alias.yellow.20.value}"
+      },
+      "300s": {
+        "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 response status code 101 (yellow.30).",
+        "value": "{color.alias.yellow.30.value}"
+      },
+      "302": {
+        "comment": "Color representing response status code 102 (yellow.40).",
+        "value": "{color.alias.yellow.40.value}"
+      },
+      "303": {
+        "comment": "Color representing response status code 103 (yellow.50).",
+        "value": "{color.alias.yellow.50.value}"
+      },
+      "304": {
+        "comment": "Color representing response status code 103 (yellow.60).",
+        "value": "{color.alias.yellow.60.value}"
+      },
+      "305": {
+        "comment": "Color representing response status code 103 (yellow.70).",
+        "value": "{color.alias.yellow.70.value}"
+      },
+      "307": {
+        "comment": "Color representing response status code 103 (yellow.20).",
+        "value": "{color.alias.yellow.20.value}"
+      },
+      "308": {
+        "comment": "Color representing response status code 103 (yellow.30).",
+        "value": "{color.alias.yellow.30.value}"
+      },
+
+      "400": {
+        "comment": "Color representing response status code 400 (orange.20).",
+        "value": "{color.alias.orange.20.value}"
+      },
+      "400s": {
+        "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 response status code 401 (orange.30).",
+        "value": "{color.alias.orange.30.value}"
+      },
+      "402": {
+        "comment": "Color representing response status code 402 (orange.40).",
+        "value": "{color.alias.orange.40.value}"
+      },
+      "403": {
+        "comment": "Color representing response status code 403 (orange.50).",
+        "value": "{color.alias.orange.50.value}"
+      },
+      "404": {
+        "comment": "Color representing response status code 404 (orange.60).",
+        "value": "{color.alias.orange.60.value}"
+      },
+      "405": {
+        "comment": "Color representing response status code 405 (orange.70).",
+        "value": "{color.alias.orange.70.value}"
+      },
+      "406": {
+        "comment": "Color representing response status code 406 (orange.20).",
+        "value": "{color.alias.orange.20.value}"
+      },
+      "407": {
+        "comment": "Color representing response status code 407 (orange.30).",
+        "value": "{color.alias.orange.30.value}"
+      },
+      "408": {
+        "comment": "Color representing response status code 408 (orange.40).",
+        "value": "{color.alias.orange.40.value}"
+      },
+      "409": {
+        "comment": "Color representing response status code 409 (orange.50).",
+        "value": "{color.alias.orange.50.value}"
+      },
+      "410": {
+        "comment": "Color representing response status code 410 (orange.60).",
+        "value": "{color.alias.orange.60.value}"
+      },
+      "411": {
+        "comment": "Color representing response status code 411 (orange.70).",
+        "value": "{color.alias.orange.70.value}"
+      },
+      "412": {
+        "comment": "Color representing response status code 412 (orange.20).",
+        "value": "{color.alias.orange.20.value}"
+      },
+      "413": {
+        "comment": "Color representing response status code 413 (orange.30).",
+        "value": "{color.alias.orange.30.value}"
+      },
+      "414": {
+        "comment": "Color representing response status code 414 (orange.40).",
+        "value": "{color.alias.orange.40.value}"
+      },
+      "415": {
+        "comment": "Color representing response status code 415 (orange.50).",
+        "value": "{color.alias.orange.50.value}"
+      },
+      "416": {
+        "comment": "Color representing response status code 416 (orange.60).",
+        "value": "{color.alias.orange.60.value}"
+      },
+      "417": {
+        "comment": "Color representing response status code 417 (orange.70).",
+        "value": "{color.alias.orange.70.value}"
+      },
+      "418": {
+        "comment": "Color representing response status code 418 (orange.20).",
+        "value": "{color.alias.orange.20.value}"
+      },
+      "421": {
+        "comment": "Color representing response status code 421 (orange.30).",
+        "value": "{color.alias.orange.30.value}"
+      },
+      "422": {
+        "comment": "Color representing response status code 422 (orange.40).",
+        "value": "{color.alias.orange.40.value}"
+      },
+      "423": {
+        "comment": "Color representing response status code 423 (orange.50).",
+        "value": "{color.alias.orange.50.value}"
+      },
+      "424": {
+        "comment": "Color representing response status code 424 (orange.60).",
+        "value": "{color.alias.orange.60.value}"
+      },
+      "425": {
+        "comment": "Color representing response status code 425 (orange.70).",
+        "value": "{color.alias.orange.70.value}"
+      },
+      "426": {
+        "comment": "Color representing response status code 426 (orange.20).",
+        "value": "{color.alias.orange.20.value}"
+      },
+      "428": {
+        "comment": "Color representing response status code 428 (orange.30).",
+        "value": "{color.alias.orange.30.value}"
+      },
+      "429": {
+        "comment": "Color representing response status code 429 (orange.40).",
+        "value": "{color.alias.orange.40.value}"
+      },
+      "431": {
+        "comment": "Color representing response status code 431 (orange.50).",
+        "value": "{color.alias.orange.50.value}"
+      },
+      "451": {
+        "comment": "Color representing response status code 451 (orange.60).",
+        "value": "{color.alias.orange.60.value}"
+      },
+
+      "500": {
+        "comment": "Color representing response status code 500 (red.20).",
+        "value": "{color.alias.red.20.value}"
+      },
+      "500s": {
+        "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 response status code 501 (red.30).",
+        "value": "{color.alias.red.30.value}"
+      },
+      "502": {
+        "comment": "Color representing response status code 502 (red.40).",
+        "value": "{color.alias.red.40.value}"
+      },
+      "503": {
+        "comment": "Color representing response status code 503 (red.50).",
+        "value": "{color.alias.red.50.value}"
+      },
+      "504": {
+        "comment": "Color representing response status code 504 (red.60).",
+        "value": "{color.alias.red.60.value}"
+      },
+      "505": {
+        "comment": "Color representing response status code 505 (red.70).",
+        "value": "{color.alias.red.70.value}"
+      },
+      "506": {
+        "comment": "Color representing response status code 506 (red.20).",
+        "value": "{color.alias.red.20.value}"
+      },
+      "507": {
+        "comment": "Color representing response status code 507 (red.30).",
+        "value": "{color.alias.red.30.value}"
+      },
+      "508": {
+        "comment": "Color representing response status code 508 (red.40).",
+        "value": "{color.alias.red.40.value}"
+      },
+      "510": {
+        "comment": "Color representing response status code 510 (red.50).",
+        "value": "{color.alias.red.50.value}"
+      },
+      "511": {
+        "comment": "Color representing response status code 511 (red.60).",
+        "value": "{color.alias.red.60.value}"
+      }
+    }
+  }
+}