@ui5/webcomponents-theming 0.0.0-274170508 → 0.0.0-2c875c3d3

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 (108) hide show
  1. package/.npsrc.json +3 -0
  2. package/CHANGELOG.md +1912 -0
  3. package/LICENSE.txt +201 -0
  4. package/README.md +7 -9
  5. package/css-vars-usage.json +275 -32
  6. package/dist/.tsbuildinfo +1 -0
  7. package/dist/Assets-fetch.d.ts +1 -0
  8. package/dist/Assets-fetch.js +3 -0
  9. package/dist/Assets-fetch.js.map +1 -0
  10. package/dist/Assets-node.d.ts +12 -0
  11. package/dist/Assets-node.js +13 -0
  12. package/dist/Assets-node.js.map +1 -0
  13. package/dist/Assets.d.ts +1 -0
  14. package/dist/Assets.js +1 -0
  15. package/dist/Assets.js.map +1 -0
  16. package/dist/css/themes/sap_fiori_3/parameters-bundle.css +2 -1
  17. package/dist/css/themes/sap_fiori_3_dark/parameters-bundle.css +2 -1
  18. package/dist/css/themes/sap_fiori_3_hcb/parameters-bundle.css +2 -1
  19. package/dist/css/themes/sap_fiori_3_hcw/parameters-bundle.css +2 -1
  20. package/dist/css/themes/sap_horizon/parameters-bundle.css +2 -1
  21. package/dist/css/themes/sap_horizon_dark/parameters-bundle.css +2 -1
  22. package/dist/css/themes/sap_horizon_hcb/parameters-bundle.css +2 -1
  23. package/dist/css/themes/sap_horizon_hcw/parameters-bundle.css +2 -1
  24. package/dist/generated/assets/themes/sap_fiori_3/parameters-bundle.css.json +1 -1
  25. package/dist/generated/assets/themes/sap_fiori_3_dark/parameters-bundle.css.json +1 -1
  26. package/dist/generated/assets/themes/sap_fiori_3_hcb/parameters-bundle.css.json +1 -1
  27. package/dist/generated/assets/themes/sap_fiori_3_hcw/parameters-bundle.css.json +1 -1
  28. package/dist/generated/assets/themes/sap_horizon/parameters-bundle.css.json +1 -1
  29. package/dist/generated/assets/themes/sap_horizon_dark/parameters-bundle.css.json +1 -1
  30. package/dist/generated/assets/themes/sap_horizon_hcb/parameters-bundle.css.json +1 -1
  31. package/dist/generated/assets/themes/sap_horizon_hcw/parameters-bundle.css.json +1 -1
  32. package/dist/generated/json-imports/Themes-fetch.d.ts +1 -0
  33. package/dist/generated/json-imports/Themes-fetch.js +25 -0
  34. package/dist/generated/json-imports/Themes-fetch.js.map +1 -0
  35. package/dist/generated/json-imports/Themes-node.d.ts +1 -0
  36. package/dist/generated/json-imports/Themes-node.js +25 -0
  37. package/dist/generated/json-imports/Themes-node.js.map +1 -0
  38. package/dist/generated/json-imports/Themes.d.ts +1 -0
  39. package/dist/generated/json-imports/Themes.js +20 -25
  40. package/dist/generated/json-imports/Themes.js.map +1 -0
  41. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.d.ts +2 -0
  42. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js +3 -1
  43. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js.map +1 -0
  44. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.d.ts +2 -0
  45. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js +3 -1
  46. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js.map +1 -0
  47. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.d.ts +2 -0
  48. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js +3 -1
  49. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js.map +1 -0
  50. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.d.ts +2 -0
  51. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js +3 -1
  52. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js.map +1 -0
  53. package/dist/generated/themes/sap_horizon/parameters-bundle.css.d.ts +2 -0
  54. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +3 -1
  55. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js.map +1 -0
  56. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.d.ts +2 -0
  57. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js +3 -1
  58. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js.map +1 -0
  59. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.d.ts +2 -0
  60. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js +3 -1
  61. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js.map +1 -0
  62. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.d.ts +2 -0
  63. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js +3 -1
  64. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js.map +1 -0
  65. package/package-scripts.cjs +31 -0
  66. package/package.json +14 -17
  67. package/tsconfig.json +25 -0
  68. package/config/postcss.themes/postcss.config.js +0 -24
  69. package/dist/Assets-static.js +0 -2
  70. package/dist/css/themes/sap_belize/parameters-bundle.css +0 -1
  71. package/dist/css/themes/sap_belize_hcb/parameters-bundle.css +0 -1
  72. package/dist/css/themes/sap_belize_hcw/parameters-bundle.css +0 -1
  73. package/dist/css/themes/sap_horizon_exp/parameters-bundle.css +0 -1
  74. package/dist/generated/assets/themes/sap_belize/parameters-bundle.css.json +0 -1
  75. package/dist/generated/assets/themes/sap_belize_hcb/parameters-bundle.css.json +0 -1
  76. package/dist/generated/assets/themes/sap_belize_hcw/parameters-bundle.css.json +0 -1
  77. package/dist/generated/assets/themes/sap_horizon_exp/parameters-bundle.css.json +0 -1
  78. package/dist/generated/json-imports/Themes-static.js +0 -41
  79. package/dist/generated/themes/sap_belize/parameters-bundle.css.js +0 -1
  80. package/dist/generated/themes/sap_belize_hcb/parameters-bundle.css.js +0 -1
  81. package/dist/generated/themes/sap_belize_hcw/parameters-bundle.css.js +0 -1
  82. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js +0 -1
  83. package/dist/themes/sap_belize/css_variables.css +0 -748
  84. package/dist/themes/sap_belize/parameters-bundle.css +0 -1
  85. package/dist/themes/sap_belize_hcb/css_variables.css +0 -747
  86. package/dist/themes/sap_belize_hcb/parameters-bundle.css +0 -1
  87. package/dist/themes/sap_belize_hcw/css_variables.css +0 -747
  88. package/dist/themes/sap_belize_hcw/parameters-bundle.css +0 -1
  89. package/dist/themes/sap_fiori_3/css_variables.css +0 -747
  90. package/dist/themes/sap_fiori_3/parameters-bundle.css +0 -1
  91. package/dist/themes/sap_fiori_3_dark/css_variables.css +0 -747
  92. package/dist/themes/sap_fiori_3_dark/parameters-bundle.css +0 -1
  93. package/dist/themes/sap_fiori_3_hcb/css_variables.css +0 -747
  94. package/dist/themes/sap_fiori_3_hcb/parameters-bundle.css +0 -1
  95. package/dist/themes/sap_fiori_3_hcw/css_variables.css +0 -747
  96. package/dist/themes/sap_fiori_3_hcw/parameters-bundle.css +0 -1
  97. package/dist/themes/sap_horizon/css_variables.css +0 -747
  98. package/dist/themes/sap_horizon/parameters-bundle.css +0 -1
  99. package/dist/themes/sap_horizon_dark/css_variables.css +0 -747
  100. package/dist/themes/sap_horizon_dark/parameters-bundle.css +0 -1
  101. package/dist/themes/sap_horizon_exp/css_variables.css +0 -747
  102. package/dist/themes/sap_horizon_exp/parameters-bundle.css +0 -1
  103. package/dist/themes/sap_horizon_hcb/css_variables.css +0 -747
  104. package/dist/themes/sap_horizon_hcb/parameters-bundle.css +0 -1
  105. package/dist/themes/sap_horizon_hcw/css_variables.css +0 -747
  106. package/dist/themes/sap_horizon_hcw/parameters-bundle.css +0 -1
  107. package/lib/generate-css-vars-usage-report/index.js +0 -32
  108. 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
- };