@theroutingcompany/components 0.0.22 → 0.0.23

package/dist/trc-components.es.js

@@ -9768,21 +9768,25 @@ const ob = O(wp)`
     color: ${m.color_fill_inverse_pressed};
   }
 `, QP = O(La)`
-  background: ${m.color_fill_secondary_enabled};
+  background: ${m.color_white};
   color: ${m.color_fill_primary_enabled};
-
+  border: 1px solid ${m.color_outline_secondary_enabled};
+  
   &:hover {
-    background: ${m.color_fill_secondary_hover};
+    background: hsl(0deg 0% 0% / 3%);
     color: ${m.color_fill_primary_hover};
+    border-color: ${m.color_outline_secondary_enabled};
   }
-
+  
   &[data-state~='pressed'] {
-    background: ${m.color_fill_secondary_pressed};
+    background: ${m.color_divider_weak}; // Interactive/Fill/Tertiary/Pressed
     color: ${m.color_fill_primary_enabled};
+    border-color: hsl(0deg 0% 0% / 48%); // Interactive/Outline/Primary/Pressed
   }
 
   &:disabled {
     background: ${m.color_fill_secondary_disabled};
+    border-color: hsl(0deg 0%  14% / 16%);
   }
 `, e7 = O(La)`
   background: ${m.color_fill_danger_enabled};
@@ -10309,7 +10313,7 @@ function hI({
         nextButtonProps: l
       }
     ),
-    /* @__PURE__ */ oe(ob, { gap: "400", children: [
+    /* @__PURE__ */ oe(ob, { gap: "400", justifyContent: "space-between", children: [
       /* @__PURE__ */ S(pu, { state: o, timeZone: e }),
       /* @__PURE__ */ S(
         pu,
@@ -20411,7 +20415,8 @@ const NI = Object.assign(cn, {
   display: flex;
   flex-direction: column;
   gap: ${m.sizing_500};
-  padding-block: ${m.sizing_500};
+  padding-top: var(--padding-top, ${m.sizing_500});
+  padding-bottom: var(--padding-bottom, ${m.sizing_500});
   margin: 0 auto;
 `, rT = O.header`
   z-index: 3;
@@ -20496,23 +20501,31 @@ function jI({
   onClick: n,
   onNext: o,
   className: a,
-  ariaLabel: i = "Pagination Navigation"
+  ariaLabel: i = "Pagination Navigation",
+  displayAtMost: s = 6
 }) {
-  const s = Array.from({ length: e }, (p, h) => h), l = 6;
-  let c = s;
-  const d = l - 1;
-  if (e > 5) {
-    const p = e - 1;
-    t > e - d ? c = [0, -1, ...s.slice(-d)] : t + 1 < d ? c = [...s.slice(0, d), -1, p] : c = [
-      0,
-      -1,
-      // to signify a gap, or make it a string?
-      ...c.slice(t - 1, t),
-      t,
-      ...c.slice(t + 1, t + 2),
-      -1,
-      p
-    ];
+  const l = Array.from({ length: e }, (p, h) => h);
+  let c = l;
+  const d = s - 1;
+  if (e > d) {
+    const h = e - 1;
+    if (t > e - d)
+      c = [0, -1, ...l.slice(-d)];
+    else if (t + 1 < d)
+      c = [...l.slice(0, d), -1, h];
+    else {
+      const b = Math.round(s / 2);
+      c = [
+        0,
+        -1,
+        // to signify a gap, or make it a string?
+        ...c.slice(t - b, t),
+        t,
+        ...c.slice(t + 1, t + b + 1),
+        -1,
+        h
+      ];
+    }
   }
   const u = t === 0, f = t === e - 1;
   return /* @__PURE__ */ oe(oT, { "aria-label": i, className: a, children: [
@@ -20534,7 +20547,7 @@ function jI({
           onClick: () => n(p),
           children: p + 1
         },
-        p
+        `${p}-${h}`
       ) : (
         // @ts-expect-error 'as' is not on the type of PaginatorNumber
         /* @__PURE__ */ S(el, { as: "span", children: "..." }, `${p}-${h}`)