@phillips/seldon 1.213.0 → 1.214.0-beta.0

package/dist/components/Drawer/DrawerHeader.js

@@ -1,34 +1,36 @@
-import { jsxs as i, Fragment as c, jsx as o } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
+import { jsxs as s, Fragment as n, jsx as r } from "react/jsx-runtime";
+import { forwardRef as c } from "react";
 import { Close as d } from "../../node_modules/@radix-ui/react-dialog/dist/index.js";
 import f from "../IconButton/IconButton.js";
 import { ButtonVariants as h } from "../Button/types.js";
 import b from "../Icon/Icon.js";
-const n = ({ baseClassName: a, drawerOpenSide: t, onClose: l, bookendSide: e, ...s }) => {
-  const r = t === "bottom" && e === "left" || t !== "bottom" && e === "right";
-  return /* @__PURE__ */ o("div", { className: `${a}__bookend ${a}__bookend-${e}`, ...s, children: r && /* @__PURE__ */ o(d, { asChild: !0, children: /* @__PURE__ */ o(f, { onClick: l, "aria-label": "Close", "data-testid": "drawer-close", variant: h.tertiary, children: /* @__PURE__ */ o(b, { icon: "CloseX", color: "currentColor" }) }) }) });
-}, _ = m(
-  ({ baseClassName: a, headerText: t, drawerOpenSide: l, onClose: e }, s) => {
-    const r = `${a}-header`;
-    return /* @__PURE__ */ i(c, { children: [
-      /* @__PURE__ */ i("div", { className: r, children: [
-        /* @__PURE__ */ o(n, { baseClassName: r, onClose: e, drawerOpenSide: l, bookendSide: "left" }),
-        /* @__PURE__ */ o("h3", { className: `${r}__title`, children: t }),
-        /* @__PURE__ */ o(
-          n,
+import { TextVariants as _ } from "../Text/types.js";
+import p from "../Text/Text.js";
+const m = ({ baseClassName: a, drawerOpenSide: e, onClose: i, bookendSide: t, ...l }) => {
+  const o = e === "bottom" && t === "left" || e !== "bottom" && t === "right";
+  return /* @__PURE__ */ r("div", { className: `${a}__bookend ${a}__bookend-${t}`, ...l, children: o && /* @__PURE__ */ r(d, { asChild: !0, children: /* @__PURE__ */ r(f, { onClick: i, "aria-label": "Close", "data-testid": "drawer-close", variant: h.tertiary, children: /* @__PURE__ */ r(b, { icon: "CloseX", color: "currentColor" }) }) }) });
+}, u = c(
+  ({ baseClassName: a, headerText: e, drawerOpenSide: i, onClose: t }, l) => {
+    const o = `${a}-header`;
+    return /* @__PURE__ */ s(n, { children: [
+      /* @__PURE__ */ s("div", { className: o, children: [
+        /* @__PURE__ */ r(m, { baseClassName: o, onClose: t, drawerOpenSide: i, bookendSide: "left" }),
+        /* @__PURE__ */ r(p, { variant: _.headingSmall, className: `${o}__title`, children: e }),
+        /* @__PURE__ */ r(
+          m,
           {
-            baseClassName: r,
-            onClose: e,
-            drawerOpenSide: l,
+            baseClassName: o,
+            onClose: t,
+            drawerOpenSide: i,
             bookendSide: "right"
           }
         )
       ] }),
-      t && /* @__PURE__ */ o("div", { className: `${r}__hr` })
+      e && /* @__PURE__ */ r("div", { className: `${o}__hr` })
     ] });
   }
 );
-_.displayName = "DrawerHeader";
+u.displayName = "DrawerHeader";
 export {
-  _ as default
+  u as default
 };

package/dist/components/ExitGateCard/ExitGateCard.js

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

package/dist/components/FavoritingTileButton/FavoritingTileButton.js

@@ -1,46 +1,45 @@
-import { jsxs as l, jsx as o } from "react/jsx-runtime";
-import { forwardRef as v } from "react";
-import { getCommonProps as h } from "../../utils/index.js";
-import b from "../../node_modules/classnames/index.js";
-import { TextVariants as t } from "../Text/types.js";
-import e from "../Text/Text.js";
-const g = v(
+import { jsxs as i, jsx as a } from "react/jsx-runtime";
+import { forwardRef as u } from "react";
+import { getCommonProps as N } from "../../utils/index.js";
+import h from "../../node_modules/classnames/index.js";
+import o from "../Text/Text.js";
+const _ = u(
   ({
-    className: d,
-    actionAddText: i = "Add to",
-    actionRemoveText: m = "Remove from",
-    isLotInList: r,
-    listTitle: n,
+    className: n,
+    actionAddText: m = "Add to",
+    actionRemoveText: t = "Remove from",
+    isLotInList: e,
+    listTitle: s,
     numberOfObjects: c,
-    onClick: f,
-    ...s
-  }, p) => {
-    const { className: a, ...u } = h(s, "FavoritingTileButton");
-    return /* @__PURE__ */ l(
+    onClick: d,
+    ...l
+  }, f) => {
+    const { className: r, ...p } = N(l, "FavoritingTileButton");
+    return /* @__PURE__ */ i(
       "button",
       {
-        ...u,
-        className: b(a, d, {
-          [`${a}--lot-in-list`]: r
+        ...p,
+        className: h(r, n, {
+          [`${r}--lot-in-list`]: e
         }),
-        onClick: f,
-        ref: p,
-        id: s?.id,
-        "aria-label": `${r ? m : i} ${n}`,
-        "aria-pressed": r,
+        onClick: d,
+        ref: f,
+        id: l?.id,
+        "aria-label": `${e ? t : m} ${s}`,
+        "aria-pressed": e,
         role: "switch",
         children: [
-          /* @__PURE__ */ l("div", { className: `${a}__text`, children: [
-            /* @__PURE__ */ o(e, { variant: t.button, children: r ? m : i }),
-            /* @__PURE__ */ o(e, { variant: t.string2, children: n })
+          /* @__PURE__ */ i("div", { className: `${r}__text`, children: [
+            /* @__PURE__ */ a(o, { className: `${r}__text--action`, children: e ? t : m }),
+            /* @__PURE__ */ a(o, { children: s })
           ] }),
-          /* @__PURE__ */ o(e, { variant: t.button, children: c })
+          /* @__PURE__ */ a(o, { className: `${r}__text--number`, children: c })
         ]
       }
     );
   }
 );
-g.displayName = "FavoritingTileButton";
+_.displayName = "FavoritingTileButton";
 export {
-  g as default
+  _ as default
 };

package/dist/components/Filter/Filter.js

@@ -1,55 +1,57 @@
-import { jsxs as t, jsx as d } from "react/jsx-runtime";
-import { forwardRef as H, useState as P, Children as j, isValidElement as c, cloneElement as f } from "react";
-import { getCommonProps as B, findChildrenOfType as I, findChildrenExcludingTypes as R, px as T } from "../../utils/index.js";
-import b from "../../node_modules/classnames/index.js";
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { forwardRef as b, useState as E, Children as H, isValidElement as c, cloneElement as f } from "react";
+import { getCommonProps as P, findChildrenOfType as j, findChildrenExcludingTypes as B, px as I } from "../../utils/index.js";
+import R from "../../node_modules/classnames/index.js";
 import p from "./FilterHeader.js";
 import k from "../Button/Button.js";
-import { ButtonVariants as O } from "../Button/types.js";
-import S from "../Icon/Icon.js";
-const q = H(
+import { ButtonVariants as M } from "../Button/types.js";
+import O from "../Icon/Icon.js";
+import { TextVariants as S } from "../Text/types.js";
+import V from "../Text/Text.js";
+const q = b(
   ({
     className: h,
-    children: C,
-    name: a,
-    viewAllLimit: n = 10,
-    isViewingAll: r = !1,
+    children: _,
+    name: i,
+    viewAllLimit: l = 10,
+    isViewingAll: s = !1,
     isHidden: u = !1,
-    setViewAllFilter: l,
-    viewAllLabel: N = "View All",
-    ...i
-  }, _) => {
-    const [y, g] = P(!1), { className: e, ...v } = B(i, "Filter"), s = j.toArray(C), x = { isViewingAll: r, setViewAllFilter: l, setIsClosing: g }, m = I(s, p)?.[0], F = c(m) ? f(m, x) : null, $ = R(s, [p])?.map(
-      (o, E) => c(o) ? f(o, { hidden: !r && E + 1 > n }) : o
+    setViewAllFilter: n,
+    viewAllLabel: C = "View All",
+    ...m
+  }, N) => {
+    const [v, x] = E(!1), { className: e, ...y } = P(m, "Filter"), t = H.toArray(_), $ = { isViewingAll: s, setViewAllFilter: n, setIsClosing: x }, d = j(t, p)?.[0], g = c(d) ? f(d, $) : null, F = B(t, [p])?.map(
+      (a, T) => c(a) ? f(a, { hidden: !s && T + 1 > l }) : a
     );
-    return /* @__PURE__ */ t(
+    return /* @__PURE__ */ o(
       "div",
       {
-        ...v,
-        className: b(e, h, {
-          [`${T}-filter--hidden`]: u,
-          "is-closing": y
+        ...y,
+        className: R(e, h, {
+          [`${I}-filter--hidden`]: u,
+          "is-closing": v
         }),
-        ...i,
-        ref: _,
+        ...m,
+        ref: N,
         children: [
-          /* @__PURE__ */ t("fieldset", { name: a, className: `${e}__fieldset`, children: [
-            F,
-            /* @__PURE__ */ d("div", { className: `${e}__filters`, children: $ })
+          /* @__PURE__ */ o("fieldset", { name: i, className: `${e}__fieldset`, children: [
+            g,
+            /* @__PURE__ */ r("div", { className: `${e}__filters`, children: F })
           ] }),
-          s.length > n && !r ? /* @__PURE__ */ t(
+          t.length > l && !s ? /* @__PURE__ */ r("div", { className: `${e}__view-all`, children: /* @__PURE__ */ o(
             k,
             {
-              className: `${e}__view-all`,
-              variant: O.tertiary,
+              className: `${e}__view-all__button`,
+              variant: M.tertiary,
               onClick: () => {
-                l?.(a);
+                n?.(i);
               },
               children: [
-                N,
-                /* @__PURE__ */ d(S, { icon: "ChevronRight", className: `${e}__chevron` })
+                /* @__PURE__ */ r(V, { variant: S.labelMedium, children: C }),
+                /* @__PURE__ */ r(O, { icon: "ChevronRight", className: `${e}__chevron` })
               ]
             }
-          ) : null
+          ) }) : null
         ]
       }
     );

package/dist/components/Filter/FilterHeader.d.ts

@@ -4,6 +4,10 @@ export interface FilterHeaderProps extends ComponentProps<'div'> {
     isViewingAll?: boolean;
     setViewAllFilter?: Dispatch<SetStateAction<null>>;
     setIsClosing?: Dispatch<SetStateAction<boolean>>;
+    /**
+     *  translatable string for back to all button
+     */
+    backToAllLabel?: string;
 }
 /**
  * ## Overview

package/dist/components/Filter/FilterHeader.js

@@ -1,31 +1,39 @@
-import { jsxs as t, jsx as r } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import { getCommonProps as u } from "../../utils/index.js";
-import h from "../../node_modules/classnames/index.js";
-import { TextVariants as N } from "../Text/types.js";
-import x from "../Text/Text.js";
-import v from "../Button/Button.js";
-import { ButtonVariants as C } from "../Button/types.js";
-import _ from "../Icon/Icon.js";
-const g = p(
-  ({ className: m, heading: i, isViewingAll: l = !1, setViewAllFilter: n, setIsClosing: a, ...o }, s) => {
-    const { className: e, ...c } = u(o, "FilterHeader"), f = () => {
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { forwardRef as N } from "react";
+import { getCommonProps as v } from "../../utils/index.js";
+import x from "../../node_modules/classnames/index.js";
+import { TextVariants as m } from "../Text/types.js";
+import l from "../Text/Text.js";
+import C from "../Button/Button.js";
+import { ButtonVariants as _ } from "../Button/types.js";
+import b from "../Icon/Icon.js";
+const g = N(
+  ({
+    className: i,
+    heading: n,
+    isViewingAll: s = !1,
+    setViewAllFilter: c,
+    setIsClosing: a,
+    backToAllLabel: d = "Back to all",
+    ...t
+  }, f) => {
+    const { className: r, ...p } = v(t, "FilterHeader"), u = () => {
       a?.(!0), setTimeout(() => {
-        n?.(null), a?.(!1);
+        c?.(null), a?.(!1);
       }, 300);
     };
-    return /* @__PURE__ */ t("div", { ...c, className: h(e, m), ...o, ref: s, children: [
-      /* @__PURE__ */ r(
-        x,
+    return /* @__PURE__ */ o("div", { ...p, className: x(r, i), ...t, ref: f, children: [
+      /* @__PURE__ */ e(
+        l,
         {
-          variant: N.heading4,
-          className: `${e}__heading`,
-          element: (d) => /* @__PURE__ */ r("legend", { ...d, children: i })
+          variant: m.headingSmall,
+          className: `${r}__heading`,
+          element: (h) => /* @__PURE__ */ e("legend", { ...h, children: n })
         }
       ),
-      l ? /* @__PURE__ */ t(v, { variant: C.tertiary, onClick: f, className: `${e}__back`, children: [
-        /* @__PURE__ */ r(_, { icon: "ChevronLeft" }),
-        "Back to all"
+      s ? /* @__PURE__ */ o(C, { variant: _.tertiary, onClick: u, className: `${r}__back`, children: [
+        /* @__PURE__ */ e(b, { icon: "ChevronLeft" }),
+        /* @__PURE__ */ e(l, { variant: m.labelMedium, children: d })
       ] }) : null
     ] });
   }

package/dist/components/Input/Input.js

@@ -1,50 +1,52 @@
 import { jsxs as c, jsx as n } from "react/jsx-runtime";
 import * as z from "react";
-import p from "../../node_modules/classnames/index.js";
+import r from "../../node_modules/classnames/index.js";
 import { px as t, useNormalizedInputProps as F } from "../../utils/index.js";
+import { TextVariants as M } from "../Text/types.js";
+import V from "../Text/Text.js";
 const q = z.forwardRef(
   ({
-    className: s,
+    className: p,
     inputAdornment: i,
     adornmentPosition: l = "start",
     defaultValue: _,
     disabled: h,
     hideLabel: w,
-    id: e,
+    id: a,
     inline: b,
-    invalid: N,
-    invalidText: f,
+    invalid: f,
+    invalidText: x,
     labelText: v,
-    onChange: x,
-    onClick: y,
+    onChange: y,
+    onClick: N,
     placeholder: I,
     readOnly: d,
     size: T = "md",
-    type: u = "text",
+    type: m = "text",
     value: C,
     warn: P,
     warnText: j,
-    isSkeletonLoading: r,
+    isSkeletonLoading: s,
     ...o
   }, k) => {
-    const a = F({
+    const e = F({
       disabled: h,
-      id: e,
-      invalid: N,
-      invalidText: f,
+      id: a,
+      invalid: f,
+      invalidText: x,
       readOnly: d,
-      type: u,
+      type: m,
       warn: P,
       warnText: j
-    }), R = p(`${t}-${u}-input`, `${t}-input`, `${t}-input--${T}`, {
+    }), R = r(`${t}-${m}-input`, `${t}-input`, `${t}-input--${T}`, {
       [`${t}-input--inline`]: b,
       [`${t}-input--readonly`]: d,
-      [`${t}-input--disabled`]: a.disabled,
-      [`${t}-input--invalid`]: a.invalid,
-      [`${t}-input--warn`]: a.warn,
-      [`${s}__wrapper`]: s,
+      [`${t}-input--disabled`]: e.disabled,
+      [`${t}-input--invalid`]: e.invalid,
+      [`${t}-input--warn`]: e.warn,
+      [`${p}__wrapper`]: p,
       [`${t}-input--hidden`]: o.hidden
-    }), m = [
+    }), u = [
       "text",
       "number",
       "password",
@@ -57,39 +59,41 @@ const q = z.forwardRef(
       "month",
       "time",
       "week"
-    ].includes(a.type ?? ""), $ = {
-      className: i && m ? p(`${t}-input__wrapper__input`, s, { [`${t}-skeleton`]: r }) : p(`${t}-input__input`, s, { [`${t}-skeleton`]: r }),
-      "data-testid": e,
-      disabled: a.disabled,
-      id: e,
-      onChange: x,
-      onClick: y,
-      placeholder: r ? "" : I,
+    ].includes(e.type ?? ""), $ = {
+      className: i && u ? r(`${t}-input__wrapper__input`, p, { [`${t}-skeleton`]: s }) : r(`${t}-input__input`, p, { [`${t}-skeleton`]: s }),
+      "data-testid": a,
+      disabled: e.disabled,
+      id: a,
+      onChange: y,
+      onClick: N,
+      placeholder: s ? "" : I,
       readOnly: d,
       ref: k,
-      type: a.type,
-      ...a.type !== "checkbox" && a.type !== "radio" ? { value: C, defaultValue: _ } : {},
+      type: e.type,
+      ...e.type !== "checkbox" && e.type !== "radio" ? { value: C, defaultValue: _ } : {},
       ...o
     };
     return /* @__PURE__ */ c("div", { className: R, children: [
       /* @__PURE__ */ n(
-        "label",
+        V,
         {
-          "data-testid": `label-${e}`,
-          htmlFor: e,
-          className: p(`${t}-input__label`, {
+          element: "label",
+          variant: M.labelMedium,
+          className: r(`${t}-input__label`, {
             [`${t}-input__label--hidden`]: w,
-            [`${t}-skeleton`]: r
+            [`${t}-skeleton`]: s
           }),
+          "data-testid": `label-${a}`,
+          htmlFor: a,
           children: v
         }
       ),
-      i && m ? /* @__PURE__ */ c("div", { className: `${t}-input__wrapper`, "data-testid": `wrapper-${e}`, children: [
-        l === "start" && /* @__PURE__ */ n("span", { className: `${t}-input__wrapper__adornment`, id: "adornment", "data-testid": `adornment-${e}`, children: i }),
+      i && u ? /* @__PURE__ */ c("div", { className: `${t}-input__wrapper`, "data-testid": `wrapper-${a}`, children: [
+        l === "start" && /* @__PURE__ */ n("span", { className: `${t}-input__wrapper__adornment`, id: "adornment", "data-testid": `adornment-${a}`, children: i }),
         /* @__PURE__ */ n("input", { ...$ }),
-        l === "end" && /* @__PURE__ */ n("span", { className: `${t}-input__wrapper__adornment`, id: "adornment", "data-testid": `adornment-${e}`, children: i })
+        l === "end" && /* @__PURE__ */ n("span", { className: `${t}-input__wrapper__adornment`, id: "adornment", "data-testid": `adornment-${a}`, children: i })
       ] }) : /* @__PURE__ */ n("input", { ...$ }),
-      a.validation ? a.validation : /* @__PURE__ */ n("p", { className: p(`${t}-input__validation`), children: " " })
+      e.validation ? e.validation : /* @__PURE__ */ n("p", { className: `${t}-input__empty-validation`, children: " " })
     ] });
   }
 );

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

@@ -7,6 +7,22 @@ export default meta;
 interface StoryProps extends InputProps {
     playgroundWidth: string;
 }
+export declare const TextInput: {
+    ({ playgroundWidth, ...args }: StoryProps): import("react/jsx-runtime").JSX.Element;
+    args: {
+        playgroundWidth: number;
+        className: string;
+        defaultValue: string;
+        disabled: boolean;
+        invalid: boolean;
+        invalidText: string;
+        labelText: string;
+        warn: boolean;
+        warnText: string;
+        size: string;
+        type: string;
+    };
+};
 export declare const DateTimeInput: {
     ({ playgroundWidth, ...args }: StoryProps): import("react/jsx-runtime").JSX.Element;
     args: {

package/dist/components/Link/Link.js

@@ -1,14 +1,14 @@
-import { jsx as e } from "react/jsx-runtime";
+import { jsx as m } from "react/jsx-runtime";
 import p from "../../node_modules/classnames/index.js";
 import { getCommonProps as k } from "../../utils/index.js";
 import { forwardRef as L } from "react";
-import { getLinkVariantClassName as N, isLinkExternal as x } from "./utils.js";
-import { LinkVariants as d } from "./types.js";
+import { getLinkVariantClassName as N, isLinkExternal as d } from "./utils.js";
+import { LinkVariants as x } from "./types.js";
 import g from "../Text/Text.js";
-const C = L(
-  ({ children: m, className: n, element: r = "a", variant: o = d.link, href: a, ...s }, t) => {
-    const { className: i, ...l } = k(s, "Link"), c = p(i, N(o), n), f = x(a);
-    return /* @__PURE__ */ e(
+const u = L(
+  ({ children: s, className: n, element: r = "a", variant: o = x.linkMedium, href: a, ...e }, t) => {
+    const { className: i, ...l } = k(e, "Link"), c = p(i, N(o), n), f = d(a);
+    return /* @__PURE__ */ m(
       r,
       {
         ref: t,
@@ -16,13 +16,13 @@ const C = L(
         href: a,
         className: c,
         ...f && r === "a" ? { rel: "noopener noreferrer", target: "_blank" } : {},
-        ...s,
-        children: /* @__PURE__ */ e(g, { variant: o, children: m })
+        ...e,
+        children: /* @__PURE__ */ m(g, { variant: o, children: s })
       }
     );
   }
 );
-C.displayName = "Link";
+u.displayName = "Link";
 export {
-  C as default
+  u as default
 };

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

@@ -17,7 +17,7 @@ export declare const Playground: {
     };
     argTypes: {
         variant: {
-            options: typeof LinkVariants;
+            options: (LinkVariants.linkSmall | LinkVariants.linkMedium | LinkVariants.linkLarge | LinkVariants.linkStylised)[];
             control: {
                 type: string;
             };
@@ -38,3 +38,19 @@ export declare const ExternalLink: {
         href: string;
     };
 };
+export declare const LegacyVariants: {
+    ({ playgroundWidth, children, ...args }: StoryProps): import("react/jsx-runtime").JSX.Element;
+    args: {
+        children: string;
+        href: string;
+        variant: LinkVariants;
+    };
+    argTypes: {
+        variant: {
+            options: (LinkVariants.email | LinkVariants.snwHeaderLink | LinkVariants.snwFlyoutLink | LinkVariants.link)[];
+            control: {
+                type: string;
+            };
+        };
+    };
+};

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

@@ -1,9 +1,14 @@
 export declare enum LinkVariants {
-    /** link rendering emailto: */
+    /** @deprecated Use the corresponding link size variant, linkSmall, linkMedium, or linkLarge instead */
     email = "email",
+    /** @deprecated Use linkStylised instead */
     snwHeaderLink = "snwHeaderLink",
-    /** link is being rendered in a footer|header */
+    /** @deprecated Use linkLarge instead */
     snwFlyoutLink = "snwFlyoutLink",
-    /** standard link */
-    link = "link"
+    /** @deprecated Use linkSmall instead */
+    link = "link",
+    linkSmall = "linkSmall",
+    linkMedium = "linkMedium",
+    linkLarge = "linkLarge",
+    linkStylised = "linkStylised"
 }