@sap-theming/theming-base-content - npm Package Compare versions

Comparing version 11.1.13 to 11.1.14

index.js

content/Base/baseLib/sap_belize_hcb/variables.json

		@@ -281,5 +281,5 @@ {
		"sapLegendColor4": "#ff741f",
		"sapLegendColor5": "#e269C9",
		"sapLegendColor5": "#e269c9",
		"sapLegendColor6": "#6bd3ff",
		"sapLegendColor7": "#7fc6C6",
		"sapLegendColor7": "#7fc6c6",
		"sapLegendColor8": "#b2e484",
		@@ -286,0 +286,0 @@ "sapLegendColor9": "#1fbcff",

content/Base/baseLib/sap_fiori_3/variables.json

		@@ -98,3 +98,3 @@ {
		"sapContent_HeaderShadow": "0 0 0.25rem 0 rgba(0,0,0,0.15), inset 0 -0.0625rem 0 0 #d9d9d9",
		"sapContent_SearchHighlightColor": "#ebf5fe",
		"sapContent_SearchHighlightColor": "#d4f7db",
		"sapContent_HelpColor": "#3f8600",
		@@ -221,5 +221,5 @@ "sapContent_LabelColor": "#6a6d70",
		"sapList_HeaderBackground": "#f2f2f2",
		"sapList_HeaderBorderColor": "#e5e5e5",
		"sapList_HeaderBorderColor": "#e4e4e4",
		"sapList_HeaderTextColor": "#32363a",
		"sapList_BorderColor": "#e5e5e5",
		"sapList_BorderColor": "#e4e4e4",
		"sapList_TextColor": "#32363a",
		@@ -235,3 +235,3 @@ "sapList_Active_TextColor": "#fff",
		"sapList_GroupHeaderBackground": "#fff",
		"sapList_GroupHeaderBorderColor": "#d9d9d9",
		"sapList_GroupHeaderBorderColor": "#d8d8d8",
		"sapList_GroupHeaderTextColor": "#32363a",
		@@ -241,6 +241,6 @@ "sapList_FooterBackground": "#fafafa",
		"sapList_TableGroupHeaderBackground": "#efefef",
		"sapList_TableGroupHeaderBorderColor": "#d9d9d9",
		"sapList_TableGroupHeaderBorderColor": "#d8d8d8",
		"sapList_TableGroupHeaderTextColor": "#32363a",
		"sapList_TableFooterBorder": "#d9d9d9",
		"sapList_TableFixedBorderColor": "#d9d9d9",
		"sapList_TableFooterBorder": "#d8d8d8",
		"sapList_TableFixedBorderColor": "#d8d8d8",
		"sapScrollBar_FaceColor": "#949494",
		@@ -247,0 +247,0 @@ "sapScrollBar_TrackColor": "#fff",

package.json

		{
		"name": "@sap-theming/theming-base-content",
		"version": "11.1.13",
		"version": "11.1.14",
		"description": "Theming Base Content",
		@@ -5,0 +5,0 @@ "author": "SAP SE (https://www.sap.com)",

README.md

		@@ -39,3 +39,3 @@ # SAP Theming Base Content

		### Resource parameters
		### Resource Parameters
		CSS parameters which refer to an URL (e.g. `sapCompanyLogo`) are handled a bit different. The CSS variables are applied as a simple string token replacement in the browser. Therefore, there is no URL resolution based on the location of the parameter definition. As a workaround, we introduced a CSS class for each resource CSS parameter that can be used by the consuming HTML.
		@@ -53,24 +53,33 @@

		### SAP custom font parameters
		The custom fonts which have to be used for the specific theme are already declared by the font-face at-rule in the generated `css_variables.css`.
		### SAP Custom Font Parameters
		The custom fonts which have to be used for the specific theme are not declared by a font-face at-rule.
		There are CSS parameters pointing to the locations.

		```css
		...
		@font-face {
		font-family: '72';
		font-style: normal;
		font-weight: 400;
		src: local('72'), url('../../../Base/baseLib/sap_fiori_3/../sap_base_fiori/fonts/72-Regular.woff2') ...
		:root {
		...
		--sapFontUrl_72_Regular_woff2: url('../../../Base/baseLib/sap_base_fiori/fonts/72-Regular.woff2');
		--sapFontUrl_72_Regular_woff: url('../../../Base/baseLib/sap_base_fiori/fonts/72-Regular.woff');
		--sapFontUrl_72_...
		}

		@font-face {
		font-family: '72';
		font-style: normal;
		font-weight: 700;
		...
		```
		Unfortunately, these parameters cannot be used to define a font-face declaration. It seems that the font-face is not part of the “:root” scope. Therefore, it is necessary to define the font declaration you need in your own CSS.

		## Consumption of LESS parameters
		## Consumption of LESS Parameters
		Samples how to refer the parameters and integrate in theming infrastructure are documented in the module `@sap-theming/theming-examples-less` (not yet available).

		## Serve Resources in NodeJS (express Example)
		You can `require` the theming-base-content module to get the location of the resources.
		```js
		'use strict';

		const express = require("express");
		const app = express();
		const baseContentResourcePath = require('@sap-theming/theming-base-content').resourcePath;

		app.use(express.static(baseContentResourcePath));

		app.listen(3000, () => console.log('Try http://localhost:3000/Base/baseLib/sap_base_fiori/fonts/72-Regular.woff2'));
		```

		## Contributing
		@@ -77,0 +86,0 @@ This repository is containing the SAP Open Source Theming Content releases build internally. It is a channel for external distribution. This repository is not open for external contributions.

content/Base/.theming