@ui5/webcomponents-theming 0.0.0-3236d56be → 0.0.0-33967dd12

package/lib/generate-css-vars-usage-report/index.js

@@ -1,6 +1,10 @@
-const fs = require('fs').promises;
-const path = require("path");
-const beautify = require("json-beautify");
+import fs from "fs/promises";
+import path from "path";
+import beautify from "json-beautify";
+import { fileURLToPath } from 'url';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
 
 const vars = new Set();
 
@@ -16,8 +20,9 @@ const processFile = async file => {
 const generate = async () => {
 	const { globby } = await import("globby");
 
-	const mainFiles = await globby(path.join(__dirname, "../../../main/src/themes/**/*.css"));
-	const fioriFiles = await globby(path.join(__dirname, "../../../fiori/src/themes/**/*.css"));
+	const mainFiles = await globby(path.join(__dirname, "../../../main/src/themes/**/*.css").replace(/\\/g, "/"));
+	const fioriFiles = await globby(path.join(__dirname, "../../../fiori/src/themes/**/*.css").replace(/\\/g, "/"));
+
 	await Promise.all([...mainFiles.map(processFile), ...fioriFiles.map(processFile)]);
 
 	const collator = new Intl.Collator(undefined, {numeric: true, sensitivity: 'base'});

package/{package-scripts.js → package-scripts.cjs}

@@ -17,10 +17,11 @@ allThemes.forEach(theme => {
 
 module.exports = {
 	scripts: {
-		clean: "rimraf dist",
+		clean: "rimraf dist && rimraf src/generated",
 		build: {
-			default: `nps clean build.src build.themes build.postcss build.jsonImports generateReport`,
+			default: `cross-env UI5_TS=true nps clean build.src build.themes build.postcss build.jsonImports build.typescript generateReport`,
 			src: `copy-and-watch "src/**/*.js" dist/`,
+			typescript: "tsc",
 			themes: {
 				default: `nps build.themes.prepare ${buildThemesCommandsNames}`,
 				...buildThemesCommands

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "@ui5/webcomponents-theming",
-  "version": "0.0.0-3236d56be",
+  "version": "0.0.0-33967dd12",
   "description": "UI5 Web Components: webcomponents.theming",
   "author": "SAP SE (https://www.sap.com)",
   "license": "Apache-2.0",
   "private": false,
+  "type": "module",
   "keywords": [
     "openui5",
     "sapui5",
@@ -28,13 +29,12 @@
     "directory": "packages/theming"
   },
   "dependencies": {
-    "@sap-theming/theming-base-content": "11.1.38",
-    "@ui5/webcomponents-base": "0.0.0-3236d56be"
+    "@sap-theming/theming-base-content": "11.5.0",
+    "@ui5/webcomponents-base": "0.0.0-33967dd12"
   },
   "devDependencies": {
-    "@ui5/webcomponents-tools": "0.0.0-3236d56be",
-    "chromedriver": "100.0.0",
-    "cssnano": "^4.1.11",
+    "@ui5/webcomponents-tools": "0.0.0-33967dd12",
+    "cssnano": "^6.0.1",
     "globby": "^13.1.1",
     "json-beautify": "^1.1.1",
     "nps": "^5.10.0",

package/tsconfig.json

@@ -0,0 +1,15 @@
+{
+    "include": ["src/**/*"],
+    "compilerOptions": {
+      "target": "ES2021",
+      // Generate d.ts files
+      "declaration": true,
+      "outDir": "dist",
+      "skipLibCheck": true,
+      "sourceMap": true,
+      "inlineSources": true,
+      "strict": true,
+      "moduleResolution": "node",
+      "experimentalDecorators": true,
+    },
+}