@kanso-protocol/core 2.0.3 → 3.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/package.json +1 -1
  2. package/styles/_tokens.scss +3 -2
  3. package/styles/dark.css +3 -0
  4. package/styles/tokens.css +3 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kanso-protocol/core",
3
- "version": "2.0.3",
3
+ "version": "3.0.1",
4
4
  "description": "Kanso Protocol — core design tokens (CSS/SCSS variables + generated TS constants).",
5
5
  "license": "MIT",
6
6
  "author": "GregNBlack",
package/styles/_tokens.scss CHANGED
@@ -874,8 +874,9 @@ $kp-color-table-header-fg: $kp-color-gray-700;
874
874
  $kp-color-table-header-sort-icon: $kp-color-gray-500;
875
875
  $kp-color-table-header-sort-active: $kp-color-blue-600;
876
876
  $kp-color-table-row-bg-rest: $kp-color-white;
877
- $kp-color-table-row-bg-hover: $kp-color-gray-50;
878
- $kp-color-table-row-bg-selected: $kp-color-blue-50;
877
+ $kp-color-table-row-bg-striped: $kp-color-gray-50; // audit-2026-05-20 — split out from hover so zebra-even rows have a distinct, lighter tint and don't collide with the hover state.
878
+ $kp-color-table-row-bg-hover: $kp-color-gray-100; // audit-2026-05-20 — bumped gray.50 → gray.100 so hover reads visibly darker than the striped (gray.50) row underneath it.
879
+ $kp-color-table-row-bg-selected: $kp-color-blue-100; // audit-2026-05-20 — bumped blue.50 → blue.100 so the selection state has unmistakable brand tint instead of looking like a barely-tinted row.
879
880
  $kp-color-table-row-fg: $kp-color-gray-900;
880
881
  $kp-color-table-border: $kp-color-gray-200;
881
882
  $kp-color-table-border-soft: $kp-color-gray-100;
package/styles/dark.css CHANGED
@@ -357,6 +357,9 @@
357
357
  --kp-color-breadcrumbs-item-fg-link-rest: #93c5fd;
358
358
  --kp-color-table-header-fg: #a1a1aa;
359
359
  --kp-color-table-row-fg: #f4f4f5;
360
+ --kp-color-table-row-bg-hover: #27272a;
361
+ --kp-color-table-row-bg-striped: #09090b;
362
+ --kp-color-table-row-bg-selected: #1e2a4f;
360
363
  --kp-color-divider-label: #a1a1aa;
361
364
  --kp-color-datepicker-day-fg-rest: #f4f4f5;
362
365
  --kp-color-datepicker-day-fg-outside: #71717a;
package/styles/tokens.css CHANGED
@@ -792,8 +792,9 @@
792
792
  --kp-color-table-header-sort-icon: var(--kp-color-gray-500);
793
793
  --kp-color-table-header-sort-active: var(--kp-color-blue-600);
794
794
  --kp-color-table-row-bg-rest: var(--kp-color-white);
795
- --kp-color-table-row-bg-hover: var(--kp-color-gray-50);
796
- --kp-color-table-row-bg-selected: var(--kp-color-blue-50);
795
+ --kp-color-table-row-bg-striped: var(--kp-color-gray-50); /** audit-2026-05-20 — split out from hover so zebra-even rows have a distinct, lighter tint and don't collide with the hover state. */
796
+ --kp-color-table-row-bg-hover: var(--kp-color-gray-100); /** audit-2026-05-20 — bumped gray.50 → gray.100 so hover reads visibly darker than the striped (gray.50) row underneath it. */
797
+ --kp-color-table-row-bg-selected: var(--kp-color-blue-100); /** audit-2026-05-20 — bumped blue.50 → blue.100 so the selection state has unmistakable brand tint instead of looking like a barely-tinted row. */
797
798
  --kp-color-table-row-fg: var(--kp-color-gray-900);
798
799
  --kp-color-table-border: var(--kp-color-gray-200);
799
800
  --kp-color-table-border-soft: var(--kp-color-gray-100);