@ui5/webcomponents-theming 0.0.0-4b9b0ab7c → 0.0.0-4e88b8243

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 (124) hide show
  1. package/.npsrc.json +3 -0
  2. package/CHANGELOG.md +1256 -0
  3. package/README.md +3 -5
  4. package/css-vars-usage.json +193 -6
  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.js.map +1 -1
  10. package/dist/css/themes/sap_fiori_3/parameters-bundle.css +1 -1
  11. package/dist/css/themes/sap_fiori_3_dark/parameters-bundle.css +1 -1
  12. package/dist/css/themes/sap_fiori_3_hcb/parameters-bundle.css +1 -1
  13. package/dist/css/themes/sap_fiori_3_hcw/parameters-bundle.css +1 -1
  14. package/dist/css/themes/sap_horizon/parameters-bundle.css +1 -1
  15. package/dist/css/themes/sap_horizon_dark/parameters-bundle.css +1 -1
  16. package/dist/css/themes/sap_horizon_dark_exp/parameters-bundle.css +1 -0
  17. package/dist/css/themes/sap_horizon_exp/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_hcb_exp/parameters-bundle.css +1 -0
  20. package/dist/css/themes/sap_horizon_hcw/parameters-bundle.css +1 -1
  21. package/dist/css/themes/sap_horizon_hcw_exp/parameters-bundle.css +1 -0
  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_dark_exp/parameters-bundle.css.json +1 -0
  29. package/dist/generated/assets/themes/sap_horizon_exp/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_hcb_exp/parameters-bundle.css.json +1 -0
  32. package/dist/generated/assets/themes/sap_horizon_hcw/parameters-bundle.css.json +1 -1
  33. package/dist/generated/assets/themes/sap_horizon_hcw_exp/parameters-bundle.css.json +1 -0
  34. package/dist/generated/json-imports/Themes-fetch.d.ts +1 -0
  35. package/dist/generated/json-imports/Themes-fetch.js +29 -0
  36. package/dist/generated/json-imports/Themes-fetch.js.map +1 -0
  37. package/dist/generated/json-imports/Themes.d.ts +1 -0
  38. package/dist/generated/json-imports/Themes.js +24 -25
  39. package/dist/generated/json-imports/Themes.js.map +1 -0
  40. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.d.ts +2 -3
  41. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js +2 -2
  42. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js.map +1 -1
  43. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.d.ts +2 -3
  44. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js +2 -2
  45. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js.map +1 -1
  46. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.d.ts +2 -3
  47. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js +2 -2
  48. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js.map +1 -1
  49. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.d.ts +2 -3
  50. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js +2 -2
  51. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js.map +1 -1
  52. package/dist/generated/themes/sap_horizon/parameters-bundle.css.d.ts +2 -3
  53. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +2 -2
  54. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js.map +1 -1
  55. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.d.ts +2 -3
  56. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js +2 -2
  57. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js.map +1 -1
  58. package/dist/generated/themes/sap_horizon_dark_exp/parameters-bundle.css.d.ts +2 -0
  59. package/dist/generated/themes/sap_horizon_dark_exp/parameters-bundle.css.js +3 -0
  60. package/dist/generated/themes/sap_horizon_dark_exp/parameters-bundle.css.js.map +1 -0
  61. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.d.ts +2 -3
  62. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js +2 -2
  63. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js.map +1 -1
  64. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.d.ts +2 -3
  65. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js +2 -2
  66. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js.map +1 -1
  67. package/dist/generated/themes/sap_horizon_hcb_exp/parameters-bundle.css.d.ts +2 -0
  68. package/dist/generated/themes/sap_horizon_hcb_exp/parameters-bundle.css.js +3 -0
  69. package/dist/generated/themes/sap_horizon_hcb_exp/parameters-bundle.css.js.map +1 -0
  70. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.d.ts +2 -3
  71. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js +2 -2
  72. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js.map +1 -1
  73. package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.d.ts +2 -0
  74. package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.js +3 -0
  75. package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.js.map +1 -0
  76. package/package-scripts.cjs +23 -0
  77. package/package.json +7 -7
  78. package/tsconfig.json +24 -13
  79. package/config/postcss.themes/postcss.config.js +0 -24
  80. package/dist/Assets-static.d.ts +0 -1
  81. package/dist/Assets-static.js +0 -3
  82. package/dist/Assets-static.js.map +0 -1
  83. package/dist/css/themes/sap_belize/parameters-bundle.css +0 -1
  84. package/dist/css/themes/sap_belize_hcb/parameters-bundle.css +0 -1
  85. package/dist/css/themes/sap_belize_hcw/parameters-bundle.css +0 -1
  86. package/dist/generated/assets/themes/sap_belize/parameters-bundle.css.json +0 -1
  87. package/dist/generated/assets/themes/sap_belize_hcb/parameters-bundle.css.json +0 -1
  88. package/dist/generated/assets/themes/sap_belize_hcw/parameters-bundle.css.json +0 -1
  89. package/dist/generated/json-imports/Themes-static.js +0 -41
  90. package/dist/generated/themes/sap_belize/parameters-bundle.css.d.ts +0 -3
  91. package/dist/generated/themes/sap_belize/parameters-bundle.css.js +0 -3
  92. package/dist/generated/themes/sap_belize/parameters-bundle.css.js.map +0 -1
  93. package/dist/generated/themes/sap_belize_hcb/parameters-bundle.css.d.ts +0 -3
  94. package/dist/generated/themes/sap_belize_hcb/parameters-bundle.css.js +0 -3
  95. package/dist/generated/themes/sap_belize_hcb/parameters-bundle.css.js.map +0 -1
  96. package/dist/generated/themes/sap_belize_hcw/parameters-bundle.css.d.ts +0 -3
  97. package/dist/generated/themes/sap_belize_hcw/parameters-bundle.css.js +0 -3
  98. package/dist/generated/themes/sap_belize_hcw/parameters-bundle.css.js.map +0 -1
  99. package/dist/themes/sap_belize/css_variables.css +0 -822
  100. package/dist/themes/sap_belize/parameters-bundle.css +0 -1
  101. package/dist/themes/sap_belize_hcb/css_variables.css +0 -821
  102. package/dist/themes/sap_belize_hcb/parameters-bundle.css +0 -1
  103. package/dist/themes/sap_belize_hcw/css_variables.css +0 -821
  104. package/dist/themes/sap_belize_hcw/parameters-bundle.css +0 -1
  105. package/dist/themes/sap_fiori_3/css_variables.css +0 -821
  106. package/dist/themes/sap_fiori_3/parameters-bundle.css +0 -1
  107. package/dist/themes/sap_fiori_3_dark/css_variables.css +0 -821
  108. package/dist/themes/sap_fiori_3_dark/parameters-bundle.css +0 -1
  109. package/dist/themes/sap_fiori_3_hcb/css_variables.css +0 -821
  110. package/dist/themes/sap_fiori_3_hcb/parameters-bundle.css +0 -1
  111. package/dist/themes/sap_fiori_3_hcw/css_variables.css +0 -821
  112. package/dist/themes/sap_fiori_3_hcw/parameters-bundle.css +0 -1
  113. package/dist/themes/sap_horizon/css_variables.css +0 -821
  114. package/dist/themes/sap_horizon/parameters-bundle.css +0 -1
  115. package/dist/themes/sap_horizon_dark/css_variables.css +0 -821
  116. package/dist/themes/sap_horizon_dark/parameters-bundle.css +0 -1
  117. package/dist/themes/sap_horizon_exp/css_variables.css +0 -821
  118. package/dist/themes/sap_horizon_exp/parameters-bundle.css +0 -1
  119. package/dist/themes/sap_horizon_hcb/css_variables.css +0 -821
  120. package/dist/themes/sap_horizon_hcb/parameters-bundle.css +0 -1
  121. package/dist/themes/sap_horizon_hcw/css_variables.css +0 -821
  122. package/dist/themes/sap_horizon_hcw/parameters-bundle.css +0 -1
  123. package/lib/generate-css-vars-usage-report/index.js +0 -32
  124. 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 && rimraf src/generated",
21
- build: {
22
- default: `cross-env UI5_TS=true nps clean build.src build.themes build.postcss build.jsonImports build.typescript 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
- };