@phillips/seldon 1.57.0 → 1.58.0

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/components/Text/Text.d.ts

@@ -9,6 +9,7 @@ export interface TextProps extends React.HTMLAttributes<HTMLElement> {
      * The OOTB style to apply to the text
      */
     variant?: TextVariants;
+    superScript?: string;
 }
 /**
  * ## Overview
@@ -19,5 +20,5 @@ export interface TextProps extends React.HTMLAttributes<HTMLElement> {
  *
  * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-text--overview)
  */
-declare const Text: ({ children, className, element: CustomElement, variant, ...props }: TextProps) => import("react/jsx-runtime").JSX.Element;
+declare const Text: ({ children, className, element: CustomElement, variant, superScript, ...props }: TextProps) => import("react/jsx-runtime").JSX.Element;
 export default Text;

package/dist/components/Text/Text.js

@@ -1,20 +1,30 @@
-import { jsx as l } from "react/jsx-runtime";
-import { getCommonProps as c } from "../../utils/index.js";
+import { jsxs as i, jsx as p } from "react/jsx-runtime";
+import { getCommonProps as x } from "../../utils/index.js";
 import { TextVariants as f } from "./types.js";
-import { determineDefaultTextElement as i, determineTextClassName as p } from "./utils.js";
-import x from "../../node_modules/classnames/index.js";
-const b = ({ children: t, className: o, element: s, variant: e = f.body2, ...m }) => {
-  const r = s || i(e), { className: a, ...n } = c(m, "Text");
-  return /* @__PURE__ */ l(
-    r,
+import { determineDefaultTextElement as d, determineTextClassName as N } from "./utils.js";
+import o from "../../node_modules/classnames/index.js";
+const j = ({
+  children: r,
+  className: a,
+  element: n,
+  variant: e = f.body2,
+  superScript: m = "",
+  ...s
+}) => {
+  const l = n || d(e), { className: t, ...c } = x(s, "Text");
+  return /* @__PURE__ */ i(
+    l,
     {
-      ...n,
-      className: x(a, o, p(e)),
-      ...m,
-      children: t
+      ...c,
+      className: o(t, a, N(e)),
+      ...s,
+      children: [
+        r,
+        m ? /* @__PURE__ */ p("span", { className: o(`${t}--super-script`), children: m }) : null
+      ]
     }
   );
 };
 export {
-  b as default
+  j 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/dist/scss/components/Text/_text.scss

@@ -27,3 +27,8 @@ h6.#{$px}-text {
 p.#{$px}-text {
   margin-bottom: $spacing-md;
 }
+.#{$px}-text--super-script {
+  font-size: 60%;
+  margin-left: $spacing-xsm;
+  vertical-align: text-bottom;
+}

package/package.json

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