@phillips/seldon 1.64.0 → 1.65.0

package/dist/components/Carousel/CarouselItem.js

@@ -1,18 +1,18 @@
 import { jsx as t } from "react/jsx-runtime";
 import l from "../../node_modules/classnames/index.js";
 import { forwardRef as i } from "react";
-import { getCommonProps as p } from "../../utils/index.js";
-import { useCarousel as c } from "./utils.js";
-const u = i(({ className: m, ...o }, s) => {
-  const { className: r, ...a } = p(o, "Carousel"), { columnGap: e } = c();
+import { getCommonProps as c } from "../../utils/index.js";
+import { useCarousel as n } from "./utils.js";
+const u = i(({ className: r, ...o }, s) => {
+  const { className: e, ...a } = c(o, "Carousel"), { columnGap: m } = n();
   return /* @__PURE__ */ t(
     "div",
     {
       ref: s,
-      role: "group",
+      role: o.onClick ? "button" : "group",
       "aria-roledescription": "slide",
-      className: l(`${r}-item`, m, {
-        [`${r}-item--gap-${e}`]: !!e
+      className: l(`${e}-item`, r, {
+        [`${e}-item--gap-${m}`]: !!m
       }),
       ...o,
       ...a

package/dist/components/Modal/Modal.d.ts

@@ -16,6 +16,10 @@ export interface ModalProps extends ReactModal.Props {
      * The children of the modal
      */
     children: React.ReactNode;
+    /**
+     * className for the modal
+     */
+    className?: string;
 }
 /**
  * ## Overview

package/dist/components/Modal/Modal.js

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

package/dist/scss/components/Text/_text.scss

@@ -30,5 +30,5 @@ p.#{$px}-text {
 .#{$px}-text--super-script {
   font-size: 60%;
   margin-left: $spacing-xsm;
-  vertical-align: text-bottom;
+  vertical-align: super;
 }

package/package.json

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