@ui5/webcomponents-theming 0.0.0-cf069fb29 → 0.0.0-cf50976ce

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (61) hide show
  1. package/CHANGELOG.md +106 -0
  2. package/README.md +5 -6
  3. package/config/postcss.themes/postcss.config.js +1 -1
  4. package/css-vars-usage.json +139 -5
  5. package/dist/css/themes/sap_belize/parameters-bundle.css +1 -1
  6. package/dist/css/themes/sap_belize_hcb/parameters-bundle.css +1 -1
  7. package/dist/css/themes/sap_belize_hcw/parameters-bundle.css +1 -1
  8. package/dist/css/themes/sap_fiori_3/parameters-bundle.css +1 -1
  9. package/dist/css/themes/sap_fiori_3_dark/parameters-bundle.css +1 -1
  10. package/dist/css/themes/sap_fiori_3_hcb/parameters-bundle.css +1 -1
  11. package/dist/css/themes/sap_fiori_3_hcw/parameters-bundle.css +1 -1
  12. package/dist/css/themes/sap_horizon/parameters-bundle.css +1 -1
  13. package/dist/css/themes/sap_horizon_dark/parameters-bundle.css +1 -0
  14. package/dist/css/themes/sap_horizon_exp/parameters-bundle.css +1 -1
  15. package/dist/css/themes/sap_horizon_hcb/parameters-bundle.css +1 -0
  16. package/dist/css/themes/sap_horizon_hcw/parameters-bundle.css +1 -0
  17. package/dist/generated/assets/themes/sap_belize/parameters-bundle.css.json +1 -1
  18. package/dist/generated/assets/themes/sap_belize_hcb/parameters-bundle.css.json +1 -1
  19. package/dist/generated/assets/themes/sap_belize_hcw/parameters-bundle.css.json +1 -1
  20. package/dist/generated/assets/themes/sap_fiori_3/parameters-bundle.css.json +1 -1
  21. package/dist/generated/assets/themes/sap_fiori_3_dark/parameters-bundle.css.json +1 -1
  22. package/dist/generated/assets/themes/sap_fiori_3_hcb/parameters-bundle.css.json +1 -1
  23. package/dist/generated/assets/themes/sap_fiori_3_hcw/parameters-bundle.css.json +1 -1
  24. package/dist/generated/assets/themes/sap_horizon/parameters-bundle.css.json +1 -1
  25. package/dist/generated/assets/themes/sap_horizon_dark/parameters-bundle.css.json +1 -0
  26. package/dist/generated/assets/themes/sap_horizon_exp/parameters-bundle.css.json +1 -1
  27. package/dist/generated/assets/themes/sap_horizon_hcb/parameters-bundle.css.json +1 -0
  28. package/dist/generated/assets/themes/sap_horizon_hcw/parameters-bundle.css.json +1 -0
  29. package/dist/generated/json-imports/Themes-static.js +9 -3
  30. package/dist/generated/json-imports/Themes.js +6 -3
  31. package/dist/generated/themes/sap_belize/parameters-bundle.css.js +1 -1
  32. package/dist/generated/themes/sap_belize_hcb/parameters-bundle.css.js +1 -1
  33. package/dist/generated/themes/sap_belize_hcw/parameters-bundle.css.js +1 -1
  34. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js +1 -1
  35. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js +1 -1
  36. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js +1 -1
  37. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js +1 -1
  38. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +1 -1
  39. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js +1 -0
  40. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js +1 -1
  41. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js +1 -0
  42. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js +1 -0
  43. package/dist/themes/sap_belize/css_variables.css +185 -12
  44. package/dist/themes/sap_belize_hcb/css_variables.css +187 -14
  45. package/dist/themes/sap_belize_hcw/css_variables.css +184 -11
  46. package/dist/themes/sap_fiori_3/css_variables.css +186 -13
  47. package/dist/themes/sap_fiori_3_dark/css_variables.css +186 -13
  48. package/dist/themes/sap_fiori_3_hcb/css_variables.css +190 -17
  49. package/dist/themes/sap_fiori_3_hcw/css_variables.css +187 -14
  50. package/dist/themes/sap_horizon/css_variables.css +344 -171
  51. package/dist/themes/sap_horizon_dark/css_variables.css +757 -0
  52. package/dist/themes/sap_horizon_dark/parameters-bundle.css +1 -0
  53. package/dist/themes/sap_horizon_exp/css_variables.css +344 -171
  54. package/dist/themes/sap_horizon_hcb/css_variables.css +757 -0
  55. package/dist/themes/sap_horizon_hcb/parameters-bundle.css +1 -0
  56. package/dist/themes/sap_horizon_hcw/css_variables.css +757 -0
  57. package/dist/themes/sap_horizon_hcw/parameters-bundle.css +1 -0
  58. package/lib/generate-css-vars-usage-report/index.js +17 -12
  59. package/package-scripts.js +1 -6
  60. package/package.json +6 -8
  61. package/hash.txt +0 -1
@@ -0,0 +1 @@
1
+ @import "./css_variables.css";
@@ -1,12 +1,11 @@
1
- const fs = require('fs');
1
+ const fs = require('fs').promises;
2
2
  const path = require("path");
3
- const glob = require("glob");
4
3
  const beautify = require("json-beautify");
5
4
 
6
5
  const vars = new Set();
7
6
 
8
- const processFile = file => {
9
- const content = fs.readFileSync(file);
7
+ const processFile = async file => {
8
+ const content = await fs.readFile(file);
10
9
  const matches = `${content}`.match(/var\(--sap[\-_A-Za-z0-9]+\)/g);
11
10
  matches && matches.forEach(match => {
12
11
  const cssVar = match.match(/--sap[\-_A-Za-z0-9]+/)[0];
@@ -14,14 +13,20 @@ const processFile = file => {
14
13
  });
15
14
  };
16
15
 
17
- // Main
18
- glob.sync(path.join(__dirname, "../../../main/src/themes/**/*.css")).forEach(file => processFile(file));
16
+ const generate = async () => {
17
+ const { globby } = await import("globby");
19
18
 
20
- // Fiori
21
- glob.sync(path.join(__dirname, "../../../fiori/src/themes/**/*.css")).forEach(file => processFile(file));
19
+ const mainFiles = await globby(path.join(__dirname, "../../../main/src/themes/**/*.css").replace(/\\/g, "/"));
20
+ const fioriFiles = await globby(path.join(__dirname, "../../../fiori/src/themes/**/*.css").replace(/\\/g, "/"));
22
21
 
23
- const collator = new Intl.Collator(undefined, {numeric: true, sensitivity: 'base'});
24
- const result = Array.from(vars).sort(collator.compare); // natural sort
22
+ await Promise.all([...mainFiles.map(processFile), ...fioriFiles.map(processFile)]);
25
23
 
26
- fs.writeFileSync(path.join(__dirname, "../../css-vars-usage.json"), beautify(result, null, 2, 100));
27
- console.log("CSS Vars usage report generated.");
24
+ const collator = new Intl.Collator(undefined, {numeric: true, sensitivity: 'base'});
25
+ const result = Array.from(vars).sort(collator.compare); // natural sort
26
+
27
+ return fs.writeFile(path.join(__dirname, "../../css-vars-usage.json"), beautify(result, null, 2, 100));
28
+ }
29
+
30
+ generate().then(() => {
31
+ console.log("CSS Vars usage report generated.");
32
+ });
@@ -15,15 +15,11 @@ allThemes.forEach(theme => {
15
15
  buildThemesCommands[`copy_${theme}_bundle`] = `copy-and-watch "src/themes/${theme}/parameters-bundle.css" dist/themes/${theme}/`;
16
16
  });
17
17
 
18
- const generateHash = resolve.sync("@ui5/webcomponents-tools/lib/hash/generate.js");
19
- const hashIsUpToDate = resolve.sync("@ui5/webcomponents-tools/lib/hash/upToDate.js");
20
- const UP_TO_DATE = `node "${hashIsUpToDate}" dist/ hash.txt && echo "Up to date."`;
21
-
22
18
  module.exports = {
23
19
  scripts: {
24
20
  clean: "rimraf dist",
25
21
  build: {
26
- default: `${UP_TO_DATE} || nps clean build.src build.themes build.postcss build.jsonImports generateReport hash`,
22
+ default: `nps clean build.src build.themes build.postcss build.jsonImports generateReport`,
27
23
  src: `copy-and-watch "src/**/*.js" dist/`,
28
24
  themes: {
29
25
  default: `nps build.themes.prepare ${buildThemesCommandsNames}`,
@@ -33,6 +29,5 @@ module.exports = {
33
29
  jsonImports: `node "${jsonImportsScript}" dist/generated/assets/themes dist/generated/json-imports`,
34
30
  },
35
31
  generateReport: `node "${generateReportScript}"`,
36
- hash: `node ${generateHash} dist/ hash.txt`,
37
32
  },
38
33
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ui5/webcomponents-theming",
3
- "version": "0.0.0-cf069fb29",
3
+ "version": "0.0.0-cf50976ce",
4
4
  "description": "UI5 Web Components: webcomponents.theming",
5
5
  "author": "SAP SE (https://www.sap.com)",
6
6
  "license": "Apache-2.0",
@@ -20,7 +20,6 @@
20
20
  "build": "nps build",
21
21
  "start": "nps start",
22
22
  "verify": "node ./lib/verify-vars/index.js",
23
- "hash": "nps hash",
24
23
  "prepublishOnly": "npm run clean && npm run build"
25
24
  },
26
25
  "repository": {
@@ -29,18 +28,17 @@
29
28
  "directory": "packages/theming"
30
29
  },
31
30
  "dependencies": {
32
- "@sap-theming/theming-base-content": "11.1.34",
33
- "@ui5/webcomponents-base": "0.0.0-cf069fb29"
31
+ "@sap-theming/theming-base-content": "11.1.41",
32
+ "@ui5/webcomponents-base": "0.0.0-cf50976ce"
34
33
  },
35
34
  "devDependencies": {
36
- "@ui5/webcomponents-tools": "0.0.0-cf069fb29",
37
- "chromedriver": "96.0.0",
35
+ "@ui5/webcomponents-tools": "0.0.0-cf50976ce",
36
+ "chromedriver": "104.0.0",
38
37
  "cssnano": "^4.1.11",
39
- "glob": "^7.1.6",
38
+ "globby": "^13.1.1",
40
39
  "json-beautify": "^1.1.1",
41
40
  "nps": "^5.10.0",
42
41
  "postcss": "^8.4.5",
43
- "postcss-combine-duplicated-selectors": "^10.0.3",
44
42
  "postcss-import": "^14.0.2",
45
43
  "resolve": "^1.20.0"
46
44
  },
package/hash.txt DELETED
@@ -1 +0,0 @@
1
- rZnyMTmoc2CFM82C+7zGHcw3GGY=