run litCssPlugin after esbuild for ESmodule setup, was not needed for Bundling. Also use JSX syntax.

Author: nielslyngsoe

package.json

@@ -94,7 +94,6 @@
     "postcss-custom-properties-fallback": "1.0.1",
     "postcss-jsx": "0.36.4",
     "postcss-load-config": "3.1.0",
-    "postcss-syntax": "0.36.2",
     "postcss-values-parser": "6.0.0",
     "prettier": "2.5.1",
     "rimraf": "3.0.2",

packages/rollup-package.config.js

@@ -27,8 +27,8 @@ const createEsModulesConfig = (entryPoints = []) => {
         external: [/^lit/, /^@umbraco-ui/],
         plugins: [
           importCss({ from: undefined }),
-          processLitCSSPlugin(),
           esbuild(),
+          processLitCSSPlugin(),
         ],
       };
     }),

scripts/rollup.processLitCSSPlugin.mjs

@@ -1,5 +1,5 @@
 import postcss from 'postcss';
-import syntax from 'postcss-syntax';
+import syntax from 'postcss-jsx';
 import postcssCustomPropertiesFallback from 'postcss-custom-properties-fallback';
 import { createFilter } from '@rollup/pluginutils';
 import postcssConfig from 'postcss-load-config';
@@ -10,12 +10,15 @@ import customProperties from '../packages/uui-css/custom-properties.module'; //
 // @ts-ignore-end
 
 const options = {
-  include: ['**/uui-*.ts', '**/*Mixin.ts', '**/*.styles.ts'],
+  include: ['**/index.ts', '**/uui-*.ts', '**/*Mixin.ts', '**/*.styles.ts'],
   exclude: [
     '**/uui-base/lib/events/**',
+    '**/uui-base/lib/registration/**',
+    '**/uui-base/lib/types/**',
+    '**/uui-base/lib/utils/**',
     '**/*.story.ts',
     '**/*.d.ts',
-    '../uui-css/**/*.ts',
+    '**/uui-css/**/*.ts',
   ],
 };
 

scripts/vite.processLitCSSPlugin.js

@@ -15,12 +15,15 @@ const customProperties = require('../packages/uui-css/custom-properties.cjs'); /
 // @ts-ignore-end
 
 const options = {
-  include: ['**/uui-*.ts', '**/*Mixin.ts', '**/*.styles.ts'],
+  include: ['**/index.ts', '**/uui-*.ts', '**/*Mixin.ts', '**/*.styles.ts'],
   exclude: [
     '**/uui-base/lib/events/**',
+    '**/uui-base/lib/registration/**',
+    '**/uui-base/lib/types/**',
+    '**/uui-base/lib/utils/**',
     '**/*.story.ts',
     '**/*.d.ts',
-    '../uui-css/**/*.ts',
+    '**/uui-css/**/*.ts',
   ],
 };