@windstream/react-shared-components 0.2.59 → 0.2.60

package/dist/core.d.ts

@@ -66,8 +66,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

@@ -66,11 +66,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?: "error" | "default" | "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.59",
+  "version": "0.2.60",
   "type": "module",
   "description": "Shared React components for Kinetic applications",
   "main": "dist/index.js",

package/src/contentful/blocks/award-marquee/index.test.tsx

@@ -28,6 +28,26 @@ describe("AwardMarquee", () => {
     expect(icon.src).toContain("icon-0.png");
   });
 
+  it("renders intrinsic icon dimensions when provided", () => {
+    const [item] = buildItems(1);
+    render(
+      <AwardMarquee
+        items={[{ ...item, iconWidth: 320, iconHeight: 180 }]}
+      />
+    );
+    const icon = screen.getByAltText("Award 0");
+    expect(icon).toHaveAttribute("width", "320");
+    expect(icon).toHaveAttribute("height", "180");
+    expect(icon).toHaveClass("w-[200px]");
+  });
+
+  it("omits intrinsic icon dimensions when unavailable", () => {
+    render(<AwardMarquee items={buildItems(1)} />);
+    const icon = screen.getByAltText("Award 0");
+    expect(icon).not.toHaveAttribute("width");
+    expect(icon).not.toHaveAttribute("height");
+  });
+
   it("renders a static (non-animated) list when scroll is disabled", () => {
     const { container } = render(
       <AwardMarquee items={buildItems(5)} scroll={false} />

package/src/contentful/blocks/award-marquee/index.tsx

@@ -21,14 +21,27 @@ const BACKGROUND_CLASS: Record<AwardMarqueeBackground, string> = {
 };
 
 const renderAwardItem = (
-  { iconUrl, iconAlt, title, description }: AwardMarqueeItem,
+  {
+    iconUrl,
+    iconAlt,
+    iconWidth,
+    iconHeight,
+    title,
+    description,
+  }: AwardMarqueeItem,
   key: React.Key
 ) => (
   <div
     key={key}
     className="ml-4 flex w-auto flex-shrink-0 items-center whitespace-nowrap"
   >
-    <img src={iconUrl} alt={iconAlt ?? ""} width={200} />
+    <img
+      src={iconUrl}
+      alt={iconAlt ?? ""}
+      width={iconWidth}
+      height={iconHeight}
+      className="w-[200px]"
+    />
     <div className="w-[250px] text-center">
       <p className="flex justify-center text-center text-body3 font-bold">
         {title}

package/src/contentful/blocks/award-marquee/types.ts

@@ -5,6 +5,8 @@ export type AwardMarqueeBackground = "cream" | "gray90" | "white";
 export type AwardMarqueeItem = {
   iconUrl: string;
   iconAlt?: string;
+  iconWidth?: number;
+  iconHeight?: number;
   title?: string;
   description?: string;
 };