diff --git a/package.json b/package.json index eb08d26..30a5a51 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "apg-patterns-examples", "type": "module", - "version": "0.3.5", + "version": "0.3.6", "private": false, "description": "Accessible UI components following WAI-ARIA APG patterns. Multi-framework implementations in React, Vue, Svelte, and Astro with documentation and tests.", "author": "masuP9", diff --git a/src/styles/patterns/table.css b/src/styles/patterns/table.css index 37a0fd9..f1a0d1c 100644 --- a/src/styles/patterns/table.css +++ b/src/styles/patterns/table.css @@ -160,9 +160,25 @@ apg-table.apg-table > [role='table'] { .apg-table-cell, .apg-table-rowheader { + color: CanvasText; background: Canvas; } + .apg-table-cell:hover, + .apg-table-rowheader:hover { + background: Canvas; + outline: 2px solid Highlight; + outline-offset: -2px; + } + + .apg-table-sort-button { + color: ButtonText; + } + + .apg-table-sort-button:hover { + color: Highlight; + } + .apg-table-sort-button:focus-visible { outline: 3px solid Highlight; }