fix!: v3 deprecations

[bennypowers]

What I did

1. remove deprecatedCustomEvent
2. remove framework test wrapper fixtures
3. remove icons from elements package
4. remove render functions from DocsPage
5. fix the tokens in accordion

Notes to Reviewers

In reviewing this PR, please take a look at the wds config in https://github.com/RedHat-UX/red-hat-design-system/pull/1420/files/7f8e1bc5c1054e55083a0d50582d0bf0a6d56ff4..bfa209ba48e697ad4c78df20d285ff55518a2bbe, as a sample "downstream" usage of these changes

[changeset-bot]

🦋 Changeset detected

Latest commit: bbf779e

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 4 packages

Name	Type
@patternfly/elements	Major
@patternfly/pfe-tools	Major
@patternfly/pfe-core	Major
@patternfly/eslint-config-elements	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[github-actions]

"\n## 👕 Commitlint Problems for this PR: \n\n🔎 found 2 errors, 0 warnings\nℹ️ Get help: https://github.com/conventional-changelog/commitlint/#what-is-commitlint\n \n\n\n1eafb022 - Update little-singers-sell.md \n\n\n- ❌ subject may not be empty\n- ❌ type may not be empty "

[netlify]

✅ Deploy Preview for patternfly-elements ready!

Name	Link
🔨 Latest commit	476d2dd
😎 Deploy Preview	https://deploy-preview-2655--patternfly-elements.netlify.app/

---

To edit notification comments on pull requests, go to your Netlify site settings.

[bennypowers]

I apparently fixed the import map generator plugin. I then ran roughshod over the demo files because the import map plugin requires all top-level modules be inlined.

I haven't checked yet if this breaks the demos on the DP (eleventy). A followup PR should load those demos in iframes, a la pf.org

We'll have to test this with rhds (and maybe cp too, cc @eyevana)

this is also missing changesets

[bennypowers]

Ok this appears to work in rhds with the following dev server config

// @ts-check
import { pfeDevServerConfig } from '@patternfly/pfe-tools/dev-server/config.js';
import { glob } from 'glob';

export const litcssOptions = {
  include: (/** @type{string[]}*/(/** @type{unknown}*/([
    /elements\/rh-[\w-]+\/[\w-]+\.css$/,
    /lib\/.*\.css$/,
  ]))),
  exclude: /lightdom/,
};

const libImports =
  await glob('./lib/**/*.js', { ignore: ['**/test/**'] })
    .then(files => files.map(spec => [`@rhds/elements/${spec}`, `./${spec}`]))
    .then(Object.fromEntries);

const elementImports =
  await glob('./elements/**/*.js', { ignore: ['**/test/**'] })
    .then(files => files.map(spec => [`@rhds/elements/${spec.replace('elements/', '')}`, `./${spec}`]))
    .then(Object.fromEntries);


export default pfeDevServerConfig({
  litcssOptions,
  tsconfig: 'tsconfig.json',
  importMapOptions: {
    providers: {
      '@patternfly/icons': 'nodemodules',
      '@patternfly/elements': 'nodemodules',
      '@patternfly/pfe-tools': 'nodemodules',
      '@patternfly/pfe-core': 'nodemodules',
    },
    inputMap: {
      imports: {
        ...libImports,
        ...elementImports,
      },
    },
  },
  middleware: [
    /** redirect requests for lightdom css to /elements */
    function(ctx, next) {
      const match = ctx.path.match(/^\/components\/(?<slug>[-\w]+)\/(?<path>.*)\.css$/);
      if (match) {
        const { slug, path } = /** @type{{ slug: string; path: string }} */ (match.groups);
        ctx.redirect(`/elements/rh-${slug}/${path}.css`);
      }
      return next();
    },
    /** redirect requests for /assets/* css to /docs/assets/prism.css */
    function(ctx, next) {
      if (ctx.path.startsWith('/assets/')) {
        ctx.redirect(`/docs${ctx.path}`);
      }
      return next();
    }
  ]
});

[zeroedin]

So good. 🔥

Late Guests Timidly Mingle