@ui5/webcomponents-theming 0.0.0-e818f286e → 0.0.0-ebd9a4db3

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 (101) hide show
  1. package/.npsrc.json +3 -0
  2. package/CHANGELOG.md +1610 -0
  3. package/README.md +3 -5
  4. package/css-vars-usage.json +253 -27
  5. package/dist/.tsbuildinfo +1 -0
  6. package/dist/Assets-fetch.d.ts +1 -0
  7. package/dist/Assets-fetch.js +3 -0
  8. package/dist/Assets-fetch.js.map +1 -0
  9. package/dist/Assets.d.ts +1 -0
  10. package/dist/Assets.js +1 -0
  11. package/dist/Assets.js.map +1 -0
  12. package/dist/css/themes/sap_fiori_3/parameters-bundle.css +1 -1
  13. package/dist/css/themes/sap_fiori_3_dark/parameters-bundle.css +1 -1
  14. package/dist/css/themes/sap_fiori_3_hcb/parameters-bundle.css +1 -1
  15. package/dist/css/themes/sap_fiori_3_hcw/parameters-bundle.css +1 -1
  16. package/dist/css/themes/sap_horizon/parameters-bundle.css +1 -1
  17. package/dist/css/themes/sap_horizon_dark/parameters-bundle.css +1 -1
  18. package/dist/css/themes/sap_horizon_hcb/parameters-bundle.css +1 -1
  19. package/dist/css/themes/sap_horizon_hcw/parameters-bundle.css +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 -1
  26. package/dist/generated/assets/themes/sap_horizon_hcb/parameters-bundle.css.json +1 -1
  27. package/dist/generated/assets/themes/sap_horizon_hcw/parameters-bundle.css.json +1 -1
  28. package/dist/generated/json-imports/Themes-fetch.d.ts +1 -0
  29. package/dist/generated/json-imports/Themes-fetch.js +25 -0
  30. package/dist/generated/json-imports/Themes-fetch.js.map +1 -0
  31. package/dist/generated/json-imports/Themes.d.ts +1 -0
  32. package/dist/generated/json-imports/Themes.js +20 -25
  33. package/dist/generated/json-imports/Themes.js.map +1 -0
  34. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.d.ts +2 -0
  35. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js +3 -1
  36. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js.map +1 -0
  37. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.d.ts +2 -0
  38. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js +3 -1
  39. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js.map +1 -0
  40. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.d.ts +2 -0
  41. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js +3 -1
  42. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js.map +1 -0
  43. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.d.ts +2 -0
  44. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js +3 -1
  45. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js.map +1 -0
  46. package/dist/generated/themes/sap_horizon/parameters-bundle.css.d.ts +2 -0
  47. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +3 -1
  48. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js.map +1 -0
  49. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.d.ts +2 -0
  50. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js +3 -1
  51. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js.map +1 -0
  52. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.d.ts +2 -0
  53. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js +3 -1
  54. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js.map +1 -0
  55. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.d.ts +2 -0
  56. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js +3 -1
  57. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js.map +1 -0
  58. package/package-scripts.cjs +24 -0
  59. package/package.json +8 -9
  60. package/tsconfig.json +25 -0
  61. package/config/postcss.themes/postcss.config.js +0 -24
  62. package/dist/Assets-static.js +0 -2
  63. package/dist/css/themes/sap_belize/parameters-bundle.css +0 -1
  64. package/dist/css/themes/sap_belize_hcb/parameters-bundle.css +0 -1
  65. package/dist/css/themes/sap_belize_hcw/parameters-bundle.css +0 -1
  66. package/dist/css/themes/sap_horizon_exp/parameters-bundle.css +0 -1
  67. package/dist/generated/assets/themes/sap_belize/parameters-bundle.css.json +0 -1
  68. package/dist/generated/assets/themes/sap_belize_hcb/parameters-bundle.css.json +0 -1
  69. package/dist/generated/assets/themes/sap_belize_hcw/parameters-bundle.css.json +0 -1
  70. package/dist/generated/assets/themes/sap_horizon_exp/parameters-bundle.css.json +0 -1
  71. package/dist/generated/json-imports/Themes-static.js +0 -41
  72. package/dist/generated/themes/sap_belize/parameters-bundle.css.js +0 -1
  73. package/dist/generated/themes/sap_belize_hcb/parameters-bundle.css.js +0 -1
  74. package/dist/generated/themes/sap_belize_hcw/parameters-bundle.css.js +0 -1
  75. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js +0 -1
  76. package/dist/themes/sap_belize/css_variables.css +0 -748
  77. package/dist/themes/sap_belize/parameters-bundle.css +0 -1
  78. package/dist/themes/sap_belize_hcb/css_variables.css +0 -747
  79. package/dist/themes/sap_belize_hcb/parameters-bundle.css +0 -1
  80. package/dist/themes/sap_belize_hcw/css_variables.css +0 -747
  81. package/dist/themes/sap_belize_hcw/parameters-bundle.css +0 -1
  82. package/dist/themes/sap_fiori_3/css_variables.css +0 -747
  83. package/dist/themes/sap_fiori_3/parameters-bundle.css +0 -1
  84. package/dist/themes/sap_fiori_3_dark/css_variables.css +0 -747
  85. package/dist/themes/sap_fiori_3_dark/parameters-bundle.css +0 -1
  86. package/dist/themes/sap_fiori_3_hcb/css_variables.css +0 -747
  87. package/dist/themes/sap_fiori_3_hcb/parameters-bundle.css +0 -1
  88. package/dist/themes/sap_fiori_3_hcw/css_variables.css +0 -747
  89. package/dist/themes/sap_fiori_3_hcw/parameters-bundle.css +0 -1
  90. package/dist/themes/sap_horizon/css_variables.css +0 -747
  91. package/dist/themes/sap_horizon/parameters-bundle.css +0 -1
  92. package/dist/themes/sap_horizon_dark/css_variables.css +0 -747
  93. package/dist/themes/sap_horizon_dark/parameters-bundle.css +0 -1
  94. package/dist/themes/sap_horizon_exp/css_variables.css +0 -747
  95. package/dist/themes/sap_horizon_exp/parameters-bundle.css +0 -1
  96. package/dist/themes/sap_horizon_hcb/css_variables.css +0 -747
  97. package/dist/themes/sap_horizon_hcb/parameters-bundle.css +0 -1
  98. package/dist/themes/sap_horizon_hcw/css_variables.css +0 -747
  99. package/dist/themes/sap_horizon_hcw/parameters-bundle.css +0 -1
  100. package/lib/generate-css-vars-usage-report/index.js +0 -32
  101. package/package-scripts.js +0 -33
@@ -1 +0,0 @@
1
- @import "./css_variables.css";
@@ -1,32 +0,0 @@
1
- const fs = require('fs').promises;
2
- const path = require("path");
3
- const beautify = require("json-beautify");
4
-
5
- const vars = new Set();
6
-
7
- const processFile = async file => {
8
- const content = await fs.readFile(file);
9
- const matches = `${content}`.match(/var\(--sap[\-_A-Za-z0-9]+\)/g);
10
- matches && matches.forEach(match => {
11
- const cssVar = match.match(/--sap[\-_A-Za-z0-9]+/)[0];
12
- vars.add(cssVar);
13
- });
14
- };
15
-
16
- const generate = async () => {
17
- const { globby } = await import("globby");
18
-
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, "/"));
21
-
22
- await Promise.all([...mainFiles.map(processFile), ...fioriFiles.map(processFile)]);
23
-
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
- });
@@ -1,33 +0,0 @@
1
- const resolve = require("resolve");
2
- const assets = require('@ui5/webcomponents-tools/assets-meta.js');
3
-
4
- const jsonImportsScript = resolve.sync("@ui5/webcomponents-tools/lib/generate-json-imports/themes.js");
5
- const generateReportScript = resolve.sync("@ui5/webcomponents-theming/lib/generate-css-vars-usage-report/index.js");
6
-
7
- const allThemes = assets.themes.all;
8
- const buildThemesCommands = {};
9
- const buildThemesCommandsNames = allThemes.map(theme => `build.themes.${theme}`).join(" ");
10
-
11
- buildThemesCommands["prepare"] = allThemes.map(theme => `mkdirp dist/themes/${theme}`).join(" && ");
12
- allThemes.forEach(theme => {
13
- buildThemesCommands[theme] = `nps build.themes.copy_${theme}_vars build.themes.copy_${theme}_bundle`;
14
- buildThemesCommands[`copy_${theme}_vars`] = `copy-and-watch "../../node_modules/@sap-theming/theming-base-content/content/Base/baseLib/${theme.replace("sap_horizon_exp", "sap_horizon")}/css_variables.css" dist/themes/${theme}/`;
15
- buildThemesCommands[`copy_${theme}_bundle`] = `copy-and-watch "src/themes/${theme}/parameters-bundle.css" dist/themes/${theme}/`;
16
- });
17
-
18
- module.exports = {
19
- scripts: {
20
- clean: "rimraf dist",
21
- build: {
22
- default: `nps clean build.src build.themes build.postcss build.jsonImports generateReport`,
23
- src: `copy-and-watch "src/**/*.js" dist/`,
24
- themes: {
25
- default: `nps build.themes.prepare ${buildThemesCommandsNames}`,
26
- ...buildThemesCommands
27
- },
28
- postcss: "postcss dist/**/parameters-bundle.css --config config/postcss.themes --base dist/ --dir dist/css/",
29
- jsonImports: `node "${jsonImportsScript}" dist/generated/assets/themes dist/generated/json-imports`,
30
- },
31
- generateReport: `node "${generateReportScript}"`,
32
- },
33
- };