@integration-app/react 2.1.7 → 2.2.0

package/dist/styles.css

@@ -289,102 +289,198 @@
     --iap-colors-white-a11: rgba(255, 255, 255, 0.9);
     --iap-colors-white-a12: rgba(255, 255, 255, 0.95);
     --iap-colors-transparent: rgb(0 0 0 / 0);
-    --iap-colors-gray-light-1: #fcfcfc;
-    --iap-colors-gray-light-2: #f9f9f9;
-    --iap-colors-gray-light-3: #f0f0f0;
-    --iap-colors-gray-light-4: #e8e8e8;
-    --iap-colors-gray-light-5: #e0e0e0;
-    --iap-colors-gray-light-6: #d9d9d9;
-    --iap-colors-gray-light-7: #cecece;
-    --iap-colors-gray-light-8: #bbbbbb;
-    --iap-colors-gray-light-9: #8d8d8d;
-    --iap-colors-gray-light-10: #838383;
-    --iap-colors-gray-light-11: #646464;
-    --iap-colors-gray-light-12: #202020;
-    --iap-colors-gray-light-a1: #00000003;
-    --iap-colors-gray-light-a2: #00000006;
-    --iap-colors-gray-light-a3: #0000000f;
-    --iap-colors-gray-light-a4: #00000017;
-    --iap-colors-gray-light-a5: #0000001f;
-    --iap-colors-gray-light-a6: #00000026;
-    --iap-colors-gray-light-a7: #00000031;
-    --iap-colors-gray-light-a8: #00000044;
-    --iap-colors-gray-light-a9: #00000072;
-    --iap-colors-gray-light-a10: #0000007c;
-    --iap-colors-gray-light-a11: #0000009b;
-    --iap-colors-gray-light-a12: #000000df;
-    --iap-colors-gray-dark-1: #111111;
-    --iap-colors-gray-dark-2: #191919;
-    --iap-colors-gray-dark-3: #222222;
-    --iap-colors-gray-dark-4: #2a2a2a;
-    --iap-colors-gray-dark-5: #313131;
-    --iap-colors-gray-dark-6: #3a3a3a;
-    --iap-colors-gray-dark-7: #484848;
-    --iap-colors-gray-dark-8: #606060;
-    --iap-colors-gray-dark-9: #6e6e6e;
-    --iap-colors-gray-dark-10: #7b7b7b;
-    --iap-colors-gray-dark-11: #b4b4b4;
-    --iap-colors-gray-dark-12: #eeeeee;
+    --iap-colors-amber-light-1: #fefdfb;
+    --iap-colors-amber-light-2: #fefbe9;
+    --iap-colors-amber-light-3: #fff7c2;
+    --iap-colors-amber-light-4: #ffee9c;
+    --iap-colors-amber-light-5: #fbe577;
+    --iap-colors-amber-light-6: #f3d673;
+    --iap-colors-amber-light-7: #e9c162;
+    --iap-colors-amber-light-8: #e2a336;
+    --iap-colors-amber-light-9: #ffc53d;
+    --iap-colors-amber-light-10: #ffba18;
+    --iap-colors-amber-light-11: #ab6400;
+    --iap-colors-amber-light-12: #4f3422;
+    --iap-colors-amber-light-a1: #c0800004;
+    --iap-colors-amber-light-a2: #f4d10016;
+    --iap-colors-amber-light-a3: #ffde003d;
+    --iap-colors-amber-light-a4: #ffd40063;
+    --iap-colors-amber-light-a5: #f8cf0088;
+    --iap-colors-amber-light-a6: #eab5008c;
+    --iap-colors-amber-light-a7: #dc9b009d;
+    --iap-colors-amber-light-a8: #da8a00c9;
+    --iap-colors-amber-light-a9: #ffb300c2;
+    --iap-colors-amber-light-a10: #ffb300e7;
+    --iap-colors-amber-light-a11: #ab6400;
+    --iap-colors-amber-light-a12: #341500dd;
+    --iap-colors-amber-dark-1: #16120c;
+    --iap-colors-amber-dark-2: #1d180f;
+    --iap-colors-amber-dark-3: #302008;
+    --iap-colors-amber-dark-4: #3f2700;
+    --iap-colors-amber-dark-5: #4d3000;
+    --iap-colors-amber-dark-6: #5c3d05;
+    --iap-colors-amber-dark-7: #714f19;
+    --iap-colors-amber-dark-8: #8f6424;
+    --iap-colors-amber-dark-9: #ffc53d;
+    --iap-colors-amber-dark-10: #ffd60a;
+    --iap-colors-amber-dark-11: #ffca16;
+    --iap-colors-amber-dark-12: #ffe7b3;
+    --iap-colors-amber-dark-a1: #e63c0006;
+    --iap-colors-amber-dark-a2: #fd9b000d;
+    --iap-colors-amber-dark-a3: #fa820022;
+    --iap-colors-amber-dark-a4: #fc820032;
+    --iap-colors-amber-dark-a5: #fd8b0041;
+    --iap-colors-amber-dark-a6: #fd9b0051;
+    --iap-colors-amber-dark-a7: #ffab2567;
+    --iap-colors-amber-dark-a8: #ffae3587;
+    --iap-colors-amber-dark-a9: #ffc53d;
+    --iap-colors-amber-dark-a10: #ffd60a;
+    --iap-colors-amber-dark-a11: #ffca16;
+    --iap-colors-amber-dark-a12: #ffe7b3;
+    --iap-colors-blue-light-1: #fbfdff;
+    --iap-colors-blue-light-2: #f4faff;
+    --iap-colors-blue-light-3: #e6f4fe;
+    --iap-colors-blue-light-4: #d5efff;
+    --iap-colors-blue-light-5: #c2e5ff;
+    --iap-colors-blue-light-6: #acd8fc;
+    --iap-colors-blue-light-7: #8ec8f6;
+    --iap-colors-blue-light-8: #5eb1ef;
+    --iap-colors-blue-light-9: #0090ff;
+    --iap-colors-blue-light-10: #0588f0;
+    --iap-colors-blue-light-11: #0d74ce;
+    --iap-colors-blue-light-12: #113264;
+    --iap-colors-blue-light-a1: #0080ff04;
+    --iap-colors-blue-light-a2: #008cff0b;
+    --iap-colors-blue-light-a3: #008ff519;
+    --iap-colors-blue-light-a4: #009eff2a;
+    --iap-colors-blue-light-a5: #0093ff3d;
+    --iap-colors-blue-light-a6: #0088f653;
+    --iap-colors-blue-light-a7: #0083eb71;
+    --iap-colors-blue-light-a8: #0084e6a1;
+    --iap-colors-blue-light-a9: #0090ff;
+    --iap-colors-blue-light-a10: #0086f0fa;
+    --iap-colors-blue-light-a11: #006dcbf2;
+    --iap-colors-blue-light-a12: #002359ee;
+    --iap-colors-blue-dark-1: #0d1520;
+    --iap-colors-blue-dark-2: #111927;
+    --iap-colors-blue-dark-3: #0d2847;
+    --iap-colors-blue-dark-4: #003362;
+    --iap-colors-blue-dark-5: #004074;
+    --iap-colors-blue-dark-6: #104d87;
+    --iap-colors-blue-dark-7: #205d9e;
+    --iap-colors-blue-dark-8: #2870bd;
+    --iap-colors-blue-dark-9: #0090ff;
+    --iap-colors-blue-dark-10: #3b9eff;
+    --iap-colors-blue-dark-11: #70b8ff;
+    --iap-colors-blue-dark-12: #c2e6ff;
+    --iap-colors-blue-dark-a1: #004df211;
+    --iap-colors-blue-dark-a2: #1166fb18;
+    --iap-colors-blue-dark-a3: #0077ff3a;
+    --iap-colors-blue-dark-a4: #0075ff57;
+    --iap-colors-blue-dark-a5: #0081fd6b;
+    --iap-colors-blue-dark-a6: #0f89fd7f;
+    --iap-colors-blue-dark-a7: #2a91fe98;
+    --iap-colors-blue-dark-a8: #3094feb9;
+    --iap-colors-blue-dark-a9: #0090ff;
+    --iap-colors-blue-dark-a10: #3b9eff;
+    --iap-colors-blue-dark-a11: #70b8ff;
+    --iap-colors-blue-dark-a12: #c2e6ff;
+    --iap-colors-grass-light-1: #fbfefb;
+    --iap-colors-grass-light-2: #f5fbf5;
+    --iap-colors-grass-light-3: #e9f6e9;
+    --iap-colors-grass-light-4: #daf1db;
+    --iap-colors-grass-light-5: #c9e8ca;
+    --iap-colors-grass-light-6: #b2ddb5;
+    --iap-colors-grass-light-7: #94ce9a;
+    --iap-colors-grass-light-8: #65ba74;
+    --iap-colors-grass-light-9: #46a758;
+    --iap-colors-grass-light-10: #3e9b4f;
+    --iap-colors-grass-light-11: #2a7e3b;
+    --iap-colors-grass-light-12: #203c25;
+    --iap-colors-grass-light-a1: #00c00004;
+    --iap-colors-grass-light-a2: #0099000a;
+    --iap-colors-grass-light-a3: #00970016;
+    --iap-colors-grass-light-a4: #009f0725;
+    --iap-colors-grass-light-a5: #00930536;
+    --iap-colors-grass-light-a6: #008f0a4d;
+    --iap-colors-grass-light-a7: #018b0f6b;
+    --iap-colors-grass-light-a8: #008d199a;
+    --iap-colors-grass-light-a9: #008619b9;
+    --iap-colors-grass-light-a10: #007b17c1;
+    --iap-colors-grass-light-a11: #006514d5;
+    --iap-colors-grass-light-a12: #002006df;
+    --iap-colors-grass-dark-1: #0e1511;
+    --iap-colors-grass-dark-2: #141a15;
+    --iap-colors-grass-dark-3: #1b2a1e;
+    --iap-colors-grass-dark-4: #1d3a24;
+    --iap-colors-grass-dark-5: #25482d;
+    --iap-colors-grass-dark-6: #2d5736;
+    --iap-colors-grass-dark-7: #366740;
+    --iap-colors-grass-dark-8: #3e7949;
+    --iap-colors-grass-dark-9: #46a758;
+    --iap-colors-grass-dark-10: #53b365;
+    --iap-colors-grass-dark-11: #71d083;
+    --iap-colors-grass-dark-12: #c2f0c2;
+    --iap-colors-grass-dark-a1: #00de1205;
+    --iap-colors-grass-dark-a2: #5ef7780a;
+    --iap-colors-grass-dark-a3: #70fe8c1b;
+    --iap-colors-grass-dark-a4: #57ff802c;
+    --iap-colors-grass-dark-a5: #68ff8b3b;
+    --iap-colors-grass-dark-a6: #71ff8f4b;
+    --iap-colors-grass-dark-a7: #77fd925d;
+    --iap-colors-grass-dark-a8: #77fd9070;
+    --iap-colors-grass-dark-a9: #65ff82a1;
+    --iap-colors-grass-dark-a10: #72ff8dae;
+    --iap-colors-grass-dark-a11: #89ff9fcd;
+    --iap-colors-grass-dark-a12: #ceffceef;
+    --iap-colors-gray-light-1: #fcfcfd;
+    --iap-colors-gray-light-2: #f9f9fb;
+    --iap-colors-gray-light-3: #f0f0f3;
+    --iap-colors-gray-light-4: #e8e8ec;
+    --iap-colors-gray-light-5: #e0e1e6;
+    --iap-colors-gray-light-6: #d9d9e0;
+    --iap-colors-gray-light-7: #cdced6;
+    --iap-colors-gray-light-8: #b9bbc6;
+    --iap-colors-gray-light-9: #8b8d98;
+    --iap-colors-gray-light-10: #80838d;
+    --iap-colors-gray-light-11: #60646c;
+    --iap-colors-gray-light-12: #1c2024;
+    --iap-colors-gray-light-a1: #00005503;
+    --iap-colors-gray-light-a2: #00005506;
+    --iap-colors-gray-light-a3: #0000330f;
+    --iap-colors-gray-light-a4: #00002d17;
+    --iap-colors-gray-light-a5: #0009321f;
+    --iap-colors-gray-light-a6: #00002f26;
+    --iap-colors-gray-light-a7: #00062e32;
+    --iap-colors-gray-light-a8: #00083046;
+    --iap-colors-gray-light-a9: #00051d74;
+    --iap-colors-gray-light-a10: #00071b7f;
+    --iap-colors-gray-light-a11: #0007149f;
+    --iap-colors-gray-light-a12: #000509e3;
+    --iap-colors-gray-dark-1: #111113;
+    --iap-colors-gray-dark-2: #18191b;
+    --iap-colors-gray-dark-3: #212225;
+    --iap-colors-gray-dark-4: #272a2d;
+    --iap-colors-gray-dark-5: #2e3135;
+    --iap-colors-gray-dark-6: #363a3f;
+    --iap-colors-gray-dark-7: #43484e;
+    --iap-colors-gray-dark-8: #5a6169;
+    --iap-colors-gray-dark-9: #696e77;
+    --iap-colors-gray-dark-10: #777b84;
+    --iap-colors-gray-dark-11: #b0b4ba;
+    --iap-colors-gray-dark-12: #edeef0;
     --iap-colors-gray-dark-a1: #00000000;
-    --iap-colors-gray-dark-a2: #ffffff09;
-    --iap-colors-gray-dark-a3: #ffffff12;
-    --iap-colors-gray-dark-a4: #ffffff1b;
-    --iap-colors-gray-dark-a5: #ffffff22;
-    --iap-colors-gray-dark-a6: #ffffff2c;
-    --iap-colors-gray-dark-a7: #ffffff3b;
-    --iap-colors-gray-dark-a8: #ffffff55;
-    --iap-colors-gray-dark-a9: #ffffff64;
-    --iap-colors-gray-dark-a10: #ffffff72;
-    --iap-colors-gray-dark-a11: #ffffffaf;
-    --iap-colors-gray-dark-a12: #ffffffed;
-    --iap-colors-green-light-1: #fbfefc;
-    --iap-colors-green-light-2: #f4fbf6;
-    --iap-colors-green-light-3: #e6f6eb;
-    --iap-colors-green-light-4: #d6f1df;
-    --iap-colors-green-light-5: #c4e8d1;
-    --iap-colors-green-light-6: #adddc0;
-    --iap-colors-green-light-7: #8eceaa;
-    --iap-colors-green-light-8: #5bb98b;
-    --iap-colors-green-light-9: #30a46c;
-    --iap-colors-green-light-10: #2b9a66;
-    --iap-colors-green-light-11: #218358;
-    --iap-colors-green-light-12: #193b2d;
-    --iap-colors-green-light-a1: #00c04004;
-    --iap-colors-green-light-a2: #00a32f0b;
-    --iap-colors-green-light-a3: #00a43319;
-    --iap-colors-green-light-a4: #00a83829;
-    --iap-colors-green-light-a5: #019c393b;
-    --iap-colors-green-light-a6: #00963c52;
-    --iap-colors-green-light-a7: #00914071;
-    --iap-colors-green-light-a8: #00924ba4;
-    --iap-colors-green-light-a9: #008f4acf;
-    --iap-colors-green-light-a10: #008647d4;
-    --iap-colors-green-light-a11: #00713fde;
-    --iap-colors-green-light-a12: #002616e6;
-    --iap-colors-green-dark-1: #0e1512;
-    --iap-colors-green-dark-2: #121b17;
-    --iap-colors-green-dark-3: #132d21;
-    --iap-colors-green-dark-4: #113b29;
-    --iap-colors-green-dark-5: #174933;
-    --iap-colors-green-dark-6: #20573e;
-    --iap-colors-green-dark-7: #28684a;
-    --iap-colors-green-dark-8: #2f7c57;
-    --iap-colors-green-dark-9: #30a46c;
-    --iap-colors-green-dark-10: #33b074;
-    --iap-colors-green-dark-11: #3dd68c;
-    --iap-colors-green-dark-12: #b1f1cb;
-    --iap-colors-green-dark-a1: #00de4505;
-    --iap-colors-green-dark-a2: #29f99d0b;
-    --iap-colors-green-dark-a3: #22ff991e;
-    --iap-colors-green-dark-a4: #11ff992d;
-    --iap-colors-green-dark-a5: #2bffa23c;
-    --iap-colors-green-dark-a6: #44ffaa4b;
-    --iap-colors-green-dark-a7: #50fdac5e;
-    --iap-colors-green-dark-a8: #54ffad73;
-    --iap-colors-green-dark-a9: #44ffa49e;
-    --iap-colors-green-dark-a10: #43fea4ab;
-    --iap-colors-green-dark-a11: #46fea5d4;
-    --iap-colors-green-dark-a12: #bbffd7f0;
+    --iap-colors-gray-dark-a2: #d8f4f609;
+    --iap-colors-gray-dark-a3: #ddeaf814;
+    --iap-colors-gray-dark-a4: #d3edf81d;
+    --iap-colors-gray-dark-a5: #d9edfe25;
+    --iap-colors-gray-dark-a6: #d6ebfd30;
+    --iap-colors-gray-dark-a7: #d9edff40;
+    --iap-colors-gray-dark-a8: #d9edff5d;
+    --iap-colors-gray-dark-a9: #dfebfd6d;
+    --iap-colors-gray-dark-a10: #e5edfd7b;
+    --iap-colors-gray-dark-a11: #f1f7feb5;
+    --iap-colors-gray-dark-a12: #fcfdffef;
     --iap-colors-red-light-1: #fffcfc;
     --iap-colors-red-light-2: #fff7f7;
     --iap-colors-red-light-3: #feebec;
@@ -433,54 +529,6 @@
     --iap-colors-red-dark-a10: #ff6465eb;
     --iap-colors-red-dark-a11: #ff9592;
     --iap-colors-red-dark-a12: #ffd1d9;
-    --iap-colors-sand-light-1: #fdfdfc;
-    --iap-colors-sand-light-2: #f9f9f8;
-    --iap-colors-sand-light-3: #f1f0ef;
-    --iap-colors-sand-light-4: #e9e8e6;
-    --iap-colors-sand-light-5: #e2e1de;
-    --iap-colors-sand-light-6: #dad9d6;
-    --iap-colors-sand-light-7: #cfceca;
-    --iap-colors-sand-light-8: #bcbbb5;
-    --iap-colors-sand-light-9: #8d8d86;
-    --iap-colors-sand-light-10: #82827c;
-    --iap-colors-sand-light-11: #63635e;
-    --iap-colors-sand-light-12: #21201c;
-    --iap-colors-sand-light-a1: #55550003;
-    --iap-colors-sand-light-a2: #25250007;
-    --iap-colors-sand-light-a3: #20100010;
-    --iap-colors-sand-light-a4: #1f150019;
-    --iap-colors-sand-light-a5: #1f180021;
-    --iap-colors-sand-light-a6: #19130029;
-    --iap-colors-sand-light-a7: #19140035;
-    --iap-colors-sand-light-a8: #1915014a;
-    --iap-colors-sand-light-a9: #0f0f0079;
-    --iap-colors-sand-light-a10: #0c0c0083;
-    --iap-colors-sand-light-a11: #080800a1;
-    --iap-colors-sand-light-a12: #060500e3;
-    --iap-colors-sand-dark-1: #111110;
-    --iap-colors-sand-dark-2: #191918;
-    --iap-colors-sand-dark-3: #222221;
-    --iap-colors-sand-dark-4: #2a2a28;
-    --iap-colors-sand-dark-5: #31312e;
-    --iap-colors-sand-dark-6: #3b3a37;
-    --iap-colors-sand-dark-7: #494844;
-    --iap-colors-sand-dark-8: #62605b;
-    --iap-colors-sand-dark-9: #6f6d66;
-    --iap-colors-sand-dark-10: #7c7b74;
-    --iap-colors-sand-dark-11: #b5b3ad;
-    --iap-colors-sand-dark-12: #eeeeec;
-    --iap-colors-sand-dark-a1: #00000000;
-    --iap-colors-sand-dark-a2: #f4f4f309;
-    --iap-colors-sand-dark-a3: #f6f6f513;
-    --iap-colors-sand-dark-a4: #fefef31b;
-    --iap-colors-sand-dark-a5: #fbfbeb23;
-    --iap-colors-sand-dark-a6: #fffaed2d;
-    --iap-colors-sand-dark-a7: #fffbed3c;
-    --iap-colors-sand-dark-a8: #fff9eb57;
-    --iap-colors-sand-dark-a9: #fffae965;
-    --iap-colors-sand-dark-a10: #fffdee73;
-    --iap-colors-sand-dark-a11: #fffcf4b0;
-    --iap-colors-sand-dark-a12: #fffffded;
     --iap-colors-slate-light-1: #fcfcfd;
     --iap-colors-slate-light-2: #f9f9fb;
     --iap-colors-slate-light-3: #f0f0f3;
@@ -577,54 +625,6 @@
     --iap-colors-tomato-dark-a10: #ff6847eb;
     --iap-colors-tomato-dark-a11: #ff977d;
     --iap-colors-tomato-dark-a12: #ffd6cefb;
-    --iap-colors-yellow-light-1: #fdfdf9;
-    --iap-colors-yellow-light-2: #fefce9;
-    --iap-colors-yellow-light-3: #fffab8;
-    --iap-colors-yellow-light-4: #fff394;
-    --iap-colors-yellow-light-5: #ffe770;
-    --iap-colors-yellow-light-6: #f3d768;
-    --iap-colors-yellow-light-7: #e4c767;
-    --iap-colors-yellow-light-8: #d5ae39;
-    --iap-colors-yellow-light-9: #ffe629;
-    --iap-colors-yellow-light-10: #ffdc00;
-    --iap-colors-yellow-light-11: #9e6c00;
-    --iap-colors-yellow-light-12: #473b1f;
-    --iap-colors-yellow-light-a1: #aaaa0006;
-    --iap-colors-yellow-light-a2: #f4dd0016;
-    --iap-colors-yellow-light-a3: #ffee0047;
-    --iap-colors-yellow-light-a4: #ffe3016b;
-    --iap-colors-yellow-light-a5: #ffd5008f;
-    --iap-colors-yellow-light-a6: #ebbc0097;
-    --iap-colors-yellow-light-a7: #d2a10098;
-    --iap-colors-yellow-light-a8: #c99700c6;
-    --iap-colors-yellow-light-a9: #ffe100d6;
-    --iap-colors-yellow-light-a10: #ffdc00;
-    --iap-colors-yellow-light-a11: #9e6c00;
-    --iap-colors-yellow-light-a12: #2e2000e0;
-    --iap-colors-yellow-dark-1: #14120b;
-    --iap-colors-yellow-dark-2: #1b180f;
-    --iap-colors-yellow-dark-3: #2d2305;
-    --iap-colors-yellow-dark-4: #362b00;
-    --iap-colors-yellow-dark-5: #433500;
-    --iap-colors-yellow-dark-6: #524202;
-    --iap-colors-yellow-dark-7: #665417;
-    --iap-colors-yellow-dark-8: #836a21;
-    --iap-colors-yellow-dark-9: #ffe629;
-    --iap-colors-yellow-dark-10: #ffff57;
-    --iap-colors-yellow-dark-11: #f5e147;
-    --iap-colors-yellow-dark-12: #f6eeb4;
-    --iap-colors-yellow-dark-a1: #d1510004;
-    --iap-colors-yellow-dark-a2: #f9b4000b;
-    --iap-colors-yellow-dark-a3: #ffaa001e;
-    --iap-colors-yellow-dark-a4: #fdb70028;
-    --iap-colors-yellow-dark-a5: #febb0036;
-    --iap-colors-yellow-dark-a6: #fec40046;
-    --iap-colors-yellow-dark-a7: #fdcb225c;
-    --iap-colors-yellow-dark-a8: #fdca327b;
-    --iap-colors-yellow-dark-a9: #ffe629;
-    --iap-colors-yellow-dark-a10: #ffff57;
-    --iap-colors-yellow-dark-a11: #fee949f5;
-    --iap-colors-yellow-dark-a12: #fef6baf6;
     --iap-colors-neutral-light-1: #fcfcfc;
     --iap-colors-neutral-light-2: #f9f9f9;
     --iap-colors-neutral-light-3: #f0f0f0;
@@ -840,42 +840,76 @@
     --iap-breakpoints-lg: 1024px;
     --iap-breakpoints-xl: 1280px;
     --iap-breakpoints-2xl: 1536px;
-    --iap-colors-surface-default: var(--iap-colors-neutral-2);
-    --iap-colors-touchable-hover: var(--iap-colors-neutral-3);
     --iap-radii-l1: var(--iap-radii-none);
     --iap-radii-l2: var(--iap-radii-none);
     --iap-radii-l3: var(--iap-radii-none);
+    --iap-colors-surface-default: var(--iap-colors-neutral-2);
+    --iap-colors-touchable-hover: var(--iap-colors-neutral-3);
 }
 
   :where(:root, .light) {
-    --iap-colors-green-1: var(--iap-colors-green-light-1);
-    --iap-colors-green-2: var(--iap-colors-green-light-2);
-    --iap-colors-green-3: var(--iap-colors-green-light-3);
-    --iap-colors-green-4: var(--iap-colors-green-light-4);
-    --iap-colors-green-5: var(--iap-colors-green-light-5);
-    --iap-colors-green-6: var(--iap-colors-green-light-6);
-    --iap-colors-green-7: var(--iap-colors-green-light-7);
-    --iap-colors-green-8: var(--iap-colors-green-light-8);
-    --iap-colors-green-9: var(--iap-colors-green-light-9);
-    --iap-colors-green-10: var(--iap-colors-green-light-10);
-    --iap-colors-green-11: var(--iap-colors-green-light-11);
-    --iap-colors-green-12: var(--iap-colors-green-light-12);
-    --iap-colors-green-a1: var(--iap-colors-green-light-a1);
-    --iap-colors-green-a2: var(--iap-colors-green-light-a2);
-    --iap-colors-green-a3: var(--iap-colors-green-light-a3);
-    --iap-colors-green-a4: var(--iap-colors-green-light-a4);
-    --iap-colors-green-a5: var(--iap-colors-green-light-a5);
-    --iap-colors-green-a6: var(--iap-colors-green-light-a6);
-    --iap-colors-green-a7: var(--iap-colors-green-light-a7);
-    --iap-colors-green-a8: var(--iap-colors-green-light-a8);
-    --iap-colors-green-a9: var(--iap-colors-green-light-a9);
-    --iap-colors-green-a10: var(--iap-colors-green-light-a10);
-    --iap-colors-green-a11: var(--iap-colors-green-light-a11);
-    --iap-colors-green-a12: var(--iap-colors-green-light-a12);
-    --iap-colors-green-default: var(--iap-colors-green-9);
-    --iap-colors-green-emphasized: var(--iap-colors-green-10);
-    --iap-colors-green-fg: white;
-    --iap-colors-green-text: var(--iap-colors-green-a11);
+    --iap-shadows-xs: 0px 1px 2px var(--iap-colors-gray-a5), 0px 0px 1px var(--iap-colors-gray-a7);
+    --iap-shadows-sm: 0px 2px 4px var(--iap-colors-gray-a3), 0px 0px 1px var(--iap-colors-gray-a7);
+    --iap-shadows-md: 0px 4px 8px var(--iap-colors-gray-a3), 0px 0px 1px var(--iap-colors-gray-a7);
+    --iap-shadows-lg: 0px 8px 16px var(--iap-colors-gray-a3), 0px 0px 1px var(--iap-colors-gray-a7);
+    --iap-shadows-xl: 0px 16px 24px var(--iap-colors-gray-a3), 0px 0px 1px var(--iap-colors-gray-a7);
+    --iap-shadows-2xl: 0px 24px 40px var(--iap-colors-gray-a3), 0px 0px 1px var(--iap-colors-gray-a7);
+    --iap-colors-blue-1: var(--iap-colors-blue-light-1);
+    --iap-colors-blue-2: var(--iap-colors-blue-light-2);
+    --iap-colors-blue-3: var(--iap-colors-blue-light-3);
+    --iap-colors-blue-4: var(--iap-colors-blue-light-4);
+    --iap-colors-blue-5: var(--iap-colors-blue-light-5);
+    --iap-colors-blue-6: var(--iap-colors-blue-light-6);
+    --iap-colors-blue-7: var(--iap-colors-blue-light-7);
+    --iap-colors-blue-8: var(--iap-colors-blue-light-8);
+    --iap-colors-blue-9: var(--iap-colors-blue-light-9);
+    --iap-colors-blue-10: var(--iap-colors-blue-light-10);
+    --iap-colors-blue-11: var(--iap-colors-blue-light-11);
+    --iap-colors-blue-12: var(--iap-colors-blue-light-12);
+    --iap-colors-blue-a1: var(--iap-colors-blue-light-a1);
+    --iap-colors-blue-a2: var(--iap-colors-blue-light-a2);
+    --iap-colors-blue-a3: var(--iap-colors-blue-light-a3);
+    --iap-colors-blue-a4: var(--iap-colors-blue-light-a4);
+    --iap-colors-blue-a5: var(--iap-colors-blue-light-a5);
+    --iap-colors-blue-a6: var(--iap-colors-blue-light-a6);
+    --iap-colors-blue-a7: var(--iap-colors-blue-light-a7);
+    --iap-colors-blue-a8: var(--iap-colors-blue-light-a8);
+    --iap-colors-blue-a9: var(--iap-colors-blue-light-a9);
+    --iap-colors-blue-a10: var(--iap-colors-blue-light-a10);
+    --iap-colors-blue-a11: var(--iap-colors-blue-light-a11);
+    --iap-colors-blue-a12: var(--iap-colors-blue-light-a12);
+    --iap-colors-blue-default: var(--iap-colors-blue-9);
+    --iap-colors-blue-emphasized: var(--iap-colors-blue-10);
+    --iap-colors-blue-fg: white;
+    --iap-colors-blue-text: var(--iap-colors-blue-a11);
+    --iap-colors-grass-1: var(--iap-colors-grass-light-1);
+    --iap-colors-grass-2: var(--iap-colors-grass-light-2);
+    --iap-colors-grass-3: var(--iap-colors-grass-light-3);
+    --iap-colors-grass-4: var(--iap-colors-grass-light-4);
+    --iap-colors-grass-5: var(--iap-colors-grass-light-5);
+    --iap-colors-grass-6: var(--iap-colors-grass-light-6);
+    --iap-colors-grass-7: var(--iap-colors-grass-light-7);
+    --iap-colors-grass-8: var(--iap-colors-grass-light-8);
+    --iap-colors-grass-9: var(--iap-colors-grass-light-9);
+    --iap-colors-grass-10: var(--iap-colors-grass-light-10);
+    --iap-colors-grass-11: var(--iap-colors-grass-light-11);
+    --iap-colors-grass-12: var(--iap-colors-grass-light-12);
+    --iap-colors-grass-a1: var(--iap-colors-grass-light-a1);
+    --iap-colors-grass-a2: var(--iap-colors-grass-light-a2);
+    --iap-colors-grass-a3: var(--iap-colors-grass-light-a3);
+    --iap-colors-grass-a4: var(--iap-colors-grass-light-a4);
+    --iap-colors-grass-a5: var(--iap-colors-grass-light-a5);
+    --iap-colors-grass-a6: var(--iap-colors-grass-light-a6);
+    --iap-colors-grass-a7: var(--iap-colors-grass-light-a7);
+    --iap-colors-grass-a8: var(--iap-colors-grass-light-a8);
+    --iap-colors-grass-a9: var(--iap-colors-grass-light-a9);
+    --iap-colors-grass-a10: var(--iap-colors-grass-light-a10);
+    --iap-colors-grass-a11: var(--iap-colors-grass-light-a11);
+    --iap-colors-grass-a12: var(--iap-colors-grass-light-a12);
+    --iap-colors-grass-default: var(--iap-colors-grass-9);
+    --iap-colors-grass-emphasized: var(--iap-colors-grass-10);
+    --iap-colors-grass-fg: white;
+    --iap-colors-grass-text: var(--iap-colors-grass-a11);
     --iap-colors-neutral-1: var(--iap-colors-neutral-light-1);
     --iap-colors-neutral-2: var(--iap-colors-neutral-light-2);
     --iap-colors-neutral-3: var(--iap-colors-neutral-light-3);
@@ -932,34 +966,6 @@
     --iap-colors-red-emphasized: var(--iap-colors-red-10);
     --iap-colors-red-fg: white;
     --iap-colors-red-text: var(--iap-colors-red-a11);
-    --iap-colors-sand-1: var(--iap-colors-sand-light-1);
-    --iap-colors-sand-2: var(--iap-colors-sand-light-2);
-    --iap-colors-sand-3: var(--iap-colors-sand-light-3);
-    --iap-colors-sand-4: var(--iap-colors-sand-light-4);
-    --iap-colors-sand-5: var(--iap-colors-sand-light-5);
-    --iap-colors-sand-6: var(--iap-colors-sand-light-6);
-    --iap-colors-sand-7: var(--iap-colors-sand-light-7);
-    --iap-colors-sand-8: var(--iap-colors-sand-light-8);
-    --iap-colors-sand-9: var(--iap-colors-sand-light-9);
-    --iap-colors-sand-10: var(--iap-colors-sand-light-10);
-    --iap-colors-sand-11: var(--iap-colors-sand-light-11);
-    --iap-colors-sand-12: var(--iap-colors-sand-light-12);
-    --iap-colors-sand-a1: var(--iap-colors-sand-light-a1);
-    --iap-colors-sand-a2: var(--iap-colors-sand-light-a2);
-    --iap-colors-sand-a3: var(--iap-colors-sand-light-a3);
-    --iap-colors-sand-a4: var(--iap-colors-sand-light-a4);
-    --iap-colors-sand-a5: var(--iap-colors-sand-light-a5);
-    --iap-colors-sand-a6: var(--iap-colors-sand-light-a6);
-    --iap-colors-sand-a7: var(--iap-colors-sand-light-a7);
-    --iap-colors-sand-a8: var(--iap-colors-sand-light-a8);
-    --iap-colors-sand-a9: var(--iap-colors-sand-light-a9);
-    --iap-colors-sand-a10: var(--iap-colors-sand-light-a10);
-    --iap-colors-sand-a11: var(--iap-colors-sand-light-a11);
-    --iap-colors-sand-a12: var(--iap-colors-sand-light-a12);
-    --iap-colors-sand-default: var(--iap-colors-sand-9);
-    --iap-colors-sand-emphasized: var(--iap-colors-sand-10);
-    --iap-colors-sand-fg: white;
-    --iap-colors-sand-text: var(--iap-colors-sand-12);
     --iap-colors-slate-1: var(--iap-colors-slate-light-1);
     --iap-colors-slate-2: var(--iap-colors-slate-light-2);
     --iap-colors-slate-3: var(--iap-colors-slate-light-3);
@@ -1016,62 +1022,34 @@
     --iap-colors-tomato-emphasized: var(--iap-colors-tomato-10);
     --iap-colors-tomato-fg: white;
     --iap-colors-tomato-text: var(--iap-colors-tomato-a11);
-    --iap-colors-yellow-1: var(--iap-colors-yellow-light-1);
-    --iap-colors-yellow-2: var(--iap-colors-yellow-light-2);
-    --iap-colors-yellow-3: var(--iap-colors-yellow-light-3);
-    --iap-colors-yellow-4: var(--iap-colors-yellow-light-4);
-    --iap-colors-yellow-5: var(--iap-colors-yellow-light-5);
-    --iap-colors-yellow-6: var(--iap-colors-yellow-light-6);
-    --iap-colors-yellow-7: var(--iap-colors-yellow-light-7);
-    --iap-colors-yellow-8: var(--iap-colors-yellow-light-8);
-    --iap-colors-yellow-9: var(--iap-colors-yellow-light-9);
-    --iap-colors-yellow-10: var(--iap-colors-yellow-light-10);
-    --iap-colors-yellow-11: var(--iap-colors-yellow-light-11);
-    --iap-colors-yellow-12: var(--iap-colors-yellow-light-12);
-    --iap-colors-yellow-a1: var(--iap-colors-yellow-light-a1);
-    --iap-colors-yellow-a2: var(--iap-colors-yellow-light-a2);
-    --iap-colors-yellow-a3: var(--iap-colors-yellow-light-a3);
-    --iap-colors-yellow-a4: var(--iap-colors-yellow-light-a4);
-    --iap-colors-yellow-a5: var(--iap-colors-yellow-light-a5);
-    --iap-colors-yellow-a6: var(--iap-colors-yellow-light-a6);
-    --iap-colors-yellow-a7: var(--iap-colors-yellow-light-a7);
-    --iap-colors-yellow-a8: var(--iap-colors-yellow-light-a8);
-    --iap-colors-yellow-a9: var(--iap-colors-yellow-light-a9);
-    --iap-colors-yellow-a10: var(--iap-colors-yellow-light-a10);
-    --iap-colors-yellow-a11: var(--iap-colors-yellow-light-a11);
-    --iap-colors-yellow-a12: var(--iap-colors-yellow-light-a12);
-    --iap-colors-yellow-default: var(--iap-colors-yellow-9);
-    --iap-colors-yellow-emphasized: var(--iap-colors-yellow-10);
-    --iap-colors-yellow-fg: var(--iap-colors-sand-light-12);
-    --iap-colors-yellow-text: var(--iap-colors-yellow-a11);
-    --iap-colors-gray-1: var(--iap-colors-neutral-light-1);
-    --iap-colors-gray-2: var(--iap-colors-neutral-light-2);
-    --iap-colors-gray-3: var(--iap-colors-neutral-light-3);
-    --iap-colors-gray-4: var(--iap-colors-neutral-light-4);
-    --iap-colors-gray-5: var(--iap-colors-neutral-light-5);
-    --iap-colors-gray-6: var(--iap-colors-neutral-light-6);
-    --iap-colors-gray-7: var(--iap-colors-neutral-light-7);
-    --iap-colors-gray-8: var(--iap-colors-neutral-light-8);
-    --iap-colors-gray-9: var(--iap-colors-neutral-light-9);
-    --iap-colors-gray-10: var(--iap-colors-neutral-light-10);
-    --iap-colors-gray-11: var(--iap-colors-neutral-light-11);
-    --iap-colors-gray-12: var(--iap-colors-neutral-light-12);
-    --iap-colors-gray-a1: var(--iap-colors-neutral-light-a1);
-    --iap-colors-gray-a2: var(--iap-colors-neutral-light-a2);
-    --iap-colors-gray-a3: var(--iap-colors-neutral-light-a3);
-    --iap-colors-gray-a4: var(--iap-colors-neutral-light-a4);
-    --iap-colors-gray-a5: var(--iap-colors-neutral-light-a5);
-    --iap-colors-gray-a6: var(--iap-colors-neutral-light-a6);
-    --iap-colors-gray-a7: var(--iap-colors-neutral-light-a7);
-    --iap-colors-gray-a8: var(--iap-colors-neutral-light-a8);
-    --iap-colors-gray-a9: var(--iap-colors-neutral-light-a9);
-    --iap-colors-gray-a10: var(--iap-colors-neutral-light-a10);
-    --iap-colors-gray-a11: var(--iap-colors-neutral-light-a11);
-    --iap-colors-gray-a12: var(--iap-colors-neutral-light-a12);
-    --iap-colors-gray-default: black;
-    --iap-colors-gray-emphasized: var(--iap-colors-gray-12);
+    --iap-colors-gray-1: var(--iap-colors-slate-light-1);
+    --iap-colors-gray-2: var(--iap-colors-slate-light-2);
+    --iap-colors-gray-3: var(--iap-colors-slate-light-3);
+    --iap-colors-gray-4: var(--iap-colors-slate-light-4);
+    --iap-colors-gray-5: var(--iap-colors-slate-light-5);
+    --iap-colors-gray-6: var(--iap-colors-slate-light-6);
+    --iap-colors-gray-7: var(--iap-colors-slate-light-7);
+    --iap-colors-gray-8: var(--iap-colors-slate-light-8);
+    --iap-colors-gray-9: var(--iap-colors-slate-light-9);
+    --iap-colors-gray-10: var(--iap-colors-slate-light-10);
+    --iap-colors-gray-11: var(--iap-colors-slate-light-11);
+    --iap-colors-gray-12: var(--iap-colors-slate-light-12);
+    --iap-colors-gray-a1: var(--iap-colors-slate-light-a1);
+    --iap-colors-gray-a2: var(--iap-colors-slate-light-a2);
+    --iap-colors-gray-a3: var(--iap-colors-slate-light-a3);
+    --iap-colors-gray-a4: var(--iap-colors-slate-light-a4);
+    --iap-colors-gray-a5: var(--iap-colors-slate-light-a5);
+    --iap-colors-gray-a6: var(--iap-colors-slate-light-a6);
+    --iap-colors-gray-a7: var(--iap-colors-slate-light-a7);
+    --iap-colors-gray-a8: var(--iap-colors-slate-light-a8);
+    --iap-colors-gray-a9: var(--iap-colors-slate-light-a9);
+    --iap-colors-gray-a10: var(--iap-colors-slate-light-a10);
+    --iap-colors-gray-a11: var(--iap-colors-slate-light-a11);
+    --iap-colors-gray-a12: var(--iap-colors-slate-light-a12);
+    --iap-colors-gray-default: var(--iap-colors-slate-9);
+    --iap-colors-gray-emphasized: var(--iap-colors-slate-10);
     --iap-colors-gray-fg: white;
-    --iap-colors-gray-text: black;
+    --iap-colors-gray-text: var(--iap-colors-slate-12);
     --iap-colors-accent-1: var(--iap-colors-neutral-light-1);
     --iap-colors-accent-2: var(--iap-colors-neutral-light-2);
     --iap-colors-accent-3: var(--iap-colors-neutral-light-3);
@@ -1117,43 +1095,211 @@
     --iap-colors-border-disabled: var(--iap-colors-gray-5);
     --iap-colors-border-outline: var(--iap-colors-gray-a9);
     --iap-colors-border-error: var(--iap-colors-red-9);
-    --iap-shadows-xs: 0px 1px 2px var(--iap-colors-gray-a5), 0px 0px 1px var(--iap-colors-gray-a7);
-    --iap-shadows-sm: 0px 2px 4px var(--iap-colors-gray-a3), 0px 0px 1px var(--iap-colors-gray-a7);
-    --iap-shadows-md: 0px 4px 8px var(--iap-colors-gray-a3), 0px 0px 1px var(--iap-colors-gray-a7);
-    --iap-shadows-lg: 0px 8px 16px var(--iap-colors-gray-a3), 0px 0px 1px var(--iap-colors-gray-a7);
-    --iap-shadows-xl: 0px 16px 24px var(--iap-colors-gray-a3), 0px 0px 1px var(--iap-colors-gray-a7);
-    --iap-shadows-2xl: 0px 24px 40px var(--iap-colors-gray-a3), 0px 0px 1px var(--iap-colors-gray-a7)
+    --iap-colors-amber-1: var(--iap-colors-amber-light-1);
+    --iap-colors-amber-2: var(--iap-colors-amber-light-2);
+    --iap-colors-amber-3: var(--iap-colors-amber-light-3);
+    --iap-colors-amber-4: var(--iap-colors-amber-light-4);
+    --iap-colors-amber-5: var(--iap-colors-amber-light-5);
+    --iap-colors-amber-6: var(--iap-colors-amber-light-6);
+    --iap-colors-amber-7: var(--iap-colors-amber-light-7);
+    --iap-colors-amber-8: var(--iap-colors-amber-light-8);
+    --iap-colors-amber-9: var(--iap-colors-amber-light-9);
+    --iap-colors-amber-10: var(--iap-colors-amber-light-10);
+    --iap-colors-amber-11: var(--iap-colors-amber-light-11);
+    --iap-colors-amber-12: var(--iap-colors-amber-light-12);
+    --iap-colors-amber-a1: var(--iap-colors-amber-light-a1);
+    --iap-colors-amber-a2: var(--iap-colors-amber-light-a2);
+    --iap-colors-amber-a3: var(--iap-colors-amber-light-a3);
+    --iap-colors-amber-a4: var(--iap-colors-amber-light-a4);
+    --iap-colors-amber-a5: var(--iap-colors-amber-light-a5);
+    --iap-colors-amber-a6: var(--iap-colors-amber-light-a6);
+    --iap-colors-amber-a7: var(--iap-colors-amber-light-a7);
+    --iap-colors-amber-a8: var(--iap-colors-amber-light-a8);
+    --iap-colors-amber-a9: var(--iap-colors-amber-light-a9);
+    --iap-colors-amber-a10: var(--iap-colors-amber-light-a10);
+    --iap-colors-amber-a11: var(--iap-colors-amber-light-a11);
+    --iap-colors-amber-a12: var(--iap-colors-amber-light-a12);
+    --iap-colors-amber-default: var(--iap-colors-amber-9);
+    --iap-colors-amber-emphasized: var(--iap-colors-amber-10);
+    --iap-colors-amber-fg: var(--iap-colors-gray-light-12);
+    --iap-colors-amber-text: var(--iap-colors-amber-a11);
+    --iap-colors-success-1: var(--iap-colors-grass-light-1);
+    --iap-colors-success-2: var(--iap-colors-grass-light-2);
+    --iap-colors-success-3: var(--iap-colors-grass-light-3);
+    --iap-colors-success-4: var(--iap-colors-grass-light-4);
+    --iap-colors-success-5: var(--iap-colors-grass-light-5);
+    --iap-colors-success-6: var(--iap-colors-grass-light-6);
+    --iap-colors-success-7: var(--iap-colors-grass-light-7);
+    --iap-colors-success-8: var(--iap-colors-grass-light-8);
+    --iap-colors-success-9: var(--iap-colors-grass-light-9);
+    --iap-colors-success-10: var(--iap-colors-grass-light-10);
+    --iap-colors-success-11: var(--iap-colors-grass-light-11);
+    --iap-colors-success-12: var(--iap-colors-grass-light-12);
+    --iap-colors-success-a1: var(--iap-colors-grass-light-a1);
+    --iap-colors-success-a2: var(--iap-colors-grass-light-a2);
+    --iap-colors-success-a3: var(--iap-colors-grass-light-a3);
+    --iap-colors-success-a4: var(--iap-colors-grass-light-a4);
+    --iap-colors-success-a5: var(--iap-colors-grass-light-a5);
+    --iap-colors-success-a6: var(--iap-colors-grass-light-a6);
+    --iap-colors-success-a7: var(--iap-colors-grass-light-a7);
+    --iap-colors-success-a8: var(--iap-colors-grass-light-a8);
+    --iap-colors-success-a9: var(--iap-colors-grass-light-a9);
+    --iap-colors-success-a10: var(--iap-colors-grass-light-a10);
+    --iap-colors-success-a11: var(--iap-colors-grass-light-a11);
+    --iap-colors-success-a12: var(--iap-colors-grass-light-a12);
+    --iap-colors-success-default: var(--iap-colors-grass-9);
+    --iap-colors-success-emphasized: var(--iap-colors-grass-10);
+    --iap-colors-success-fg: white;
+    --iap-colors-success-text: var(--iap-colors-grass-a11);
+    --iap-colors-warning-1: var(--iap-colors-amber-light-1);
+    --iap-colors-warning-2: var(--iap-colors-amber-light-2);
+    --iap-colors-warning-3: var(--iap-colors-amber-light-3);
+    --iap-colors-warning-4: var(--iap-colors-amber-light-4);
+    --iap-colors-warning-5: var(--iap-colors-amber-light-5);
+    --iap-colors-warning-6: var(--iap-colors-amber-light-6);
+    --iap-colors-warning-7: var(--iap-colors-amber-light-7);
+    --iap-colors-warning-8: var(--iap-colors-amber-light-8);
+    --iap-colors-warning-9: var(--iap-colors-amber-light-9);
+    --iap-colors-warning-10: var(--iap-colors-amber-light-10);
+    --iap-colors-warning-11: var(--iap-colors-amber-light-11);
+    --iap-colors-warning-12: var(--iap-colors-amber-light-12);
+    --iap-colors-warning-a1: var(--iap-colors-amber-light-a1);
+    --iap-colors-warning-a2: var(--iap-colors-amber-light-a2);
+    --iap-colors-warning-a3: var(--iap-colors-amber-light-a3);
+    --iap-colors-warning-a4: var(--iap-colors-amber-light-a4);
+    --iap-colors-warning-a5: var(--iap-colors-amber-light-a5);
+    --iap-colors-warning-a6: var(--iap-colors-amber-light-a6);
+    --iap-colors-warning-a7: var(--iap-colors-amber-light-a7);
+    --iap-colors-warning-a8: var(--iap-colors-amber-light-a8);
+    --iap-colors-warning-a9: var(--iap-colors-amber-light-a9);
+    --iap-colors-warning-a10: var(--iap-colors-amber-light-a10);
+    --iap-colors-warning-a11: var(--iap-colors-amber-light-a11);
+    --iap-colors-warning-a12: var(--iap-colors-amber-light-a12);
+    --iap-colors-warning-default: var(--iap-colors-amber-9);
+    --iap-colors-warning-emphasized: var(--iap-colors-amber-10);
+    --iap-colors-warning-fg: var(--iap-colors-gray-light-12);
+    --iap-colors-warning-text: var(--iap-colors-amber-a11);
+    --iap-colors-error-1: var(--iap-colors-tomato-light-1);
+    --iap-colors-error-2: var(--iap-colors-tomato-light-2);
+    --iap-colors-error-3: var(--iap-colors-tomato-light-3);
+    --iap-colors-error-4: var(--iap-colors-tomato-light-4);
+    --iap-colors-error-5: var(--iap-colors-tomato-light-5);
+    --iap-colors-error-6: var(--iap-colors-tomato-light-6);
+    --iap-colors-error-7: var(--iap-colors-tomato-light-7);
+    --iap-colors-error-8: var(--iap-colors-tomato-light-8);
+    --iap-colors-error-9: var(--iap-colors-tomato-light-9);
+    --iap-colors-error-10: var(--iap-colors-tomato-light-10);
+    --iap-colors-error-11: var(--iap-colors-tomato-light-11);
+    --iap-colors-error-12: var(--iap-colors-tomato-light-12);
+    --iap-colors-error-a1: var(--iap-colors-tomato-light-a1);
+    --iap-colors-error-a2: var(--iap-colors-tomato-light-a2);
+    --iap-colors-error-a3: var(--iap-colors-tomato-light-a3);
+    --iap-colors-error-a4: var(--iap-colors-tomato-light-a4);
+    --iap-colors-error-a5: var(--iap-colors-tomato-light-a5);
+    --iap-colors-error-a6: var(--iap-colors-tomato-light-a6);
+    --iap-colors-error-a7: var(--iap-colors-tomato-light-a7);
+    --iap-colors-error-a8: var(--iap-colors-tomato-light-a8);
+    --iap-colors-error-a9: var(--iap-colors-tomato-light-a9);
+    --iap-colors-error-a10: var(--iap-colors-tomato-light-a10);
+    --iap-colors-error-a11: var(--iap-colors-tomato-light-a11);
+    --iap-colors-error-a12: var(--iap-colors-tomato-light-a12);
+    --iap-colors-error-default: var(--iap-colors-tomato-9);
+    --iap-colors-error-emphasized: var(--iap-colors-tomato-10);
+    --iap-colors-error-fg: white;
+    --iap-colors-error-text: var(--iap-colors-tomato-a11);
+    --iap-colors-primary-1: var(--iap-colors-blue-light-1);
+    --iap-colors-primary-2: var(--iap-colors-blue-light-2);
+    --iap-colors-primary-3: var(--iap-colors-blue-light-3);
+    --iap-colors-primary-4: var(--iap-colors-blue-light-4);
+    --iap-colors-primary-5: var(--iap-colors-blue-light-5);
+    --iap-colors-primary-6: var(--iap-colors-blue-light-6);
+    --iap-colors-primary-7: var(--iap-colors-blue-light-7);
+    --iap-colors-primary-8: var(--iap-colors-blue-light-8);
+    --iap-colors-primary-9: var(--iap-colors-blue-light-9);
+    --iap-colors-primary-10: var(--iap-colors-blue-light-10);
+    --iap-colors-primary-11: var(--iap-colors-blue-light-11);
+    --iap-colors-primary-12: var(--iap-colors-blue-light-12);
+    --iap-colors-primary-a1: var(--iap-colors-blue-light-a1);
+    --iap-colors-primary-a2: var(--iap-colors-blue-light-a2);
+    --iap-colors-primary-a3: var(--iap-colors-blue-light-a3);
+    --iap-colors-primary-a4: var(--iap-colors-blue-light-a4);
+    --iap-colors-primary-a5: var(--iap-colors-blue-light-a5);
+    --iap-colors-primary-a6: var(--iap-colors-blue-light-a6);
+    --iap-colors-primary-a7: var(--iap-colors-blue-light-a7);
+    --iap-colors-primary-a8: var(--iap-colors-blue-light-a8);
+    --iap-colors-primary-a9: var(--iap-colors-blue-light-a9);
+    --iap-colors-primary-a10: var(--iap-colors-blue-light-a10);
+    --iap-colors-primary-a11: var(--iap-colors-blue-light-a11);
+    --iap-colors-primary-a12: var(--iap-colors-blue-light-a12);
+    --iap-colors-primary-default: var(--iap-colors-blue-11);
+    --iap-colors-primary-emphasized: var(--iap-colors-blue-10);
+    --iap-colors-primary-fg: white;
+    --iap-colors-primary-text: var(--iap-colors-blue-a11)
 }
 
   .dark {
-    --iap-colors-green-1: var(--iap-colors-green-dark-1);
-    --iap-colors-green-2: var(--iap-colors-green-dark-2);
-    --iap-colors-green-3: var(--iap-colors-green-dark-3);
-    --iap-colors-green-4: var(--iap-colors-green-dark-4);
-    --iap-colors-green-5: var(--iap-colors-green-dark-5);
-    --iap-colors-green-6: var(--iap-colors-green-dark-6);
-    --iap-colors-green-7: var(--iap-colors-green-dark-7);
-    --iap-colors-green-8: var(--iap-colors-green-dark-8);
-    --iap-colors-green-9: var(--iap-colors-green-dark-9);
-    --iap-colors-green-10: var(--iap-colors-green-dark-10);
-    --iap-colors-green-11: var(--iap-colors-green-dark-11);
-    --iap-colors-green-12: var(--iap-colors-green-dark-12);
-    --iap-colors-green-a1: var(--iap-colors-green-dark-a1);
-    --iap-colors-green-a2: var(--iap-colors-green-dark-a2);
-    --iap-colors-green-a3: var(--iap-colors-green-dark-a3);
-    --iap-colors-green-a4: var(--iap-colors-green-dark-a4);
-    --iap-colors-green-a5: var(--iap-colors-green-dark-a5);
-    --iap-colors-green-a6: var(--iap-colors-green-dark-a6);
-    --iap-colors-green-a7: var(--iap-colors-green-dark-a7);
-    --iap-colors-green-a8: var(--iap-colors-green-dark-a8);
-    --iap-colors-green-a9: var(--iap-colors-green-dark-a9);
-    --iap-colors-green-a10: var(--iap-colors-green-dark-a10);
-    --iap-colors-green-a11: var(--iap-colors-green-dark-a11);
-    --iap-colors-green-a12: var(--iap-colors-green-dark-a12);
-    --iap-colors-green-default: var(--iap-colors-green-9);
-    --iap-colors-green-emphasized: var(--iap-colors-green-10);
-    --iap-colors-green-fg: white;
-    --iap-colors-green-text: var(--iap-colors-green-a11);
+    --iap-shadows-xs: 0px 1px 1px var(--iap-colors-black-a12), 0px 0px 1px inset var(--iap-colors-gray-a7);
+    --iap-shadows-sm: 0px 2px 4px var(--iap-colors-black-a10), 0px 0px 1px inset var(--iap-colors-gray-a7);
+    --iap-shadows-md: 0px 4px 8px var(--iap-colors-black-a10), 0px 0px 1px inset var(--iap-colors-gray-a7);
+    --iap-shadows-lg: 0px 8px 16px var(--iap-colors-black-a10), 0px 0px 1px inset var(--iap-colors-gray-a7);
+    --iap-shadows-xl: 0px 16px 24px var(--iap-colors-black-a10), 0px 0px 1px inset var(--iap-colors-gray-a7);
+    --iap-shadows-2xl: 0px 24px 40px var(--iap-colors-black-a10), 0px 0px 1px inset var(--iap-colors-gray-a7);
+    --iap-colors-blue-1: var(--iap-colors-blue-dark-1);
+    --iap-colors-blue-2: var(--iap-colors-blue-dark-2);
+    --iap-colors-blue-3: var(--iap-colors-blue-dark-3);
+    --iap-colors-blue-4: var(--iap-colors-blue-dark-4);
+    --iap-colors-blue-5: var(--iap-colors-blue-dark-5);
+    --iap-colors-blue-6: var(--iap-colors-blue-dark-6);
+    --iap-colors-blue-7: var(--iap-colors-blue-dark-7);
+    --iap-colors-blue-8: var(--iap-colors-blue-dark-8);
+    --iap-colors-blue-9: var(--iap-colors-blue-dark-9);
+    --iap-colors-blue-10: var(--iap-colors-blue-dark-10);
+    --iap-colors-blue-11: var(--iap-colors-blue-dark-11);
+    --iap-colors-blue-12: var(--iap-colors-blue-dark-12);
+    --iap-colors-blue-a1: var(--iap-colors-blue-dark-a1);
+    --iap-colors-blue-a2: var(--iap-colors-blue-dark-a2);
+    --iap-colors-blue-a3: var(--iap-colors-blue-dark-a3);
+    --iap-colors-blue-a4: var(--iap-colors-blue-dark-a4);
+    --iap-colors-blue-a5: var(--iap-colors-blue-dark-a5);
+    --iap-colors-blue-a6: var(--iap-colors-blue-dark-a6);
+    --iap-colors-blue-a7: var(--iap-colors-blue-dark-a7);
+    --iap-colors-blue-a8: var(--iap-colors-blue-dark-a8);
+    --iap-colors-blue-a9: var(--iap-colors-blue-dark-a9);
+    --iap-colors-blue-a10: var(--iap-colors-blue-dark-a10);
+    --iap-colors-blue-a11: var(--iap-colors-blue-dark-a11);
+    --iap-colors-blue-a12: var(--iap-colors-blue-dark-a12);
+    --iap-colors-blue-default: var(--iap-colors-blue-9);
+    --iap-colors-blue-emphasized: var(--iap-colors-blue-10);
+    --iap-colors-blue-fg: white;
+    --iap-colors-blue-text: var(--iap-colors-blue-a11);
+    --iap-colors-grass-1: var(--iap-colors-grass-dark-1);
+    --iap-colors-grass-2: var(--iap-colors-grass-dark-2);
+    --iap-colors-grass-3: var(--iap-colors-grass-dark-3);
+    --iap-colors-grass-4: var(--iap-colors-grass-dark-4);
+    --iap-colors-grass-5: var(--iap-colors-grass-dark-5);
+    --iap-colors-grass-6: var(--iap-colors-grass-dark-6);
+    --iap-colors-grass-7: var(--iap-colors-grass-dark-7);
+    --iap-colors-grass-8: var(--iap-colors-grass-dark-8);
+    --iap-colors-grass-9: var(--iap-colors-grass-dark-9);
+    --iap-colors-grass-10: var(--iap-colors-grass-dark-10);
+    --iap-colors-grass-11: var(--iap-colors-grass-dark-11);
+    --iap-colors-grass-12: var(--iap-colors-grass-dark-12);
+    --iap-colors-grass-a1: var(--iap-colors-grass-dark-a1);
+    --iap-colors-grass-a2: var(--iap-colors-grass-dark-a2);
+    --iap-colors-grass-a3: var(--iap-colors-grass-dark-a3);
+    --iap-colors-grass-a4: var(--iap-colors-grass-dark-a4);
+    --iap-colors-grass-a5: var(--iap-colors-grass-dark-a5);
+    --iap-colors-grass-a6: var(--iap-colors-grass-dark-a6);
+    --iap-colors-grass-a7: var(--iap-colors-grass-dark-a7);
+    --iap-colors-grass-a8: var(--iap-colors-grass-dark-a8);
+    --iap-colors-grass-a9: var(--iap-colors-grass-dark-a9);
+    --iap-colors-grass-a10: var(--iap-colors-grass-dark-a10);
+    --iap-colors-grass-a11: var(--iap-colors-grass-dark-a11);
+    --iap-colors-grass-a12: var(--iap-colors-grass-dark-a12);
+    --iap-colors-grass-default: var(--iap-colors-grass-9);
+    --iap-colors-grass-emphasized: var(--iap-colors-grass-10);
+    --iap-colors-grass-fg: white;
+    --iap-colors-grass-text: var(--iap-colors-grass-a11);
     --iap-colors-neutral-1: var(--iap-colors-neutral-dark-1);
     --iap-colors-neutral-2: var(--iap-colors-neutral-dark-2);
     --iap-colors-neutral-3: var(--iap-colors-neutral-dark-3);
@@ -1210,34 +1356,6 @@
     --iap-colors-red-emphasized: var(--iap-colors-red-10);
     --iap-colors-red-fg: white;
     --iap-colors-red-text: var(--iap-colors-red-a11);
-    --iap-colors-sand-1: var(--iap-colors-sand-dark-1);
-    --iap-colors-sand-2: var(--iap-colors-sand-dark-2);
-    --iap-colors-sand-3: var(--iap-colors-sand-dark-3);
-    --iap-colors-sand-4: var(--iap-colors-sand-dark-4);
-    --iap-colors-sand-5: var(--iap-colors-sand-dark-5);
-    --iap-colors-sand-6: var(--iap-colors-sand-dark-6);
-    --iap-colors-sand-7: var(--iap-colors-sand-dark-7);
-    --iap-colors-sand-8: var(--iap-colors-sand-dark-8);
-    --iap-colors-sand-9: var(--iap-colors-sand-dark-9);
-    --iap-colors-sand-10: var(--iap-colors-sand-dark-10);
-    --iap-colors-sand-11: var(--iap-colors-sand-dark-11);
-    --iap-colors-sand-12: var(--iap-colors-sand-dark-12);
-    --iap-colors-sand-a1: var(--iap-colors-sand-dark-a1);
-    --iap-colors-sand-a2: var(--iap-colors-sand-dark-a2);
-    --iap-colors-sand-a3: var(--iap-colors-sand-dark-a3);
-    --iap-colors-sand-a4: var(--iap-colors-sand-dark-a4);
-    --iap-colors-sand-a5: var(--iap-colors-sand-dark-a5);
-    --iap-colors-sand-a6: var(--iap-colors-sand-dark-a6);
-    --iap-colors-sand-a7: var(--iap-colors-sand-dark-a7);
-    --iap-colors-sand-a8: var(--iap-colors-sand-dark-a8);
-    --iap-colors-sand-a9: var(--iap-colors-sand-dark-a9);
-    --iap-colors-sand-a10: var(--iap-colors-sand-dark-a10);
-    --iap-colors-sand-a11: var(--iap-colors-sand-dark-a11);
-    --iap-colors-sand-a12: var(--iap-colors-sand-dark-a12);
-    --iap-colors-sand-default: var(--iap-colors-sand-9);
-    --iap-colors-sand-emphasized: var(--iap-colors-sand-10);
-    --iap-colors-sand-fg: white;
-    --iap-colors-sand-text: var(--iap-colors-sand-12);
     --iap-colors-slate-1: var(--iap-colors-slate-dark-1);
     --iap-colors-slate-2: var(--iap-colors-slate-dark-2);
     --iap-colors-slate-3: var(--iap-colors-slate-dark-3);
@@ -1294,62 +1412,34 @@
     --iap-colors-tomato-emphasized: var(--iap-colors-tomato-10);
     --iap-colors-tomato-fg: white;
     --iap-colors-tomato-text: var(--iap-colors-tomato-a11);
-    --iap-colors-yellow-1: var(--iap-colors-yellow-dark-1);
-    --iap-colors-yellow-2: var(--iap-colors-yellow-dark-2);
-    --iap-colors-yellow-3: var(--iap-colors-yellow-dark-3);
-    --iap-colors-yellow-4: var(--iap-colors-yellow-dark-4);
-    --iap-colors-yellow-5: var(--iap-colors-yellow-dark-5);
-    --iap-colors-yellow-6: var(--iap-colors-yellow-dark-6);
-    --iap-colors-yellow-7: var(--iap-colors-yellow-dark-7);
-    --iap-colors-yellow-8: var(--iap-colors-yellow-dark-8);
-    --iap-colors-yellow-9: var(--iap-colors-yellow-dark-9);
-    --iap-colors-yellow-10: var(--iap-colors-yellow-dark-10);
-    --iap-colors-yellow-11: var(--iap-colors-yellow-dark-11);
-    --iap-colors-yellow-12: var(--iap-colors-yellow-dark-12);
-    --iap-colors-yellow-a1: var(--iap-colors-yellow-dark-a1);
-    --iap-colors-yellow-a2: var(--iap-colors-yellow-dark-a2);
-    --iap-colors-yellow-a3: var(--iap-colors-yellow-dark-a3);
-    --iap-colors-yellow-a4: var(--iap-colors-yellow-dark-a4);
-    --iap-colors-yellow-a5: var(--iap-colors-yellow-dark-a5);
-    --iap-colors-yellow-a6: var(--iap-colors-yellow-dark-a6);
-    --iap-colors-yellow-a7: var(--iap-colors-yellow-dark-a7);
-    --iap-colors-yellow-a8: var(--iap-colors-yellow-dark-a8);
-    --iap-colors-yellow-a9: var(--iap-colors-yellow-dark-a9);
-    --iap-colors-yellow-a10: var(--iap-colors-yellow-dark-a10);
-    --iap-colors-yellow-a11: var(--iap-colors-yellow-dark-a11);
-    --iap-colors-yellow-a12: var(--iap-colors-yellow-dark-a12);
-    --iap-colors-yellow-default: var(--iap-colors-yellow-9);
-    --iap-colors-yellow-emphasized: var(--iap-colors-yellow-10);
-    --iap-colors-yellow-fg: var(--iap-colors-sand-light-12);
-    --iap-colors-yellow-text: var(--iap-colors-yellow-a11);
-    --iap-colors-gray-1: var(--iap-colors-neutral-dark-1);
-    --iap-colors-gray-2: var(--iap-colors-neutral-dark-2);
-    --iap-colors-gray-3: var(--iap-colors-neutral-dark-3);
-    --iap-colors-gray-4: var(--iap-colors-neutral-dark-4);
-    --iap-colors-gray-5: var(--iap-colors-neutral-dark-5);
-    --iap-colors-gray-6: var(--iap-colors-neutral-dark-6);
-    --iap-colors-gray-7: var(--iap-colors-neutral-dark-7);
-    --iap-colors-gray-8: var(--iap-colors-neutral-dark-8);
-    --iap-colors-gray-9: var(--iap-colors-neutral-dark-9);
-    --iap-colors-gray-10: var(--iap-colors-neutral-dark-10);
-    --iap-colors-gray-11: var(--iap-colors-neutral-dark-11);
-    --iap-colors-gray-12: var(--iap-colors-neutral-dark-12);
-    --iap-colors-gray-a1: var(--iap-colors-neutral-dark-a1);
-    --iap-colors-gray-a2: var(--iap-colors-neutral-dark-a2);
-    --iap-colors-gray-a3: var(--iap-colors-neutral-dark-a3);
-    --iap-colors-gray-a4: var(--iap-colors-neutral-dark-a4);
-    --iap-colors-gray-a5: var(--iap-colors-neutral-dark-a5);
-    --iap-colors-gray-a6: var(--iap-colors-neutral-dark-a6);
-    --iap-colors-gray-a7: var(--iap-colors-neutral-dark-a7);
-    --iap-colors-gray-a8: var(--iap-colors-neutral-dark-a8);
-    --iap-colors-gray-a9: var(--iap-colors-neutral-dark-a9);
-    --iap-colors-gray-a10: var(--iap-colors-neutral-dark-a10);
-    --iap-colors-gray-a11: var(--iap-colors-neutral-dark-a11);
-    --iap-colors-gray-a12: var(--iap-colors-neutral-dark-a12);
-    --iap-colors-gray-default: white;
-    --iap-colors-gray-emphasized: var(--iap-colors-gray-12);
-    --iap-colors-gray-fg: black;
-    --iap-colors-gray-text: white;
+    --iap-colors-gray-1: var(--iap-colors-slate-dark-1);
+    --iap-colors-gray-2: var(--iap-colors-slate-dark-2);
+    --iap-colors-gray-3: var(--iap-colors-slate-dark-3);
+    --iap-colors-gray-4: var(--iap-colors-slate-dark-4);
+    --iap-colors-gray-5: var(--iap-colors-slate-dark-5);
+    --iap-colors-gray-6: var(--iap-colors-slate-dark-6);
+    --iap-colors-gray-7: var(--iap-colors-slate-dark-7);
+    --iap-colors-gray-8: var(--iap-colors-slate-dark-8);
+    --iap-colors-gray-9: var(--iap-colors-slate-dark-9);
+    --iap-colors-gray-10: var(--iap-colors-slate-dark-10);
+    --iap-colors-gray-11: var(--iap-colors-slate-dark-11);
+    --iap-colors-gray-12: var(--iap-colors-slate-dark-12);
+    --iap-colors-gray-a1: var(--iap-colors-slate-dark-a1);
+    --iap-colors-gray-a2: var(--iap-colors-slate-dark-a2);
+    --iap-colors-gray-a3: var(--iap-colors-slate-dark-a3);
+    --iap-colors-gray-a4: var(--iap-colors-slate-dark-a4);
+    --iap-colors-gray-a5: var(--iap-colors-slate-dark-a5);
+    --iap-colors-gray-a6: var(--iap-colors-slate-dark-a6);
+    --iap-colors-gray-a7: var(--iap-colors-slate-dark-a7);
+    --iap-colors-gray-a8: var(--iap-colors-slate-dark-a8);
+    --iap-colors-gray-a9: var(--iap-colors-slate-dark-a9);
+    --iap-colors-gray-a10: var(--iap-colors-slate-dark-a10);
+    --iap-colors-gray-a11: var(--iap-colors-slate-dark-a11);
+    --iap-colors-gray-a12: var(--iap-colors-slate-dark-a12);
+    --iap-colors-gray-default: var(--iap-colors-slate-9);
+    --iap-colors-gray-emphasized: var(--iap-colors-slate-10);
+    --iap-colors-gray-fg: white;
+    --iap-colors-gray-text: var(--iap-colors-slate-12);
     --iap-colors-accent-1: var(--iap-colors-neutral-dark-1);
     --iap-colors-accent-2: var(--iap-colors-neutral-dark-2);
     --iap-colors-accent-3: var(--iap-colors-neutral-dark-3);
@@ -1395,12 +1485,146 @@
     --iap-colors-border-disabled: var(--iap-colors-gray-5);
     --iap-colors-border-outline: var(--iap-colors-gray-a9);
     --iap-colors-border-error: var(--iap-colors-red-9);
-    --iap-shadows-xs: 0px 1px 1px var(--iap-colors-black-a12), 0px 0px 1px inset var(--iap-colors-gray-a7);
-    --iap-shadows-sm: 0px 2px 4px var(--iap-colors-black-a10), 0px 0px 1px inset var(--iap-colors-gray-a7);
-    --iap-shadows-md: 0px 4px 8px var(--iap-colors-black-a10), 0px 0px 1px inset var(--iap-colors-gray-a7);
-    --iap-shadows-lg: 0px 8px 16px var(--iap-colors-black-a10), 0px 0px 1px inset var(--iap-colors-gray-a7);
-    --iap-shadows-xl: 0px 16px 24px var(--iap-colors-black-a10), 0px 0px 1px inset var(--iap-colors-gray-a7);
-    --iap-shadows-2xl: 0px 24px 40px var(--iap-colors-black-a10), 0px 0px 1px inset var(--iap-colors-gray-a7)
+    --iap-colors-amber-1: var(--iap-colors-amber-dark-1);
+    --iap-colors-amber-2: var(--iap-colors-amber-dark-2);
+    --iap-colors-amber-3: var(--iap-colors-amber-dark-3);
+    --iap-colors-amber-4: var(--iap-colors-amber-dark-4);
+    --iap-colors-amber-5: var(--iap-colors-amber-dark-5);
+    --iap-colors-amber-6: var(--iap-colors-amber-dark-6);
+    --iap-colors-amber-7: var(--iap-colors-amber-dark-7);
+    --iap-colors-amber-8: var(--iap-colors-amber-dark-8);
+    --iap-colors-amber-9: var(--iap-colors-amber-dark-9);
+    --iap-colors-amber-10: var(--iap-colors-amber-dark-10);
+    --iap-colors-amber-11: var(--iap-colors-amber-dark-11);
+    --iap-colors-amber-12: var(--iap-colors-amber-dark-12);
+    --iap-colors-amber-a1: var(--iap-colors-amber-dark-a1);
+    --iap-colors-amber-a2: var(--iap-colors-amber-dark-a2);
+    --iap-colors-amber-a3: var(--iap-colors-amber-dark-a3);
+    --iap-colors-amber-a4: var(--iap-colors-amber-dark-a4);
+    --iap-colors-amber-a5: var(--iap-colors-amber-dark-a5);
+    --iap-colors-amber-a6: var(--iap-colors-amber-dark-a6);
+    --iap-colors-amber-a7: var(--iap-colors-amber-dark-a7);
+    --iap-colors-amber-a8: var(--iap-colors-amber-dark-a8);
+    --iap-colors-amber-a9: var(--iap-colors-amber-dark-a9);
+    --iap-colors-amber-a10: var(--iap-colors-amber-dark-a10);
+    --iap-colors-amber-a11: var(--iap-colors-amber-dark-a11);
+    --iap-colors-amber-a12: var(--iap-colors-amber-dark-a12);
+    --iap-colors-amber-default: var(--iap-colors-amber-9);
+    --iap-colors-amber-emphasized: var(--iap-colors-amber-10);
+    --iap-colors-amber-fg: var(--iap-colors-gray-light-12);
+    --iap-colors-amber-text: var(--iap-colors-amber-a11);
+    --iap-colors-success-1: var(--iap-colors-grass-dark-1);
+    --iap-colors-success-2: var(--iap-colors-grass-dark-2);
+    --iap-colors-success-3: var(--iap-colors-grass-dark-3);
+    --iap-colors-success-4: var(--iap-colors-grass-dark-4);
+    --iap-colors-success-5: var(--iap-colors-grass-dark-5);
+    --iap-colors-success-6: var(--iap-colors-grass-dark-6);
+    --iap-colors-success-7: var(--iap-colors-grass-dark-7);
+    --iap-colors-success-8: var(--iap-colors-grass-dark-8);
+    --iap-colors-success-9: var(--iap-colors-grass-dark-9);
+    --iap-colors-success-10: var(--iap-colors-grass-dark-10);
+    --iap-colors-success-11: var(--iap-colors-grass-dark-11);
+    --iap-colors-success-12: var(--iap-colors-grass-dark-12);
+    --iap-colors-success-a1: var(--iap-colors-grass-dark-a1);
+    --iap-colors-success-a2: var(--iap-colors-grass-dark-a2);
+    --iap-colors-success-a3: var(--iap-colors-grass-dark-a3);
+    --iap-colors-success-a4: var(--iap-colors-grass-dark-a4);
+    --iap-colors-success-a5: var(--iap-colors-grass-dark-a5);
+    --iap-colors-success-a6: var(--iap-colors-grass-dark-a6);
+    --iap-colors-success-a7: var(--iap-colors-grass-dark-a7);
+    --iap-colors-success-a8: var(--iap-colors-grass-dark-a8);
+    --iap-colors-success-a9: var(--iap-colors-grass-dark-a9);
+    --iap-colors-success-a10: var(--iap-colors-grass-dark-a10);
+    --iap-colors-success-a11: var(--iap-colors-grass-dark-a11);
+    --iap-colors-success-a12: var(--iap-colors-grass-dark-a12);
+    --iap-colors-success-default: var(--iap-colors-grass-9);
+    --iap-colors-success-emphasized: var(--iap-colors-grass-10);
+    --iap-colors-success-fg: white;
+    --iap-colors-success-text: var(--iap-colors-grass-a11);
+    --iap-colors-warning-1: var(--iap-colors-amber-dark-1);
+    --iap-colors-warning-2: var(--iap-colors-amber-dark-2);
+    --iap-colors-warning-3: var(--iap-colors-amber-dark-3);
+    --iap-colors-warning-4: var(--iap-colors-amber-dark-4);
+    --iap-colors-warning-5: var(--iap-colors-amber-dark-5);
+    --iap-colors-warning-6: var(--iap-colors-amber-dark-6);
+    --iap-colors-warning-7: var(--iap-colors-amber-dark-7);
+    --iap-colors-warning-8: var(--iap-colors-amber-dark-8);
+    --iap-colors-warning-9: var(--iap-colors-amber-dark-9);
+    --iap-colors-warning-10: var(--iap-colors-amber-dark-10);
+    --iap-colors-warning-11: var(--iap-colors-amber-dark-11);
+    --iap-colors-warning-12: var(--iap-colors-amber-dark-12);
+    --iap-colors-warning-a1: var(--iap-colors-amber-dark-a1);
+    --iap-colors-warning-a2: var(--iap-colors-amber-dark-a2);
+    --iap-colors-warning-a3: var(--iap-colors-amber-dark-a3);
+    --iap-colors-warning-a4: var(--iap-colors-amber-dark-a4);
+    --iap-colors-warning-a5: var(--iap-colors-amber-dark-a5);
+    --iap-colors-warning-a6: var(--iap-colors-amber-dark-a6);
+    --iap-colors-warning-a7: var(--iap-colors-amber-dark-a7);
+    --iap-colors-warning-a8: var(--iap-colors-amber-dark-a8);
+    --iap-colors-warning-a9: var(--iap-colors-amber-dark-a9);
+    --iap-colors-warning-a10: var(--iap-colors-amber-dark-a10);
+    --iap-colors-warning-a11: var(--iap-colors-amber-dark-a11);
+    --iap-colors-warning-a12: var(--iap-colors-amber-dark-a12);
+    --iap-colors-warning-default: var(--iap-colors-amber-9);
+    --iap-colors-warning-emphasized: var(--iap-colors-amber-10);
+    --iap-colors-warning-fg: var(--iap-colors-gray-light-12);
+    --iap-colors-warning-text: var(--iap-colors-amber-a11);
+    --iap-colors-error-1: var(--iap-colors-tomato-dark-1);
+    --iap-colors-error-2: var(--iap-colors-tomato-dark-2);
+    --iap-colors-error-3: var(--iap-colors-tomato-dark-3);
+    --iap-colors-error-4: var(--iap-colors-tomato-dark-4);
+    --iap-colors-error-5: var(--iap-colors-tomato-dark-5);
+    --iap-colors-error-6: var(--iap-colors-tomato-dark-6);
+    --iap-colors-error-7: var(--iap-colors-tomato-dark-7);
+    --iap-colors-error-8: var(--iap-colors-tomato-dark-8);
+    --iap-colors-error-9: var(--iap-colors-tomato-dark-9);
+    --iap-colors-error-10: var(--iap-colors-tomato-dark-10);
+    --iap-colors-error-11: var(--iap-colors-tomato-dark-11);
+    --iap-colors-error-12: var(--iap-colors-tomato-dark-12);
+    --iap-colors-error-a1: var(--iap-colors-tomato-dark-a1);
+    --iap-colors-error-a2: var(--iap-colors-tomato-dark-a2);
+    --iap-colors-error-a3: var(--iap-colors-tomato-dark-a3);
+    --iap-colors-error-a4: var(--iap-colors-tomato-dark-a4);
+    --iap-colors-error-a5: var(--iap-colors-tomato-dark-a5);
+    --iap-colors-error-a6: var(--iap-colors-tomato-dark-a6);
+    --iap-colors-error-a7: var(--iap-colors-tomato-dark-a7);
+    --iap-colors-error-a8: var(--iap-colors-tomato-dark-a8);
+    --iap-colors-error-a9: var(--iap-colors-tomato-dark-a9);
+    --iap-colors-error-a10: var(--iap-colors-tomato-dark-a10);
+    --iap-colors-error-a11: var(--iap-colors-tomato-dark-a11);
+    --iap-colors-error-a12: var(--iap-colors-tomato-dark-a12);
+    --iap-colors-error-default: var(--iap-colors-tomato-9);
+    --iap-colors-error-emphasized: var(--iap-colors-tomato-10);
+    --iap-colors-error-fg: white;
+    --iap-colors-error-text: var(--iap-colors-tomato-a11);
+    --iap-colors-primary-1: var(--iap-colors-blue-dark-1);
+    --iap-colors-primary-2: var(--iap-colors-blue-dark-2);
+    --iap-colors-primary-3: var(--iap-colors-blue-dark-3);
+    --iap-colors-primary-4: var(--iap-colors-blue-dark-4);
+    --iap-colors-primary-5: var(--iap-colors-blue-dark-5);
+    --iap-colors-primary-6: var(--iap-colors-blue-dark-6);
+    --iap-colors-primary-7: var(--iap-colors-blue-dark-7);
+    --iap-colors-primary-8: var(--iap-colors-blue-dark-8);
+    --iap-colors-primary-9: var(--iap-colors-blue-dark-9);
+    --iap-colors-primary-10: var(--iap-colors-blue-dark-10);
+    --iap-colors-primary-11: var(--iap-colors-blue-dark-11);
+    --iap-colors-primary-12: var(--iap-colors-blue-dark-12);
+    --iap-colors-primary-a1: var(--iap-colors-blue-dark-a1);
+    --iap-colors-primary-a2: var(--iap-colors-blue-dark-a2);
+    --iap-colors-primary-a3: var(--iap-colors-blue-dark-a3);
+    --iap-colors-primary-a4: var(--iap-colors-blue-dark-a4);
+    --iap-colors-primary-a5: var(--iap-colors-blue-dark-a5);
+    --iap-colors-primary-a6: var(--iap-colors-blue-dark-a6);
+    --iap-colors-primary-a7: var(--iap-colors-blue-dark-a7);
+    --iap-colors-primary-a8: var(--iap-colors-blue-dark-a8);
+    --iap-colors-primary-a9: var(--iap-colors-blue-dark-a9);
+    --iap-colors-primary-a10: var(--iap-colors-blue-dark-a10);
+    --iap-colors-primary-a11: var(--iap-colors-blue-dark-a11);
+    --iap-colors-primary-a12: var(--iap-colors-blue-dark-a12);
+    --iap-colors-primary-default: var(--iap-colors-blue-11);
+    --iap-colors-primary-emphasized: var(--iap-colors-blue-10);
+    --iap-colors-primary-fg: white;
+    --iap-colors-primary-text: var(--iap-colors-blue-a11)
 }
 
   @keyframes fade-in {
@@ -3302,12 +3526,12 @@
     width: 49%;
 }
 
-  .iap-fill_tomato\.11 {
-    fill: var(--iap-colors-tomato-11);
+  .iap-fill_error\.11 {
+    fill: var(--iap-colors-error-11);
 }
 
-  .iap-fill_green\.11 {
-    fill: var(--iap-colors-green-11);
+  .iap-fill_success\.11 {
+    fill: var(--iap-colors-success-11);
 }
 
   .iap-max-h_initial {
@@ -3358,6 +3582,14 @@
     overflow: scroll;
 }
 
+  .iap---thickness_1px {
+    --thickness: 1px;
+}
+
+  .iap-w_100\% {
+    width: 100%;
+}
+
   .iap-w_14rem {
     width: 14rem;
 }
@@ -3386,12 +3618,12 @@
     margin-inline: var(--iap-spacing-1\.5);
 }
 
-  .iap-bg_yellow\.2 {
-    background: var(--iap-colors-yellow-2);
+  .iap-bg_warning\.2 {
+    background: var(--iap-colors-warning-2);
 }
 
-  .iap-c_yellow\.11 {
-    color: var(--iap-colors-yellow-11);
+  .iap-c_warning\.11 {
+    color: var(--iap-colors-warning-11);
 }
 
   .iap-color-palette_current {
@@ -3434,6 +3666,405 @@
     --iap-colors-color-palette: var(--iap-colors-transparent);
 }
 
+  .iap-color-palette_amber {
+    --iap-colors-color-palette-light-1: var(--iap-colors-amber-light-1);
+    --iap-colors-color-palette-light-2: var(--iap-colors-amber-light-2);
+    --iap-colors-color-palette-light-3: var(--iap-colors-amber-light-3);
+    --iap-colors-color-palette-light-4: var(--iap-colors-amber-light-4);
+    --iap-colors-color-palette-light-5: var(--iap-colors-amber-light-5);
+    --iap-colors-color-palette-light-6: var(--iap-colors-amber-light-6);
+    --iap-colors-color-palette-light-7: var(--iap-colors-amber-light-7);
+    --iap-colors-color-palette-light-8: var(--iap-colors-amber-light-8);
+    --iap-colors-color-palette-light-9: var(--iap-colors-amber-light-9);
+    --iap-colors-color-palette-light-10: var(--iap-colors-amber-light-10);
+    --iap-colors-color-palette-light-11: var(--iap-colors-amber-light-11);
+    --iap-colors-color-palette-light-12: var(--iap-colors-amber-light-12);
+    --iap-colors-color-palette-light-a1: var(--iap-colors-amber-light-a1);
+    --iap-colors-color-palette-light-a2: var(--iap-colors-amber-light-a2);
+    --iap-colors-color-palette-light-a3: var(--iap-colors-amber-light-a3);
+    --iap-colors-color-palette-light-a4: var(--iap-colors-amber-light-a4);
+    --iap-colors-color-palette-light-a5: var(--iap-colors-amber-light-a5);
+    --iap-colors-color-palette-light-a6: var(--iap-colors-amber-light-a6);
+    --iap-colors-color-palette-light-a7: var(--iap-colors-amber-light-a7);
+    --iap-colors-color-palette-light-a8: var(--iap-colors-amber-light-a8);
+    --iap-colors-color-palette-light-a9: var(--iap-colors-amber-light-a9);
+    --iap-colors-color-palette-light-a10: var(--iap-colors-amber-light-a10);
+    --iap-colors-color-palette-light-a11: var(--iap-colors-amber-light-a11);
+    --iap-colors-color-palette-light-a12: var(--iap-colors-amber-light-a12);
+    --iap-colors-color-palette-dark-1: var(--iap-colors-amber-dark-1);
+    --iap-colors-color-palette-dark-2: var(--iap-colors-amber-dark-2);
+    --iap-colors-color-palette-dark-3: var(--iap-colors-amber-dark-3);
+    --iap-colors-color-palette-dark-4: var(--iap-colors-amber-dark-4);
+    --iap-colors-color-palette-dark-5: var(--iap-colors-amber-dark-5);
+    --iap-colors-color-palette-dark-6: var(--iap-colors-amber-dark-6);
+    --iap-colors-color-palette-dark-7: var(--iap-colors-amber-dark-7);
+    --iap-colors-color-palette-dark-8: var(--iap-colors-amber-dark-8);
+    --iap-colors-color-palette-dark-9: var(--iap-colors-amber-dark-9);
+    --iap-colors-color-palette-dark-10: var(--iap-colors-amber-dark-10);
+    --iap-colors-color-palette-dark-11: var(--iap-colors-amber-dark-11);
+    --iap-colors-color-palette-dark-12: var(--iap-colors-amber-dark-12);
+    --iap-colors-color-palette-dark-a1: var(--iap-colors-amber-dark-a1);
+    --iap-colors-color-palette-dark-a2: var(--iap-colors-amber-dark-a2);
+    --iap-colors-color-palette-dark-a3: var(--iap-colors-amber-dark-a3);
+    --iap-colors-color-palette-dark-a4: var(--iap-colors-amber-dark-a4);
+    --iap-colors-color-palette-dark-a5: var(--iap-colors-amber-dark-a5);
+    --iap-colors-color-palette-dark-a6: var(--iap-colors-amber-dark-a6);
+    --iap-colors-color-palette-dark-a7: var(--iap-colors-amber-dark-a7);
+    --iap-colors-color-palette-dark-a8: var(--iap-colors-amber-dark-a8);
+    --iap-colors-color-palette-dark-a9: var(--iap-colors-amber-dark-a9);
+    --iap-colors-color-palette-dark-a10: var(--iap-colors-amber-dark-a10);
+    --iap-colors-color-palette-dark-a11: var(--iap-colors-amber-dark-a11);
+    --iap-colors-color-palette-dark-a12: var(--iap-colors-amber-dark-a12);
+    --iap-colors-color-palette-1: var(--iap-colors-amber-1);
+    --iap-colors-color-palette-2: var(--iap-colors-amber-2);
+    --iap-colors-color-palette-3: var(--iap-colors-amber-3);
+    --iap-colors-color-palette-4: var(--iap-colors-amber-4);
+    --iap-colors-color-palette-5: var(--iap-colors-amber-5);
+    --iap-colors-color-palette-6: var(--iap-colors-amber-6);
+    --iap-colors-color-palette-7: var(--iap-colors-amber-7);
+    --iap-colors-color-palette-8: var(--iap-colors-amber-8);
+    --iap-colors-color-palette-9: var(--iap-colors-amber-9);
+    --iap-colors-color-palette-10: var(--iap-colors-amber-10);
+    --iap-colors-color-palette-11: var(--iap-colors-amber-11);
+    --iap-colors-color-palette-12: var(--iap-colors-amber-12);
+    --iap-colors-color-palette-a1: var(--iap-colors-amber-a1);
+    --iap-colors-color-palette-a2: var(--iap-colors-amber-a2);
+    --iap-colors-color-palette-a3: var(--iap-colors-amber-a3);
+    --iap-colors-color-palette-a4: var(--iap-colors-amber-a4);
+    --iap-colors-color-palette-a5: var(--iap-colors-amber-a5);
+    --iap-colors-color-palette-a6: var(--iap-colors-amber-a6);
+    --iap-colors-color-palette-a7: var(--iap-colors-amber-a7);
+    --iap-colors-color-palette-a8: var(--iap-colors-amber-a8);
+    --iap-colors-color-palette-a9: var(--iap-colors-amber-a9);
+    --iap-colors-color-palette-a10: var(--iap-colors-amber-a10);
+    --iap-colors-color-palette-a11: var(--iap-colors-amber-a11);
+    --iap-colors-color-palette-a12: var(--iap-colors-amber-a12);
+    --iap-colors-color-palette-default: var(--iap-colors-amber-default);
+    --iap-colors-color-palette-emphasized: var(--iap-colors-amber-emphasized);
+    --iap-colors-color-palette-fg: var(--iap-colors-amber-fg);
+    --iap-colors-color-palette-text: var(--iap-colors-amber-text);
+}
+
+  .iap-color-palette_amber\.light {
+    --iap-colors-color-palette-1: var(--iap-colors-amber-light-1);
+    --iap-colors-color-palette-2: var(--iap-colors-amber-light-2);
+    --iap-colors-color-palette-3: var(--iap-colors-amber-light-3);
+    --iap-colors-color-palette-4: var(--iap-colors-amber-light-4);
+    --iap-colors-color-palette-5: var(--iap-colors-amber-light-5);
+    --iap-colors-color-palette-6: var(--iap-colors-amber-light-6);
+    --iap-colors-color-palette-7: var(--iap-colors-amber-light-7);
+    --iap-colors-color-palette-8: var(--iap-colors-amber-light-8);
+    --iap-colors-color-palette-9: var(--iap-colors-amber-light-9);
+    --iap-colors-color-palette-10: var(--iap-colors-amber-light-10);
+    --iap-colors-color-palette-11: var(--iap-colors-amber-light-11);
+    --iap-colors-color-palette-12: var(--iap-colors-amber-light-12);
+    --iap-colors-color-palette-a1: var(--iap-colors-amber-light-a1);
+    --iap-colors-color-palette-a2: var(--iap-colors-amber-light-a2);
+    --iap-colors-color-palette-a3: var(--iap-colors-amber-light-a3);
+    --iap-colors-color-palette-a4: var(--iap-colors-amber-light-a4);
+    --iap-colors-color-palette-a5: var(--iap-colors-amber-light-a5);
+    --iap-colors-color-palette-a6: var(--iap-colors-amber-light-a6);
+    --iap-colors-color-palette-a7: var(--iap-colors-amber-light-a7);
+    --iap-colors-color-palette-a8: var(--iap-colors-amber-light-a8);
+    --iap-colors-color-palette-a9: var(--iap-colors-amber-light-a9);
+    --iap-colors-color-palette-a10: var(--iap-colors-amber-light-a10);
+    --iap-colors-color-palette-a11: var(--iap-colors-amber-light-a11);
+    --iap-colors-color-palette-a12: var(--iap-colors-amber-light-a12);
+}
+
+  .iap-color-palette_amber\.dark {
+    --iap-colors-color-palette-1: var(--iap-colors-amber-dark-1);
+    --iap-colors-color-palette-2: var(--iap-colors-amber-dark-2);
+    --iap-colors-color-palette-3: var(--iap-colors-amber-dark-3);
+    --iap-colors-color-palette-4: var(--iap-colors-amber-dark-4);
+    --iap-colors-color-palette-5: var(--iap-colors-amber-dark-5);
+    --iap-colors-color-palette-6: var(--iap-colors-amber-dark-6);
+    --iap-colors-color-palette-7: var(--iap-colors-amber-dark-7);
+    --iap-colors-color-palette-8: var(--iap-colors-amber-dark-8);
+    --iap-colors-color-palette-9: var(--iap-colors-amber-dark-9);
+    --iap-colors-color-palette-10: var(--iap-colors-amber-dark-10);
+    --iap-colors-color-palette-11: var(--iap-colors-amber-dark-11);
+    --iap-colors-color-palette-12: var(--iap-colors-amber-dark-12);
+    --iap-colors-color-palette-a1: var(--iap-colors-amber-dark-a1);
+    --iap-colors-color-palette-a2: var(--iap-colors-amber-dark-a2);
+    --iap-colors-color-palette-a3: var(--iap-colors-amber-dark-a3);
+    --iap-colors-color-palette-a4: var(--iap-colors-amber-dark-a4);
+    --iap-colors-color-palette-a5: var(--iap-colors-amber-dark-a5);
+    --iap-colors-color-palette-a6: var(--iap-colors-amber-dark-a6);
+    --iap-colors-color-palette-a7: var(--iap-colors-amber-dark-a7);
+    --iap-colors-color-palette-a8: var(--iap-colors-amber-dark-a8);
+    --iap-colors-color-palette-a9: var(--iap-colors-amber-dark-a9);
+    --iap-colors-color-palette-a10: var(--iap-colors-amber-dark-a10);
+    --iap-colors-color-palette-a11: var(--iap-colors-amber-dark-a11);
+    --iap-colors-color-palette-a12: var(--iap-colors-amber-dark-a12);
+}
+
+  .iap-color-palette_blue {
+    --iap-colors-color-palette-light-1: var(--iap-colors-blue-light-1);
+    --iap-colors-color-palette-light-2: var(--iap-colors-blue-light-2);
+    --iap-colors-color-palette-light-3: var(--iap-colors-blue-light-3);
+    --iap-colors-color-palette-light-4: var(--iap-colors-blue-light-4);
+    --iap-colors-color-palette-light-5: var(--iap-colors-blue-light-5);
+    --iap-colors-color-palette-light-6: var(--iap-colors-blue-light-6);
+    --iap-colors-color-palette-light-7: var(--iap-colors-blue-light-7);
+    --iap-colors-color-palette-light-8: var(--iap-colors-blue-light-8);
+    --iap-colors-color-palette-light-9: var(--iap-colors-blue-light-9);
+    --iap-colors-color-palette-light-10: var(--iap-colors-blue-light-10);
+    --iap-colors-color-palette-light-11: var(--iap-colors-blue-light-11);
+    --iap-colors-color-palette-light-12: var(--iap-colors-blue-light-12);
+    --iap-colors-color-palette-light-a1: var(--iap-colors-blue-light-a1);
+    --iap-colors-color-palette-light-a2: var(--iap-colors-blue-light-a2);
+    --iap-colors-color-palette-light-a3: var(--iap-colors-blue-light-a3);
+    --iap-colors-color-palette-light-a4: var(--iap-colors-blue-light-a4);
+    --iap-colors-color-palette-light-a5: var(--iap-colors-blue-light-a5);
+    --iap-colors-color-palette-light-a6: var(--iap-colors-blue-light-a6);
+    --iap-colors-color-palette-light-a7: var(--iap-colors-blue-light-a7);
+    --iap-colors-color-palette-light-a8: var(--iap-colors-blue-light-a8);
+    --iap-colors-color-palette-light-a9: var(--iap-colors-blue-light-a9);
+    --iap-colors-color-palette-light-a10: var(--iap-colors-blue-light-a10);
+    --iap-colors-color-palette-light-a11: var(--iap-colors-blue-light-a11);
+    --iap-colors-color-palette-light-a12: var(--iap-colors-blue-light-a12);
+    --iap-colors-color-palette-dark-1: var(--iap-colors-blue-dark-1);
+    --iap-colors-color-palette-dark-2: var(--iap-colors-blue-dark-2);
+    --iap-colors-color-palette-dark-3: var(--iap-colors-blue-dark-3);
+    --iap-colors-color-palette-dark-4: var(--iap-colors-blue-dark-4);
+    --iap-colors-color-palette-dark-5: var(--iap-colors-blue-dark-5);
+    --iap-colors-color-palette-dark-6: var(--iap-colors-blue-dark-6);
+    --iap-colors-color-palette-dark-7: var(--iap-colors-blue-dark-7);
+    --iap-colors-color-palette-dark-8: var(--iap-colors-blue-dark-8);
+    --iap-colors-color-palette-dark-9: var(--iap-colors-blue-dark-9);
+    --iap-colors-color-palette-dark-10: var(--iap-colors-blue-dark-10);
+    --iap-colors-color-palette-dark-11: var(--iap-colors-blue-dark-11);
+    --iap-colors-color-palette-dark-12: var(--iap-colors-blue-dark-12);
+    --iap-colors-color-palette-dark-a1: var(--iap-colors-blue-dark-a1);
+    --iap-colors-color-palette-dark-a2: var(--iap-colors-blue-dark-a2);
+    --iap-colors-color-palette-dark-a3: var(--iap-colors-blue-dark-a3);
+    --iap-colors-color-palette-dark-a4: var(--iap-colors-blue-dark-a4);
+    --iap-colors-color-palette-dark-a5: var(--iap-colors-blue-dark-a5);
+    --iap-colors-color-palette-dark-a6: var(--iap-colors-blue-dark-a6);
+    --iap-colors-color-palette-dark-a7: var(--iap-colors-blue-dark-a7);
+    --iap-colors-color-palette-dark-a8: var(--iap-colors-blue-dark-a8);
+    --iap-colors-color-palette-dark-a9: var(--iap-colors-blue-dark-a9);
+    --iap-colors-color-palette-dark-a10: var(--iap-colors-blue-dark-a10);
+    --iap-colors-color-palette-dark-a11: var(--iap-colors-blue-dark-a11);
+    --iap-colors-color-palette-dark-a12: var(--iap-colors-blue-dark-a12);
+    --iap-colors-color-palette-1: var(--iap-colors-blue-1);
+    --iap-colors-color-palette-2: var(--iap-colors-blue-2);
+    --iap-colors-color-palette-3: var(--iap-colors-blue-3);
+    --iap-colors-color-palette-4: var(--iap-colors-blue-4);
+    --iap-colors-color-palette-5: var(--iap-colors-blue-5);
+    --iap-colors-color-palette-6: var(--iap-colors-blue-6);
+    --iap-colors-color-palette-7: var(--iap-colors-blue-7);
+    --iap-colors-color-palette-8: var(--iap-colors-blue-8);
+    --iap-colors-color-palette-9: var(--iap-colors-blue-9);
+    --iap-colors-color-palette-10: var(--iap-colors-blue-10);
+    --iap-colors-color-palette-11: var(--iap-colors-blue-11);
+    --iap-colors-color-palette-12: var(--iap-colors-blue-12);
+    --iap-colors-color-palette-a1: var(--iap-colors-blue-a1);
+    --iap-colors-color-palette-a2: var(--iap-colors-blue-a2);
+    --iap-colors-color-palette-a3: var(--iap-colors-blue-a3);
+    --iap-colors-color-palette-a4: var(--iap-colors-blue-a4);
+    --iap-colors-color-palette-a5: var(--iap-colors-blue-a5);
+    --iap-colors-color-palette-a6: var(--iap-colors-blue-a6);
+    --iap-colors-color-palette-a7: var(--iap-colors-blue-a7);
+    --iap-colors-color-palette-a8: var(--iap-colors-blue-a8);
+    --iap-colors-color-palette-a9: var(--iap-colors-blue-a9);
+    --iap-colors-color-palette-a10: var(--iap-colors-blue-a10);
+    --iap-colors-color-palette-a11: var(--iap-colors-blue-a11);
+    --iap-colors-color-palette-a12: var(--iap-colors-blue-a12);
+    --iap-colors-color-palette-default: var(--iap-colors-blue-default);
+    --iap-colors-color-palette-emphasized: var(--iap-colors-blue-emphasized);
+    --iap-colors-color-palette-fg: var(--iap-colors-blue-fg);
+    --iap-colors-color-palette-text: var(--iap-colors-blue-text);
+}
+
+  .iap-color-palette_blue\.light {
+    --iap-colors-color-palette-1: var(--iap-colors-blue-light-1);
+    --iap-colors-color-palette-2: var(--iap-colors-blue-light-2);
+    --iap-colors-color-palette-3: var(--iap-colors-blue-light-3);
+    --iap-colors-color-palette-4: var(--iap-colors-blue-light-4);
+    --iap-colors-color-palette-5: var(--iap-colors-blue-light-5);
+    --iap-colors-color-palette-6: var(--iap-colors-blue-light-6);
+    --iap-colors-color-palette-7: var(--iap-colors-blue-light-7);
+    --iap-colors-color-palette-8: var(--iap-colors-blue-light-8);
+    --iap-colors-color-palette-9: var(--iap-colors-blue-light-9);
+    --iap-colors-color-palette-10: var(--iap-colors-blue-light-10);
+    --iap-colors-color-palette-11: var(--iap-colors-blue-light-11);
+    --iap-colors-color-palette-12: var(--iap-colors-blue-light-12);
+    --iap-colors-color-palette-a1: var(--iap-colors-blue-light-a1);
+    --iap-colors-color-palette-a2: var(--iap-colors-blue-light-a2);
+    --iap-colors-color-palette-a3: var(--iap-colors-blue-light-a3);
+    --iap-colors-color-palette-a4: var(--iap-colors-blue-light-a4);
+    --iap-colors-color-palette-a5: var(--iap-colors-blue-light-a5);
+    --iap-colors-color-palette-a6: var(--iap-colors-blue-light-a6);
+    --iap-colors-color-palette-a7: var(--iap-colors-blue-light-a7);
+    --iap-colors-color-palette-a8: var(--iap-colors-blue-light-a8);
+    --iap-colors-color-palette-a9: var(--iap-colors-blue-light-a9);
+    --iap-colors-color-palette-a10: var(--iap-colors-blue-light-a10);
+    --iap-colors-color-palette-a11: var(--iap-colors-blue-light-a11);
+    --iap-colors-color-palette-a12: var(--iap-colors-blue-light-a12);
+}
+
+  .iap-color-palette_blue\.dark {
+    --iap-colors-color-palette-1: var(--iap-colors-blue-dark-1);
+    --iap-colors-color-palette-2: var(--iap-colors-blue-dark-2);
+    --iap-colors-color-palette-3: var(--iap-colors-blue-dark-3);
+    --iap-colors-color-palette-4: var(--iap-colors-blue-dark-4);
+    --iap-colors-color-palette-5: var(--iap-colors-blue-dark-5);
+    --iap-colors-color-palette-6: var(--iap-colors-blue-dark-6);
+    --iap-colors-color-palette-7: var(--iap-colors-blue-dark-7);
+    --iap-colors-color-palette-8: var(--iap-colors-blue-dark-8);
+    --iap-colors-color-palette-9: var(--iap-colors-blue-dark-9);
+    --iap-colors-color-palette-10: var(--iap-colors-blue-dark-10);
+    --iap-colors-color-palette-11: var(--iap-colors-blue-dark-11);
+    --iap-colors-color-palette-12: var(--iap-colors-blue-dark-12);
+    --iap-colors-color-palette-a1: var(--iap-colors-blue-dark-a1);
+    --iap-colors-color-palette-a2: var(--iap-colors-blue-dark-a2);
+    --iap-colors-color-palette-a3: var(--iap-colors-blue-dark-a3);
+    --iap-colors-color-palette-a4: var(--iap-colors-blue-dark-a4);
+    --iap-colors-color-palette-a5: var(--iap-colors-blue-dark-a5);
+    --iap-colors-color-palette-a6: var(--iap-colors-blue-dark-a6);
+    --iap-colors-color-palette-a7: var(--iap-colors-blue-dark-a7);
+    --iap-colors-color-palette-a8: var(--iap-colors-blue-dark-a8);
+    --iap-colors-color-palette-a9: var(--iap-colors-blue-dark-a9);
+    --iap-colors-color-palette-a10: var(--iap-colors-blue-dark-a10);
+    --iap-colors-color-palette-a11: var(--iap-colors-blue-dark-a11);
+    --iap-colors-color-palette-a12: var(--iap-colors-blue-dark-a12);
+}
+
+  .iap-color-palette_grass {
+    --iap-colors-color-palette-light-1: var(--iap-colors-grass-light-1);
+    --iap-colors-color-palette-light-2: var(--iap-colors-grass-light-2);
+    --iap-colors-color-palette-light-3: var(--iap-colors-grass-light-3);
+    --iap-colors-color-palette-light-4: var(--iap-colors-grass-light-4);
+    --iap-colors-color-palette-light-5: var(--iap-colors-grass-light-5);
+    --iap-colors-color-palette-light-6: var(--iap-colors-grass-light-6);
+    --iap-colors-color-palette-light-7: var(--iap-colors-grass-light-7);
+    --iap-colors-color-palette-light-8: var(--iap-colors-grass-light-8);
+    --iap-colors-color-palette-light-9: var(--iap-colors-grass-light-9);
+    --iap-colors-color-palette-light-10: var(--iap-colors-grass-light-10);
+    --iap-colors-color-palette-light-11: var(--iap-colors-grass-light-11);
+    --iap-colors-color-palette-light-12: var(--iap-colors-grass-light-12);
+    --iap-colors-color-palette-light-a1: var(--iap-colors-grass-light-a1);
+    --iap-colors-color-palette-light-a2: var(--iap-colors-grass-light-a2);
+    --iap-colors-color-palette-light-a3: var(--iap-colors-grass-light-a3);
+    --iap-colors-color-palette-light-a4: var(--iap-colors-grass-light-a4);
+    --iap-colors-color-palette-light-a5: var(--iap-colors-grass-light-a5);
+    --iap-colors-color-palette-light-a6: var(--iap-colors-grass-light-a6);
+    --iap-colors-color-palette-light-a7: var(--iap-colors-grass-light-a7);
+    --iap-colors-color-palette-light-a8: var(--iap-colors-grass-light-a8);
+    --iap-colors-color-palette-light-a9: var(--iap-colors-grass-light-a9);
+    --iap-colors-color-palette-light-a10: var(--iap-colors-grass-light-a10);
+    --iap-colors-color-palette-light-a11: var(--iap-colors-grass-light-a11);
+    --iap-colors-color-palette-light-a12: var(--iap-colors-grass-light-a12);
+    --iap-colors-color-palette-dark-1: var(--iap-colors-grass-dark-1);
+    --iap-colors-color-palette-dark-2: var(--iap-colors-grass-dark-2);
+    --iap-colors-color-palette-dark-3: var(--iap-colors-grass-dark-3);
+    --iap-colors-color-palette-dark-4: var(--iap-colors-grass-dark-4);
+    --iap-colors-color-palette-dark-5: var(--iap-colors-grass-dark-5);
+    --iap-colors-color-palette-dark-6: var(--iap-colors-grass-dark-6);
+    --iap-colors-color-palette-dark-7: var(--iap-colors-grass-dark-7);
+    --iap-colors-color-palette-dark-8: var(--iap-colors-grass-dark-8);
+    --iap-colors-color-palette-dark-9: var(--iap-colors-grass-dark-9);
+    --iap-colors-color-palette-dark-10: var(--iap-colors-grass-dark-10);
+    --iap-colors-color-palette-dark-11: var(--iap-colors-grass-dark-11);
+    --iap-colors-color-palette-dark-12: var(--iap-colors-grass-dark-12);
+    --iap-colors-color-palette-dark-a1: var(--iap-colors-grass-dark-a1);
+    --iap-colors-color-palette-dark-a2: var(--iap-colors-grass-dark-a2);
+    --iap-colors-color-palette-dark-a3: var(--iap-colors-grass-dark-a3);
+    --iap-colors-color-palette-dark-a4: var(--iap-colors-grass-dark-a4);
+    --iap-colors-color-palette-dark-a5: var(--iap-colors-grass-dark-a5);
+    --iap-colors-color-palette-dark-a6: var(--iap-colors-grass-dark-a6);
+    --iap-colors-color-palette-dark-a7: var(--iap-colors-grass-dark-a7);
+    --iap-colors-color-palette-dark-a8: var(--iap-colors-grass-dark-a8);
+    --iap-colors-color-palette-dark-a9: var(--iap-colors-grass-dark-a9);
+    --iap-colors-color-palette-dark-a10: var(--iap-colors-grass-dark-a10);
+    --iap-colors-color-palette-dark-a11: var(--iap-colors-grass-dark-a11);
+    --iap-colors-color-palette-dark-a12: var(--iap-colors-grass-dark-a12);
+    --iap-colors-color-palette-1: var(--iap-colors-grass-1);
+    --iap-colors-color-palette-2: var(--iap-colors-grass-2);
+    --iap-colors-color-palette-3: var(--iap-colors-grass-3);
+    --iap-colors-color-palette-4: var(--iap-colors-grass-4);
+    --iap-colors-color-palette-5: var(--iap-colors-grass-5);
+    --iap-colors-color-palette-6: var(--iap-colors-grass-6);
+    --iap-colors-color-palette-7: var(--iap-colors-grass-7);
+    --iap-colors-color-palette-8: var(--iap-colors-grass-8);
+    --iap-colors-color-palette-9: var(--iap-colors-grass-9);
+    --iap-colors-color-palette-10: var(--iap-colors-grass-10);
+    --iap-colors-color-palette-11: var(--iap-colors-grass-11);
+    --iap-colors-color-palette-12: var(--iap-colors-grass-12);
+    --iap-colors-color-palette-a1: var(--iap-colors-grass-a1);
+    --iap-colors-color-palette-a2: var(--iap-colors-grass-a2);
+    --iap-colors-color-palette-a3: var(--iap-colors-grass-a3);
+    --iap-colors-color-palette-a4: var(--iap-colors-grass-a4);
+    --iap-colors-color-palette-a5: var(--iap-colors-grass-a5);
+    --iap-colors-color-palette-a6: var(--iap-colors-grass-a6);
+    --iap-colors-color-palette-a7: var(--iap-colors-grass-a7);
+    --iap-colors-color-palette-a8: var(--iap-colors-grass-a8);
+    --iap-colors-color-palette-a9: var(--iap-colors-grass-a9);
+    --iap-colors-color-palette-a10: var(--iap-colors-grass-a10);
+    --iap-colors-color-palette-a11: var(--iap-colors-grass-a11);
+    --iap-colors-color-palette-a12: var(--iap-colors-grass-a12);
+    --iap-colors-color-palette-default: var(--iap-colors-grass-default);
+    --iap-colors-color-palette-emphasized: var(--iap-colors-grass-emphasized);
+    --iap-colors-color-palette-fg: var(--iap-colors-grass-fg);
+    --iap-colors-color-palette-text: var(--iap-colors-grass-text);
+}
+
+  .iap-color-palette_grass\.light {
+    --iap-colors-color-palette-1: var(--iap-colors-grass-light-1);
+    --iap-colors-color-palette-2: var(--iap-colors-grass-light-2);
+    --iap-colors-color-palette-3: var(--iap-colors-grass-light-3);
+    --iap-colors-color-palette-4: var(--iap-colors-grass-light-4);
+    --iap-colors-color-palette-5: var(--iap-colors-grass-light-5);
+    --iap-colors-color-palette-6: var(--iap-colors-grass-light-6);
+    --iap-colors-color-palette-7: var(--iap-colors-grass-light-7);
+    --iap-colors-color-palette-8: var(--iap-colors-grass-light-8);
+    --iap-colors-color-palette-9: var(--iap-colors-grass-light-9);
+    --iap-colors-color-palette-10: var(--iap-colors-grass-light-10);
+    --iap-colors-color-palette-11: var(--iap-colors-grass-light-11);
+    --iap-colors-color-palette-12: var(--iap-colors-grass-light-12);
+    --iap-colors-color-palette-a1: var(--iap-colors-grass-light-a1);
+    --iap-colors-color-palette-a2: var(--iap-colors-grass-light-a2);
+    --iap-colors-color-palette-a3: var(--iap-colors-grass-light-a3);
+    --iap-colors-color-palette-a4: var(--iap-colors-grass-light-a4);
+    --iap-colors-color-palette-a5: var(--iap-colors-grass-light-a5);
+    --iap-colors-color-palette-a6: var(--iap-colors-grass-light-a6);
+    --iap-colors-color-palette-a7: var(--iap-colors-grass-light-a7);
+    --iap-colors-color-palette-a8: var(--iap-colors-grass-light-a8);
+    --iap-colors-color-palette-a9: var(--iap-colors-grass-light-a9);
+    --iap-colors-color-palette-a10: var(--iap-colors-grass-light-a10);
+    --iap-colors-color-palette-a11: var(--iap-colors-grass-light-a11);
+    --iap-colors-color-palette-a12: var(--iap-colors-grass-light-a12);
+}
+
+  .iap-color-palette_grass\.dark {
+    --iap-colors-color-palette-1: var(--iap-colors-grass-dark-1);
+    --iap-colors-color-palette-2: var(--iap-colors-grass-dark-2);
+    --iap-colors-color-palette-3: var(--iap-colors-grass-dark-3);
+    --iap-colors-color-palette-4: var(--iap-colors-grass-dark-4);
+    --iap-colors-color-palette-5: var(--iap-colors-grass-dark-5);
+    --iap-colors-color-palette-6: var(--iap-colors-grass-dark-6);
+    --iap-colors-color-palette-7: var(--iap-colors-grass-dark-7);
+    --iap-colors-color-palette-8: var(--iap-colors-grass-dark-8);
+    --iap-colors-color-palette-9: var(--iap-colors-grass-dark-9);
+    --iap-colors-color-palette-10: var(--iap-colors-grass-dark-10);
+    --iap-colors-color-palette-11: var(--iap-colors-grass-dark-11);
+    --iap-colors-color-palette-12: var(--iap-colors-grass-dark-12);
+    --iap-colors-color-palette-a1: var(--iap-colors-grass-dark-a1);
+    --iap-colors-color-palette-a2: var(--iap-colors-grass-dark-a2);
+    --iap-colors-color-palette-a3: var(--iap-colors-grass-dark-a3);
+    --iap-colors-color-palette-a4: var(--iap-colors-grass-dark-a4);
+    --iap-colors-color-palette-a5: var(--iap-colors-grass-dark-a5);
+    --iap-colors-color-palette-a6: var(--iap-colors-grass-dark-a6);
+    --iap-colors-color-palette-a7: var(--iap-colors-grass-dark-a7);
+    --iap-colors-color-palette-a8: var(--iap-colors-grass-dark-a8);
+    --iap-colors-color-palette-a9: var(--iap-colors-grass-dark-a9);
+    --iap-colors-color-palette-a10: var(--iap-colors-grass-dark-a10);
+    --iap-colors-color-palette-a11: var(--iap-colors-grass-dark-a11);
+    --iap-colors-color-palette-a12: var(--iap-colors-grass-dark-a12);
+}
+
   .iap-color-palette_gray\.light {
     --iap-colors-color-palette-1: var(--iap-colors-gray-light-1);
     --iap-colors-color-palette-2: var(--iap-colors-gray-light-2);
@@ -3488,139 +4119,6 @@
     --iap-colors-color-palette-a12: var(--iap-colors-gray-dark-a12);
 }
 
-  .iap-color-palette_green {
-    --iap-colors-color-palette-light-1: var(--iap-colors-green-light-1);
-    --iap-colors-color-palette-light-2: var(--iap-colors-green-light-2);
-    --iap-colors-color-palette-light-3: var(--iap-colors-green-light-3);
-    --iap-colors-color-palette-light-4: var(--iap-colors-green-light-4);
-    --iap-colors-color-palette-light-5: var(--iap-colors-green-light-5);
-    --iap-colors-color-palette-light-6: var(--iap-colors-green-light-6);
-    --iap-colors-color-palette-light-7: var(--iap-colors-green-light-7);
-    --iap-colors-color-palette-light-8: var(--iap-colors-green-light-8);
-    --iap-colors-color-palette-light-9: var(--iap-colors-green-light-9);
-    --iap-colors-color-palette-light-10: var(--iap-colors-green-light-10);
-    --iap-colors-color-palette-light-11: var(--iap-colors-green-light-11);
-    --iap-colors-color-palette-light-12: var(--iap-colors-green-light-12);
-    --iap-colors-color-palette-light-a1: var(--iap-colors-green-light-a1);
-    --iap-colors-color-palette-light-a2: var(--iap-colors-green-light-a2);
-    --iap-colors-color-palette-light-a3: var(--iap-colors-green-light-a3);
-    --iap-colors-color-palette-light-a4: var(--iap-colors-green-light-a4);
-    --iap-colors-color-palette-light-a5: var(--iap-colors-green-light-a5);
-    --iap-colors-color-palette-light-a6: var(--iap-colors-green-light-a6);
-    --iap-colors-color-palette-light-a7: var(--iap-colors-green-light-a7);
-    --iap-colors-color-palette-light-a8: var(--iap-colors-green-light-a8);
-    --iap-colors-color-palette-light-a9: var(--iap-colors-green-light-a9);
-    --iap-colors-color-palette-light-a10: var(--iap-colors-green-light-a10);
-    --iap-colors-color-palette-light-a11: var(--iap-colors-green-light-a11);
-    --iap-colors-color-palette-light-a12: var(--iap-colors-green-light-a12);
-    --iap-colors-color-palette-dark-1: var(--iap-colors-green-dark-1);
-    --iap-colors-color-palette-dark-2: var(--iap-colors-green-dark-2);
-    --iap-colors-color-palette-dark-3: var(--iap-colors-green-dark-3);
-    --iap-colors-color-palette-dark-4: var(--iap-colors-green-dark-4);
-    --iap-colors-color-palette-dark-5: var(--iap-colors-green-dark-5);
-    --iap-colors-color-palette-dark-6: var(--iap-colors-green-dark-6);
-    --iap-colors-color-palette-dark-7: var(--iap-colors-green-dark-7);
-    --iap-colors-color-palette-dark-8: var(--iap-colors-green-dark-8);
-    --iap-colors-color-palette-dark-9: var(--iap-colors-green-dark-9);
-    --iap-colors-color-palette-dark-10: var(--iap-colors-green-dark-10);
-    --iap-colors-color-palette-dark-11: var(--iap-colors-green-dark-11);
-    --iap-colors-color-palette-dark-12: var(--iap-colors-green-dark-12);
-    --iap-colors-color-palette-dark-a1: var(--iap-colors-green-dark-a1);
-    --iap-colors-color-palette-dark-a2: var(--iap-colors-green-dark-a2);
-    --iap-colors-color-palette-dark-a3: var(--iap-colors-green-dark-a3);
-    --iap-colors-color-palette-dark-a4: var(--iap-colors-green-dark-a4);
-    --iap-colors-color-palette-dark-a5: var(--iap-colors-green-dark-a5);
-    --iap-colors-color-palette-dark-a6: var(--iap-colors-green-dark-a6);
-    --iap-colors-color-palette-dark-a7: var(--iap-colors-green-dark-a7);
-    --iap-colors-color-palette-dark-a8: var(--iap-colors-green-dark-a8);
-    --iap-colors-color-palette-dark-a9: var(--iap-colors-green-dark-a9);
-    --iap-colors-color-palette-dark-a10: var(--iap-colors-green-dark-a10);
-    --iap-colors-color-palette-dark-a11: var(--iap-colors-green-dark-a11);
-    --iap-colors-color-palette-dark-a12: var(--iap-colors-green-dark-a12);
-    --iap-colors-color-palette-1: var(--iap-colors-green-1);
-    --iap-colors-color-palette-2: var(--iap-colors-green-2);
-    --iap-colors-color-palette-3: var(--iap-colors-green-3);
-    --iap-colors-color-palette-4: var(--iap-colors-green-4);
-    --iap-colors-color-palette-5: var(--iap-colors-green-5);
-    --iap-colors-color-palette-6: var(--iap-colors-green-6);
-    --iap-colors-color-palette-7: var(--iap-colors-green-7);
-    --iap-colors-color-palette-8: var(--iap-colors-green-8);
-    --iap-colors-color-palette-9: var(--iap-colors-green-9);
-    --iap-colors-color-palette-10: var(--iap-colors-green-10);
-    --iap-colors-color-palette-11: var(--iap-colors-green-11);
-    --iap-colors-color-palette-12: var(--iap-colors-green-12);
-    --iap-colors-color-palette-a1: var(--iap-colors-green-a1);
-    --iap-colors-color-palette-a2: var(--iap-colors-green-a2);
-    --iap-colors-color-palette-a3: var(--iap-colors-green-a3);
-    --iap-colors-color-palette-a4: var(--iap-colors-green-a4);
-    --iap-colors-color-palette-a5: var(--iap-colors-green-a5);
-    --iap-colors-color-palette-a6: var(--iap-colors-green-a6);
-    --iap-colors-color-palette-a7: var(--iap-colors-green-a7);
-    --iap-colors-color-palette-a8: var(--iap-colors-green-a8);
-    --iap-colors-color-palette-a9: var(--iap-colors-green-a9);
-    --iap-colors-color-palette-a10: var(--iap-colors-green-a10);
-    --iap-colors-color-palette-a11: var(--iap-colors-green-a11);
-    --iap-colors-color-palette-a12: var(--iap-colors-green-a12);
-    --iap-colors-color-palette-default: var(--iap-colors-green-default);
-    --iap-colors-color-palette-emphasized: var(--iap-colors-green-emphasized);
-    --iap-colors-color-palette-fg: var(--iap-colors-green-fg);
-    --iap-colors-color-palette-text: var(--iap-colors-green-text);
-}
-
-  .iap-color-palette_green\.light {
-    --iap-colors-color-palette-1: var(--iap-colors-green-light-1);
-    --iap-colors-color-palette-2: var(--iap-colors-green-light-2);
-    --iap-colors-color-palette-3: var(--iap-colors-green-light-3);
-    --iap-colors-color-palette-4: var(--iap-colors-green-light-4);
-    --iap-colors-color-palette-5: var(--iap-colors-green-light-5);
-    --iap-colors-color-palette-6: var(--iap-colors-green-light-6);
-    --iap-colors-color-palette-7: var(--iap-colors-green-light-7);
-    --iap-colors-color-palette-8: var(--iap-colors-green-light-8);
-    --iap-colors-color-palette-9: var(--iap-colors-green-light-9);
-    --iap-colors-color-palette-10: var(--iap-colors-green-light-10);
-    --iap-colors-color-palette-11: var(--iap-colors-green-light-11);
-    --iap-colors-color-palette-12: var(--iap-colors-green-light-12);
-    --iap-colors-color-palette-a1: var(--iap-colors-green-light-a1);
-    --iap-colors-color-palette-a2: var(--iap-colors-green-light-a2);
-    --iap-colors-color-palette-a3: var(--iap-colors-green-light-a3);
-    --iap-colors-color-palette-a4: var(--iap-colors-green-light-a4);
-    --iap-colors-color-palette-a5: var(--iap-colors-green-light-a5);
-    --iap-colors-color-palette-a6: var(--iap-colors-green-light-a6);
-    --iap-colors-color-palette-a7: var(--iap-colors-green-light-a7);
-    --iap-colors-color-palette-a8: var(--iap-colors-green-light-a8);
-    --iap-colors-color-palette-a9: var(--iap-colors-green-light-a9);
-    --iap-colors-color-palette-a10: var(--iap-colors-green-light-a10);
-    --iap-colors-color-palette-a11: var(--iap-colors-green-light-a11);
-    --iap-colors-color-palette-a12: var(--iap-colors-green-light-a12);
-}
-
-  .iap-color-palette_green\.dark {
-    --iap-colors-color-palette-1: var(--iap-colors-green-dark-1);
-    --iap-colors-color-palette-2: var(--iap-colors-green-dark-2);
-    --iap-colors-color-palette-3: var(--iap-colors-green-dark-3);
-    --iap-colors-color-palette-4: var(--iap-colors-green-dark-4);
-    --iap-colors-color-palette-5: var(--iap-colors-green-dark-5);
-    --iap-colors-color-palette-6: var(--iap-colors-green-dark-6);
-    --iap-colors-color-palette-7: var(--iap-colors-green-dark-7);
-    --iap-colors-color-palette-8: var(--iap-colors-green-dark-8);
-    --iap-colors-color-palette-9: var(--iap-colors-green-dark-9);
-    --iap-colors-color-palette-10: var(--iap-colors-green-dark-10);
-    --iap-colors-color-palette-11: var(--iap-colors-green-dark-11);
-    --iap-colors-color-palette-12: var(--iap-colors-green-dark-12);
-    --iap-colors-color-palette-a1: var(--iap-colors-green-dark-a1);
-    --iap-colors-color-palette-a2: var(--iap-colors-green-dark-a2);
-    --iap-colors-color-palette-a3: var(--iap-colors-green-dark-a3);
-    --iap-colors-color-palette-a4: var(--iap-colors-green-dark-a4);
-    --iap-colors-color-palette-a5: var(--iap-colors-green-dark-a5);
-    --iap-colors-color-palette-a6: var(--iap-colors-green-dark-a6);
-    --iap-colors-color-palette-a7: var(--iap-colors-green-dark-a7);
-    --iap-colors-color-palette-a8: var(--iap-colors-green-dark-a8);
-    --iap-colors-color-palette-a9: var(--iap-colors-green-dark-a9);
-    --iap-colors-color-palette-a10: var(--iap-colors-green-dark-a10);
-    --iap-colors-color-palette-a11: var(--iap-colors-green-dark-a11);
-    --iap-colors-color-palette-a12: var(--iap-colors-green-dark-a12);
-}
-
   .iap-color-palette_red {
     --iap-colors-color-palette-light-1: var(--iap-colors-red-light-1);
     --iap-colors-color-palette-light-2: var(--iap-colors-red-light-2);
@@ -3754,139 +4252,6 @@
     --iap-colors-color-palette-a12: var(--iap-colors-red-dark-a12);
 }
 
-  .iap-color-palette_sand {
-    --iap-colors-color-palette-light-1: var(--iap-colors-sand-light-1);
-    --iap-colors-color-palette-light-2: var(--iap-colors-sand-light-2);
-    --iap-colors-color-palette-light-3: var(--iap-colors-sand-light-3);
-    --iap-colors-color-palette-light-4: var(--iap-colors-sand-light-4);
-    --iap-colors-color-palette-light-5: var(--iap-colors-sand-light-5);
-    --iap-colors-color-palette-light-6: var(--iap-colors-sand-light-6);
-    --iap-colors-color-palette-light-7: var(--iap-colors-sand-light-7);
-    --iap-colors-color-palette-light-8: var(--iap-colors-sand-light-8);
-    --iap-colors-color-palette-light-9: var(--iap-colors-sand-light-9);
-    --iap-colors-color-palette-light-10: var(--iap-colors-sand-light-10);
-    --iap-colors-color-palette-light-11: var(--iap-colors-sand-light-11);
-    --iap-colors-color-palette-light-12: var(--iap-colors-sand-light-12);
-    --iap-colors-color-palette-light-a1: var(--iap-colors-sand-light-a1);
-    --iap-colors-color-palette-light-a2: var(--iap-colors-sand-light-a2);
-    --iap-colors-color-palette-light-a3: var(--iap-colors-sand-light-a3);
-    --iap-colors-color-palette-light-a4: var(--iap-colors-sand-light-a4);
-    --iap-colors-color-palette-light-a5: var(--iap-colors-sand-light-a5);
-    --iap-colors-color-palette-light-a6: var(--iap-colors-sand-light-a6);
-    --iap-colors-color-palette-light-a7: var(--iap-colors-sand-light-a7);
-    --iap-colors-color-palette-light-a8: var(--iap-colors-sand-light-a8);
-    --iap-colors-color-palette-light-a9: var(--iap-colors-sand-light-a9);
-    --iap-colors-color-palette-light-a10: var(--iap-colors-sand-light-a10);
-    --iap-colors-color-palette-light-a11: var(--iap-colors-sand-light-a11);
-    --iap-colors-color-palette-light-a12: var(--iap-colors-sand-light-a12);
-    --iap-colors-color-palette-dark-1: var(--iap-colors-sand-dark-1);
-    --iap-colors-color-palette-dark-2: var(--iap-colors-sand-dark-2);
-    --iap-colors-color-palette-dark-3: var(--iap-colors-sand-dark-3);
-    --iap-colors-color-palette-dark-4: var(--iap-colors-sand-dark-4);
-    --iap-colors-color-palette-dark-5: var(--iap-colors-sand-dark-5);
-    --iap-colors-color-palette-dark-6: var(--iap-colors-sand-dark-6);
-    --iap-colors-color-palette-dark-7: var(--iap-colors-sand-dark-7);
-    --iap-colors-color-palette-dark-8: var(--iap-colors-sand-dark-8);
-    --iap-colors-color-palette-dark-9: var(--iap-colors-sand-dark-9);
-    --iap-colors-color-palette-dark-10: var(--iap-colors-sand-dark-10);
-    --iap-colors-color-palette-dark-11: var(--iap-colors-sand-dark-11);
-    --iap-colors-color-palette-dark-12: var(--iap-colors-sand-dark-12);
-    --iap-colors-color-palette-dark-a1: var(--iap-colors-sand-dark-a1);
-    --iap-colors-color-palette-dark-a2: var(--iap-colors-sand-dark-a2);
-    --iap-colors-color-palette-dark-a3: var(--iap-colors-sand-dark-a3);
-    --iap-colors-color-palette-dark-a4: var(--iap-colors-sand-dark-a4);
-    --iap-colors-color-palette-dark-a5: var(--iap-colors-sand-dark-a5);
-    --iap-colors-color-palette-dark-a6: var(--iap-colors-sand-dark-a6);
-    --iap-colors-color-palette-dark-a7: var(--iap-colors-sand-dark-a7);
-    --iap-colors-color-palette-dark-a8: var(--iap-colors-sand-dark-a8);
-    --iap-colors-color-palette-dark-a9: var(--iap-colors-sand-dark-a9);
-    --iap-colors-color-palette-dark-a10: var(--iap-colors-sand-dark-a10);
-    --iap-colors-color-palette-dark-a11: var(--iap-colors-sand-dark-a11);
-    --iap-colors-color-palette-dark-a12: var(--iap-colors-sand-dark-a12);
-    --iap-colors-color-palette-1: var(--iap-colors-sand-1);
-    --iap-colors-color-palette-2: var(--iap-colors-sand-2);
-    --iap-colors-color-palette-3: var(--iap-colors-sand-3);
-    --iap-colors-color-palette-4: var(--iap-colors-sand-4);
-    --iap-colors-color-palette-5: var(--iap-colors-sand-5);
-    --iap-colors-color-palette-6: var(--iap-colors-sand-6);
-    --iap-colors-color-palette-7: var(--iap-colors-sand-7);
-    --iap-colors-color-palette-8: var(--iap-colors-sand-8);
-    --iap-colors-color-palette-9: var(--iap-colors-sand-9);
-    --iap-colors-color-palette-10: var(--iap-colors-sand-10);
-    --iap-colors-color-palette-11: var(--iap-colors-sand-11);
-    --iap-colors-color-palette-12: var(--iap-colors-sand-12);
-    --iap-colors-color-palette-a1: var(--iap-colors-sand-a1);
-    --iap-colors-color-palette-a2: var(--iap-colors-sand-a2);
-    --iap-colors-color-palette-a3: var(--iap-colors-sand-a3);
-    --iap-colors-color-palette-a4: var(--iap-colors-sand-a4);
-    --iap-colors-color-palette-a5: var(--iap-colors-sand-a5);
-    --iap-colors-color-palette-a6: var(--iap-colors-sand-a6);
-    --iap-colors-color-palette-a7: var(--iap-colors-sand-a7);
-    --iap-colors-color-palette-a8: var(--iap-colors-sand-a8);
-    --iap-colors-color-palette-a9: var(--iap-colors-sand-a9);
-    --iap-colors-color-palette-a10: var(--iap-colors-sand-a10);
-    --iap-colors-color-palette-a11: var(--iap-colors-sand-a11);
-    --iap-colors-color-palette-a12: var(--iap-colors-sand-a12);
-    --iap-colors-color-palette-default: var(--iap-colors-sand-default);
-    --iap-colors-color-palette-emphasized: var(--iap-colors-sand-emphasized);
-    --iap-colors-color-palette-fg: var(--iap-colors-sand-fg);
-    --iap-colors-color-palette-text: var(--iap-colors-sand-text);
-}
-
-  .iap-color-palette_sand\.light {
-    --iap-colors-color-palette-1: var(--iap-colors-sand-light-1);
-    --iap-colors-color-palette-2: var(--iap-colors-sand-light-2);
-    --iap-colors-color-palette-3: var(--iap-colors-sand-light-3);
-    --iap-colors-color-palette-4: var(--iap-colors-sand-light-4);
-    --iap-colors-color-palette-5: var(--iap-colors-sand-light-5);
-    --iap-colors-color-palette-6: var(--iap-colors-sand-light-6);
-    --iap-colors-color-palette-7: var(--iap-colors-sand-light-7);
-    --iap-colors-color-palette-8: var(--iap-colors-sand-light-8);
-    --iap-colors-color-palette-9: var(--iap-colors-sand-light-9);
-    --iap-colors-color-palette-10: var(--iap-colors-sand-light-10);
-    --iap-colors-color-palette-11: var(--iap-colors-sand-light-11);
-    --iap-colors-color-palette-12: var(--iap-colors-sand-light-12);
-    --iap-colors-color-palette-a1: var(--iap-colors-sand-light-a1);
-    --iap-colors-color-palette-a2: var(--iap-colors-sand-light-a2);
-    --iap-colors-color-palette-a3: var(--iap-colors-sand-light-a3);
-    --iap-colors-color-palette-a4: var(--iap-colors-sand-light-a4);
-    --iap-colors-color-palette-a5: var(--iap-colors-sand-light-a5);
-    --iap-colors-color-palette-a6: var(--iap-colors-sand-light-a6);
-    --iap-colors-color-palette-a7: var(--iap-colors-sand-light-a7);
-    --iap-colors-color-palette-a8: var(--iap-colors-sand-light-a8);
-    --iap-colors-color-palette-a9: var(--iap-colors-sand-light-a9);
-    --iap-colors-color-palette-a10: var(--iap-colors-sand-light-a10);
-    --iap-colors-color-palette-a11: var(--iap-colors-sand-light-a11);
-    --iap-colors-color-palette-a12: var(--iap-colors-sand-light-a12);
-}
-
-  .iap-color-palette_sand\.dark {
-    --iap-colors-color-palette-1: var(--iap-colors-sand-dark-1);
-    --iap-colors-color-palette-2: var(--iap-colors-sand-dark-2);
-    --iap-colors-color-palette-3: var(--iap-colors-sand-dark-3);
-    --iap-colors-color-palette-4: var(--iap-colors-sand-dark-4);
-    --iap-colors-color-palette-5: var(--iap-colors-sand-dark-5);
-    --iap-colors-color-palette-6: var(--iap-colors-sand-dark-6);
-    --iap-colors-color-palette-7: var(--iap-colors-sand-dark-7);
-    --iap-colors-color-palette-8: var(--iap-colors-sand-dark-8);
-    --iap-colors-color-palette-9: var(--iap-colors-sand-dark-9);
-    --iap-colors-color-palette-10: var(--iap-colors-sand-dark-10);
-    --iap-colors-color-palette-11: var(--iap-colors-sand-dark-11);
-    --iap-colors-color-palette-12: var(--iap-colors-sand-dark-12);
-    --iap-colors-color-palette-a1: var(--iap-colors-sand-dark-a1);
-    --iap-colors-color-palette-a2: var(--iap-colors-sand-dark-a2);
-    --iap-colors-color-palette-a3: var(--iap-colors-sand-dark-a3);
-    --iap-colors-color-palette-a4: var(--iap-colors-sand-dark-a4);
-    --iap-colors-color-palette-a5: var(--iap-colors-sand-dark-a5);
-    --iap-colors-color-palette-a6: var(--iap-colors-sand-dark-a6);
-    --iap-colors-color-palette-a7: var(--iap-colors-sand-dark-a7);
-    --iap-colors-color-palette-a8: var(--iap-colors-sand-dark-a8);
-    --iap-colors-color-palette-a9: var(--iap-colors-sand-dark-a9);
-    --iap-colors-color-palette-a10: var(--iap-colors-sand-dark-a10);
-    --iap-colors-color-palette-a11: var(--iap-colors-sand-dark-a11);
-    --iap-colors-color-palette-a12: var(--iap-colors-sand-dark-a12);
-}
-
   .iap-color-palette_slate {
     --iap-colors-color-palette-light-1: var(--iap-colors-slate-light-1);
     --iap-colors-color-palette-light-2: var(--iap-colors-slate-light-2);
@@ -4153,139 +4518,6 @@
     --iap-colors-color-palette-a12: var(--iap-colors-tomato-dark-a12);
 }
 
-  .iap-color-palette_yellow {
-    --iap-colors-color-palette-light-1: var(--iap-colors-yellow-light-1);
-    --iap-colors-color-palette-light-2: var(--iap-colors-yellow-light-2);
-    --iap-colors-color-palette-light-3: var(--iap-colors-yellow-light-3);
-    --iap-colors-color-palette-light-4: var(--iap-colors-yellow-light-4);
-    --iap-colors-color-palette-light-5: var(--iap-colors-yellow-light-5);
-    --iap-colors-color-palette-light-6: var(--iap-colors-yellow-light-6);
-    --iap-colors-color-palette-light-7: var(--iap-colors-yellow-light-7);
-    --iap-colors-color-palette-light-8: var(--iap-colors-yellow-light-8);
-    --iap-colors-color-palette-light-9: var(--iap-colors-yellow-light-9);
-    --iap-colors-color-palette-light-10: var(--iap-colors-yellow-light-10);
-    --iap-colors-color-palette-light-11: var(--iap-colors-yellow-light-11);
-    --iap-colors-color-palette-light-12: var(--iap-colors-yellow-light-12);
-    --iap-colors-color-palette-light-a1: var(--iap-colors-yellow-light-a1);
-    --iap-colors-color-palette-light-a2: var(--iap-colors-yellow-light-a2);
-    --iap-colors-color-palette-light-a3: var(--iap-colors-yellow-light-a3);
-    --iap-colors-color-palette-light-a4: var(--iap-colors-yellow-light-a4);
-    --iap-colors-color-palette-light-a5: var(--iap-colors-yellow-light-a5);
-    --iap-colors-color-palette-light-a6: var(--iap-colors-yellow-light-a6);
-    --iap-colors-color-palette-light-a7: var(--iap-colors-yellow-light-a7);
-    --iap-colors-color-palette-light-a8: var(--iap-colors-yellow-light-a8);
-    --iap-colors-color-palette-light-a9: var(--iap-colors-yellow-light-a9);
-    --iap-colors-color-palette-light-a10: var(--iap-colors-yellow-light-a10);
-    --iap-colors-color-palette-light-a11: var(--iap-colors-yellow-light-a11);
-    --iap-colors-color-palette-light-a12: var(--iap-colors-yellow-light-a12);
-    --iap-colors-color-palette-dark-1: var(--iap-colors-yellow-dark-1);
-    --iap-colors-color-palette-dark-2: var(--iap-colors-yellow-dark-2);
-    --iap-colors-color-palette-dark-3: var(--iap-colors-yellow-dark-3);
-    --iap-colors-color-palette-dark-4: var(--iap-colors-yellow-dark-4);
-    --iap-colors-color-palette-dark-5: var(--iap-colors-yellow-dark-5);
-    --iap-colors-color-palette-dark-6: var(--iap-colors-yellow-dark-6);
-    --iap-colors-color-palette-dark-7: var(--iap-colors-yellow-dark-7);
-    --iap-colors-color-palette-dark-8: var(--iap-colors-yellow-dark-8);
-    --iap-colors-color-palette-dark-9: var(--iap-colors-yellow-dark-9);
-    --iap-colors-color-palette-dark-10: var(--iap-colors-yellow-dark-10);
-    --iap-colors-color-palette-dark-11: var(--iap-colors-yellow-dark-11);
-    --iap-colors-color-palette-dark-12: var(--iap-colors-yellow-dark-12);
-    --iap-colors-color-palette-dark-a1: var(--iap-colors-yellow-dark-a1);
-    --iap-colors-color-palette-dark-a2: var(--iap-colors-yellow-dark-a2);
-    --iap-colors-color-palette-dark-a3: var(--iap-colors-yellow-dark-a3);
-    --iap-colors-color-palette-dark-a4: var(--iap-colors-yellow-dark-a4);
-    --iap-colors-color-palette-dark-a5: var(--iap-colors-yellow-dark-a5);
-    --iap-colors-color-palette-dark-a6: var(--iap-colors-yellow-dark-a6);
-    --iap-colors-color-palette-dark-a7: var(--iap-colors-yellow-dark-a7);
-    --iap-colors-color-palette-dark-a8: var(--iap-colors-yellow-dark-a8);
-    --iap-colors-color-palette-dark-a9: var(--iap-colors-yellow-dark-a9);
-    --iap-colors-color-palette-dark-a10: var(--iap-colors-yellow-dark-a10);
-    --iap-colors-color-palette-dark-a11: var(--iap-colors-yellow-dark-a11);
-    --iap-colors-color-palette-dark-a12: var(--iap-colors-yellow-dark-a12);
-    --iap-colors-color-palette-1: var(--iap-colors-yellow-1);
-    --iap-colors-color-palette-2: var(--iap-colors-yellow-2);
-    --iap-colors-color-palette-3: var(--iap-colors-yellow-3);
-    --iap-colors-color-palette-4: var(--iap-colors-yellow-4);
-    --iap-colors-color-palette-5: var(--iap-colors-yellow-5);
-    --iap-colors-color-palette-6: var(--iap-colors-yellow-6);
-    --iap-colors-color-palette-7: var(--iap-colors-yellow-7);
-    --iap-colors-color-palette-8: var(--iap-colors-yellow-8);
-    --iap-colors-color-palette-9: var(--iap-colors-yellow-9);
-    --iap-colors-color-palette-10: var(--iap-colors-yellow-10);
-    --iap-colors-color-palette-11: var(--iap-colors-yellow-11);
-    --iap-colors-color-palette-12: var(--iap-colors-yellow-12);
-    --iap-colors-color-palette-a1: var(--iap-colors-yellow-a1);
-    --iap-colors-color-palette-a2: var(--iap-colors-yellow-a2);
-    --iap-colors-color-palette-a3: var(--iap-colors-yellow-a3);
-    --iap-colors-color-palette-a4: var(--iap-colors-yellow-a4);
-    --iap-colors-color-palette-a5: var(--iap-colors-yellow-a5);
-    --iap-colors-color-palette-a6: var(--iap-colors-yellow-a6);
-    --iap-colors-color-palette-a7: var(--iap-colors-yellow-a7);
-    --iap-colors-color-palette-a8: var(--iap-colors-yellow-a8);
-    --iap-colors-color-palette-a9: var(--iap-colors-yellow-a9);
-    --iap-colors-color-palette-a10: var(--iap-colors-yellow-a10);
-    --iap-colors-color-palette-a11: var(--iap-colors-yellow-a11);
-    --iap-colors-color-palette-a12: var(--iap-colors-yellow-a12);
-    --iap-colors-color-palette-default: var(--iap-colors-yellow-default);
-    --iap-colors-color-palette-emphasized: var(--iap-colors-yellow-emphasized);
-    --iap-colors-color-palette-fg: var(--iap-colors-yellow-fg);
-    --iap-colors-color-palette-text: var(--iap-colors-yellow-text);
-}
-
-  .iap-color-palette_yellow\.light {
-    --iap-colors-color-palette-1: var(--iap-colors-yellow-light-1);
-    --iap-colors-color-palette-2: var(--iap-colors-yellow-light-2);
-    --iap-colors-color-palette-3: var(--iap-colors-yellow-light-3);
-    --iap-colors-color-palette-4: var(--iap-colors-yellow-light-4);
-    --iap-colors-color-palette-5: var(--iap-colors-yellow-light-5);
-    --iap-colors-color-palette-6: var(--iap-colors-yellow-light-6);
-    --iap-colors-color-palette-7: var(--iap-colors-yellow-light-7);
-    --iap-colors-color-palette-8: var(--iap-colors-yellow-light-8);
-    --iap-colors-color-palette-9: var(--iap-colors-yellow-light-9);
-    --iap-colors-color-palette-10: var(--iap-colors-yellow-light-10);
-    --iap-colors-color-palette-11: var(--iap-colors-yellow-light-11);
-    --iap-colors-color-palette-12: var(--iap-colors-yellow-light-12);
-    --iap-colors-color-palette-a1: var(--iap-colors-yellow-light-a1);
-    --iap-colors-color-palette-a2: var(--iap-colors-yellow-light-a2);
-    --iap-colors-color-palette-a3: var(--iap-colors-yellow-light-a3);
-    --iap-colors-color-palette-a4: var(--iap-colors-yellow-light-a4);
-    --iap-colors-color-palette-a5: var(--iap-colors-yellow-light-a5);
-    --iap-colors-color-palette-a6: var(--iap-colors-yellow-light-a6);
-    --iap-colors-color-palette-a7: var(--iap-colors-yellow-light-a7);
-    --iap-colors-color-palette-a8: var(--iap-colors-yellow-light-a8);
-    --iap-colors-color-palette-a9: var(--iap-colors-yellow-light-a9);
-    --iap-colors-color-palette-a10: var(--iap-colors-yellow-light-a10);
-    --iap-colors-color-palette-a11: var(--iap-colors-yellow-light-a11);
-    --iap-colors-color-palette-a12: var(--iap-colors-yellow-light-a12);
-}
-
-  .iap-color-palette_yellow\.dark {
-    --iap-colors-color-palette-1: var(--iap-colors-yellow-dark-1);
-    --iap-colors-color-palette-2: var(--iap-colors-yellow-dark-2);
-    --iap-colors-color-palette-3: var(--iap-colors-yellow-dark-3);
-    --iap-colors-color-palette-4: var(--iap-colors-yellow-dark-4);
-    --iap-colors-color-palette-5: var(--iap-colors-yellow-dark-5);
-    --iap-colors-color-palette-6: var(--iap-colors-yellow-dark-6);
-    --iap-colors-color-palette-7: var(--iap-colors-yellow-dark-7);
-    --iap-colors-color-palette-8: var(--iap-colors-yellow-dark-8);
-    --iap-colors-color-palette-9: var(--iap-colors-yellow-dark-9);
-    --iap-colors-color-palette-10: var(--iap-colors-yellow-dark-10);
-    --iap-colors-color-palette-11: var(--iap-colors-yellow-dark-11);
-    --iap-colors-color-palette-12: var(--iap-colors-yellow-dark-12);
-    --iap-colors-color-palette-a1: var(--iap-colors-yellow-dark-a1);
-    --iap-colors-color-palette-a2: var(--iap-colors-yellow-dark-a2);
-    --iap-colors-color-palette-a3: var(--iap-colors-yellow-dark-a3);
-    --iap-colors-color-palette-a4: var(--iap-colors-yellow-dark-a4);
-    --iap-colors-color-palette-a5: var(--iap-colors-yellow-dark-a5);
-    --iap-colors-color-palette-a6: var(--iap-colors-yellow-dark-a6);
-    --iap-colors-color-palette-a7: var(--iap-colors-yellow-dark-a7);
-    --iap-colors-color-palette-a8: var(--iap-colors-yellow-dark-a8);
-    --iap-colors-color-palette-a9: var(--iap-colors-yellow-dark-a9);
-    --iap-colors-color-palette-a10: var(--iap-colors-yellow-dark-a10);
-    --iap-colors-color-palette-a11: var(--iap-colors-yellow-dark-a11);
-    --iap-colors-color-palette-a12: var(--iap-colors-yellow-dark-a12);
-}
-
   .iap-color-palette_neutral {
     --iap-colors-color-palette-light-1: var(--iap-colors-neutral-light-1);
     --iap-colors-color-palette-light-2: var(--iap-colors-neutral-light-2);
@@ -4484,6 +4716,130 @@
     --iap-colors-color-palette-error: var(--iap-colors-border-error);
 }
 
+  .iap-color-palette_success {
+    --iap-colors-color-palette-1: var(--iap-colors-success-1);
+    --iap-colors-color-palette-2: var(--iap-colors-success-2);
+    --iap-colors-color-palette-3: var(--iap-colors-success-3);
+    --iap-colors-color-palette-4: var(--iap-colors-success-4);
+    --iap-colors-color-palette-5: var(--iap-colors-success-5);
+    --iap-colors-color-palette-6: var(--iap-colors-success-6);
+    --iap-colors-color-palette-7: var(--iap-colors-success-7);
+    --iap-colors-color-palette-8: var(--iap-colors-success-8);
+    --iap-colors-color-palette-9: var(--iap-colors-success-9);
+    --iap-colors-color-palette-10: var(--iap-colors-success-10);
+    --iap-colors-color-palette-11: var(--iap-colors-success-11);
+    --iap-colors-color-palette-12: var(--iap-colors-success-12);
+    --iap-colors-color-palette-a1: var(--iap-colors-success-a1);
+    --iap-colors-color-palette-a2: var(--iap-colors-success-a2);
+    --iap-colors-color-palette-a3: var(--iap-colors-success-a3);
+    --iap-colors-color-palette-a4: var(--iap-colors-success-a4);
+    --iap-colors-color-palette-a5: var(--iap-colors-success-a5);
+    --iap-colors-color-palette-a6: var(--iap-colors-success-a6);
+    --iap-colors-color-palette-a7: var(--iap-colors-success-a7);
+    --iap-colors-color-palette-a8: var(--iap-colors-success-a8);
+    --iap-colors-color-palette-a9: var(--iap-colors-success-a9);
+    --iap-colors-color-palette-a10: var(--iap-colors-success-a10);
+    --iap-colors-color-palette-a11: var(--iap-colors-success-a11);
+    --iap-colors-color-palette-a12: var(--iap-colors-success-a12);
+    --iap-colors-color-palette-default: var(--iap-colors-success-default);
+    --iap-colors-color-palette-emphasized: var(--iap-colors-success-emphasized);
+    --iap-colors-color-palette-fg: var(--iap-colors-success-fg);
+    --iap-colors-color-palette-text: var(--iap-colors-success-text);
+}
+
+  .iap-color-palette_warning {
+    --iap-colors-color-palette-1: var(--iap-colors-warning-1);
+    --iap-colors-color-palette-2: var(--iap-colors-warning-2);
+    --iap-colors-color-palette-3: var(--iap-colors-warning-3);
+    --iap-colors-color-palette-4: var(--iap-colors-warning-4);
+    --iap-colors-color-palette-5: var(--iap-colors-warning-5);
+    --iap-colors-color-palette-6: var(--iap-colors-warning-6);
+    --iap-colors-color-palette-7: var(--iap-colors-warning-7);
+    --iap-colors-color-palette-8: var(--iap-colors-warning-8);
+    --iap-colors-color-palette-9: var(--iap-colors-warning-9);
+    --iap-colors-color-palette-10: var(--iap-colors-warning-10);
+    --iap-colors-color-palette-11: var(--iap-colors-warning-11);
+    --iap-colors-color-palette-12: var(--iap-colors-warning-12);
+    --iap-colors-color-palette-a1: var(--iap-colors-warning-a1);
+    --iap-colors-color-palette-a2: var(--iap-colors-warning-a2);
+    --iap-colors-color-palette-a3: var(--iap-colors-warning-a3);
+    --iap-colors-color-palette-a4: var(--iap-colors-warning-a4);
+    --iap-colors-color-palette-a5: var(--iap-colors-warning-a5);
+    --iap-colors-color-palette-a6: var(--iap-colors-warning-a6);
+    --iap-colors-color-palette-a7: var(--iap-colors-warning-a7);
+    --iap-colors-color-palette-a8: var(--iap-colors-warning-a8);
+    --iap-colors-color-palette-a9: var(--iap-colors-warning-a9);
+    --iap-colors-color-palette-a10: var(--iap-colors-warning-a10);
+    --iap-colors-color-palette-a11: var(--iap-colors-warning-a11);
+    --iap-colors-color-palette-a12: var(--iap-colors-warning-a12);
+    --iap-colors-color-palette-default: var(--iap-colors-warning-default);
+    --iap-colors-color-palette-emphasized: var(--iap-colors-warning-emphasized);
+    --iap-colors-color-palette-fg: var(--iap-colors-warning-fg);
+    --iap-colors-color-palette-text: var(--iap-colors-warning-text);
+}
+
+  .iap-color-palette_error {
+    --iap-colors-color-palette-1: var(--iap-colors-error-1);
+    --iap-colors-color-palette-2: var(--iap-colors-error-2);
+    --iap-colors-color-palette-3: var(--iap-colors-error-3);
+    --iap-colors-color-palette-4: var(--iap-colors-error-4);
+    --iap-colors-color-palette-5: var(--iap-colors-error-5);
+    --iap-colors-color-palette-6: var(--iap-colors-error-6);
+    --iap-colors-color-palette-7: var(--iap-colors-error-7);
+    --iap-colors-color-palette-8: var(--iap-colors-error-8);
+    --iap-colors-color-palette-9: var(--iap-colors-error-9);
+    --iap-colors-color-palette-10: var(--iap-colors-error-10);
+    --iap-colors-color-palette-11: var(--iap-colors-error-11);
+    --iap-colors-color-palette-12: var(--iap-colors-error-12);
+    --iap-colors-color-palette-a1: var(--iap-colors-error-a1);
+    --iap-colors-color-palette-a2: var(--iap-colors-error-a2);
+    --iap-colors-color-palette-a3: var(--iap-colors-error-a3);
+    --iap-colors-color-palette-a4: var(--iap-colors-error-a4);
+    --iap-colors-color-palette-a5: var(--iap-colors-error-a5);
+    --iap-colors-color-palette-a6: var(--iap-colors-error-a6);
+    --iap-colors-color-palette-a7: var(--iap-colors-error-a7);
+    --iap-colors-color-palette-a8: var(--iap-colors-error-a8);
+    --iap-colors-color-palette-a9: var(--iap-colors-error-a9);
+    --iap-colors-color-palette-a10: var(--iap-colors-error-a10);
+    --iap-colors-color-palette-a11: var(--iap-colors-error-a11);
+    --iap-colors-color-palette-a12: var(--iap-colors-error-a12);
+    --iap-colors-color-palette-default: var(--iap-colors-error-default);
+    --iap-colors-color-palette-emphasized: var(--iap-colors-error-emphasized);
+    --iap-colors-color-palette-fg: var(--iap-colors-error-fg);
+    --iap-colors-color-palette-text: var(--iap-colors-error-text);
+}
+
+  .iap-color-palette_primary {
+    --iap-colors-color-palette-1: var(--iap-colors-primary-1);
+    --iap-colors-color-palette-2: var(--iap-colors-primary-2);
+    --iap-colors-color-palette-3: var(--iap-colors-primary-3);
+    --iap-colors-color-palette-4: var(--iap-colors-primary-4);
+    --iap-colors-color-palette-5: var(--iap-colors-primary-5);
+    --iap-colors-color-palette-6: var(--iap-colors-primary-6);
+    --iap-colors-color-palette-7: var(--iap-colors-primary-7);
+    --iap-colors-color-palette-8: var(--iap-colors-primary-8);
+    --iap-colors-color-palette-9: var(--iap-colors-primary-9);
+    --iap-colors-color-palette-10: var(--iap-colors-primary-10);
+    --iap-colors-color-palette-11: var(--iap-colors-primary-11);
+    --iap-colors-color-palette-12: var(--iap-colors-primary-12);
+    --iap-colors-color-palette-a1: var(--iap-colors-primary-a1);
+    --iap-colors-color-palette-a2: var(--iap-colors-primary-a2);
+    --iap-colors-color-palette-a3: var(--iap-colors-primary-a3);
+    --iap-colors-color-palette-a4: var(--iap-colors-primary-a4);
+    --iap-colors-color-palette-a5: var(--iap-colors-primary-a5);
+    --iap-colors-color-palette-a6: var(--iap-colors-primary-a6);
+    --iap-colors-color-palette-a7: var(--iap-colors-primary-a7);
+    --iap-colors-color-palette-a8: var(--iap-colors-primary-a8);
+    --iap-colors-color-palette-a9: var(--iap-colors-primary-a9);
+    --iap-colors-color-palette-a10: var(--iap-colors-primary-a10);
+    --iap-colors-color-palette-a11: var(--iap-colors-primary-a11);
+    --iap-colors-color-palette-a12: var(--iap-colors-primary-a12);
+    --iap-colors-color-palette-default: var(--iap-colors-primary-default);
+    --iap-colors-color-palette-emphasized: var(--iap-colors-primary-emphasized);
+    --iap-colors-color-palette-fg: var(--iap-colors-primary-fg);
+    --iap-colors-color-palette-text: var(--iap-colors-primary-text);
+}
+
   .iap-bd-c_gray\.2 {
     border-color: var(--iap-colors-gray-2);
 }
@@ -4652,6 +5008,10 @@
     padding-left: var(--iap-spacing-2);
 }
 
+  .iap-border-block-end-width_var\(--thickness\) {
+    border-block-end-width: var(--thickness);
+}
+
   .iap-ov-y_scroll {
     overflow-y: scroll;
 }
@@ -4676,8 +5036,8 @@
     flex-wrap: wrap;
 }
 
-  .iap-bd-c_yellow\.8 {
-    border-color: var(--iap-colors-yellow-8);
+  .iap-bd-c_warning\.8 {
+    border-color: var(--iap-colors-warning-8);
 }
 
   .iap-mt_1\.5 {
@@ -4692,8 +5052,8 @@
     background: var(--iap-colors-touchable-hover);
 }
 
-  .\[\&_svg\]\:iap-c_yellow\.11 svg {
-    color: var(--iap-colors-yellow-11);
+  .\[\&_svg\]\:iap-c_warning\.11 svg {
+    color: var(--iap-colors-warning-11);
 }
 
   .last\:iap-pb_0:last-child {
@@ -4716,6 +5076,26 @@
     background: var(--iap-colors-neutral-2);
 }
 
+  .\[\&_p\]\:before\:iap-float_left p::before {
+    float: left;
+}
+
+  .\[\&_p\]\:before\:iap-pointer-events_none p::before {
+    pointer-events: none;
+}
+
+  .\[\&_p\]\:before\:iap-h_0 p::before {
+    height: var(--iap-sizes-0);
+}
+
+  .\[\&_p\]\:before\:iap-c_gray\.9 p::before {
+    color: var(--iap-colors-gray-9);
+}
+
+  .\[\&_p\]\:before\:iap-content_var\(--placeholder-text\) p::before {
+    content: var(--placeholder-text);
+}
+
   @media screen and (min-width: 40rem) {
     .sm\:iap-offset_4 {
       offset: 4px;