@prolibu-suite/cobalt-core 0.11.10 → 0.11.12

package/dist/collection/components/co-accordion/co-accordion.js

@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
 /** Native controls, ARIA widgets and Cobalt fields: a click on them is theirs, not a toggle. */
 const INTERACTIVE_SELECTOR = [
     'a[href]', 'button', 'input', 'select', 'textarea', 'label', 'summary', '[contenteditable="true"]',
-    '[role="button"]', '[role="link"]', '[role="checkbox"]', '[role="switch"]', '[role="menuitem"]', '[role="tab"]',
+    '[role="button"]', '[role="link"]', '[role="checkbox"]', '[role="switch"]', '[role^="menuitem"]', '[role="tab"]',
     'co-button', 'co-icon-button', 'co-switch', 'co-checkbox', 'co-radio', 'co-chip', 'co-input', 'co-select',
     'co-combobox', 'co-autocomplete', 'co-ref-field', 'co-number-field', 'co-toggle-button', 'co-menu',
 ].join(',');
@@ -79,11 +79,11 @@ export class CoAccordion {
         return !!(this.subheading && this.subheading.trim()) || this.hasSubheadingSlot;
     }
     render() {
-        return (h("div", { key: '0d1c2cca135ac9d62cb7d4b5c620843c5788101d', class: {
+        return (h("div", { key: 'd477686c4426bac01fedcc0975acdb28d5de8d53', class: {
                 'co-accordion': true,
                 'co-accordion--open': this.open,
                 'co-accordion--disabled': this.disabled,
-            }, part: "accordion" }, h("div", { key: 'aa80683852ba2b131c7ab29eed528ec87d92a565', class: "co-accordion__header", part: "header" }, h("span", { key: '71c84f588f351279bb999a2ec84dd37b202203d0', class: "co-accordion__heading-group", onClick: this.handleHeadingClick }, h("span", { key: '42201833527fd73790ab6391668ba8eb7986ed90', class: "co-accordion__heading", part: "heading" }, h("slot", { key: '11528c94fa817e55ffb015975e29947111e98c08', name: "header" }, this.heading)), this.showSubheading && (h("span", { key: '73bd7f8b5d7b967f0a5c84f207ab4452e96f6805', class: "co-accordion__subheading", part: "subheading" }, h("slot", { key: '1cefb67a4b6809357ee9a5a9330ec3bcd3be42ab', name: "subheading" }, this.subheading)))), h("button", { key: 'fef96df91611513ab6f6074578a31c3e7b23b4c2', class: "co-accordion__caret", type: "button", "aria-expanded": this.open ? 'true' : 'false', "aria-label": this.heading || 'Toggle section', disabled: this.disabled, onClick: this.handleToggle, part: "caret" }, h("co-icon", { key: 'f32612853d42ea6f2c34b2554951b22d155d1afc', name: "caret-up", size: 20 }))), h("div", { key: 'c3c90907e7114f20a917bae025012464182b8ea4', class: "co-accordion__body", part: "body" }, h("div", { key: '44877e54213ae200cde25d5a2fb5ae4ed95b7df9', class: "co-accordion__body-inner", part: "body-inner" }, h("slot", { key: '4ad41bab50239bb4ddca8ee8751afeb6dfb19227' })))));
+            }, part: "accordion" }, h("div", { key: '3fbbb44e513e7c8e66ca1bfaf56568bc1fb441cc', class: "co-accordion__header", part: "header" }, h("span", { key: 'e090a74991c94904898ccfc26ca811ea1a98cd1a', class: "co-accordion__heading-group", onClick: this.handleHeadingClick }, h("span", { key: '896535a0074fafc9fda7d6f0beb0705ff18517dc', class: "co-accordion__heading", part: "heading" }, h("slot", { key: '0f6c088e61270e49eb9f4ec21de2362154dc995a', name: "header" }, this.heading)), this.showSubheading && (h("span", { key: 'bf4bb26b48e7d018d6571bec195aff5cd4be3c1c', class: "co-accordion__subheading", part: "subheading" }, h("slot", { key: 'fbf7719ffea35741770fe3b3937f5dfb393d6682', name: "subheading" }, this.subheading)))), h("button", { key: 'c2c433dce96427231874e6454083753311be37bf', class: "co-accordion__caret", type: "button", "aria-expanded": this.open ? 'true' : 'false', "aria-label": this.heading || 'Toggle section', disabled: this.disabled, onClick: this.handleToggle, part: "caret" }, h("co-icon", { key: 'a561c34c9ee2028718d0eb6dffb70075245b0090', name: "caret-up", size: 20 }))), h("div", { key: 'cbc7c2a0f773bfc4d65af4734db07f940b705109', class: "co-accordion__body", part: "body" }, h("div", { key: '5ef87ae96275711717b0f48aa65459e6ee454763', class: "co-accordion__body-inner", part: "body-inner" }, h("slot", { key: '9b675cfe81faf2ad10e226d55a41aa2b4add32c8' })))));
     }
     static get is() { return "co-accordion"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/co-autocomplete/co-autocomplete.js

@@ -431,7 +431,7 @@ export class CoAutocomplete {
                     "references": {
                         "AutocompleteOption": {
                             "location": "local",
-                            "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-autocomplete/co-autocomplete.tsx",
+                            "path": "/Users/agox/worktrees/cobalt-release-a11y/packages/core/src/components/co-autocomplete/co-autocomplete.tsx",
                             "id": "src/components/co-autocomplete/co-autocomplete.tsx::AutocompleteOption"
                         }
                     }

package/dist/collection/components/co-avatar-group/co-avatar-group.js

@@ -92,7 +92,7 @@ export class CoAvatarGroup {
                     "references": {
                         "CoAvatarGroupItem": {
                             "location": "local",
-                            "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-avatar-group/co-avatar-group.tsx",
+                            "path": "/Users/agox/worktrees/cobalt-release-a11y/packages/core/src/components/co-avatar-group/co-avatar-group.tsx",
                             "id": "src/components/co-avatar-group/co-avatar-group.tsx::CoAvatarGroupItem"
                         }
                     }

package/dist/collection/components/co-calendar-month/co-calendar-month.css

@@ -103,14 +103,19 @@
   cursor: not-allowed;
   background: color-mix(in srgb, var(--co-cal-border) 20%, transparent);
 }
+/* Día seleccionado persistente (referencia mientras el form de crear está abierto).
+   Auditoría de contraste #5 B (2026-10-05): tinte text-link al 8 % + contorno inset de 1px
+   text-link. Antes era solo un 10 % del azul de «hoy», sin marca no cromática y fácil de
+   confundir con la celda de hoy; el contorno lo separa del badge relleno de hoy y del
+   arrastre (2px). Va ANTES de --drag-over para que el arrastre gane sobre un día marcado. */
+.cal-month__day--selected {
+  background: color-mix(in srgb, var(--co-semantic-text-link) 8%, transparent);
+  box-shadow: inset 0 0 0 1px var(--co-semantic-text-link);
+}
 .cal-month__day--drag-over {
   background: color-mix(in srgb, var(--co-cal-today-ring) 14%, transparent);
   box-shadow: inset 0 0 0 2px var(--co-cal-today-ring);
 }
-/* Día seleccionado persistente (referencia mientras el form de crear está abierto). */
-.cal-month__day--selected {
-  background: color-mix(in srgb, var(--co-cal-today-ring) 10%, transparent);
-}
 
 .cal-month__daynum {
   display: inline-flex;

package/dist/collection/components/co-carousel/co-carousel.css

@@ -36,7 +36,7 @@
 }
 
 .co-carousel:focus-visible {
-  outline: 2px solid var(--co-semantic-border-focus-ring);
+  outline: 2px solid var(--co-semantic-border-focus);
   outline-offset: 2px;
   border-radius: var(--co-border-radius-sm);
 }
@@ -107,9 +107,11 @@
   background: var(--co-semantic-surface-hover);
 }
 
+/* Flechas y dots viven SOBRE la diapositiva (fondo arbitrario): anillo de dos tonos
+   surface-page + text-default, legible sobre claro y oscuro (H32, auditoría a11y 2026-10-05). */
 .co-carousel__arrow:focus-visible {
-  outline: 2px solid var(--co-semantic-border-focus-ring);
-  outline-offset: 1px;
+  outline: none;
+  box-shadow: 0 0 0 2px var(--co-semantic-surface-page), 0 0 0 4px var(--co-semantic-text-default);
 }
 
 .co-carousel__arrow--prev { left: var(--co-spacing-sm, 8px); }
@@ -157,6 +159,6 @@
 }
 
 .co-carousel__dot:focus-visible {
-  outline: 2px solid var(--co-semantic-border-focus-ring);
-  outline-offset: 1px;
+  outline: none;
+  box-shadow: 0 0 0 2px var(--co-semantic-surface-page), 0 0 0 4px var(--co-semantic-text-default);
 }

package/dist/collection/components/co-checkbox/co-checkbox.css

@@ -78,14 +78,12 @@
    tinte de la fila). Frost real solo en appearance="overlay", más abajo. */
 .co-checkbox:not(.co-checkbox--checked) {
   background: color-mix(in srgb, var(--co-semantic-surface-secondary) 35%, transparent);
-  /* m-16: el borde va al token PLENO (negro-16 = 0,16), que es lo que pide el
-     diseño. El `color-mix(… 75%, transparent)` que había acá lo dejaba en 0,12
-     y, de paso, era el motivo por el que el puente de tema
-     `--co-semantic-border-field: var(--co-semantic-border-default)` nunca le
-     llegaba a la casilla: no leía `border-field` y encima diluía el otro.
-     Es el mismo borde que `labelSize="xs"` ya dibujaba pleno. El relleno
-     translúcido (35%) no se toca: el hallazgo es solo del borde. */
-  border: 1px solid var(--co-semantic-border-default);
+  /* #3D (auditoría de contraste 2026-10-05): la casilla sin marcar comparte el
+     contorno en reposo de los campos, border-field (gray-500: 3,54:1 claro /
+     5,58:1 oscuro, WCAG 1.4.11). Antes border-default (negro-16 ≈1,3:1, m-16).
+     Un host que re-tematice --co-semantic-border-field ahora sí le llega a la
+     casilla, a propósito. El relleno translúcido (35%) no se toca. */
+  border: 1px solid var(--co-semantic-border-field);
 }
 
 /* ─── CHECKED ───────────────────────────────────────────────── */
@@ -247,15 +245,12 @@
    estado más frecuente del overlay (WCAG 2.4.7). Con la clase duplicada empata en
    0,3,0 y gana por orden de fuente, por eso este bloque debe quedarse AL FINAL.
 
-   El halo va a --co-semantic-border-focus (50%), NO al --...-focus-ring (8%):
-   en los hermanos (input/select/…) el foco se percibe porque SUMAN el flip del
-   borde al 50% y el halo solo lo acompaña; acá el borde está anulado por los
+   El anillo va a --co-semantic-border-focus (tinta sólida desde #2D/#3D,
+   2026-10-05), NO al --...-focus-ring: acá el borde está anulado por los
    propios estados (checked / indeterminate / overlay: `border: none`), así que
-   el border-color de abajo es un no-op y el halo al 8% (~1,1:1) quedaba
-   invisible justo en los estados más frecuentes. Con el 50% el anillo es la
-   única señal, y es perceptible.
-   NOTA: si diseño decide subir globalmente --co-semantic-border-focus-ring,
-   esta regla vuelve al token de halo — la decisión global sigue abierta. */
+   el anillo es la ÚNICA señal de foco. El halo subió al 16% en la misma
+   decisión, pero sigue siendo un acompañante (~1,3:1): el anillo sólido de 2px
+   es la señal más fuerte y se queda en border-focus. */
 .co-checkbox.co-checkbox:focus-visible {
   outline: none;
   border-color: var(--co-semantic-border-focus);
@@ -294,5 +289,5 @@
    guion blanco encima, invisible. Misma forma que el chip overlay de arriba. */
 .co-checkbox-row--label-xs .co-checkbox:not(.co-checkbox--checked):not(.co-checkbox--indeterminate) {
   background: transparent;
-  border: 1px solid var(--co-semantic-border-default);
+  border: 1px solid var(--co-semantic-border-field);
 }

package/dist/collection/components/co-checkbox-group/co-checkbox-group.css

@@ -112,10 +112,12 @@
   border-radius: var(--co-spacing-sm);
 }
 
-/* unchecked — sin backdrop-filter (D2): fondo uniforme, blur inerte. */
+/* unchecked — sin backdrop-filter (D2): fondo uniforme, blur inerte.
+   Contorno border-field (#3D, auditoría de contraste 2026-10-05): el mismo de los
+   campos, ≥3:1. border-subtle (8%) quedaba a ~1,2:1 y la casilla no se veía. */
 .co-checkbox-group__box:not(.co-checkbox-group__box--checked) {
   background: color-mix(in srgb, var(--co-semantic-surface-secondary) 35%, transparent);
-  border: 1px solid var(--co-semantic-border-subtle);
+  border: 1px solid var(--co-semantic-border-field);
 }
 
 /* checked */

package/dist/collection/components/co-checkbox-group/co-checkbox-group.js

@@ -236,7 +236,7 @@ export class CoCheckboxGroup {
                     "references": {
                         "CheckboxOption": {
                             "location": "local",
-                            "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-checkbox-group/co-checkbox-group.tsx",
+                            "path": "/Users/agox/worktrees/cobalt-release-a11y/packages/core/src/components/co-checkbox-group/co-checkbox-group.tsx",
                             "id": "src/components/co-checkbox-group/co-checkbox-group.tsx::CheckboxOption"
                         }
                     }

package/dist/collection/components/co-chip/co-chip.css

@@ -41,8 +41,13 @@ button.co-chip {
   outline: none;
 }
 
+/* Trazo border-focus (tinta sólida: base-negro claro / base-blanco oscuro, >=3:1): el
+   halo (border-focus-ring, hoy al 16 %, antes al 8 %) solo era el ÚNICO indicador y no
+   llegaba a 1,2:1. Outline con offset en vez de box-shadow: no pisa el anillo inset de
+   la variante filter. */
 button.co-chip:focus-visible {
-  box-shadow: 0 0 0 2px var(--co-semantic-border-focus-ring);
+  outline: 2px solid var(--co-semantic-border-focus);
+  outline-offset: 2px;
 }
 
 .co-chip__label {
@@ -59,6 +64,14 @@ button.co-chip:focus-visible {
   color: var(--co-chip-value-color, var(--co-semantic-text-muted, #888888));
 }
 
+/* Sobre la pastilla filled (surface-muted) text-muted quedaba en 4,15:1 claro / 3,65:1
+   oscuro: el sufijo sube a text-secondary (5,54 / 4,95). La variante filter (fondo de
+   página) sigue en text-muted, que ahí pasa. El knob --co-chip-value-color sigue ganando. */
+.co-chip--filled:not(.co-chip--primary, .co-chip--success, .co-chip--error, .co-chip--warning, .co-chip--info, .co-chip--pending, .co-chip--progress, .co-chip--review, .co-chip--submitted) .co-chip__value {
+  /* Solo la pastilla NEUTRA: las de color pintan su propia tinta y el gris las empeoraba. */
+  color: var(--co-chip-value-color, var(--co-semantic-text-secondary));
+}
+
 /* ═══════════════════════════════════════════════════════════════
    VARIANT: FILLED — default is a neutral gray pill (filter / tag look).
    Use color="primary" for the emphatic dark variant.

package/dist/collection/components/co-color-area/co-color-area.js

@@ -310,7 +310,7 @@ export class CoColorArea {
                     "references": {
                         "ColorAreaDetail": {
                             "location": "local",
-                            "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-color-area/co-color-area.tsx",
+                            "path": "/Users/agox/worktrees/cobalt-release-a11y/packages/core/src/components/co-color-area/co-color-area.tsx",
                             "id": "src/components/co-color-area/co-color-area.tsx::ColorAreaDetail"
                         }
                     }
@@ -331,7 +331,7 @@ export class CoColorArea {
                     "references": {
                         "ColorAreaDetail": {
                             "location": "local",
-                            "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-color-area/co-color-area.tsx",
+                            "path": "/Users/agox/worktrees/cobalt-release-a11y/packages/core/src/components/co-color-area/co-color-area.tsx",
                             "id": "src/components/co-color-area/co-color-area.tsx::ColorAreaDetail"
                         }
                     }

package/dist/collection/components/co-color-picker/co-color-picker.css

@@ -432,12 +432,12 @@
 }
 
 /* Mismo anillo que el botón de copiar, que está pegado a 8px en esta fila:
-   `--co-semantic-border-focus-ring` ES el halo exterior del foco, y el
-   `box-shadow` sigue el `border-radius-xxs` del botón — un `outline` con offset
+   trazo `--co-semantic-border-focus` (50%; el halo de 8% solo era invisible —
+   H32, auditoría a11y 2026-10-05), y el `box-shadow` sigue el `border-radius-xxs` del botón — un `outline` con offset
    lo dibujaría más cuadrado que su propia caja. */
 .co-color-picker__eyedropper:focus-visible {
   outline: none;
-  box-shadow: 0 0 0 2px var(--co-semantic-border-focus-ring);
+  box-shadow: 0 0 0 2px var(--co-semantic-border-focus);
 }
 
 .co-color-picker__eyedropper:disabled {
@@ -465,7 +465,7 @@
 
 .co-color-picker__copy-btn:focus-visible {
   outline: none;
-  box-shadow: 0 0 0 2px var(--co-semantic-border-focus-ring);
+  box-shadow: 0 0 0 2px var(--co-semantic-border-focus);
 }
 
 /* Sin valor no hay nada que copiar: el botón queda, apagado. */

package/dist/collection/components/co-color-slider/co-color-slider.js

@@ -215,7 +215,7 @@ export class CoColorSlider {
                     "references": {
                         "ColorSliderChannel": {
                             "location": "local",
-                            "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-color-slider/co-color-slider.tsx",
+                            "path": "/Users/agox/worktrees/cobalt-release-a11y/packages/core/src/components/co-color-slider/co-color-slider.tsx",
                             "id": "src/components/co-color-slider/co-color-slider.tsx::ColorSliderChannel"
                         }
                     }

package/dist/collection/components/co-column-picker/co-column-picker.css

@@ -255,7 +255,8 @@
 .co-column-picker__toolbar-counter {
   font-size: 11.5px;
   font-weight: 500;
-  color: var(--co-semantic-text-muted);
+  /* text-secondary, no text-muted: va sobre surface-muted y muted ahí da 4,15:1 claro / 3,65:1 oscuro. */
+  color: var(--co-semantic-text-secondary);
   font-variant-numeric: tabular-nums;
   padding: 2px var(--co-spacing-xs);
   background: var(--co-semantic-surface-muted);
@@ -336,6 +337,14 @@
   text-transform: none;
 }
 
+/* Sobre surface-muted (fila expandida, seleccionada o padre en hover) text-muted queda < 4,5:1
+   (4,15 claro / 3,65 oscuro): ahí sube a text-secondary (5,54 / 4,95). En reposo sigue muted. */
+.co-column-picker__node-row--expanded .co-column-picker__node-label--self,
+.co-column-picker__node-row--selected .co-column-picker__node-label--self,
+.co-column-picker__node-row--parent:hover .co-column-picker__node-label--self {
+  color: var(--co-semantic-text-secondary);
+}
+
 .co-column-picker__node-label mark {
   background: color-mix(in srgb, var(--co-color-primary-amarillo) 30%, transparent);
   color: inherit;
@@ -348,7 +357,8 @@
   flex-shrink: 0;
   font-size: 10px;
   font-weight: 500;
-  color: var(--co-semantic-text-muted);
+  /* text-secondary, no text-muted: va sobre surface-muted y muted ahí da 4,15:1 claro / 3,65:1 oscuro. */
+  color: var(--co-semantic-text-secondary);
   background: var(--co-semantic-surface-muted);
   padding: 1px 6px;
   border-radius: var(--co-border-radius-xxs);

package/dist/collection/components/co-combobox/co-combobox.js

@@ -547,7 +547,7 @@ export class CoCombobox {
                     "references": {
                         "ComboboxOption": {
                             "location": "local",
-                            "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-combobox/co-combobox.tsx",
+                            "path": "/Users/agox/worktrees/cobalt-release-a11y/packages/core/src/components/co-combobox/co-combobox.tsx",
                             "id": "src/components/co-combobox/co-combobox.tsx::ComboboxOption"
                         }
                     }

package/dist/collection/components/co-command-search/co-command-search.css

@@ -197,7 +197,7 @@ co-overlay { --co-overlay-bg: rgba(0, 0, 0, 0.16); }
 }
 .co-command-search__fav-card:focus-visible {
   outline: none;
-  box-shadow: 0 0 0 2px var(--co-semantic-border-focus-ring);
+  box-shadow: 0 0 0 2px var(--co-semantic-border-focus);
 }
 /* App-icon squircle: per-tile brand color (inline style) with a white glyph and a
    soft drop shadow for depth — the macOS dock look. */

package/dist/collection/components/co-command-search/co-command-search.js

@@ -257,7 +257,7 @@ export class CoCommandSearch {
                     "references": {
                         "CommandItem": {
                             "location": "local",
-                            "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-command-search/co-command-search.tsx",
+                            "path": "/Users/agox/worktrees/cobalt-release-a11y/packages/core/src/components/co-command-search/co-command-search.tsx",
                             "id": "src/components/co-command-search/co-command-search.tsx::CommandItem"
                         }
                     }

package/dist/collection/components/co-data-table/co-data-table.css

@@ -105,7 +105,8 @@ co-data-table {
   display: flex;
   align-items: center;
   flex-shrink: 0;
-  color: var(--co-color-gray-300);
+  /* text-muted, no gray-300 (primitiva de un tema, ~1,5:1 en claro): es un control HABILITADO. */
+  color: var(--co-semantic-text-muted);
   cursor: pointer;
   opacity: 0;
   transition: opacity var(--co-motion-duration-fast) var(--co-motion-ease-out), color var(--co-motion-duration-fast) var(--co-motion-ease-out);
@@ -129,7 +130,8 @@ co-data-table {
   display: flex;
   align-items: center;
   flex-shrink: 0;
-  color: var(--co-color-gray-300);
+  /* text-muted, no gray-300 (primitiva de un tema, ~1,5:1 en claro): es un control HABILITADO. */
+  color: var(--co-semantic-text-muted);
   cursor: pointer;
   opacity: 0;
   transition: opacity var(--co-motion-duration-fast) var(--co-motion-ease-out), color var(--co-motion-duration-fast) var(--co-motion-ease-out);
@@ -149,8 +151,10 @@ co-data-table {
   color: var(--co-semantic-text-link, var(--co-color-primary-azul));
 }
 
+/* Sin opacity .45 (dejaba el funnel en 1,89:1): text-muted pleno (>=4,5) y se distingue
+   del --active por la tinta (text-link). opacity 1 explícito: el base arranca en 0. */
 .co-data-table__filter-icon--indirect {
-  opacity: 0.45;
+  opacity: 1;
   color: var(--co-semantic-text-muted);
 }
 
@@ -300,14 +304,15 @@ co-data-table {
    la fila se desvanecía (2026-09-07). `::before` con opacity/background-color
    y la MISMA transición que la fila. z-index -1 dentro del stacking context
    de la celda (position:sticky + z-index) = encima de su base opaca, debajo
-   de su contenido. Los tokens espejan los de .co-data-table__row de abajo. */
+   de su contenido. Los valores espejan EXACTAMENTE los de .co-data-table__row de abajo
+   (guard: co-data-table-cell-background-guard.test.ts). */
 .co-data-table__td--sticky::before {
   content: '';
   position: absolute;
   inset: 0;
   z-index: -1;
   pointer-events: none;
-  background-color: var(--co-semantic-surface-hover);
+  background-color: color-mix(in srgb, var(--co-semantic-text-default) 4%, transparent);
   opacity: 0;
   transition:
     opacity var(--co-motion-duration-fast) var(--co-motion-ease-out),
@@ -320,11 +325,11 @@ co-data-table {
 
 .co-data-table__row--selected .co-data-table__td--sticky::before {
   opacity: 1;
-  background-color: var(--co-semantic-border-hairline);
+  background-color: color-mix(in srgb, var(--co-semantic-text-link) 8%, transparent);
 }
 
 .co-data-table__row--selected:hover .co-data-table__td--sticky::before {
-  background-color: var(--co-semantic-surface-hover);
+  background-color: color-mix(in srgb, var(--co-semantic-text-link) 12%, transparent);
 }
 
 /* ─── RESIZE HANDLE ─────────────────────────────────────────── */
@@ -357,16 +362,21 @@ co-data-table {
   content-visibility: auto;
   contain-intrinsic-size: auto 48px;}
 
+/* Seleccionado = tinte AZUL (text-link), hover = gris liviano (text-default 4 %): el hover
+   nunca se lee "más seleccionado" que el seleccionado (auditoría de contraste #5 B,
+   2026-10-05). Antes: hover surface-hover (negro 8 %) y selected border-hairline (negro 4 %),
+   o sea el hover pesaba el DOBLE que la selección. text-link gira con el tema (azul-500 en
+   oscuro); el color-mix sobre transparent deja el tinte translúcido que la fila transiciona. */
 .co-data-table__row:hover {
-  background: var(--co-semantic-surface-hover);
+  background: color-mix(in srgb, var(--co-semantic-text-default) 4%, transparent);
 }
 
 .co-data-table__row--selected {
-  background: var(--co-semantic-border-hairline);
+  background: color-mix(in srgb, var(--co-semantic-text-link) 8%, transparent);
 }
 
 .co-data-table__row--selected:hover {
-  background: var(--co-semantic-surface-hover);
+  background: color-mix(in srgb, var(--co-semantic-text-link) 12%, transparent);
 }
 
 .co-data-table__td {

package/dist/collection/components/co-data-table/co-data-table.js

@@ -509,7 +509,7 @@ export class CoDataTable {
                     "references": {
                         "CoDataTableColumn": {
                             "location": "local",
-                            "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-data-table/co-data-table.tsx",
+                            "path": "/Users/agox/worktrees/cobalt-release-a11y/packages/core/src/components/co-data-table/co-data-table.tsx",
                             "id": "src/components/co-data-table/co-data-table.tsx::CoDataTableColumn"
                         }
                     }

package/dist/collection/components/co-data-table-pagination/co-data-table-pagination.css

@@ -48,7 +48,10 @@
 .co-pagination__jump-input {
   width: 32px;
   height: 28px;
-  border: 1px solid var(--co-semantic-border-subtle);
+  /* Caja de campo (WCAG 1.4.11): su único contorno era border-subtle (8 %) = 1,17:1 contra la
+     página. Reposo = border-field, el contorno de todo campo (gray-500: 3,54 claro / 5,58 oscuro).
+     Nunca border-focus en reposo: desde #2D/#3D es tinta sólida y el foco dejaría de verse. */
+  border: 1px solid var(--co-semantic-border-field);
   border-radius: var(--co-border-radius-xxs);
   background: var(--co-semantic-surface-page);
   font-family: var(--co-font-family-primary);
@@ -60,8 +63,13 @@
   transition: border-color var(--co-motion-duration-fast) var(--co-motion-ease-out);
 }
 
-.co-pagination__jump-input:focus {
-  border-color: var(--co-color-primary-azul);
+/* Foco (WCAG 2.4.7): el borde pasa de border-field a border-focus (tinta sólida) + trazo de 2px
+   por fuera + halo focus-ring. Antes era `:focus` con el azul primitivo, que no gira con el tema. */
+.co-pagination__jump-input:focus-visible {
+  border-color: var(--co-semantic-border-focus);
+  outline: 2px solid var(--co-semantic-border-focus);
+  outline-offset: 1px;
+  box-shadow: 0 0 0 5px var(--co-semantic-border-focus-ring);
 }
 
 /* ─── PAGE SIZE SELECTOR ────────────────────────────────────── */

package/dist/collection/components/co-date-range-picker/co-date-range-picker.js

@@ -1055,7 +1055,7 @@ export class CoDateRangePicker {
                     "references": {
                         "DateRangeValue": {
                             "location": "local",
-                            "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-date-range-picker/co-date-range-picker.tsx",
+                            "path": "/Users/agox/worktrees/cobalt-release-a11y/packages/core/src/components/co-date-range-picker/co-date-range-picker.tsx",
                             "id": "src/components/co-date-range-picker/co-date-range-picker.tsx::DateRangeValue"
                         }
                     }
@@ -1076,7 +1076,7 @@ export class CoDateRangePicker {
                     "references": {
                         "DateRangeValue": {
                             "location": "local",
-                            "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-date-range-picker/co-date-range-picker.tsx",
+                            "path": "/Users/agox/worktrees/cobalt-release-a11y/packages/core/src/components/co-date-range-picker/co-date-range-picker.tsx",
                             "id": "src/components/co-date-range-picker/co-date-range-picker.tsx::DateRangeValue"
                         }
                     }

package/dist/collection/components/co-document-editor/co-document-editor.css

@@ -106,7 +106,8 @@ co-document-editor {
 .co-doc-field__input {
   width: 14ch;
   border: 0;
-  outline: 1px solid var(--co-semantic-border-focus);
+  /* Contorno de campo (border-field): border-focus es tinta sólida desde #2D/#3D (2026-10-05). */
+  outline: 1px solid var(--co-semantic-border-field);
   background: var(--co-color-base-blanco);
   font: inherit;
 }
@@ -214,9 +215,9 @@ co-document-editor {
   --co-semantic-text-muted: var(--co-color-gray-500);
   --co-semantic-border-default: var(--co-color-opacity-negro-16);
   --co-semantic-border-subtle: var(--co-color-opacity-negro-8);
-  --co-semantic-border-field: var(--co-color-opacity-negro-25);
-  --co-semantic-border-focus: var(--co-color-opacity-negro-50);
-  --co-semantic-border-focus-ring: var(--co-color-opacity-negro-8);
+  --co-semantic-border-field: var(--co-color-gray-500);
+  --co-semantic-border-focus: var(--co-color-base-negro);
+  --co-semantic-border-focus-ring: var(--co-color-opacity-negro-16);
   /* La firma (tinta text-link) vive en el papel: en oscuro text-link sería azul-500 sobre blanco (2,9:1). */
   --co-semantic-text-link: var(--co-color-primary-azul);
   position: relative;
@@ -438,9 +439,11 @@ co-document-editor {
   background: var(--co-semantic-surface-hover);
 }
 
-/* El modo pulsado se distingue del hover (no solo un 8 % de fondo): trazo de foco. */
+/* El modo pulsado (aria-pressed) se distingue del hover (no solo un 8 % de fondo): trazo
+   inset border-strong. No border-focus: la tinta sólida queda reservada al foco, y un
+   toggle pulsado en reposo no puede verse como un control enfocado (auditoría 2026-10-05). */
 .co-doc-editor__image-mode--active {
-  box-shadow: inset 0 0 0 1px var(--co-semantic-border-focus);
+  box-shadow: inset 0 0 0 1px var(--co-semantic-border-strong);
 }
 
 .co-doc-editor__image-mode:focus-visible {
@@ -449,7 +452,7 @@ co-document-editor {
 }
 
 .co-doc-editor__image-mode--active:focus-visible {
-  box-shadow: inset 0 0 0 1px var(--co-semantic-border-focus), 0 0 0 2px var(--co-semantic-border-focus-ring);
+  box-shadow: inset 0 0 0 1px var(--co-semantic-border-strong), 0 0 0 2px var(--co-semantic-border-focus-ring);
 }
 
 /*

package/dist/collection/components/co-document-editor/co-document-editor.js

@@ -1016,7 +1016,7 @@ export class CoDocumentEditor {
                     "references": {
                         "DocumentPageSize": {
                             "location": "local",
-                            "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-document-editor/co-document-editor.tsx",
+                            "path": "/Users/agox/worktrees/cobalt-release-a11y/packages/core/src/components/co-document-editor/co-document-editor.tsx",
                             "id": "src/components/co-document-editor/co-document-editor.tsx::DocumentPageSize"
                         }
                     }
@@ -1042,7 +1042,7 @@ export class CoDocumentEditor {
                     "references": {
                         "DocumentMargins": {
                             "location": "local",
-                            "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-document-editor/co-document-editor.tsx",
+                            "path": "/Users/agox/worktrees/cobalt-release-a11y/packages/core/src/components/co-document-editor/co-document-editor.tsx",
                             "id": "src/components/co-document-editor/co-document-editor.tsx::DocumentMargins"
                         }
                     }
@@ -1107,7 +1107,7 @@ export class CoDocumentEditor {
                     "references": {
                         "DocumentFeatures": {
                             "location": "local",
-                            "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-document-editor/co-document-editor.tsx",
+                            "path": "/Users/agox/worktrees/cobalt-release-a11y/packages/core/src/components/co-document-editor/co-document-editor.tsx",
                             "id": "src/components/co-document-editor/co-document-editor.tsx::DocumentFeatures"
                         }
                     }
@@ -1301,7 +1301,7 @@ export class CoDocumentEditor {
                     "references": {
                         "DocumentHeaderDetail": {
                             "location": "local",
-                            "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-document-editor/co-document-editor.tsx",
+                            "path": "/Users/agox/worktrees/cobalt-release-a11y/packages/core/src/components/co-document-editor/co-document-editor.tsx",
                             "id": "src/components/co-document-editor/co-document-editor.tsx::DocumentHeaderDetail"
                         }
                     }
@@ -1337,7 +1337,7 @@ export class CoDocumentEditor {
                     "references": {
                         "DocumentActionDetail": {
                             "location": "local",
-                            "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-document-editor/co-document-editor.tsx",
+                            "path": "/Users/agox/worktrees/cobalt-release-a11y/packages/core/src/components/co-document-editor/co-document-editor.tsx",
                             "id": "src/components/co-document-editor/co-document-editor.tsx::DocumentActionDetail"
                         }
                     }

package/dist/collection/components/co-emoji-picker/co-emoji-picker.css

@@ -95,7 +95,7 @@
 .co-emoji-picker__tone-toggle:focus-visible,
 .co-emoji-picker__tone:focus-visible {
   outline: none;
-  box-shadow: 0 0 0 2px var(--co-semantic-border-focus-ring);
+  box-shadow: 0 0 0 2px var(--co-semantic-border-focus);
 }
 
 .co-emoji-picker__tone--selected {
@@ -158,7 +158,7 @@
 .co-emoji-picker__category:focus-visible {
   outline: none;
   color: var(--co-semantic-text-default);
-  box-shadow: 0 0 0 2px var(--co-semantic-border-focus-ring);
+  box-shadow: 0 0 0 2px var(--co-semantic-border-focus);
 }
 
 /* ── Scrollport de la grilla ─────────────────────────────── */
@@ -253,7 +253,7 @@
 .co-emoji-picker__cell:focus-visible {
   outline: none;
   background: var(--co-semantic-surface-hover);
-  box-shadow: 0 0 0 2px var(--co-semantic-border-focus-ring);
+  box-shadow: 0 0 0 2px var(--co-semantic-border-focus);
 }
 
 .co-emoji-picker__cell:active {