@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.
- package/.npsrc.json +3 -0
- package/CHANGELOG.md +1610 -0
- package/README.md +3 -5
- package/css-vars-usage.json +253 -27
- package/dist/.tsbuildinfo +1 -0
- package/dist/Assets-fetch.d.ts +1 -0
- package/dist/Assets-fetch.js +3 -0
- package/dist/Assets-fetch.js.map +1 -0
- package/dist/Assets.d.ts +1 -0
- package/dist/Assets.js +1 -0
- package/dist/Assets.js.map +1 -0
- package/dist/css/themes/sap_fiori_3/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_fiori_3_dark/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_fiori_3_hcb/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_fiori_3_hcw/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_horizon/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_horizon_dark/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_horizon_hcb/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_horizon_hcw/parameters-bundle.css +1 -1
- package/dist/generated/assets/themes/sap_fiori_3/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_fiori_3_dark/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_fiori_3_hcb/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_fiori_3_hcw/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_dark/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_hcb/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_hcw/parameters-bundle.css.json +1 -1
- package/dist/generated/json-imports/Themes-fetch.d.ts +1 -0
- package/dist/generated/json-imports/Themes-fetch.js +25 -0
- package/dist/generated/json-imports/Themes-fetch.js.map +1 -0
- package/dist/generated/json-imports/Themes.d.ts +1 -0
- package/dist/generated/json-imports/Themes.js +20 -25
- package/dist/generated/json-imports/Themes.js.map +1 -0
- package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.d.ts +2 -0
- package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js +3 -1
- package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js.map +1 -0
- package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.d.ts +2 -0
- package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js +3 -1
- package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js.map +1 -0
- package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.d.ts +2 -0
- package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js +3 -1
- package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js.map +1 -0
- package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.d.ts +2 -0
- package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js +3 -1
- package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js.map +1 -0
- package/dist/generated/themes/sap_horizon/parameters-bundle.css.d.ts +2 -0
- package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +3 -1
- package/dist/generated/themes/sap_horizon/parameters-bundle.css.js.map +1 -0
- package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.d.ts +2 -0
- package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js +3 -1
- package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js.map +1 -0
- package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.d.ts +2 -0
- package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js +3 -1
- package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js.map +1 -0
- package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.d.ts +2 -0
- package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js +3 -1
- package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js.map +1 -0
- package/package-scripts.cjs +24 -0
- package/package.json +8 -9
- package/tsconfig.json +25 -0
- package/config/postcss.themes/postcss.config.js +0 -24
- package/dist/Assets-static.js +0 -2
- package/dist/css/themes/sap_belize/parameters-bundle.css +0 -1
- package/dist/css/themes/sap_belize_hcb/parameters-bundle.css +0 -1
- package/dist/css/themes/sap_belize_hcw/parameters-bundle.css +0 -1
- package/dist/css/themes/sap_horizon_exp/parameters-bundle.css +0 -1
- package/dist/generated/assets/themes/sap_belize/parameters-bundle.css.json +0 -1
- package/dist/generated/assets/themes/sap_belize_hcb/parameters-bundle.css.json +0 -1
- package/dist/generated/assets/themes/sap_belize_hcw/parameters-bundle.css.json +0 -1
- package/dist/generated/assets/themes/sap_horizon_exp/parameters-bundle.css.json +0 -1
- package/dist/generated/json-imports/Themes-static.js +0 -41
- package/dist/generated/themes/sap_belize/parameters-bundle.css.js +0 -1
- package/dist/generated/themes/sap_belize_hcb/parameters-bundle.css.js +0 -1
- package/dist/generated/themes/sap_belize_hcw/parameters-bundle.css.js +0 -1
- package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js +0 -1
- package/dist/themes/sap_belize/css_variables.css +0 -748
- package/dist/themes/sap_belize/parameters-bundle.css +0 -1
- package/dist/themes/sap_belize_hcb/css_variables.css +0 -747
- package/dist/themes/sap_belize_hcb/parameters-bundle.css +0 -1
- package/dist/themes/sap_belize_hcw/css_variables.css +0 -747
- package/dist/themes/sap_belize_hcw/parameters-bundle.css +0 -1
- package/dist/themes/sap_fiori_3/css_variables.css +0 -747
- package/dist/themes/sap_fiori_3/parameters-bundle.css +0 -1
- package/dist/themes/sap_fiori_3_dark/css_variables.css +0 -747
- package/dist/themes/sap_fiori_3_dark/parameters-bundle.css +0 -1
- package/dist/themes/sap_fiori_3_hcb/css_variables.css +0 -747
- package/dist/themes/sap_fiori_3_hcb/parameters-bundle.css +0 -1
- package/dist/themes/sap_fiori_3_hcw/css_variables.css +0 -747
- package/dist/themes/sap_fiori_3_hcw/parameters-bundle.css +0 -1
- package/dist/themes/sap_horizon/css_variables.css +0 -747
- package/dist/themes/sap_horizon/parameters-bundle.css +0 -1
- package/dist/themes/sap_horizon_dark/css_variables.css +0 -747
- package/dist/themes/sap_horizon_dark/parameters-bundle.css +0 -1
- package/dist/themes/sap_horizon_exp/css_variables.css +0 -747
- package/dist/themes/sap_horizon_exp/parameters-bundle.css +0 -1
- package/dist/themes/sap_horizon_hcb/css_variables.css +0 -747
- package/dist/themes/sap_horizon_hcb/parameters-bundle.css +0 -1
- package/dist/themes/sap_horizon_hcw/css_variables.css +0 -747
- package/dist/themes/sap_horizon_hcw/parameters-bundle.css +0 -1
- package/lib/generate-css-vars-usage-report/index.js +0 -32
- 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
|
-
});
|
package/package-scripts.js
DELETED
|
@@ -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
|
-
};
|