fix!: v3 deprecations (#2655)

* fix!: remove deprecatedCustomEvent

* fix(tools)!: remove framework test wrappers

We will retool this and develop something better. In the mean time, use the react wrapper components

* docs: fix logo

* fix(eslint-config): update ecmaVersion

* fix(accordion): use pfv4 tokens

* fix(tools)!: remove DocsPage renderers

* fix(icon)!: remove elements/pf-icon/icons

Use `@patternfly/icons` instead

.changeset/eight-waves-join.md

@@ -0,0 +1,4 @@
+---
+"@patternfly/elements": major
+---
+Remove `/elements/pf-icon/icons/**/*`. Use `@patternfly/icons` instead.

.changeset/light-carrots-suffer.md

@@ -0,0 +1,4 @@
+---
+"@patternfly/pfe-tools": major
+---
+Remove `DocsPage` render functions

.changeset/little-singers-sell.md

@@ -0,0 +1,4 @@
+---
+"@patternfly/elements": major
+---
+`<pf-accordion>`: use patternfly design tokens. removes `--accordion__bordered--Color`

.changeset/long-rings-burn.md

@@ -0,0 +1,4 @@
+---
+"@patternfly/pfe-core": major
+---
+Remove `deprecatedCustomEvent`

.changeset/odd-mice-stop.md

@@ -0,0 +1,28 @@
+---
+"@patternfly/pfe-tools": major
+---
+Dev server config no longer uses `nodeResolution`. Instead you must provide configuration for the import map plugin.
+
+```js
+import {
+  pfeDevServerConfig,
+  getPatternflyIconNodemodulesImports,
+} from '@patternfly/pfe-tools/dev-server/config.js';
+
+export default pfeDevServerConfig({
+  importMapOptions: {
+    providers: {
+      'zero-md': 'nodemodules',
+      '@patternfly/icons': 'nodemodules',
+      '@patternfly/elements': 'nodemodules',
+      '@patternfly/pfe-tools': 'nodemodules',
+      '@patternfly/pfe-core': 'nodemodules',
+    },
+    inputMap: {
+      imports: {
+        ...await getPatternflyIconNodemodulesImports(import.meta.url),
+      },
+    },
+  },
+});
+```

.changeset/olive-pens-create.md

@@ -0,0 +1,4 @@
+---
+"@patternfly/pfe-tools": major
+---
+Remove react and vue test wrapper helpers. Use React wrapper components instead.

.changeset/violet-wasps-obey.md

@@ -0,0 +1,4 @@
+---
+"@patternfly/eslint-config-elements": patch
+---
+Update ecmaVersion to 2022

.gitignore

@@ -65,7 +65,6 @@ tools/*/test/**/*.png
 !core/*/demo/*
 !tools/*/demo/*
 
-elements/pf-icon/icons
 !elements/pf-icon/demo/icons/**/*.js
 
 !scripts/**/*.js

core/pfe-core/package.json

@@ -51,8 +51,8 @@
     "test": "wtr --files './test/*.spec.ts' --config ../../web-test-runner.config.js"
   },
   "dependencies": {
-    "@floating-ui/dom": "^1.5.3",
-    "lit": "^3.1.0"
+    "@floating-ui/dom": "^1.5.4",
+    "lit": "^3.1.1"
   },
   "repository": {
     "type": "git",

docs/_data/importMap.cjs

@@ -109,5 +109,14 @@ module.exports = async function() {
   map.imports['@patternfly/pfe-tools/environment.js'] = '/tools/environment.js';
 
 
+  // add imports for all icon files in /node_modules/@patternfly/icons/{far, fas, fab, patternfly}/
+  const iconsImports = (await glob('./{far,fas,fab,patternfly}/*.js', { cwd: path.join(__dirname, '../../node_modules/@patternfly/icons') }))
+    .filter(x => !x.endsWith('.d.ts'))
+    .map(x => x);
+
+  for (const icon of iconsImports) {
+    map.imports[`@patternfly/icons/${icon}`] = `/assets/@patternfly/icons/${icon}`;
+  }
+
   return map;
 };

docs/_includes/_nav.njk

@@ -6,8 +6,12 @@
         <div class="placeholder"></div>
         <a href="{{ '/' | url }}" aria-label="PatternFly Elements Home">
           <picture>
-            <source media="(min-width: 420px)" srcset="{{ '/images/pfe-logo-inverse-white.svg' | url }}">
-            <img alt="PatternFly Elements" src="{{ '/images/pfe-logo-icon-white.svg' | url }}">
+            <source media="(min-width: 420px)"
+                    srcset="{{ '/images/pfe-logo-inverse-white.svg' | url }}"
+                    height="57.5">
+            <img alt="PatternFly Elements"
+                 src="{{ '/images/pfe-logo-icon-white.svg' | url }}"
+                 width="57.5" height="57.5">
           </picture>  
         </a>
       </div>