@windstream/react-shared-components 0.0.44 → 0.0.45

package/dist/core.d.ts

@@ -331,7 +331,7 @@ type ButtonCustomProps = {
 };
 type ButtonProps = ButtonCustomProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" | "className">;
 
-declare const BrandButton: React$1.ForwardRefExoticComponent<_shared_components_brand_button_types.ButtonCustomProps & Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "children" | "className"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const BrandButton: React$1.ForwardRefExoticComponent<_shared_components_brand_button_types.ButtonCustomProps & Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "className" | "children"> & React$1.RefAttributes<HTMLButtonElement>>;
 
 declare const Checklist: React__default.FC<ChecklistProps>;
 

package/package.json

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

package/src/contentful/blocks/footer/index.tsx

@@ -22,7 +22,7 @@ export const Footer: React.FC<FooterProps> = ({
   return (
     <div className="component-container bg-bg-inverse text-white">
       <div className={` ${maxWidth ? "mx-auto max-w-120" : ""} px-5 py-8`}>
-        <div>{body}</div>
+        <aside aria-label="Promotions and disclaimers">{body}</aside>
         <div
           className={
             "my-8 h-[1px] border-t-0 bg-white opacity-100 lg:my-16 dark:opacity-50"
@@ -32,7 +32,11 @@ export const Footer: React.FC<FooterProps> = ({
           {links?.map((link: any, index: number) => (
             <React.Fragment key={`footer-link-group-${index}`}>
               <div key={`footer-link-group-${index}`}>
-                <div className="site-links-group" key={`link-group-${index}`}>
+                <nav
+                  aria-labelledby={`footer-${link?.title}`}
+                  className="site-links-group"
+                  key={`link-group-${index}`}
+                >
                   <Text as="div" className="label3">
                     {link?.title}
                   </Text>
@@ -48,7 +52,7 @@ export const Footer: React.FC<FooterProps> = ({
                       </li>
                     ))}
                   </ul>
-                </div>
+                </nav>
               </div>
               <div
                 className={
@@ -64,21 +68,23 @@ export const Footer: React.FC<FooterProps> = ({
           <p className="terms-text footnote text-white">
             &copy; {new Date().getFullYear()} {terms}
           </p>
-          <ul className="bottom-links list-none">
-            {bottomLinks?.map((link: any, index: number) => (
-              <li
-                key={`links-${index}`}
-                className="relative float-left pl-[8px] before:absolute before:left-[3px] before:top-1/2 before:-translate-y-1/2 before:text-[14px] before:content-['•'] first-of-type:pl-0 first-of-type:before:content-['']"
-              >
-                <Button
-                  {...link}
-                  linkClassName="footnote text-white"
-                  linkVariant="unstyled"
-                  onClick={footerClick}
-                />
-              </li>
-            ))}
-          </ul>
+          <nav aria-label="Footer legal">
+            <ul className="bottom-links list-none">
+              {bottomLinks?.map((link: any, index: number) => (
+                <li
+                  key={`links-${index}`}
+                  className="relative float-left pl-[8px] before:absolute before:left-[3px] before:top-1/2 before:-translate-y-1/2 before:text-[14px] before:content-['•'] first-of-type:pl-0 first-of-type:before:content-['']"
+                >
+                  <Button
+                    {...link}
+                    linkClassName="footnote text-white"
+                    linkVariant="unstyled"
+                    onClick={footerClick}
+                  />
+                </li>
+              ))}
+            </ul>
+          </nav>
         </div>
       </div>
     </div>