@phillips/seldon 1.72.2 → 1.73.0

package/dist/components/Detail/Detail.d.ts

@@ -1,7 +1,7 @@
-import { ComponentProps } from 'react';
+import React, { ComponentProps } from 'react';
 export interface DetailProps extends ComponentProps<'div'> {
-    label: string;
-    value: string;
+    label: React.ReactNode;
+    value: React.ReactNode;
 }
 /**
  * ## Overview
@@ -13,6 +13,6 @@ export interface DetailProps extends ComponentProps<'div'> {
  * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-detail--overview)
  *
  */
-declare const Detail: import("react").ForwardRefExoticComponent<Omit<DetailProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const Detail: React.ForwardRefExoticComponent<Omit<DetailProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export type DetailComponent = ReturnType<typeof Detail>;
 export default Detail;

package/dist/components/Detail/Detail.js

@@ -1,14 +1,15 @@
-import { jsxs as r, jsx as l } from "react/jsx-runtime";
-import { forwardRef as t } from "react";
-import { getCommonProps as i } from "../../utils/index.js";
-const c = t(({ className: s, ...a }, m) => {
-  const { className: e, ...o } = i(a, "Detail");
-  return /* @__PURE__ */ r("div", { ...o, className: `${e} ${s}`, ...a, ref: m, children: [
-    /* @__PURE__ */ l("dt", { className: `${e}__label`, children: a.label }),
-    /* @__PURE__ */ l("dd", { className: `${e}__value`, children: a.value })
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { forwardRef as c } from "react";
+import { getCommonProps as d } from "../../utils/index.js";
+import n from "../../node_modules/classnames/index.js";
+const f = c(({ className: m = "", label: l, value: o, ...s }, r) => {
+  const { className: a, ...t } = d(s, "Detail");
+  return /* @__PURE__ */ i("div", { ...t, className: n(a, m), ...s, ref: r, children: [
+    /* @__PURE__ */ e("dt", { className: `${a}__label`, children: l }),
+    /* @__PURE__ */ e("dd", { className: `${a}__value`, children: o })
   ] });
 });
-c.displayName = "Detail";
+f.displayName = "Detail";
 export {
-  c as default
+  f as default
 };

package/dist/node_modules/exenv/index.js

@@ -1,4 +1,4 @@
-import { __module as t } from "../../_virtual/index6.js";
+import { __module as t } from "../../_virtual/index5.js";
 /*!
   Copyright (c) 2015 Jed Watson.
   Based on code that is Copyright 2013-2015, Facebook, Inc.

package/dist/node_modules/prop-types/node_modules/react-is/index.js

@@ -1,4 +1,4 @@
-import { __module as e } from "../../../../_virtual/index5.js";
+import { __module as e } from "../../../../_virtual/index6.js";
 import { __require as o } from "./cjs/react-is.production.min.js";
 import { __require as t } from "./cjs/react-is.development.js";
 var r;

package/dist/patterns/DetailList/DetailList.d.ts

@@ -1,19 +1,19 @@
 import { ComponentProps } from 'react';
-import { DetailComponent } from '../../components/Detail';
 import { DetailListAlignment } from './types';
+import { DetailComponent } from '../../components/Detail';
 export interface DetailListProps extends ComponentProps<'dl'> {
     /**
      * Determines whether each Details' label and value are aligned in columns or justified
      */
-    alignment: DetailListAlignment;
+    alignment?: DetailListAlignment;
     /**
      * The Detail components to render
      */
-    children: DetailComponent[];
+    children: DetailComponent[] | DetailComponent;
     /**
      * Whether to render separators between each Detail component
      */
-    hasSeparators: boolean;
+    hasSeparators?: boolean;
 }
 /**
  * ## Overview

package/dist/patterns/DetailList/DetailList.js

@@ -1,33 +1,33 @@
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as f } from "react/jsx-runtime";
 import { forwardRef as N } from "react";
-import f from "../../node_modules/classnames/index.js";
+import l from "../../node_modules/classnames/index.js";
 import { getCommonProps as $, px as s } from "../../utils/index.js";
-import { DetailListAlignment as m } from "./types.js";
-import { getDetailKey as j } from "./utils.js";
+import { DetailListAlignment as o } from "./types.js";
+import { getDetailKey as n } from "./utils.js";
 const D = N(
-  ({ alignment: o, className: p, children: t, hasSeparators: l, ...a }, u) => {
-    const { className: e, ...c } = $(a, "DetailList");
-    return /* @__PURE__ */ r(
+  ({ alignment: t = o.justified, className: p, children: a, hasSeparators: u = !1, ...e }, c) => {
+    const { className: i, ...d } = $(e, "DetailList"), m = Array.isArray(a) ? a : [a];
+    return /* @__PURE__ */ f(
       "dl",
       {
-        ...c,
-        className: f(e, p, {
-          [`${s}-columns`]: o === m.columns,
-          [`${s}-justified`]: o === m.justified
+        ...d,
+        className: l(i, p, {
+          [`${s}-columns`]: t === o.columns,
+          [`${s}-justified`]: t === o.justified
         }),
-        ...a,
-        ref: u,
-        children: t == null ? void 0 : t.map((i, d) => /* @__PURE__ */ r(
+        ...e,
+        ref: c,
+        children: m == null ? void 0 : m.map((r, j) => /* @__PURE__ */ f(
           "div",
           {
-            className: f(`${e}-wrapper`, {
-              [`${s}-has-separators`]: l,
-              [`${s}-columns`]: o === m.columns,
-              [`${s}-justified`]: o === m.justified
+            className: l(`${i}-wrapper`, {
+              [`${s}-has-separators`]: u,
+              [`${s}-columns`]: t === o.columns,
+              [`${s}-justified`]: t === o.justified
             }),
-            children: i
+            children: r
           },
-          j(i, d)
+          n(r, j)
         ))
       }
     );

package/package.json

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