AppFooter - Update copyright text (HDS-5553) (#3314)

Co-authored-by: Dylan Hyun <[email protected]>
Co-authored-by: Jory Tindall <[email protected]>

Author: 3 people

.changeset/hungry-windows-jog.md

@@ -0,0 +1,7 @@
+---
+"@hashicorp/design-system-components": patch
+---
+
+<!-- START components/app-footer -->
+`AppFooter` - Updated company name in copyright text
+<!-- END -->

packages/components/src/components/hds/app-footer/copyright.hbs

@@ -5,10 +5,10 @@
 
 <div class="hds-app-footer__copyright" ...attributes>
   <Hds::Icon @name="hashicorp" />
-  <Hds::Text::Body @tag="span" @size="100">
+  <Hds::Text::Body @tag="span" @size="100" @align="center">
     {{hds-t
       "hds.components.app-footer.copyright.copyright-text"
-      default=(concat "© " this.year " HashiCorp")
+      default=(concat "© " this.year " HashiCorp, an IBM Company")
       year=this.year
     }}
   </Hds::Text::Body>

packages/components/src/styles/components/app-footer.scss

@@ -108,9 +108,12 @@ $hds-app-footer-icon-text-gap: 6px;
 }
 
 .hds-app-footer__copyright {
+  // Allow content to wrap and center in smaller viewports
   display: flex;
+  flex-wrap: wrap;
   gap: $hds-app-footer-icon-text-gap;
   align-items: center;
+  justify-content: center;
   color: var(--app-footer-copyright-text-color);
 
   .hds-icon {

packages/components/translations/hds/components/app-footer/copyright/en-us.yaml

@@ -1 +1 @@
-copyright-text: "© {year} HashiCorp"
+copyright-text: "© {year} HashiCorp, an IBM Company"