Merge remote-tracking branch 'origin/dev' into feature/skypack-to-local

# Conflicts:
#	package-lock.json

Author: nielslyngsoe

package-lock.json

@@ -30,10 +30,12 @@
     "storybook:analyze": "web-component-analyzer **/*.element.ts --outFile custom-elements.json",
     "test": "web-test-runner --coverage",
     "test:watch": "web-test-runner --watch",
+    "test:coverage": "web-test-runner --node-resolve --coverage",
+    "test:coverage-for": "node ./scripts/test-coverage-package.js",
     "dev": "npm run clean && npm run storybook",
     "build": "lerna run --scope @umbraco-ui/uui-css build && lerna run build",
     "build:prod": "npm run clean && npm run build && npm run test",
-    "clean": "lerna run clean",
+    "clean": "lerna run clean --parallel",
     "lerna:publish": "npm run build:prod && npm whoami && lerna publish from-package --yes && npm run lerna-fix",
     "lerna:version": "lerna version --no-push --exact --no-git-tag-version && rimraf package-lock.json && npm i",
     "lerna:diff": "lerna diff",
@@ -96,12 +98,10 @@
     "prettier": "2.4.0",
     "rimraf": "3.0.2",
     "rollup": "2.56.3",
-    "rollup-plugin-dts": "4.0.0",
     "rollup-plugin-esbuild": "4.8.2",
     "rollup-plugin-import-css": "3.0.2",
     "rollup-plugin-minify-html-literals": "1.2.6",
     "rollup-plugin-postcss": "4.0.2",
-    "rollup-plugin-typescript2": "0.30.0",
     "storybook-builder-vite": "0.1.13",
     "tsc-files": "1.1.2",
     "typescript": "4.5.2",

package.json

@@ -83,7 +83,7 @@ export const UUIProdConfig = ({
   entryPoints = [],
   cssFiles = [],
   bundle,
-  namespace = '',
+  namespace = 'uui',
 }) => {
   const cssFilesConfig = createCSSFilesConfig(cssFiles);
   const esModulesConfig = createEsModulesConfig(entryPoints);

packages/rollup-package.config.js

@@ -15,13 +15,13 @@ npm i @umbraco-ui/uui-action-bar
 Import the registration of `<uui-action-bar>` via:
 
 ```javascript
-import '@umbraco-ui/uui-action-bar/lib';
+import '@umbraco-ui/uui-action-bar';
 ```
 
 When looking to leverage the `UUIActionBarElement` base class as a type and/or for extension purposes, do so via:
 
 ```javascript
-import { UUIActionBarElement } from '@umbraco-ui/uui-action-bar/lib/uui-action-bar.element';
+import { UUIActionBarElement } from '@umbraco-ui/uui-action-bar';
 ```
 
 ### CDN

packages/uui-action-bar/README.md

@@ -1,4 +1,6 @@
 import { UUIActionBarElement } from './uui-action-bar.element';
 import { defineElement } from '@umbraco-ui/uui-base/lib/registration';
 
-defineElement('uui-action-bar', UUIActionBarElement as any);
+defineElement('uui-action-bar', UUIActionBarElement);
+
+export * from './uui-action-bar.element';

packages/uui-action-bar/lib/index.ts

@@ -1,5 +1,5 @@
+import { UUIButtonGroupElement } from '@umbraco-ui/uui-button-group/lib';
 import { css } from 'lit';
-import { UUIButtonGroupElement } from '@umbraco-ui/uui-button-group/lib/uui-button-group.element';
 
 /**
  *  @element uui-action-bar

packages/uui-action-bar/lib/uui-action-bar.element.ts

@@ -1,8 +1,10 @@
+import '@umbraco-ui/uui-action-bar/lib';
+import '@umbraco-ui/uui-button/lib';
+import '@umbraco-ui/uui-icon/lib';
+import '@umbraco-ui/uui-icon-registry-essential/lib';
+
 import { html } from 'lit-html';
-import '@umbraco-ui/uui-action-bar/lib/index';
-import '@umbraco-ui/uui-button/lib/index';
-import '@umbraco-ui/uui-icon/lib/index';
-import '@umbraco-ui/uui-icon-registry-essential/lib/index';
+
 import {
   InterfaceLookNames,
   InterfaceLookType,

packages/uui-action-bar/lib/uui-action-bar.story.ts

@@ -21,6 +21,7 @@
   },
   "main": "./dist/uui-action-bar.min.js",
   "module": "./lib/index.js",
+  "types": "./lib/index.d.ts",
   "customElements": "custom-elements.json",
   "files": [
     "dist",

packages/uui-action-bar/package.json

@@ -1,6 +1,6 @@
 import { UUIProdConfig } from '../rollup-package.config';
 
 export default UUIProdConfig({
-  entryPoints: ['index', 'uui-action-bar.element'],
+  entryPoints: ['index'],
   bundle: 'index',
 });

packages/uui-action-bar/rollup.config.js

@@ -13,13 +13,13 @@ npm i @umbraco-ui/uui-avatar-group
 Import the registration of `<uui-avatar-group>` via:
 
 ```javascript
-import '@umbraco-ui/uui-avatar-group/lib';
+import '@umbraco-ui/uui-avatar-group';
 ```
 
 When looking to leverage the `UUIAvatarGroupElement` base class as a type and/or for extension purposes, do so via:
 
 ```javascript
-import { UUIAvatarGroupElement } from '@umbraco-ui/uui-avatar-group/lib/uui-avatar-group.element';
+import { UUIAvatarGroupElement } from '@umbraco-ui/uui-avatar-group';
 ```
 
 ### CDN