@phillips/seldon 1.53.0 → 1.54.0

package/dist/node_modules/@artsy/fresnel/dist/Media.js

@@ -0,0 +1,167 @@
+import { __exports as j } from "../../../../_virtual/Media.js";
+import T from "react";
+import "./DynamicResponsive.js";
+import "./MediaQueries.js";
+import "./Utils.js";
+import { __exports as D } from "../../../../_virtual/DynamicResponsive.js";
+import { __exports as F } from "../../../../_virtual/MediaQueries.js";
+import { __exports as V } from "../../../../_virtual/Utils.js";
+Object.defineProperty(j, "__esModule", {
+  value: !0
+});
+j.createMedia = Z;
+var o = H(T), q = D, A = F, u = V;
+function H(e) {
+  return e && e.__esModule ? e : { default: e };
+}
+function U(e) {
+  return G(e) || $(e) || L(e) || z();
+}
+function z() {
+  throw new TypeError(`Invalid attempt to spread non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
+}
+function L(e, r) {
+  if (e) {
+    if (typeof e == "string") return g(e, r);
+    var t = Object.prototype.toString.call(e).slice(8, -1);
+    if (t === "Object" && e.constructor && (t = e.constructor.name), t === "Map" || t === "Set") return Array.from(e);
+    if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)) return g(e, r);
+  }
+}
+function $(e) {
+  if (typeof Symbol != "undefined" && e[Symbol.iterator] != null || e["@@iterator"] != null) return Array.from(e);
+}
+function G(e) {
+  if (Array.isArray(e)) return g(e);
+}
+function g(e, r) {
+  (r == null || r > e.length) && (r = e.length);
+  for (var t = 0, a = new Array(r); t < r; t++)
+    a[t] = e[t];
+  return a;
+}
+function J(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = arguments[r] != null ? Object(arguments[r]) : {}, a = Object.keys(t);
+    typeof Object.getOwnPropertySymbols == "function" && a.push.apply(a, Object.getOwnPropertySymbols(t).filter(function(n) {
+      return Object.getOwnPropertyDescriptor(t, n).enumerable;
+    })), a.forEach(function(n) {
+      K(e, n, t[n]);
+    });
+  }
+  return e;
+}
+function K(e, r, t) {
+  return r in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e;
+}
+function X(e, r) {
+  if (e == null) return {};
+  var t = Y(e, r), a, n;
+  if (Object.getOwnPropertySymbols) {
+    var s = Object.getOwnPropertySymbols(e);
+    for (n = 0; n < s.length; n++)
+      a = s[n], !(r.indexOf(a) >= 0) && Object.prototype.propertyIsEnumerable.call(e, a) && (t[a] = e[a]);
+  }
+  return t;
+}
+function Y(e, r) {
+  if (e == null) return {};
+  var t = {}, a = Object.keys(e), n, s;
+  for (s = 0; s < a.length; s++)
+    n = a[s], !(r.indexOf(n) >= 0) && (t[n] = e[n]);
+  return t;
+}
+function Z(e) {
+  var r = (0, u.castBreakpointsToIntegers)(e.breakpoints), t = new A.MediaQueries(r, e.interactions || {}), a = (0, q.createResponsiveComponents)(), n = o.default.createContext({});
+  n.displayName = "Media.Context";
+  var s = o.default.createContext({
+    hasParentMedia: !1,
+    breakpointProps: {}
+  });
+  n.displayName = "MediaParent.Context";
+  var k = (0, u.memoize)(function(v) {
+    return {
+      onlyMatch: v
+    };
+  }), E = function(i) {
+    var y = i.disableDynamicMediaQueries, d = i.onlyMatch, f = i.children;
+    if (y) {
+      var l = k(d);
+      return o.default.createElement(n.Provider, {
+        value: l
+      }, f);
+    } else
+      return o.default.createElement(a.Provider, {
+        mediaQueries: t.dynamicResponsiveMediaQueries,
+        initialMatchingMediaQueries: (0, u.intersection)(t.mediaQueryTypes, d)
+      }, o.default.createElement(a.Consumer, null, function(p) {
+        var m = Object.keys(p).filter(function(h) {
+          return p[h];
+        }), b = k((0, u.intersection)(m, d));
+        return o.default.createElement(n.Provider, {
+          value: b
+        }, f);
+      }));
+  }, S = function(i) {
+    ee(i), i.children;
+    var y = i.className, d = i.style, f = i.interaction, l = X(i, ["children", "className", "style", "interaction"]), p = o.default.useMemo(function() {
+      return (0, u.memoize)(function(P) {
+        return {
+          hasParentMedia: !0,
+          breakpointProps: P
+        };
+      });
+    }, []), m = o.default.useContext(s), b = p(l), h = o.default.useContext(n), C = h.onlyMatch, B = o.default.useId(), Q = typeof window != "undefined", R = (0, u.useIsFirstRender)(), c;
+    if (i.interaction)
+      c = (0, u.createClassName)("interaction", i.interaction);
+    else {
+      if (i.at) {
+        var _ = t.breakpoints.largestBreakpoint;
+        i.at === _ && console.warn("[@artsy/fresnel] `at` is being used with the largest breakpoint. Consider using `<Media greaterThanOrEqual=" + '"'.concat(_, '">` to account for future ') + "breakpoint definitions outside of this range.");
+      }
+      var x = (0, u.propKey)(l), I = l[x];
+      c = (0, u.createClassName)(x, I);
+    }
+    var N = !m.hasParentMedia || (0, u.intersection)(t.breakpoints.toVisibleAtBreakpointSet(m.breakpointProps), t.breakpoints.toVisibleAtBreakpointSet(l)).length > 0, M = N && (C === void 0 || t.shouldRenderMediaQuery(J({}, l, {
+      interaction: f
+    }), C)), O = " fresnel-".concat(B);
+    if (c += O, Q && R && !M) {
+      var W = document.getElementsByClassName(O);
+      Array.from(W).forEach(function(P) {
+        return P.innerHTML = "";
+      });
+    }
+    return o.default.createElement(s.Provider, {
+      value: b
+    }, function() {
+      return i.children instanceof Function ? i.children(c, M) : o.default.createElement("div", {
+        className: ["fresnel-container", c, y].filter(Boolean).join(" "),
+        style: d,
+        suppressHydrationWarning: !0
+      }, M ? i.children : null);
+    }());
+  };
+  return {
+    Media: S,
+    MediaContextProvider: E,
+    createMediaStyle: t.toStyle,
+    SortedBreakpoints: U(t.breakpoints.sortedBreakpoints),
+    findBreakpointAtWidth: t.breakpoints.findBreakpointAtWidth,
+    findBreakpointsForWidths: t.breakpoints.findBreakpointsForWidths,
+    valuesWithBreakpointProps: t.breakpoints.valuesWithBreakpointProps
+  };
+}
+var w = A.MediaQueries.validKeys();
+function ee(e) {
+  var r = Object.keys(e).filter(function(t) {
+    return w.includes(t);
+  });
+  if (r.length < 1)
+    throw new Error("1 of ".concat(w.join(", "), " is required."));
+  if (r.length > 1)
+    throw new Error("Only 1 of ".concat(r.join(", "), " is allowed at a time."));
+}
+export {
+  j as default
+};

package/dist/node_modules/@artsy/fresnel/dist/MediaQueries.js

@@ -0,0 +1,130 @@
+import { __exports as f } from "../../../../_virtual/MediaQueries.js";
+import "./Breakpoints.js";
+import "./Interactions.js";
+import "./Utils.js";
+import { __exports as d } from "../../../../_virtual/Breakpoints.js";
+import { __exports as _ } from "../../../../_virtual/Interactions.js";
+import { __exports as m } from "../../../../_virtual/Utils.js";
+Object.defineProperty(f, "__esModule", {
+  value: !0
+});
+f.MediaQueries = void 0;
+var l = d, c = _, h = m;
+function v(e) {
+  for (var t = 1; t < arguments.length; t++) {
+    var r = arguments[t] != null ? Object(arguments[t]) : {}, n = Object.keys(r);
+    typeof Object.getOwnPropertySymbols == "function" && n.push.apply(n, Object.getOwnPropertySymbols(r).filter(function(i) {
+      return Object.getOwnPropertyDescriptor(r, i).enumerable;
+    })), n.forEach(function(i) {
+      s(e, i, r[i]);
+    });
+  }
+  return e;
+}
+function g(e, t) {
+  if (e == null) return {};
+  var r = k(e, t), n, i;
+  if (Object.getOwnPropertySymbols) {
+    var a = Object.getOwnPropertySymbols(e);
+    for (i = 0; i < a.length; i++)
+      n = a[i], !(t.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(e, n) && (r[n] = e[n]);
+  }
+  return r;
+}
+function k(e, t) {
+  if (e == null) return {};
+  var r = {}, n = Object.keys(e), i, a;
+  for (a = 0; a < n.length; a++)
+    i = n[a], !(t.indexOf(i) >= 0) && (r[i] = e[i]);
+  return r;
+}
+function o(e) {
+  return S(e) || M(e) || j(e) || O();
+}
+function O() {
+  throw new TypeError(`Invalid attempt to spread non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
+}
+function j(e, t) {
+  if (e) {
+    if (typeof e == "string") return u(e, t);
+    var r = Object.prototype.toString.call(e).slice(8, -1);
+    if (r === "Object" && e.constructor && (r = e.constructor.name), r === "Map" || r === "Set") return Array.from(e);
+    if (r === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)) return u(e, t);
+  }
+}
+function M(e) {
+  if (typeof Symbol != "undefined" && e[Symbol.iterator] != null || e["@@iterator"] != null) return Array.from(e);
+}
+function S(e) {
+  if (Array.isArray(e)) return u(e);
+}
+function u(e, t) {
+  (t == null || t > e.length) && (t = e.length);
+  for (var r = 0, n = new Array(t); r < t; r++)
+    n[r] = e[r];
+  return n;
+}
+function w(e, t) {
+  if (!(e instanceof t))
+    throw new TypeError("Cannot call a class as a function");
+}
+function p(e, t) {
+  for (var r = 0; r < t.length; r++) {
+    var n = t[r];
+    n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), Object.defineProperty(e, n.key, n);
+  }
+}
+function y(e, t, r) {
+  return t && p(e.prototype, t), r && p(e, r), e;
+}
+function s(e, t, r) {
+  return t in e ? Object.defineProperty(e, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = r, e;
+}
+var Q = /* @__PURE__ */ function() {
+  y(e, null, [{
+    key: "validKeys",
+    value: function() {
+      return o(l.Breakpoints.validKeys()).concat(o(c.Interactions.validKeys()));
+    }
+  }]);
+  function e(t, r) {
+    var n = this;
+    w(this, e), s(this, "_breakpoints", void 0), s(this, "_interactions", void 0), s(this, "toStyle", function(i) {
+      return [
+        // Don’t add any size to the layout
+        ".fresnel-container{margin:0;padding:0;}"
+      ].concat(o(n._breakpoints.toRuleSets(i)), o(n._interactions.toRuleSets())).join(`
+`);
+    }), this._breakpoints = new l.Breakpoints(t), this._interactions = new c.Interactions(r || {});
+  }
+  return y(e, [{
+    key: "shouldRenderMediaQuery",
+    value: function(r, n) {
+      var i = r.interaction, a = g(r, ["interaction"]);
+      if (i)
+        return this._interactions.shouldRenderMediaQuery(i, n);
+      var b = (0, h.intersection)(n, this._breakpoints.sortedBreakpoints);
+      return this._breakpoints.shouldRenderMediaQuery(a, b);
+    }
+  }, {
+    key: "breakpoints",
+    get: function() {
+      return this._breakpoints;
+    }
+  }, {
+    key: "mediaQueryTypes",
+    get: function() {
+      return o(this._breakpoints.sortedBreakpoints).concat(o(this._interactions.interactions));
+    }
+  }, {
+    key: "dynamicResponsiveMediaQueries",
+    get: function() {
+      return v({}, this._breakpoints.dynamicResponsiveMediaQueries, this._interactions.dynamicResponsiveMediaQueries);
+    }
+  }]), e;
+}();
+f.MediaQueries = Q;
+export {
+  f as default
+};

package/dist/node_modules/@artsy/fresnel/dist/Utils.js

@@ -0,0 +1,94 @@
+import { __exports as a } from "../../../../_virtual/Utils.js";
+import s from "react";
+Object.defineProperty(a, "__esModule", {
+  value: !0
+});
+a.propKey = g;
+a.intersection = v;
+a.createRuleSet = O;
+a.createClassName = A;
+a.castBreakpointsToIntegers = h;
+a.memoize = S;
+a.useIsFirstRender = j;
+var l = s;
+function m(r) {
+  for (var e = 1; e < arguments.length; e++) {
+    var t = arguments[e] != null ? Object(arguments[e]) : {}, n = Object.keys(t);
+    typeof Object.getOwnPropertySymbols == "function" && n.push.apply(n, Object.getOwnPropertySymbols(t).filter(function(u) {
+      return Object.getOwnPropertyDescriptor(t, u).enumerable;
+    })), n.forEach(function(u) {
+      f(r, u, t[u]);
+    });
+  }
+  return r;
+}
+function f(r, e, t) {
+  return e in r ? Object.defineProperty(r, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : r[e] = t, r;
+}
+function o(r) {
+  return b(r) || d(r) || y(r) || p();
+}
+function p() {
+  throw new TypeError(`Invalid attempt to spread non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
+}
+function y(r, e) {
+  if (r) {
+    if (typeof r == "string") return c(r, e);
+    var t = Object.prototype.toString.call(r).slice(8, -1);
+    if (t === "Object" && r.constructor && (t = r.constructor.name), t === "Map" || t === "Set") return Array.from(r);
+    if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)) return c(r, e);
+  }
+}
+function d(r) {
+  if (typeof Symbol != "undefined" && r[Symbol.iterator] != null || r["@@iterator"] != null) return Array.from(r);
+}
+function b(r) {
+  if (Array.isArray(r)) return c(r);
+}
+function c(r, e) {
+  (e == null || e > r.length) && (e = r.length);
+  for (var t = 0, n = new Array(e); t < e; t++)
+    n[t] = r[t];
+  return n;
+}
+function g(r) {
+  return Object.keys(r)[0];
+}
+function v(r, e) {
+  return e ? r.filter(function(t) {
+    return e.indexOf(t) >= 0;
+  }) : o(r);
+}
+function O(r, e) {
+  return "@media ".concat(e, "{.").concat(r, "{display:none!important;}}");
+}
+function A() {
+  for (var r = arguments.length, e = new Array(r), t = 0; t < r; t++)
+    e[t] = arguments[t];
+  return ["fresnel"].concat(o(e.reduce(function(n, u) {
+    return Array.isArray(u) ? o(n).concat(o(u)) : o(n).concat([u]);
+  }, []))).join("-");
+}
+function h(r) {
+  var e = Object.keys(r);
+  return e.reduce(function(t, n, u) {
+    return m({}, t, f({}, e[u], Math.round(Number(r[n]))));
+  }, {});
+}
+function S(r) {
+  var e = {};
+  return function() {
+    for (var t = arguments.length, n = new Array(t), u = 0; u < t; u++)
+      n[u] = arguments[u];
+    var i = JSON.stringify(n);
+    return e[i] || (e[i] = r.apply(void 0, n)), e[i];
+  };
+}
+function j() {
+  var r = (0, l.useRef)(!0);
+  return r.current ? (r.current = !1, !0) : !1;
+}
+export {
+  a as default
+};

package/dist/node_modules/@artsy/fresnel/dist/index.js

@@ -0,0 +1,21 @@
+import { __exports as o } from "../../../../_virtual/index2.js";
+import "./Media.js";
+import "./Breakpoints.js";
+import { __exports as a } from "../../../../_virtual/Media.js";
+import { __exports as n } from "../../../../_virtual/Breakpoints.js";
+(function(e) {
+  Object.defineProperty(e, "__esModule", {
+    value: !0
+  }), Object.defineProperty(e, "createMedia", {
+    enumerable: !0,
+    get: function() {
+      return r.createMedia;
+    }
+  }), Object.defineProperty(e, "BreakpointKey", {
+    enumerable: !0,
+    get: function() {
+      return t.BreakpointConstraint;
+    }
+  });
+  var r = a, t = n;
+})(o);

package/dist/node_modules/exenv/index.js

@@ -1,4 +1,4 @@
-import { __module as t } from "../../_virtual/index4.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/index.js

@@ -1,5 +1,5 @@
 import { getDefaultExportFromCjs as e } from "../../_virtual/_commonjsHelpers.js";
-import { __module as r } from "../../_virtual/index3.js";
+import { __module as r } from "../../_virtual/index4.js";
 import { __require as o } from "./node_modules/react-is/index.js";
 import { __require as p } from "./factoryWithTypeCheckers.js";
 import { __require as t } from "./factoryWithThrowingShims.js";

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/node_modules/react-modal/lib/index.js

@@ -1,5 +1,5 @@
 import { getDefaultExportFromCjs as d } from "../../../_virtual/_commonjsHelpers.js";
-import { __module as r } from "../../../_virtual/index2.js";
+import { __module as r } from "../../../_virtual/index3.js";
 import "./components/Modal.js";
 import { __exports as f } from "../../../_virtual/Modal.js";
 (function(o, t) {

package/dist/providers/SeldonProvider.d.ts

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from 'react';
+/**
+ * The SeldonProvider currently provides the ability for our components to render differently based on different media queries, but in the future it may provide other kinds of context data like common internationalization (i18n) data.
+ *
+ * It is recommended to wrap this provider once around your entire application to ensure that all Seldon components can access the same context.
+ */
+export declare const SeldonProvider: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

package/dist/providers/SeldonProvider.js

@@ -0,0 +1,9 @@
+import { jsxs as r, jsx as o } from "react/jsx-runtime";
+import { SSRMediaQuery as i, ssrMediaQueryStyle as d } from "./utils.js";
+const l = ({ children: e }) => /* @__PURE__ */ r(i.MediaContextProvider, { children: [
+  /* @__PURE__ */ o("style", { children: d }),
+  e
+] });
+export {
+  l as SeldonProvider
+};

package/dist/providers/utils.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Used to hide or show components based on the current breakpoint in a SSR friendly way
+ */
+export declare const SSRMediaQuery: import("@artsy/fresnel/dist/Media").CreateMediaResults<"xsm" | "sm" | "md" | "lg" | "xl", never>;
+export declare const ssrMediaQueryStyle: string;

package/dist/providers/utils.js

@@ -0,0 +1,8 @@
+import "../node_modules/@artsy/fresnel/dist/index.js";
+import { BREAKPOINTS as e } from "../utils/constants.js";
+import { __exports as r } from "../_virtual/index2.js";
+const t = r.createMedia({ breakpoints: e }), s = t.createMediaStyle();
+export {
+  t as SSRMediaQuery,
+  s as ssrMediaQueryStyle
+};

package/dist/scss/_vars.scss

@@ -100,7 +100,7 @@ $text-tokens: $button, $link, $email, $label, $badge, $blockquote, $heading1, $h
   $snwHeaderLink;
 
 ////////////////////////
-/// Breakpoint TOKENS to be used for min-width comparisons
+/// Breakpoint TOKENS to be used for min-width comparisons, make sure they match BREAKPOINTS in constants.ts
 ///////////////////////
 $breakpoint-sm: 361px;
 $breakpoint-md: 961px;

package/dist/scss/components/Header/_header.scss

@@ -73,6 +73,7 @@
 
   &__logo {
     align-self: center;
+    padding-top: 6px; // small adjustment to center the logo
 
     svg {
       height: 24px;
@@ -80,6 +81,8 @@
     }
 
     @include isHeaderDesktop {
+      padding-top: 0;
+
       svg {
         height: 28px;
         width: 100%;
@@ -93,11 +96,6 @@
     justify-content: space-between;
     padding: $padding-sm $spacing-md;
     width: 100%;
-
-    /** There are actually two language selectors in the DOM, show this one in desktop */
-    .#{$px}-language-selector {
-      display: none;
-    }
   }
 
   &__nav {
@@ -127,10 +125,6 @@
       position: relative;
       top: 0;
       width: 100%;
-
-      div.#{$px}-language-selector {
-        display: none; // hide this one on mobile
-      }
     }
 
     .#{$px}-nav__item {

package/dist/scss/components/LanguageSelector/_languageSelector.scss

@@ -13,35 +13,18 @@
     pointer-events: none;
   }
 
-  @include isHeaderDesktop {
-    &.#{$px}-accordion {
-      display: none;
-    }
-  }
-
   &.#{$px}-dropdown {
-    display: none;
-    padding: $padding-lg 0 $padding-xxl;
+    display: flex;
+    padding: 0;
 
     button {
       border: none;
       box-shadow: unset;
-      justify-content: space-between;
+      justify-content: center;
       outline: none;
-      padding: 0.5rem 0.65rem;
-      text-transform: unset;
-      width: 100%;
-    }
-
-    @include isHeaderDesktop {
-      display: flex;
       padding: 0;
-
-      button {
-        justify-content: center;
-        padding: 0;
-        width: fit-content;
-      }
+      text-transform: unset;
+      width: fit-content;
     }
   }
 }

package/dist/scss/components/UserManagement/_userManagement.scss

@@ -6,8 +6,9 @@
   display: flex;
   gap: 0 $spacing-xsm;
   justify-content: flex-end;
-  min-height: 42px; // stop bounce after the user is logged in
+  min-height: 49px; // stop bounce after the user is logged in
   min-width: 92px; // needed to handle the loading states and language swapping
+  padding-top: $padding-xsm;
 
   @include media($size-xl) {
     min-width: 104px; // stop bounce after the user is logged in
@@ -26,6 +27,9 @@
     cursor: pointer;
     display: flex;
     gap: 0 $spacing-xsm;
+    justify-content: center;
+    min-width: 44px;
+    padding: 0;
     padding-bottom: $padding-xsm;
 
     &:hover {
@@ -37,13 +41,14 @@
 
       @include isHeaderMobile {
         display: none;
+        min-height: 2rem;
       }
     }
   }
 
   &__account-icon {
-    height: 1.5rem;
-    width: 1.5rem;
+    height: 2rem;
+    width: 2rem;
 
     a {
       align-items: center;
@@ -53,7 +58,7 @@
       width: $mobile-minimum-clickable-area;
     }
 
-    @mixin isHeaderDesktop {
+    @include isHeaderDesktop {
       height: 1.5rem;
       width: 1.5rem;
     }

package/dist/utils/constants.d.ts

@@ -0,0 +1,8 @@
+export declare const INCREASED_TEST_TIMEOUT: number;
+export declare const BREAKPOINTS: {
+    xsm: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+};

package/dist/utils/constants.js

@@ -0,0 +1,10 @@
+const m = {
+  xsm: 0,
+  sm: 361,
+  md: 961,
+  lg: 1401,
+  xl: 1801
+};
+export {
+  m as BREAKPOINTS
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phillips/seldon",
-  "version": "1.53.0",
+  "version": "1.54.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/PhillipsAuctionHouse/seldon"
@@ -40,6 +40,7 @@
     "prepare": "husky install"
   },
   "dependencies": {
+    "@artsy/fresnel": "^7.1.4",
     "@radix-ui/react-accordion": "^1.2.0",
     "@radix-ui/react-collapsible": "^1.1.0",
     "@radix-ui/react-dialog": "^1.1.1",