@phillips/seldon 1.87.0 → 1.88.1

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

@@ -1,5 +1,6 @@
 import { AccordionVariantKey } from './types';
-import { default as React } from 'react';
+import { default as React, ComponentProps } from 'react';
+import * as Accordion from '@radix-ui/react-accordion';
 export interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Unique id for component testing
@@ -16,6 +17,14 @@ export interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {
      * Child element pass in to display as item content.
      */
     children?: React.ReactNode;
+    /**
+     * Optionally control the expanded state of the accordion items.
+     */
+    value?: ComponentProps<typeof Accordion.Root>['value'];
+    /**
+     * Callback function to be called when the expanded state of the items change.
+     */
+    onValueChanged?: ComponentProps<typeof Accordion.Root>['onValueChange'];
 }
 /**
  * ## Overview
@@ -26,5 +35,5 @@ export interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {
  *
  * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-accordion--overview)
  */
-declare const AccordionComponent: ({ className, children, ...props }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
+declare const AccordionComponent: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
 export default AccordionComponent;

package/dist/components/Accordion/Accordion.js

@@ -1,21 +1,31 @@
-import { jsx as s } from "react/jsx-runtime";
-import c from "../../node_modules/classnames/index.js";
-import { getCommonProps as i } from "../../utils/index.js";
-import { Root as e } from "../../node_modules/@radix-ui/react-accordion/dist/index.js";
-import { getAccordionVariantProps as d } from "./utils.js";
-const N = ({ className: m, children: t, ...o }) => {
-  const { className: a, ...r } = i(o, "Accordion"), n = d(o.variant);
-  return /* @__PURE__ */ s(
-    e,
-    {
-      className: c(`${a}`, m),
-      ...r,
-      ...n,
-      id: o == null ? void 0 : o.id,
-      children: t
-    }
-  );
-};
+import { jsx as d } from "react/jsx-runtime";
+import { forwardRef as f } from "react";
+import l from "../../node_modules/classnames/index.js";
+import { getCommonProps as A } from "../../utils/index.js";
+import { Root as C } from "../../node_modules/@radix-ui/react-accordion/dist/index.js";
+import { getAccordionVariantProps as N } from "./utils.js";
+const P = f(
+  ({ className: r, children: a, variant: t, value: m, onValueChanged: n, ...o }, s) => {
+    const { className: c, ...i } = A(o, "Accordion"), e = N(t, m);
+    return (
+      // @ts-expect-error radix-ui type checking is too aggressive ans we know the values are valid
+      /* @__PURE__ */ d(
+        C,
+        {
+          className: l(`${c}`, r),
+          ...i,
+          ...e,
+          id: o == null ? void 0 : o.id,
+          ref: s,
+          value: m,
+          onValueChange: n,
+          children: a
+        }
+      )
+    );
+  }
+);
+P.displayName = "Accordion";
 export {
-  N as default
+  P as default
 };

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

@@ -3,10 +3,7 @@ import { AccordionItemProps } from './AccordionItem';
 import { AccordionVariants } from './types';
 declare const meta: {
     title: string;
-    component: ({ className, children, ...props }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
-    args: {
-        transitionTimeInMs: number;
-    };
+    component: import('react').ForwardRefExoticComponent<AccordionProps & import('react').RefAttributes<HTMLDivElement>>;
     argTypes: {
         variant: {
             options: AccordionVariants[];
@@ -20,3 +17,6 @@ export default meta;
 export declare const AccordionLarge: ({ transitionTimeInMs, ...props }: AccordionProps & AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
 export declare const AccordionSmall: ({ transitionTimeInMs, ...props }: AccordionProps & AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
 export declare const AccordionSubmenu: ({ transitionTimeInMs, ...props }: AccordionProps & AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ControlledAccordion: ({ items, ...props }: AccordionProps & {
+    items: AccordionItemProps[];
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,3 +1,4 @@
+import { AccordionMultipleProps, AccordionSingleProps } from '@radix-ui/react-accordion';
 export interface AccordionHeaderType {
     /**
      * Child element pass in to display as header label.
@@ -52,15 +53,11 @@ export declare enum AccordionVariants {
     singleNonCollapsible = "singleNonCollapsible"
 }
 export type AccordionVariantKey = keyof typeof AccordionVariants;
-export declare enum AccordionType {
-    single = "single",
-    multiple = "multiple"
-}
 export interface AccordionVariantProps {
     /**
      * Determines whether multiple elements can be opened at the same time or not.
      */
-    type: AccordionType;
+    type: AccordionSingleProps['type'] | AccordionMultipleProps['type'];
     /**
      * Determines if an open element can be closed by clicking on it.
      * Only applicable to the `single` variants.

package/dist/components/Accordion/types.js

@@ -1,6 +1,5 @@
-var e = /* @__PURE__ */ ((l) => (l.multiple = "multiple", l.singleCollapsible = "singleCollapsible", l.singleNonCollapsible = "singleNonCollapsible", l))(e || {}), s = /* @__PURE__ */ ((l) => (l.single = "single", l.multiple = "multiple", l))(s || {}), g = /* @__PURE__ */ ((l) => (l.lg = "lg", l.sm = "sm", l))(g || {});
+var e = /* @__PURE__ */ ((l) => (l.multiple = "multiple", l.singleCollapsible = "singleCollapsible", l.singleNonCollapsible = "singleNonCollapsible", l))(e || {}), s = /* @__PURE__ */ ((l) => (l.lg = "lg", l.sm = "sm", l))(s || {});
 export {
-  g as AccordionItemVariant,
-  s as AccordionType,
+  s as AccordionItemVariant,
   e as AccordionVariants
 };

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

@@ -1,9 +1,10 @@
-import { AccordionVariantKey, AccordionVariantProps } from './types';
+import { AccordionVariantKey } from './types';
+import { AccordionMultipleProps, AccordionSingleProps } from '@radix-ui/react-accordion';
 /**
  * Sets the type and collapsible props based on the variant prop
  * The collapsible prop should only be passed when the variant is single
  */
-export declare const getAccordionVariantProps: (variant?: AccordionVariantKey) => AccordionVariantProps;
+export declare const getAccordionVariantProps: (variant?: AccordionVariantKey, value?: string[] | string) => AccordionSingleProps | AccordionMultipleProps;
 /**
  * A helper for getting the classes of the Accordion icons
  * @param className - The className of the component

package/dist/components/Accordion/utils.js

@@ -1,12 +1,12 @@
-import s from "../../node_modules/classnames/index.js";
-import { AccordionType as l, AccordionVariants as e } from "./types.js";
-const c = (i) => {
-  const o = { type: l.multiple };
-  return i === e.singleCollapsible && (o.type = l.single, o.collapsible = !0), i === e.singleNonCollapsible && (o.type = l.single, o.collapsible = !1), o;
-}, p = (i, o, n) => s(`${i}__icon`, `${i}-${n}__icon`, {
-  [`${i}__icon--lg`]: o
+import i from "../../node_modules/classnames/index.js";
+import { AccordionVariants as n } from "./types.js";
+const t = (o, e) => {
+  const r = { type: "multiple" };
+  return (o === n.singleCollapsible || o === n.singleNonCollapsible) && Array.isArray(e) && console.error("The value prop should not be an array when using a single variant"), o === n.singleCollapsible ? { type: "single" } : o === n.singleNonCollapsible ? { type: "single" } : r;
+}, p = (o, e, r) => i(`${o}__icon`, `${o}-${r}__icon`, {
+  [`${o}__icon--lg`]: e
 });
 export {
-  c as getAccordionVariantProps,
+  t as getAccordionVariantProps,
   p as getIconClasses
 };

package/dist/components/Search/Search.js

@@ -27,7 +27,7 @@ const ne = ({
   ...x
 }) => {
   var N;
-  const { className: r, "data-testid": m, ...L } = j(x, "Search"), p = c.useContext(U), f = c.useRef(null), h = c.useRef(null), g = c.useRef(null), a = p.isSearchExpanded, s = (N = f.current) == null ? void 0 : N.value, T = S ? (e) => {
+  const { className: r, "data-testid": m, ...L } = j(x, "Search"), f = c.useContext(U), p = c.useRef(null), h = c.useRef(null), g = c.useRef(null), a = f.isSearchExpanded, s = (N = p.current) == null ? void 0 : N.value, T = S ? (e) => {
     S(e.target.value);
   } : void 0;
   M(g, (e) => {
@@ -38,22 +38,22 @@ const ne = ({
     if (e.stopPropagation(), e.key === "Enter") {
       if (e.preventDefault(), s && s.length > 2) {
         const y = I(v(s));
-        window.location.href = y;
+        n(!1), window.location.href = y;
       }
-      e.currentTarget instanceof HTMLAnchorElement && e.currentTarget.click();
+      e.currentTarget instanceof HTMLAnchorElement && (n(!1), e.currentTarget.click());
     }
-    e.key === "Escape" && ((o = h.current) == null || o.reset(), p.setIsSearchExpanded(!1));
+    e.key === "Escape" && ((o = h.current) == null || o.reset(), f.setIsSearchExpanded(!1));
   };
   V(() => {
     var e;
     if (a) {
-      (e = f.current) == null || e.focus();
+      (e = p.current) == null || e.focus();
       return;
     }
   }, [a]);
   const n = (e) => {
     var o;
-    (o = h.current) == null || o.reset(), p.setIsSearchExpanded(e);
+    (o = h.current) == null || o.reset(), f.setIsSearchExpanded(e);
   };
   return /* @__PURE__ */ t("div", { className: `${r}__container`, children: /* @__PURE__ */ u(
     "div",
@@ -113,7 +113,7 @@ const ne = ({
                                 invalidText: k,
                                 onKeyDown: $,
                                 onChange: T,
-                                ref: f
+                                ref: p
                               }
                             )
                           }

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

@@ -14,8 +14,9 @@ $lg: #{$px}-input--lg;
   }
 
   &__label {
+    @include text($string2);
+
     color: $pure-black;
-    font-size: 0.75rem;
     font-variation-settings: 'wght' 600;
     margin-bottom: 0.5rem;
     word-break: break-word;
@@ -47,7 +48,7 @@ $lg: #{$px}-input--lg;
     -webkit-box-orient: vertical;
     display: -webkit-box;
     -webkit-line-clamp: 2;
-    line-height: 1.25;
+    line-height: $spacing-md;
     overflow: hidden;
   }
 

package/package.json

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