@phillips/seldon 1.31.2 → 1.33.0

package/dist/node_modules/react-style-singleton/dist/es2015/singleton.js

@@ -0,0 +1,30 @@
+import { getNonce as o } from "../../../get-nonce/dist/es2015/index.js";
+function r() {
+  if (!document)
+    return null;
+  var t = document.createElement("style");
+  t.type = "text/css";
+  var e = o();
+  return e && t.setAttribute("nonce", e), t;
+}
+function l(t, e) {
+  t.styleSheet ? t.styleSheet.cssText = e : t.appendChild(document.createTextNode(e));
+}
+function a(t) {
+  var e = document.head || document.getElementsByTagName("head")[0];
+  e.appendChild(t);
+}
+var c = function() {
+  var t = 0, e = null;
+  return {
+    add: function(n) {
+      t == 0 && (e = r()) && (l(e, n), a(e)), t++;
+    },
+    remove: function() {
+      t--, !t && e && (e.parentNode && e.parentNode.removeChild(e), e = null);
+    }
+  };
+};
+export {
+  c as stylesheetSingleton
+};

package/dist/node_modules/use-callback-ref/dist/es2015/assignRef.js

@@ -0,0 +1,6 @@
+function i(n, t) {
+  return typeof n == "function" ? n(t) : n && (n.current = t), n;
+}
+export {
+  i as assignRef
+};

package/dist/node_modules/use-callback-ref/dist/es2015/useMergeRef.js

@@ -0,0 +1,26 @@
+import * as f from "react";
+import { assignRef as o } from "./assignRef.js";
+import { useCallbackRef as l } from "./useRef.js";
+var s = typeof window != "undefined" ? f.useLayoutEffect : f.useEffect, c = /* @__PURE__ */ new WeakMap();
+function v(e, m) {
+  var t = l(null, function(n) {
+    return e.forEach(function(u) {
+      return o(u, n);
+    });
+  });
+  return s(function() {
+    var n = c.get(t);
+    if (n) {
+      var u = new Set(n), r = new Set(e), i = t.current;
+      u.forEach(function(a) {
+        r.has(a) || o(a, null);
+      }), r.forEach(function(a) {
+        u.has(a) || o(a, i);
+      });
+    }
+    c.set(t, e);
+  }, [e]), t;
+}
+export {
+  v as useMergeRefs
+};

package/dist/node_modules/use-callback-ref/dist/es2015/useRef.js

@@ -0,0 +1,25 @@
+import { useState as u } from "react";
+function n(c, r) {
+  var e = u(function() {
+    return {
+      // value
+      value: c,
+      // last callback
+      callback: r,
+      // "memoized" public interface
+      facade: {
+        get current() {
+          return e.value;
+        },
+        set current(a) {
+          var t = e.value;
+          t !== a && (e.value = a, e.callback(a, t));
+        }
+      }
+    };
+  })[0];
+  return e.callback = r, e.facade;
+}
+export {
+  n as useCallbackRef
+};

package/dist/node_modules/use-sidecar/dist/es2015/exports.js

@@ -0,0 +1,18 @@
+import { __rest as o, __assign as d } from "../../node_modules/tslib/tslib.es6.js";
+import * as n from "react";
+var i = function(r) {
+  var e = r.sideCar, a = o(r, ["sideCar"]);
+  if (!e)
+    throw new Error("Sidecar: please provide `sideCar` property to import the right car");
+  var t = e.read();
+  if (!t)
+    throw new Error("Sidecar medium not found");
+  return n.createElement(t, d({}, a));
+};
+i.isSideCarExport = !0;
+function p(r, e) {
+  return r.useMedium(e), i;
+}
+export {
+  p as exportSidecar
+};

package/dist/node_modules/use-sidecar/dist/es2015/medium.js

@@ -0,0 +1,67 @@
+import { __assign as d } from "../../node_modules/tslib/tslib.es6.js";
+function l(r) {
+  return r;
+}
+function h(r, t) {
+  t === void 0 && (t = l);
+  var e = [], o = !1, c = {
+    read: function() {
+      if (o)
+        throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");
+      return e.length ? e[e.length - 1] : r;
+    },
+    useMedium: function(u) {
+      var n = t(u, o);
+      return e.push(n), function() {
+        e = e.filter(function(i) {
+          return i !== n;
+        });
+      };
+    },
+    assignSyncMedium: function(u) {
+      for (o = !0; e.length; ) {
+        var n = e;
+        e = [], n.forEach(u);
+      }
+      e = {
+        push: function(i) {
+          return u(i);
+        },
+        filter: function() {
+          return e;
+        }
+      };
+    },
+    assignMedium: function(u) {
+      o = !0;
+      var n = [];
+      if (e.length) {
+        var i = e;
+        e = [], i.forEach(u), n = e;
+      }
+      var s = function() {
+        var f = n;
+        n = [], f.forEach(u);
+      }, a = function() {
+        return Promise.resolve().then(s);
+      };
+      a(), e = {
+        push: function(f) {
+          n.push(f), a();
+        },
+        filter: function(f) {
+          return n = n.filter(f), e;
+        }
+      };
+    }
+  };
+  return c;
+}
+function v(r) {
+  r === void 0 && (r = {});
+  var t = h(null);
+  return t.options = d({ async: !0, ssr: !1 }, r), t;
+}
+export {
+  v as createSidecarMedium
+};

package/dist/node_modules/use-sidecar/node_modules/tslib/tslib.es6.js

@@ -0,0 +1,21 @@
+var p = function() {
+  return p = Object.assign || function(o) {
+    for (var t, r = 1, n = arguments.length; r < n; r++) {
+      t = arguments[r];
+      for (var a in t) Object.prototype.hasOwnProperty.call(t, a) && (o[a] = t[a]);
+    }
+    return o;
+  }, p.apply(this, arguments);
+};
+function u(e, o) {
+  var t = {};
+  for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && o.indexOf(r) < 0 && (t[r] = e[r]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var n = 0, r = Object.getOwnPropertySymbols(e); n < r.length; n++)
+      o.indexOf(r[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, r[n]) && (t[r[n]] = e[r[n]]);
+  return t;
+}
+export {
+  p as __assign,
+  u as __rest
+};

package/dist/scss/_vars.scss

@@ -42,6 +42,7 @@ $clock-widget-red: $widget-red;
 $articker-red: #fc1e2b;
 $articker-orange: #ff8201;
 $articker-red-orange-gradient: linear-gradient(90deg, #fc1e2b, #ff8201);
+$overlay-black: rgba(0, 0, 0, 80%);
 
 // Legacy mapping
 $pure-white: $white;
@@ -242,3 +243,4 @@ $size-sm: 'sm';
 $size-md: 'md';
 $size-lg: 'lg';
 $size-xl: 'xl';
+$default-transition: 150ms cubic-bezier(0.16, 1, 0.3, 1);

package/dist/scss/components/Accordion/_accordion.scss

@@ -0,0 +1,104 @@
+@import '../../_vars';
+
+.#{$px}-accordion {
+  border-bottom: 1px solid $keyline-gray;
+  border-top: 1px solid $keyline-gray;
+  margin-bottom: 10px;
+  width: 100%;
+}
+
+.#{$px}-accordion-item {
+  padding: $spacing-sm;
+
+  &__border-bottom {
+    border-bottom: 1px solid $keyline-gray;
+  }
+
+  &--expanded {
+    display: block;
+    font-weight: 400;
+    height: auto;
+    margin: 10px 0;
+  }
+
+  &__content--lg {
+    @include text($body2);
+
+    margin: 1.25rem 0;
+  }
+
+  &--transition {
+    overflow: hidden;
+  }
+
+  &--transition[data-state='open'] {
+    animation: slide-down 250ms ease-out;
+  }
+
+  &--transition[data-state='closed'] {
+    animation: slide-up 250ms end;
+  }
+
+  @keyframes slide-down {
+    from {
+      height: 0;
+    }
+
+    to {
+      height: var(--radix-accordion-content-height);
+    }
+  }
+
+  @keyframes slide-up {
+    from {
+      height: var(--radix-accordion-content-height);
+      opacity: 1;
+    }
+
+    to {
+      height: 0;
+      opacity: 0;
+    }
+  }
+}
+
+.#{$px}-accordion-item-label {
+  display: flex;
+  flex-direction: row;
+  opacity: 0.75;
+
+  &--hoverable {
+    cursor: pointer;
+
+    &:hover {
+      opacity: 1;
+    }
+  }
+
+  &__text {
+    flex: auto;
+
+    @include text($body1);
+    @include DistinctDisplay;
+  }
+
+  &__text--lg {
+    @include text($heading3);
+  }
+
+  &__icon {
+    flex: initial;
+    height: 1.5rem;
+    width: 1.5rem;
+  }
+
+  &__icon--lg {
+    height: 2rem;
+    width: 2rem;
+  }
+
+  &--blue-fill {
+    filter: brightness(0) saturate(100%) invert(51%) sepia(72%) saturate(1698%) hue-rotate(191deg) brightness(95%)
+      contrast(86%);
+  }
+}

package/dist/scss/components/Drawer/_drawer.scss

@@ -0,0 +1,66 @@
+@import '../../_vars';
+
+.#{$px}-drawer {
+  align-items: center;
+  animation: content-show $default-transition;
+  background-color: $white;
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  max-width: 600px;
+  padding: $padding-md;
+  position: fixed;
+  right: 0;
+  top: 0;
+  width: 100%;
+  z-index: 10;
+
+  &:focus {
+    outline: none;
+  }
+
+  @media (max-width: $breakpoint-sm) {
+    max-width: 100%;
+  }
+
+  &__overlay {
+    animation: overlay-show $default-transition;
+    background-color: $overlay-black;
+    inset: 0;
+    position: fixed;
+    z-index: 10;
+  }
+
+  &__close {
+    align-items: center;
+    border-radius: 100%;
+    color: $pure-black;
+    display: inline-flex;
+    justify-content: center;
+    position: absolute;
+    right: 10px;
+    top: 10px;
+  }
+
+  @keyframes overlay-show {
+    from {
+      opacity: 0;
+    }
+
+    to {
+      opacity: 1;
+    }
+  }
+
+  @keyframes content-show {
+    from {
+      opacity: 0;
+      transform: translateX(12rem);
+    }
+
+    to {
+      opacity: 1;
+      transform: translateX(0);
+    }
+  }
+}

package/dist/scss/components/Subscribe/_subscribe.scss

@@ -5,6 +5,7 @@
 
 .#{$px}-subscribe {
   max-width: 30rem;
+  width: 100%;
 
   &__title {
     @include text($heading3);

package/dist/scss/styles.scss

@@ -36,4 +36,6 @@
 @import 'components/LinkList/linkList';
 @import 'components/Text/text';
 @import 'components/Modal/modal';
+@import 'components/Accordion/accordion';
 @import 'components/Breadcrumb/breadcrumb';
+@import 'components/Drawer/drawer';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phillips/seldon",
-  "version": "1.31.2",
+  "version": "1.33.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/PhillipsAuctionHouse/seldon"
@@ -39,6 +39,8 @@
     "prepare": "husky install"
   },
   "dependencies": {
+    "@radix-ui/react-accordion": "^1.2.0",
+    "@radix-ui/react-dialog": "^1.1.1",
     "change-case": "^5.4.4",
     "classnames": "^2.5.1",
     "flatpickr": "^4.6.13",
@@ -76,10 +78,10 @@
     "eslint": "^8.57.0",
     "eslint-plugin-react": "^7.34.3",
     "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-react-refresh": "^0.4.8",
+    "eslint-plugin-react-refresh": "^0.4.9",
     "eslint-plugin-storybook": "^0.8.0",
-    "husky": "^9.1.2",
-    "prettier": "3.3.2",
+    "husky": "^9.1.4",
+    "prettier": "3.3.3",
     "react": "^18.3.1",
     "react-docgen-typescript": "^2.2.2",
     "react-dom": "^18.2.0",
@@ -89,14 +91,14 @@
     "sass": "^1.77.8",
     "semantic-release": "^23.1.1",
     "storybook": "^8.1.4",
-    "stylelint": "^16.6.1",
+    "stylelint": "^16.8.1",
     "stylelint-config-standard": "^36.0.1",
     "stylelint-config-standard-scss": "^13.1.0",
     "stylelint-order": "^6.0.4",
     "stylelint-scss": "^6.4.1",
     "ts-node": "^10.9.2",
     "typescript": "^5.5.4",
-    "vite": "^5.3.3",
+    "vite": "^5.3.5",
     "vite-plugin-dts": "^2.3.0",
     "vite-plugin-svgr": "^4.2.0",
     "vite-tsconfig-paths": "^4.3.2",