@phillips/seldon 1.132.0 → 1.132.1

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

@@ -21,7 +21,9 @@ export declare const CarouselWithDots: {
     (props: CarouselProps & CarouselDotsProps): import("react/jsx-runtime").JSX.Element;
     args: {
         maxDots: number;
+        id: string;
     } | {
+        id: string;
         maxDots?: undefined;
     };
     argTypes: {};
@@ -30,6 +32,7 @@ export declare const CarouselWithDotsAndArrows: {
     (props: CarouselProps & CarouselDotsProps): import("react/jsx-runtime").JSX.Element;
     args: {
         maxDots: number;
+        id: string;
     };
     argTypes: {};
 };
@@ -37,6 +40,7 @@ export declare const CarouselWithDotsOverflow: {
     (props: CarouselProps & CarouselDotsProps): import("react/jsx-runtime").JSX.Element;
     args: {
         maxDots: number;
+        id: string;
     };
     argTypes: {};
 };

package/dist/components/Carousel/CarouselDots.d.ts

@@ -1,5 +1,9 @@
 import { ComponentProps } from 'react';
 export interface CarouselDotsProps extends ComponentProps<'div'> {
+    /**
+     * A unique `id` for the `<CarouselDots>`
+     */
+    id: string;
     /**
      * The maximum number of dots to display.
      */

package/dist/components/Carousel/CarouselDots.js

@@ -1,16 +1,16 @@
 import { jsx as m } from "react/jsx-runtime";
 import E from "../../node_modules/classnames/index.js";
-import { forwardRef as G, useId as L, useState as S, useRef as M, useCallback as l, useEffect as q, useMemo as z } from "react";
-import { useCarousel as A } from "./utils.js";
-import { getCommonProps as F } from "../../utils/index.js";
-import { CarouselDot as H } from "./CarouselDot.js";
-const h = 10, C = 12, J = (h + C) / 2, K = G(
-  ({ className: N, maxDots: I = 9, position: v = "inline", numberOfSlides: V = 0, ...g }, b) => {
-    const { className: c, ...k } = F(g, "CarouselDots"), y = L(), { api: t, onSlideChange: a } = A(), [R, T] = S(0), [i, O] = S(
-      Array.from({ length: V }, (e, o) => o)
-    ), r = M(null), [D, $] = S([]), w = l((e) => {
+import { forwardRef as G, useState as S, useRef as L, useCallback as l, useEffect as M, useMemo as q } from "react";
+import { useCarousel as z } from "./utils.js";
+import { getCommonProps as A } from "../../utils/index.js";
+import { CarouselDot as F } from "./CarouselDot.js";
+const h = 10, C = 12, H = (h + C) / 2, J = G(
+  ({ className: v, maxDots: g = 9, position: V = "inline", numberOfSlides: b = 0, id: I, ...D }, k) => {
+    const { className: c, ...y } = A({ id: I, ...D }, "CarouselDots"), { api: t, onSlideChange: a } = z(), [R, T] = S(0), [i, O] = S(
+      Array.from({ length: b }, (e, o) => o)
+    ), r = L(null), [$, w] = S([]), N = l((e) => {
       r.current && r.current.scrollTo?.({
-        left: e * (h + C) - r.current.offsetWidth / 2 + J,
+        left: e * (h + C) - r.current.offsetWidth / 2 + H,
         // Center dot in container
         behavior: "smooth"
       });
@@ -23,36 +23,36 @@ const h = 10, C = 12, J = (h + C) / 2, K = G(
       O(e.scrollSnapList());
     }, []), n = l(
       (e) => {
-        T(e.selectedScrollSnap()), w(e.selectedScrollSnap());
+        T(e.selectedScrollSnap()), N(e.selectedScrollSnap());
       },
-      [w]
+      [N]
     ), u = l(
       (e) => {
         a?.(e.selectedScrollSnap());
       },
       [a]
     );
-    q(() => {
+    M(() => {
       if (t)
         return f(t), n(t), t.on("reInit", f).on("reInit", n).on("select", n).on("settle", u), () => {
           t.off("reInit", f).off("reInit", n).off("select", n).off("settle", u);
         };
     }, [t, f, n, u]);
-    const s = z(() => D.sort((e, o) => e - o), [D]);
+    const s = q(() => $.sort((e, o) => e - o), [$]);
     return /* @__PURE__ */ m(
       "div",
       {
-        ref: b,
+        ref: k,
         role: "group",
         "aria-roledescription": "pagination",
         "aria-label": "pagination",
-        className: E(`${c}`, N, `${c}-${v}`),
-        ...g,
-        ...k,
+        className: E(`${c}`, v, `${c}-${V}`),
+        ...D,
+        ...y,
         children: /* @__PURE__ */ m("div", { className: `${c}-container`, children: /* @__PURE__ */ m(
           "div",
           {
-            style: { "--max-width": `${I * h + (I - 1) * C + 2}px` },
+            style: { "--max-width": `${g * h + (g - 1) * C + 2}px` },
             className: `${c}-container-inner`,
             ref: r,
             children: i.map((e, o) => {
@@ -64,17 +64,17 @@ const h = 10, C = 12, J = (h + C) / 2, K = G(
                 !(o >= i.length - 2 && s.includes(i.length - 1) && s.includes(i.length - 2))
               );
               return /* @__PURE__ */ m(
-                H,
+                F,
                 {
                   onClick: () => P(o),
                   isSelected: W,
                   scrollableContainerRef: r,
                   onInViewChange: (j) => {
-                    $(j ? (p) => [...p, o] : (p) => p.filter((B) => B !== o));
+                    w(j ? (p) => [...p, o] : (p) => p.filter((B) => B !== o));
                   },
                   variant: _ ? "sm" : "md"
                 },
-                `${y}-dot-${o}`
+                `${I}-dot-${o}`
               );
             })
           }
@@ -83,7 +83,7 @@ const h = 10, C = 12, J = (h + C) / 2, K = G(
     );
   }
 );
-K.displayName = "CarouselDots";
+J.displayName = "CarouselDots";
 export {
-  K as default
+  J as default
 };

package/dist/components/DatePicker/DatePicker.d.ts

@@ -23,7 +23,7 @@ export interface DatePickerProps extends Omit<InputProps, 'defaultValue' | 'onCh
      */
     hideLabel?: boolean;
     /**
-     * A custom `id` for the `<input>`
+     * A unique `id` for the `<input>`
      */
     id: string;
     /**

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

@@ -19,9 +19,9 @@ export interface InputProps extends Omit<React.ComponentProps<'input'>, 'size'>
      */
     hideLabel?: boolean;
     /**
-     * A custom `id` for the `<input>`
+     * A unique `id` for the `<input>`
      */
-    id?: string;
+    id: string;
     /**
      * Boolean to dictate whether input is inline with the label or not. `true` to use the inline version.
      */

package/dist/components/Input/Input.js

@@ -1,62 +1,62 @@
-import { jsxs as k, jsx as s } from "react/jsx-runtime";
-import * as u from "react";
+import { jsxs as P, jsx as d } from "react/jsx-runtime";
+import * as R from "react";
 import n from "../../node_modules/classnames/index.js";
-import { px as t, useNormalizedInputProps as z } from "../../utils/index.js";
-const C = u.forwardRef(
+import { px as t, useNormalizedInputProps as k } from "../../utils/index.js";
+const z = R.forwardRef(
   ({
     className: p,
-    defaultValue: $,
-    disabled: m,
-    hideLabel: c,
+    defaultValue: o,
+    disabled: u,
+    hideLabel: $,
     id: a,
-    inline: _,
-    invalid: b,
-    invalidText: h,
-    labelText: f,
-    onChange: v,
-    onClick: x,
-    placeholder: w,
-    readOnly: d,
-    size: I = "md",
-    type: r = "text",
-    value: N,
-    warn: y,
-    warnText: j,
+    inline: m,
+    invalid: c,
+    invalidText: _,
+    labelText: b,
+    onChange: h,
+    onClick: f,
+    placeholder: v,
+    readOnly: e,
+    size: x = "md",
+    type: s = "text",
+    value: w,
+    warn: N,
+    warnText: y,
     isSkeletonLoading: l,
-    ...o
-  }, P) => {
-    const e = u.useId(), i = z({
-      disabled: m,
-      id: a || e,
-      invalid: b,
-      invalidText: h,
-      readOnly: d,
-      type: r,
-      warn: y,
-      warnText: j
-    }), R = n(`${t}-${r}-input`, `${t}-input`, `${t}-input--${I}`, {
-      [`${t}-input--inline`]: _,
-      [`${t}-input--readonly`]: d,
+    ...r
+  }, I) => {
+    const i = k({
+      disabled: u,
+      id: a,
+      invalid: c,
+      invalidText: _,
+      readOnly: e,
+      type: s,
+      warn: N,
+      warnText: y
+    }), j = n(`${t}-${s}-input`, `${t}-input`, `${t}-input--${x}`, {
+      [`${t}-input--inline`]: m,
+      [`${t}-input--readonly`]: e,
       [`${t}-input--disabled`]: i.disabled,
       [`${t}-input--invalid`]: i.invalid,
       [`${t}-input--warn`]: i.warn,
       [`${p}__wrapper`]: p,
-      [`${t}-input--hidden`]: o.hidden
+      [`${t}-input--hidden`]: r.hidden
     });
-    return /* @__PURE__ */ k("div", { className: R, children: [
-      /* @__PURE__ */ s(
+    return /* @__PURE__ */ P("div", { className: j, children: [
+      /* @__PURE__ */ d(
         "label",
         {
-          "data-testid": `label-${a || e}`,
-          htmlFor: a || e,
+          "data-testid": `label-${a}`,
+          htmlFor: a,
           className: n(`${t}-input__label`, {
-            [`${t}-input__label--hidden`]: c,
+            [`${t}-input__label--hidden`]: $,
             [`${t}-skeleton`]: l
           }),
-          children: f
+          children: b
         }
       ),
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ d(
         "input",
         {
           className: n(`${t}-input__input`, p, {
@@ -64,22 +64,22 @@ const C = u.forwardRef(
           }),
           "data-testid": a,
           disabled: i.disabled,
-          id: a || e,
-          onChange: v,
-          onClick: x,
-          placeholder: l ? "" : w,
-          readOnly: d,
-          ref: P,
+          id: a,
+          onChange: h,
+          onClick: f,
+          placeholder: l ? "" : v,
+          readOnly: e,
+          ref: I,
           type: i.type,
-          ...i.type !== "checkbox" && i.type !== "radio" ? { value: N, defaultValue: $ } : {},
-          ...o
+          ...i.type !== "checkbox" && i.type !== "radio" ? { value: w, defaultValue: o } : {},
+          ...r
         }
       ),
-      i.validation ? i.validation : /* @__PURE__ */ s("p", { className: n(`${t}-input__validation`), children: " " })
+      i.validation ? i.validation : /* @__PURE__ */ d("p", { className: n(`${t}-input__validation`), children: " " })
     ] });
   }
 );
-C.displayName = "Input";
+z.displayName = "Input";
 export {
-  C as default
+  z as default
 };

package/dist/components/Pagination/Pagination.js

@@ -18,21 +18,21 @@ const Q = ({
   previousLabel: j = "Previous",
   nextLabel: C = "Next",
   selectLabel: v = "Select",
-  ...s
+  ...d
 }) => {
-  const N = "pagination", { className: a, ...O } = T(s, "Pagination"), { id: p } = s, { pendingState: I, setPendingState: w } = R(f(g)), l = I || g, d = (e, r) => {
+  const N = "pagination", { className: a, ...O } = T(d, "Pagination"), { id: l } = d, { pendingState: I, setPendingState: w } = R(f(g)), s = I || g, p = (e, r) => {
     const m = f(e);
     w(m), _(m, r);
   }, [t, n] = B(() => {
-    const e = o.findIndex((h) => f(h) === l) - 1, r = o.at(e) || "", m = (o.findIndex((h) => f(h) === l) + 1) % o.length, V = o[m];
+    const e = o.findIndex((h) => f(h) === s) - 1, r = o.at(e) || "", m = (o.findIndex((h) => f(h) === s) + 1) % o.length, V = o[m];
     return [r, V];
-  }, [o, l]);
+  }, [o, s]);
   return /* @__PURE__ */ k(
     "div",
     {
       className: u(`${b}-${N}`, { [`${a}__wrapper`]: a }, P),
       ...O,
-      ...s,
+      ...d,
       children: [
         /* @__PURE__ */ i(
           $,
@@ -41,9 +41,9 @@ const Q = ({
               [`${a}__button--is-disabled`]: c
             }),
             onClick: (e) => {
-              typeof t == "object" && t.href && e.preventDefault(), d(t);
+              typeof t == "object" && t.href && e.preventDefault(), p(t);
             },
-            "data-testid": `${p}-previous-button`,
+            "data-testid": `${l}-previous-button`,
             isDisabled: c,
             "aria-label": j,
             variant: y.primary,
@@ -57,16 +57,17 @@ const Q = ({
           {
             className: S === "inline" ? `${b}--inline-pagination` : void 0,
             "aria-label": v,
-            value: l,
+            value: s,
             onChange: (e) => {
               const r = M(o, e?.currentTarget.value);
-              r && d(r, e);
+              r && p(r, e);
             },
-            "data-testid": `${p}-select-button`,
+            "data-testid": `${l}-select-button`,
             hideLabel: !0,
             labelText: v,
             disabled: c,
             showIcon: !1,
+            id: `${l}-select-button`,
             children: o.map((e) => {
               const r = f(e);
               return /* @__PURE__ */ i("option", { value: r, children: typeof e == "string" || typeof e == "number" ? e : e.label }, r);
@@ -80,9 +81,9 @@ const Q = ({
               [`${a}__button--is-disabled`]: c
             }),
             onClick: (e) => {
-              typeof n == "object" && n.href && e.preventDefault(), d(n);
+              typeof n == "object" && n.href && e.preventDefault(), p(n);
             },
-            "data-testid": `${p}-next-button`,
+            "data-testid": `${l}-next-button`,
             isDisabled: c,
             "aria-label": C,
             variant: y.primary,

package/dist/components/Select/Select.d.ts

@@ -7,6 +7,10 @@ export interface SelectProps extends Merge<InputProps, React.ComponentProps<'sel
      * Option elements that are selectable
      */
     children: React.ReactNode;
+    /**
+     * A unique `id` for the `<Select>`
+     */
+    id: string;
     /**
      * Determines if you want to show the icon
      */

package/dist/components/Select/Select.js

@@ -1,51 +1,51 @@
 import { jsxs as p, jsx as s } from "react/jsx-runtime";
-import * as d from "react";
-import a from "../../node_modules/classnames/index.js";
+import * as k from "react";
+import n from "../../node_modules/classnames/index.js";
 import { px as e, useNormalizedInputProps as z } from "../../utils/index.js";
 import { SelectVariants as c } from "./types.js";
 import D from "../../assets/chevronDown.svg.js";
-const F = d.forwardRef(
+const F = k.forwardRef(
   ({
-    children: m,
+    children: d,
     className: i,
-    defaultValue: u,
-    disabled: $,
-    hideLabel: _,
+    defaultValue: m,
+    disabled: u,
+    hideLabel: $,
     id: t,
     showIcon: l = !0,
-    variant: f = c.default,
-    inline: b,
-    invalid: v,
-    invalidText: h,
-    labelText: w,
-    onChange: C,
+    variant: _ = c.default,
+    inline: f,
+    invalid: b,
+    invalidText: v,
+    labelText: h,
+    onChange: w,
     onClick: V,
     readOnly: r,
-    size: x = "md",
-    value: y,
-    warn: N,
-    warnText: S,
-    ...g
+    size: C = "md",
+    value: x,
+    warn: y,
+    warnText: N,
+    ...S
   }, j) => {
-    const o = "select", I = d.useId(), n = z({
-      disabled: $,
-      id: t ?? I,
-      invalid: v,
-      invalidText: h,
+    const o = "select", a = z({
+      disabled: u,
+      id: t,
+      invalid: b,
+      invalidText: v,
       readOnly: r,
       type: o,
-      warn: N,
-      warnText: S
-    }), P = a(`${e}-${o}-input`, `${e}-input`, `${e}-input--${x}`, {
-      [`${e}-input--inline`]: b,
+      warn: y,
+      warnText: N
+    }), P = n(`${e}-${o}-input`, `${e}-input`, `${e}-input--${C}`, {
+      [`${e}-input--inline`]: f,
       [`${e}-input--readonly`]: r,
-      [`${e}-input--disabled`]: n.disabled,
-      [`${e}-input--invalid`]: n.invalid,
-      [`${e}-input--warn`]: n.warn,
+      [`${e}-input--disabled`]: a.disabled,
+      [`${e}-input--invalid`]: a.invalid,
+      [`${e}-input--warn`]: a.warn,
       [`${i}__wrapper`]: i
-    }), R = a(i, `${e}-input__input`, {
-      [`${e}-input__select--tertiary`]: f === c.tertiary
-    }), k = a(`${e}-select-container`, {
+    }), R = n(i, `${e}-input__input`, {
+      [`${e}-input__select--tertiary`]: _ === c.tertiary
+    }), g = n(`${e}-select-container`, {
       [`${e}-select-container--show__icon`]: l
     });
     return /* @__PURE__ */ p("div", { className: P, children: [
@@ -54,29 +54,29 @@ const F = d.forwardRef(
         {
           "data-testid": `${t}-label`,
           htmlFor: t,
-          className: a(`${e}-input__label`, { [`${e}-input__label--hidden`]: _ }),
-          children: w
+          className: n(`${e}-input__label`, { [`${e}-input__label--hidden`]: $ }),
+          children: h
         }
       ),
-      /* @__PURE__ */ p("div", { className: k, children: [
+      /* @__PURE__ */ p("div", { className: g, children: [
         /* @__PURE__ */ s(
           "select",
           {
             className: R,
             "data-testid": t,
-            defaultValue: u,
-            disabled: n.disabled,
+            defaultValue: m,
+            disabled: a.disabled,
             id: t,
-            onChange: C,
+            onChange: w,
             ref: j,
-            value: y,
-            ...g,
-            children: m
+            value: x,
+            ...S,
+            children: d
           }
         ),
         l ? /* @__PURE__ */ s(D, {}) : null
       ] }),
-      n.validation
+      a.validation
     ] });
   }
 );

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/Subscribe/Subscribe.d.ts

@@ -17,6 +17,10 @@ export interface SubscribeProps extends React.HTMLAttributes<HTMLFormElement> {
      * Optional element to render in place of a form e.g. Remix Form, etc
      */
     element?: React.ElementType<SubscribeProps>;
+    /**
+     * A unique `id` for the `<Subscribe>`
+     */
+    id: string;
     /**
      * Subscribe input label
      */
@@ -63,5 +67,5 @@ export interface SubscribeProps extends React.HTMLAttributes<HTMLFormElement> {
  *
  * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-subscribe--overview)
  */
-declare const Subscribe: ({ autoFocus, blurb, buttonText, buttonProps, className, element: Element, inputLabelText, inputPlaceholder, title, loadingText, invalidText, errorText, successText, privacyText, subscriptionState, ...props }: SubscribeProps) => import("react/jsx-runtime").JSX.Element;
+declare const Subscribe: ({ autoFocus, blurb, buttonText, buttonProps, className, element: Element, inputLabelText, inputPlaceholder, title, loadingText, invalidText, errorText, successText, privacyText, subscriptionState, id, ...props }: SubscribeProps) => import("react/jsx-runtime").JSX.Element;
 export default Subscribe;

package/dist/patterns/Subscribe/Subscribe.js

@@ -1,66 +1,68 @@
-import { jsxs as C, jsx as n } from "react/jsx-runtime";
-import I from "../../node_modules/classnames/index.js";
-import { getCommonProps as L } from "../../utils/index.js";
-import S from "../../components/Input/Input.js";
-import T from "../../components/Button/Button.js";
+import { jsxs as I, jsx as n } from "react/jsx-runtime";
+import L from "../../node_modules/classnames/index.js";
+import { getCommonProps as S } from "../../utils/index.js";
+import T from "../../components/Input/Input.js";
+import j from "../../components/Button/Button.js";
 import { SubscriptionState as o } from "./types.js";
-import { ButtonVariants as j } from "../../components/Button/types.js";
-const k = ({
-  autoFocus: m = !0,
-  blurb: a,
-  buttonText: c = "Sign Up",
+import { ButtonVariants as w } from "../../components/Button/types.js";
+const z = ({
+  autoFocus: c = !0,
+  blurb: s,
+  buttonText: u = "Sign Up",
   buttonProps: d,
-  className: s,
-  element: u = "form",
-  inputLabelText: p = "Enter Your Email Address To Sign Up*",
-  inputPlaceholder: f = "example@email.com",
-  title: g = "Never Miss A Moment",
-  loadingText: _ = "Loading...",
-  invalidText: h = "",
-  errorText: v = "An error occurred. Please try again.",
-  successText: x,
-  privacyText: i = "By signing up, you agree to receive email communications from Phillips.",
+  className: i,
+  element: p = "form",
+  inputLabelText: f = "Enter Your Email Address To Sign Up*",
+  inputPlaceholder: g = "example@email.com",
+  title: _ = "Never Miss A Moment",
+  loadingText: h = "Loading...",
+  invalidText: v = "",
+  errorText: x = "An error occurred. Please try again.",
+  successText: N,
+  privacyText: t = "By signing up, you agree to receive email communications from Phillips.",
   subscriptionState: e = o.Default,
-  ...t
+  id: a,
+  ...l
 }) => {
-  const { className: r, ...N } = L(t, "Subscribe"), y = e === o.Invalid, $ = e === o.Loading, b = e === o.Success, E = e === o.Error, P = {
-    invalid: h,
-    success: x,
-    loading: _,
-    error: v
-  }, l = e !== o.Default ? P[e] : "", A = b || $, B = y || E;
-  return /* @__PURE__ */ C(u, { ...N, className: I(r, s), noValidate: !0, ...t, children: [
-    /* @__PURE__ */ n("h3", { className: `${r}__title`, children: g }),
-    a ? /* @__PURE__ */ n("p", { className: `${r}__blurb`, children: a }) : null,
+  const { className: r, ...$ } = S({ id: a, ...l }, "Subscribe"), y = e === o.Invalid, b = e === o.Loading, E = e === o.Success, P = e === o.Error, A = {
+    invalid: v,
+    success: N,
+    loading: h,
+    error: x
+  }, m = e !== o.Default ? A[e] : "", B = E || b, C = y || P;
+  return /* @__PURE__ */ I(p, { id: a, ...$, className: L(r, i), noValidate: !0, ...l, children: [
+    /* @__PURE__ */ n("h3", { className: `${r}__title`, children: _ }),
+    s ? /* @__PURE__ */ n("p", { className: `${r}__blurb`, children: s }) : null,
     /* @__PURE__ */ n(
-      S,
+      T,
       {
-        autoFocus: m,
+        autoFocus: c,
         className: `${r}__input`,
         type: "email",
         name: "email",
-        placeholder: f,
-        labelText: p,
-        invalid: B,
-        invalidText: l,
-        warn: A,
-        warnText: l,
-        required: !0
+        placeholder: g,
+        labelText: f,
+        invalid: C,
+        invalidText: m,
+        warn: B,
+        warnText: m,
+        required: !0,
+        id: `${a}-input`
       }
     ),
     /* @__PURE__ */ n(
-      T,
+      j,
       {
-        className: `${r}__button ${s}`,
-        variant: j.secondary,
+        className: `${r}__button ${i}`,
+        variant: w.secondary,
         type: "submit",
         ...d,
-        children: c
+        children: u
       }
     ),
-    i ? /* @__PURE__ */ n("p", { className: `${r}__privacy`, children: i }) : null
+    t ? /* @__PURE__ */ n("p", { className: `${r}__privacy`, children: t }) : null
   ] });
 };
 export {
-  k as default
+  z as default
 };

package/dist/patterns/Subscribe/Subscribe.stories.d.ts

@@ -2,7 +2,7 @@ import { SubscribeProps } from './Subscribe';
 import { SubscriptionState } from './types';
 declare const meta: {
     title: string;
-    component: ({ autoFocus, blurb, buttonText, buttonProps, className, element: Element, inputLabelText, inputPlaceholder, title, loadingText, invalidText, errorText, successText, privacyText, subscriptionState, ...props }: SubscribeProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ autoFocus, blurb, buttonText, buttonProps, className, element: Element, inputLabelText, inputPlaceholder, title, loadingText, invalidText, errorText, successText, privacyText, subscriptionState, id, ...props }: SubscribeProps) => import("react/jsx-runtime").JSX.Element;
 };
 export default meta;
 export declare const Playground: {

package/dist/scss/_vars.scss

@@ -103,10 +103,9 @@ $snwHeaderLink: 'snwHeaderLink';
 $snwFlyoutLink: 'snwFlyoutLink';
 $snwHeadingHero1: 'snwHeadingHero1';
 $snwHeadingHero2: 'snwHeadingHero2';
-$text-tokens:
-  $button, $link, $email, $label, $badge, $blockquote, $heading1, $heading2, $heading3, $heading4, $heading5, $title1,
-  $title2, $title3, $title4, $body1, $body2, $body3, $string1, $string2, $string3, $snwFlyoutLink, $snwHeaderLink,
-  $snwHeadingHero1, $snwHeadingHero2;
+$text-tokens: $button, $link, $email, $label, $badge, $blockquote, $heading1, $heading2, $heading3, $heading4, $heading5,
+  $title1, $title2, $title3, $title4, $body1, $body2, $body3, $string1, $string2, $string3, $snwFlyoutLink,
+  $snwHeaderLink, $snwHeadingHero1, $snwHeadingHero2;
 
 ////////////////////////
 /// Breakpoint TOKENS to be used for min-width comparisons, make sure they match BREAKPOINTS in constants.ts

package/dist/utils/index.d.ts

@@ -40,7 +40,7 @@ export interface InputProps {
      */
     disabled?: boolean;
     /**
-     * Specify a custom `id` for the `<input>`
+     * Specify a unique `id` for the `<input>`
      */
     id: string;
     /**

package/package.json

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