Skip to content

Releases: SAP/theming-base-content

v11.25.1

06 Feb 08:05
Compare
Choose a tag to compare

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

16 Dec 13:48
Compare
Choose a tag to compare

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

09 Dec 15:40
Compare
Choose a tag to compare

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

08 Nov 13:08
Compare
Choose a tag to compare

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

28 Oct 10:33
Compare
Choose a tag to compare

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

16 Oct 06:12
Compare
Choose a tag to compare

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

26 Sep 12:32
Compare
Choose a tag to compare

Docs

v11.18.1

12 Sep 05:29
Compare
Choose a tag to compare

Only internal changes.

v11.18.0

16 Aug 07:50
Compare
Choose a tag to compare

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

18 Jul 06:41
Compare
Choose a tag to compare

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