@ui5/webcomponents-tools 0.0.0-dff5837d7 → 0.0.0-ec448881d

package/lib/scoping/report-tags-usage.js

@@ -0,0 +1,28 @@
+const fs = require("fs");
+const glob = require("glob");
+const path = require("path");
+const process = require("process");
+
+// gather all tags from all files
+const tags = new Set();
+const files = glob.sync(path.join(process.argv[2], "src/**/*.js"));
+files.forEach(file => {
+	const content = `${fs.readFileSync(file)}`;
+	const matches = content.match(/tag: "(.*?)",/);
+	if (matches) {
+		tags.add(matches[1]);
+	}
+});
+
+// report all usages of any tag within any file, which is not the tag definition and is not hasAttribute
+files.forEach(file => {
+	const content = `${fs.readFileSync(file)}`;
+	const lines = content.split("\n");
+	lines.forEach(line => {
+		tags.forEach(tag => {
+			if (line.includes(`"${tag}"`) && !line.includes(`tag: "${tag}",`) && !line.includes(`hasAttribute("${tag}")`)) {
+				console.log(`${file}: ${line.trim()}`);
+			}
+		});
+	});
+});

package/lib/scoping/scope-test-pages.js

@@ -0,0 +1,40 @@
+const fs = require("fs");
+const path = require("path");
+const glob = require("glob");
+const getAllTags = require("./get-all-tags.js");
+
+const root = process.argv[2];
+const suffix = process.argv[3];
+
+const tags = getAllTags(process.cwd());
+
+// Replaces tags in HTML content, f.e. <ui5-button> with <ui5-button-ver> or </ui5-button> with </ui5-button-ver>
+const replaceTagsHTML = content => {
+	tags.forEach(tag => {
+		content = content.replace(new RegExp(`(<\/?)(${tag})(\/?[> \t\n])`, "g"), `$1$2-${suffix}$3`);
+	});
+	return content;
+};
+
+// Replace tags in any content
+const replaceTagsAny = content => {
+	tags.forEach(tag => {
+		content = content.replace(new RegExp(`(^|[^\-_A-Za-z0-9])(${tag})([^\-_A-Za-z0-9]|$)`, "g"), `$1$2-${suffix}$3`);
+	});
+	return content;
+};
+
+// Replace bundle names and HTML tag names in test pages
+glob.sync(path.join(root, "/**/*.html")).forEach(file => {
+	let content = String(fs.readFileSync(file));
+	content = content.replace(/bundle\.(.*?)\.js/g, `bundle.scoped.$1.js`);
+	content = replaceTagsHTML(content);
+	fs.writeFileSync(file, content);
+});
+
+// Replace tag names everywhere
+glob.sync(path.join(root, "/**/*.{html,css,js}")).forEach(file => {
+	let content = String(fs.readFileSync(file));
+	content = replaceTagsAny(content);
+	fs.writeFileSync(file, content);
+});

package/lib/serve/index.js

@@ -0,0 +1,46 @@
+const fs = require("fs");
+const path = require("path");
+const commandLineArgs = require("command-line-args");
+const { exec } = require("child_process");
+const colors = require("cli-color");
+const isPortReachable = require("is-port-reachable");
+
+const options = commandLineArgs([
+	{ name: "port", type: Number },
+	{ name: "portStep", type: Number },
+	{ name: "packageName", type: String },
+	{ name: "dir", type: String },
+	{ name: "config", type: String },
+]);
+const serveConfig = path.join(__dirname, `serve.json`);
+
+const requestPort = async () => {
+	const serveProcess = (await gen.next()).value;
+	serveProcess.stdout.on('data', data => {
+		const matches = data.match(/Accepting connections at .*?:(\d+)/);
+		if (matches) {
+			console.log(colors.yellow(`Reserved port ${matches[1]} for the ${options.packageName} package.`));
+			fs.writeFileSync(".port", matches[1]);
+		}
+	});
+};
+
+async function* serverGenerator(callback, port = 8080, step = 1) {
+	while (true) {
+		const portInUse = await isPortReachable(port, { host: "127.0.0.1" });
+		if (!portInUse) {
+			const command = `serve --config "${serveConfig}" --no-port-switching --no-clipboard -l ${port} ${options.dir}`;
+			console.log(colors.yellow(`Executing: ${command}`));
+			const serveProcess = exec(command, (err) => {
+				console.log(colors.yellow(`Port ${port} already in use.`));
+				callback();
+			});
+			yield serveProcess;
+		}
+		port += step;
+	}
+}
+
+const gen = serverGenerator(requestPort, options.port, options.portStep);
+
+requestPort();

package/package-lock.json

@@ -0,0 +1,48 @@
+{
+  "name": "@ui5/webcomponents-tools",
+  "version": "1.0.0-rc.8",
+  "lockfileVersion": 1,
+  "requires": true,
+  "dependencies": {
+    "balanced-match": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz",
+      "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=",
+      "dev": true
+    },
+    "brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dev": true,
+      "requires": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=",
+      "dev": true
+    },
+    "minimatch": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz",
+      "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==",
+      "dev": true,
+      "requires": {
+        "brace-expansion": "^1.1.7"
+      }
+    },
+    "recursive-readdir": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/recursive-readdir/-/recursive-readdir-2.2.2.tgz",
+      "integrity": "sha512-nRCcW9Sj7NuZwa2XvH9co8NPeXUBhZP7CRKJtU+cS6PW9FpCIFoI5ib0NT1ZrbNuPoRy0ylyCaUL8Gih4LSyFg==",
+      "dev": true,
+      "requires": {
+        "minimatch": "3.0.4"
+      }
+    }
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ui5/webcomponents-tools",
-  "version": "0.0.0-dff5837d7",
+  "version": "0.0.0-ec448881d",
   "description": "UI5 Web Components: webcomponents.tools",
   "author": "SAP SE (https://www.sap.com)",
   "license": "Apache-2.0",
@@ -13,8 +13,7 @@
   "scripts": {},
   "bin": {
     "wc-dev": "bin/dev.js",
-    "wc-create-ui5-element": "bin/create-ui5-element.js",
-    "wc-init-ui5-package": "bin/init-ui5-package.js"
+    "wc-create-ui5-element": "bin/create-ui5-element.js"
   },
   "repository": {
     "type": "git",
@@ -22,61 +21,56 @@
     "directory": "packages/tools"
   },
   "dependencies": {
-    "@babel/cli": "^7.1.2",
-    "@babel/core": "^7.1.2",
-    "@babel/plugin-proposal-object-rest-spread": "^7.3.2",
-    "@babel/preset-env": "^7.1.0",
-    "@wdio/cli": "^6.1.3",
-    "@wdio/dot-reporter": "^6.0.16",
-    "@wdio/local-runner": "^6.1.3",
-    "@wdio/mocha-framework": "^6.1.0",
-    "@wdio/spec-reporter": "^6.0.16",
-    "@wdio/sync": "^6.1.0",
-    "@webcomponents/webcomponentsjs": "^2.4.0",
-    "chai": "^4.2.0",
-    "chokidar-cli": "^2.0.0",
-    "clean-css": "^4.2.1",
+    "@rollup/plugin-json": "^4.1.0",
+    "@rollup/plugin-node-resolve": "^13.0.5",
+    "@rollup/plugin-replace": "^3.0.0",
+    "@wdio/cli": "^7.12.2",
+    "@wdio/devtools-service": "^7.19.5",
+    "@wdio/dot-reporter": "^7.10.1",
+    "@wdio/local-runner": "^7.12.2",
+    "@wdio/mocha-framework": "^7.12.2",
+    "@wdio/spec-reporter": "^7.10.1",
+    "chai": "^4.3.4",
+    "child_process": "^1.0.2",
+    "chokidar": "^3.5.1",
+    "chokidar-cli": "^3.0.0",
+    "cli-color": "^2.0.1",
     "command-line-args": "^5.1.1",
-    "concurrently": "^5.0.0",
-    "cross-env": "^5.2.0",
-    "cssnano": "^4.1.10",
-    "escodegen": "^1.11.0",
-    "eslint": "^5.10.0",
-    "eslint-config-airbnb-base": "^13.1.0",
-    "eslint-plugin-import": "^2.14.0",
+    "concurrently": "^6.0.0",
+    "cross-env": "^7.0.3",
+    "cssnano": "^4.1.11",
+    "escodegen": "^2.0.0",
+    "eslint": "^7.22.0",
+    "eslint-config-airbnb-base": "^14.2.1",
+    "eslint-plugin-import": "^2.22.1",
     "esprima": "^4.0.1",
-    "getopts": "^2.2.3",
-    "glob": "^7.1.3",
-    "handlebars": "^4.1.2",
-    "jsdoc": "^3.6.3",
+    "getopts": "^2.3.0",
+    "glob": "^7.1.6",
+    "glob-parent": "^6.0.2",
+    "globby": "^13.1.1",
+    "handlebars": "^4.7.7",
+    "is-port-reachable": "^3.1.0",
+    "jsdoc": "^3.6.6",
     "json-beautify": "^1.1.1",
-    "mkdirp": "^0.5.1",
-    "npm-run-all": "^4.1.3",
-    "nps": "^5.9.8",
-    "postcss": "^7.0.18",
-    "postcss-cli": "^6.1.3",
-    "postcss-combine-duplicated-selectors": "^7.0.0",
-    "postcss-import": "^12.0.1",
-    "properties-reader": "^0.3.1",
-    "puppeteer": "^1.11.0",
-    "rimraf": "^2.6.2",
-    "rollup": "^1.1.2",
-    "rollup-plugin-babel": "^4.0.3",
-    "rollup-plugin-filesize": "^6.0.1",
-    "rollup-plugin-livereload": "^1.0.4",
-    "rollup-plugin-node-resolve": "^4.0.0",
-    "rollup-plugin-notify": "^1.1.0",
-    "rollup-plugin-string": "^2.0.2",
-    "rollup-plugin-terser": "^5.1.3",
-    "rollup-plugin-url": "^2.2.0",
-    "rollup-plugin-visualizer": "^0.9.2",
-    "serve": "^10.1.1",
-    "wdio-chromedriver-service": "^6.0.2"
+    "mkdirp": "^1.0.4",
+    "nps": "^5.10.0",
+    "postcss": "^8.4.5",
+    "postcss-cli": "^9.1.0",
+    "postcss-import": "^14.0.2",
+    "postcss-selector-parser": "^6.0.10",
+    "properties-reader": "^2.2.0",
+    "recursive-readdir": "^2.2.2",
+    "resolve": "^1.20.0",
+    "rimraf": "^3.0.2",
+    "rollup": "^2.41.4",
+    "rollup-plugin-livereload": "^2.0.0",
+    "rollup-plugin-terser": "^7.0.2",
+    "serve": "^12.0.0",
+    "slash": "3.0.0",
+    "wdio-chromedriver-service": "^7.0.0",
+    "zx": "^4.3.0"
   },
   "peerDependencies": {
     "chromedriver": "*"
-  },
-  "resolutions": {
-    "rollup-plugin-livereload/livereload/chokidar": "^3.x"
   }
 }

package/bin/init-ui5-package.js

@@ -1,3 +0,0 @@
-#!/usr/bin/env node
-
-require("../lib/init-package/index.js");

package/lib/init-package/index.js

@@ -1,112 +0,0 @@
-const fs = require("fs");
-const path = require("path");
-const mkdirp = require("mkdirp");
-const commandLineArgs = require('command-line-args');
-const beautify = require("json-beautify");
-
-// String utils
-const kebabToCamelCase = string => toCamelCase(string.split("-"));
-const toCamelCase = parts => {
-	return parts.map((string, index) => {
-		return index === 0 ? string.toLowerCase() : string.charAt(0).toUpperCase() + string.slice(1).toLowerCase();
-	}).join("");
-};
-const capitalizeFirst = str => str.substr(0,1).toUpperCase() + str.substr(1);
-
-// content of package.json
-let packageContent;
-
-const DEFAULT_PORT = 8080;
-const DEFAULT_TAG = 'ui5-demo';
-
-// from where all the files will be copied
-const RESOURCES_DIR = path.join(`${__dirname}`, `resources/`);
-
-// Command line options
-const options = commandLineArgs([
-	{name: 'port', alias: 'p', type: Number},
-	{name: 'tag', type: String},
-]);
-
-// Ensure there is package.json
-try {
-	packageContent = JSON.parse(fs.readFileSync("package.json"));
-} catch (err) {
-	console.log("No package.json found, please run: 'npm init' first");
-	process.exit(1);
-}
-
-// Ensure correct tag
-const tag = options.tag || DEFAULT_TAG;
-if (!tag.match(/^ui5-/)) {
-	console.log("tag name should start with ui5-");
-	process.exit(1);
-}
-const className = capitalizeFirst(kebabToCamelCase(tag.substr(4)));
-
-// All variables that will be replaced in the content of the resources/
-const vars = {
-	INIT_PACKAGE_VAR_NAME: packageContent.name,
-	INIT_PACKAGE_VAR_PORT: options.port || DEFAULT_PORT,
-	INIT_PACKAGE_VAR_TAG: tag,
-	INIT_PACKAGE_VAR_CLASS_NAME: className,
-};
-console.log(vars);
-
-const replaceVarsInFileContent = content => {
-	for (let key in vars) {
-		const re = new RegExp(key, "g");
-		content = content.replace(re, vars[key]);
-	}
-	return content;
-};
-
-const replaceVarsInFileName = fileName => {
-	return fileName.replace(/Demo/, vars.INIT_PACKAGE_VAR_CLASS_NAME)	;
-};
-
-const copyFile = (sourcePath, destPath) => {
-	let content = fs.readFileSync(sourcePath, {encoding: "UTF-8"});
-	content = replaceVarsInFileContent(content);
-	destPath = replaceVarsInFileName(destPath);
-	fs.writeFileSync(destPath, content);
-	console.log(destPath);
-};
-
-const copyResources = sourcePath => {
-	const destPath = sourcePath.substr(RESOURCES_DIR.length);
-	const isDir = fs.lstatSync(sourcePath).isDirectory();
-	if (isDir) {
-		if (destPath) {
-			mkdirp.sync(destPath);
-			console.log(destPath);
-		}
-		fs.readdirSync(sourcePath).forEach(file => {
-			copyResources(path.join(sourcePath, file));
-		});
-	} else {
-		copyFile(sourcePath, destPath);
-	}
-};
-
-const updatePackageFile = () => {
-	packageContent.scripts = {
-		"clean": "wc-dev clean",
-		"lint": "wc-dev lint",
-		"start": "wc-dev start",
-		"build": "wc-dev build",
-		"test": "wc-dev test",
-		"create-ui5-element": "wc-create-ui5-element",
-		"prepublishOnly": "npm run build"
-	};
-
-	fs.writeFileSync("package.json", beautify(packageContent, null, 2, 100));
-};
-
-// Copy files
-copyResources(RESOURCES_DIR);
-
-// Update package.json
-updatePackageFile();
-
-console.log("Package successfully initialized.");

package/lib/init-package/resources/.eslintignore

@@ -1,3 +0,0 @@
-# Note: Changes to this file also must be applied to the top level .eslintignore file.
-dist
-test

package/lib/init-package/resources/bundle.es5.js

@@ -1,25 +0,0 @@
-// ES5 bundle targets IE11 only
-import "@ui5/webcomponents-base/dist/features/browsersupport/IE11.js";
-
-import "./bundle.esm.js";
-
-import { getAnimationMode } from "@ui5/webcomponents-base/dist/config/AnimationMode.js";
-import { getLanguage } from "@ui5/webcomponents-base/dist/config/Language.js";
-import { getCalendarType } from "@ui5/webcomponents-base/dist/config/CalendarType.js";
-import { getTheme, setTheme } from "@ui5/webcomponents-base/dist/config/Theme.js";
-import { getNoConflict, setNoConflict } from "@ui5/webcomponents-base/dist/config/NoConflict.js";
-import { getRTL } from "@ui5/webcomponents-base/dist/config/RTL.js";
-import { getFirstDayOfWeek } from "@ui5/webcomponents-base/dist/config/FormatSettings.js";
-
-const configuration = {
-	getAnimationMode,
-	getLanguage,
-	getTheme,
-	setTheme,
-	getNoConflict,
-	setNoConflict,
-	getCalendarType,
-	getRTL,
-	getFirstDayOfWeek,
-};
-export default configuration;

package/lib/init-package/resources/bundle.esm.js

@@ -1,34 +0,0 @@
-// ESM bundle targets Edge + browsers with native support
-import "@ui5/webcomponents-base/dist/features/browsersupport/Edge.js";
-
-// used in test pages
-import RenderScheduler from "@ui5/webcomponents-base/dist/RenderScheduler.js";
-
-import { getAnimationMode } from "@ui5/webcomponents-base/dist/config/AnimationMode.js";
-import { getLanguage } from "@ui5/webcomponents-base/dist/config/Language.js";
-import { getCalendarType } from "@ui5/webcomponents-base/dist/config/CalendarType.js";
-import { getTheme, setTheme } from "@ui5/webcomponents-base/dist/config/Theme.js";
-import { getNoConflict, setNoConflict } from "@ui5/webcomponents-base/dist/config/NoConflict.js";
-import { getRTL } from "@ui5/webcomponents-base/dist/config/RTL.js";
-import { getFirstDayOfWeek } from "@ui5/webcomponents-base/dist/config/FormatSettings.js";
-
-// Enable additional themes and i18n texts
-import "./dist/Assets.js";
-
-// Import your web components here from the dist/ directory
-import "./dist/INIT_PACKAGE_VAR_CLASS_NAME.js";
-
-window.RenderScheduler = RenderScheduler;
-window["sap-ui-webcomponents-bundle"] = {
-	configuration: {
-		getAnimationMode,
-		getLanguage,
-		getTheme,
-		setTheme,
-		getNoConflict,
-		setNoConflict,
-		getCalendarType,
-		getRTL,
-		getFirstDayOfWeek,
-	},
-};

package/lib/init-package/resources/config/.eslintrc.js

@@ -1 +0,0 @@
-module.exports = require("@ui5/webcomponents-tools/components-package/eslint.js");

package/lib/init-package/resources/config/postcss.components/postcss.config.js

@@ -1 +0,0 @@
-module.exports = require("@ui5/webcomponents-tools/components-package/postcss.components.js");

package/lib/init-package/resources/config/postcss.themes/postcss.config.js

@@ -1 +0,0 @@
-module.exports = require("@ui5/webcomponents-tools/components-package/postcss.themes.js");

package/lib/init-package/resources/config/rollup.config.js

@@ -1 +0,0 @@
-module.exports = require("@ui5/webcomponents-tools/components-package/rollup.js");

package/lib/init-package/resources/config/wdio.conf.js

@@ -1 +0,0 @@
-module.exports = require("@ui5/webcomponents-tools/components-package/wdio.js");

package/lib/init-package/resources/package-scripts.js

@@ -1,11 +0,0 @@
-const getScripts = require("@ui5/webcomponents-tools/components-package/nps.js");
-
-const options = {
-	port: INIT_PACKAGE_VAR_PORT,
-};
-
-const scripts = getScripts(options);
-
-module.exports = {
-	scripts,
-};

package/lib/init-package/resources/src/Assets.js

@@ -1,5 +0,0 @@
-import "@ui5/webcomponents-theme-base/dist/Assets.js"; // Theming
-
-// own INIT_PACKAGE_VAR_NAME package assets
-import "./generated/json-imports/Themes.js";
-import "./generated/json-imports/i18n.js";

package/lib/init-package/resources/src/Demo.hbs

@@ -1 +0,0 @@
-<div>This is: INIT_PACKAGE_VAR_TAG. {{pleaseWaitText}}</div>

package/lib/init-package/resources/src/Demo.js

@@ -1,56 +0,0 @@
-import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import { fetchI18nBundle, getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
-
-// Template
-import INIT_PACKAGE_VAR_CLASS_NAMETemplate from "./generated/templates/INIT_PACKAGE_VAR_CLASS_NAMETemplate.lit.js";
-
-// Styles
-import INIT_PACKAGE_VAR_CLASS_NAMECss from "./generated/themes/INIT_PACKAGE_VAR_CLASS_NAME.css.js";
-
-import { PLEASE_WAIT } from "./generated/i18n/i18n-defaults.js";
-
-const metadata = {
-	tag: "INIT_PACKAGE_VAR_TAG",
-	properties: {
-	},
-	slots: {
-	},
-	events: {
-	},
-};
-
-class INIT_PACKAGE_VAR_CLASS_NAME extends UI5Element {
-	constructor() {
-		super();
-		this.i18nBundle = getI18nBundle("INIT_PACKAGE_VAR_NAME");
-	}
-
-	get pleaseWaitText() {
-		return this.i18nBundle.getText(PLEASE_WAIT);
-	}
-
-	static get metadata() {
-		return metadata;
-	}
-
-	static get render() {
-		return litRender;
-	}
-
-	static get template() {
-		return INIT_PACKAGE_VAR_CLASS_NAMETemplate;
-	}
-
-	static get styles() {
-		return INIT_PACKAGE_VAR_CLASS_NAMECss;
-	}
-
-	static async onDefine() {
-		await fetchI18nBundle("INIT_PACKAGE_VAR_NAME");
-	}
-}
-
-INIT_PACKAGE_VAR_CLASS_NAME.define();
-
-export default INIT_PACKAGE_VAR_CLASS_NAME;

package/lib/init-package/resources/src/i18n/messagebundle.properties

@@ -1,2 +0,0 @@
-#please wait text for the demo component
-PLEASE_WAIT=wait

package/lib/init-package/resources/src/i18n/messagebundle_de.properties

@@ -1 +0,0 @@
-PLEASE_WAIT=Bitte warten

package/lib/init-package/resources/src/i18n/messagebundle_en.properties

@@ -1 +0,0 @@
-PLEASE_WAIT=Please wait

package/lib/init-package/resources/src/i18n/messagebundle_es.properties

@@ -1 +0,0 @@
-PLEASE_WAIT=Espere

package/lib/init-package/resources/src/i18n/messagebundle_fr.properties

@@ -1 +0,0 @@
-PLEASE_WAIT=Patientez.

package/lib/init-package/resources/src/themes/Demo.css

@@ -1,11 +0,0 @@
-:host {
-    border: 2px solid var(--ui5-demo-border-color);
-    background-color: var(--sapBackgroundColor);
-    color: var(--sapTextColor);
-    display: block;
-    width: 16rem;
-    height: 3rem;
-    text-align: center;
-    vertical-align: middle;
-    line-height: 3rem;
-}

package/lib/init-package/resources/src/themes/sap_belize/parameters-bundle.css

@@ -1,3 +0,0 @@
-:root {
-    --ui5-demo-border-color: lightblue;
-}

package/lib/init-package/resources/src/themes/sap_belize_hcb/parameters-bundle.css

@@ -1,3 +0,0 @@
-:root {
-    --ui5-demo-border-color: black;
-}

package/lib/init-package/resources/src/themes/sap_belize_hcw/parameters-bundle.css

@@ -1,3 +0,0 @@
-:root {
-    --ui5-demo-border-color: black;
-}

package/lib/init-package/resources/src/themes/sap_fiori_3/parameters-bundle.css

@@ -1,3 +0,0 @@
-:root {
-    --ui5-demo-border-color: green;
-}

package/lib/init-package/resources/src/themes/sap_fiori_3_dark/parameters-bundle.css

@@ -1,3 +0,0 @@
-:root {
-    --ui5-demo-border-color: blue;
-}