@phillips/seldon 1.38.3 → 1.38.5

package/dist/_virtual/_commonjsHelpers.js

@@ -1,28 +1,26 @@
-var u = typeof globalThis != "undefined" ? globalThis : typeof window != "undefined" ? window : typeof global != "undefined" ? global : typeof self != "undefined" ? self : {};
-function f(e) {
+function n(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-function l(e) {
+function c(e) {
   if (e.__esModule) return e;
-  var r = e.default;
-  if (typeof r == "function") {
-    var t = function o() {
-      return this instanceof o ? Reflect.construct(r, arguments, this.constructor) : r.apply(this, arguments);
+  var o = e.default;
+  if (typeof o == "function") {
+    var t = function r() {
+      return this instanceof r ? Reflect.construct(o, arguments, this.constructor) : o.apply(this, arguments);
     };
-    t.prototype = r.prototype;
+    t.prototype = o.prototype;
   } else t = {};
-  return Object.defineProperty(t, "__esModule", { value: !0 }), Object.keys(e).forEach(function(o) {
-    var n = Object.getOwnPropertyDescriptor(e, o);
-    Object.defineProperty(t, o, n.get ? n : {
+  return Object.defineProperty(t, "__esModule", { value: !0 }), Object.keys(e).forEach(function(r) {
+    var u = Object.getOwnPropertyDescriptor(e, r);
+    Object.defineProperty(t, r, u.get ? u : {
       enumerable: !0,
       get: function() {
-        return e[o];
+        return e[r];
       }
     });
   }), t;
 }
 export {
-  u as commonjsGlobal,
-  l as getAugmentedNamespace,
-  f as getDefaultExportFromCjs
+  c as getAugmentedNamespace,
+  n as getDefaultExportFromCjs
 };

package/dist/_virtual/index4.js

@@ -1,4 +1,4 @@
-var r = {};
+var e = { exports: {} };
 export {
-  r as __exports
+  e as __module
 };

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

@@ -1,13 +1,30 @@
+import { AccordionVariantKey } from './types';
 import React from 'react';
 export interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Unique id for component testing
      */
     id?: string;
+    /**
+     * Determines the Accordion variant to use. `multiple` allows multiple elements to be opened at the same time.
+     * The `single` variants only allow one element opened at a time.
+     * `singleCollapsible` allows users to close an open element by clicking on it, while `singleNonCollapsible` does not.
+     * Defaults to `multiple`.
+     */
+    variant?: AccordionVariantKey;
     /**
      * Child element pass in to display as item content.
      */
     children?: React.ReactNode;
 }
+/**
+ * ## Overview
+ *
+ * Overview of this component
+ *
+ * [Figma Link](https://www.figma.com/design/xMuOXOAKVt5HC7hgYjF3ot/Components-v2.0?node-id=4433-163013&t=lhB2YjBptvQ97UWF-0)
+ *
+ * [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;
 export default AccordionComponent;

package/dist/components/Accordion/Accordion.js

@@ -1,20 +1,21 @@
-import { jsx as e } from "react/jsx-runtime";
-import s from "../../node_modules/classnames/index.js";
-import { getCommonProps as n } from "../../utils/index.js";
-import { Root as r } from "../../node_modules/@radix-ui/react-accordion/dist/index.js";
-const i = "multiple", C = ({ className: m, children: t, ...o }) => {
-  const { className: a, ...c } = n(o, "Accordion");
-  return /* @__PURE__ */ e(
-    r,
+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: s(`${a}`, m),
-      type: i,
-      ...c,
+      className: c(`${a}`, m),
+      ...r,
+      ...n,
       id: o == null ? void 0 : o.id,
       children: t
     }
   );
 };
 export {
-  C as default
+  N as default
 };

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

@@ -41,3 +41,9 @@ export interface AccordionContentType {
     isLargeVariation: boolean;
     isCollapsed: boolean;
 }
+export declare enum AccordionVariants {
+    multiple = "multiple",
+    singleCollapsible = "singleCollapsible",
+    singleNonCollapsible = "singleNonCollapsible"
+}
+export type AccordionVariantKey = keyof typeof AccordionVariants;

package/dist/components/Accordion/types.js

@@ -0,0 +1,4 @@
+var e = /* @__PURE__ */ ((l) => (l.multiple = "multiple", l.singleCollapsible = "singleCollapsible", l.singleNonCollapsible = "singleNonCollapsible", l))(e || {});
+export {
+  e as AccordionVariants
+};

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

@@ -0,0 +1,17 @@
+import { AccordionVariantKey } from './types';
+export interface AccordionVariantProps {
+    /**
+     * Determines whether multiple elements can be opened at the same time or not.
+     */
+    type: 'single' | 'multiple';
+    /**
+     * Determines if an open element can be closed by clicking on it.
+     * Only applicable to the `single` variants.
+     */
+    collapsible?: boolean;
+}
+/**
+ * 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;

package/dist/components/Accordion/utils.js

@@ -0,0 +1,8 @@
+import { AccordionVariants as i } from "./types.js";
+const s = (e) => {
+  const l = { type: "multiple" };
+  return e === i.singleCollapsible && (l.type = "single", l.collapsible = !0), e === i.singleNonCollapsible && (l.type = "single", l.collapsible = !1), l;
+};
+export {
+  s as getAccordionVariantProps
+};

package/dist/index.d.ts

@@ -31,7 +31,6 @@ export { default as Modal, type ModalProps } from './components/Modal/Modal';
 export { default as Drawer } from './components/Drawer/Drawer';
 export { default as StatefulViewingsList, type StatefulViewingsListProps, } from './components/ViewingsList/StatefulViewingsList';
 export * from './components/Text';
-export * from './components/HTMLParser';
 export * from './components/Accordion';
 export { default as UserManagement, type UserManagementProps } from './components/UserManagement/UserManagement';
 export { AuthState } from './components/UserManagement/types';

package/dist/index.js

@@ -1,15 +1,15 @@
-import { PaddingTokens as a, defaultYear as f, emailValidation as m, encodeURLSearchParams as p, findChildrenOfType as s, generatePaddingClassName as d, getCommonProps as u, noOp as l, px as i, useNormalizedInputProps as x } from "./utils/index.js";
+import { PaddingTokens as a, defaultYear as f, emailValidation as m, encodeURLSearchParams as p, findChildrenOfType as d, generatePaddingClassName as s, getCommonProps as u, noOp as i, px as l, useNormalizedInputProps as x } from "./utils/index.js";
 import { default as g } from "./pages/Page.js";
-import { default as L } from "./components/Button/Button.js";
+import { default as S } from "./components/Button/Button.js";
 import { ButtonVariants as I } from "./components/Button/types.js";
-import { default as B } from "./components/IconButton/IconButton.js";
+import { default as P } from "./components/IconButton/IconButton.js";
 import { default as N } from "./components/ErrorBoundary/ErrorBoundary.js";
-import { default as V } from "./components/Footer/Footer.js";
+import { default as T } from "./components/Footer/Footer.js";
 import { Grid as h } from "./components/Grid/Grid.js";
 import { default as w } from "./components/Header/Header.js";
 import { default as C } from "./components/Navigation/Navigation.js";
-import { default as H } from "./components/Navigation/NavigationItem/NavigationItem.js";
-import { default as y } from "./components/Navigation/NavigationItemTrigger/NavigationItemTrigger.js";
+import { default as y } from "./components/Navigation/NavigationItem/NavigationItem.js";
+import { default as M } from "./components/Navigation/NavigationItemTrigger/NavigationItemTrigger.js";
 import { default as R } from "./components/Navigation/NavigationList/NavigationList.js";
 import { default as z } from "./components/HeroBanner/HeroBanner.js";
 import { default as E } from "./components/Input/Input.js";
@@ -23,50 +23,48 @@ import { GridItemAlign as re } from "./components/GridItem/types.js";
 import { default as oe } from "./components/Search/Search.js";
 import { default as fe } from "./components/Select/Select.js";
 import { default as pe } from "./components/SplitPanel/SplitPanel.js";
-import { default as de } from "./components/Subscribe/Subscribe.js";
-import { SubscriptionState as le } from "./components/Subscribe/types.js";
+import { default as se } from "./components/Subscribe/Subscribe.js";
+import { SubscriptionState as ie } from "./components/Subscribe/types.js";
 import { default as xe } from "./components/Social/Social.js";
 import { default as ge } from "./components/ViewingsList/ViewingsList.js";
-import { default as Le } from "./components/Modal/Modal.js";
+import { default as Se } from "./components/Modal/Modal.js";
 import { default as Ie } from "./components/Drawer/Drawer.js";
-import { default as Be } from "./components/ViewingsList/StatefulViewingsList.js";
+import { default as Pe } from "./components/ViewingsList/StatefulViewingsList.js";
 import { TextVariants as Ne } from "./components/Text/types.js";
-import { default as Ve } from "./components/Text/Text.js";
-import { default as he } from "./components/HTMLParser/HTMLParser.js";
-import { default as we } from "./components/Accordion/Accordion.js";
-import { default as Ce } from "./components/Accordion/AccordionItem.js";
-import { default as He } from "./components/UserManagement/UserManagement.js";
+import { default as Te } from "./components/Text/Text.js";
+import { default as he } from "./components/Accordion/Accordion.js";
+import { default as we } from "./components/Accordion/AccordionItem.js";
+import { default as Ce } from "./components/UserManagement/UserManagement.js";
 import { AuthState as ye } from "./components/UserManagement/types.js";
-import { SupportedLanguages as Re } from "./types/commonTypes.js";
-import { default as ze } from "./components/Breadcrumb/Breadcrumb.js";
+import { SupportedLanguages as Me } from "./types/commonTypes.js";
+import { default as Re } from "./components/Breadcrumb/Breadcrumb.js";
 import "react/jsx-runtime";
 import "./node_modules/classnames/index.js";
 export {
-  we as Accordion,
-  Ce as AccordionItem,
+  he as Accordion,
+  we as AccordionItem,
   ye as AuthState,
-  ze as Breadcrumb,
-  L as Button,
+  Re as Breadcrumb,
+  S as Button,
   I as ButtonVariants,
   Ie as Drawer,
   N as ErrorBoundary,
-  V as Footer,
+  T as Footer,
   h as Grid,
   $ as GridItem,
   re as GridItemAlign,
-  he as HTMLParser,
   w as Header,
   z as HeroBanner,
-  B as IconButton,
+  P as IconButton,
   E as Input,
   Y as Link,
   K as LinkBlock,
   W as LinkList,
   q as LinkVariants,
-  Le as Modal,
+  Se as Modal,
   C as Navigation,
-  H as NavigationItem,
-  y as NavigationItemTrigger,
+  y as NavigationItem,
+  M as NavigationItemTrigger,
   R as NavigationList,
   a as PaddingTokens,
   g as Page,
@@ -75,21 +73,21 @@ export {
   fe as Select,
   xe as Social,
   pe as SplitPanel,
-  Be as StatefulViewingsList,
-  de as Subscribe,
-  le as SubscriptionState,
-  Re as SupportedLanguages,
-  Ve as Text,
+  Pe as StatefulViewingsList,
+  se as Subscribe,
+  ie as SubscriptionState,
+  Me as SupportedLanguages,
+  Te as Text,
   Ne as TextVariants,
-  He as UserManagement,
+  Ce as UserManagement,
   ge as ViewingsList,
   f as defaultYear,
   m as emailValidation,
   p as encodeURLSearchParams,
-  s as findChildrenOfType,
-  d as generatePaddingClassName,
+  d as findChildrenOfType,
+  s as generatePaddingClassName,
   u as getCommonProps,
-  l as noOp,
-  i as px,
+  i as noOp,
+  l as px,
   x as useNormalizedInputProps
 };

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/index4.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/_allPartials.scss

@@ -1,5 +1,4 @@
 @forward './sharedClasses';
 @forward './type';
-@forward './typography';
 @forward './utils';
 @forward './vars';

package/dist/scss/_type.scss

@@ -1,5 +1,38 @@
 @use './vars' as *;
 
+@mixin headerText {
+  @include DistinctDisplay;
+
+  color: $primary-black;
+  font-weight: 400;
+}
+
+@mixin bodyText {
+  color: $soft-black;
+}
+
+@mixin DistinctItalic {
+  font-family: Distinct, sans-serif;
+  font-style: italic;
+}
+
+@mixin DistinctDisplay {
+  font-family: DistinctDisplay, sans-serif;
+}
+
+@mixin DistinctDisplayItalic {
+  font-family: DistinctDisplay, sans-serif;
+  font-style: italic;
+}
+
+@mixin Montserrat {
+  font-family: Montserrat, sans-serif;
+}
+
+@mixin DistinctText {
+  font-family: Distinct, sans-serif;
+}
+
 @mixin underline($padding: 0, $width: 0.0625rem, $color: $cta-blue) {
   border-bottom: $width solid $color;
   padding-bottom: $padding;

package/dist/scss/_typography.scss

@@ -32,10 +32,6 @@ body {
   src: url('@phillips/seldon/dist/fonts/Distinct-Display.woff2') format('woff2');
 }
 
-@mixin DistinctDisplay {
-  font-family: DistinctDisplay, sans-serif;
-}
-
 @font-face {
   font-family: DistinctDisplay;
   font-style: italic;
@@ -43,11 +39,6 @@ body {
   src: url('@phillips/seldon/dist/fonts/Distinct-DisplayItalic.woff2') format('woff2');
 }
 
-@mixin DistinctDisplayItalic {
-  font-family: DistinctDisplay, sans-serif;
-  font-style: italic;
-}
-
 /** Fonts **/
 @font-face {
   font-family: Montserrat;
@@ -55,39 +46,15 @@ body {
   src: url('@phillips/seldon/dist/fonts/Montserrat.woff2') format('woff2');
 }
 
-@mixin Montserrat {
-  font-family: Montserrat, sans-serif;
-}
-
 @font-face {
   font-family: Distinct;
   src: url('@phillips/seldon/dist/fonts/Distinct-Text.woff') format('woff');
   src: url('@phillips/seldon/dist/fonts/Distinct-Text.woff2') format('woff2');
 }
 
-@mixin DistinctText {
-  font-family: Distinct, sans-serif;
-}
-
 @font-face {
   font-family: Distinct;
   font-style: italic;
   src: url('@phillips/seldon/dist/fonts/Distinct-Italic.woff') format('woff');
   src: url('@phillips/seldon/dist/fonts/Distinct-Italic.woff2') format('woff2');
 }
-
-@mixin DistinctItalic {
-  font-family: Distinct, sans-serif;
-  font-style: italic;
-}
-
-@mixin headerText {
-  @include DistinctDisplay;
-
-  color: $primary-black;
-  font-weight: 400;
-}
-
-@mixin bodyText {
-  color: $soft-black;
-}

package/dist/scss/componentStyles.scss

@@ -3,6 +3,8 @@
 // @TODO: reset styles when we can do a site wide regressions QA in phillips-public
 // @use 'reset';
 
+@use './typography' as *;
+
 // ⚛️ Components
 @use 'components/Button/button';
 @use 'components/IconButton/iconButton';

package/package.json

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

package/dist/_virtual/attributes-to-props.js

@@ -1,4 +0,0 @@
-var r = {};
-export {
-  r as __exports
-};

package/dist/_virtual/constants.js

@@ -1,4 +0,0 @@
-var s = {};
-export {
-  s as __exports
-};

package/dist/_virtual/dom-to-react.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/_virtual/domparser.js

@@ -1,4 +0,0 @@
-var r = {};
-export {
-  r as __exports
-};

package/dist/_virtual/html-to-dom.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/_virtual/index10.js

@@ -1,4 +0,0 @@
-var r = {};
-export {
-  r as __exports
-};

package/dist/_virtual/index6.js

@@ -1,4 +0,0 @@
-var e = { exports: {} };
-export {
-  e as __module
-};

package/dist/_virtual/index7.js

@@ -1,4 +0,0 @@
-var r = {};
-export {
-  r as __exports
-};

package/dist/_virtual/index8.js

@@ -1,4 +0,0 @@
-var r = {};
-export {
-  r as __exports
-};

package/dist/_virtual/index9.js

@@ -1,4 +0,0 @@
-var r = {};
-export {
-  r as __exports
-};

package/dist/_virtual/node.js

@@ -1,4 +0,0 @@
-var e = {};
-export {
-  e as __exports
-};

package/dist/_virtual/possibleStandardNamesOptimized.js

@@ -1,4 +0,0 @@
-var a = {};
-export {
-  a as __exports
-};

package/dist/_virtual/utilities.js

@@ -1,4 +0,0 @@
-var t = {};
-export {
-  t as __exports
-};

package/dist/_virtual/utilities2.js

@@ -1,4 +0,0 @@
-var t = {};
-export {
-  t as __exports
-};

package/dist/_virtual/utilities3.js

@@ -1,4 +0,0 @@
-var t = {};
-export {
-  t as __exports
-};

package/dist/components/HTMLParser/HTMLParser.d.ts

@@ -1,24 +0,0 @@
-export interface HTMLParserProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * Rich Text content to be displayed
-     */
-    html: string;
-    /**
-     * Optional flag to only sanitize the content and bypass the transforms to our components
-     */
-    isOnlySanitize?: boolean;
-    /**
-     * Optional class name to add to the component
-     */
-    className?: string;
-}
-/**
- * ## Overview
- *
- * A component for taking in rich text content from CMS and safely rendering the content in a consistent manner.
- *
- *
- * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-htmlparser--overview)
- */
-declare const HTMLParser: ({ className, html, isOnlySanitize, ...props }: HTMLParserProps) => import("react/jsx-runtime").JSX.Element;
-export default HTMLParser;

package/dist/components/HTMLParser/HTMLParser.js

@@ -1,21 +0,0 @@
-import { jsx as o, Fragment as c } from "react/jsx-runtime";
-import n from "../../node_modules/classnames/index.js";
-import f from "../../node_modules/dompurify/dist/purify.es.js";
-import p from "../../node_modules/html-react-parser/esm/index.js";
-import { getCommonProps as d } from "../../utils/index.js";
-import { options as g } from "./utils.js";
-const N = ({ className: s, html: r, isOnlySanitize: i = !1, ...e }) => {
-  const { className: t, ...a } = d(e, "HTMLParser"), m = f.sanitize(r), l = p(m, g);
-  return /* @__PURE__ */ o(c, { children: typeof r == "string" && r.length > 0 ? i ? /* @__PURE__ */ o(
-    "div",
-    {
-      ...a,
-      className: n(`${t}`, s),
-      ...e,
-      dangerouslySetInnerHTML: { __html: m }
-    }
-  ) : /* @__PURE__ */ o("div", { ...a, className: n(`${t}`, s), ...e, children: l }) : null });
-};
-export {
-  N as default
-};

package/dist/components/HTMLParser/index.d.ts

@@ -1 +0,0 @@
-export { default as HTMLParser, type HTMLParserProps } from './HTMLParser';

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

@@ -1,7 +0,0 @@
-export declare const options: {
-    replace({ attribs, children, name }: {
-        attribs: Record<string, string>;
-        children: React.ReactNode;
-        name: string;
-    }): import("react/jsx-runtime").JSX.Element | undefined;
-};

package/dist/components/HTMLParser/utils.js

@@ -1,31 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-import "../../node_modules/html-react-parser/esm/index.js";
-import { TextVariants as e } from "../Text/types.js";
-import n from "../Text/Text.js";
-import { LinkVariants as m } from "../Link/types.js";
-import d from "../Link/Link.js";
-import "../../node_modules/html-react-parser/lib/index.js";
-import { __exports as r } from "../../_virtual/index4.js";
-const a = {
-  replace({ attribs: s, children: t, name: o }) {
-    if (o === "h1")
-      return /* @__PURE__ */ i(n, { variant: e.display1, children: r.domToReact(t, a) });
-    if (o === "h2")
-      return /* @__PURE__ */ i(n, { variant: e.heading2, children: r.domToReact(t, a) });
-    if (o === "h3")
-      return /* @__PURE__ */ i(n, { variant: e.heading3, children: r.domToReact(t, a) });
-    if (o === "h4")
-      return /* @__PURE__ */ i(n, { variant: e.heading4, children: r.domToReact(t, a) });
-    if (o === "blockquote")
-      return /* @__PURE__ */ i(n, { variant: e.blockquote, children: r.domToReact(t, a) });
-    if (o === "p")
-      return /* @__PURE__ */ i(n, { variant: e.body1, children: r.domToReact(t, a) });
-    if (o === "a") {
-      const { class: f, ...p } = s, c = r.attributesToProps(p);
-      return /* @__PURE__ */ i(d, { variant: m.inline, ...c, children: r.domToReact(t, a) });
-    }
-  }
-};
-export {
-  a as options
-};

package/dist/components/Link/index.d.ts

@@ -1,2 +0,0 @@
-export { LinkVariants } from './types';
-export { default as Link, type LinkProps } from './Link';

package/dist/node_modules/domelementtype/lib/index.js

@@ -1,12 +0,0 @@
-import { __exports as D } from "../../../_virtual/index9.js";
-(function(i) {
-  Object.defineProperty(i, "__esModule", { value: !0 }), i.Doctype = i.CDATA = i.Tag = i.Style = i.Script = i.Comment = i.Directive = i.Text = i.Root = i.isTag = i.ElementType = void 0;
-  var t;
-  (function(c) {
-    c.Root = "root", c.Text = "text", c.Directive = "directive", c.Comment = "comment", c.Script = "script", c.Style = "style", c.Tag = "tag", c.CDATA = "cdata", c.Doctype = "doctype";
-  })(t = i.ElementType || (i.ElementType = {}));
-  function a(c) {
-    return c.type === t.Tag || c.type === t.Script || c.type === t.Style;
-  }
-  i.isTag = a, i.Root = t.Root, i.Text = t.Text, i.Directive = t.Directive, i.Comment = t.Comment, i.Script = t.Script, i.Style = t.Style, i.Tag = t.Tag, i.CDATA = t.CDATA, i.Doctype = t.Doctype;
-})(D);