Carbon v11 integration

[theetrain]

Closes #1629
Closes #1616

⚠️ This should NOT be merged until all components have been converted to using v11 styles. Components should be converted one at a time and reviewed as PRs against the feat/carbon-v11 branch. We can make incremental releases to the next tag.

This PR is meant to track and discuss the progress in #1629.

Changes

General

• Adopt @sveltejs/package for building the distributable package as ESM, which also precompiles TypeScript and SCSS
• Upgrade routify to v2 for /docs

Button

• feat: apply v11 styles to Button, ButtonSet, and ButtonSkeleton
• feat: forward focus and blur events
• fix: provide button role for custom elements using 'as'
• BREAKING CHANGE: danger-tertiary and danger-ghost props were renamed to danger--tertiary and danger--ghost (two dashes instead of one)
• BREAKING CHANGE: buttons now have a larger minimum width

[theetrain]

@metonym I've been trying to get sveld to generate an updated COMPONENT_API.json, but I can't seem to figure it out. Can you help checkout this feat/carbon-v11 branch and have a look?

I suppose sveld can derive documentation from the source files, even though I have it configured to read from /package/**.

[metonym]

@theetrain I think import assertions require Node >=v17.5 since they're still an experimental feature.

I'm using v16 and had to run:

node --experimental-json-modules scripts/build-docs.js

The script ran with a sveld error:

Specify an entry point to your Svelte code in the "svelte" field of your package.json

I had to then manually specify a svelte value in package.json. I'll add an issue to allow an override for sveld.

+ "svelte": "src/carbon-components-svelte/index.js",

After these steps, the script ran successfully.

[theetrain]

That helped, thanks! I use Node 18, and took for granted this feature. Perhaps editing carbon-components-svelte can be done with Node 18, but we can allow users to use Node 16 when consuming the package?

I could also make these imports backwards-compatible using the tip here: https://stackoverflow.com/a/74504130/2545443

Other observations:

• sveld doesn't recognize types from svelte/elements; we'll need to account for that when generating JSON documentation. All other typings work well.

[v3ss0n]

Currently carbon Ui-Shell is totally broken , this PR will hopefully fix it. Please make carbon design usable.

[theetrain]

Superseded by #1881