@ebay/skin 17.5.0-next.0 → 18.0.0-next.0

package/dist/toggle-button-group/toggle-button-group.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/sass/toggle-button-group/toggle-button-group.scss","toggle-button-group.css"],"names":[],"mappings":"AAaA;EAaI,8BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,8BAAA;EAGA,+BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EAGA,kCAAA;EACA,iCAAA;EACA,iCAAA;EACA,iCAAA;EACA,iCAAA;ACrBJ;;ADwBA;EACI,8CAAA;ACrBJ;;ADwBA;EACI,YAAA;EACA,sBAAA;EACA,kBAAA;EACA,oEAAA;EACA,eAAA;EACA,QAAA;EACA,SAAA;EACA,UAAA;ACrBJ;;ADwBA;EACI,oBAAA;EACA,0CAAA;EACA,UAAA;ACrBJ;;ADwBA;EACI,WAAA;EACA,QAAA;EACA,cAAA;EACA,UAAA;ACrBJ;ADyBA;EACI,oBAAA;EACA,cAAA;EACA,cAAA;ACrBJ;;ADwBA;EACI,cAAA;ACrBJ;;ADwBA;EACI,qBAAA;EACA,cAAA;EACA,cAAA;ACrBJ;;ADwBA;EAEI,qBAAA;ACrBJ;;ADwBA;EACI,0BAAA;ACrBJ;;ADwBA;EAEI,eAAA;EACA,cAAA;ACrBJ;;ADwBA;EAMI,qBAAA;ACzBJ;;AD4BA;EAEI,eAAA;EACA,cAAA;EACA,eAAA;ACzBJ;;AD4BA;EACI,kBAAA;EACA,iBAAA;EACA,iBAAA;EACA,UAAA;ACzBJ;;AD4BA;EACI,QAAA;EACA,WAAA;EACA,MAAA;EACA,iBAAA;EACA,OAAA;EACA,KAAA;EACA,UAAA;ACzBJ;;AD4BA;EACI,WAAA;EACA,gBAAA;EACA,cAAA;ACzBJ;AD8BA;EACI;IAEI;MACI,mEAAA;IC3BR;IDiCI;MACI,oEAAA;IC/BR;IDqCI;MACI,uEAAA;ICnCR;ID9HI;MACI,oCAAA;ICgIR;IDjII;MACI,oCAAA;ICmIR;IDpII;MACI,oCAAA;ICsIR;IDvII;MACI,oCAAA;ICyIR;ID1II;MACI,oCAAA;IC4IR;ID7II;MACI,oCAAA;IC+IR;IDhJI;MACI,oCAAA;ICkJR;IDnJI;MACI,oCAAA;ICqJR;IDtJI;MACI,oCAAA;ICwJR;IDzJI;MACI,qCAAA;IC2JR;ID5JI;MACI,qCAAA;IC8JR;ID/JI;MACI,qCAAA;ICiKR;IDlKI;MACI,qCAAA;ICoKR;IDrKI;MACI,qCAAA;ICuKR;IDxKI;MACI,qCAAA;IC0KR;ID3KI;MACI,qCAAA;IC6KR;EACF;EDJE;IAEI;MACI,mEAAA;ICKR;IDCI;MACI,oEAAA;ICCR;IDKI;MACI,uEAAA;ICHR;IDzLI;MACI,oCAAA;IC2LR;ID5LI;MACI,oCAAA;IC8LR;ID/LI;MACI,oCAAA;ICiMR;IDlMI;MACI,oCAAA;ICoMR;IDrMI;MACI,oCAAA;ICuMR;IDxMI;MACI,oCAAA;IC0MR;ID3MI;MACI,oCAAA;IC6MR;ID9MI;MACI,oCAAA;ICgNR;IDjNI;MACI,oCAAA;ICmNR;IDpNI;MACI,qCAAA;ICsNR;IDvNI;MACI,qCAAA;ICyNR;ID1NI;MACI,qCAAA;IC4NR;ID7NI;MACI,qCAAA;IC+NR;IDhOI;MACI,qCAAA;ICkOR;IDnOI;MACI,qCAAA;ICqOR;IDtOI;MACI,qCAAA;ICwOR;EACF;EDpCE;IAEI;MACI,mEAAA;ICqCR;ID/BI;MACI,oEAAA;ICiCR;ID3BI;MACI,uEAAA;IC6BR;IDpPI;MACI,oCAAA;ICsPR;IDvPI;MACI,oCAAA;ICyPR;ID1PI;MACI,oCAAA;IC4PR;ID7PI;MACI,oCAAA;IC+PR;IDhQI;MACI,oCAAA;ICkQR;IDnQI;MACI,oCAAA;ICqQR;IDtQI;MACI,oCAAA;ICwQR;IDzQI;MACI,oCAAA;IC2QR;ID5QI;MACI,oCAAA;IC8QR;ID/QI;MACI,qCAAA;ICiRR;IDlRI;MACI,qCAAA;ICoRR;IDrRI;MACI,qCAAA;ICuRR;IDxRI;MACI,qCAAA;IC0RR;ID3RI;MACI,qCAAA;IC6RR;ID9RI;MACI,qCAAA;ICgSR;IDjSI;MACI,qCAAA;ICmSR;EACF;EDpEE;IAEI;MACI,mEAAA;ICqER;ID/DI;MACI,oEAAA;ICiER;ID3DI;MACI,uEAAA;IC6DR;ID/SI;MACI,oCAAA;ICiTR;IDlTI;MACI,oCAAA;ICoTR;IDrTI;MACI,oCAAA;ICuTR;IDxTI;MACI,oCAAA;IC0TR;ID3TI;MACI,oCAAA;IC6TR;ID9TI;MACI,oCAAA;ICgUR;IDjUI;MACI,oCAAA;ICmUR;IDpUI;MACI,oCAAA;ICsUR;IDvUI;MACI,oCAAA;ICyUR;ID1UI;MACI,qCAAA;IC4UR;ID7UI;MACI,qCAAA;IC+UR;IDhVI;MACI,qCAAA;ICkVR;IDnVI;MACI,qCAAA;ICqVR;IDtVI;MACI,qCAAA;ICwVR;IDzVI;MACI,qCAAA;IC2VR;ID5VI;MACI,qCAAA;IC8VR;EACF;AACF;ADnGA;EAEI;IACI,mEAAA;ECoGN;EDjGE;IACI,oEAAA;ECmGN;EDhGE;IACI,uEAAA;ECkGN;ED3WM;IACI,oCAAA;EC6WV;ED9WM;IACI,oCAAA;ECgXV;EDjXM;IACI,oCAAA;ECmXV;EDpXM;IACI,oCAAA;ECsXV;EDvXM;IACI,oCAAA;ECyXV;ED1XM;IACI,oCAAA;EC4XV;ED7XM;IACI,oCAAA;EC+XV;EDhYM;IACI,oCAAA;ECkYV;EDnYM;IACI,oCAAA;ECqYV;EDtYM;IACI,qCAAA;ECwYV;EDzYM;IACI,qCAAA;EC2YV;ED5YM;IACI,qCAAA;EC8YV;ED/YM;IACI,qCAAA;ECiZV;EDlZM;IACI,qCAAA;ECoZV;EDrZM;IACI,qCAAA;ECuZV;EDxZM;IACI,qCAAA;EC0ZV;AACF;ADzIA;EAEI;IACI,mEAAA;EC0IN;EDvIE;IACI,oEAAA;ECyIN;EDtIE;IACI,uEAAA;ECwIN;EDtaM;IACI,oCAAA;ECwaV;EDzaM;IACI,oCAAA;EC2aV;ED5aM;IACI,oCAAA;EC8aV;ED/aM;IACI,oCAAA;ECibV;EDlbM;IACI,oCAAA;ECobV;EDrbM;IACI,oCAAA;ECubV;EDxbM;IACI,oCAAA;EC0bV;ED3bM;IACI,oCAAA;EC6bV;ED9bM;IACI,oCAAA;ECgcV;EDjcM;IACI,qCAAA;ECmcV;EDpcM;IACI,qCAAA;ECscV;EDvcM;IACI,qCAAA;ECycV;ED1cM;IACI,qCAAA;EC4cV;ED7cM;IACI,qCAAA;EC+cV;EDhdM;IACI,qCAAA;ECkdV;EDndM;IACI,qCAAA;ECqdV;AACF;AD/KA;EAEI;IACI,mEAAA;ECgLN;ED7KE;IACI,oEAAA;EC+KN;ED5KE;IACI,uEAAA;EC8KN;EDjeM;IACI,oCAAA;ECmeV;EDpeM;IACI,oCAAA;ECseV;EDveM;IACI,oCAAA;ECyeV;ED1eM;IACI,oCAAA;EC4eV;ED7eM;IACI,oCAAA;EC+eV;EDhfM;IACI,oCAAA;ECkfV;EDnfM;IACI,oCAAA;ECqfV;EDtfM;IACI,oCAAA;ECwfV;EDzfM;IACI,oCAAA;EC2fV;ED5fM;IACI,qCAAA;EC8fV;ED/fM;IACI,qCAAA;ECigBV;EDlgBM;IACI,qCAAA;ECogBV;EDrgBM;IACI,qCAAA;ECugBV;EDxgBM;IACI,qCAAA;EC0gBV;ED3gBM;IACI,qCAAA;EC6gBV;ED9gBM;IACI,qCAAA;ECghBV;AACF;ADrNA;EAEI;IACI,mEAAA;ECsNN;EDnNE;IACI,oEAAA;ECqNN;EDlNE;IACI,uEAAA;ECoNN;ED5hBM;IACI,oCAAA;EC8hBV;ED/hBM;IACI,oCAAA;ECiiBV;EDliBM;IACI,oCAAA;ECoiBV;EDriBM;IACI,oCAAA;ECuiBV;EDxiBM;IACI,oCAAA;EC0iBV;ED3iBM;IACI,oCAAA;EC6iBV;ED9iBM;IACI,oCAAA;ECgjBV;EDjjBM;IACI,oCAAA;ECmjBV;EDpjBM;IACI,oCAAA;ECsjBV;EDvjBM;IACI,qCAAA;ECyjBV;ED1jBM;IACI,qCAAA;EC4jBV;ED7jBM;IACI,qCAAA;EC+jBV;EDhkBM;IACI,qCAAA;ECkkBV;EDnkBM;IACI,qCAAA;ECqkBV;EDtkBM;IACI,qCAAA;ECwkBV;EDzkBM;IACI,qCAAA;EC2kBV;AACF","file":"toggle-button-group.css"}

package/dist/tokens/evo-core.css

@@ -2,73 +2,145 @@
     --border-radius-50: 8px;
     --border-radius-100: 16px;
     --border-radius-150: 24px;
-    --color-neutral-0: #fff;
-    --color-neutral-0-rgb: 255, 255, 255;
-    --color-neutral-1: #f7f7f7;
-    --color-neutral-2: #e5e5e5;
-    --color-neutral-3: #c7c7c7;
-    --color-neutral-4: #8f8f8f;
-    --color-neutral-5: #707070;
-    --color-neutral-6: #363636;
-    --color-neutral-7: #191919;
-    --color-neutral-8: #000;
-    --color-neutral-8-rgb: 0, 0, 0;
-    --color-orange-1: #ffdec7;
-    --color-orange-2: #feb786;
-    --color-orange-3: #ff8559;
-    --color-orange-4: #ff6932;
-    --color-orange-5: #db3c07;
-    --color-orange-6: #b03005;
-    --color-orange-7: #5c1b05;
-    --color-red-1: #ffd1dd;
-    --color-red-2: #ffa2b6;
-    --color-red-3: #ff6383;
-    --color-red-4: #e0103a;
-    --color-red-5: #c4003a;
-    --color-red-6: #a00739;
-    --color-red-7: #680226;
-    --color-magenta-1: #fad8f0;
-    --color-magenta-2: #f5a0d9;
-    --color-magenta-3: #ea5fbc;
-    --color-magenta-4: #d11da4;
-    --color-magenta-5: #a60d8a;
-    --color-magenta-6: #82187c;
-    --color-magenta-7: #500750;
-    --color-blue-1: #c5e5fb;
-    --color-blue-2: #93c9ff;
-    --color-blue-3: #659eff;
-    --color-blue-4: #3665f3;
-    --color-blue-5: #382aef;
-    --color-blue-6: #2b0eaf;
-    --color-blue-7: #121258;
-    --color-green-1: #ccfdce;
-    --color-green-2: #9ef4a6;
-    --color-green-3: #5ee471;
-    --color-green-4: #28a443;
-    --color-green-5: #1bab49;
-    --color-green-6: #05823f;
-    --color-green-7: #07522c;
-    --color-yellow-1: #fcf2bd;
-    --color-yellow-2: #f7e376;
-    --color-yellow-3: #fbcd25;
-    --color-yellow-4: #f7b100;
-    --color-yellow-5: #e58c02;
-    --color-yellow-6: #aa5404;
-    --color-yellow-7: #592e13;
-    --color-teal-1: #c2f2ef;
-    --color-teal-2: #71e3e2;
-    --color-teal-3: #1dcbca;
-    --color-teal-4: #02a2ac;
-    --color-teal-5: #01718f;
-    --color-teal-6: #0e4a6c;
-    --color-teal-7: #003147;
-    --color-lime-1: #f4fabe;
-    --color-lime-2: #e9f577;
-    --color-lime-3: #c9e43b;
-    --color-lime-4: #accf02;
-    --color-lime-5: #86b300;
-    --color-lime-6: #4b7d06;
-    --color-lime-7: #364f03;
+    --color-neutral-100: #fff;
+    --color-neutral-100-rgb: 255, 255, 255;
+    --color-neutral-200: #f7f7f7;
+    --color-neutral-300: #e5e5e5;
+    --color-neutral-400: #c7c7c7;
+    --color-neutral-500: #8f8f8f;
+    --color-neutral-600: #707070;
+    --color-neutral-700: #363636;
+    --color-neutral-800: #191919;
+    --color-neutral-900: #000;
+    --color-neutral-900-rgb: 0, 0, 0;
+    --color-orange-100: #fffaf5;
+    --color-orange-200: #ffead3;
+    --color-orange-300: #ffc382;
+    --color-orange-400: #ff8806;
+    --color-orange-500: #ec7303;
+    --color-orange-600: #c15100;
+    --color-orange-700: #562501;
+    --color-orange-800: #2f1604;
+    --color-coral-100: #fff7f5;
+    --color-coral-200: #ffe1d7;
+    --color-coral-300: #ffa78a;
+    --color-coral-400: #ff6a38;
+    --color-coral-500: #f3511b;
+    --color-coral-600: #d03706;
+    --color-coral-700: #5e1d08;
+    --color-coral-800: #2f0e04;
+    --color-red-100: #fff5f5;
+    --color-red-200: #ffdede;
+    --color-red-300: #ffa0a0;
+    --color-red-400: #ff5c5c;
+    --color-red-500: #f02d2d;
+    --color-red-600: #d50b0b;
+    --color-red-700: #570303;
+    --color-red-800: #2a0303;
+    --color-pink-100: #fef6fa;
+    --color-pink-200: #fcdcec;
+    --color-pink-300: #f79cc8;
+    --color-pink-400: #f155a0;
+    --color-pink-500: #de458e;
+    --color-pink-600: #a51359;
+    --color-pink-700: #4b112d;
+    --color-pink-800: #360606;
+    --color-indigo-100: #f5fbff;
+    --color-indigo-200: #d3effe;
+    --color-indigo-300: #80d0fd;
+    --color-indigo-400: #0aa7ff;
+    --color-indigo-500: #0099f0;
+    --color-indigo-600: #0364ab;
+    --color-indigo-700: #003c66;
+    --color-indigo-800: #01193d;
+    --color-blue-100: #f5f9ff;
+    --color-blue-200: #d4e5fe;
+    --color-blue-300: #93c9ff;
+    --color-blue-400: #659eff;
+    --color-blue-500: #3665f3;
+    --color-blue-600: #382aef;
+    --color-blue-700: #002a69;
+    --color-blue-800: #19133a;
+    --color-violet-100: #f6f5fe;
+    --color-violet-200: #e2ddfd;
+    --color-violet-300: #ad9efa;
+    --color-violet-400: #836bff;
+    --color-violet-500: #583aee;
+    --color-violet-600: #3b1fc6;
+    --color-violet-700: #271a68;
+    --color-violet-800: #20092b;
+    --color-lilac-100: #faf5fe;
+    --color-lilac-200: #efddfd;
+    --color-lilac-300: #cc9ef0;
+    --color-lilac-400: #b56bf0;
+    --color-lilac-500: #8935cb;
+    --color-lilac-600: #631f99;
+    --color-lilac-700: #3e135f;
+    --color-lilac-800: #2f041e;
+    --color-green-100: #fbfef6;
+    --color-green-200: #f0fce1;
+    --color-green-300: #d5f6aa;
+    --color-green-400: #aaed56;
+    --color-green-500: #92c821;
+    --color-green-600: #507d17;
+    --color-green-700: #345110;
+    --color-green-800: #1c2d06;
+    --color-jade-100: #f7fdfd;
+    --color-jade-200: #d8f8ee;
+    --color-jade-300: #8feace;
+    --color-jade-400: #1ed49e;
+    --color-jade-500: #1ed49e;
+    --color-jade-600: #0f805e;
+    --color-jade-700: #055743;
+    --color-jade-800: #002b20;
+    --color-kiwi-100: #f6fef6;
+    --color-kiwi-200: #e0fae0;
+    --color-kiwi-300: #a6f0a5;
+    --color-kiwi-400: #4ce160;
+    --color-kiwi-500: #3cc14e;
+    --color-kiwi-600: #288034;
+    --color-kiwi-700: #1b561a;
+    --color-kiwi-800: #0c310d;
+    --color-marigold-100: #fffbf5;
+    --color-marigold-200: #fff0d3;
+    --color-marigold-300: #ffd480;
+    --color-marigold-400: #ffa800;
+    --color-marigold-500: #e99a02;
+    --color-marigold-600: #a36302;
+    --color-marigold-700: #562f01;
+    --color-marigold-800: #2f1b04;
+    --color-yellow-100: #fffcf5;
+    --color-yellow-200: #fff8d5;
+    --color-yellow-300: #ffe58a;
+    --color-yellow-400: #ffbd14;
+    --color-yellow-500: #eebb04;
+    --color-yellow-600: #855f00;
+    --color-yellow-700: #553b06;
+    --color-yellow-800: #312102;
+    --color-dijon-100: #fffdf5;
+    --color-dijon-200: #fcf9de;
+    --color-dijon-300: #faef8a;
+    --color-dijon-400: #f6e016;
+    --color-dijon-500: #e8d20c;
+    --color-dijon-600: #766f28;
+    --color-dijon-700: #524500;
+    --color-dijon-800: #2e2400;
+    --color-teal-100: #f7fdfd;
+    --color-teal-200: #d7f4f6;
+    --color-teal-300: #8edfe5;
+    --color-teal-400: #44ccd5;
+    --color-teal-500: #1bbfca;
+    --color-teal-600: #006f93;
+    --color-teal-700: #07465a;
+    --color-teal-800: #04252f;
+    --color-avocado-100: #fdfef6;
+    --color-avocado-200: #f8fcde;
+    --color-avocado-300: #e9f5a0;
+    --color-avocado-400: #e3f13c;
+    --color-avocado-500: #c1d737;
+    --color-avocado-600: #68770d;
+    --color-avocado-700: #4e4e0c;
+    --color-avocado-800: #282306;
     --color-ai-solid-green-strong: #4ee04b;
     --color-ai-solid-green-subtle: #f1fdf1;
     --color-ai-solid-green-subtle-dark: #112611;

package/dist/tokens/evo-dark.css

@@ -1,41 +1,41 @@
 @media (prefers-color-scheme: dark) {
     :root {
-        --color-background-primary: var(--color-neutral-8);
-        --color-background-secondary: var(--color-neutral-7);
-        --color-background-tertiary: var(--color-neutral-6);
-        --color-background-disabled: var(--color-neutral-5);
-        --color-background-inverse: var(--color-neutral-2);
-        --color-background-attention: var(--color-red-3);
-        --color-background-confirmation: var(--color-green-4);
-        --color-background-information: var(--color-blue-4);
+        --color-background-primary: var(--color-neutral-900);
+        --color-background-secondary: var(--color-neutral-800);
+        --color-background-tertiary: var(--color-neutral-700);
+        --color-background-disabled: var(--color-neutral-600);
+        --color-background-inverse: var(--color-neutral-300);
+        --color-background-attention: var(--color-red-400);
+        --color-background-confirmation: var(--color-kiwi-500);
+        --color-background-information: var(--color-blue-500);
         --color-background-education: #2f373c;
-        --color-background-accent: var(--color-blue-3);
-        --color-background-invalid: var(--color-red-1);
-        --color-background-elevated: var(--color-neutral-7);
-        --color-foreground-primary: var(--color-neutral-1);
-        --color-foreground-secondary: var(--color-neutral-4);
-        --color-foreground-disabled: var(--color-neutral-4);
-        --color-foreground-attention: var(--color-red-3);
-        --color-foreground-confirmation: var(--color-green-4);
-        --color-foreground-information: var(--color-blue-3);
-        --color-foreground-accent: var(--color-blue-3);
-        --color-foreground-visited: var(--color-magenta-5);
-        --color-foreground-on-primary: var(--color-neutral-1);
-        --color-foreground-on-secondary: var(--color-neutral-1);
-        --color-foreground-on-disabled: var(--color-neutral-5);
-        --color-foreground-on-inverse: var(--color-neutral-7);
-        --color-foreground-on-accent: var(--color-neutral-7);
-        --color-foreground-on-attention: var(--color-neutral-7);
-        --color-foreground-on-confirmation: var(--color-neutral-7);
-        --color-foreground-on-information: var(--color-neutral-7);
-        --color-stroke-default: var(--color-neutral-5);
-        --color-stroke-accent: var(--color-blue-3);
-        --color-stroke-attention: var(--color-red-3);
-        --color-stroke-confirmation: var(--color-green-5);
-        --color-stroke-information: var(--color-blue-3);
-        --color-stroke-disabled: var(--color-neutral-4);
-        --color-stroke-strong: var(--color-neutral-0);
-        --color-stroke-subtle: var(--color-neutral-5);
+        --color-background-accent: var(--color-blue-400);
+        --color-background-invalid: var(--color-red-200);
+        --color-background-elevated: var(--color-neutral-800);
+        --color-foreground-primary: var(--color-neutral-200);
+        --color-foreground-secondary: var(--color-neutral-500);
+        --color-foreground-disabled: var(--color-neutral-500);
+        --color-foreground-attention: var(--color-red-400);
+        --color-foreground-confirmation: var(--color-kiwi-500);
+        --color-foreground-information: var(--color-blue-400);
+        --color-foreground-accent: var(--color-blue-400);
+        --color-foreground-visited: var(--color-pink-500);
+        --color-foreground-on-primary: var(--color-neutral-200);
+        --color-foreground-on-secondary: var(--color-neutral-200);
+        --color-foreground-on-disabled: var(--color-neutral-600);
+        --color-foreground-on-inverse: var(--color-neutral-800);
+        --color-foreground-on-accent: var(--color-neutral-800);
+        --color-foreground-on-attention: var(--color-neutral-800);
+        --color-foreground-on-confirmation: var(--color-neutral-800);
+        --color-foreground-on-information: var(--color-neutral-800);
+        --color-stroke-default: var(--color-neutral-600);
+        --color-stroke-accent: var(--color-blue-400);
+        --color-stroke-attention: var(--color-red-400);
+        --color-stroke-confirmation: var(--color-kiwi-600);
+        --color-stroke-information: var(--color-blue-400);
+        --color-stroke-disabled: var(--color-neutral-500);
+        --color-stroke-strong: var(--color-neutral-100);
+        --color-stroke-subtle: var(--color-neutral-600);
         --color-state-visited: var(--color-magenta-3);
         --color-state-primary-hover: #17212c;
         --color-state-primary-active: #1e2a38;
@@ -51,44 +51,44 @@
         --color-state-attention-active: #ff6383;
         --color-state-hover-foreground-on-secondary-desctructive: #ff6988;
         --color-state-active-foreground-on-secondary-desctructive: #ff6383;
-        --color-data-viz-grid: var(--color-neutral-3);
-        --color-data-viz-labels: var(--color-neutral-4);
-        --color-data-viz-legend: var(--color-neutral-2);
-        --color-data-viz-legend-inactive: var(--color-neutral-4);
-        --color-data-viz-legend-hover: var(--color-neutral-0);
-        --color-data-viz-line-chart-primary: var(--color-blue-3);
-        --color-data-viz-line-chart-secondary: var(--color-blue-1);
-        --color-data-viz-line-chart-tertiary: var(--color-teal-3);
-        --color-data-viz-line-chart-queternary: var(--color-magenta-4);
-        --color-data-viz-line-chart-quinary: var(--color-magenta-2);
-        --color-data-viz-trend-positive: var(--color-green-4);
-        --color-data-viz-trend-negative: var(--color-red-3);
-        --color-data-viz-chart-primary: var(--color-blue-4);
-        --color-data-viz-chart-secondary: var(--color-blue-2);
+        --color-data-viz-grid: var(--color-neutral-400);
+        --color-data-viz-labels: var(--color-neutral-500);
+        --color-data-viz-legend: var(--color-neutral-300);
+        --color-data-viz-legend-inactive: var(--color-neutral-500);
+        --color-data-viz-legend-hover: var(--color-neutral-100);
+        --color-data-viz-line-chart-primary: var(--color-blue-400);
+        --color-data-viz-line-chart-secondary: var(--color-indigo-200);
+        --color-data-viz-line-chart-tertiary: var(--color-teal-400);
+        --color-data-viz-line-chart-queternary: var(--color-pink-400);
+        --color-data-viz-line-chart-quinary: var(--color-pink-300);
+        --color-data-viz-trend-positive: var(--color-kiwi-500);
+        --color-data-viz-trend-negative: var(--color-red-400);
+        --color-data-viz-chart-primary: var(--color-blue-500);
+        --color-data-viz-chart-secondary: var(--color-blue-300);
         --color-data-viz-chart-tertiary-background: var(--color-blue-6);
-        --color-data-viz-chart-tertiary-stroke: var(--color-blue-3);
-        --color-data-viz-chart-quaternary-background: var(--color-teal-5);
-        --color-data-viz-chart-quaternary-stroke: var(--color-teal-3);
+        --color-data-viz-chart-tertiary-stroke: var(--color-blue-400);
+        --color-data-viz-chart-quaternary-background: var(--color-teal-600);
+        --color-data-viz-chart-quaternary-stroke: var(--color-teal-400);
         --color-data-viz-chart-quinary-background: var(--color-teal-7);
-        --color-data-viz-chart-quinary-stroke: var(--color-teal-3);
+        --color-data-viz-chart-quinary-stroke: var(--color-teal-400);
         --color-data-viz-tooltip-shadow-primary: #ffffff26;
         --color-data-viz-tooltip-shadow-secondary: #ffffff2b;
         --color-scrim-image: rgba(255, 255, 255, 0.12);
         --color-scrim-background: rgba(0, 0, 0, 0.64);
         --state-layer-focus: rgba(
-            var(--color-neutral-0-rgb),
+            var(--color-neutral-100-rgb),
             var(--opacity-50)
         );
         --state-layer-hover: rgba(
-            var(--color-neutral-0-rgb),
+            var(--color-neutral-100-rgb),
             var(--opacity-50)
         );
         --state-layer-pressed: rgba(
-            var(--color-neutral-0-rgb),
+            var(--color-neutral-100-rgb),
             var(--opacity-100)
         );
         --state-layer-drag: rgba(
-            var(--color-neutral-0-rgb),
+            var(--color-neutral-100-rgb),
             var(--opacity-150)
         );
         --color-ai-solid-green-subtle: #112611;
@@ -155,11 +155,6 @@
             var(--color-loading-fill-on-secondary) 66%,
             var(--color-loading-fill-on-secondary) 100%
         );
-        /* deprecated, remove next major both fill-elevated and shimmer-elevated */
-        --color-loading-fill-elevated: var(--color-loading-fill-on-secondary);
-        --color-loading-shimmer-elevated: var(
-            --color-loading-shimmer-on-secondary
-        );
         --color-loading-ai-gradient-purple-subtle: linear-gradient(
             270deg,
             var(--color-ai-solid-red-subtle-dark) 0%,

package/dist/tokens/evo-light.css

@@ -1,41 +1,41 @@
 :root {
-    --color-background-primary: var(--color-neutral-0);
-    --color-background-secondary: var(--color-neutral-1);
-    --color-background-tertiary: var(--color-neutral-2);
-    --color-background-disabled: var(--color-neutral-3);
-    --color-background-inverse: var(--color-neutral-6);
-    --color-background-attention: var(--color-red-4);
-    --color-background-confirmation: var(--color-green-6);
-    --color-background-information: var(--color-blue-4);
+    --color-background-primary: var(--color-neutral-100);
+    --color-background-secondary: var(--color-neutral-200);
+    --color-background-tertiary: var(--color-neutral-300);
+    --color-background-disabled: var(--color-neutral-400);
+    --color-background-inverse: var(--color-neutral-700);
+    --color-background-attention: var(--color-red-500);
+    --color-background-confirmation: var(--color-kiwi-600);
+    --color-background-information: var(--color-blue-500);
     --color-background-education: #ecf7fe;
-    --color-background-accent: var(--color-blue-4);
-    --color-background-invalid: var(--color-red-1);
-    --color-background-elevated: var(--color-neutral-0);
-    --color-foreground-primary: var(--color-neutral-7);
-    --color-foreground-secondary: var(--color-neutral-5);
-    --color-foreground-disabled: var(--color-neutral-3);
-    --color-foreground-attention: var(--color-red-4);
-    --color-foreground-confirmation: var(--color-green-6);
-    --color-foreground-information: var(--color-blue-4);
-    --color-foreground-accent: var(--color-blue-4);
-    --color-foreground-visited: var(--color-magenta-6);
-    --color-foreground-on-primary: var(--color-neutral-7);
-    --color-foreground-on-secondary: var(--color-neutral-7);
-    --color-foreground-on-disabled: var(--color-neutral-2);
-    --color-foreground-on-inverse: var(--color-neutral-0);
-    --color-foreground-on-accent: var(--color-neutral-0);
-    --color-foreground-on-attention: var(--color-neutral-0);
-    --color-foreground-on-confirmation: var(--color-neutral-0);
-    --color-foreground-on-information: var(--color-neutral-0);
-    --color-stroke-default: var(--color-neutral-4);
-    --color-stroke-accent: var(--color-blue-4);
-    --color-stroke-attention: var(--color-red-4);
-    --color-stroke-confirmation: var(--color-green-6);
-    --color-stroke-information: var(--color-blue-4);
-    --color-stroke-disabled: var(--color-neutral-3);
-    --color-stroke-strong: var(--color-neutral-7);
-    --color-stroke-subtle: var(--color-neutral-2);
-    --color-state-visited: var(--color-magenta-6);
+    --color-background-accent: var(--color-blue-500);
+    --color-background-invalid: var(--color-red-200);
+    --color-background-elevated: var(--color-neutral-100);
+    --color-foreground-primary: var(--color-neutral-800);
+    --color-foreground-secondary: var(--color-neutral-600);
+    --color-foreground-disabled: var(--color-neutral-400);
+    --color-foreground-attention: var(--color-red-500);
+    --color-foreground-confirmation: var(--color-kiwi-600);
+    --color-foreground-information: var(--color-blue-500);
+    --color-foreground-accent: var(--color-blue-500);
+    --color-foreground-visited: var(--color-pink-600);
+    --color-foreground-on-primary: var(--color-neutral-800);
+    --color-foreground-on-secondary: var(--color-neutral-800);
+    --color-foreground-on-disabled: var(--color-neutral-300);
+    --color-foreground-on-inverse: var(--color-neutral-100);
+    --color-foreground-on-accent: var(--color-neutral-100);
+    --color-foreground-on-attention: var(--color-neutral-100);
+    --color-foreground-on-confirmation: var(--color-neutral-100);
+    --color-foreground-on-information: var(--color-neutral-100);
+    --color-stroke-default: var(--color-neutral-500);
+    --color-stroke-accent: var(--color-blue-500);
+    --color-stroke-attention: var(--color-red-500);
+    --color-stroke-confirmation: var(--color-kiwi-600);
+    --color-stroke-information: var(--color-blue-500);
+    --color-stroke-disabled: var(--color-neutral-400);
+    --color-stroke-strong: var(--color-neutral-800);
+    --color-stroke-subtle: var(--color-neutral-300);
+    --color-state-visited: var(--color-pink-600);
     --color-state-focus-stroke: #005fcc;
     --color-state-primary-hover: #f5f5f5;
     --color-state-primary-active: #ebebeb;
@@ -51,48 +51,51 @@
     --color-state-attention-active: #d70f38;
     --color-state-hover-foreground-on-secondary-desctructive: #d70f38;
     --color-state-active-foreground-on-secondary-desctructive: #d70f38;
-    --color-data-viz-grid: var(--color-neutral-2);
-    --color-data-viz-labels: var(--color-neutral-7);
-    --color-data-viz-legend: var(--color-neutral-5);
-    --color-data-viz-legend-inactive: var(--color-neutral-3);
-    --color-data-viz-legend-hover: var(--color-neutral-7);
-    --color-data-viz-line-chart-primary: var(--color-blue-4);
-    --color-data-viz-line-chart-secondary: var(--color-blue-7);
-    --color-data-viz-line-chart-tertiary: var(--color-teal-5);
-    --color-data-viz-line-chart-queternary: var(--color-magenta-6);
-    --color-data-viz-line-chart-quinary: var(--color-magenta-3);
-    --color-data-viz-trend-positive: var(--color-green-6);
-    --color-data-viz-trend-negative: var(--color-red-4);
-    --color-data-viz-chart-primary: var(--color-blue-4);
-    --color-data-viz-chart-secondary: var(--color-blue-7);
-    --color-data-viz-chart-tertiary-background: var(--color-blue-1);
-    --color-data-viz-chart-tertiary-stroke: var(--color-blue-4);
-    --color-data-viz-chart-quaternary-background: var(--color-teal-2);
-    --color-data-viz-chart-quaternary-stroke: var(--color-teal-5);
-    --color-data-viz-chart-quinary-background: var(--color-teal-1);
-    --color-data-viz-chart-quinary-stroke: var(--color-teal-5);
+    --color-data-viz-grid: var(--color-neutral-300);
+    --color-data-viz-labels: var(--color-neutral-800);
+    --color-data-viz-legend: var(--color-neutral-600);
+    --color-data-viz-legend-inactive: var(--color-neutral-400);
+    --color-data-viz-legend-hover: var(--color-neutral-800);
+    --color-data-viz-line-chart-primary: var(--color-blue-500);
+    --color-data-viz-line-chart-secondary: var(--color-violet-700);
+    --color-data-viz-line-chart-tertiary: var(--color-teal-600);
+    --color-data-viz-line-chart-queternary: var(--color-pink-500);
+    --color-data-viz-line-chart-quinary: var(--color-pink-600);
+    --color-data-viz-trend-positive: var(--color-kiwi-600);
+    --color-data-viz-trend-negative: var(--color-red-600);
+    --color-data-viz-chart-primary: var(--color-blue-500);
+    --color-data-viz-chart-secondary: var(--color-blue-700);
+    --color-data-viz-chart-tertiary-background: var(--color-indigo-200);
+    --color-data-viz-chart-tertiary-stroke: var(--color-blue-500);
+    --color-data-viz-chart-quaternary-background: var(--color-teal-300);
+    --color-data-viz-chart-quaternary-stroke: var(--color-teal-600);
+    --color-data-viz-chart-quinary-background: var(--color-teal-200);
+    --color-data-viz-chart-quinary-stroke: var(--color-teal-600);
     --color-data-viz-tooltip-shadow-primary: #00000026;
     --color-data-viz-tooltip-shadow-secondary: #0000002b;
     --color-scrim-image: rgba(0, 0, 0, 0.04);
     --color-scrim-background: rgba(0, 0, 0, 0.32);
-    --color-marketing-lime-foreground-4: var(--color-lime-7);
-    --color-marketing-lime-background-4: var(--color-lime-4);
-    --color-marketing-green-foreground-3: var(--color-green-7);
-    --color-marketing-green-background-3: var(--color-green-3);
+    --color-marketing-lime-foreground-4: var(--color-green-700);
+    --color-marketing-lime-background-4: var(--color-avocado-500);
+    --color-marketing-green-foreground-3: var(--color-kiwi-700);
+    --color-marketing-green-background-3: var(--color-kiwi-400);
     --color-marketing-teal-foreground-3: var(--color-teal-7);
-    --color-marketing-teal-background-3: var(--color-teal-3);
-    --color-marketing-teal-foreground-5: var(--color-neutral-0);
-    --color-marketing-teal-background-5: var(--color-teal-5);
-    --color-marketing-yellow-foreground-3: var(--color-yellow-7);
-    --color-marketing-yellow-background-3: var(--color-yellow-3);
-    --color-marketing-orange-foreground-3: var(--color-orange-7);
-    --color-marketing-orange-background-3: var(--color-orange-3);
-    --color-marketing-magenta-foreground-4: var(--color-neutral-0);
-    --color-marketing-magenta-background-4: var(--color-magenta-4);
-    --state-layer-focus: rgba(var(--color-neutral-8-rgb), var(--opacity-50));
-    --state-layer-hover: rgba(var(--color-neutral-8-rgb), var(--opacity-50));
-    --state-layer-pressed: rgba(var(--color-neutral-8-rgb), var(--opacity-100));
-    --state-layer-drag: rgba(var(--color-neutral-8-rgb), var(--opacity-150));
+    --color-marketing-teal-background-3: var(--color-teal-400);
+    --color-marketing-teal-foreground-5: var(--color-neutral-100);
+    --color-marketing-teal-background-5: var(--color-teal-600);
+    --color-marketing-yellow-foreground-3: var(--color-marigold-700);
+    --color-marketing-yellow-background-3: var(--color-yellow-400);
+    --color-marketing-orange-foreground-3: var(--color-coral-700);
+    --color-marketing-orange-background-3: var(--color-coral-400);
+    --color-marketing-magenta-foreground-4: var(--color-neutral-100);
+    --color-marketing-magenta-background-4: var(--color-pink-400);
+    --state-layer-focus: rgba(var(--color-neutral-900-rgb), var(--opacity-50));
+    --state-layer-hover: rgba(var(--color-neutral-900-rgb), var(--opacity-50));
+    --state-layer-pressed: rgba(
+        var(--color-neutral-900-rgb),
+        var(--opacity-100)
+    );
+    --state-layer-drag: rgba(var(--color-neutral-900-rgb), var(--opacity-150));
     --color-ai-gradient-full-spectrum: linear-gradient(
         223deg,
         var(--color-ai-solid-yellow-strong) 9.79%,
@@ -156,9 +159,6 @@
         var(--color-loading-fill-on-secondary) 66%,
         var(--color-loading-fill-on-secondary) 100%
     );
-    /* deprecated, remove next major both fill-elevated and shimmer-elevated */
-    --color-loading-fill-elevated: var(--color-loading-fill-on-secondary);
-    --color-loading-shimmer-elevated: var(--color-loading-shimmer-on-secondary);
     --color-loading-ai-gradient-purple-subtle: linear-gradient(
         270deg,
         var(--color-ai-solid-red-subtle) 0%,