@talelk/newui-tailwind 1.0.0 → 1.1.0

package/src/generated/tokens.css

@@ -1,17 +1,17 @@
 /* Generated by @talelk/newui-tailwind `build:css`. Do not edit. */
 :root {
   --surface-base: oklch(1 0 0);
-  --surface-gray-1: oklch(0.979 0.006 255);
-  --surface-gray-2: oklch(0.964 0.006 255);
-  --surface-gray-3: oklch(0.946 0.006 255);
-  --surface-gray-4: oklch(0.913 0.006 255);
-  --surface-gray-5: oklch(0.83 0.006 255);
-  --surface-gray-6: oklch(0.683 0.006 255);
-  --surface-gray-7: oklch(0.586 0.006 255);
-  --surface-gray-8: oklch(0.439 0.006 255);
-  --surface-gray-9: oklch(0.341 0.006 255);
-  --surface-gray-10: oklch(0.205 0.006 255);
-  --surface-sidebar: oklch(0.979 0.006 255);
+  --surface-gray-1: oklch(0.976 0.003 264.5);
+  --surface-gray-2: oklch(0.954 0.005 247.9);
+  --surface-gray-3: oklch(0.923 0.008 253.9);
+  --surface-gray-4: oklch(0.883 0.012 252.1);
+  --surface-gray-5: oklch(0.791 0.017 250.9);
+  --surface-gray-6: oklch(0.665 0.023 252.6);
+  --surface-gray-7: oklch(0.612 0.025 254.5);
+  --surface-gray-8: oklch(0.489 0.028 256.2);
+  --surface-gray-9: oklch(0.364 0.024 255.7);
+  --surface-gray-10: oklch(0.241 0.024 256.4);
+  --surface-sidebar: oklch(0.954 0.005 247.9);
   --surface-elevation-1: oklch(1 0 0);
   --surface-elevation-2: oklch(1 0 0);
   --surface-elevation-3: oklch(1 0 0);
@@ -25,16 +25,16 @@
   --surface-red-8: oklch(0.497 0.185 27.335);
   --surface-red-9: oklch(0.438 0.153 26.273);
   --surface-red-10: oklch(0.348 0.12 26.042);
-  --surface-blue-1: oklch(0.976 0.011 243.65);
-  --surface-blue-2: oklch(0.96 0.021 241.348);
-  --surface-blue-3: oklch(0.925 0.039 243.489);
-  --surface-blue-4: oklch(0.88 0.061 242.553);
-  --surface-blue-5: oklch(0.73 0.121 245.297);
-  --surface-blue-6: oklch(0.641 0.186 251.565);
-  --surface-blue-7: oklch(0.587 0.174 252.167);
-  --surface-blue-8: oklch(0.561 0.168 252.355);
-  --surface-blue-9: oklch(0.477 0.149 253.403);
-  --surface-blue-10: oklch(0.396 0.113 250.204);
+  --surface-blue-1: oklch(0.968 0.009 214.3);
+  --surface-blue-2: oklch(0.933 0.018 218.4);
+  --surface-blue-3: oklch(0.869 0.034 217.8);
+  --surface-blue-4: oklch(0.778 0.056 218.7);
+  --surface-blue-5: oklch(0.668 0.076 219.7);
+  --surface-blue-6: oklch(0.558 0.087 221.8);
+  --surface-blue-7: oklch(0.492 0.085 223.3);
+  --surface-blue-8: oklch(0.443 0.079 224.9);
+  --surface-blue-9: oklch(0.389 0.069 224.6);
+  --surface-blue-10: oklch(0.333 0.057 224.7);
   --surface-green-1: oklch(0.976 0.014 155.594);
   --surface-green-2: oklch(0.965 0.03 155.987);
   --surface-green-3: oklch(0.908 0.07 154.3);
@@ -125,6 +125,8 @@
   --surface-pink-8: oklch(0.481 0.17 346.479);
   --surface-pink-9: oklch(0.408 0.155 348.063);
   --surface-pink-10: oklch(0.316 0.115 345.791);
+  --surface-scrim: oklch(0 0 0 / 0.271);
+  --surface-canvas: oklch(0.954 0.005 247.9);
   --surface-alpha-base: oklch(1 0 0);
   --surface-alpha-gray-1: oklch(0 0 0 / 0.031);
   --surface-alpha-gray-2: oklch(0 0 0 / 0.043);
@@ -136,20 +138,20 @@
   --surface-alpha-gray-8: oklch(0 0 0 / 0.678);
   --surface-alpha-gray-9: oklch(0 0 0 / 0.78);
   --surface-alpha-gray-10: oklch(0 0 0 / 0.91);
-  --surface-alpha-sidebar: oklch(0.979 0.006 255);
+  --surface-alpha-sidebar: oklch(0.976 0.003 264.5);
   --surface-alpha-elevation-1: oklch(1 0 0);
   --surface-alpha-elevation-2: oklch(1 0 0);
   --surface-alpha-elevation-3: oklch(1 0 0);
   --ink-base: oklch(1 0 0);
-  --ink-gray-1: oklch(0.946 0.006 255);
-  --ink-gray-2: oklch(0.913 0.006 255);
-  --ink-gray-3: oklch(0.83 0.006 255);
-  --ink-gray-4: oklch(0.683 0.006 255);
-  --ink-gray-5: oklch(0.586 0.006 255);
-  --ink-gray-6: oklch(0.439 0.006 255);
-  --ink-gray-7: oklch(0.341 0.006 255);
-  --ink-gray-8: oklch(0.205 0.006 255);
-  --ink-gray-9: oklch(0.168 0.006 255);
+  --ink-gray-1: oklch(0.923 0.008 253.9);
+  --ink-gray-2: oklch(0.883 0.012 252.1);
+  --ink-gray-3: oklch(0.791 0.017 250.9);
+  --ink-gray-4: oklch(0.665 0.023 252.6);
+  --ink-gray-5: oklch(0.612 0.025 254.5);
+  --ink-gray-6: oklch(0.489 0.028 256.2);
+  --ink-gray-7: oklch(0.364 0.024 255.7);
+  --ink-gray-8: oklch(0.241 0.024 256.4);
+  --ink-gray-9: oklch(0.189 0.019 255.8);
   --ink-red-1: oklch(0.947 0.026 17.626);
   --ink-red-2: oklch(0.915 0.044 17.978);
   --ink-red-3: oklch(0.867 0.068 18.55);
@@ -159,15 +161,15 @@
   --ink-red-7: oklch(0.497 0.185 27.335);
   --ink-red-8: oklch(0.438 0.153 26.273);
   --ink-red-9: oklch(0.348 0.12 26.042);
-  --ink-blue-1: oklch(0.96 0.021 241.348);
-  --ink-blue-2: oklch(0.925 0.039 243.489);
-  --ink-blue-3: oklch(0.88 0.061 242.553);
-  --ink-blue-4: oklch(0.73 0.121 245.297);
-  --ink-blue-5: oklch(0.641 0.186 251.565);
-  --ink-blue-6: oklch(0.587 0.174 252.167);
-  --ink-blue-7: oklch(0.561 0.168 252.355);
-  --ink-blue-8: oklch(0.477 0.149 253.403);
-  --ink-blue-9: oklch(0.396 0.113 250.204);
+  --ink-blue-1: oklch(0.933 0.018 218.4);
+  --ink-blue-2: oklch(0.869 0.034 217.8);
+  --ink-blue-3: oklch(0.778 0.056 218.7);
+  --ink-blue-4: oklch(0.668 0.076 219.7);
+  --ink-blue-5: oklch(0.558 0.087 221.8);
+  --ink-blue-6: oklch(0.492 0.085 223.3);
+  --ink-blue-7: oklch(0.443 0.079 224.9);
+  --ink-blue-8: oklch(0.389 0.069 224.6);
+  --ink-blue-9: oklch(0.333 0.057 224.7);
   --ink-green-1: oklch(0.965 0.03 155.987);
   --ink-green-2: oklch(0.908 0.07 154.3);
   --ink-green-3: oklch(0.872 0.084 155.952);
@@ -249,17 +251,17 @@
   --ink-pink-7: oklch(0.481 0.17 346.479);
   --ink-pink-8: oklch(0.408 0.155 348.063);
   --ink-pink-9: oklch(0.316 0.115 345.791);
-  --ink-blue-link: oklch(0.477 0.149 253.403);
+  --ink-blue-link: oklch(0.389 0.069 224.6);
   --outline-base: oklch(1 0 0);
-  --outline-gray-1: oklch(0.946 0.006 255);
-  --outline-gray-2: oklch(0.913 0.006 255);
-  --outline-gray-3: oklch(0.83 0.006 255);
-  --outline-gray-4: oklch(0.683 0.006 255);
-  --outline-gray-5: oklch(0.586 0.006 255);
-  --outline-gray-6: oklch(0.439 0.006 255);
-  --outline-gray-7: oklch(0.341 0.006 255);
-  --outline-gray-8: oklch(0.205 0.006 255);
-  --outline-gray-9: oklch(0.168 0.006 255);
+  --outline-gray-1: oklch(0.923 0.008 253.9);
+  --outline-gray-2: oklch(0.883 0.012 252.1);
+  --outline-gray-3: oklch(0.791 0.017 250.9);
+  --outline-gray-4: oklch(0.665 0.023 252.6);
+  --outline-gray-5: oklch(0.612 0.025 254.5);
+  --outline-gray-6: oklch(0.489 0.028 256.2);
+  --outline-gray-7: oklch(0.364 0.024 255.7);
+  --outline-gray-8: oklch(0.241 0.024 256.4);
+  --outline-gray-9: oklch(0.189 0.019 255.8);
   --outline-red-1: oklch(0.947 0.026 17.626);
   --outline-red-2: oklch(0.915 0.044 17.978);
   --outline-red-3: oklch(0.867 0.068 18.55);
@@ -270,16 +272,16 @@
   --outline-red-8: oklch(0.438 0.153 26.273);
   --outline-red-9: oklch(0.348 0.12 26.042);
   --outline-red-10: oklch(0.276 0.093 25.823);
-  --outline-blue-1: oklch(0.96 0.021 241.348);
-  --outline-blue-2: oklch(0.925 0.039 243.489);
-  --outline-blue-3: oklch(0.88 0.061 242.553);
-  --outline-blue-4: oklch(0.73 0.121 245.297);
-  --outline-blue-5: oklch(0.641 0.186 251.565);
-  --outline-blue-6: oklch(0.587 0.174 252.167);
-  --outline-blue-7: oklch(0.561 0.168 252.355);
-  --outline-blue-8: oklch(0.477 0.149 253.403);
-  --outline-blue-9: oklch(0.396 0.113 250.204);
-  --outline-blue-10: oklch(0.309 0.104 256.771);
+  --outline-blue-1: oklch(0.933 0.018 218.4);
+  --outline-blue-2: oklch(0.869 0.034 217.8);
+  --outline-blue-3: oklch(0.778 0.056 218.7);
+  --outline-blue-4: oklch(0.668 0.076 219.7);
+  --outline-blue-5: oklch(0.558 0.087 221.8);
+  --outline-blue-6: oklch(0.492 0.085 223.3);
+  --outline-blue-7: oklch(0.443 0.079 224.9);
+  --outline-blue-8: oklch(0.389 0.069 224.6);
+  --outline-blue-9: oklch(0.333 0.057 224.7);
+  --outline-blue-10: oklch(0.267 0.044 225.3);
   --outline-green-1: oklch(0.965 0.03 155.987);
   --outline-green-2: oklch(0.908 0.07 154.3);
   --outline-green-3: oklch(0.872 0.084 155.952);
@@ -370,8 +372,8 @@
   --outline-pink-8: oklch(0.408 0.155 348.063);
   --outline-pink-9: oklch(0.316 0.115 345.791);
   --outline-pink-10: oklch(0.254 0.096 346.105);
-  --outline-elevation-1: oklch(0.946 0.006 255);
-  --outline-elevation-2: oklch(0.946 0.006 255);
+  --outline-elevation-1: oklch(0.923 0.008 253.9);
+  --outline-elevation-2: oklch(0.923 0.008 253.9);
   --outline-alpha-base: oklch(1 0 0);
   --outline-alpha-gray-1: oklch(0 0 0 / 0.071);
   --outline-alpha-gray-2: oklch(0 0 0 / 0.114);
@@ -384,28 +386,28 @@
   --outline-alpha-gray-9: oklch(0 0 0 / 0.941);
   --outline-alpha-elevation-1: oklch(0 0 0 / 0.071);
   --outline-alpha-elevation-2: oklch(0 0 0 / 0.071);
-  --gray-50: oklch(0.979 0.006 255);
-  --gray-100: oklch(0.964 0.006 255);
-  --gray-200: oklch(0.946 0.006 255);
-  --gray-300: oklch(0.913 0.006 255);
-  --gray-400: oklch(0.83 0.006 255);
-  --gray-500: oklch(0.683 0.006 255);
-  --gray-600: oklch(0.586 0.006 255);
-  --gray-700: oklch(0.439 0.006 255);
-  --gray-800: oklch(0.341 0.006 255);
-  --gray-900: oklch(0.205 0.006 255);
-  --gray-950: oklch(0.168 0.006 255);
-  --blue-50: oklch(0.976 0.011 243.65);
-  --blue-100: oklch(0.96 0.021 241.348);
-  --blue-200: oklch(0.925 0.039 243.489);
-  --blue-300: oklch(0.88 0.061 242.553);
-  --blue-400: oklch(0.73 0.121 245.297);
-  --blue-500: oklch(0.641 0.186 251.565);
-  --blue-600: oklch(0.587 0.174 252.167);
-  --blue-700: oklch(0.561 0.168 252.355);
-  --blue-800: oklch(0.477 0.149 253.403);
-  --blue-900: oklch(0.396 0.113 250.204);
-  --blue-950: oklch(0.309 0.104 256.771);
+  --gray-50: oklch(0.976 0.003 264.5);
+  --gray-100: oklch(0.954 0.005 247.9);
+  --gray-200: oklch(0.923 0.008 253.9);
+  --gray-300: oklch(0.883 0.012 252.1);
+  --gray-400: oklch(0.791 0.017 250.9);
+  --gray-500: oklch(0.665 0.023 252.6);
+  --gray-600: oklch(0.612 0.025 254.5);
+  --gray-700: oklch(0.489 0.028 256.2);
+  --gray-800: oklch(0.364 0.024 255.7);
+  --gray-900: oklch(0.241 0.024 256.4);
+  --gray-950: oklch(0.189 0.019 255.8);
+  --blue-50: oklch(0.968 0.009 214.3);
+  --blue-100: oklch(0.933 0.018 218.4);
+  --blue-200: oklch(0.869 0.034 217.8);
+  --blue-300: oklch(0.778 0.056 218.7);
+  --blue-400: oklch(0.668 0.076 219.7);
+  --blue-500: oklch(0.558 0.087 221.8);
+  --blue-600: oklch(0.492 0.085 223.3);
+  --blue-700: oklch(0.443 0.079 224.9);
+  --blue-800: oklch(0.389 0.069 224.6);
+  --blue-900: oklch(0.333 0.057 224.7);
+  --blue-950: oklch(0.267 0.044 225.3);
   --green-50: oklch(0.976 0.014 155.594);
   --green-100: oklch(0.965 0.03 155.987);
   --green-200: oklch(0.908 0.07 154.3);
@@ -533,11 +535,11 @@
   --elevation-lg: inset 0px 0.25px 1.5px 0px #ffffff29, 0px 0px 1.5px 0px #0000002e, 0px 0px 6px 3px #00000008, 0px 18px 22px -6px #0000001a;
   --elevation-xl: inset 0px 0.25px 1.5px 0px #ffffff29, 0px 0px 1px 0px #00000033, 0px 0px 10px 2px #0000000a, 0px 24px 30px -8px #0000001a;
   --elevation-2xl: inset 0px 0.25px 2px 0px #ffffff29, 0px 0px 1.5px 0px #00000040, 0px 0px 10px 2px #00000008, 0px 44px 52px -10px #0000001a;
-  --focus-outline-default: 2px solid #c9c9c9e5;
+  --focus-outline-default: 2px solid #0E5C74;
   --focus-outline-red: 2px solid #fa9c9de5;
   --focus-outline-green: 2px solid #5ed29ce5;
   --focus-outline-amber: 2px solid #ffda7ce5;
-  --focus-outline-blue: 2px solid #65b9fce5;
+  --focus-outline-blue: 2px solid #0E5C74;
   --focus-outline-violet: 2px solid #bea2fce5;
   --chart-1: var(--blue-600);
   --chart-2: var(--green-600);
@@ -549,21 +551,21 @@
   --chart-8: var(--pink-600);
 }
 [data-theme="dark"] {
-  --surface-base: oklch(0.205 0.006 255);
-  --surface-gray-1: oklch(0.239 0.006 255);
-  --surface-gray-2: oklch(0.281 0.006 255);
-  --surface-gray-3: oklch(0.341 0.006 255);
-  --surface-gray-4: oklch(0.379 0.006 255);
-  --surface-gray-5: oklch(0.457 0.006 255);
-  --surface-gray-6: oklch(0.58 0.006 255);
-  --surface-gray-7: oklch(0.683 0.006 255);
-  --surface-gray-8: oklch(0.754 0.006 255);
-  --surface-gray-9: oklch(0.885 0.006 255);
-  --surface-gray-10: oklch(0.979 0.006 255);
-  --surface-sidebar: oklch(1 0 0 / 0);
-  --surface-elevation-1: oklch(0.26 0.006 255);
-  --surface-elevation-2: oklch(0.281 0.006 255);
-  --surface-elevation-3: oklch(0.341 0.006 255);
+  --surface-base: oklch(0.203 0.016 256.8);
+  --surface-gray-1: oklch(0.233 0.020 258.4);
+  --surface-gray-2: oklch(0.317 0.023 253.6);
+  --surface-gray-3: oklch(0.375 0.025 253.1);
+  --surface-gray-4: oklch(0.459 0.025 252.7);
+  --surface-gray-5: oklch(0.562 0.025 254.5);
+  --surface-gray-6: oklch(0.589 0.026 256.2);
+  --surface-gray-7: oklch(0.744 0.021 252.9);
+  --surface-gray-8: oklch(0.848 0.015 251.2);
+  --surface-gray-9: oklch(0.926 0.009 247.9);
+  --surface-gray-10: oklch(0.966 0.005 247.9);
+  --surface-sidebar: oklch(0.171 0.012 254.2);
+  --surface-elevation-1: oklch(0.266 0.021 257.3);
+  --surface-elevation-2: oklch(0.317 0.023 253.6);
+  --surface-elevation-3: oklch(0.375 0.025 253.1);
   --surface-red-1: oklch(0.25 0.059 19.081);
   --surface-red-2: oklch(0.333 0.082 22.544);
   --surface-red-3: oklch(0.394 0.105 23.193);
@@ -574,16 +576,16 @@
   --surface-red-8: oklch(0.639 0.196 24.565);
   --surface-red-9: oklch(0.727 0.169 22.177);
   --surface-red-10: oklch(0.867 0.071 18.63);
-  --surface-blue-1: oklch(0.255 0.056 255.801);
-  --surface-blue-2: oklch(0.305 0.092 256.675);
-  --surface-blue-3: oklch(0.327 0.098 254.426);
-  --surface-blue-4: oklch(0.397 0.117 252.902);
-  --surface-blue-5: oklch(0.463 0.136 253.075);
-  --surface-blue-6: oklch(0.538 0.154 253.819);
-  --surface-blue-7: oklch(0.586 0.143 248.605);
-  --surface-blue-8: oklch(0.671 0.155 247.709);
-  --surface-blue-9: oklch(0.777 0.112 244.656);
-  --surface-blue-10: oklch(0.849 0.063 247.116);
+  --surface-blue-1: oklch(0.241 0.034 222.0);
+  --surface-blue-2: oklch(0.290 0.044 222.4);
+  --surface-blue-3: oklch(0.344 0.054 222.1);
+  --surface-blue-4: oklch(0.410 0.066 222.2);
+  --surface-blue-5: oklch(0.476 0.077 221.3);
+  --surface-blue-6: oklch(0.557 0.087 220.5);
+  --surface-blue-7: oklch(0.642 0.093 219.1);
+  --surface-blue-8: oklch(0.732 0.087 216.9);
+  --surface-blue-9: oklch(0.819 0.065 216.2);
+  --surface-blue-10: oklch(0.897 0.038 215.5);
   --surface-green-1: oklch(0.244 0.05 156.367);
   --surface-green-2: oklch(0.295 0.057 157.43);
   --surface-green-3: oklch(0.337 0.071 158.636);
@@ -674,6 +676,8 @@
   --surface-pink-8: oklch(0.667 0.192 346.848);
   --surface-pink-9: oklch(0.726 0.166 344.979);
   --surface-pink-10: oklch(0.796 0.128 343.745);
+  --surface-scrim: oklch(0 0 0 / 0.722);
+  --surface-canvas: oklch(0.171 0.012 254.2);
   --surface-alpha-base: oklch(0 0 0 / 0.039);
   --surface-alpha-gray-1: oklch(1 0 0 / 0.055);
   --surface-alpha-gray-2: oklch(1 0 0 / 0.078);
@@ -689,16 +693,16 @@
   --surface-alpha-elevation-1: oklch(1 0 0 / 0.035);
   --surface-alpha-elevation-2: oklch(1 0 0 / 0.055);
   --surface-alpha-elevation-3: oklch(1 0 0 / 0.141);
-  --ink-base: oklch(0.205 0.006 255);
-  --ink-gray-1: oklch(0.26 0.006 255);
-  --ink-gray-2: oklch(0.341 0.006 255);
-  --ink-gray-3: oklch(0.379 0.006 255);
-  --ink-gray-4: oklch(0.58 0.006 255);
-  --ink-gray-5: oklch(0.58 0.006 255);
-  --ink-gray-6: oklch(0.683 0.006 255);
-  --ink-gray-7: oklch(0.754 0.006 255);
-  --ink-gray-8: oklch(0.885 0.006 255);
-  --ink-gray-9: oklch(0.979 0.006 255);
+  --ink-base: oklch(0.203 0.016 256.8);
+  --ink-gray-1: oklch(0.266 0.021 257.3);
+  --ink-gray-2: oklch(0.375 0.025 253.1);
+  --ink-gray-3: oklch(0.459 0.025 252.7);
+  --ink-gray-4: oklch(0.589 0.026 256.2);
+  --ink-gray-5: oklch(0.589 0.026 256.2);
+  --ink-gray-6: oklch(0.744 0.021 252.9);
+  --ink-gray-7: oklch(0.848 0.015 251.2);
+  --ink-gray-8: oklch(0.926 0.009 247.9);
+  --ink-gray-9: oklch(0.966 0.005 247.9);
   --ink-red-1: oklch(0.394 0.105 23.193);
   --ink-red-2: oklch(0.422 0.126 24.306);
   --ink-red-3: oklch(0.445 0.13 24.095);
@@ -708,15 +712,15 @@
   --ink-red-7: oklch(0.727 0.169 22.177);
   --ink-red-8: oklch(0.867 0.071 18.63);
   --ink-red-9: oklch(0.928 0.037 17.831);
-  --ink-blue-1: oklch(0.327 0.098 254.426);
-  --ink-blue-2: oklch(0.397 0.117 252.902);
-  --ink-blue-3: oklch(0.463 0.136 253.075);
-  --ink-blue-4: oklch(0.538 0.154 253.819);
-  --ink-blue-5: oklch(0.586 0.143 248.605);
-  --ink-blue-6: oklch(0.671 0.155 247.709);
-  --ink-blue-7: oklch(0.777 0.112 244.656);
-  --ink-blue-8: oklch(0.849 0.063 247.116);
-  --ink-blue-9: oklch(0.896 0.038 245.785);
+  --ink-blue-1: oklch(0.344 0.054 222.1);
+  --ink-blue-2: oklch(0.410 0.066 222.2);
+  --ink-blue-3: oklch(0.476 0.077 221.3);
+  --ink-blue-4: oklch(0.557 0.087 220.5);
+  --ink-blue-5: oklch(0.642 0.093 219.1);
+  --ink-blue-6: oklch(0.732 0.087 216.9);
+  --ink-blue-7: oklch(0.819 0.065 216.2);
+  --ink-blue-8: oklch(0.897 0.038 215.5);
+  --ink-blue-9: oklch(0.953 0.018 214.4);
   --ink-green-1: oklch(0.337 0.071 158.636);
   --ink-green-2: oklch(0.41 0.095 156.411);
   --ink-green-3: oklch(0.486 0.117 155.335);
@@ -798,17 +802,17 @@
   --ink-pink-7: oklch(0.726 0.166 344.979);
   --ink-pink-8: oklch(0.796 0.128 343.745);
   --ink-pink-9: oklch(0.866 0.094 342.393);
-  --ink-blue-link: oklch(0.777 0.112 244.656);
-  --outline-base: oklch(0.205 0.006 255);
-  --outline-gray-1: oklch(0.341 0.006 255);
-  --outline-gray-2: oklch(0.341 0.006 255);
-  --outline-gray-3: oklch(0.379 0.006 255);
-  --outline-gray-4: oklch(0.457 0.006 255);
-  --outline-gray-5: oklch(0.58 0.006 255);
-  --outline-gray-6: oklch(0.683 0.006 255);
-  --outline-gray-7: oklch(0.946 0.006 255);
-  --outline-gray-8: oklch(0.964 0.006 255);
-  --outline-gray-9: oklch(0.979 0.006 255);
+  --ink-blue-link: oklch(0.819 0.065 216.2);
+  --outline-base: oklch(0.203 0.016 256.8);
+  --outline-gray-1: oklch(0.375 0.025 253.1);
+  --outline-gray-2: oklch(0.375 0.025 253.1);
+  --outline-gray-3: oklch(0.459 0.025 252.7);
+  --outline-gray-4: oklch(0.562 0.025 254.5);
+  --outline-gray-5: oklch(0.589 0.026 256.2);
+  --outline-gray-6: oklch(0.744 0.021 252.9);
+  --outline-gray-7: oklch(0.923 0.008 253.9);
+  --outline-gray-8: oklch(0.954 0.005 247.9);
+  --outline-gray-9: oklch(0.976 0.003 264.5);
   --outline-red-1: oklch(0.333 0.082 22.544);
   --outline-red-2: oklch(0.394 0.105 23.193);
   --outline-red-3: oklch(0.422 0.126 24.306);
@@ -819,16 +823,16 @@
   --outline-red-8: oklch(0.727 0.169 22.177);
   --outline-red-9: oklch(0.867 0.071 18.63);
   --outline-red-10: oklch(0.928 0.037 17.831);
-  --outline-blue-1: oklch(0.305 0.092 256.675);
-  --outline-blue-2: oklch(0.327 0.098 254.426);
-  --outline-blue-3: oklch(0.397 0.117 252.902);
-  --outline-blue-4: oklch(0.463 0.136 253.075);
-  --outline-blue-5: oklch(0.538 0.154 253.819);
-  --outline-blue-6: oklch(0.586 0.143 248.605);
-  --outline-blue-7: oklch(0.671 0.155 247.709);
-  --outline-blue-8: oklch(0.777 0.112 244.656);
-  --outline-blue-9: oklch(0.849 0.063 247.116);
-  --outline-blue-10: oklch(0.896 0.038 245.785);
+  --outline-blue-1: oklch(0.290 0.044 222.4);
+  --outline-blue-2: oklch(0.344 0.054 222.1);
+  --outline-blue-3: oklch(0.410 0.066 222.2);
+  --outline-blue-4: oklch(0.476 0.077 221.3);
+  --outline-blue-5: oklch(0.557 0.087 220.5);
+  --outline-blue-6: oklch(0.642 0.093 219.1);
+  --outline-blue-7: oklch(0.732 0.087 216.9);
+  --outline-blue-8: oklch(0.819 0.065 216.2);
+  --outline-blue-9: oklch(0.897 0.038 215.5);
+  --outline-blue-10: oklch(0.953 0.018 214.4);
   --outline-green-1: oklch(0.295 0.057 157.43);
   --outline-green-2: oklch(0.337 0.071 158.636);
   --outline-green-3: oklch(0.41 0.095 156.411);
@@ -919,8 +923,8 @@
   --outline-pink-8: oklch(0.726 0.166 344.979);
   --outline-pink-9: oklch(0.796 0.128 343.745);
   --outline-pink-10: oklch(0.866 0.094 342.393);
-  --outline-elevation-1: oklch(0.281 0.006 255);
-  --outline-elevation-2: oklch(0.341 0.006 255);
+  --outline-elevation-1: oklch(0.317 0.023 253.6);
+  --outline-elevation-2: oklch(0.375 0.025 253.1);
   --outline-alpha-base: oklch(0 0 0 / 0.039);
   --outline-alpha-gray-1: oklch(1 0 0 / 0.055);
   --outline-alpha-gray-2: oklch(1 0 0 / 0.141);
@@ -933,29 +937,29 @@
   --outline-alpha-gray-9: oklch(1 0 0 / 0.969);
   --outline-alpha-elevation-1: oklch(1 0 0 / 0.078);
   --outline-alpha-elevation-2: oklch(1 0 0 / 0.141);
-  --dark-gray-50: oklch(0.979 0.006 255);
-  --dark-gray-100: oklch(0.885 0.006 255);
-  --dark-gray-200: oklch(0.754 0.006 255);
-  --dark-gray-300: oklch(0.683 0.006 255);
-  --dark-gray-400: oklch(0.58 0.006 255);
-  --dark-gray-450: oklch(0.457 0.006 255);
-  --dark-gray-500: oklch(0.379 0.006 255);
-  --dark-gray-600: oklch(0.341 0.006 255);
-  --dark-gray-700: oklch(0.281 0.006 255);
-  --dark-gray-800: oklch(0.26 0.006 255);
-  --dark-gray-900: oklch(0.239 0.006 255);
-  --dark-gray-950: oklch(0.205 0.006 255);
-  --dark-blue-50: oklch(0.896 0.038 245.785);
-  --dark-blue-100: oklch(0.849 0.063 247.116);
-  --dark-blue-200: oklch(0.777 0.112 244.656);
-  --dark-blue-300: oklch(0.671 0.155 247.709);
-  --dark-blue-400: oklch(0.586 0.143 248.605);
-  --dark-blue-500: oklch(0.538 0.154 253.819);
-  --dark-blue-600: oklch(0.463 0.136 253.075);
-  --dark-blue-700: oklch(0.397 0.117 252.902);
-  --dark-blue-800: oklch(0.327 0.098 254.426);
-  --dark-blue-900: oklch(0.305 0.092 256.675);
-  --dark-blue-950: oklch(0.255 0.056 255.801);
+  --dark-gray-50: oklch(0.966 0.005 247.9);
+  --dark-gray-100: oklch(0.926 0.009 247.9);
+  --dark-gray-200: oklch(0.848 0.015 251.2);
+  --dark-gray-300: oklch(0.744 0.021 252.9);
+  --dark-gray-400: oklch(0.589 0.026 256.2);
+  --dark-gray-450: oklch(0.562 0.025 254.5);
+  --dark-gray-500: oklch(0.459 0.025 252.7);
+  --dark-gray-600: oklch(0.375 0.025 253.1);
+  --dark-gray-700: oklch(0.317 0.023 253.6);
+  --dark-gray-800: oklch(0.266 0.021 257.3);
+  --dark-gray-900: oklch(0.233 0.020 258.4);
+  --dark-gray-950: oklch(0.203 0.016 256.8);
+  --dark-blue-50: oklch(0.953 0.018 214.4);
+  --dark-blue-100: oklch(0.897 0.038 215.5);
+  --dark-blue-200: oklch(0.819 0.065 216.2);
+  --dark-blue-300: oklch(0.732 0.087 216.9);
+  --dark-blue-400: oklch(0.642 0.093 219.1);
+  --dark-blue-500: oklch(0.557 0.087 220.5);
+  --dark-blue-600: oklch(0.476 0.077 221.3);
+  --dark-blue-700: oklch(0.410 0.066 222.2);
+  --dark-blue-800: oklch(0.344 0.054 222.1);
+  --dark-blue-900: oklch(0.290 0.044 222.4);
+  --dark-blue-950: oklch(0.241 0.034 222.0);
   --dark-green-50: oklch(0.928 0.053 164.144);
   --dark-green-100: oklch(0.866 0.091 162.299);
   --dark-green-200: oklch(0.766 0.089 162.244);
@@ -1078,11 +1082,17 @@
   --dark-gray-alpha-800: oklch(1 0 0 / 0.055);
   --dark-gray-alpha-900: oklch(1 0 0 / 0.035);
   --dark-gray-alpha-950: oklch(0 0 0 / 0.039);
-  --focus-outline-default: 3px solid #464646cc;
+  --elevation-sm: inset 0px 0.5px 0.5px 0.5px #ffffff08, 0px 0px 14px 0px #0000002e, 0px 1px 3px 0px #000000b2;
+  --elevation-base: inset 0px 0.5px 0.5px 0.5px #ffffff08, 0px 0px 14px 0px #0000002e, 0px 2px 5px 0px #00000099;
+  --elevation-md: inset 0px 0.5px 0.5px 0.5px #ffffff08, 0px 0px 16px 2px #00000033, 0px 6px 12px -2px #00000099;
+  --elevation-lg: inset 0px 0.5px 1.5px 0.5px #ffffff0a, 0px 0px 16px 0px #0000001a, 0px 18px 20px -8px #00000085;
+  --elevation-xl: inset 0px 0.5px 1.5px 0.5px #ffffff0a, 0px 0px 14px 2px #0000001f, 0px 26px 34px -6px #0000006b;
+  --elevation-2xl: inset 0px 0.5px 1.5px 0.5px #ffffff0f, 0px 0px 14px 10px #0000001f, 0px 44px 52px -4px #0000006b;
+  --focus-outline-default: 2px solid #62B6CC;
   --focus-outline-red: 3px solid #751819cc;
   --focus-outline-green: 3px solid #1d563bcc;
   --focus-outline-amber: 3px solid #744811cc;
-  --focus-outline-blue: 3px solid #0e3d62cc;
+  --focus-outline-blue: 2px solid #62B6CC;
   --focus-outline-violet: 3px solid #412d87cc;
   --chart-1: var(--dark-blue-200);
   --chart-2: var(--dark-green-200);

package/src/generated.test.ts

@@ -6,7 +6,9 @@ import {
   easing,
   fontSize,
   radius,
+  screens,
   semanticColors,
+  shadowRoles,
   shadows,
   spacing,
   tracking,
@@ -77,6 +79,9 @@ function expectedShadows(): Set<string> {
     if (key === 'none') continue
     names.add(key === 'DEFAULT' ? '--shadow' : `--shadow-${key}`)
   }
+  for (const role of Object.keys(shadowRoles)) {
+    names.add(`--shadow-${role}`)
+  }
   return names
 }
 
@@ -138,4 +143,19 @@ describe('generated theme parity with @talelk/newui-tokens', () => {
     const missing = expected.filter((name) => !defined.has(name))
     expect(missing).toEqual([])
   })
+
+  it('emits the breakpoint, animation and mono scales', () => {
+    // The animation names are composed in build-css.ts from the duration and
+    // easing tokens; the list is mirrored here so a dropped branch fails.
+    const expected = [
+      ...Object.keys(screens).map((key) => `--breakpoint-${key}`),
+      '--animate-overlay-in',
+      '--animate-drawer-in',
+      '--animate-shimmer',
+      '--animate-progress',
+      '--font-mono',
+    ]
+    const missing = expected.filter((name) => !defined.has(name))
+    expect(missing).toEqual([])
+  })
 })

package/src/plugins/theme.js

@@ -42,7 +42,11 @@ export default plugin(({ addBase }) => {
       'line-height': 'var(--text-interface--line-height)',
     },
     html: {
-      'font-family': 'InterVar, ui-sans-serif, system-ui, sans-serif',
+      // IBM Plex Sans is the library face (self-hosted via style.css); the
+      // stack must name it first or every page renders on whatever system-ui
+      // the host machine happens to have — which is how CI pixels stopped
+      // matching every baseline.
+      'font-family': "'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif",
       'font-optical-sizing': 'auto',
     },
     'html, body, button, p, span, div': {

package/src/style.css

@@ -4,7 +4,7 @@
  *
  * Everything below is generated or framework-neutral; nothing here is
  * app-specific. The consuming app adds its own `@source` globs. */
-@import "./fonts/Inter/inter.css";
+@import "./fonts/IBMPlexSans/plex.css";
 @import "tailwindcss";
 @import "./generated/tokens.css";
 @import "./generated/theme.css";