@phillips/seldon 1.43.0 → 1.44.0

package/dist/node_modules/@radix-ui/react-use-previous/dist/index.js

@@ -0,0 +1,8 @@
+import * as u from "react";
+function t(r) {
+  const e = u.useRef({ value: r, previous: r });
+  return u.useMemo(() => (e.current.value !== r && (e.current.previous = e.current.value, e.current.value = r), e.current.previous), [r]);
+}
+export {
+  t as usePrevious
+};

package/dist/node_modules/@radix-ui/react-use-size/dist/index.js

@@ -0,0 +1,27 @@
+import * as h from "react";
+import { useLayoutEffect as z } from "../../react-use-layout-effect/dist/index.js";
+function c(r) {
+  const [d, e] = h.useState(void 0);
+  return z(() => {
+    if (r) {
+      e({ width: r.offsetWidth, height: r.offsetHeight });
+      const f = new ResizeObserver((i) => {
+        if (!Array.isArray(i) || !i.length)
+          return;
+        const b = i[0];
+        let o, t;
+        if ("borderBoxSize" in b) {
+          const s = b.borderBoxSize, u = Array.isArray(s) ? s[0] : s;
+          o = u.inlineSize, t = u.blockSize;
+        } else
+          o = r.offsetWidth, t = r.offsetHeight;
+        e({ width: o, height: t });
+      });
+      return f.observe(r, { box: "border-box" }), () => f.unobserve(r);
+    } else
+      e(void 0);
+  }, [r]), d;
+}
+export {
+  c as useSize
+};

package/dist/node_modules/@radix-ui/react-visually-hidden/dist/index.js

@@ -0,0 +1,30 @@
+import * as e from "react";
+import { Primitive as a } from "../../react-primitive/dist/index.js";
+import { jsx as o } from "react/jsx-runtime";
+var t = "VisuallyHidden", d = e.forwardRef(
+  (r, i) => /* @__PURE__ */ o(
+    a.span,
+    {
+      ...r,
+      ref: i,
+      style: {
+        // See: https://github.com/twbs/bootstrap/blob/master/scss/mixins/_screen-reader.scss
+        position: "absolute",
+        border: 0,
+        width: 1,
+        height: 1,
+        padding: 0,
+        margin: -1,
+        overflow: "hidden",
+        clip: "rect(0, 0, 0, 0)",
+        whiteSpace: "nowrap",
+        wordWrap: "normal",
+        ...r.style
+      }
+    }
+  )
+);
+d.displayName = t;
+export {
+  d as VisuallyHidden
+};

package/dist/scss/componentStyles.scss

@@ -36,4 +36,5 @@
 @use 'components/Breadcrumb/breadcrumb';
 @use 'components/Drawer/drawer';
 @use 'components/HTMLParser/htmlParser';
+@use 'components/Dropdown/dropdown';
 @use 'components/Video/video';

package/dist/scss/components/Dropdown/_dropdown.scss

@@ -0,0 +1,86 @@
+@use '../../allPartials' as *;
+
+.#{$px}-dropdown {
+  @include text($body3);
+
+  &__trigger {
+    align-items: center;
+    background-color: $white;
+    border: none;
+    display: inline-flex;
+    gap: 10px;
+    justify-content: center;
+    padding: $spacing-xsm;
+
+    svg {
+      height: 16px;
+      width: 16px;
+    }
+
+    &-icon-expanded {
+      transform: rotateX(180deg);
+    }
+
+    &:hover {
+      cursor: pointer;
+    }
+
+    &:focus {
+      box-shadow: 0 0 0 1px $light-gray;
+    }
+  }
+
+  &__content {
+    background-color: $white;
+    border: 1px solid $light-gray;
+
+    // following will add additional arrows if list is near edge of viewport
+    max-height: var(--radix-select-content-available-height);
+    overflow: hidden;
+  }
+
+  &__scroll-button,
+  &__scroll-button__up {
+    align-items: center;
+    cursor: default;
+    display: flex;
+    justify-content: center;
+
+    svg {
+      height: 16px;
+      width: 16px;
+    }
+  }
+
+  &__scroll-button__up {
+    transform: rotateX(180deg);
+  }
+
+  &__viewport {
+    display: flex;
+    flex-direction: column;
+    gap: $spacing-xsm;
+    padding: $spacing-sm 0;
+  }
+
+  &__item {
+    @include text($body3);
+
+    align-items: center;
+    display: flex;
+    padding: 0 $padding-sm;
+    position: relative;
+    user-select: none;
+
+    &[data-disabled] {
+      color: $medium-gray;
+      pointer-events: none;
+    }
+
+    &[data-highlighted] {
+      background-color: $light-gray;
+      cursor: pointer;
+      outline: none;
+    }
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phillips/seldon",
-  "version": "1.43.0",
+  "version": "1.44.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/PhillipsAuctionHouse/seldon"
@@ -42,6 +42,7 @@
   "dependencies": {
     "@radix-ui/react-accordion": "^1.2.0",
     "@radix-ui/react-dialog": "^1.1.1",
+    "@radix-ui/react-select": "^2.1.1",
     "@types/dompurify": "^3.0.5",
     "change-case": "^5.4.4",
     "classnames": "^2.5.1",