theming-base-content

Bug Fixes

• SAPGUI-icons s_cloudd, s_cloudu, s_cloudx and SAPWeb-icons Cloud, CloudDownload and CloudUpload are available in Bluecrystal again
• sapContent_ContrastTextThreshold is adjusted in Evening Horizon, to have all contrast()-Statements resolve to the expected color

This is the first release where we properly exercise SemVer. And as there are new (backwards-compatible) features, the version is 11.2.0 (and not 11.1.50).

Features

• SAP-icons-TNT v3.0 (Horizon-family) and v2.5 (non-Horizon) with dedicated codeline (v3) for the Horizon family
• BusinessSuiteInAppSymbols v2.083 (Horizon-family) and v1.083 (non-Horizon) with new icons e17b (max-container), e17c (max-interval), e17d (min-interval), e17e (cross-order), e17f (empty-order), e180 (cross-sequence), e181 (empty-sequence), e182 (cross-union), e183 (empty-union) and e184 (cross-target)

Bug fixes

• sapButton_Active_Background is lightened to no more than 100% lightness in Morning Horizon

Features

• Parameters used by SAP Mobile Start have the Tag "Mobile" (see Themes for Custom Corporate Branding)
• There is a separate "Mobile" Guide for parameters used by SAP Mobile Start in themes of the Horizon family
• SAPGUI-icons v9.0 with new icon helpf4_s in themes of the Horizon, Quartz, and Belize family, and new icons overflw_l and overflw_r in Bluecrystal
• Parameter type, category, protection and deprecation are expressed as standalone annotations in addition to tags; their tags will no longer be updated (!) but stay for compatibility reasons
• SAP-icons v5.04 and v4.16 with new icons e306 (biometric-thumb), e307 (biometric-face), e308 (select-appointments), e309 (light-mode), e30a (dark-mode) and e30b (select-appointments)
• In the build result, themes are available as a design-token.json in each theme except sap_belize_plus
• BusinessSuiteInAppSymbols v2.082 and v1.082 with new icons e173 (monitor-assembly-sequence), e174 (monitor-just-in-time-calls), e175 (manage-charging-stations), e176 (district-heating), e177 (producer-switch), e178 (consumer-switch), e179 (storage-switch) and e17a (repeatable)

Bug fixes

• SAPGUI-icons v9.0 and SAPWeb-icons v9.0 with lots of design- and color changes to existing icons
• Translations for de, en, en_US_saptrc, fr, ja, pt, ru and zh_CH updated
• SAP-icons v5.04 and v4.16 with updated icons e061 (batch-payments), e065 (favorite), e085 (contacts), e09f (pushpin-on), e0a0 (pushpin-off), e0a1 (unfavorite), e0a7 (share), e0fe (step), e114 (crm-sales), and e115 (widgets)
• sapSlider_Hover_RangeHandleBackground is mapped to sapSlider_Hover_HandleBackground in themes of the Horizon and Quartz families, to be consistent with the interaction states of the normal slider
• sapInformativeTextColor is darkened a tiny bit in Morning Horizon, to improve the accessibility/contrast against the application background
• sapContent_Selected_TextColor, sapContent_Selected_ForegroundColor and sapShell_Navigation_Selected_TextColor are darkened a tiny bit in Morning Horizon, to improve the accessibility/contrast against the application background
• sapContent_Shadow0 is less transparent in Evening Horizon, to improve the visibility on Cards
• sapContent_Illustrative_Color4, …6 and …8 are updated to improve the accessibility/contrast in illustrations
• sapButton_Emphasized_TextColor is lightened in Evening Horizon and Quartz Dark to make it more outstanding
• sapSlider_Active_HandleBorderColor is mapped to sapHighlightColor in Morning and Evening Horizon

Features

• 72Blackfull has its own @font-face definition

Bug fixes

• sapChart_OrderedColor_1, …2, …3, …5, …6, …10, …11, sapChart_Critical and …Good satisfy contrast-ratio accessibility requirements in Horizon, Quartz and Belize
• sapFontBlackFamily references 72Blackfull in its font stack
• sapCriticalTextColor satisfies contrast-ratio accessibility requirements in Quartz Light
• only the combined SVG icon libraries are included in the theming-base-content, not every single SVG icon

Bug fixes

• package.json contains a main instead of exports again (so that direct imports of files are allowed again)

Bug fixes

• package.json contains actual version again (was ${project.version})

Features

• SAP-icons v5.03 and v4.15 with new icons e1b1 (locate-me), e302 (locate-me-2), e303 (map-2), e304

Bug fixes

• SAP-icons v5.03 and v4.15 with updated icons e075 (flight), e007 (travel-expense), e133 (travel-iternary), e03b (doc-attachment), e131 (travel-request) and a lot of pixel alignment fixes

Known Issues

• set version in package.json to ${project.version}
• introduced exports in package.json (with the intent to provide module/commonjs-specific exports) which prohibited directly importing files

Features

• BusinessSuiteInAppSymbols v1.080/v2.080 with icon e172 (cell-lock)

Bug Fixes

• Newly introduced incorrect parameter tag "Shell Category" replaced by existing tag "Shell"
• Translations for de, en, fr, ja, pt, ru and zh_CN updated

Features

• BusinessSuiteInAppSymbols v2.079 (Horizon-family) and v1.079 (non-Horizon) with new icons e169 (move-folder), e16a (remove-folder), e16b (match-case), e16c (match-whole-word), e16d (remove-total), e16e (after-total), e16f (before-total), e170 (workbook-filter) and e171 (icon-update-filter)

Bug Fixes

• Opacity of sapContent_Shadow1..3 increased in Morning Horizon to meet contrast criteria
• Translations for de, en, en_US_saptrc, fr, ja, pt, ru and zh_CN updated

Features

• SAP-icons v5.02 and v4.14 with new icons e29c (slider), e29d (binary), e29e (female), e29f (male), e300 (male and female), and e301 (rotate)
• Full versions of the 72 font in italic, bold italic, condensed, bold condensed and black are exposed as sapFontUrl_72_* parameters
• Improved Quick Theming for Morning and Evening Horizon

Bug Fixes

• SAP-icons v5.02 and v4.14 with updated icons e0e0 (provision) and e26f (away)
• Missing translation keys GUIDE_SECTION_MAINBACKGROUNDS, GUIDE_SECTION_MAINBACKGROUNDS_DESCR, GUIDE_SECTION_MAINFOREGROUNDS, and GUIDE_SECTION_MAINFORGROUNDS_DESCR added to Quartz HC and Horizon HC themes

Features

• BusinessSuiteInAppSymbols v1.078 with new icon e168 (icon-layer)

Bug Fixes

• @font-face definitions reference URL parameters first, use local() only as fallback. With that, we regain control about the font versions used. Set cache-control headers properly to avoid unnecessarily frequent requests.
• sapPageFooter_BorderColor is mapped to sapHC_StandardForeground in Horizon-based High Contrast Black and High Contrast White

Bug Fixes

• sapContent_ContrastFocusColor is #000 in Evening Horizon
• sapContent_BusyColor is mapped to sapHighlightColor in Morning and Evening Horizon
• 72 font no longer contains the kern value for the tabular figure that caused font-variant-numeric: tabular-nums to stop working
• Translations for fr, ja, pt, ru, zh_CN updated

Bug Fixes

• Revert 72 font to pre-11.1.36 for font-variant-numeric: tabular-nums
• Translations for de, en, en_US_saptrc, fr, ja, pt, ru, zh_CN updated
• Theme set sap_fiori_3_set added to delivery packages

Features

• Themes of the Horizon family can be used as the basis for custom themes, most parameters introduced with 11.1.36 can be custom-themed
• Detailed guides for themes of the Horizon family help in creating custom themes
• --sapField_ReadOnly_BackgroundStyle completes the background style parameters for fields and allows for dashed bottom borders in Morning and Evening Horizon
• --sapField_ReadOnly_BorderStyle allows to switch to a dashed four-sided border in Morning and Evening Horizon

Bug Fixes

• Correct traffic light icons for Belize, Quartz and Horizon
• --sapProgress_*BorderColor mapped to --sapProgress_BorderColor in themes older than Horizon
• --sapField_*BorderStyle mapped to none in Morning and Evening Horizon
• Translations for de, en, en_US_saptrc, fr, ja, pt, ru, zh_CN updated
• Border colors of --sapProgress_Value states mapped to respective backgrounds
• --sapShell_Navigation_Selected_TextColor mapped to --sapHighlightColor via contrast statement in Morning and Evening Horizon
• Colors of the --sapLink namespace ensure the necessary contrast in Morning Horizon
• 56 SVG icons for the SAPGUI-icons library in Bluecrystal added that were removed with 11.1.36
• --sapPrimary6 and --sapField_TextColor ensure the necessary contrast in Morning Horizon
• --sapIndicationColor_3* now passes 3:1 contrast in Morning and Evening Horizon
• --sapField_InformationBackgroundStyle now uses less parameter interpolation for the color stops instead of incorrect verbatim literals (@{sapField_InformationBackground} instead of @sapField_InformationBackground) in Morning Horizon

Features

• A lot of new SVG icons for the SAPGUI-Icons and SAPWeb-Icons libraries
• A lot of new protected parameters for all themes, especially to the namespaces --sapAvatar*, --sapButton_Track*, --sapButton_Handle*, --sapField_*BackgroundStyle, --sapField_*BorderStyle, --sapMessage*, --sapProgress* --sapSlider*, --sapObjectHeader* and --sapIndicationColor*
• --sapContent_ForcedColorAdjust to toggle an OS high contrast mode overwrite
• A semi bold font as --sapFontSemiboldFamily and --sapFontSemiboldDuplexFamily
• Theme set sap_horizon_set describes the whole SAP Horizon family
• BusinessSuiteInAppSymbols v1.077 with new icon sap-icon://BusinessSuiteInAppSymbols/icon-unknown-dependency

Bug Fixes

• --sapLegend_NonWorkingBackground ensures the necessary contrast in all HC themes
• --sapContent_HeaderShadow and --sapShell_Shadow solve an issue with their Y-axis
• --sapButton_Attention_Active_BorderColor ensures the necessary contrast in SAP Horizon
• --sapField_BorderWidth, --sapField_ReadOnly_BorderColor and --sapField_SuccessBorderWidth ensure distinguishability of default, read-only and success fields in Horizon and Quartz HC themes
• --sapChart_OrderedColor_7 and --sapChart_OrderedColor_8 now ensure a 4.5:1 contrast in HCB themes

With version 11.1.35 we complete the SAP Horizon theme family:

• the default, "light" theme "Morning Horizon for SAP Fiori" labeled "SAP Horizon (experimental)" with the technical ID sap_horizon,
• the "dark" version "Evening Horizon for SAP Fiori" labeled "SAP Evening Horizon (experimental)" with the technical ID sap_horizon_dark,
• the high-contrast-black version with the technical ID sap_horizon_hcb, and
• the high-contrast-white version with the technical ID sap_horizon_hcw

The SAP Horizon theme family is not released for customers yet and it is not yet possible to created custom themes based on those themes with the SAP UI Theme Designer.

Version 11.1.35 adds values for existing theming parameters. SAP Design plans to introduce new theming parameters for the SAP Horizon theme family. They will be released with version 11.1.36 of the theming-base-content.

Additionally, version 11.1.35 adresses #8 and removes the @font-face definitions in sap_belize_plus/css_variables.css.

version 11.1.34

• SAP themes SAP Quartz High Contrast Black and SAP Quartz High Contrast White are released for theming.
  You can now create a custom theme based on these themes.
• The full set of the 72 Font Family is now available in theming-base-content and can be used in UI theme designer.
  See https://experience.sap.com/72/#section6 for information.
• A new parameter sapFontBlackFamily is available.

version 11.1.31

To simplify code and resource maintenance in theming-base-content framework, following fonts were moved to theme-folder baseTheme/fonts with version 11.1.30:

• 72*
• SAP-icons-TNT*
• BusinessSuiteInAppSymbols*
• SAP-icons*

If you consume fonts from theming-base-content, please make sure to use the fonts parameter and not its location.