@phillips/seldon 1.57.0 → 1.57.1

package/dist/components/Pagination/Pagination.d.ts

@@ -36,6 +36,10 @@ export interface PaginationProps extends Omit<ComponentProps<'div'>, 'onChange'>
      * Option next label
      */
     nextLabel?: string;
+    /**
+     * Option select aria-label
+     */
+    selectLabel?: string;
 }
 /**
  * ## Overview
@@ -46,5 +50,5 @@ export interface PaginationProps extends Omit<ComponentProps<'div'>, 'onChange'>
  *
  * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-pagination--overview)
  */
-declare const Pagination: ({ className, onChange, variant, options, value, isDisabled, previousLabel, nextLabel, ...props }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
+declare const Pagination: ({ className, onChange, variant, options, value, isDisabled, previousLabel, nextLabel, selectLabel, ...props }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
 export default Pagination;

package/dist/components/Pagination/Pagination.js

@@ -1,60 +1,62 @@
-import { jsxs as x, jsx as i } from "react/jsx-runtime";
-import c from "../../node_modules/classnames/index.js";
-import { getCommonProps as N, px as n } from "../../utils/index.js";
-import _ from "../Select/Select.js";
-import d from "../Button/Button.js";
-import u from "../../assets/chevronRight.svg.js";
-const S = ({
+import { jsxs as N, jsx as e } from "react/jsx-runtime";
+import s from "../../node_modules/classnames/index.js";
+import { getCommonProps as _, px as i } from "../../utils/index.js";
+import P from "../Select/Select.js";
+import d from "../../assets/chevronRight.svg.js";
+import u from "../IconButton/IconButton.js";
+const y = ({
   className: f,
-  onChange: e,
+  onChange: n,
   variant: g = "inline",
   options: t = [],
   value: r,
   isDisabled: l,
   previousLabel: $ = "Previous",
-  nextLabel: p = "Next",
+  nextLabel: b = "Next",
+  selectLabel: p = "Select",
   ...o
 }) => {
-  const b = "pagination", { className: s, ...h } = N(o, "Pagination"), { id: m } = o;
-  return /* @__PURE__ */ x(
+  const h = "pagination", { className: c, ...x } = _(o, "Pagination"), { id: m } = o;
+  return /* @__PURE__ */ N(
     "div",
     {
-      className: c(`${n}-${b}`, { [`${s}__wrapper`]: s }, f),
-      ...h,
+      className: s(`${i}-${h}`, { [`${c}__wrapper`]: c }, f),
+      ...x,
       ...o,
       children: [
-        /* @__PURE__ */ i(
-          d,
+        /* @__PURE__ */ e(
+          u,
           {
-            className: c(`${n}__pagination-button`, `${n}-left-arrow`),
-            onClick: () => e(t.at(t.findIndex((a) => a === r) - 1) || ""),
+            className: s(`${i}__pagination-button`, `${i}-left-arrow`),
+            onClick: () => n(t.at(t.findIndex((a) => a === r) - 1) || ""),
             "data-testid": `${m}-previous-button`,
             isDisabled: l,
             "aria-label": $,
-            children: /* @__PURE__ */ i(u, {})
+            children: /* @__PURE__ */ e(d, {})
           }
         ),
-        /* @__PURE__ */ i(
-          _,
+        /* @__PURE__ */ e(
+          P,
           {
-            className: g === "inline" && `${n}--inline-pagination`,
+            className: g === "inline" && `${i}--inline-pagination`,
+            "aria-label": p,
             value: r,
-            onChange: (a) => e(a == null ? void 0 : a.currentTarget.value, a),
+            onChange: (a) => n(a == null ? void 0 : a.currentTarget.value, a),
             "data-testid": `${m}-select-button`,
             hideLabel: !0,
             disabled: l,
-            children: t.map((a) => /* @__PURE__ */ i("option", { value: a, children: a }, a))
+            children: t.map((a) => /* @__PURE__ */ e("option", { value: a, children: a }, a))
           }
         ),
-        /* @__PURE__ */ i(
-          d,
+        /* @__PURE__ */ e(
+          u,
           {
-            className: `${n}__pagination-button`,
-            onClick: () => e(t[(t.findIndex((a) => a === r) + 1) % t.length] || ""),
+            className: `${i}__pagination-button`,
+            onClick: () => n(t[(t.findIndex((a) => a === r) + 1) % t.length] || ""),
             "data-testid": `${m}-next-button`,
             isDisabled: l,
-            "aria-label": p,
-            children: /* @__PURE__ */ i(u, {})
+            "aria-label": b,
+            children: /* @__PURE__ */ e(d, {})
           }
         )
       ]
@@ -62,5 +64,5 @@ const S = ({
   );
 };
 export {
-  S as default
+  y as default
 };

package/dist/scss/components/Pagination/_pagination.scss

@@ -1,6 +1,7 @@
 @use '../../allPartials' as *;
 
 .#{$px}-pagination {
+  align-items: center;
   display: flex;
   flex-direction: row;
   gap: $spacing-md;
@@ -47,10 +48,6 @@
 }
 
 .#{$px}__pagination-button {
-  background: none;
-  flex-direction: row;
-  padding: 0;
-
   svg {
     width: 2rem;
 
@@ -58,15 +55,6 @@
       width: 1rem;
     }
   }
-
-  &:hover,
-  &:focus {
-    background: none;
-  }
-
-  &:disabled {
-    border: none;
-  }
 }
 
 .#{$px}-left-arrow {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phillips/seldon",
-  "version": "1.57.0",
+  "version": "1.57.1",
   "repository": {
     "type": "git",
     "url": "https://github.com/PhillipsAuctionHouse/seldon"