@talelk/newui-tailwind 1.0.2 → 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);
@@ -126,6 +126,7 @@
   --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);
@@ -137,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);
@@ -160,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);
@@ -250,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);
@@ -271,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);
@@ -371,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);
@@ -385,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);
@@ -534,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);
@@ -550,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);
@@ -575,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);
@@ -676,6 +677,7 @@
   --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);
@@ -691,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);
@@ -710,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);
@@ -800,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);
@@ -821,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);
@@ -921,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);
@@ -935,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);
@@ -1086,11 +1088,11 @@
   --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: 3px solid #464646cc;
+  --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/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";

package/src/utilities.css

@@ -151,6 +151,29 @@
   }
 }
 
+/* Side sheets settle in from their inline-end edge: the last few pixels
+ * only, mirrored for right-to-left documents. */
+@keyframes sheet-in {
+  from {
+    opacity: 0;
+    transform: translateX(12px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+@keyframes sheet-in-rtl {
+  from {
+    opacity: 0;
+    transform: translateX(-12px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+
 /* Skeleton sheen: sweeps a wide background gradient across the block. The
  * consumer supplies the gradient and `background-size: 200% 100%`. */
 @keyframes shimmer {