add namespace

Author: nielslyngsoe

packages/rollup-package.config.js

@@ -28,7 +28,7 @@ const createEsModulesConfig = (entryPoints = []) => {
   ];
 };
 
-const createBundleConfig = bundle => {
+const createBundleConfig = (bundle, namespace) => {
   const packageJson = readPackageJson('./');
   const bundleName = packageJson.name.replace('@umbraco-ui/', '');
 
@@ -39,6 +39,7 @@ const createBundleConfig = bundle => {
           file: `./dist/${bundleName}.min.js`,
           format: 'umd',
           sourcemap: true,
+          name: namespace
         },
         plugins: [
           nodeResolve(),
@@ -50,8 +51,8 @@ const createBundleConfig = bundle => {
     : undefined;
 };
 
-export const UUIProdConfig = ({ entryPoints = [], bundle }) => {
+export const UUIProdConfig = ({ entryPoints = [], bundle, namespace = '' }) => {
   const esModulesConfig = createEsModulesConfig(entryPoints);
-  const bundleConfig = createBundleConfig(bundle);
+  const bundleConfig = createBundleConfig(bundle, namespace);
   return [...esModulesConfig, bundleConfig].filter(x => x);
 };

packages/uui-css/lib/local-typography.ts

@@ -1,4 +1,3 @@
-import { unsafeCSS } from "lit";
-import css from './local-typography.css';
+import { unsafeCSS } from 'lit';
 
-export const LocalTypography = unsafeCSS(css);
+export const LocalTypography = unsafeCSS("@import \"./typography/local.css\";\n");

packages/uui-css/package.json

@@ -32,7 +32,7 @@
     "@umbraco-ui/uui-base": "0.0.12"
   },
   "scripts": {
-    "build": "postcss lib/custom-properties.css --base lib/ --dir dist && postcss lib/local-typography.css --base lib/ --dir dist && postcss lib/root.css --base lib/ --dir dist && npm run analyze && tsc --build --force && rollup -c rollup.config.js",
+    "build": "postcss lib/custom-properties.css --base lib/ --dir dist && postcss lib/local-typography.css --base lib/ --dir dist && postcss lib/root.css --base lib/ --dir dist && tsc --build --force && rollup -c rollup.config.js",
     "clean": "tsc --build --clean && rimraf dist lib/*.js lib/**/*.js custom-elements.json",
     "analyze": "web-component-analyzer **/*.element.ts --outFile custom-elements.json"
   },

packages/uui-css/rollup.config.js

@@ -1,6 +1,7 @@
 import { UUIProdConfig } from '../rollup-package.config';
 
 export default UUIProdConfig({
+  namespace: 'UUICSS',
   entryPoints: ['local-typography'],
-  bundle: 'index',
+  bundle: 'local-typography',
 });

packages/uui-css/typings.d.ts

@@ -0,0 +1 @@
+declare module '*.css';

packages/uui-dialog-confirm/lib/uui-dialog-confirm.element.ts

@@ -39,15 +39,13 @@ export class UUIDialogConfirmElement extends UUIDialogElement {
   protected renderActions() {
     return html`<slot name="actions"></slot>
       <uui-button
-        slot="actions"
         @click=${() =>
           this.dispatchEvent(
             new UUIDialogConfirmEvent(UUIDialogConfirmEvent.CANCEL, this)
           )}>
         ${this.cancelLabel}
       </uui-button>
       <uui-button
-        slot="actions"
         .look=${this.look}
         @click=${() =>
           this.dispatchEvent(

packages/uui-dialog/lib/uui-dialog.element.ts

@@ -35,7 +35,7 @@ export class UUIDialogElement extends LitElement {
         justify-content: flex-end;
       }
 
-      ::slotted([slot='actions']) {
+      ::slotted([slot='actions']), .actions > * {
         margin-left: var(--uui-size-4);
       }
     `,

packages/uui-dialog/package.json

@@ -30,7 +30,7 @@
   ],
   "dependencies": {
     "@umbraco-ui/uui-base": "0.0.12",
-    "@umbraco-ui/uui-css": "0.0.12"
+    "@umbraco-ui/uui-css": "0.0.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build --force && rollup -c rollup.config.js",

packages/uui-dialog/tsconfig.json

@@ -17,6 +17,9 @@
   "references": [
     {
       "path": "../uui-base"
+    },
+    {
+      "path": "../uui-css"
     }
   ]
 }