@windstream/react-shared-components 0.2.91 → 0.2.92

package/dist/core.d.ts

@@ -67,8 +67,8 @@ type InputFieldProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size"> & {
 
 declare const InputField: ForwardRefRenderFunction<HTMLInputElement, InputFieldProps>;
 declare const Input: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size"> & {
-    state?: "error" | "default" | "focus" | "active" | "hover" | "filled" | undefined;
-    size?: "medium" | "slim" | "large" | undefined;
+    state?: "default" | "focus" | "active" | "hover" | "filled" | "error" | undefined;
+    size?: "slim" | "medium" | "large" | undefined;
     label?: string | undefined;
     errorText?: string | undefined;
     prefixIconName?: "search" | "location_on" | undefined;

package/dist/index.d.ts

@@ -67,11 +67,11 @@ type InputFieldProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size"> & {
 
 declare const InputField: ForwardRefRenderFunction<HTMLInputElement, InputFieldProps>;
 declare const Input: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size"> & {
-    state?: "default" | "focus" | "active" | "hover" | "filled" | "error" | undefined;
-    size?: "slim" | "medium" | "large" | undefined;
+    state?: "default" | "error" | "focus" | "active" | "hover" | "filled" | undefined;
+    size?: "medium" | "slim" | "large" | undefined;
     label?: string | undefined;
     errorText?: string | undefined;
-    prefixIconName?: "location_on" | "search" | undefined;
+    prefixIconName?: "search" | "location_on" | undefined;
     prefixIconSize?: 20 | 24 | 40 | 48 | undefined;
     prefixIconFill?: boolean | undefined;
     suffixIconFill?: boolean | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@windstream/react-shared-components",
-  "version": "0.2.91",
+  "version": "0.2.92",
   "type": "module",
   "description": "Shared React components for Kinetic applications",
   "main": "dist/index.js",

package/src/contentful/blocks/callout/{callout.stories.tsx → Callout.stories.tsx}

@@ -8,7 +8,7 @@ import {
   fourColumnItems,
   fullImageItems,
   withFloatingImageArgs,
-} from "./callout.stories.mocks";
+} from "./Callout.stories.mocks";
 
 import { DocsPage } from "@shared/stories/DocsTemplate";
 import type { Meta, StoryObj } from "@storybook/react";

package/src/contentful/blocks/cards/product-card/index.test.tsx

@@ -299,6 +299,24 @@ describe("ProductCard", () => {
       expect(screen.getByAltText("Free router")).toBeInTheDocument();
     });
 
+    it("spreads each gift's fieldProps onto its own row", () => {
+      const giftBadge = [
+        {
+          title: "Free router",
+          icon: "/router.png",
+          fieldProps: { "data-contentful-entry-id": "gift-1" },
+        },
+        { title: "Free install", icon: "/install.png" },
+      ] as any;
+      render(<ProductCard {...defaultProps} giftBadge={giftBadge} />);
+      expect(
+        screen.getByText("Free router").parentElement
+      ).toHaveAttribute("data-contentful-entry-id", "gift-1");
+      expect(
+        screen.getByText("Free install").parentElement
+      ).not.toHaveAttribute("data-contentful-entry-id");
+    });
+
     it("does not render gift badges when not provided", () => {
       render(<ProductCard {...defaultProps} />);
       expect(screen.queryByText("Free router")).not.toBeInTheDocument();

package/src/contentful/blocks/cards/product-card/index.tsx

@@ -214,6 +214,7 @@ export const ProductCard: React.FC<ProductCardProps> = ({
                   <div
                     key={badge.title}
                     className="flex w-full items-center gap-2"
+                    {...badge.fieldProps}
                   >
                     <Image
                       src={badge.icon}

package/src/contentful/blocks/cards/product-card/types.ts

@@ -18,7 +18,14 @@ export interface ProductCardProps {
   description: string;
   bestValue?: boolean;
   bestValueText?: string;
-  giftBadge?: [{ title: ReactNode; icon: string }];
+  giftBadge?: [
+    {
+      title: ReactNode;
+      icon: string;
+      /** Extra DOM attribute props, spread onto this gift row. */
+      fieldProps?: Record<string, unknown>;
+    },
+  ];
   innerBadge?: { badgeText: string; badgeIcon: string };
   theme?: "light" | "dark";
   featuresTitle?: string;

package/src/contentful/blocks/navigation/{navigation.stories.tsx → Navigation.stories.tsx}

@@ -7,7 +7,7 @@ import {
   UTILITY_LINKS,
   ACCOUNT_LINKS,
   SUPPORT_LINKS,
-} from "./navigation.stories.mocks";
+} from "./Navigation.stories.mocks";
 
 const searchFormStyle = `
   form[name="searchForm"] {

package/src/contentful/blocks/primary-hero/index.test.tsx

@@ -147,7 +147,7 @@ describe("PrimaryHero", () => {
       expect(dollarSign).toHaveClass("subheading1", "mt-0.5");
       expect(amount).toHaveTextContent(/^19$/);
       expect(suffix?.tagName).toBe("P");
-      expect(suffix).toHaveClass("subheading1", "mt-0.5");
+      expect(suffix).toHaveClass("label1", "mt-0.5");
       expect(suffix).toHaveTextContent(/^99\/mo\*$/);
       expect(suffix?.querySelector("span")).toBeNull();
     });
@@ -208,7 +208,7 @@ describe("PrimaryHero", () => {
       const { amount, suffix } = getPriceLockup(container);
 
       expect(amount).toHaveTextContent(/^39$/);
-      expect(suffix).toHaveClass("subheading1", "mt-0.5");
+      expect(suffix).toHaveClass("label1", "mt-0.5");
       expect(suffix).toHaveTextContent(/^99$/);
     });