chore: update deps

.changeset/free-walls-sneeze.md

@@ -0,0 +1,10 @@
+---
+"@patternfly/create-element": patch
+"@patternfly/eslint-config-elements": patch
+"@patternfly/pfe-tools": patch
+"@patternfly/pfe-core": patch
+"@patternfly/elements": patch
+---
+
+Update dependencies
+

.github/workflows/tests.yml

@@ -98,7 +98,7 @@ jobs:
     name: SSR Tests (Playwright)
     runs-on: ubuntu-latest
     container:
-      image: mcr.microsoft.com/playwright:v1.54.1-noble
+      image: mcr.microsoft.com/playwright:v1.48.2-noble
     steps:
       - uses: actions/checkout@v4
       - uses: actions/setup-node@v4

core/pfe-core/package.json

@@ -65,8 +65,8 @@
     "test": "wtr --files './test/*.spec.ts' --config ../../web-test-runner.config.js"
   },
   "dependencies": {
-    "@lit/context": "^1.1.5",
-    "lit": "^3.3.0"
+    "@lit/context": "^1.1.6",
+    "lit": "^3.3.2"
   },
   "repository": {
     "type": "git",

docs/_data/importMap.cjs

@@ -73,7 +73,7 @@ module.exports = async function() {
   await generator.install([
     'tslib',
     '@rhds/elements',
-    '@rhds/elements/rh-footer/rh-global-footer.js',
+    '@rhds/elements/rh-footer/rh-footer-universal.js',
     `prismjs@${PRISM_VERSION}`,
     'element-internals-polyfill',
     `fuse.js@${FUSE_VERSION}`,

docs/_includes/_foot.njk

@@ -4,7 +4,7 @@
   {% endif %}
 {% endfor %}
 
-<rh-global-footer>
+<rh-footer-universal>
   <h3 slot="links-primary" hidden>Community</h3>
   <ul slot="links-primary">
     <li><a href="https://github.com/patternfly/patternfly-elements">GitHub</a></li>
@@ -23,4 +23,4 @@
   <a slot="tertiary" href="https://www.netlify.com">
     <img src="https://www.netlify.com/img/global/badges/netlify-color-accent.svg" alt="Deploys by Netlify">
   </a>
-</rh-global-footer>
+</rh-footer-universal>

docs/home.css

@@ -44,7 +44,7 @@
   --pf-cta--Color: #06c;
 }
 
-#home-header a.cta.primary:hover, 
+#home-header a.cta.primary:hover,
 #home-header a.cta.primary:focus {
   --pf-cta--BackgroundColor: transparent;
 }
@@ -114,7 +114,7 @@
   margin: 0 auto;
 }
 
-rh-global-footer {
+rh-footer-universal {
   width: 100vw !important;
   translate: none !important;
   transform: none;

docs/main.css

@@ -1106,7 +1106,7 @@ dl.member dd {
 }
 
 @media (min-width: 820px) {
-  rh-global-footer {
+  rh-footer-universal {
     width: calc(100vw - 17.5rem);
     transform: translate(17.5rem);
   }

docs/main.mjs

@@ -1,4 +1,4 @@
-import '@rhds/elements/rh-footer/rh-global-footer.js';
+import '@rhds/elements/rh-footer/rh-footer-universal.js';
 import 'element-internals-polyfill';
 import { PfIcon } from '@patternfly/elements/pf-icon/pf-icon.js';
 

elements/package.json

@@ -133,10 +133,10 @@
     "Gili Greenberger (https://github.com/Gili-Greenberger)"
   ],
   "dependencies": {
-    "@lit/context": "^1.1.5",
+    "@lit/context": "^1.1.6",
     "@patternfly/icons": "^1.0.3",
-    "@patternfly/pfe-core": "^5.0.2",
-    "lit": "^3.3.0",
+    "@patternfly/pfe-core": "^5.0.4",
+    "lit": "^3.3.2",
     "tslib": "^2.8.1"
   }
 }

elements/pf-back-to-top/test/pf-back-to-top.spec.ts

@@ -159,9 +159,9 @@ describe('<pf-back-to-top>', function() {
         </div>
       `);
       element = container.querySelector('pf-back-to-top')!;
-      snapshot = await a11ySnapshot();
-
       await allUpdates(element);
+
+      snapshot = await a11ySnapshot({ selector: 'pf-back-to-top' });
     });
 
     it('should be hidden on init', function() {
@@ -173,13 +173,14 @@ describe('<pf-back-to-top>', function() {
       beforeEach(async function() {
         const scrollableElement = document.querySelector('#top')!;
         scrollableElement.scrollTo({ top: 401, behavior: 'instant' });
+        scrollableElement.dispatchEvent(new Event('scroll'));
         await nextFrame();
         await allUpdates(element);
         snapshot = await a11ySnapshot();
       });
 
       it('should be visible', function() {
-        expect(snapshot.children?.map(takeProps(['name', 'role']))).to.deep.equal([{ role: 'link', name: 'Back to top' }]);
+        expect(snapshot.children?.at(0)?.children?.map(takeProps(['name', 'role']))).to.deep.equal([{ role: 'link', name: 'Back to top' }]);
       });
     });
   });

elements/pf-modal/pf-modal.ts

@@ -43,7 +43,7 @@ export class ModalOpenEvent extends ComposedEvent {
  * @fires {ModalCloseEvent} close - Fires when either a user clicks on either the close button or the overlay or manually closes a modal.
  */
 @customElement('pf-modal')
-export class PfModal extends LitElement implements HTMLDialogElement {
+export class PfModal extends LitElement {
   static override readonly shadowRootOptions: ShadowRootInit = {
     ...LitElement.shadowRootOptions,
     delegatesFocus: true,