@ui5/webcomponents-theming 0.0.0-a7032d86e → 0.0.0-a8a75c830

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 +2019 -0
  3. package/LICENSE.txt +201 -0
  4. package/README.md +7 -9
  5. package/css-vars-usage.json +274 -31
  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.js.map +1 -1
  14. package/dist/css/themes/sap_fiori_3/parameters-bundle.css +2 -1
  15. package/dist/css/themes/sap_fiori_3_dark/parameters-bundle.css +2 -1
  16. package/dist/css/themes/sap_fiori_3_hcb/parameters-bundle.css +2 -1
  17. package/dist/css/themes/sap_fiori_3_hcw/parameters-bundle.css +2 -1
  18. package/dist/css/themes/sap_horizon/parameters-bundle.css +2 -1
  19. package/dist/css/themes/sap_horizon_dark/parameters-bundle.css +2 -1
  20. package/dist/css/themes/sap_horizon_hcb/parameters-bundle.css +2 -1
  21. package/dist/css/themes/sap_horizon_hcw/parameters-bundle.css +2 -1
  22. package/dist/generated/assets/themes/sap_fiori_3/parameters-bundle.css.json +1 -1
  23. package/dist/generated/assets/themes/sap_fiori_3_dark/parameters-bundle.css.json +1 -1
  24. package/dist/generated/assets/themes/sap_fiori_3_hcb/parameters-bundle.css.json +1 -1
  25. package/dist/generated/assets/themes/sap_fiori_3_hcw/parameters-bundle.css.json +1 -1
  26. package/dist/generated/assets/themes/sap_horizon/parameters-bundle.css.json +1 -1
  27. package/dist/generated/assets/themes/sap_horizon_dark/parameters-bundle.css.json +1 -1
  28. package/dist/generated/assets/themes/sap_horizon_hcb/parameters-bundle.css.json +1 -1
  29. package/dist/generated/assets/themes/sap_horizon_hcw/parameters-bundle.css.json +1 -1
  30. package/dist/generated/json-imports/Themes-fetch.d.ts +1 -0
  31. package/dist/generated/json-imports/Themes-fetch.js +25 -0
  32. package/dist/generated/json-imports/Themes-fetch.js.map +1 -0
  33. package/dist/generated/json-imports/Themes-node.d.ts +1 -0
  34. package/dist/generated/json-imports/Themes-node.js +25 -0
  35. package/dist/generated/json-imports/Themes-node.js.map +1 -0
  36. package/dist/generated/json-imports/Themes.d.ts +1 -0
  37. package/dist/generated/json-imports/Themes.js +20 -25
  38. package/dist/generated/json-imports/Themes.js.map +1 -0
  39. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.d.ts +2 -0
  40. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js +3 -1
  41. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js.map +1 -0
  42. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.d.ts +2 -0
  43. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js +3 -1
  44. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js.map +1 -0
  45. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.d.ts +2 -0
  46. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js +3 -1
  47. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js.map +1 -0
  48. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.d.ts +2 -0
  49. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js +3 -1
  50. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js.map +1 -0
  51. package/dist/generated/themes/sap_horizon/parameters-bundle.css.d.ts +2 -0
  52. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +3 -1
  53. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js.map +1 -0
  54. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.d.ts +2 -0
  55. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js +3 -1
  56. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js.map +1 -0
  57. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.d.ts +2 -0
  58. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js +3 -1
  59. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js.map +1 -0
  60. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.d.ts +2 -0
  61. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js +3 -1
  62. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js.map +1 -0
  63. package/package-scripts.cjs +31 -0
  64. package/package.json +14 -17
  65. package/tsconfig.json +24 -13
  66. package/config/postcss.themes/postcss.config.js +0 -24
  67. package/dist/Assets-static.d.ts +0 -1
  68. package/dist/Assets-static.js +0 -3
  69. package/dist/Assets-static.js.map +0 -1
  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 -822
  84. package/dist/themes/sap_belize/parameters-bundle.css +0 -1
  85. package/dist/themes/sap_belize_hcb/css_variables.css +0 -821
  86. package/dist/themes/sap_belize_hcb/parameters-bundle.css +0 -1
  87. package/dist/themes/sap_belize_hcw/css_variables.css +0 -821
  88. package/dist/themes/sap_belize_hcw/parameters-bundle.css +0 -1
  89. package/dist/themes/sap_fiori_3/css_variables.css +0 -821
  90. package/dist/themes/sap_fiori_3/parameters-bundle.css +0 -1
  91. package/dist/themes/sap_fiori_3_dark/css_variables.css +0 -821
  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 -821
  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 -821
  96. package/dist/themes/sap_fiori_3_hcw/parameters-bundle.css +0 -1
  97. package/dist/themes/sap_horizon/css_variables.css +0 -821
  98. package/dist/themes/sap_horizon/parameters-bundle.css +0 -1
  99. package/dist/themes/sap_horizon_dark/css_variables.css +0 -821
  100. package/dist/themes/sap_horizon_dark/parameters-bundle.css +0 -1
  101. package/dist/themes/sap_horizon_exp/css_variables.css +0 -821
  102. package/dist/themes/sap_horizon_exp/parameters-bundle.css +0 -1
  103. package/dist/themes/sap_horizon_hcb/css_variables.css +0 -821
  104. package/dist/themes/sap_horizon_hcb/parameters-bundle.css +0 -1
  105. package/dist/themes/sap_horizon_hcw/css_variables.css +0 -821
  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 -34
@@ -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,34 +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.typescript build.themes build.postcss build.jsonImports generateReport`,
23
- src: `copy-and-watch "src/**/*.js" dist/`,
24
- typescript: "tsc",
25
- themes: {
26
- default: `nps build.themes.prepare ${buildThemesCommandsNames}`,
27
- ...buildThemesCommands
28
- },
29
- postcss: "postcss dist/**/parameters-bundle.css --config config/postcss.themes --base dist/ --dir dist/css/",
30
- jsonImports: `node "${jsonImportsScript}" dist/generated/assets/themes dist/generated/json-imports`,
31
- },
32
- generateReport: `node "${generateReportScript}"`,
33
- },
34
- };