@ui5/webcomponents-theming 0.0.0-deac3098a → 0.0.0-e55c2cec6

package/dist/themes/sap_horizon_hcw/css_variables.css

@@ -1,12 +1,12 @@
 /**
-* Copyright (c) 2012-2020 SAP SE or an SAP affiliate company. All rights reserved.
+* Copyright (c) 2012-2020 SAP SE or an SAP affiliate company and Theming Base Content contributors. Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
 *
-* Theming Engine 1.69.2
-* data:{"Path": "Base.baseLib.sap_horizon_hcw.css_variables", "PathPattern": "/%frameworkId%/%libId%/%themeId%/%fileId%.css", "Extends": ["sap_horizon","baseTheme"], "Tags": ["Fiori_3","HighContrast","LightColorScheme"], "FallbackThemeId": "sap_horizon", "Engine": {"Name": "theming-engine", "Version": "1.69.2"}, "Version": { "Build": "11.1.37.20220329125434", "Source": "11.1.37"}}
+* Theming Engine 1.23011.0-20221202113725
+* data:{"Path": "Base.baseLib.sap_horizon_hcw.css_variables", "PathPattern": "/%frameworkId%/%libId%/%themeId%/%fileId%.css", "Extends": ["sap_horizon","baseTheme"], "Tags": ["Fiori_3","HighContrast","LightColorScheme"], "FallbackThemeId": "sap_horizon", "Engine": {"Name": "theming-engine", "Version": "1.23011.0-20221202113725"}, "Version": { "Build": "11.1.48.20221207133419", "Source": "11.1.48"}}
 */
 
-.sapThemeMetaData-Base-baseLib{background-image: url('data:text/plain;utf-8,{"Path": "Base.baseLib.sap_horizon_hcw.css_variables", "PathPattern": "/%frameworkId%/%libId%/%themeId%/%fileId%.css", "Extends": ["sap_horizon","baseTheme"], "Tags": ["Fiori_3","HighContrast","LightColorScheme"], "FallbackThemeId": "sap_horizon", "Engine": {"Name": "theming-engine", "Version": "1.69.2"}, "Version": { "Build": "11.1.37.20220329125434", "Source": "11.1.37"}}');}
-:root{--sapThemeMetaData-Base-baseLib:{"Path": "Base.baseLib.sap_horizon_hcw.css_variables", "PathPattern": "/%frameworkId%/%libId%/%themeId%/%fileId%.css", "Extends": ["sap_horizon","baseTheme"], "Tags": ["Fiori_3","HighContrast","LightColorScheme"], "FallbackThemeId": "sap_horizon", "Engine": {"Name": "theming-engine", "Version": "1.69.2"}, "Version": { "Build": "11.1.37.20220329125434", "Source": "11.1.37"}};}
+.sapThemeMetaData-Base-baseLib{background-image: url('data:text/plain;utf-8,{"Path": "Base.baseLib.sap_horizon_hcw.css_variables", "PathPattern": "/%frameworkId%/%libId%/%themeId%/%fileId%.css", "Extends": ["sap_horizon","baseTheme"], "Tags": ["Fiori_3","HighContrast","LightColorScheme"], "FallbackThemeId": "sap_horizon", "Engine": {"Name": "theming-engine", "Version": "1.23011.0-20221202113725"}, "Version": { "Build": "11.1.48.20221207133419", "Source": "11.1.48"}}');}
+:root{--sapThemeMetaData-Base-baseLib:{"Path": "Base.baseLib.sap_horizon_hcw.css_variables", "PathPattern": "/%frameworkId%/%libId%/%themeId%/%fileId%.css", "Extends": ["sap_horizon","baseTheme"], "Tags": ["Fiori_3","HighContrast","LightColorScheme"], "FallbackThemeId": "sap_horizon", "Engine": {"Name": "theming-engine", "Version": "1.23011.0-20221202113725"}, "Version": { "Build": "11.1.48.20221207133419", "Source": "11.1.48"}};}
 :root {
   --sapBrandColor: #e97624;
   --sapHighlightColor: #e97624;
@@ -18,7 +18,7 @@
   --sapFontBoldFamily: "72-Bold", "72-Boldfull", "72", "72full", Arial, Helvetica, sans-serif;
   --sapFontSemiboldFamily: "72-Semibold", "72-Semiboldfull", "72", "72full", Arial, Helvetica, sans-serif;
   --sapFontSemiboldDuplexFamily: "72-SemiboldDuplex", "72-SemiboldDuplexfull", "72", "72full", Arial, Helvetica, sans-serif;
-  --sapFontBlackFamily: "72Black", "72", "72full", Arial, Helvetica, sans-serif;
+  --sapFontBlackFamily: "72Black", "72Blackfull","72", "72full", Arial, Helvetica, sans-serif;
   --sapFontHeaderFamily: "72", "72full", Arial, Helvetica, sans-serif;
   --sapFontSize: .875rem;
   --sapFontSmallSize: .75rem;
@@ -238,6 +238,70 @@
   --sapShell_PositiveColor: #006362;
   --sapShell_InformativeColor: #000;
   --sapShell_NeutralColor: #000;
+  --sapShell_Category_1_Background: #fff;
+  --sapShell_Category_1_BorderColor: #004ccb;
+  --sapShell_Category_1_TextColor: #000;
+  --sapShell_Category_1_TextShadow: none;
+  --sapShell_Category_2_Background: #fff;
+  --sapShell_Category_2_BorderColor: #973333;
+  --sapShell_Category_2_TextColor: #000;
+  --sapShell_Category_2_TextShadow: none;
+  --sapShell_Category_3_Background: #fff;
+  --sapShell_Category_3_BorderColor: #5f5800;
+  --sapShell_Category_3_TextColor: #000;
+  --sapShell_Category_3_TextShadow: none;
+  --sapShell_Category_4_Background: #fff;
+  --sapShell_Category_4_BorderColor: #6c3d62;
+  --sapShell_Category_4_TextColor: #000;
+  --sapShell_Category_4_TextShadow: none;
+  --sapShell_Category_5_Background: #fff;
+  --sapShell_Category_5_BorderColor: #734f00;
+  --sapShell_Category_5_TextColor: #000;
+  --sapShell_Category_5_TextShadow: none;
+  --sapShell_Category_6_Background: #fff;
+  --sapShell_Category_6_BorderColor: #105b5b;
+  --sapShell_Category_6_TextColor: #000;
+  --sapShell_Category_6_TextShadow: none;
+  --sapShell_Category_7_Background: #fff;
+  --sapShell_Category_7_BorderColor: #961d7c;
+  --sapShell_Category_7_TextColor: #000;
+  --sapShell_Category_7_TextShadow: none;
+  --sapShell_Category_8_Background: #fff;
+  --sapShell_Category_8_BorderColor: #26340b;
+  --sapShell_Category_8_TextColor: #000;
+  --sapShell_Category_8_TextShadow: none;
+  --sapShell_Category_9_Background: #fff;
+  --sapShell_Category_9_BorderColor: #002a86;
+  --sapShell_Category_9_TextColor: #000;
+  --sapShell_Category_9_TextShadow: none;
+  --sapShell_Category_10_Background: #fff;
+  --sapShell_Category_10_BorderColor: #47596c;
+  --sapShell_Category_10_TextColor: #000;
+  --sapShell_Category_10_TextShadow: none;
+  --sapShell_Category_11_Background: #fff;
+  --sapShell_Category_11_BorderColor: #af080b;
+  --sapShell_Category_11_TextColor: #000;
+  --sapShell_Category_11_TextShadow: none;
+  --sapShell_Category_12_Background: #fff;
+  --sapShell_Category_12_BorderColor: #7000e0;
+  --sapShell_Category_12_TextColor: #000;
+  --sapShell_Category_12_TextShadow: none;
+  --sapShell_Category_13_Background: #fff;
+  --sapShell_Category_13_BorderColor: #580440;
+  --sapShell_Category_13_TextColor: #000;
+  --sapShell_Category_13_TextShadow: none;
+  --sapShell_Category_14_Background: #fff;
+  --sapShell_Category_14_BorderColor: #035663;
+  --sapShell_Category_14_TextColor: #000;
+  --sapShell_Category_14_TextShadow: none;
+  --sapShell_Category_15_Background: #fff;
+  --sapShell_Category_15_BorderColor: #223548;
+  --sapShell_Category_15_TextColor: #000;
+  --sapShell_Category_15_TextShadow: none;
+  --sapShell_Category_16_Background: #fff;
+  --sapShell_Category_16_BorderColor: #1e592f;
+  --sapShell_Category_16_TextColor: #000;
+  --sapShell_Category_16_TextShadow: none;
   --sapAvatar_1_Background: #fff;
   --sapAvatar_1_BorderColor: #000;
   --sapAvatar_1_TextColor: #000;
@@ -570,7 +634,7 @@
   --sapPageHeader_BorderColor: #000;
   --sapPageHeader_TextColor: #000;
   --sapPageFooter_Background: #fff;
-  --sapPageFooter_BorderColor: #fff;
+  --sapPageFooter_BorderColor: #000;
   --sapPageFooter_TextColor: #000;
   --sapInfobar_Background: #fff;
   --sapInfobar_Hover_Background: #e97624;
@@ -694,39 +758,49 @@
   --sapFontUrl_SAP-icons-TNT_ttf: url('../../../Base/baseLib/baseTheme/fonts/SAP-icons-TNT.ttf');
   --sapFontUrl_SAP-icons-TNT_woff: url('../../../Base/baseLib/baseTheme/fonts/SAP-icons-TNT.woff');
   --sapFontUrl_SAP-icons-TNT_woff2: url('../../../Base/baseLib/baseTheme/fonts/SAP-icons-TNT.woff2');
-  --sapFontUrl_SAP-icons-Business-Suite_ttf: url('../../../Base/baseLib/baseTheme/fonts/BusinessSuiteInAppSymbols.ttf');
-  --sapFontUrl_SAP-icons-Business-Suite_woff: url('../../../Base/baseLib/baseTheme/fonts/BusinessSuiteInAppSymbols.woff');
-  --sapFontUrl_SAP-icons-Business-Suite_woff2: url('../../../Base/baseLib/baseTheme/fonts/BusinessSuiteInAppSymbols.woff2');
+  --sapFontUrl_SAP-icons-Business-Suite_ttf: url('../../../Base/baseLib/sap_horizon/fonts/BusinessSuiteInAppSymbols.ttf');
+  --sapFontUrl_SAP-icons-Business-Suite_woff: url('../../../Base/baseLib/sap_horizon/fonts/BusinessSuiteInAppSymbols.woff');
+  --sapFontUrl_SAP-icons-Business-Suite_woff2: url('../../../Base/baseLib/sap_horizon/fonts/BusinessSuiteInAppSymbols.woff2');
   --sapFontUrl_72_Regular_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Regular.woff2');
   --sapFontUrl_72_Regular_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Regular.woff');
-  --sapFontUrl_72_Bold_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Bold.woff2');
-  --sapFontUrl_72_Bold_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Bold.woff');
-  --sapFontUrl_72_Semibold_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Semibold.woff2');
-  --sapFontUrl_72_Semibold_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Semibold.woff');
-  --sapFontUrl_72_SemiboldDuplex_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-SemiboldDuplex.woff2');
-  --sapFontUrl_72_SemiboldDuplex_woff: url('../../../Base/baseLib/baseTheme/fonts/72-SemiboldDuplex.woff');
-  --sapFontUrl_72_Light_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Light.woff2');
-  --sapFontUrl_72_Light_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Light.woff');
   --sapFontUrl_72_Regular_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Regular-full.woff2');
   --sapFontUrl_72_Regular_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Regular-full.woff');
+  --sapFontUrl_72_Bold_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Bold.woff2');
+  --sapFontUrl_72_Bold_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Bold.woff');
   --sapFontUrl_72_Bold_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Bold-full.woff2');
   --sapFontUrl_72_Bold_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Bold-full.woff');
+  --sapFontUrl_72_Semibold_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Semibold.woff2');
+  --sapFontUrl_72_Semibold_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Semibold.woff');
   --sapFontUrl_72_Semibold_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Semibold-full.woff2');
   --sapFontUrl_72_Semibold_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Semibold-full.woff');
+  --sapFontUrl_72_SemiboldDuplex_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-SemiboldDuplex.woff2');
+  --sapFontUrl_72_SemiboldDuplex_woff: url('../../../Base/baseLib/baseTheme/fonts/72-SemiboldDuplex.woff');
   --sapFontUrl_72_SemiboldDuplex_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-SemiboldDuplex-full.woff2');
   --sapFontUrl_72_SemiboldDuplex_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-SemiboldDuplex-full.woff');
+  --sapFontUrl_72_Light_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Light.woff2');
+  --sapFontUrl_72_Light_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Light.woff');
   --sapFontUrl_72_Light_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Light-full.woff2');
   --sapFontUrl_72_Light_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Light-full.woff');
   --sapFontUrl_72_Black_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Black.woff2');
   --sapFontUrl_72_Black_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Black.woff');
+  --sapFontUrl_72_Black_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Black-full.woff2');
+  --sapFontUrl_72_Black_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Black-full.woff');
   --sapFontUrl_72_BoldItalic_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-BoldItalic.woff2');
   --sapFontUrl_72_BoldItalic_woff: url('../../../Base/baseLib/baseTheme/fonts/72-BoldItalic.woff');
+  --sapFontUrl_72_BoldItalic_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-BoldItalic-full.woff2');
+  --sapFontUrl_72_BoldItalic_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-BoldItalic-full.woff');
   --sapFontUrl_72_Condensed_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Condensed.woff2');
   --sapFontUrl_72_Condensed_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Condensed.woff');
+  --sapFontUrl_72_Condensed_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Condensed-full.woff2');
+  --sapFontUrl_72_Condensed_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Condensed-full.woff');
   --sapFontUrl_72_CondensedBold_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-CondensedBold.woff2');
   --sapFontUrl_72_CondensedBold_woff: url('../../../Base/baseLib/baseTheme/fonts/72-CondensedBold.woff');
+  --sapFontUrl_72_CondensedBold_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-CondensedBold-full.woff2');
+  --sapFontUrl_72_CondensedBold_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-CondensedBold-full.woff');
   --sapFontUrl_72_Italic_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Italic.woff2');
   --sapFontUrl_72_Italic_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Italic.woff');
+  --sapFontUrl_72_Italic_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Italic-full.woff2');
+  --sapFontUrl_72_Italic_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Italic-full.woff');
   --sapFontUrl_72Mono_Regular_woff2: url('../../../Base/baseLib/baseTheme/fonts/72Mono-Regular.woff2');
   --sapFontUrl_72Mono_Regular_woff: url('../../../Base/baseLib/baseTheme/fonts/72Mono-Regular.woff');
   --sapFontUrl_72Mono_Regular_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72Mono-Regular-full.woff2');

package/lib/generate-css-vars-usage-report/index.js

@@ -1,12 +1,11 @@
-const fs = require('fs');
+const fs = require('fs').promises;
 const path = require("path");
-const glob = require("glob");
 const beautify = require("json-beautify");
 
 const vars = new Set();
 
-const processFile = file => {
-	const content = fs.readFileSync(file);
+const processFile = async file => {
+	const content = await fs.readFile(file);
 	const matches = `${content}`.match(/var\(--sap[\-_A-Za-z0-9]+\)/g);
 	matches && matches.forEach(match => {
 		const cssVar = match.match(/--sap[\-_A-Za-z0-9]+/)[0];
@@ -14,14 +13,20 @@ const processFile = file => {
 	});
 };
 
-// Main
-glob.sync(path.join(__dirname, "../../../main/src/themes/**/*.css")).forEach(file => processFile(file));
+const generate = async () => {
+	const { globby } = await import("globby");
 
-// Fiori
-glob.sync(path.join(__dirname, "../../../fiori/src/themes/**/*.css")).forEach(file => processFile(file));
+	const mainFiles = await globby(path.join(__dirname, "../../../main/src/themes/**/*.css").replace(/\\/g, "/"));
+	const fioriFiles = await globby(path.join(__dirname, "../../../fiori/src/themes/**/*.css").replace(/\\/g, "/"));
 
-const collator = new Intl.Collator(undefined, {numeric: true, sensitivity: 'base'});
-const result = Array.from(vars).sort(collator.compare); // natural sort
+	await Promise.all([...mainFiles.map(processFile), ...fioriFiles.map(processFile)]);
 
-fs.writeFileSync(path.join(__dirname, "../../css-vars-usage.json"), beautify(result, null, 2, 100));
-console.log("CSS Vars usage report generated.");
+	const collator = new Intl.Collator(undefined, {numeric: true, sensitivity: 'base'});
+	const result = Array.from(vars).sort(collator.compare); // natural sort
+
+	return fs.writeFile(path.join(__dirname, "../../css-vars-usage.json"), beautify(result, null, 2, 100));
+}
+
+generate().then(() => {
+	console.log("CSS Vars usage report generated.");
+});

package/package-scripts.js

@@ -15,16 +15,13 @@ allThemes.forEach(theme => {
 	buildThemesCommands[`copy_${theme}_bundle`] = `copy-and-watch "src/themes/${theme}/parameters-bundle.css" dist/themes/${theme}/`;
 });
 
-const generateHash = resolve.sync("@ui5/webcomponents-tools/lib/hash/generate.js");
-const hashIsUpToDate = resolve.sync("@ui5/webcomponents-tools/lib/hash/upToDate.js");
-const UP_TO_DATE = `node "${hashIsUpToDate}" dist/ hash.txt && echo "Up to date."`;
-
 module.exports = {
 	scripts: {
 		clean: "rimraf dist",
 		build: {
-			default: `${UP_TO_DATE} || nps clean build.src build.themes build.postcss build.jsonImports generateReport hash`,
+			default: `nps clean build.src build.typescript build.themes build.postcss build.jsonImports generateReport`,
 			src: `copy-and-watch "src/**/*.js" dist/`,
+			typescript: "tsc",
 			themes: {
 				default: `nps build.themes.prepare ${buildThemesCommandsNames}`,
 				...buildThemesCommands
@@ -33,6 +30,5 @@ module.exports = {
 			jsonImports: `node "${jsonImportsScript}" dist/generated/assets/themes dist/generated/json-imports`,
 		},
 		generateReport: `node "${generateReportScript}"`,
-		hash: `node ${generateHash} dist/ hash.txt`,
 	},
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ui5/webcomponents-theming",
-  "version": "0.0.0-deac3098a",
+  "version": "0.0.0-e55c2cec6",
   "description": "UI5 Web Components: webcomponents.theming",
   "author": "SAP SE (https://www.sap.com)",
   "license": "Apache-2.0",
@@ -20,7 +20,6 @@
     "build": "nps build",
     "start": "nps start",
     "verify": "node ./lib/verify-vars/index.js",
-    "hash": "nps hash",
     "prepublishOnly": "npm run clean && npm run build"
   },
   "repository": {
@@ -29,18 +28,17 @@
     "directory": "packages/theming"
   },
   "dependencies": {
-    "@sap-theming/theming-base-content": "11.1.37",
-    "@ui5/webcomponents-base": "0.0.0-deac3098a"
+    "@sap-theming/theming-base-content": "11.1.48",
+    "@ui5/webcomponents-base": "0.0.0-e55c2cec6"
   },
   "devDependencies": {
-    "@ui5/webcomponents-tools": "0.0.0-deac3098a",
-    "chromedriver": "100.0.0",
+    "@ui5/webcomponents-tools": "0.0.0-e55c2cec6",
+    "chromedriver": "108.0.0",
     "cssnano": "^4.1.11",
-    "glob": "^7.1.6",
+    "globby": "^13.1.1",
     "json-beautify": "^1.1.1",
     "nps": "^5.10.0",
     "postcss": "^8.4.5",
-    "postcss-combine-duplicated-selectors": "^10.0.3",
     "postcss-import": "^14.0.2",
     "resolve": "^1.20.0"
   },

package/tsconfig.json

@@ -0,0 +1,14 @@
+{
+    "include": ["src/**/*"],
+    "compilerOptions": {
+      "target": "ES2021",
+      // Generate d.ts files
+      "declaration": true,
+      "outDir": "dist",
+      "skipLibCheck": true,
+      "sourceMap": true,
+      "strict": true,
+      "moduleResolution": "node",
+      "experimentalDecorators": true,
+    },
+}

package/hash.txt

@@ -1 +0,0 @@
-5cRcd16xPQ6SL0cTQosGtwcesyE=