v11.25.1

Features

• BusinessSuiteInAppSymbols v2.089 (Horizon) and v1.089 (non-Horizon) with new icons e18b (icon-configurable-product), e18c (icon-entry-configurable-product)
• Parameters for the "neutral" state of tabs, e.g. sapTab_Neutral_TextColor
• Release "b" versions of indication colors, e.g. sapIndicationColor_1b, for theming in Horizon and Quartz
• Calculate "b" version text colors of indication colors, e.g. sapIndicationColor_1b_TextColor, from their "b" version indication colors

v11.24.0

Features

After Batch 1 (11.19.0) and Batch 2 (11.22.0), this release completes the addition of new parameters to reduce the need for theme-specific ("delta") CSS, with the final Batch 3 of new parameters:

• Border-width of message strips (sapMessage_BorderWidth) and background-color of hovered buttons in message strips (sapMessage_Button_Hover_Background)
• A whole new namespace sapTab, that describes tabs in e.g. an IconTabBar with standard text-, foreground-, icon- and background-color, selected state and positive/critical/negative semantic states, e.g. sapTab_Negative_Selected_IconColor
• Text and background colors for the "b" versions of indication colors, e.g. sapIndicationColor_1b_TextColor

Bug Fixes

• sapGroup_BorderCornerRadius is .75rem in Morning and Evening Horizon, to match the target design for the border-radius of Groups
• sapChart_OrderedColor_1 is #168eff, a little bit brighter and bluer, to make it easier to distinguish from sapBrandColor; the contrast() statements of the sapChart_Sequence_1_…TextColor parameters are adjusted accordingly

v11.23.0

Features

• New parameter sapSapThemeId makes the id of the SAP-provided theme that is used (or that the custom theme is based on) available at runtime
• BusinessSuiteInAppSymbols v2.088 (Horizon) and v1.088 (non-Horizon) with new icons e189 (icon-staging) and e18a (icon-dangerous-goods)

Bug Fixes

• Semantic parameters are consistently tagged with "Semantic", the tag "SemanticColor" is removed
• Prohibit spacing parameters introduced with 11.22.0 from theming
• Fix mistake for parameter assignment sapField_Selector_Hover_InvalidBackground

v11.22.0

Features

• All kinds of Checkbox and Radio Button Hover Backgrounds, i.e. sapField_Selector_Hover*Background
• Many new spacing parameters for the sapContent and sapShell namespaces, together with defined S, M, L and XL viewport width breakpoints in the new sapBreakpoint namespace
  • (S|M|L|XL) parameters are to be used when the respective sapBreakpoint is met
  • (Tiny|Small|Medium|Large) parameters can be used regardless of viewport sizes
  • sapBreakpoint_(S|M|L|XL)_Min describe the minimum viewport width for the t-shirt size
  • sapContent_Space_(S|M|L|XL) and sapShell_Space_(S|M|L|XL) describe the horizontal padding of applications and shells depending on the viewport size
  • sapContent_Space_(Tiny|Small|Medium|Large) are viewport-width-independent sizes used for generic margin- and padding utilities (e.g. .sapUiTinyMarginBegin)
  • sapContent_Margin_(S|M|L|XL) are a special four-sided viewport-width-dependent parameter for margins
  • sapContent_Gap_(S|M|L|XL), sapShell_Gap_(S|M|L|XL) and sapShell_GroupGap_(S|M|L|XL) describe the gap between elements in applications and shells
  • sapContent_Padding_(S|M|L|XL) are the outermost horizontal paddings of applications
• Component Border widths sapGroup_TitleBorderWidth, sapList_TableFixedColumnBorderWidth and sapList_TableFixedRowBorderWidth
• Card and Tile hover background sapTile_Hover_ContentBackground and sapTile_Active_ContentBackground
• 3 new Avatar parameters sapAvatar_Lite_BorderColor, sapAvatar_Lite_Background and sapAvatar_Hover_BorderColor
• The new sapBlockLayer_Opacity allows to change the opacity of a Block Layer Background which is e.g. in the back of a dialog
• New semantic header shadows (Success, Warning, Error, Information)
• Token parameter for border corner radius sapButton_TokenBorderCornerRadius, border width sapButton_Selected_TokenBorderWidth and background sapButton_ReadOnly_TokenBackground
• The border corner radius inside a group of buttons are now available sapButton_Segment_BorderCornerRadius
• Border color sapField_Picker_BorderColor and border width sapField_Picker_BorderWidth of content pickers are no available for custom theming
• SAP internal parameters sapCss_SAP-icons-TNT and sapCss_SAP-icons-Business-Suite are now available. That allow to switch on the generation of @font-face definitions for those icon-fonts
• SAP-icons v5.10 and v4.22 with new icon xe2a7 (unsynchronize)
• BusinessSuiteInAppSymbols v2.087 (Horizon) and v1.087 (non-Horizon) with new icon e188 (icon-map-navigation)
• Tag sapContent_Illustrative_Color* parameters with "Illustrative"
• Tag sapIndicationColor* parameters with "Indication" and delete tag "SemanticColor"
• Release sapIndicationColor* parameters 9 and 10 for theming

v11.20.0

Features

• BusinessSuiteInAppSymbols v2.086 (Horizon) and v1.086 (non-Horizon) with new icons e186 (icon-back-to-search), e187 (icon-business-objects-folder), e076 (icon-truck-driver-2) and e099 (icon-add-component)

v11.19.0

This version includes "Batch 1" of a larger theming rework done by SAP Design, reflected in multiple new features and bug fixes.

Features

• A new sapShell_SubBrand_TextColor allows to theme the "sub-brand" next to the company logo in the Shell.
• Badges are more accessible with the new sapContent_BadgeBorderColor.
• Button font-families are available as sapButton_FontFamily and sapButton_Emphasized_FontFamily.
• The border-width of emphasized Buttons is available as sapButton_Emphasized_BorderWidth.
• Checkboxes and Radio-Buttons ("Selectors") are still part the sapField namespace, but have their own "sub-namespace" as sapField_Selector_ with a collection of all imagineable border-styles, e.g. sapField_Selector_BorderStyle, sapField_Selector_ReadOnly_BorderStyle or sapField_Selector_InvalidBorderStyle.
• There are hover backgrounds for avatars, i.e. sapAvatar_1_Hover_Background .. sapAvatar_10_Hover_Background.
• 11 new Illustration colors (sapContent_Illustrative_Color21 .. sapContent_Illustrative_Color31) allow to implement the Illustration Guideline updated by SAP Design.

Bug Fixes

• Illustration colors (sapContent_Illustrative_Color…) have an increased contrast against each other.
• In high-contrast themes, sapContent_BadgeBackground is mapped to sapHC_StandardForeground and sapContent_BadgeTextColor has a contrast statement to select either sapTextColor or sapBaseColor, thus increasing contrast.
• SAP-icons group med is renamed to medical, doc to documents and shop to shopping.
• Groups- and tags-mappings of SAP-icons are aligned with the groups- and tags-mappings of SAPUI5.

v11.18.2

Docs

• The theming-base-content repository contains a parameter- and icons-overview at http://sap.github.io/theming-base-content/docs

v11.18.1

Only internal changes.

v11.18.0

Features

• BusinessSuiteInAppSymbols v2.085 (Horizon) and v1.085 (non-Horizon) with new icon (icon-collaboration-manager)

Bug Fixes

• SAP-icons v5.9(.1) with fixed e000 (accidental-leave)
• SAP-icons-TNT v3.6(.1) and v2.11(.1) with updated metadata of e031 (java) that makes it clear that the icon is the Java logo, not the JavaScript logo
• Groups in the SAP-icons metadata are optimized, e.g. "Places", "places" and "place" have been unified to "place"

v11.17.1

Features

• 431 new parameters for the sapChart namespace, that allow extended theming for all kinds of charts. There's now a 12th main chart color (sapChart_OrderedColor_12), as well as 9 shades (3 lighter: _Plus3 … _Plus1, 5 darker: _Minus1 … _Minus5) of each color, all with color (e.g. @sapChart_Sequence_1_Plus3), text color (e.g. @sapChart_Sequence_1_Plus3_TextColor), shadow/halo (e.g. @sapChart_Sequence_1_Plus3_TextShadow) and one border-color per main color (e.g. @sapChart_Sequence_1_BorderColor); also some text (e.g. @sapChart_Data_TextColor), structure (e.g. @sapChart_Background) and interaction (e.g. @sapChart_Data_InteractiveColor) styles

Bug Fixes

• SAP-icons v5.9 and v4.21 with updated shapes of e246 (paste, update only in v5), e24f (resize-corner) and e09c (pause)
• sHelpLinks of themes point to the design documentation of that theme, e.g. to Morning Horizon Colors for Morning Horizon