@windstream/react-shared-components 0.2.34 → 0.2.35

package/dist/index.d.ts

@@ -66,7 +66,7 @@ declare const Input: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAtt
     size?: "slim" | "medium" | "large" | undefined;
     label?: string | undefined;
     errorText?: string | undefined;
-    prefixIconName?: "search" | "location_on" | undefined;
+    prefixIconName?: "location_on" | "search" | undefined;
     prefixIconSize?: 20 | 24 | 40 | 48 | undefined;
     prefixIconFill?: boolean | undefined;
     suffixIconFill?: boolean | undefined;
@@ -171,7 +171,7 @@ interface ListItemProps extends LiHTMLAttributes<HTMLLIElement> {
 
 declare const ListItem: React$1.ForwardRefExoticComponent<ListItemProps & React$1.RefAttributes<HTMLLIElement>>;
 
-declare const List: React__default.ForwardRefExoticComponent<ListProps & React__default.RefAttributes<HTMLUListElement | HTMLOListElement>>;
+declare const List: React__default.ForwardRefExoticComponent<ListProps & React__default.RefAttributes<HTMLOListElement | HTMLUListElement>>;
 
 declare const iconNameList: readonly ["info", "download", "featured_seasonal_and_gifts", "visibility", "paid", "check_box", "check_box_outline_blank", "radio_button_unchecked", "radio_button_checked", "counter_1", "counter_2", "counter_3", "error", "search", "cancel", "router", "broadcast_on_home", "check", "check_circle", "lock", "shield_lock", "phone_in_talk", "call", "chevron_left", "chevron_right", "keyboard_arrow_down", "keyboard_arrow_up", "arrow_back", "arrow_forward", "help", "home_pin", "location_on", "timer", "schedule", "add", "remove", "bolt", "rocket", "cloud_sync", "close", "groups", "speed", "mail", "credit_card", "language", "forum", "contract", "local_atm", "headset_mic", "sensors", "wifi", "settings", "home", "devices", "build", "thumb_up", "desktop_windows", "block", "all_inclusive", "verified_user", "extension", "stadia_controller", "visibility_off", "close_fullscreen", "progress_activity", "travel_explore", "share", "business_center", "upload", "videocam", "expand_circle_right", "add_circle", "do_not_disturb_on", "expand_circle_up", "expand_circle_down", "replay", "fiber_manual_record", "menu", "dangerous", "star", "play_arrow", "calendar_clock", "shopping_cart"];
 declare const OpticalSizes: readonly ["20dp", "24dp", "40dp", "48dp"];

package/package.json

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

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

@@ -285,6 +285,27 @@ describe("PrimaryHero", () => {
   });
 
   describe("Pricing description disclaimer", () => {
+    it("renders pricingDescription with subheading and responsive alignment classes", () => {
+      render(
+        <PrimaryHero
+          {...baseProps}
+          pricingDescription="Building a new home? Contact us to see if you're eligible for Kinetic Internet."
+        />
+      );
+
+      const pricingText = screen.getByText(
+        "Building a new home? Contact us to see if you're eligible for Kinetic Internet."
+      );
+
+      expect(pricingText).toBeInTheDocument();
+      expect(pricingText).toHaveClass("subheading1");
+      expect(pricingText).toHaveClass(
+        "text-left",
+        "sm:text-center",
+        "xl:text-left"
+      );
+    });
+
     it("renders pricingDescriptionDisclaimer (desktop and mobile)", () => {
       render(
         <PrimaryHero
@@ -300,7 +321,6 @@ describe("PrimaryHero", () => {
       expect(screen.queryByText("Taxes apply")).not.toBeInTheDocument();
     });
   });
-
   describe("Images", () => {
     it("renders carousel image (mobile and desktop)", () => {
       render(

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

@@ -126,15 +126,19 @@ export const PrimaryHero: React.FC<PrimaryHeroProps> = props => {
 
             {pricingDescription ? (
               <Text
-                data-cy="hero-pricing-disclaimer"
-                className={cx("text-left sm:text-center xl:text-left")}
+                data-cy="hero-pricing-description"
+                className={cx("subheading1", "text-left sm:text-center xl:text-left")}
               >
                 {pricingDescription}
               </Text>
             ) : null}
 
             {pricingDescriptionDisclaimer ? (
-              <Text data-cy="hero-pricing-disclaimer" as="p" className="body3">
+              <Text
+                data-cy="hero-pricing-disclaimer"
+                as="p"
+                className={cx("body3", "text-left sm:text-center xl:text-left")}
+              >
                 {pricingDescriptionDisclaimer}
               </Text>
             ) : null}