@phillips/seldon 1.57.1 → 1.58.1

package/dist/components/Drawer/Drawer.js

@@ -1,38 +1,40 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { jsx as r, jsxs as s } from "react/jsx-runtime";
 import { getCommonProps as d, noOp as p } from "../../utils/index.js";
-import a from "../../node_modules/classnames/index.js";
-import { Root as f, Portal as C, Overlay as h, Content as N, Title as u, Description as v, Close as w } from "../../node_modules/@radix-ui/react-dialog/dist/index.js";
-import _ from "../../assets/close.svg.js";
-import g from "../IconButton/IconButton.js";
-const j = ({ className: l, isOpen: i = !1, onClose: r = p, children: m, ...s }) => {
-  const { className: o, ...n } = d(s, "Drawer");
-  return /* @__PURE__ */ e(
+import o from "../../node_modules/classnames/index.js";
+import { Root as f, Portal as C, Overlay as h, Content as u, Title as v, Description as N, Close as w } from "../../node_modules/@radix-ui/react-dialog/dist/index.js";
+import y from "../../assets/close.svg.js";
+import _ from "../IconButton/IconButton.js";
+import { ButtonVariants as g } from "../Button/types.js";
+const B = ({ className: i, isOpen: l = !1, onClose: a = p, children: m, ...t }) => {
+  const { className: e, ...n } = d(t, "Drawer");
+  return /* @__PURE__ */ r(
     f,
     {
-      open: i,
+      open: l,
       onOpenChange: (c) => {
-        c || r();
+        c || a();
       },
-      children: /* @__PURE__ */ t(C, { children: [
-        /* @__PURE__ */ e(
+      children: /* @__PURE__ */ s(C, { children: [
+        /* @__PURE__ */ r(
           h,
           {
-            onClick: r,
-            className: a(`${o}__overlay`),
+            onClick: a,
+            className: o(`${e}__overlay`),
             "data-testid": "drawer-overlay"
           }
         ),
-        /* @__PURE__ */ t(N, { className: a(o, l), id: s.id, ...n, children: [
-          /* @__PURE__ */ e(u, {}),
-          /* @__PURE__ */ e(v, {}),
-          /* @__PURE__ */ e(w, { asChild: !0, children: /* @__PURE__ */ e(
-            g,
+        /* @__PURE__ */ s(u, { className: o(e, i), id: t.id, ...n, children: [
+          /* @__PURE__ */ r(v, {}),
+          /* @__PURE__ */ r(N, {}),
+          /* @__PURE__ */ r(w, { asChild: !0, children: /* @__PURE__ */ r(
+            _,
             {
-              onClick: r,
-              className: a(`${o}__close`),
+              onClick: a,
+              className: o(`${e}__close`),
               "aria-label": "Close",
               "data-testid": "drawer-close",
-              children: /* @__PURE__ */ e(_, {})
+              variant: g.tertiary,
+              children: /* @__PURE__ */ r(y, {})
             }
           ) }),
           m
@@ -42,5 +44,5 @@ const j = ({ className: l, isOpen: i = !1, onClose: r = p, children: m, ...s })
   );
 };
 export {
-  j as default
+  B as default
 };

package/dist/components/Modal/Modal.js

@@ -1,47 +1,49 @@
-import { jsxs as p, jsx as t } from "react/jsx-runtime";
-import e from "../../node_modules/classnames/index.js";
+import { jsxs as p, jsx as s } from "react/jsx-runtime";
+import t from "../../node_modules/classnames/index.js";
 import { getCommonProps as f, noOp as u } from "../../utils/index.js";
 import C from "../../assets/close.svg.js";
 import m from "../../node_modules/react-modal/lib/index.js";
 import N from "../IconButton/IconButton.js";
-const h = ({
-  children: r,
-  className: n,
+import { ButtonVariants as v } from "../Button/types.js";
+const j = ({
+  children: l,
+  className: i,
   isOpen: o = !1,
-  onClose: s = u,
-  appElementSelector: i = "main",
-  ...l
+  onClose: r = u,
+  appElementSelector: n = "main",
+  ...e
 }) => {
   if (!o)
     return null;
-  const { className: a, "data-testid": c, ...d } = f(l, "Modal");
-  return m.setAppElement(i), /* @__PURE__ */ p(
+  const { className: a, "data-testid": c, ...d } = f(e, "Modal");
+  return m.setAppElement(n), /* @__PURE__ */ p(
     m,
     {
       ...d,
       isOpen: o,
-      onRequestClose: s,
-      className: e(a, n),
-      overlayClassName: e(`${a}__overlay`),
+      onRequestClose: r,
+      className: t(a, i),
+      overlayClassName: t(`${a}__overlay`),
       ariaHideApp: o,
       testId: c,
-      ...l,
+      ...e,
       children: [
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ s(
           N,
           {
             id: "modal-button",
-            onClick: s,
+            onClick: r,
             "aria-label": "Close Modal",
-            className: e(`${a}__close`),
-            children: /* @__PURE__ */ t(C, {})
+            className: t(`${a}__close`),
+            variant: v.tertiary,
+            children: /* @__PURE__ */ s(C, {})
           }
         ),
-        r
+        l
       ]
     }
   );
 };
 export {
-  h as default
+  j as default
 };

package/dist/components/Pagination/Pagination.js

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

@@ -5,21 +5,21 @@ import p from "../../components/Button/Button.js";
 import { ButtonVariants as d } from "../../components/Button/types.js";
 import { TextVariants as u } from "../../components/Text/types.js";
 import N from "../../components/Text/Text.js";
-const S = ({
-  className: s,
-  children: a,
-  titleText: e = "Never Miss A Moment",
+const T = ({
+  className: a,
+  children: e,
+  titleText: s = "Never Miss A Moment",
   buttonText: m = "Subscribe To Our Newsletter",
   onSubscribeClick: i,
-  ...r
+  ...o
 }) => {
-  const { className: o, ...n } = f(r, "Social");
-  return /* @__PURE__ */ c("div", { ...n, className: l(o, s), ...r, children: [
-    /* @__PURE__ */ t(N, { variant: u.heading4, className: `${o}__header`, children: e }),
-    /* @__PURE__ */ t(p, { onClick: i, variant: d.ghost, className: `${o}__button`, children: m }),
-    a
+  const { className: r, ...n } = f(o, "Social");
+  return /* @__PURE__ */ c("div", { ...n, className: l(r, a), ...o, children: [
+    /* @__PURE__ */ t(N, { variant: u.heading4, className: `${r}__header`, children: s }),
+    /* @__PURE__ */ t(p, { onClick: i, variant: d.tertiary, className: `${r}__button`, children: m }),
+    e
   ] });
 };
 export {
-  S as default
+  T as default
 };

package/dist/scss/components/Button/_button.scss

@@ -71,9 +71,8 @@
     background-color: $pure-white;
     border: 1px solid $pure-black;
     color: $pure-black;
-    mix-blend-mode: difference;
-    position: relative;
     transition: border 0.3s ease-out;
+    z-index: 0;
 
     &::before {
       border-radius: 100px;

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.1",
+  "version": "1.58.1",
   "repository": {
     "type": "git",
     "url": "https://github.com/PhillipsAuctionHouse/seldon"