@phillips/seldon 1.38.2 → 1.38.4

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/assets/lock.svg.js

@@ -1,4 +1,4 @@
-const C = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16.4%209.7H15.6571V8.21429C15.6571%206.164%2013.9931%204.5%2011.9429%204.5C9.89257%204.5%208.22857%206.164%208.22857%208.21429V9.7H7.48571C6.66857%209.7%206%2010.3686%206%2011.1857V18.6143C6%2019.4314%206.66857%2020.1%207.48571%2020.1H16.4C17.2171%2020.1%2017.8857%2019.4314%2017.8857%2018.6143V11.1857C17.8857%2010.3686%2017.2171%209.7%2016.4%209.7ZM12%2017.175C11.1829%2017.175%2010.5%2014.9921%2010.5%2014.175C10.5%2013.3579%2011.1829%2013.05%2012%2013.05C12.8171%2013.05%2013.5%2013.3579%2013.5%2014.175C13.5%2014.9921%2012.8171%2017.175%2012%2017.175ZM9.375%209.7V7.8C9.375%206.56685%2010.7669%205.55%2012%205.55C13.2331%205.55%2014.625%206.56685%2014.625%207.8V9.7H9.375Z'%20fill='%23545454'/%3e%3c/svg%3e";
+const l = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16%2018C14.8954%2018%2014%2018.8954%2014%2020V21.6754C14%2021.8904%2014.0347%2022.104%2014.1026%2022.3079C14.7104%2024.1313%2017.2896%2024.1313%2017.8974%2022.3079C17.9653%2022.104%2018%2021.8904%2018%2021.6754V20C18%2018.8954%2017.1046%2018%2016%2018Z'%20fill='black'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M9.00004%209.00002L9.00001%2013.126C7.27478%2013.5701%206%2015.1362%206%2017V25C6%2027.2091%207.79086%2029%2010%2029H22C24.2091%2029%2026%2027.2091%2026%2025V17C26%2015.1362%2024.7252%2013.5701%2023%2013.126V9C23%205.8561%2020.1684%203%2016%203C11.8317%203%209%205.85611%209.00004%209.00002ZM16%205C12.7436%205%2011%207.1439%2011%208.99998L11%2013H21V9C21%207.1439%2019.2564%205%2016%205ZM22%2015H10C8.89543%2015%208%2015.8954%208%2017V25C8%2026.1046%208.89543%2027%2010%2027H22C23.1046%2027%2024%2026.1046%2024%2025V17C24%2015.8954%2023.1046%2015%2022%2015Z'%20fill='black'/%3e%3c/svg%3e";
 export {
-  C as default
+  l as default
 };

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

@@ -4,23 +4,10 @@ export interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {
      * Unique id for component testing
      */
     id?: string;
-    /**
-     * Determines whether one or multiple items can be opened at the same time. Default as single.
-     */
-    type?: 'single' | 'multiple';
     /**
      * 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](Point back to yourself here)
- */
-declare const AccordionComponent: ({ className, type, children, ...props }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
+declare const AccordionComponent: ({ className, children, ...props }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
 export default AccordionComponent;

package/dist/components/Accordion/Accordion.js

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

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

@@ -8,10 +8,6 @@ export interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement>
      * When true, prevents the user from interacting with the item.
      */
     isLocked: boolean;
-    /**
-     * When true applied the lock variation icon.
-     */
-    isLockedVariation?: boolean;
     /**
      * Determines whether the variation on text style is large or small.
      */
@@ -24,10 +20,6 @@ export interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement>
      * Child element pass in to display as item content.
      */
     children?: React.ReactNode;
-    /**
-     * Determines whether one or multiple items can be opened at the same time. Default as single.
-     */
-    type?: 'single' | 'multiple';
     /**
      * When true applied the transition keyframe animation on item expand. Default as false.
      */
@@ -37,5 +29,5 @@ export interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement>
      */
     isControlled?: boolean;
 }
-declare const AccordionItem: ({ isLocked, isLockedVariation, variation, label, isLastItem, hasTransition, children, type, isControlled, ...props }: AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const AccordionItem: ({ isLocked, variation, label, isLastItem, hasTransition, children, isControlled, ...props }: AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
 export default AccordionItem;

package/dist/components/Accordion/AccordionItem.js

@@ -1,40 +1,35 @@
-import { jsxs as f, jsx as e, Fragment as h } from "react/jsx-runtime";
-import { useState as p } from "react";
-import { getCommonProps as v, noOp as x } from "../../utils/index.js";
-import C from "../../assets/plus.svg.js";
-import A from "../../assets/minus.svg.js";
-import T from "../../assets/lock.svg.js";
-import s from "../../node_modules/classnames/index.js";
-import { Item as j, Trigger as k, Content as N } from "../../node_modules/@radix-ui/react-accordion/dist/index.js";
-const B = ({
-  children: n,
-  className: c,
+import { jsxs as I, jsx as e, Fragment as _ } from "react/jsx-runtime";
+import { useState as f } from "react";
+import { getCommonProps as h, noOp as C } from "../../utils/index.js";
+import p from "../../assets/plus.svg.js";
+import x from "../../assets/minus.svg.js";
+import v from "../../assets/lock.svg.js";
+import d from "../../node_modules/classnames/index.js";
+import { Item as A, Trigger as N, Content as T } from "../../node_modules/@radix-ui/react-accordion/dist/index.js";
+const j = ({
+  children: o,
+  className: r,
   baseClassName: t,
-  disable: o,
-  isCollapsed: r,
-  setIsCollapsed: d,
-  isLargeVariation: i,
-  isLockedVariation: m,
-  id: a
+  disable: n,
+  isCollapsed: i,
+  setIsCollapsed: a,
+  isLargeVariation: s,
+  id: c
 }) => {
-  const l = () => !o && d((I) => !I), u = o ? T : r ? C : A, $ = `${a}-` + (o ? "lockedIcon" : m ? "lockBlueIcon" : r ? "plusIcon" : "minusIcon");
+  const m = () => !n && a((l) => !l), g = n ? v : i ? p : x, $ = `${c}-` + (n ? "lockedIcon" : i ? "plusIcon" : "minusIcon");
   return /* @__PURE__ */ e(
-    k,
+    N,
     {
-      "data-disabled": o,
+      "data-disabled": n,
       asChild: !0,
-      className: s(t, { [`${t}--hoverable`]: !o }, c),
-      children: /* @__PURE__ */ f("div", { onClick: l, "data-testid": `${a}-trigger`, children: [
-        /* @__PURE__ */ e("div", { className: s(`${t}__text`, { [`${t}__text--lg`]: i }), children: n }),
+      className: d(t, { [`${t}--hoverable`]: !n }, r),
+      children: /* @__PURE__ */ I("div", { onClick: m, "data-testid": `${c}-trigger`, children: [
+        /* @__PURE__ */ e("div", { className: d(`${t}__text`, { [`${t}__text--lg`]: s }), children: o }),
         /* @__PURE__ */ e(
           "img",
           {
-            className: s(
-              `${t}__icon`,
-              { [`${t}__icon--lg`]: i },
-              m && `${t}--blue-fill`
-            ),
-            src: u,
+            className: d(`${t}__icon`, { [`${t}__icon--lg`]: s }),
+            src: g,
             "data-testid": $,
             "aria-hidden": !0
           }
@@ -42,68 +37,65 @@ const B = ({
       ] })
     }
   );
-}, F = ({
-  children: n,
-  baseClassName: c,
+}, k = ({
+  children: o,
+  baseClassName: r,
   disable: t,
-  hasTransition: o,
-  isLargeVariation: r,
-  isCollapsed: d,
-  className: i
-}) => /* @__PURE__ */ e(h, { children: t && n ? /* @__PURE__ */ e("div", { children: n }) : /* @__PURE__ */ e(
-  N,
+  hasTransition: n,
+  isLargeVariation: i,
+  isCollapsed: a,
+  className: s
+}) => /* @__PURE__ */ e(_, { children: t && o ? /* @__PURE__ */ e("div", { children: o }) : /* @__PURE__ */ e(
+  T,
   {
     asChild: !0,
-    className: s(
-      { [`${c}__content--lg`]: r },
-      { [`${c}--transition`]: o },
-      { [`${c}--expanded`]: !d },
-      i
+    className: d(
+      { [`${r}__content--lg`]: i },
+      { [`${r}--transition`]: n },
+      { [`${r}--expanded`]: !a },
+      s
     ),
-    children: n
+    children: o
   }
-) }), D = ({
-  isLocked: n,
-  isLockedVariation: c,
-  variation: t,
-  label: o,
-  isLastItem: r,
-  hasTransition: d = !1,
-  children: i,
-  type: m = "single",
-  isControlled: a = !0,
-  ...l
+) }), z = ({
+  isLocked: o,
+  variation: r,
+  label: t,
+  isLastItem: n,
+  hasTransition: i = !1,
+  children: a,
+  isControlled: s = !0,
+  ...c
 }) => {
-  const [u, $] = p(!0), { className: I } = v(l, "Accordion"), _ = t === "lg", g = `${I}-item`;
-  return /* @__PURE__ */ f(
-    j,
+  const [m, g] = f(!0), { className: $ } = h(c, "Accordion"), l = r === "lg", u = `${$}-item`;
+  return /* @__PURE__ */ I(
+    A,
     {
-      disabled: n,
-      value: o,
-      className: s(g, { [`${g}__border-bottom`]: !r }),
+      disabled: o,
+      value: t,
+      className: d(u, { [`${u}__border-bottom`]: !n }),
       children: [
         /* @__PURE__ */ e(
-          B,
+          j,
           {
-            disable: n,
-            isLargeVariation: _,
-            isLockedVariation: c,
-            isCollapsed: u,
-            setIsCollapsed: a ? $ : x,
-            id: m === "single" ? l == null ? void 0 : l.id : void 0,
-            baseClassName: `${g}-label`,
-            children: o
+            disable: o,
+            isLargeVariation: l,
+            isCollapsed: m,
+            setIsCollapsed: s ? g : C,
+            id: c == null ? void 0 : c.id,
+            baseClassName: `${u}-label`,
+            children: t
           }
         ),
         /* @__PURE__ */ e(
-          F,
+          k,
           {
-            disable: n,
-            hasTransition: d,
-            isLargeVariation: _,
-            isCollapsed: u,
-            baseClassName: g,
-            children: i
+            disable: o,
+            hasTransition: i,
+            isLargeVariation: l,
+            isCollapsed: m,
+            baseClassName: u,
+            children: a
           }
         )
       ]
@@ -111,5 +103,5 @@ const B = ({
   );
 };
 export {
-  D as default
+  z as default
 };

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

@@ -15,7 +15,6 @@ export interface AccordionHeaderType {
     isCollapsed: boolean;
     setIsCollapsed: React.Dispatch<React.SetStateAction<boolean>>;
     isLargeVariation: boolean;
-    isLockedVariation?: boolean;
     /**
      * Unique id for icon component testing
      */

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.2",
+  "version": "1.38.4",
   "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
-};