@apliteni/apliteni-ui 0.123.0 → 0.124.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apliteni/apliteni-ui",
-  "version": "0.123.0",
+  "version": "0.124.0",
   "workspaces": [
     "react"
   ],

package/src/styles/pagination.css

@@ -69,15 +69,22 @@
    selector for the markup this component emits, and the spelling that keeps a
    rule about an ENABLED control out of the disabled-rule sweep in
    stories/guidelines/accessibility-floor.test.js, which reads selector text. */
-/* The one selected mark #578 round r34 LEFT as an edge, and why. A pager stands on
-   the page in one showcase and on a card in another; --surface steps off the page at
-   1.110:1 and off a card at 1.000:1, so a fill that marks the current page on one
-   ground marks nothing on the other. The hairline is what survives both. Open for
-   Artur on #578. */
+/* #615: an accent fill stands off page and card alike, as the Segmented pill does. */
 .ui-pager__page.is-current:not([disabled]) {
-  background: var(--surface); /* code-bg: inherit — control paint; the containing surface is the ground, for a chip and for a band alike. */
-  border-color: var(--border);
-  color: var(--strong);
+  background: var(--accent);
+  color: var(--accent-contrast);
+  font-weight: var(--weight-semibold);
+}
+/* White ink falls below the text floor on the lighter dark-theme accents. */
+:where(:root[data-theme="dark"]) .ui-pager__page.is-current:not([disabled]) {
+  color: var(--signal-contrast);
+}
+
+/* #615: a disabled current page keeps the mark a disabled selected Segmented pill keeps: the quiet
+   fill and the semibold weight, in the disabled ink. A busy pager still does not look live. */
+.ui-pager__page.is-current[disabled] {
+  background: var(--surface-3); /* code-bg: inherit — the selected control's own fill. */
+  /* muted-ink: state — unavailable control */ color: var(--disabled-ink);
   font-weight: var(--weight-semibold);
 }