@phillips/seldon 1.234.1 → 1.235.1

package/dist/components/Detail/Detail.js

@@ -9,7 +9,7 @@ const x = N(
     const { className: l, ...p } = h(t, "Detail"), i = e === "sm" ? a.labelSmall : e === "lg" ? a.labelLarge : a.labelMedium, u = e === "sm" ? a.bodySmall : e === "lg" ? a.bodyLarge : a.labelMedium;
     return /* @__PURE__ */ n("div", { ...p, className: r(l, c), ...t, ref: f, children: [
       /* @__PURE__ */ n(
-        "dt",
+        "div",
         {
           className: r(`${l}__label-section`, {
             [`${l}__label--no-wrap`]: !d,
@@ -22,7 +22,7 @@ const x = N(
           ]
         }
       ),
-      /* @__PURE__ */ s("dd", { className: `${l}__value`, children: /* @__PURE__ */ s(o, { variant: u, children: _ }) })
+      /* @__PURE__ */ s("div", { className: `${l}__value`, children: /* @__PURE__ */ s(o, { variant: u, children: _ }) })
     ] });
   }
 );

package/dist/{patterns → components}/DetailList/DetailList.d.ts

@@ -2,7 +2,7 @@ import { ComponentProps } from 'react';
 import { DetailListAlignment } from './types';
 import { DetailComponent } from '../../components/Detail';
 import { DetailVariants } from '../../components/Detail/types';
-export interface DetailListProps extends ComponentProps<'dl'> {
+export interface DetailListProps extends ComponentProps<'div'> {
     /**
      * Determines whether each Details' label and value are aligned in columns or justified
      */
@@ -30,5 +30,5 @@ export interface DetailListProps extends ComponentProps<'dl'> {
  * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/patterns-detaillist--overview)
  *
  */
-declare const DetailList: import('react').ForwardRefExoticComponent<Omit<DetailListProps, "ref"> & import('react').RefAttributes<HTMLDListElement>>;
+declare const DetailList: import('react').ForwardRefExoticComponent<Omit<DetailListProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 export default DetailList;

package/dist/{patterns → components}/DetailList/DetailList.js

@@ -5,17 +5,17 @@ import { getCommonProps as N, px as s } from "../../utils/index.js";
 import { DetailListAlignment as e } from "./types.js";
 import { getDetailKey as A } from "./utils.js";
 const L = j(
-  ({ alignment: o = e.justified, className: c, children: t, hasSeparators: i = !1, variant: a = "md", ...l }, d) => {
-    const { className: m, ...n } = N(l, "DetailList"), u = Array.isArray(t) ? t : [t];
+  ({ alignment: o = e.justified, className: c, children: t, hasSeparators: m = !1, variant: a = "md", ...l }, d) => {
+    const { className: i, ...n } = N(l, "DetailList"), u = Array.isArray(t) ? t : [t];
     return /* @__PURE__ */ f(
-      "dl",
+      "div",
       {
         ...n,
-        className: p(m, c, {
-          [`${s}-has-separators`]: i,
+        className: p(i, c, {
+          [`${s}-has-separators`]: m,
           [`${s}-columns`]: o === e.columns,
           [`${s}-justified`]: o === e.justified,
-          [`${m}--${a}`]: a
+          [`${i}--${a}`]: a
         }),
         ...l,
         ref: d,
@@ -23,8 +23,8 @@ const L = j(
           (r, $) => y(r) ? /* @__PURE__ */ f(
             "div",
             {
-              className: p(`${m}-wrapper`, {
-                [`${s}-has-separators`]: i,
+              className: p(`${i}-wrapper`, {
+                [`${s}-has-separators`]: m,
                 [`${s}-columns`]: o === e.columns,
                 [`${s}-justified`]: o === e.justified
               }),

package/dist/{patterns → components}/DetailList/DetailList.stories.d.ts

@@ -1,7 +1,7 @@
 import { DetailListProps } from './DetailList';
 declare const meta: {
     title: string;
-    component: import('react').ForwardRefExoticComponent<Omit<DetailListProps, "ref"> & import('react').RefAttributes<HTMLDListElement>>;
+    component: import('react').ForwardRefExoticComponent<Omit<DetailListProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 };
 export default meta;
 export declare const Playground: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Input/utils.js

@@ -45,7 +45,6 @@ import "../Tags/Tags.js";
 import "../Text/Text.js";
 import "../TextSymbol/TextSymbol.js";
 import "../Video/Video.js";
-import "../../patterns/DetailList/DetailList.js";
 import "../../patterns/FavoritesCollectionTile/FavoritesCollectionTile.js";
 import "../../patterns/HeroBanner/HeroBanner.js";
 import "../../patterns/TextBanner/TextBanner.js";
@@ -59,6 +58,7 @@ import "../../patterns/ViewingsList/StatefulViewingsList.js";
 import "../../patterns/ViewingsList/ViewingsList.js";
 import "../ComboBox/ComboBox.js";
 import "../ComposedModal/ComposedModal.js";
+import "../DetailList/DetailList.js";
 import "../ExitGateCard/ExitGateCard.js";
 import "../Loader/Loader.js";
 import "../PageContentWrapper/PageContentWrapper.js";

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

@@ -1,4 +1,22 @@
 export declare enum TextVariants {
+    displayMedium = "displayMedium",
+    displaySmall = "displaySmall",
+    headingLarge = "headingLarge",
+    headingMedium = "headingMedium",
+    headingSmall = "headingSmall",
+    headingExtraSmall = "headingExtraSmall",
+    bodyLarge = "bodyLarge",
+    bodyMedium = "bodyMedium",
+    bodySmall = "bodySmall",
+    labelLarge = "labelLarge",
+    labelMedium = "labelMedium",
+    labelSmall = "labelSmall",
+    linkStylised = "linkStylised",
+    linkLarge = "linkLarge",
+    linkMedium = "linkMedium",
+    linkSmall = "linkSmall",
+    badgeSmall = "badgeSmall",
+    badgeMedium = "badgeMedium",
     /** @deprecated Use headingLarge instead */
     blockquote = "blockquote",
     /** @deprecated Use headingLarge instead */
@@ -48,25 +66,7 @@ export declare enum TextVariants {
     /** @deprecated Use displaySmall instead */
     snwHeadingHero1 = "snwHeadingHero1",
     /** @deprecated Use headingLarge instead */
-    snwHeadingHero2 = "snwHeadingHero2",
-    displayMedium = "displayMedium",
-    displaySmall = "displaySmall",
-    headingLarge = "headingLarge",
-    headingMedium = "headingMedium",
-    headingSmall = "headingSmall",
-    headingExtraSmall = "headingExtraSmall",
-    bodyLarge = "bodyLarge",
-    bodyMedium = "bodyMedium",
-    bodySmall = "bodySmall",
-    labelLarge = "labelLarge",
-    labelMedium = "labelMedium",
-    labelSmall = "labelSmall",
-    linkStylised = "linkStylised",
-    linkLarge = "linkLarge",
-    linkMedium = "linkMedium",
-    linkSmall = "linkSmall",
-    badgeSmall = "badgeSmall",
-    badgeMedium = "badgeMedium"
+    snwHeadingHero2 = "snwHeadingHero2"
 }
 export declare enum TextAlignments {
     left = "left",

package/dist/components/Text/types.js

@@ -1,4 +1,4 @@
-var d = /* @__PURE__ */ ((l) => (l.blockquote = "blockquote", l.heading1 = "heading1", l.heading2 = "heading2", l.heading3 = "heading3", l.heading4 = "heading4", l.heading5 = "heading5", l.title1 = "title1", l.title2 = "title2", l.title3 = "title3", l.title4 = "title4", l.body1 = "body1", l.body2 = "body2", l.body3 = "body3", l.string1 = "string1", l.string2 = "string2", l.string3 = "string3", l.button = "button", l.email = "email", l.label = "label", l.link = "link", l.badge = "badge", l.snwFlyoutLink = "snwFlyoutLink", l.snwHeaderLink = "snwHeaderLink", l.snwHeadingHero1 = "snwHeadingHero1", l.snwHeadingHero2 = "snwHeadingHero2", l.displayMedium = "displayMedium", l.displaySmall = "displaySmall", l.headingLarge = "headingLarge", l.headingMedium = "headingMedium", l.headingSmall = "headingSmall", l.headingExtraSmall = "headingExtraSmall", l.bodyLarge = "bodyLarge", l.bodyMedium = "bodyMedium", l.bodySmall = "bodySmall", l.labelLarge = "labelLarge", l.labelMedium = "labelMedium", l.labelSmall = "labelSmall", l.linkStylised = "linkStylised", l.linkLarge = "linkLarge", l.linkMedium = "linkMedium", l.linkSmall = "linkSmall", l.badgeSmall = "badgeSmall", l.badgeMedium = "badgeMedium", l))(d || {}), g = /* @__PURE__ */ ((l) => (l.left = "left", l.center = "center", l.right = "right", l))(g || {});
+var d = /* @__PURE__ */ ((l) => (l.displayMedium = "displayMedium", l.displaySmall = "displaySmall", l.headingLarge = "headingLarge", l.headingMedium = "headingMedium", l.headingSmall = "headingSmall", l.headingExtraSmall = "headingExtraSmall", l.bodyLarge = "bodyLarge", l.bodyMedium = "bodyMedium", l.bodySmall = "bodySmall", l.labelLarge = "labelLarge", l.labelMedium = "labelMedium", l.labelSmall = "labelSmall", l.linkStylised = "linkStylised", l.linkLarge = "linkLarge", l.linkMedium = "linkMedium", l.linkSmall = "linkSmall", l.badgeSmall = "badgeSmall", l.badgeMedium = "badgeMedium", l.blockquote = "blockquote", l.heading1 = "heading1", l.heading2 = "heading2", l.heading3 = "heading3", l.heading4 = "heading4", l.heading5 = "heading5", l.title1 = "title1", l.title2 = "title2", l.title3 = "title3", l.title4 = "title4", l.body1 = "body1", l.body2 = "body2", l.body3 = "body3", l.string1 = "string1", l.string2 = "string2", l.string3 = "string3", l.button = "button", l.email = "email", l.label = "label", l.link = "link", l.badge = "badge", l.snwFlyoutLink = "snwFlyoutLink", l.snwHeaderLink = "snwHeaderLink", l.snwHeadingHero1 = "snwHeadingHero1", l.snwHeadingHero2 = "snwHeadingHero2", l))(d || {}), g = /* @__PURE__ */ ((l) => (l.left = "left", l.center = "center", l.right = "right", l))(g || {});
 export {
   g as TextAlignments,
   d as TextVariants

package/dist/components/Text/utils.js

@@ -17,9 +17,8 @@ const u = (e = t.body1) => {
   }
 }, i = (e = t.body1) => {
   if (e === t.blockquote) return "blockquote";
-  if (e.includes("body") || e.includes("string") || e.includes("title")) return "span";
-  if (e.includes("label"))
-    return "label";
+  if (e.includes("body") || e.includes("string") || e.includes("title") || e.includes("label"))
+    return "span";
   if (e.includes("heading") || e.includes("display"))
     switch (e) {
       case t.headingLarge:

package/dist/index.d.ts

@@ -41,7 +41,6 @@ export { Tag, default as TagsList, type TagProps, type TagsListProps } from './c
 export * from './components/Text';
 export * from './components/TextSymbol';
 export { default as Video, type VideoProps } from './components/Video/Video';
-export * from './patterns/DetailList';
 export * from './patterns/FavoritesCollectionTile';
 export { default as HeroBanner, type HeroBannerProps } from './patterns/HeroBanner/HeroBanner';
 export { default as TextBanner, type TextBannerProps } from './patterns/TextBanner/TextBanner';
@@ -59,13 +58,13 @@ export * from './components/Carousel';
 export * from './components/ComboBox';
 export * from './components/ComposedModal';
 export * from './components/Detail';
+export * from './components/DetailList';
 export * from './components/ExitGateCard';
 export * from './components/Loader';
 export { default as PageContentWrapper } from './components/PageContentWrapper/PageContentWrapper';
 export * from './components/PinchZoom';
 export * from './components/SeldonImage';
 export * from './components/Tabs';
-export * from './patterns/DetailList';
 export * from './patterns/FiltersInline';
 export * from './patterns/SaleCard';
 export * from './patterns/SaleHeaderBanner';

package/dist/index.js

@@ -57,24 +57,24 @@ import { default as Bt } from "./components/Text/Text.js";
 import { TextSymbolVariants as It } from "./components/TextSymbol/types.js";
 import { default as At } from "./components/TextSymbol/TextSymbol.js";
 import { default as bt } from "./components/Video/Video.js";
-import { default as Dt } from "./patterns/DetailList/DetailList.js";
-import { DetailListAlignment as vt } from "./patterns/DetailList/types.js";
-import { default as kt } from "./patterns/FavoritesCollectionTile/FavoritesCollectionTile.js";
-import { default as Ht } from "./patterns/HeroBanner/HeroBanner.js";
-import { default as Nt } from "./patterns/TextBanner/TextBanner.js";
-import { default as Gt } from "./patterns/LanguageSelector/LanguageSelector.js";
-import { default as Ut } from "./patterns/SaleHeaderBanner/SaleHeaderBanner.js";
-import { default as Ot } from "./patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js";
-import { default as Qt } from "./patterns/Social/Social.js";
-import { default as Yt } from "./patterns/Subscribe/Subscribe.js";
-import { SubscriptionState as qt } from "./patterns/Subscribe/types.js";
-import { AuthState as Kt } from "./patterns/UserManagement/types.js";
-import { default as _t } from "./patterns/UserManagement/UserManagement.js";
-import { default as eo } from "./patterns/ViewingsList/StatefulViewingsList.js";
-import { default as oo } from "./patterns/ViewingsList/ViewingsList.js";
-import { SeldonProvider as ao } from "./providers/SeldonProvider/SeldonProvider.js";
-import { default as so } from "./components/ComboBox/ComboBox.js";
-import { default as mo } from "./components/ComposedModal/ComposedModal.js";
+import { default as Dt } from "./patterns/FavoritesCollectionTile/FavoritesCollectionTile.js";
+import { default as vt } from "./patterns/HeroBanner/HeroBanner.js";
+import { default as kt } from "./patterns/TextBanner/TextBanner.js";
+import { default as Ht } from "./patterns/LanguageSelector/LanguageSelector.js";
+import { default as Nt } from "./patterns/SaleHeaderBanner/SaleHeaderBanner.js";
+import { default as Gt } from "./patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js";
+import { default as Ut } from "./patterns/Social/Social.js";
+import { default as Ot } from "./patterns/Subscribe/Subscribe.js";
+import { SubscriptionState as Qt } from "./patterns/Subscribe/types.js";
+import { AuthState as Yt } from "./patterns/UserManagement/types.js";
+import { default as qt } from "./patterns/UserManagement/UserManagement.js";
+import { default as Kt } from "./patterns/ViewingsList/StatefulViewingsList.js";
+import { default as _t } from "./patterns/ViewingsList/ViewingsList.js";
+import { SeldonProvider as eo } from "./providers/SeldonProvider/SeldonProvider.js";
+import { default as oo } from "./components/ComboBox/ComboBox.js";
+import { default as ao } from "./components/ComposedModal/ComposedModal.js";
+import { default as so } from "./components/DetailList/DetailList.js";
+import { DetailListAlignment as mo } from "./components/DetailList/types.js";
 import { default as uo } from "./components/ExitGateCard/ExitGateCard.js";
 import { default as xo } from "./components/Loader/Loader.js";
 import { default as go } from "./components/PageContentWrapper/PageContentWrapper.js";
@@ -126,7 +126,7 @@ export {
   Ro as AddToCalendar,
   zo as Article,
   V as AuctionStatus,
-  Kt as AuthState,
+  Yt as AuthState,
   Lr as BidMessage,
   Vr as BidMessageVariants,
   Pr as BidSnapshot,
@@ -142,8 +142,8 @@ export {
   oe as Collapsible,
   ae as CollapsibleContent,
   se as CollapsibleTrigger,
-  so as ComboBox,
-  mo as ComposedModal,
+  oo as ComboBox,
+  ao as ComposedModal,
   de as ContentPeek,
   pe as ContentPeekHeightUnits,
   Wo as Countdown,
@@ -153,15 +153,15 @@ export {
   Zo as DescriptiveRadioButton,
   Jo as DescriptiveRadioButtonGroup,
   ie as Detail,
-  Dt as DetailList,
-  vt as DetailListAlignment,
+  so as DetailList,
+  mo as DetailListAlignment,
   ne as DetailVariants,
   Xo as Divider,
   ce as Drawer,
   Ce as Dropdown,
   Be as ErrorBoundary,
   uo as ExitGateCard,
-  kt as FavoritesCollectionTile,
+  Dt as FavoritesCollectionTile,
   $o as FavoritingTileButton,
   tr as Filter,
   So as FilterButton,
@@ -176,11 +176,11 @@ export {
   Ae as GridItem,
   be as GridItemAlign,
   Eo as Header,
-  Ht as HeroBanner,
+  vt as HeroBanner,
   Q as Icon,
   w as IconButton,
   De as Input,
-  Gt as LanguageSelector,
+  Ht as LanguageSelector,
   ve as Link,
   He as LinkBlock,
   Ne as LinkList,
@@ -211,19 +211,19 @@ export {
   bo as SaleCardActions,
   Do as SaleCardImageDisplay,
   Fo as SaleCardVariants,
-  Ut as SaleHeaderBanner,
-  Ot as SaleHeaderBrowseAuctions,
+  Nt as SaleHeaderBanner,
+  Gt as SaleHeaderBrowseAuctions,
   et as Search,
   ot as SeldonImage,
-  ao as SeldonProvider,
+  eo as SeldonProvider,
   at as Select,
   st as SelectVariants,
-  Qt as Social,
+  Ut as Social,
   f as SpacingTokens,
   dt as SplitPanel,
-  eo as StatefulViewingsList,
-  Yt as Subscribe,
-  qt as SubscriptionState,
+  Kt as StatefulViewingsList,
+  Ot as Subscribe,
+  Qt as SubscriptionState,
   y as SupportedLanguages,
   pt as TabsContainer,
   it as TabsContent,
@@ -232,16 +232,16 @@ export {
   Bt as Text,
   St as TextAlignments,
   ur as TextArea,
-  Nt as TextBanner,
+  kt as TextBanner,
   It as TextSymbolVariants,
   At as TextSymbols,
   Ct as TextVariants,
   xr as Toast,
   gr as ToastProvider,
-  _t as UserManagement,
+  qt as UserManagement,
   bt as Video,
   ho as ViewingDetails,
-  oo as ViewingsList,
+  _t as ViewingsList,
   s as defaultYear,
   l as emailValidation,
   d as encodeURLSearchParams,

package/dist/patterns/BidSnapshot/BidSnapshot.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { DetailListProps } from '../DetailList/index';
+import { DetailListProps } from '../../components/DetailList/index';
 import { DetailVariants } from '../../components/Detail/index';
 import { LotStatus, SupportedLanguages } from '../../types/commonTypes';
 import { BidStatusEnum } from './types';

package/dist/patterns/BidSnapshot/BidSnapshot.js

@@ -2,7 +2,7 @@ import { jsxs as M, jsx as n } from "react/jsx-runtime";
 import { forwardRef as U, isValidElement as X, cloneElement as Y } from "react";
 import Z from "../../node_modules/classnames/index.js";
 import { getCommonProps as O, findChildrenOfType as aa, findChildrenExcludingTypes as ea } from "../../utils/index.js";
-import oa from "../DetailList/DetailList.js";
+import oa from "../../components/DetailList/DetailList.js";
 import f from "../../components/Detail/Detail.js";
 import { DetailVariants as sa } from "../../components/Detail/types.js";
 import { LotStatus as l, SupportedLanguages as ta } from "../../types/commonTypes.js";

package/dist/patterns/ObjectTile/ObjectTile.js

@@ -4,7 +4,7 @@ import I from "../../node_modules/classnames/index.js";
 import { getCommonProps as L } from "../../utils/index.js";
 import { TextVariants as l } from "../../components/Text/types.js";
 import s from "../../components/Text/Text.js";
-import R from "../DetailList/DetailList.js";
+import R from "../../components/DetailList/DetailList.js";
 import W from "../../components/Detail/Detail.js";
 import { DetailVariants as w } from "../../components/Detail/types.js";
 import A from "../../components/SeldonImage/SeldonImage.js";

package/dist/scss/componentStyles.scss

@@ -46,6 +46,7 @@
 @use 'components/Countdown/countdown';
 @use 'components/Countdown/duration';
 @use 'components/Detail/detail';
+@use 'components/DetailList/detailList';
 @use 'components/PinchZoom/pinchZoom';
 @use 'components/Tabs/tabs';
 @use 'components/SeldonImage/seldonImage';
@@ -73,7 +74,6 @@
 @use 'patterns/ObjectTile/objectTile';
 @use 'patterns/BidSnapshot/bidSnapshot';
 @use 'patterns/FilterMenu/filterMenu';
-@use 'patterns/DetailList/detailList';
 @use 'patterns/AccountPageHeader/accountPageHeader';
 @use 'patterns/FavoritesCollectionTile/favoritesCollectionTile';
 @use 'patterns/SaleCard/saleCard';

package/dist/scss/components/ComboBox/_combobox.scss

@@ -87,16 +87,6 @@
     transition:
       opacity 0.2s ease,
       background-color 0.2s ease;
-
-    &.#{$px}-icon-button {
-      transition: background-color 0.2s ease;
-
-      &:hover {
-        svg {
-          color: $white-100;
-        }
-      }
-    }
   }
 
   &__dropdown-button {

package/package.json

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