@phillips/seldon 1.85.0 → 1.85.1

package/dist/components/Accordion/AccordionItem.d.ts

@@ -33,6 +33,14 @@ export interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement>
      * Number of milliseconds for the expansion transition. Defaults to 250.
      */
     transitionTimeInMs?: number;
+    /**
+     * Callback function that is called when the item is opened.
+     */
+    onOpen?: () => void;
+    /**
+     * Callback function that is called when the item is closed.
+     */
+    onClose?: () => void;
 }
 declare const AccordionItem: React.ForwardRefExoticComponent<AccordionItemProps & React.RefAttributes<HTMLDivElement>>;
 export default AccordionItem;

package/dist/components/Accordion/AccordionItem.js

@@ -1,125 +1,136 @@
-import { jsxs as h, jsx as t } from "react/jsx-runtime";
-import { Item as I, Trigger as _, Content as x } from "../../node_modules/@radix-ui/react-accordion/dist/index.js";
-import m from "../../node_modules/classnames/index.js";
-import { forwardRef as A } from "react";
-import N from "../../assets/lock.svg.js";
-import k from "../../assets/minus.svg.js";
-import C from "../../assets/plus.svg.js";
-import { getCommonProps as S } from "../../utils/index.js";
-import { AccordionItemVariant as f } from "./types.js";
-import { getIconClasses as u } from "./utils.js";
-const j = ({
-  children: n,
+import { jsxs as _, jsx as o } from "react/jsx-runtime";
+import { Item as A, Trigger as k, Content as x } from "../../node_modules/@radix-ui/react-accordion/dist/index.js";
+import u from "../../node_modules/classnames/index.js";
+import { forwardRef as N, useRef as R, useCallback as S } from "react";
+import T from "../../assets/lock.svg.js";
+import j from "../../assets/minus.svg.js";
+import w from "../../assets/plus.svg.js";
+import { getCommonProps as y } from "../../utils/index.js";
+import { AccordionItemVariant as I } from "./types.js";
+import { getIconClasses as v } from "./utils.js";
+const P = ({
+  children: c,
   className: r,
-  baseClassName: o,
+  baseClassName: t,
   disable: i,
-  isLargeVariation: c,
-  id: e
+  isLargeVariation: e,
+  id: n,
+  onOpen: d,
+  onClose: m
 }) => {
-  const d = i, l = /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
-    N,
+  const l = R(null), a = i, f = /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
+    T,
     {
-      className: u(o, c, "lock"),
-      "data-testid": `${e}-lockedIcon`,
+      className: v(t, e, "lock"),
+      "data-testid": `${n}-lockedIcon`,
       "aria-hidden": !0
     }
-  ) }), a = /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
-    C,
+  ) }), g = /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
+    w,
     {
-      className: u(o, c, "plus"),
-      "data-testid": `${e}-plusIcon`,
+      className: v(t, e, "plus"),
+      "data-testid": `${n}-plusIcon`,
       "aria-hidden": !0
     }
-  ) }), p = /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
-    k,
+  ) }), p = /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
+    j,
     {
-      className: u(o, c, "minus"),
-      "data-testid": `${e}-minusIcon`,
+      className: v(t, e, "minus"),
+      "data-testid": `${n}-minusIcon`,
       "aria-hidden": !0
     }
-  ) });
-  return /* @__PURE__ */ t(
-    _,
+  ) }), $ = S(() => {
+    var s;
+    ((s = l.current) == null ? void 0 : s.getAttribute("data-state")) === "closed" ? d == null || d() : m == null || m();
+  }, [d, m]);
+  return /* @__PURE__ */ o(
+    k,
     {
       "data-disabled": i,
       asChild: !0,
-      className: m(
-        o,
-        { [`${o}--large`]: c },
-        { [`${o}--hoverable`]: !i },
+      className: u(
+        t,
+        { [`${t}--large`]: e },
+        { [`${t}--hoverable`]: !i },
         r
       ),
-      children: /* @__PURE__ */ h("div", { "data-testid": `${e}-trigger`, children: [
-        /* @__PURE__ */ t("div", { className: m(`${o}__text`, { [`${o}__text--lg`]: c }), children: n }),
-        d && l,
-        !d && a,
-        !d && p
+      ref: l,
+      onClick: $,
+      children: /* @__PURE__ */ _("div", { "data-testid": `${n}-trigger`, children: [
+        /* @__PURE__ */ o("div", { className: u(`${t}__text`, { [`${t}__text--lg`]: e }), children: c }),
+        a && f,
+        !a && g,
+        !a && p
       ] })
     }
   );
-}, w = ({
-  children: n,
+}, b = ({
+  children: c,
   baseClassName: r,
-  disable: o,
+  disable: t,
   hasTransition: i,
-  isLargeVariation: c,
-  className: e
-}) => o && n ? /* @__PURE__ */ t("div", { className: `${r}__content--locked`, children: n }) : /* @__PURE__ */ t(
+  isLargeVariation: e,
+  className: n
+}) => t && c ? /* @__PURE__ */ o("div", { className: `${r}__content--locked`, children: c }) : /* @__PURE__ */ o(
   x,
   {
     asChild: !0,
-    className: m(
+    className: u(
       `${r}__content`,
-      { [`${r}__content--lg`]: c },
+      { [`${r}__content--lg`]: e },
       { [`${r}--transition`]: i },
-      e
+      n
     ),
-    children: n
+    children: c
   }
-), y = A(
+), C = N(
   ({
-    isLocked: n = !1,
-    variant: r = f.sm,
-    id: o,
+    isLocked: c = !1,
+    variant: r = I.sm,
+    id: t,
     label: i,
-    isLastItem: c,
-    hasTransition: e = !1,
+    isLastItem: e,
+    hasTransition: n = !1,
     children: d,
-    className: l,
-    transitionTimeInMs: a = 250,
-    ...p
-  }, g) => {
-    const { className: v } = S({ id: o }, "Accordion"), $ = r === f.lg, s = `${v}-item`;
-    return /* @__PURE__ */ h(
-      I,
+    className: m,
+    transitionTimeInMs: l = 250,
+    onOpen: a,
+    onClose: f,
+    ...g
+  }, p) => {
+    const { className: $ } = y({ id: t }, "Accordion"), h = r === I.lg, s = `${$}-item`;
+    return /* @__PURE__ */ _(
+      A,
       {
-        disabled: n,
-        value: o,
-        style: { "--seldon-accordion-transition-time": `${a}ms` },
-        className: m(s, l, {
-          [`${s}__border-bottom`]: !c
+        disabled: c,
+        value: t,
+        style: { "--seldon-accordion-transition-time": `${l}ms` },
+        className: u(s, m, {
+          [`${s}__border-bottom`]: !e
         }),
-        ref: g,
-        ...p,
+        ref: p,
+        ...g,
         children: [
-          /* @__PURE__ */ t(
-            j,
+          /* @__PURE__ */ o(
+            P,
             {
-              disable: n,
-              isLargeVariation: $,
-              id: o,
+              disable: c,
+              isLargeVariation: h,
+              id: t,
               baseClassName: `${s}-label`,
+              onOpen: a,
+              onClose: f,
               children: i
             }
           ),
-          /* @__PURE__ */ t(
-            w,
+          /* @__PURE__ */ o(
+            b,
             {
-              disable: n,
-              hasTransition: e,
-              isLargeVariation: $,
+              disable: c,
+              hasTransition: n,
+              isLargeVariation: h,
               baseClassName: s,
-              children: /* @__PURE__ */ t("div", { className: "radix-accordion-content", children: d })
+              children: /* @__PURE__ */ o("div", { className: "radix-accordion-content", children: d })
             }
           )
         ]
@@ -127,7 +138,7 @@ const j = ({
     );
   }
 );
-y.displayName = "AccordionItem";
+C.displayName = "AccordionItem";
 export {
-  y as default
+  C as default
 };

package/dist/components/Accordion/types.d.ts

@@ -17,6 +17,14 @@ export interface AccordionHeaderType {
      * Unique id for icon component testing
      */
     id?: string;
+    /**
+     * Callback function that is called when the header is opened.
+     */
+    onOpen?: () => void;
+    /**
+     * Callback function that is called when the header is closed.
+     */
+    onClose?: () => void;
 }
 export interface AccordionContentType {
     /**

package/dist/node_modules/exenv/index.js

@@ -1,4 +1,4 @@
-import { __module as t } from "../../_virtual/index5.js";
+import { __module as t } from "../../_virtual/index6.js";
 /*!
   Copyright (c) 2015 Jed Watson.
   Based on code that is Copyright 2013-2015, Facebook, Inc.

package/dist/node_modules/prop-types/node_modules/react-is/index.js

@@ -1,4 +1,4 @@
-import { __module as e } from "../../../../_virtual/index6.js";
+import { __module as e } from "../../../../_virtual/index5.js";
 import { __require as o } from "./cjs/react-is.production.min.js";
 import { __require as t } from "./cjs/react-is.development.js";
 var r;

package/dist/scss/components/Input/_input.scss

@@ -30,9 +30,14 @@ $lg: #{$px}-input--lg;
     border: 1px solid $keyline-gray;
     border-radius: 0.1875rem;
     font-size: 0.8125rem;
+    font-variation-settings: 'wght' 600;
     margin-bottom: 0.25rem;
     padding: $padding-xsm;
 
+    &::placeholder {
+      font-variation-settings: 'wght' 400;
+    }
+
     &:focus-within {
       outline: 1px solid $pure-black;
     }
@@ -98,12 +103,16 @@ $lg: #{$px}-input--lg;
     .#{$px}-input__input,
     .#{$px}-input__input::placeholder,
     .#{$px}-input__validation {
-      color: inherit;
+      color: $pure-black;
     }
 
     .#{$px}-input__input {
       border: 1px solid $error-red;
       box-shadow: inset 0 0 3px 3px $error-pink;
+
+      &:focus-within {
+        outline: 1px solid $error-red;
+      }
     }
   }
 

package/package.json

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