@redseed/redseed-ui-tailwindcss 7.31.0 → 7.33.0

package/components/card.css

@@ -100,6 +100,13 @@
     @apply focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-border-primary outline-hidden;
 }
 
+/* Persistent selection ring for the pressed/current state. The ring (a shape
+   boundary, present vs absent) conveys the active state without relying on
+   colour alone (WCAG 1.4.1). */
+.rsui-card__action-layer--active {
+    @apply ring-2 ring-offset-2 ring-brand-500;
+}
+
 .rsui-card__action-layer-label {
     @apply sr-only;
 }

package/components/loader.css

@@ -17,3 +17,7 @@
 .rsui-loader--white path {
     @apply fill-background-primary;
 }
+
+.rsui-loader__label {
+    @apply sr-only;
+}

package/components/message_box.css

@@ -36,4 +36,8 @@
 
 .rsui-message-box__close-icon {
     @apply size-10 cursor-pointer rounded-lg flex items-center justify-center hover:bg-border-secondary transition duration-200;
+    /* Reset native <button> chrome so it matches the prior inline affordance ... */
+    @apply bg-transparent border-0 p-0;
+    /* ... while keeping a visible keyboard focus ring (lib convention). */
+    @apply outline-hidden focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-border-primary;
 }

package/components/meta_info.css

@@ -16,6 +16,10 @@
 
 .rsui-meta-info__help {
     @apply flex items-center justify-center text-text-secondary size-4 cursor-pointer;
+    /* Reset native <button> chrome so it matches the prior inline affordance ... */
+    @apply bg-transparent border-0 p-0 rounded outline-hidden;
+    /* ... while keeping a visible keyboard focus ring (lib convention). */
+    @apply focus-visible:ring-offset-2 focus-visible:ring-2 focus-visible:ring-border-primary;
 }
 
 .rsui-meta-info__value {

package/components/metric_card.css

@@ -31,4 +31,10 @@
 
 .rsui-metric-card__label {
     @apply text-text-tertiary text-base font-semibold;
+}
+
+/* Active/selected toggle state. The Card action layer supplies the non-colour
+   selection ring (WCAG 1.4.1); the brand number is colour reinforcement only. */
+.rsui-metric-card--active .rsui-metric-card__number {
+    @apply text-text-brand;
 }

package/components/section_header.css

@@ -24,10 +24,15 @@
 }
 
 .rsui-section-header__title {
-    @apply text-2xl font-bold line-clamp-2 md:line-clamp-1 text-text-primary;
     @apply flex items-center gap-space-xs;
 }
 
+.rsui-section-header__title-text {
+    @apply text-2xl font-bold line-clamp-2 md:line-clamp-1 text-text-primary;
+    /* Reset heading UA margins so an <h1>-<h6> title matches the previous <div> */
+    @apply m-0 min-w-0;
+}
+
 .rsui-section-header__badge {
     @apply ml-space-xs flex items-center;
 }

package/components/section_slider.css

@@ -10,7 +10,7 @@
     @apply bg-brand-600;
 }
 
-.rsui-section-slider--featured .rsui-section-header__title {
+.rsui-section-slider--featured .rsui-section-header__title-text {
     @apply text-white;
 }
 

package/components/skeleton.css

@@ -2,6 +2,10 @@
     @apply w-full;
 }
 
+.rsui-skeleton__label {
+    @apply sr-only;
+}
+
 .rsui-skeleton--full {
     @apply w-full;
 }

package/components/th.css

@@ -48,14 +48,44 @@
 }
 
 .rsui-th--sortable {
-    @apply cursor-pointer;
-    @apply focus-visible:outline-2 focus-visible:outline-border-primary;
+    /* Strip cell-level padding so the inner button can own the full click area.
+       Without this, pointer events on the th padding area don't reach the button,
+       breaking the advertised cursor-pointer target. Button gets matching padding. */
+    @apply cursor-pointer p-0;
 }
 
 .rsui-th__content {
     @apply inline-flex gap-1 items-center;
 }
 
+/* Sortable header trigger — a real <button> reset to match the header text,
+   so it reads as activatable to AT while looking identical to a plain header.
+   flex + w-full + py-3/px-5 make the button fill the entire cell (including the
+   padding area that .rsui-th strips above), so every pixel of the cell is a
+   valid click target. Focus ring lives here (the th itself is no longer focusable).
+   Default justify-start matches the base left-aligned header. */
+.rsui-th__button {
+    @apply flex w-full gap-1 items-center justify-start;
+    @apply py-3 px-5 cursor-pointer m-0;
+    @apply focus-visible:outline-2 focus-visible:outline-border-primary;
+    font: inherit;
+    color: inherit;
+    background: none;
+    border: 0;
+    text-align: inherit;
+}
+
+/* Honor column alignment inside sortable-header buttons.
+   The full-width button keeps the click area; justify-* repositions
+   the label+icon group within that area to match the column alignment. */
+.rsui-th--center .rsui-th__button {
+    @apply justify-center;
+}
+
+.rsui-th--right .rsui-th__button {
+    @apply justify-end;
+}
+
 .rsui-th__sort {
     @apply shrink-0 flex items-center justify-center;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@redseed/redseed-ui-tailwindcss",
-    "version": "7.31.0",
+    "version": "7.33.0",
     "description": "RedSeed UI Tailwindcss",
     "main": "index.js",
     "style": "index.css",
@@ -12,7 +12,7 @@
     "author": "",
     "license": "ISC",
     "dependencies": {
-        "@tailwindcss/vite": "4.2.2",
-        "tailwindcss": "4.2.2"
+        "@tailwindcss/vite": "4.3.0",
+        "tailwindcss": "4.3.0"
     }
 }