@phillips/seldon 1.214.0 → 1.216.0

package/dist/components/Tags/Tags.js

@@ -1,47 +1,49 @@
-import { jsxs as n, jsx as r } from "react/jsx-runtime";
-import N, { forwardRef as C } from "react";
+import { jsxs as n, jsx as a } from "react/jsx-runtime";
+import N, { forwardRef as b } from "react";
 import d from "../../node_modules/classnames/index.js";
-import { getCommonProps as y, px as t } from "../../utils/index.js";
-import $ from "../Button/Button.js";
-import { ButtonVariants as g } from "../Button/types.js";
-import u from "../Icon/Icon.js";
-const j = ({ id: i, className: a, onRemove: e, label: o, removeText: s = "Remove" }) => /* @__PURE__ */ n(
-  $,
+import { getCommonProps as x, px as r } from "../../utils/index.js";
+import f from "../Button/Button.js";
+import { ButtonVariants as p } from "../Button/types.js";
+import $ from "../Icon/Icon.js";
+import { TextVariants as u } from "../Text/types.js";
+import g from "../Text/Text.js";
+const L = ({ id: s, className: t, onRemove: e, label: o, removeText: i = "Remove" }) => /* @__PURE__ */ n(
+  f,
   {
-    className: d(`${t}-tag`, `${t}-button`, a),
-    "aria-label": `${s} ${o}`,
+    className: d(`${r}-tag`, `${r}-button`, t),
+    "aria-label": `${i} ${o}`,
     onClick: () => e(o),
-    variant: g.tertiary,
+    variant: p.tertiary,
     children: [
-      /* @__PURE__ */ r("div", { className: `${t}-tag__label`, children: o }),
-      /* @__PURE__ */ r("div", { className: `${t}-tag__button`, "data-testid": `${i}-item-close-button`, children: /* @__PURE__ */ r(u, { icon: "CloseX", height: 8, width: 8, color: "currentColor", className: `${t}-tag__icon` }) })
+      /* @__PURE__ */ a(g, { variant: u.labelSmall, children: o }),
+      /* @__PURE__ */ a("div", { className: `${r}-tag__button`, "data-testid": `${s}-item-close-button`, children: /* @__PURE__ */ a($, { icon: "CloseX", height: 8, width: 8, color: "currentColor", className: `${r}-tag__icon` }) })
     ]
   }
-), _ = C(
-  ({ className: i, children: a, clearAllLabel: e = "Clear All", onClear: o, ...s }, f) => {
-    const l = "tags-list", { className: p, ...h } = y(s, "TagsList"), { id: m } = s;
+), v = b(
+  ({ className: s, children: t, clearAllLabel: e = "Clear All", onClear: o, ...i }, h) => {
+    const l = "tags-list", { className: C, ...y } = x(i, "TagsList"), { id: m } = i;
     return /* @__PURE__ */ n(
       "ul",
       {
-        className: d(`${t}-${l}`, p, i),
-        ...h,
-        ...s,
+        className: d(`${r}-${l}`, C, s),
+        ...y,
+        ...i,
         tabIndex: 0,
         "data-testid": `${l}-${m}`,
-        ref: f,
+        ref: h,
         children: [
-          Array.isArray(a) ? N.Children.map(a, (c) => /* @__PURE__ */ r("li", { children: c }, c.props.id)) : a,
-          Array.isArray(a) && a.length > 0 && /* @__PURE__ */ r("li", { children: /* @__PURE__ */ n(
-            $,
+          Array.isArray(t) ? N.Children.map(t, (c) => /* @__PURE__ */ a("li", { children: c }, c.props.id)) : t,
+          Array.isArray(t) && t.length > 0 && /* @__PURE__ */ a("li", { children: /* @__PURE__ */ n(
+            f,
             {
               onClick: o,
               "data-testid": `${m}-clear-all-button`,
-              className: `${t}-${l}--clear`,
+              className: `${r}-${l}--clear`,
               "aria-label": e,
-              variant: g.tertiary,
+              variant: p.tertiary,
               children: [
-                /* @__PURE__ */ r(u, { icon: "ArrowLeft", color: "currentColor", height: 24, width: 24 }),
-                /* @__PURE__ */ r("div", { className: `${t}-label`, children: e })
+                /* @__PURE__ */ a($, { icon: "ArrowLeft", color: "currentColor", height: 24, width: 24 }),
+                /* @__PURE__ */ a(g, { variant: u.labelSmall, children: e })
               ]
             }
           ) })
@@ -50,8 +52,8 @@ const j = ({ id: i, className: a, onRemove: e, label: o, removeText: s = "Remove
     );
   }
 );
-_.displayName = "Tags";
+v.displayName = "Tags";
 export {
-  j as Tag,
-  _ as default
+  L as Tag,
+  v as default
 };

package/dist/components/Text/Text.js

@@ -1,17 +1,25 @@
 import { jsx as r } from "react/jsx-runtime";
-import { forwardRef as c } from "react";
-import { getCommonProps as i, px as d } from "../../utils/index.js";
+import { forwardRef as x } from "react";
+import { getCommonProps as c, px as d } from "../../utils/index.js";
 import { TextVariants as N } from "./types.js";
-import { determineDefaultTextElement as T, determineTextClassName as C } from "./utils.js";
-import u from "../../node_modules/classnames/index.js";
-const $ = c(
-  ({ children: e, className: a, element: n, variant: m = N.body2, align: o, isSkeletonLoading: l, ...t }, p) => {
-    const f = n || T(m), { className: s, ...x } = i(t, "Text");
+import { determineDefaultTextElement as T, determineTextClassName as u } from "./utils.js";
+import C from "../../node_modules/classnames/index.js";
+const $ = x(
+  ({
+    children: e,
+    className: a,
+    element: n,
+    variant: m = N.bodyMedium,
+    align: o,
+    isSkeletonLoading: l,
+    ...t
+  }, p) => {
+    const f = n || T(m), { className: s, ...i } = c(t, "Text");
     return /* @__PURE__ */ r(
       f,
       {
-        ...x,
-        className: u(s, a, C(m), {
+        ...i,
+        className: C(s, a, u(m), {
           [`${s}--${o}`]: !!o
         }),
         ref: p,

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

@@ -1,29 +1,70 @@
 export declare enum TextVariants {
+    /** @deprecated Use headingLarge instead */
     blockquote = "blockquote",
+    /** @deprecated Use headingLarge instead */
     heading1 = "heading1",
+    /** @deprecated Use headingLarge instead */
     heading2 = "heading2",
+    /** @deprecated Use headingMedium instead */
     heading3 = "heading3",
+    /** @deprecated Use headingSmall instead */
     heading4 = "heading4",
+    /** @deprecated Use headingExtraSmall instead */
     heading5 = "heading5",
+    /** @deprecated Use displayMedium instead */
     title1 = "title1",
+    /** @deprecated Use displaySmall instead */
     title2 = "title2",
+    /** @deprecated Use displaySmall instead */
     title3 = "title3",
+    /** @deprecated Use bodySmall instead */
     title4 = "title4",
+    /** @deprecated Use bodyLarge instead */
     body1 = "body1",
+    /** @deprecated Use bodyMedium instead */
     body2 = "body2",
+    /** @deprecated Use bodySmall instead */
     body3 = "body3",
+    /** @deprecated Use headingMedium instead */
     string1 = "string1",
+    /** @deprecated Use bodySmall instead */
     string2 = "string2",
+    /** @deprecated Use bodySmall instead */
     string3 = "string3",
+    /** @deprecated Use bodySmall instead */
     button = "button",
+    /** @deprecated Use the bodyMedium variant instead */
     email = "email",
+    /** @deprecated Use labelSmall instead */
     label = "label",
+    /** @deprecated Use linkMedium instead */
     link = "link",
+    /** @deprecated Use labelSmall instead */
     badge = "badge",
+    /** @deprecated Use linkLarge instead */
     snwFlyoutLink = "snwFlyoutLink",
+    /** @deprecated Use linkStylised instead */
     snwHeaderLink = "snwHeaderLink",
+    /** @deprecated Use displaySmall instead */
     snwHeadingHero1 = "snwHeadingHero1",
-    snwHeadingHero2 = "snwHeadingHero2"
+    /** @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"
 }
 export declare enum TextAlignments {
     left = "left",

package/dist/components/Text/types.js

@@ -1,5 +1,5 @@
-var g = /* @__PURE__ */ ((d) => (d.blockquote = "blockquote", d.heading1 = "heading1", d.heading2 = "heading2", d.heading3 = "heading3", d.heading4 = "heading4", d.heading5 = "heading5", d.title1 = "title1", d.title2 = "title2", d.title3 = "title3", d.title4 = "title4", d.body1 = "body1", d.body2 = "body2", d.body3 = "body3", d.string1 = "string1", d.string2 = "string2", d.string3 = "string3", d.button = "button", d.email = "email", d.label = "label", d.link = "link", d.badge = "badge", d.snwFlyoutLink = "snwFlyoutLink", d.snwHeaderLink = "snwHeaderLink", d.snwHeadingHero1 = "snwHeadingHero1", d.snwHeadingHero2 = "snwHeadingHero2", d))(g || {}), l = /* @__PURE__ */ ((d) => (d.left = "left", d.center = "center", d.right = "right", d))(l || {});
+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))(d || {}), g = /* @__PURE__ */ ((l) => (l.left = "left", l.center = "center", l.right = "right", l))(g || {});
 export {
-  l as TextAlignments,
-  g as TextVariants
+  g as TextAlignments,
+  d as TextVariants
 };

package/dist/components/Text/utils.js

@@ -1,10 +1,43 @@
-import { px as n } from "../../utils/index.js";
-import { TextVariants as r } from "./types.js";
-const o = (e = r.body1) => `${n}-text--${e.charAt(0).toLowerCase() + e.slice(1)}`, u = (e = r.body1) => {
-  let t = e.toLowerCase();
-  return e === r.blockquote ? "blockquote" : e.includes("body") || e.includes("string") || e.includes("title") ? "span" : e === r.label ? "label" : t.includes("heading") ? (t = t.replace("italic", ""), `h${isNaN(parseInt(t.slice(-1))) ? 3 : parseInt(t.slice(-1))}`) : "span";
+import { px as r } from "../../utils/index.js";
+import { TextVariants as t } from "./types.js";
+const u = (e = t.body1) => {
+  switch (e) {
+    case t.email:
+      return `${r}-text--bodyMedium`;
+    case t.link:
+      return `${r}-text--bodyMedium`;
+    case t.linkSmall:
+      return `${r}-text--bodySmall`;
+    case t.linkMedium:
+      return `${r}-text--bodyMedium`;
+    case t.linkLarge:
+      return `${r}-text--bodyLarge`;
+    default:
+      return `${r}-text--${e.charAt(0).toLowerCase() + e.slice(1)}`;
+  }
+}, 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("heading") || e.includes("display"))
+    switch (e) {
+      case t.headingLarge:
+      case t.displayMedium:
+        return "h1";
+      case t.headingMedium:
+      case t.displaySmall:
+        return "h2";
+      case t.headingSmall:
+        return "h3";
+      case t.headingExtraSmall:
+        return "h4";
+      default:
+        return `h${isNaN(parseInt(e.slice(-1))) ? 3 : parseInt(e.slice(-1))}`;
+    }
+  return "span";
 };
 export {
-  u as determineDefaultTextElement,
-  o as determineTextClassName
+  i as determineDefaultTextElement,
+  u as determineTextClassName
 };

package/dist/components/TextArea/TextArea.js

@@ -1,46 +1,50 @@
 import { jsxs as n, Fragment as w, jsx as s } from "react/jsx-runtime";
-import { forwardRef as I, useId as A } from "react";
+import { forwardRef as I, useId as T } from "react";
 import l from "../../node_modules/classnames/index.js";
-import { px as a, useNormalizedInputProps as j } from "../../utils/index.js";
-import y from "../Icon/Icon.js";
-const z = I(
+import { px as e, useNormalizedInputProps as A } from "../../utils/index.js";
+import j from "../Icon/Icon.js";
+import y from "../Text/Text.js";
+import { TextVariants as z } from "../Text/types.js";
+const C = I(
   ({
     className: o,
     id: t,
     isSkeletonLoading: d,
     labelText: m,
-    maxLength: c = 3e3,
-    name: p,
-    rows: x = 2,
+    maxLength: p = 3e3,
+    name: x,
+    rows: c = 2,
     disabled: $,
-    warn: _,
-    warnText: N,
+    warn: f,
+    warnText: _,
     invalid: b,
-    invalidText: f,
-    ...u
-  }, v) => {
-    const i = `${a}-text-area`, r = A(), e = j({
+    invalidText: u,
+    ...v
+  }, N) => {
+    const i = `${e}-text-area`, r = T(), a = A({
       disabled: $,
       id: t ?? r,
       invalid: b,
-      invalidText: f,
+      invalidText: u,
       type: "text-area",
-      warn: _,
-      warnText: N
+      warn: f,
+      warnText: _
     }), h = l(`${i}__wrapper`, {
-      [`${a}-text-area--disabled`]: e.disabled,
-      [`${a}-text-area--invalid`]: e.invalid,
-      [`${a}-text-area--warn`]: e.warn
+      [`${e}-text-area--disabled`]: a.disabled,
+      [`${e}-text-area--invalid`]: a.invalid,
+      [`${e}-text-area--warn`]: a.warn
     });
     return /* @__PURE__ */ n(w, { children: [
       /* @__PURE__ */ n("div", { className: h, children: [
         /* @__PURE__ */ s(
-          "label",
+          y,
           {
+            element: "label",
+            variant: z.labelMedium,
             "data-testid": `text-area-${t ?? r}-label`,
             htmlFor: t ?? r,
-            className: l(`${a}-text-area__label`, {
-              [`${a}-skeleton`]: d
+            className: l(`${e}-text-area__label`, {
+              [`${e}-skeleton`]: d
             }),
             children: m
           }
@@ -48,26 +52,26 @@ const z = I(
         /* @__PURE__ */ s(
           "textarea",
           {
-            ...u,
-            className: l(i, o, `${a}-text-area__input`, {
-              [`${a}-skeleton`]: d
+            ...v,
+            className: l(i, o, `${e}-text-area__input`, {
+              [`${e}-skeleton`]: d
             }),
             id: t ?? r,
-            rows: x,
-            maxLength: c,
-            name: p,
-            ref: v,
+            rows: c,
+            maxLength: p,
+            name: x,
+            ref: N,
             "data-testid": `text-area-${t ?? r}-input`,
-            disabled: e.disabled
+            disabled: a.disabled
           }
         ),
-        /* @__PURE__ */ s(y, { icon: "Menu", className: `${i}-resizer__icon` })
+        /* @__PURE__ */ s(j, { icon: "Menu", className: `${i}-resizer__icon` })
       ] }),
-      /* @__PURE__ */ s("div", { children: e.validation ?? /* @__PURE__ */ s("div", { className: `${a}-text-area__validation`, id: e.invalidId }) })
+      /* @__PURE__ */ s("div", { children: a.validation ?? /* @__PURE__ */ s("div", { className: `${e}-text-area__validation`, id: a.invalidId }) })
     ] });
   }
 );
-z.displayName = "TextArea";
+C.displayName = "TextArea";
 export {
-  z as default
+  C as default
 };

package/dist/components/Toast/Toast.js

@@ -7,14 +7,14 @@ import _ from "../Icon/Icon.js";
 import T from "../IconButton/IconButton.js";
 import { ButtonVariants as $ } from "../Button/types.js";
 const x = d(
-  ({ className: i, title: m, actionElement: a, actionAltText: s, closeButtonLabel: t, ...l }, n) => {
-    const { className: r, ...c } = p(l, "Toast");
-    return /* @__PURE__ */ e(h, { ...c, className: f(r, i), ref: n, children: [
+  ({ className: i, title: m, actionElement: a, actionAltText: s, closeButtonLabel: t, ...l }, c) => {
+    const { className: r, ...n } = p(l, "Toast");
+    return /* @__PURE__ */ e(h, { ...n, className: f(r, i), ref: c, children: [
       /* @__PURE__ */ e("div", { className: `${r}__content`, children: [
         /* @__PURE__ */ o(N, { children: m }),
         a && s && /* @__PURE__ */ o(u, { asChild: !0, altText: s, className: `${r}__action`, children: a })
       ] }),
-      /* @__PURE__ */ o(C, { className: `${r}__close`, "aria-label": t, asChild: !0, children: /* @__PURE__ */ o(T, { variant: $.link, children: /* @__PURE__ */ o(_, { icon: "CloseX", title: t, color: "$white-100", "aria-hidden": !0 }) }) })
+      /* @__PURE__ */ o(C, { className: `${r}__close`, "aria-label": t, asChild: !0, children: /* @__PURE__ */ o(T, { variant: $.tertiary, children: /* @__PURE__ */ o(_, { icon: "CloseX", title: t, color: "$white-100", "aria-hidden": !0 }) }) })
     ] });
   }
 );