@phillips/seldon 1.264.0 → 1.265.1

package/dist/components/ExitGateCard/ExitGateCard.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),N=require("../../_virtual/index.cjs"),h=require("react"),p=require("../../utils/index.cjs"),$=require("../Button/Button.cjs"),g=require("../Button/types.cjs");require("../Link/types.cjs");const v=require("../Link/Link.cjs"),b=require("../SeldonImage/SeldonImage.cjs"),d=require("../Text/types.cjs"),a=require("../Text/Text.cjs"),m=h.forwardRef(({className:x,imageSrc:s,label:n,header:r,description:l,linkLabel:i,linkHref:c,linkElement:u=v.default,variant:_=g.ButtonVariants.secondary,altText:f="Exit Gate Card Image",...o},j)=>{const{className:t,...q}=p.getCommonProps(o,"ExitGateCard");return e.jsxs("article",{...q,className:N.default(t,x),...o,ref:j,children:[s?e.jsx(b.default,{objectFit:"cover",aspectRatio:"16/9",src:s,alt:f,className:`${t}__desktop_image`}):null,e.jsxs("div",{className:`${t}__content`,children:[n?e.jsx(a.default,{variant:d.TextVariants.labelMedium,element:"span",className:`${t}__content-label`,children:n}):null,r?e.jsx(a.default,{variant:d.TextVariants.headingLarge,element:"span",className:`${t}__content-title`,children:r}):null,l?e.jsx(a.default,{element:"span",className:`${t}__content-description`,children:l}):null,(i||u)&&c?e.jsx(u,{href:c,children:e.jsx($.default,{variant:_,tabIndex:-1,className:`${t}__content-link`,children:i})}):null]})]})});m.displayName="ExitGateCard";exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),$=require("../../_virtual/index.cjs"),v=require("react"),y=require("../../utils/index.cjs"),b=require("../Button/Button.cjs"),C=require("../Button/types.cjs");require("../Link/types.cjs");const E=require("../Link/Link.cjs"),G=require("../SeldonImage/SeldonImage.cjs"),d=require("../Text/types.cjs"),a=require("../Text/Text.cjs"),m=v.forwardRef(({className:x,imageSrc:s,label:n,header:r,description:l,linkLabel:i,linkHref:c,linkElement:o=E.default,variant:_=C.ButtonVariants.secondary,altText:f="Exit Gate Card Image",imageSrcSet:j,imageSizes:q,imageLoading:N,imageFetchPriority:h,...u},g)=>{const{className:t,...p}=y.getCommonProps(u,"ExitGateCard");return e.jsxs("article",{...p,className:$.default(t,x),...u,ref:g,children:[s?e.jsx(G.default,{objectFit:"cover",aspectRatio:"16/9",src:s,alt:f,srcSet:j,sizes:q,loading:N,fetchPriority:h,className:`${t}__desktop_image`}):null,e.jsxs("div",{className:`${t}__content`,children:[n?e.jsx(a.default,{variant:d.TextVariants.labelMedium,element:"span",className:`${t}__content-label`,children:n}):null,r?e.jsx(a.default,{variant:d.TextVariants.headingLarge,element:"span",className:`${t}__content-title`,children:r}):null,l?e.jsx(a.default,{element:"span",className:`${t}__content-description`,children:l}):null,(i||o)&&c?e.jsx(o,{href:c,children:e.jsx(b.default,{variant:_,tabIndex:-1,className:`${t}__content-link`,children:i})}):null]})]})});m.displayName="ExitGateCard";exports.default=m;

package/dist/components/ExitGateCard/ExitGateCard.d.ts

@@ -5,6 +5,11 @@ export interface ExitGateCardProps extends ComponentProps<'div'> {
      * Image src to display at the right side of the article.
      */
     imageSrc?: string;
+    /** Responsive image attributes forwarded to `SeldonImage` (`srcSet`, `sizes`, `loading`, `fetchPriority`). */
+    imageSrcSet?: string;
+    imageSizes?: string;
+    imageLoading?: ComponentProps<'img'>['loading'];
+    imageFetchPriority?: ComponentProps<'img'>['fetchPriority'];
     /**
      * Top label for the article.
      */

package/dist/components/ExitGateCard/ExitGateCard.js

@@ -1,50 +1,58 @@
 import { jsxs as d, jsx as e } from "react/jsx-runtime";
-import h from "../../_virtual/index.js";
-import { forwardRef as $ } from "react";
-import { getCommonProps as g } from "../../utils/index.js";
-import C from "../Button/Button.js";
-import { ButtonVariants as E } from "../Button/types.js";
+import E from "../../_virtual/index.js";
+import { forwardRef as v } from "react";
+import { getCommonProps as G } from "../../utils/index.js";
+import b from "../Button/Button.js";
+import { ButtonVariants as j } from "../Button/types.js";
 import "../Link/types.js";
-import v from "../Link/Link.js";
-import G from "../SeldonImage/SeldonImage.js";
+import y from "../Link/Link.js";
+import I from "../SeldonImage/SeldonImage.js";
 import { TextVariants as p } from "../Text/types.js";
 import a from "../Text/Text.js";
-const b = $(
+const P = v(
   ({
     className: f,
     imageSrc: r,
     label: n,
-    header: m,
-    description: o,
+    header: o,
+    description: m,
     linkLabel: s,
-    linkHref: l,
-    linkElement: i = v,
-    variant: _ = E.secondary,
+    linkHref: i,
+    linkElement: l = y,
+    variant: _ = j.secondary,
     altText: u = "Exit Gate Card Image",
+    imageSrcSet: x,
+    imageSizes: N,
+    imageLoading: h,
+    imageFetchPriority: g,
     ...c
-  }, x) => {
-    const { className: t, ...N } = g(c, "ExitGateCard");
-    return /* @__PURE__ */ d("article", { ...N, className: h(t, f), ...c, ref: x, children: [
+  }, $) => {
+    const { className: t, ...C } = G(c, "ExitGateCard");
+    return /* @__PURE__ */ d("article", { ...C, className: E(t, f), ...c, ref: $, children: [
       r ? /* @__PURE__ */ e(
-        G,
+        I,
         {
           objectFit: "cover",
           aspectRatio: "16/9",
           src: r,
           alt: u,
+          srcSet: x,
+          sizes: N,
+          loading: h,
+          fetchPriority: g,
           className: `${t}__desktop_image`
         }
       ) : null,
       /* @__PURE__ */ d("div", { className: `${t}__content`, children: [
         n ? /* @__PURE__ */ e(a, { variant: p.labelMedium, element: "span", className: `${t}__content-label`, children: n }) : null,
-        m ? /* @__PURE__ */ e(a, { variant: p.headingLarge, element: "span", className: `${t}__content-title`, children: m }) : null,
-        o ? /* @__PURE__ */ e(a, { element: "span", className: `${t}__content-description`, children: o }) : null,
-        (s || i) && l ? /* @__PURE__ */ e(i, { href: l, children: /* @__PURE__ */ e(C, { variant: _, tabIndex: -1, className: `${t}__content-link`, children: s }) }) : null
+        o ? /* @__PURE__ */ e(a, { variant: p.headingLarge, element: "span", className: `${t}__content-title`, children: o }) : null,
+        m ? /* @__PURE__ */ e(a, { element: "span", className: `${t}__content-description`, children: m }) : null,
+        (s || l) && i ? /* @__PURE__ */ e(l, { href: i, children: /* @__PURE__ */ e(b, { variant: _, tabIndex: -1, className: `${t}__content-link`, children: s }) }) : null
       ] })
     ] });
   }
 );
-b.displayName = "ExitGateCard";
+P.displayName = "ExitGateCard";
 export {
-  b as default
+  P as default
 };

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

@@ -16,38 +16,28 @@
     border-bottom: 1px solid $light-gray;
   }
 
-  &[data-state='open'] {
+  &__content {
     display: block;
-    height: auto;
-    padding-bottom: $spacing-sm;
-  }
 
-  &__content {
-    margin-bottom: $spacing-sm;
+    .radix-accordion-content {
+      padding-bottom: $spacing-sm;
+    }
 
     &--locked {
       padding-bottom: $spacing-sm;
     }
   }
 
-  &--transition[data-state='open'] {
-    animation: slide-down var(--seldon-accordion-transition-time) ease-in-out;
-  }
-
-  &--transition[data-state='closed'] {
-    animation: slide-up var(--seldon-accordion-transition-time) ease-in-out;
-  }
-
   &--transition {
     overflow: hidden;
   }
 
   &--transition[data-state='open'] {
-    animation: slide-down var(--seldon-accordion-transition-time) ease-in-out;
+    animation: slide-down var(--seldon-accordion-transition-time) ease-out;
   }
 
   &--transition[data-state='closed'] {
-    animation: slide-up var(--seldon-accordion-transition-time) ease-in-out;
+    animation: slide-up var(--seldon-accordion-transition-time) ease-out forwards;
   }
 
   &[data-state='open'] {
@@ -73,25 +63,20 @@
   @keyframes slide-down {
     from {
       height: 0;
-      opacity: 0;
     }
 
     to {
       height: var(--radix-accordion-content-height);
-      opacity: 1;
     }
   }
 
   @keyframes slide-up {
     from {
       height: var(--radix-accordion-content-height);
-      opacity: 1;
     }
 
     to {
       height: 0;
-      opacity: 0;
-      padding: 0;
     }
   }
 }

package/dist/scss/components/Card/_card.scss

@@ -16,6 +16,7 @@
 
     .#{$px}-card__image,
     .#{$px}-card__video {
+      flex: 1 1 100%;
       min-width: 100%;
     }
 

package/package.json

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