@phillips/seldon 1.134.1 → 1.135.0

package/dist/components/Divider/Divider.d.ts

@@ -0,0 +1,18 @@
+import { ComponentProps } from 'react';
+export interface DividerProps extends ComponentProps<'div'> {
+    /**
+     * Optional element to render as the top-level component e.g. 'div', 'span', CustomComponent, etc.  Defaults to the appropriate HTML based on the variant.
+     */
+    element?: React.ElementType;
+}
+/**
+ * ## Overview
+ *
+ * Overview of this widget
+ *
+ * [Figma Link](https://www.figma.com/design/rIefa3bRPyZbZmtyV9PSQv/My-Account?node-id=61-13461&m=dev)
+ *
+ * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-divider--overview)
+ */
+declare const Divider: import('react').ForwardRefExoticComponent<Omit<DividerProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export default Divider;

package/dist/components/Divider/Divider.js

@@ -0,0 +1,12 @@
+import { jsx as i } from "react/jsx-runtime";
+import { forwardRef as o } from "react";
+import { getCommonProps as t } from "../../utils/index.js";
+import d from "../../node_modules/classnames/index.js";
+const n = o(({ className: m, element: r, ...e }) => {
+  const s = r || "div", { className: a } = t(e, "Divider");
+  return /* @__PURE__ */ i(s, { className: d(a, m), ...e, "data-testid": `divider-${e.id}`, children: /* @__PURE__ */ i("hr", { className: `${a}-line` }) });
+});
+n.displayName = "Divider";
+export {
+  n as default
+};

package/dist/components/Divider/Divider.stories.d.ts

@@ -0,0 +1,11 @@
+import { DividerProps } from './Divider';
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<Omit<DividerProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+};
+export default meta;
+export declare const Playground: {
+    (props: DividerProps): import("react/jsx-runtime").JSX.Element;
+    args: {};
+    argTypes: {};
+};

package/dist/components/Divider/Divider.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Divider/index.d.ts

@@ -0,0 +1 @@
+export { default as Divider, type DividerProps } from './Divider';

package/dist/index.d.ts

@@ -65,6 +65,7 @@ export * from './components/Countdown/types';
 export * from './patterns/ObjectTile';
 export * from './patterns/BidSnapshot';
 export * from './components/Article';
+export * from './components/Divider';
 export * from './components/FavoritingTileButton';
 export * from './components/Icon';
 export * from './components/TextArea';

package/dist/index.js

@@ -1,12 +1,12 @@
-import { PaddingTokens as a, SpacingTokens as f, defaultYear as s, emailValidation as l, encodeURLSearchParams as m, findChildrenExcludingTypes as d, findChildrenOfType as p, generatePaddingClassName as u, getCommonProps as i, noOp as n, px as x, useNormalizedInputProps as g } from "./utils/index.js";
+import { PaddingTokens as a, SpacingTokens as f, defaultYear as s, emailValidation as l, encodeURLSearchParams as d, findChildrenExcludingTypes as m, findChildrenOfType as p, generatePaddingClassName as u, getCommonProps as i, noOp as n, px as x, useNormalizedInputProps as g } from "./utils/index.js";
 import { default as S } from "./pages/Page.js";
 import { usePendingState as T } from "./utils/hooks.js";
 import { SSRMediaQuery as B, ssrMediaQueryStyle as P } from "./providers/SeldonProvider/utils.js";
 import { AuctionStatus as I, LotStatus as V, SupportedLanguages as b } from "./types/commonTypes.js";
 import { default as k } from "./components/Button/Button.js";
 import { ButtonVariants as y } from "./components/Button/types.js";
-import { default as M } from "./components/IconButton/IconButton.js";
-import { default as D } from "./components/ErrorBoundary/ErrorBoundary.js";
+import { default as D } from "./components/IconButton/IconButton.js";
+import { default as M } from "./components/ErrorBoundary/ErrorBoundary.js";
 import { default as N } from "./site-furniture/Footer/Footer.js";
 import { Grid as E } from "./components/Grid/Grid.js";
 import { default as O } from "./site-furniture/Header/Header.js";
@@ -20,7 +20,7 @@ import { default as ee } from "./components/Link/Link.js";
 import { LinkVariants as oe } from "./components/Link/types.js";
 import { default as ae } from "./components/LinkBlock/LinkBlock.js";
 import { default as se } from "./components/LinkList/LinkList.js";
-import { default as me } from "./components/Row/Row.js";
+import { default as de } from "./components/Row/Row.js";
 import { default as pe } from "./components/GridItem/GridItem.js";
 import { GridItemAlign as ie } from "./components/GridItem/types.js";
 import { default as xe } from "./components/Search/Search.js";
@@ -32,8 +32,8 @@ import { SubscriptionState as Ie } from "./patterns/Subscribe/types.js";
 import { default as be } from "./patterns/Social/Social.js";
 import { default as ke } from "./patterns/ViewingsList/ViewingsList.js";
 import { default as ye } from "./components/Modal/Modal.js";
-import { default as Me } from "./components/Drawer/Drawer.js";
-import { default as De } from "./components/Pagination/Pagination.js";
+import { default as De } from "./components/Drawer/Drawer.js";
+import { default as Me } from "./components/Pagination/Pagination.js";
 import { Tag as Ne, default as Ue } from "./components/Tags/Tags.js";
 import { default as Ge } from "./patterns/ViewingsList/StatefulViewingsList.js";
 import { TextAlignments as Re, TextVariants as Qe } from "./components/Text/types.js";
@@ -48,7 +48,7 @@ import { AuthState as ft } from "./patterns/UserManagement/types.js";
 import { default as lt } from "./components/Breadcrumb/Breadcrumb.js";
 import "react/jsx-runtime";
 import "./node_modules/classnames/index.js";
-import { default as dt } from "./components/Icon/Icon.js";
+import { default as mt } from "./components/Icon/Icon.js";
 import { default as ut } from "./components/Dropdown/Dropdown.js";
 import { default as nt } from "./components/Video/Video.js";
 import { default as gt } from "./patterns/LanguageSelector/LanguageSelector.js";
@@ -59,8 +59,8 @@ import { default as At } from "./components/Collapsible/CollapsibleContent.js";
 import { default as Vt } from "./components/Collapsible/CollapsibleTrigger.js";
 import { SeldonProvider as ht } from "./providers/SeldonProvider/SeldonProvider.js";
 import { default as wt } from "./components/PageContentWrapper/PageContentWrapper.js";
-import { default as Ht } from "./components/Carousel/Carousel.js";
-import { default as vt } from "./components/Carousel/CarouselArrows.js";
+import { default as vt } from "./components/Carousel/Carousel.js";
+import { default as Ht } from "./components/Carousel/CarouselArrows.js";
 import { default as Ft } from "./components/Carousel/CarouselContent.js";
 import { default as Ut } from "./components/Carousel/CarouselItem.js";
 import { default as Gt } from "./components/Carousel/CarouselDots.js";
@@ -84,7 +84,8 @@ import { default as Lo } from "./patterns/BidSnapshot/BidSnapshot.js";
 import { default as Po } from "./patterns/BidSnapshot/BidMessage.js";
 import { BidMessageVariants as Io, BidStatusEnum as Vo } from "./patterns/BidSnapshot/types.js";
 import { default as ho } from "./components/Article/Article.js";
-import { default as wo } from "./components/FavoritingTileButton/FavoritingTileButton.js";
+import { default as wo } from "./components/Divider/Divider.js";
+import { default as vo } from "./components/FavoritingTileButton/FavoritingTileButton.js";
 import { default as Ho } from "./components/TextArea/TextArea.js";
 export {
   Ke as Accordion,
@@ -101,8 +102,8 @@ export {
   lt as Breadcrumb,
   k as Button,
   y as ButtonVariants,
-  Ht as Carousel,
-  vt as CarouselArrows,
+  vt as Carousel,
+  Ht as CarouselArrows,
   Ft as CarouselContent,
   Gt as CarouselDots,
   Ut as CarouselItem,
@@ -116,10 +117,11 @@ export {
   Rt as Detail,
   jt as DetailList,
   Wt as DetailListAlignment,
-  Me as Drawer,
+  wo as Divider,
+  De as Drawer,
   ut as Dropdown,
-  D as ErrorBoundary,
-  wo as FavoritingTileButton,
+  M as ErrorBoundary,
+  vo as FavoritingTileButton,
   lo as Filter,
   io as FilterHeader,
   po as FilterInput,
@@ -130,8 +132,8 @@ export {
   ie as GridItemAlign,
   O as Header,
   K as HeroBanner,
-  dt as Icon,
-  M as IconButton,
+  mt as Icon,
+  D as IconButton,
   _ as Input,
   gt as LanguageSelector,
   ee as Link,
@@ -148,9 +150,9 @@ export {
   a as PaddingTokens,
   S as Page,
   wt as PageContentWrapper,
-  De as Pagination,
+  Me as Pagination,
   Zt as PinchZoom,
-  me as Row,
+  de as Row,
   B as SSRMediaQuery,
   to as SaleHeaderBanner,
   ro as SaleHeaderBrowseAuctions,
@@ -181,8 +183,8 @@ export {
   ke as ViewingsList,
   s as defaultYear,
   l as emailValidation,
-  m as encodeURLSearchParams,
-  d as findChildrenExcludingTypes,
+  d as encodeURLSearchParams,
+  m as findChildrenExcludingTypes,
   p as findChildrenOfType,
   u as generatePaddingClassName,
   i as getCommonProps,

package/dist/scss/componentStyles.scss

@@ -65,4 +65,5 @@
 @use 'site-furniture/Header/header';
 @use 'site-furniture/Footer/footer';
 @use 'components/Article/article';
+@use 'components/Divider/divider';
 @use 'components/TextArea/textArea';

package/dist/scss/components/Divider/_divider.scss

@@ -0,0 +1,17 @@
+@use '../../allPartials' as *;
+
+.#{$px}-divider {
+  margin: $spacing-sm 0;
+
+  &-line {
+    background-color: $keyline-gray;
+    border: none;
+    border-top: 1px solid $keyline-gray;
+    color: $keyline-gray;
+    display: block;
+    height: 1px;
+    margin: 1em 0;
+    padding: 0;
+    width: 100%;
+  }
+}

package/package.json

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