@sentropic/design-system-vue 0.36.27 → 0.36.29

package/dist/styles.css

@@ -208,6 +208,7 @@
 
   .st-areaChart__visual {
     display: block;
+    position: relative;
   }
 
   .st-areaChart__grid {
@@ -334,6 +335,23 @@
     stroke-width: 2;
   }
 
+  /* --- Keyboard navigation layer (FR-5) ------------------------------------
+     A focusable, transparent overlay of one hit-rect per point. Carries the
+     roving tab stop; the focus ring is tokenised (border-interactive). */
+  .st-areaChart__navLayer {
+    inset: 0;
+    position: absolute;
+  }
+  .st-areaChart__navDatum {
+    fill: transparent;
+    outline: none;
+  }
+  .st-areaChart__navDatum:focus-visible {
+    fill: color-mix(in srgb, var(--st-semantic-border-interactive) 12%, transparent);
+    outline: 2px solid var(--st-semantic-border-interactive);
+    outline-offset: 1px;
+  }
+
 .st-aspectRatio {
     display: block;
     overflow: hidden;
@@ -442,6 +460,7 @@
 
   .st-barChart__visual {
     display: block;
+    position: relative;
   }
 
   .st-chartDataList {
@@ -694,6 +713,23 @@
     opacity: 0.7;
   }
 
+  /* --- Keyboard navigation layer (FR-5) ------------------------------------
+     A focusable, transparent overlay of one hit-rect per bar. Carries the
+     roving tab stop; the focus ring is tokenised (border-interactive). */
+  .st-barChart__navLayer {
+    inset: 0;
+    position: absolute;
+  }
+  .st-barChart__navDatum {
+    fill: transparent;
+    outline: none;
+  }
+  .st-barChart__navDatum:focus-visible {
+    fill: color-mix(in srgb, var(--st-semantic-border-interactive) 12%, transparent);
+    outline: 2px solid var(--st-semantic-border-interactive);
+    outline-offset: 1px;
+  }
+
   @media (prefers-reduced-motion: reduce) {
     .st-barChart__bar,
     .st-barChart__filterChip { transition: none; }
@@ -3547,6 +3583,7 @@
 
   .st-lineChart__visual {
     display: block;
+    position: relative;
   }
 
   .st-lineChart__grid {
@@ -3735,6 +3772,23 @@
     stroke-width: 2;
   }
 
+  /* --- Keyboard navigation layer (FR-5) ------------------------------------
+     A focusable, transparent overlay of one hit-rect per point. Carries the
+     roving tab stop; the focus ring is tokenised (border-interactive). */
+  .st-lineChart__navLayer {
+    inset: 0;
+    position: absolute;
+  }
+  .st-lineChart__navDatum {
+    fill: transparent;
+    outline: none;
+  }
+  .st-lineChart__navDatum:focus-visible {
+    fill: color-mix(in srgb, var(--st-semantic-border-interactive) 12%, transparent);
+    outline: 2px solid var(--st-semantic-border-interactive);
+    outline-offset: 1px;
+  }
+
 .st-link {
     color: var(--st-component-link-text, var(--st-semantic-text-link));
     cursor: var(--st-cursor-interactive, pointer);
@@ -11536,7 +11590,7 @@
 .st-appHeader__navLink[aria-current="page"] {
   border-bottom-color: var(--st-semantic-border-interactive);
   color: var(--st-semantic-text-primary);
-  font-weight: 650;
+  font-weight: 700;
 }
 
 .st-appHeader__control {
@@ -14615,11 +14669,18 @@
 
 /* --- AppChrome : coque docs assemblée (compose AppHeader) --- */
 .st-appChrome {
+  position: sticky;
+  top: 0;
   width: 100%;
+  z-index: 30;
 }
 
 .st-appChrome__header .st-appHeader__bar {
+  background: color-mix(in srgb, var(--st-semantic-surface-default) 96%, transparent);
+  backdrop-filter: blur(8px);
+  height: 5rem;
   max-width: none;
+  padding: 0 var(--st-spacing-6, 1.5rem);
 }
 
 .st-appChrome__brand {
@@ -14663,7 +14724,7 @@
 .st-appChrome__utilityNav {
   align-items: center;
   display: flex;
-  gap: var(--st-spacing-2, 0.5rem);
+  gap: var(--st-spacing-1, 0.25rem);
 }
 
 .st-appChrome__menuWrap {
@@ -14760,6 +14821,12 @@
   color: var(--st-semantic-text-primary);
 }
 
+.st-appChrome__extraSelectors {
+  align-items: center;
+  display: flex;
+  gap: var(--st-spacing-1, 0.25rem);
+}
+
 .st-appChrome__drawer {
   background: var(--st-semantic-surface-default);
   border-bottom: 1px solid var(--st-semantic-border-subtle);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sentropic/design-system-vue",
-  "version": "0.36.27",
+  "version": "0.36.29",
   "description": "Vue 3 components for the Sentropic design system.",
   "type": "module",
   "publishConfig": {