@windstream/react-shared-components 0.2.25 → 0.2.27

package/package.json

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

package/src/contentful/blocks/image-promo-bar/index.tsx

@@ -144,7 +144,15 @@ export const ImagePromoBar: React.FC<ImagePromoBarProps> = ({
                   <div className="primary-cta w-full xl:w-auto xl:shrink-0">
                     <Button
                       {...cta}
-                      disableAnimation={!enableAnimation}
+                      // Block-level `enableAnimation` takes precedence:
+                      //  - true  -> CTA animates
+                      //  - false -> CTA animation disabled
+                      //  - undefined -> fall back to the CTA's own setting
+                      disableAnimation={
+                        enableAnimation === undefined
+                          ? cta.disableAnimation
+                          : !enableAnimation
+                      }
                       fullWidth={true}
                       size={{ base: "large" }}
                       renderCheckPlans={renderCheckPlans}
@@ -157,7 +165,15 @@ export const ImagePromoBar: React.FC<ImagePromoBarProps> = ({
                   <div className="secondary-cta w-full xl:w-auto xl:shrink-0">
                     <Button
                       {...secondaryCta}
-                      disableAnimation={!enableAnimation}
+                      // Block-level `enableAnimation` takes precedence:
+                      //  - true  -> CTA animates
+                      //  - false -> CTA animation disabled
+                      //  - undefined -> fall back to the CTA's own setting
+                      disableAnimation={
+                        enableAnimation === undefined
+                          ? secondaryCta.disableAnimation
+                          : !enableAnimation
+                      }
                       fullWidth={true}
                       size={{ base: "large" }}
                       renderCheckPlans={renderCheckPlans}

package/src/contentful/blocks/navigation/Navigation.stories.mocks.tsx

@@ -3,12 +3,16 @@ export const PRIMARY_LINKS: any = [
     __typename: "ComponentButton",
     buttonLabel: "Home",
     href: "/",
+    showButtonAs: "text",
+    target: "_self",
     preserveQueryParameters: false,
   },
   {
     __typename: "ComponentButton",
     buttonLabel: "Products",
     href: "/products",
+    showButtonAs: "text",
+    target: "_self",
     preserveQueryParameters: false,
   },
   {
@@ -20,11 +24,15 @@ export const PRIMARY_LINKS: any = [
           __typename: "ComponentButton",
           buttonLabel: "Internet",
           href: "/internet",
+          showButtonAs: "text",
+          target: "_self",
         },
         {
           __typename: "ComponentButton",
           buttonLabel: "Phone",
           href: "/phone",
+          showButtonAs: "text",
+          target: "_self",
         },
       ],
     },
@@ -32,17 +40,20 @@ export const PRIMARY_LINKS: any = [
 ];
 
 export const UTILITY_LINKS: any = [
-   {
+  {
     __typename: "ComponentButton",
     buttonLabel: "Residential",
     href: "/residential",
+    showButtonAs: "text",
+    target: "_self",
   },
   {
     __typename: "ComponentButton",
     buttonLabel: "Business",
     href: "/business",
+    showButtonAs: "text",
+    target: "_self",
   },
- 
 ];
 
 export const ACCOUNT_LINKS: any = [
@@ -55,6 +66,8 @@ export const ACCOUNT_LINKS: any = [
           __typename: "ComponentButton",
           buttonLabel: "Profile",
           href: "/profile",
+          showButtonAs: "text",
+          target: "_self",
         },
       ],
     },
@@ -71,6 +84,8 @@ export const SUPPORT_LINKS: any = [
           __typename: "ComponentButton",
           buttonLabel: "Help",
           href: "/help",
+          showButtonAs: "text",
+          target: "_self",
         },
       ],
     },

package/src/contentful/blocks/navigation/Navigation.stories.tsx

@@ -9,10 +9,43 @@ import {
   SUPPORT_LINKS,
 } from "./Navigation.stories.mocks";
 
+const searchFormStyle = `
+  form[name="searchForm"] {
+    border-radius: 9999px !important;
+    background: #ffffff;
+    border-color: #d1d5db;
+    padding-left: 12px;
+    padding-right: 12px;
+    overflow: hidden;
+  }
+  [aria-label="Cart"] .material-symbols-rounded,
+  [aria-label="cart"] .material-symbols-rounded {
+    font-size: 0 !important;
+    width: 24px;
+    height: 24px;
+    display: inline-flex !important;
+    align-items: center;
+    justify-content: center;
+  }
+  [aria-label="Cart"] .material-symbols-rounded::before,
+  [aria-label="cart"] .material-symbols-rounded::before {
+    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M280-80q-33 0-56.5-23.5T200-160q0-33 23.5-56.5T280-240q33 0 56.5 23.5T360-160q0 33-23.5 56.5T280-80Zm400 0q-33 0-56.5-23.5T600-160q0-33 23.5-56.5T680-240q33 0 56.5 23.5T760-160q0 33-23.5 56.5T680-80ZM246-720l96 200h280l110-200H246Zm-38-80h590q23 0 35 20.5t1 41.5L692-482q-11 20-29.5 31T622-440H324l-44 80h480v80H280q-45 0-68-39.5t-3-79.5l54-98-144-304H40v-80h130l38 80Zm134 280h280-280Z' fill='%2300002d'/%3E%3C/svg%3E");
+    display: block;
+  }
+`;
+
 const meta: Meta<typeof Navigation> = {
   title: "Contentful Blocks/Navigation",
   component: Navigation,
   tags: ["autodocs"],
+  decorators: [
+    (Story) => (
+      <>
+        <style>{searchFormStyle}</style>
+        <Story />
+      </>
+    ),
+  ],
 
   parameters: {
     docs: {
@@ -42,8 +75,13 @@ const meta: Meta<typeof Navigation> = {
     cartHref: "#",
     displayCartIcon: true,
 
+    searchBarIcon: {
+      url: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24' fill='%239CA3AF'%3E%3Cpath d='M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z'/%3E%3C/svg%3E",
+    },
+
     invocaPhoneNumberDisplayText: "1-855-654-0841",
     callNowCtaText: "Call now:",
+    utilityNavActiveIndex: 0,
 
   },
 

package/src/hooks/contentful/use-contentful-rich-text.tsx

@@ -18,7 +18,7 @@ import { toDocument } from "@shared/utils/contentful/to-document";
 
 const defaultOptions: Options = {
   renderMark: {
-    [MARKS.BOLD]: text => <strong>{text}</strong>,
+    [MARKS.BOLD]: text => <strong className="font-black">{text}</strong>,
     [MARKS.ITALIC]: text => <em>{text}</em>,
     [MARKS.UNDERLINE]: text => <u>{text}</u>,
     [MARKS.CODE]: text => <code>{text}</code>,