@phillips/seldon 1.82.1 → 1.83.0

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

@@ -30,5 +30,5 @@ export interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement>
      */
     hasTransition?: boolean;
 }
-declare const AccordionItem: ({ isLocked, variant, id, label, isLastItem, hasTransition, children, ...props }: AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const AccordionItem: React.ForwardRefExoticComponent<AccordionItemProps & React.RefAttributes<HTMLDivElement>>;
 export default AccordionItem;

package/dist/components/Accordion/AccordionItem.js

@@ -1,13 +1,14 @@
 import { jsxs as h, jsx as t } from "react/jsx-runtime";
-import { getCommonProps as f } from "../../utils/index.js";
-import g from "../../assets/plus.svg.js";
-import v from "../../assets/minus.svg.js";
-import _ from "../../assets/lock.svg.js";
-import l from "../../node_modules/classnames/index.js";
-import { Item as I, Trigger as x, Content as A } from "../../node_modules/@radix-ui/react-accordion/dist/index.js";
+import { forwardRef as g } from "react";
+import { getCommonProps as v } from "../../utils/index.js";
+import I from "../../assets/plus.svg.js";
+import _ from "../../assets/minus.svg.js";
+import x from "../../assets/lock.svg.js";
+import s from "../../node_modules/classnames/index.js";
+import { Item as A, Trigger as N, Content as k } from "../../node_modules/@radix-ui/react-accordion/dist/index.js";
 import { AccordionItemVariant as $ } from "./types.js";
 import { getIconClasses as u } from "./utils.js";
-const k = ({
+const C = ({
   children: n,
   className: r,
   baseClassName: o,
@@ -15,22 +16,22 @@ const k = ({
   isLargeVariation: c,
   id: e
 }) => {
-  const s = d, a = /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
-    _,
+  const i = d, l = /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
+    x,
     {
       className: u(o, c, "lock"),
       "data-testid": `${e}-lockedIcon`,
       "aria-hidden": !0
     }
-  ) }), p = /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
-    g,
+  ) }), a = /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
+    I,
     {
       className: u(o, c, "plus"),
       "data-testid": `${e}-plusIcon`,
       "aria-hidden": !0
     }
-  ) }), i = /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
-    v,
+  ) }), p = /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
+    _,
     {
       className: u(o, c, "minus"),
       "data-testid": `${e}-minusIcon`,
@@ -38,25 +39,25 @@ const k = ({
     }
   ) });
   return /* @__PURE__ */ t(
-    x,
+    N,
     {
       "data-disabled": d,
       asChild: !0,
-      className: l(
+      className: s(
         o,
         { [`${o}--large`]: c },
         { [`${o}--hoverable`]: !d },
         r
       ),
       children: /* @__PURE__ */ h("div", { "data-testid": `${e}-trigger`, children: [
-        /* @__PURE__ */ t("div", { className: l(`${o}__text`, { [`${o}__text--lg`]: c }), children: n }),
-        s && a,
-        !s && p,
-        !s && i
+        /* @__PURE__ */ t("div", { className: s(`${o}__text`, { [`${o}__text--lg`]: c }), children: n }),
+        i && l,
+        !i && a,
+        !i && p
       ] })
     }
   );
-}, C = ({
+}, S = ({
   children: n,
   baseClassName: r,
   disable: o,
@@ -64,10 +65,10 @@ const k = ({
   isLargeVariation: c,
   className: e
 }) => o && n ? /* @__PURE__ */ t("div", { className: `${r}__content--locked`, children: n }) : /* @__PURE__ */ t(
-  A,
+  k,
   {
     asChild: !0,
-    className: l(
+    className: s(
       `${r}__content`,
       { [`${r}__content--lg`]: c },
       { [`${r}--transition`]: d },
@@ -75,51 +76,55 @@ const k = ({
     ),
     children: n
   }
-), y = ({
-  isLocked: n = !1,
-  variant: r = $.sm,
-  id: o,
-  label: d,
-  isLastItem: c,
-  hasTransition: e = !1,
-  children: s,
-  ...a
-}) => {
-  const { className: p } = f({ id: o }, "Accordion"), i = r === $.lg, m = `${p}-item`;
-  return /* @__PURE__ */ h(
-    I,
-    {
-      disabled: n,
-      value: o,
-      className: l(m, {
-        [`${m}__border-bottom`]: !c
-      }),
-      ...a,
-      children: [
-        /* @__PURE__ */ t(
-          k,
-          {
-            disable: n,
-            isLargeVariation: i,
-            id: o,
-            baseClassName: `${m}-label`,
-            children: d
-          }
-        ),
-        /* @__PURE__ */ t(
-          C,
-          {
-            disable: n,
-            hasTransition: e,
-            isLargeVariation: i,
-            baseClassName: m,
-            children: /* @__PURE__ */ t("div", { className: "radix-accordion-content", children: s })
-          }
-        )
-      ]
-    }
-  );
-};
+), j = g(
+  ({
+    isLocked: n = !1,
+    variant: r = $.sm,
+    id: o,
+    label: d,
+    isLastItem: c,
+    hasTransition: e = !1,
+    children: i,
+    ...l
+  }, a) => {
+    const { className: p } = v({ id: o }, "Accordion"), f = r === $.lg, m = `${p}-item`;
+    return /* @__PURE__ */ h(
+      A,
+      {
+        disabled: n,
+        value: o,
+        className: s(m, {
+          [`${m}__border-bottom`]: !c
+        }),
+        ref: a,
+        ...l,
+        children: [
+          /* @__PURE__ */ t(
+            C,
+            {
+              disable: n,
+              isLargeVariation: f,
+              id: o,
+              baseClassName: `${m}-label`,
+              children: d
+            }
+          ),
+          /* @__PURE__ */ t(
+            S,
+            {
+              disable: n,
+              hasTransition: e,
+              isLargeVariation: f,
+              baseClassName: m,
+              children: /* @__PURE__ */ t("div", { className: "radix-accordion-content", children: i })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+j.displayName = "AccordionItem";
 export {
-  y as default
+  j as default
 };

package/dist/components/Button/Button.d.ts

@@ -1,5 +1,5 @@
 import { ButtonVariants } from './types';
-export interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
+export interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement | HTMLAnchorElement> {
     /**
      * Button contents
      */
@@ -28,6 +28,14 @@ export interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
      * Should the button be disabled?
      */
     isDisabled?: boolean;
+    /**
+     * The href of the button. This will make the button render as an anchor tag.
+     */
+    href?: string;
+    /**
+     * The target of the link (e.g. _blank). To be combined with href.
+     */
+    target?: string;
 }
 /**
  * ## Overview
@@ -38,5 +46,5 @@ export interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
  *
  * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-button--overview)
  */
-declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 export default Button;

package/dist/components/Button/Button.js

@@ -1,43 +1,58 @@
-import { jsx as c } from "react/jsx-runtime";
-import p from "../../node_modules/classnames/index.js";
-import { getCommonProps as u } from "../../utils/index.js";
-import { ButtonVariants as d } from "./types.js";
-import { forwardRef as $ } from "react";
-const b = $(
+import { jsx as f } from "react/jsx-runtime";
+import i from "../../node_modules/classnames/index.js";
+import { getCommonProps as d } from "../../utils/index.js";
+import { ButtonVariants as b } from "./types.js";
+import { forwardRef as N } from "react";
+const B = N(
   ({
-    variant: s = d.primary,
-    size: a = "md",
-    children: m,
-    className: r,
-    isIconLast: n = !1,
-    type: e = "button",
-    isDisabled: i = !1,
-    ...t
-  }, f) => {
-    const { className: o, ...l } = u(t, "Button");
-    return /* @__PURE__ */ c(
+    variant: s = b.primary,
+    size: t = "md",
+    children: a,
+    className: p,
+    isIconLast: m = !1,
+    type: u = "button",
+    isDisabled: c = !1,
+    href: r,
+    target: e,
+    ...n
+  }, l) => {
+    const { className: o, ...$ } = d(n, "Button");
+    return r ? /* @__PURE__ */ f(
+      "a",
+      {
+        ...$,
+        ref: l,
+        href: r,
+        className: i(`${o}`, `${o}--${t}`, `${o}--${s}`, {
+          [`${o}--icon-last`]: m
+        }),
+        target: e,
+        rel: e === "_blank" ? "noopener noreferrer" : void 0,
+        children: a
+      }
+    ) : /* @__PURE__ */ f(
       "button",
       {
-        ...l,
-        ref: f,
-        type: e,
-        className: p(
+        ...$,
+        ref: l,
+        type: u,
+        className: i(
           `${o}`,
-          `${o}--${a}`,
+          `${o}--${t}`,
           `${o}--${s}`,
           {
-            [`${o}--icon-last`]: n
+            [`${o}--icon-last`]: m
           },
-          r
+          p
         ),
-        disabled: i,
-        ...t,
-        children: m
+        disabled: c,
+        ...n,
+        children: a
       }
     );
   }
 );
-b.displayName = "Button";
+B.displayName = "Button";
 export {
-  b as default
+  B as default
 };

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

@@ -2,7 +2,7 @@ import { ButtonProps } from './Button';
 import { ButtonVariants } from './types';
 declare const meta: {
     title: string;
-    component: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+    component: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
     argTypes: {
         size: {
             options: string[];
@@ -23,6 +23,13 @@ declare const meta: {
 };
 export default meta;
 export declare const ButtonWithIcon: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ButtonAsLink: {
+    (props: ButtonProps): import("react/jsx-runtime").JSX.Element;
+    args: {
+        variant: ButtonVariants;
+        size: string;
+    };
+};
 export declare const Playground: {
     args: {
         children: string;

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

@@ -2,5 +2,6 @@ export declare enum ButtonVariants {
     primary = "primary",
     secondary = "secondary",
     ghost = "ghost",
-    tertiary = "tertiary"
+    tertiary = "tertiary",
+    link = "link"
 }

package/dist/components/Button/types.js

@@ -1,4 +1,4 @@
-var e = /* @__PURE__ */ ((r) => (r.primary = "primary", r.secondary = "secondary", r.ghost = "ghost", r.tertiary = "tertiary", r))(e || {});
+var e = /* @__PURE__ */ ((r) => (r.primary = "primary", r.secondary = "secondary", r.ghost = "ghost", r.tertiary = "tertiary", r.link = "link", r))(e || {});
 export {
   e as ButtonVariants
 };

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

@@ -229,6 +229,99 @@ export declare const RangeInput: {
         };
     };
 };
+export declare const ControlledInput: {
+    ({ playgroundWidth, ...args }: StoryProps): import("react/jsx-runtime").JSX.Element;
+    args: {
+        playgroundWidth: number;
+        className: string;
+        placeholder: string;
+        invalid: boolean;
+        invalidText: string;
+        disabled: boolean;
+        defaultValue: string;
+        labelText: string;
+        warn: boolean;
+        warnText: string;
+        size: string;
+    };
+    argTypes: {
+        className: {
+            control: {
+                type: string;
+            };
+        };
+        defaultValue: {
+            control: {
+                type: string;
+            };
+        };
+        disabled: {
+            control: {
+                type: string;
+            };
+        };
+        invalid: {
+            control: {
+                type: string;
+            };
+        };
+        invalidText: {
+            control: {
+                type: string;
+            };
+        };
+        labelText: {
+            control: {
+                type: string;
+            };
+        };
+        onChange: {
+            action: string;
+        };
+        onClick: {
+            action: string;
+        };
+        placeholder: {
+            control: {
+                type: string;
+            };
+        };
+        playgroundWidth: {
+            control: {
+                type: string;
+                min: number;
+                max: number;
+                step: number;
+            };
+        };
+        size: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+        type: {
+            control: {
+                type: string;
+            };
+        };
+        value: {
+            control: {
+                type: string;
+            };
+        };
+        warn: {
+            control: {
+                type: string;
+            };
+        };
+        warnText: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};
 export declare const Playground: {
     ({ playgroundWidth, ...args }: StoryProps): import("react/jsx-runtime").JSX.Element;
     args: {

package/dist/node_modules/exenv/index.js

@@ -1,4 +1,4 @@
-import { __module as t } from "../../_virtual/index6.js";
+import { __module as t } from "../../_virtual/index5.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/index5.js";
+import { __module as e } from "../../../../_virtual/index6.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/Button/_button.scss

@@ -66,6 +66,20 @@
     }
   }
 
+  &--link {
+    background-color: transparent;
+    border: 0;
+    color: $pure-black;
+    height: auto;
+    padding: 0;
+    text-decoration: underline;
+
+    &:hover {
+      background-color: transparent;
+      color: $pure-black;
+    }
+  }
+
   &--secondary,
   &--ghost {
     background-color: $pure-white;
@@ -191,6 +205,10 @@
     border-color: transparent;
   }
 
+  &--link:disabled {
+    border: 0;
+  }
+
   * {
     margin: 0;
   }

package/dist/scss/site-furniture/Header/_header.scss

@@ -105,7 +105,7 @@
 
   &__nav {
     background-color: $pure-white;
-    height: calc(100vh - $header-height);
+    height: calc(100dvh - $header-height);
     overflow-y: auto;
     position: relative;
     z-index: 10;
@@ -119,7 +119,7 @@
 
       @include isHeaderMobile {
         flex-direction: column;
-        height: calc(100vh - var(--header-height) - 1px);
+        height: calc(100dvh - var(--header-height) - 1px);
         justify-content: flex-start;
         padding: 0 $spacing-md;
       }
@@ -143,10 +143,6 @@
         display: unset;
         left: -100%;
       }
-
-      .#{$px}-nav__list {
-        padding-top: $spacing-md;
-      }
     }
 
     @include isHeaderDesktop {

package/package.json

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