@phillips/seldon 1.250.0 → 1.252.0

package/dist/_virtual/index12.js

@@ -1,4 +1,4 @@
-var r = {};
+var a = {};
 export {
-  r as __exports
+  a as __exports
 };

package/dist/_virtual/index13.js

@@ -1,4 +1,4 @@
-var a = {};
+var r = {};
 export {
-  a as __exports
+  r as __exports
 };

package/dist/components/Card/Card.d.ts

@@ -0,0 +1,41 @@
+import { ComponentProps, ElementType } from 'react';
+import { Link } from '../Link';
+import { SeldonImage } from '../SeldonImage';
+import { Video } from '../Video';
+import { Text } from '../Text';
+import { CardVariants } from './types';
+export interface CardRootProps extends ComponentProps<'div'> {
+    /**
+     * Root element for the card shell. Defaults to `div`.
+     */
+    element?: ElementType;
+    /**
+     * Layout variant for the card.
+     */
+    variant?: CardVariants;
+}
+export type CardProps = CardRootProps;
+export type CardImageProps = Omit<ComponentProps<typeof SeldonImage>, 'className'>;
+export type CardVideoProps = ComponentProps<typeof Video>;
+export type CardContentProps = ComponentProps<'div'>;
+export type CardEyebrowProps = Omit<ComponentProps<typeof Text>, 'variant'>;
+export type CardTitleProps = Omit<ComponentProps<typeof Text>, 'variant'>;
+export type CardDescriptionProps = Omit<ComponentProps<typeof Text>, 'variant'>;
+export type CardBadgeProps = Omit<ComponentProps<typeof Text>, 'variant'>;
+export type CardMetaProps = ComponentProps<'div'>;
+export type CardMetaItemProps = Omit<ComponentProps<typeof Text>, 'variant'>;
+export type CardCtaProps = ComponentProps<typeof Link>;
+declare const Card: import('react').ForwardRefExoticComponent<Omit<CardRootProps, "ref"> & import('react').RefAttributes<HTMLElement>> & {
+    Root: import('react').ForwardRefExoticComponent<Omit<CardRootProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+    Image: import('react').ForwardRefExoticComponent<Omit<CardImageProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Video: import('react').ForwardRefExoticComponent<Omit<Omit<import('../Video').VideoProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Content: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Eyebrow: import('react').ForwardRefExoticComponent<Omit<CardEyebrowProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+    Title: import('react').ForwardRefExoticComponent<Omit<CardTitleProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+    Description: import('react').ForwardRefExoticComponent<Omit<CardDescriptionProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+    Badge: import('react').ForwardRefExoticComponent<Omit<CardBadgeProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+    Meta: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    MetaItem: import('react').ForwardRefExoticComponent<Omit<CardMetaItemProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+    Cta: import('react').ForwardRefExoticComponent<Omit<Omit<import('../Link').LinkProps, "ref"> & import('react').RefAttributes<HTMLAnchorElement>, "ref"> & import('react').RefAttributes<HTMLAnchorElement>>;
+};
+export default Card;

package/dist/components/Card/Card.js

@@ -0,0 +1,80 @@
+import { jsx as t } from "react/jsx-runtime";
+import m from "../../_virtual/index.js";
+import { forwardRef as s } from "react";
+import { getCommonProps as w, px as o } from "../../utils/index.js";
+import { LinkVariants as x } from "../Link/types.js";
+import T from "../Link/Link.js";
+import R from "../SeldonImage/SeldonImage.js";
+import k from "../Video/Video.js";
+import { TextVariants as i } from "../Text/types.js";
+import l from "../Text/Text.js";
+import { CardVariants as u } from "./types.js";
+const c = s(
+  ({ element: e = "div", className: r, id: a, variant: d = u.default, ...n }, S) => {
+    const { className: C, ...V } = w({ id: a, ...n }, "Card"), M = m(C, r, {
+      [`${C}--${d}`]: d
+    });
+    return /* @__PURE__ */ t(e, { className: M, id: a, ref: S, ...V, ...n });
+  }
+), p = s(({ aspectRatio: e = "16/9", ...r }, a) => /* @__PURE__ */ t(R, { ...r, aspectRatio: e, className: `${o}-card__image`, ref: a })), N = s(({ aspectRatio: e = 16 / 9, className: r, ...a }, d) => /* @__PURE__ */ t(k, { ...a, ref: d, aspectRatio: e, className: m(`${o}-card__video`, r) })), _ = s(({ className: e, ...r }, a) => /* @__PURE__ */ t("div", { ...r, className: m(`${o}-card__details`, e), ref: a })), y = s(({ className: e, ...r }, a) => /* @__PURE__ */ t(
+  l,
+  {
+    ...r,
+    className: m(`${o}-card__eyebrow`, e),
+    ref: a,
+    variant: i.labelSmall
+  }
+)), f = s(({ className: e, ...r }, a) => /* @__PURE__ */ t(
+  l,
+  {
+    ...r,
+    className: m(`${o}-card__title`, e),
+    ref: a,
+    variant: i.headingSmall
+  }
+)), g = s(({ className: e, ...r }, a) => /* @__PURE__ */ t(
+  l,
+  {
+    ...r,
+    className: m(`${o}-card__description`, e),
+    ref: a,
+    variant: i.bodySmall
+  }
+)), $ = s(({ className: e, ...r }, a) => /* @__PURE__ */ t(l, { ...r, className: m(`${o}-card__badge`, e), ref: a, variant: i.badgeSmall })), b = s(({ className: e, ...r }, a) => /* @__PURE__ */ t("div", { ...r, className: m(`${o}-card__meta`, e), ref: a })), v = s(({ className: e, ...r }, a) => /* @__PURE__ */ t(
+  l,
+  {
+    ...r,
+    className: m(`${o}-card__meta-item`, e),
+    ref: a,
+    variant: i.labelSmall
+  }
+)), I = s(
+  ({ className: e, variant: r = x.linkSmall, ...a }, d) => /* @__PURE__ */ t(T, { ...a, ref: d, className: m(`${o}-card__cta`, e), variant: r })
+);
+c.displayName = "Card.Root";
+p.displayName = "Card.Image";
+N.displayName = "Card.Video";
+_.displayName = "Card.Content";
+y.displayName = "Card.Eyebrow";
+f.displayName = "Card.Title";
+g.displayName = "Card.Description";
+$.displayName = "Card.Badge";
+b.displayName = "Card.Meta";
+v.displayName = "Card.MetaItem";
+I.displayName = "Card.Cta";
+const F = Object.assign(c, {
+  Root: c,
+  Image: p,
+  Video: N,
+  Content: _,
+  Eyebrow: y,
+  Title: f,
+  Description: g,
+  Badge: $,
+  Meta: b,
+  MetaItem: v,
+  Cta: I
+});
+export {
+  F as default
+};

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

@@ -0,0 +1,63 @@
+import { CardRootProps } from './Card';
+import { CardVariants } from './types';
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<Omit<CardRootProps, "ref"> & import('react').RefAttributes<HTMLElement>> & {
+        Root: import('react').ForwardRefExoticComponent<Omit<CardRootProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+        Image: import('react').ForwardRefExoticComponent<Omit<import('./Card').CardImageProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+        Video: import('react').ForwardRefExoticComponent<Omit<Omit<import('../Video').VideoProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+        Content: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+        Eyebrow: import('react').ForwardRefExoticComponent<Omit<import('./Card').CardEyebrowProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+        Title: import('react').ForwardRefExoticComponent<Omit<import('./Card').CardTitleProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+        Description: import('react').ForwardRefExoticComponent<Omit<import('./Card').CardDescriptionProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+        Badge: import('react').ForwardRefExoticComponent<Omit<import('./Card').CardBadgeProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+        Meta: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+        MetaItem: import('react').ForwardRefExoticComponent<Omit<import('./Card').CardMetaItemProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+        Cta: import('react').ForwardRefExoticComponent<Omit<Omit<import('../Link').LinkProps, "ref"> & import('react').RefAttributes<HTMLAnchorElement>, "ref"> & import('react').RefAttributes<HTMLAnchorElement>>;
+    };
+};
+export default meta;
+export declare const Playground: {
+    (props: CardRootProps): import("react/jsx-runtime").JSX.Element;
+    args: {
+        id: string;
+    };
+    argTypes: {
+        element: {
+            control: boolean;
+        };
+        variant: {
+            options: CardVariants[];
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export declare const ArticleCard: {
+    (props: CardRootProps): import("react/jsx-runtime").JSX.Element;
+    args: {
+        id: string;
+    };
+};
+export declare const ArticleCardWithCta: {
+    (props: CardRootProps): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+    args: {
+        id: string;
+    };
+};
+export declare const MediaCard: {
+    (props: CardRootProps): import("react/jsx-runtime").JSX.Element;
+    args: {
+        id: string;
+        variant: CardVariants;
+    };
+};
+export declare const CardWithImagePlaceholder: {
+    (props: CardRootProps): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+    args: {
+        id: string;
+    };
+};

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

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

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

@@ -0,0 +1,2 @@
+export { default as Card, type CardBadgeProps, type CardContentProps, type CardCtaProps, type CardDescriptionProps, type CardEyebrowProps, type CardImageProps, type CardMetaItemProps, type CardMetaProps, type CardProps, type CardRootProps, type CardTitleProps, type CardVideoProps, } from './Card';
+export { CardVariants } from './types';

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

@@ -0,0 +1,4 @@
+export declare enum CardVariants {
+    default = "default",
+    stacked = "stacked"
+}

package/dist/components/Card/types.js

@@ -0,0 +1,4 @@
+var t = /* @__PURE__ */ ((e) => (e.default = "default", e.stacked = "stacked", e))(t || {});
+export {
+  t as CardVariants
+};

package/dist/components/Input/utils.js

@@ -3,6 +3,7 @@ import "react/jsx-runtime";
 import "../../providers/SeldonProvider/utils.js";
 import "react";
 import "../Button/Button.js";
+import "../Card/Card.js";
 import "../IconButton/IconButton.js";
 import "../Accordion/Accordion.js";
 import "../Accordion/AccordionItem.js";
@@ -94,7 +95,7 @@ import "../../patterns/CountryPicker/CountryPicker.js";
 import "../../patterns/ProgressWizard/ProgressWizard.js";
 import "../../patterns/ProgressWizard/types.js";
 import "../../patterns/PhoneNumberInput/PhoneNumberInput.js";
-const Op = () => ({
+const Pp = () => ({
   adornment: `${p}-input__wrapper__adornment`,
   emptyValidation: `${p}-input__empty-validation`,
   input: `${p}-input__input`,
@@ -106,5 +107,5 @@ const Op = () => ({
   wrapperInput: `${p}-input__wrapper__input`
 });
 export {
-  Op as getInputClassNames
+  Pp as getInputClassNames
 };

package/dist/index.d.ts

@@ -5,6 +5,7 @@ export * from './utils/hooks';
 export * from './types/commonTypes';
 export { default as Button, type ButtonProps } from './components/Button/Button';
 export { ButtonVariants, ButtonSizes } from './components/Button/types';
+export * from './components/Card';
 export { default as IconButton } from './components/IconButton/IconButton';
 export * from './components/Accordion';
 export { Breadcrumb, type BreadcrumbProps } from './components/Breadcrumb';