chore: remove all less files (#340)

* Remove all less files
* Remove all build steps, related to the less files
* Move all css files from theme-next to theme
* Rename base-parameters-new.css to base-parameters.css
* Rename global-parameters-new.css to global-parameters.css
* Adapt the styles imports within all components
* Change all occurrences of theme-next in file paths

Author: ilhan007

packages/main/config/postcss.components/postcss.config.js

@@ -6,7 +6,7 @@ const cssnano = require('cssnano');
 module.exports = {
   plugins: [
     postcssNesting(),
-    postcssAddFallback({importFrom: "./dist/css/themes-next/sap_fiori_3/parameters-bundle.css"}),
+    postcssAddFallback({importFrom: "./dist/css/themes/sap_fiori_3/parameters-bundle.css"}),
 	cssnano({preset: [
 		'default', {
 			mergeLonghand: false, // https://github.com/cssnano/cssnano/issues/675

packages/main/entries-less.esm.js

@@ -122,7 +122,7 @@ module.exports = postcss.plugin('process derived colors', function (opts) {
 	opts = opts || {};
 
 	return async function (root) {
-		const match = root.source.input.from.match(/themes-next\/(\w+)\//) || root.source.input.from.match(/themes-next\\(\w+)\\/);
+		const match = root.source.input.from.match(/themes\/(\w+)\//) || root.source.input.from.match(/themes\\(\w+)\\/);
 		const theme = match[1];
 
 		const prevPlugins = [...pluginQueue];
@@ -143,7 +143,7 @@ module.exports = postcss.plugin('process derived colors', function (opts) {
 		let allParameters = root.toString();
 
 		// Step2: Collect derivation functions
-		const derivationFactories = require(`../../src/themes-next/${theme}/derived-colors`);
+		const derivationFactories = require(`../../src/themes/${theme}/derived-colors`);
 		let derivations = {};
 		derivationFactories.forEach(factory => {
 			Object.assign(derivations, factory(lessFunctions));

packages/main/lib/postcss-process-derived-colors/index.js

@@ -44,8 +44,7 @@
     }
   },
   "scripts": {
-    "build": "npm-run-all --sequential clean lint build:templates build:samples build:styles build:less copy:src build:bundle copy:i18n copy:webcomponents-polyfill ",
-    "build:less": "rollup -c rollup.config.less.js",
+    "build": "npm-run-all --sequential clean lint build:templates build:samples build:styles copy:src build:bundle copy:i18n copy:webcomponents-polyfill ",
     "build:bundle": "rollup -c --environment ES5_BUILD",
     "build:templates": "mkdirp src/build/compiled && node ./lib/hbs2ui5/index.js -d src/ -o src/build/compiled",
     "build:samples": "npm run copy:test --scripts-prepend-node-path && npm run build:api --scripts-prepend-node-path && npm run build:docs --scripts-prepend-node-path && node lib/playground/index.js",
@@ -55,17 +54,17 @@
     "build:docs": "node ../../lib/documentation/index.js",
     "build:styles": "npm-run-all --sequential build:styles-bundles build:styles-components",
     "build:styles-bundles": "postcss src/**/parameters-bundle.css --config config/postcss.bundles --base src --dir dist/css/",
-    "build:styles-components": "postcss src/themes-next/*.css --config config/postcss.components --base src --dir dist/css/",
+    "build:styles-components": "postcss src/themes/*.css --config config/postcss.components --base src --dir dist/css/",
     "watch:styles-bundles": "postcss src/**/parameters-bundle.css --config config/postcss.bundles --base src --dir dist/css/ -w",
-    "watch:styles-components": "postcss src/themes-next/*.css --config config/postcss.components --base src --dir dist/css/ -w",
+    "watch:styles-components": "postcss src/themes/*.css --config config/postcss.components --base src --dir dist/css/ -w",
     "clean": "rimraf dist src/build",
     "copy:src": "copy-and-watch \"src/**/*.js\" \"src/**/i18n/*.json\" dist/",
     "copy:i18n": "cpx \"src/i18n/*.json\" dist/i18n",
     "copy:test": "cpx \"test/**/*.*\" dist/test-resources",
     "copy:pages": "cpx \"test/**/pages/*.*\" dist/test-resources",
     "copy:qunit": "cpx \"test/**/qunit/*.*\" dist/test-resources",
     "copy:webcomponents-polyfill": "cpx \"../../node_modules/@webcomponents/webcomponentsjs/**/*.*\" dist/webcomponentsjs/",
-    "dev": "npm-run-all --parallel watch:less watch:templates watch:samples watch:pages watch:qunit watch:src watch:bundle watch:styles-bundles watch:styles-components copy:webcomponents-polyfill",
+    "dev": "npm-run-all --parallel watch:templates watch:samples watch:pages watch:qunit watch:src watch:bundle watch:styles-bundles watch:styles-components copy:webcomponents-polyfill",
     "start": "npm-run-all --parallel serve:static dev",
     "lint": "eslint .",
     "test:wdio": "npm-run-all --parallel --race serve:static test:wdio-run",
@@ -76,8 +75,7 @@
     "test:jest": "jest",
     "test": "npm-run-all --sequential test:jest test:wdio",
     "watch:src": "copy-and-watch --watch \"src/**/*.js\" \"src/**/i18n/*.json\" dist/",
-    "watch:less": "rollup -c rollup.config.less.js -w",
-    "watch:bundle": "wait-on dist/less-bundle/entries-less.esm.js && rollup -c -w --environment ES5_BUILD,DEV",
+    "watch:bundle": "rollup -c -w --environment ES5_BUILD,DEV",
     "watch:templates": "npm-watch build:templates",
     "watch:samples": "npm-watch build:samples",
     "watch:pages": "npm-watch build:pages",

packages/main/package.json

@@ -10,7 +10,7 @@ import ButtonRenderer from "./build/compiled/ButtonRenderer.lit";
 import Icon from "./Icon";
 
 // Styles
-import buttonCss from "./themes-next/Button.css";
+import buttonCss from "./themes/Button.css";
 
 addCustomCSS("ui5-button", "sap_fiori_3", buttonCss);
 addCustomCSS("ui5-button", "sap_belize", buttonCss);

packages/main/rollup.config.less.js

@@ -23,7 +23,7 @@ import CalendarRenderer from "./build/compiled/CalendarRenderer.lit";
 import "@ui5/webcomponents-core/dist/sap/ui/core/date/Gregorian";
 
 // Styles
-import calendarCSS from "./themes-next/Calendar.css";
+import calendarCSS from "./themes/Calendar.css";
 
 addCustomCSS("ui5-calendar", "sap_fiori_3", calendarCSS);
 addCustomCSS("ui5-calendar", "sap_belize_hcb", calendarCSS);

packages/main/src/Button.js

@@ -8,7 +8,7 @@ import ButtonType from "./types/ButtonType";
 import CalendarHeaderRenderer from "./build/compiled/CalendarHeaderRenderer.lit";
 
 // Styles
-import styles from "./themes-next/CalendarHeader.css";
+import styles from "./themes/CalendarHeader.css";
 
 addCustomCSS("ui5-calendar-header", "sap_belize", styles);
 addCustomCSS("ui5-calendar-header", "sap_belize_hcb", styles);

packages/main/src/Calendar.js

@@ -9,7 +9,7 @@ import CardRenderer from "./build/compiled/CardRenderer.lit";
 import Icon from "./Icon";
 
 // Styles
-import cardCss from "./themes-next/Card.css";
+import cardCss from "./themes/Card.css";
 
 addCustomCSS("ui5-card", "sap_fiori_3", cardCss);
 addCustomCSS("ui5-card", "sap_belize", cardCss);

packages/main/src/CalendarHeader.js

@@ -9,7 +9,7 @@ import CheckBoxTemplateContext from "./CheckBoxTemplateContext";
 import Label from "./Label";
 
 // Styles
-import checkboxCss from "./themes-next/CheckBox.css";
+import checkboxCss from "./themes/CheckBox.css";
 
 addCustomCSS("ui5-checkbox", "sap_fiori_3", checkboxCss);
 addCustomCSS("ui5-checkbox", "sap_belize", checkboxCss);