@openui5/themelib_sap_belize 1.108.1 → 1.109.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/THIRDPARTY.txt +1 -1
  2. package/package.json +18 -18
  3. package/src/sap/m/themes/sap_belize/IconTabBar.less +4 -0
  4. package/src/sap/m/themes/sap_belize/MenuListItem.less +23 -0
  5. package/src/sap/m/themes/sap_belize/Panel.less +5 -0
  6. package/src/sap/m/themes/sap_belize/Slider.less +10 -0
  7. package/src/sap/m/themes/sap_belize/library.source.less +1 -1
  8. package/src/sap/m/themes/sap_belize_hcb/MenuListItem.less +24 -0
  9. package/src/sap/m/themes/sap_belize_hcb/Panel.less +5 -0
  10. package/src/sap/m/themes/sap_belize_hcb/Slider.less +8 -4
  11. package/src/sap/m/themes/sap_belize_hcw/MenuListItem.less +23 -0
  12. package/src/sap/m/themes/sap_belize_hcw/Panel.less +5 -0
  13. package/src/sap/m/themes/sap_belize_hcw/Slider.less +8 -4
  14. package/src/sap/ui/core/themes/sap_belize/.theme +1 -1
  15. package/src/sap/ui/core/themes/sap_belize/base.less +117 -11
  16. package/src/sap/ui/core/themes/sap_belize/global.less +64 -0
  17. package/src/sap/ui/core/themes/sap_belize/shared.less +20 -34
  18. package/src/sap/ui/core/themes/sap_belize_hcb/.theme +1 -1
  19. package/src/sap/ui/core/themes/sap_belize_hcb/Icon.less +9 -0
  20. package/src/sap/ui/core/themes/sap_belize_hcb/base.less +117 -11
  21. package/src/sap/ui/core/themes/sap_belize_hcb/global.less +64 -0
  22. package/src/sap/ui/core/themes/sap_belize_hcb/library.source.less +1 -0
  23. package/src/sap/ui/core/themes/sap_belize_hcb/shared.less +20 -34
  24. package/src/sap/ui/core/themes/sap_belize_hcw/.theme +1 -1
  25. package/src/sap/ui/core/themes/sap_belize_hcw/Icon.less +9 -0
  26. package/src/sap/ui/core/themes/sap_belize_hcw/base.less +117 -11
  27. package/src/sap/ui/core/themes/sap_belize_hcw/global.less +64 -0
  28. package/src/sap/ui/core/themes/sap_belize_hcw/library.source.less +1 -0
  29. package/src/sap/ui/core/themes/sap_belize_hcw/shared.less +20 -34
  30. package/src/sap/ui/core/themes/sap_belize_plus/.theme +1 -1
  31. package/src/sap/ui/core/themes/sap_belize_plus/base.less +20 -3
  32. package/src/sap/ui/rta/themes/sap_belize_hcb/Toolbar.adaptation.less +5 -1
  33. package/src/sap/ui/rta/themes/sap_belize_hcw/Toolbar.adaptation.less +5 -1
  34. package/src/sap/m/themes/sap_belize/LightBox.less +0 -6
package/THIRDPARTY.txt CHANGED
@@ -478,7 +478,7 @@ License: Apache-2.0
478
478
  License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
479
479
  Contained in: lib/jsdoc/ui5/plugin.js
480
480
 
481
- Component: SAP Theming Base Content, version: 11.1.40
481
+ Component: SAP Theming Base Content, version: 11.1.44
482
482
  Copyright: SAP SE or an SAP affiliate company and Theming Base Content contributors
483
483
  License: Apache-2.0
484
484
  License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@openui5/themelib_sap_belize",
3
- "version": "1.108.1",
3
+ "version": "1.109.0",
4
4
  "description": "OpenUI5 Theme Library sap_belize",
5
5
  "author": "SAP SE (https://www.sap.com)",
6
6
  "license": "Apache-2.0",
@@ -14,22 +14,22 @@
14
14
  "url": "https://github.com/SAP/openui5.git"
15
15
  },
16
16
  "devDependencies": {
17
- "@openui5/sap.f": "1.108.1",
18
- "@openui5/sap.m": "1.108.1",
19
- "@openui5/sap.tnt": "1.108.1",
20
- "@openui5/sap.ui.codeeditor": "1.108.1",
21
- "@openui5/sap.ui.commons": "1.108.1",
22
- "@openui5/sap.ui.core": "1.108.1",
23
- "@openui5/sap.ui.dt": "1.108.1",
24
- "@openui5/sap.ui.fl": "1.108.1",
25
- "@openui5/sap.ui.mdc": "1.108.1",
26
- "@openui5/sap.ui.integration": "1.108.1",
27
- "@openui5/sap.ui.layout": "1.108.1",
28
- "@openui5/sap.ui.rta": "1.108.1",
29
- "@openui5/sap.ui.suite": "1.108.1",
30
- "@openui5/sap.ui.table": "1.108.1",
31
- "@openui5/sap.ui.unified": "1.108.1",
32
- "@openui5/sap.ui.ux3": "1.108.1",
33
- "@openui5/sap.uxap": "1.108.1"
17
+ "@openui5/sap.f": "1.109.0",
18
+ "@openui5/sap.m": "1.109.0",
19
+ "@openui5/sap.tnt": "1.109.0",
20
+ "@openui5/sap.ui.codeeditor": "1.109.0",
21
+ "@openui5/sap.ui.commons": "1.109.0",
22
+ "@openui5/sap.ui.core": "1.109.0",
23
+ "@openui5/sap.ui.dt": "1.109.0",
24
+ "@openui5/sap.ui.fl": "1.109.0",
25
+ "@openui5/sap.ui.mdc": "1.109.0",
26
+ "@openui5/sap.ui.integration": "1.109.0",
27
+ "@openui5/sap.ui.layout": "1.109.0",
28
+ "@openui5/sap.ui.rta": "1.109.0",
29
+ "@openui5/sap.ui.suite": "1.109.0",
30
+ "@openui5/sap.ui.table": "1.109.0",
31
+ "@openui5/sap.ui.unified": "1.109.0",
32
+ "@openui5/sap.ui.ux3": "1.109.0",
33
+ "@openui5/sap.uxap": "1.109.0"
34
34
  }
35
35
  }
@@ -13,6 +13,10 @@
13
13
 
14
14
  /* Header Container */
15
15
 
16
+ .sapMITH {
17
+ z-index: 1;
18
+ }
19
+
16
20
  .sapMITH:not(.sapMITBTextOnly) .sapMITBHead {
17
21
  padding-top: 1rem;
18
22
  }
@@ -0,0 +1,23 @@
1
+ /* =================================== */
2
+ /* CSS for control sap.m/MenuListItem */
3
+ /* Belize theme */
4
+ /* =================================== */
5
+
6
+ .sapMMenu .sapUiMnuLst .sapUiMnuItm {
7
+ .sapUiMnuItmIco + .sapUiMnuItmTxt {
8
+ margin-left: 3rem;
9
+ }
10
+ }
11
+
12
+ .sapMMenu.sapUiMnu.sapUiMnuCozySupport.sapUiSizeCozy .sapUiMnuItmTxt {
13
+ padding-right: 4rem;
14
+ }
15
+
16
+ .sapUiSizeCompact {
17
+ .sapMMenu.sapUiMnu.sapUiMnuCozySupport .sapUiMnuItmTxt {
18
+ padding-right: 2.75rem;
19
+ }
20
+ .sapMMenu .sapUiMnuLst.sapUiMnuNoSbMnu .sapUiMnuItm .sapUiMnuItmTxt {
21
+ padding-right: 0.75rem;
22
+ }
23
+ }
@@ -26,6 +26,11 @@
26
26
  border-bottom: 1px solid @sapUiGroupTitleBorderColor;
27
27
  }
28
28
 
29
+ .sapMPanel .sapMPanelWrappingDiv .sapMPanelHdr,
30
+ .sapMPanel .sapMPanelWrappingDivTb .sapMIBar.sapMTB {
31
+ margin-left: 3rem;
32
+ }
33
+
29
34
  .sapMPanelContent:not(.sapMPanelBGTransparent) {
30
35
  border-bottom: 1px solid @sapUiGroupTitleBorderColor;
31
36
  }
@@ -11,6 +11,9 @@
11
11
  .sapMSliderInner {
12
12
  background: @_sap_m_Slider_Background;
13
13
  }
14
+ .sapMSliderTickmarks {
15
+ top: -0.8125em;
16
+ }
14
17
 
15
18
  .sapMSliderInner,
16
19
  .sapMSliderProgress {
@@ -39,4 +42,11 @@
39
42
  /* disabled */
40
43
  .sapMSliderDisabled {
41
44
  opacity: 0.5;
45
+ }
46
+
47
+ .sapUiSizeCompact {
48
+ .sapMSliderTickmarks {
49
+ height: 1rem;
50
+ top: -0.4375rem;
51
+ }
42
52
  }
@@ -33,10 +33,10 @@
33
33
  /* note: the following three files are not in alphabetical order and should be imported after InputBase.less */
34
34
  @import "ComboBoxTextField.less";
35
35
  @import "ComboBoxBase.less";
36
- @import "LightBox.less";
37
36
  @import "Link.less";
38
37
  @import "ListBase.less";
39
38
  @import "ListItemBase.less";
39
+ @import "MenuListItem.less";
40
40
  @import "MessageStrip.less";
41
41
  @import "MessagePopover.less";
42
42
  @import "MessageView.less";
@@ -1,3 +1,27 @@
1
+ /* =================================== */
2
+ /* CSS for control sap.m/MenuListItem */
3
+ /* Belize High Contrast Black theme */
4
+ /* =================================== */
5
+
1
6
  .sapMRespMenuDialog .sapMLIB {
2
7
  border-bottom: 1px solid;
8
+ }
9
+
10
+ .sapMMenu .sapUiMnuLst .sapUiMnuItm {
11
+ .sapUiMnuItmIco + .sapUiMnuItmTxt {
12
+ margin-left: 3rem;
13
+ }
14
+ }
15
+
16
+ .sapMMenu.sapUiMnu.sapUiMnuCozySupport.sapUiSizeCozy .sapUiMnuItmTxt {
17
+ padding-right: 4rem;
18
+ }
19
+
20
+ .sapUiSizeCompact {
21
+ .sapMMenu.sapUiMnu.sapUiMnuCozySupport .sapUiMnuItmTxt {
22
+ padding-right: 2.75rem;
23
+ }
24
+ .sapMMenu .sapUiMnuLst.sapUiMnuNoSbMnu .sapUiMnuItm .sapUiMnuItmTxt {
25
+ padding-right: 0.75rem;
26
+ }
3
27
  }
@@ -19,6 +19,11 @@
19
19
  border-bottom: 1px solid @sapUiGroupTitleBorderColor;
20
20
  }
21
21
 
22
+ .sapMPanel .sapMPanelWrappingDiv .sapMPanelHdr,
23
+ .sapMPanel .sapMPanelWrappingDivTb .sapMIBar.sapMTB {
24
+ margin-left: 3rem;
25
+ }
26
+
22
27
  .sapMPanelWrappingDiv .sapUiIcon {
23
28
  width: 2.5rem;
24
29
  font-size: 1.375rem;
@@ -15,15 +15,19 @@
15
15
  border-radius: 0.125rem;
16
16
  }
17
17
 
18
+ .sapMSliderTickmarks {
19
+ top: -0.8125rem;
20
+ }
21
+
18
22
  /* slider handle */
19
23
  .sapMSliderHandle {
20
24
  background: transparent;
21
25
  border: 0.125rem solid @sapUiFieldBorderColor;
22
26
  &:focus:before {
23
- top: -5px;
24
- bottom: -5px;
25
- left: -5px;
26
- right: -5px;
27
+ top: -0.3125rem;
28
+ bottom: -0.3125rem;
29
+ left: -0.3125rem;
30
+ right: -0.3125rem;
27
31
  }
28
32
  }
29
33
 
@@ -1,3 +1,26 @@
1
+ /* =================================== */
2
+ /* CSS for control sap.m/MenuListItem */
3
+ /* Belize High Contrast White theme */
4
+ /* =================================== */
5
+
1
6
  .sapMRespMenuDialog .sapMLIB {
2
7
  border-bottom: 1px solid;
8
+ }
9
+ .sapMMenu .sapUiMnuLst .sapUiMnuItm {
10
+ .sapUiMnuItmIco + .sapUiMnuItmTxt {
11
+ margin-left: 3rem;
12
+ }
13
+ }
14
+
15
+ .sapMMenu.sapUiMnu.sapUiMnuCozySupport.sapUiSizeCozy .sapUiMnuItmTxt {
16
+ padding-right: 4rem;
17
+ }
18
+
19
+ .sapUiSizeCompact {
20
+ .sapMMenu.sapUiMnu.sapUiMnuCozySupport .sapUiMnuItmTxt {
21
+ padding-right: 2.75rem;
22
+ }
23
+ .sapMMenu .sapUiMnuLst.sapUiMnuNoSbMnu .sapUiMnuItm .sapUiMnuItmTxt {
24
+ padding-right: 0.75rem;
25
+ }
3
26
  }
@@ -19,6 +19,11 @@
19
19
  border-bottom: 1px solid @sapUiGroupTitleBorderColor;
20
20
  }
21
21
 
22
+ .sapMPanel .sapMPanelWrappingDiv .sapMPanelHdr,
23
+ .sapMPanel .sapMPanelWrappingDivTb .sapMIBar.sapMTB {
24
+ margin-left: 3rem;
25
+ }
26
+
22
27
  .sapMPanelWrappingDiv .sapUiIcon {
23
28
  width: 2.5rem;
24
29
  font-size: 1.375rem;
@@ -15,15 +15,19 @@
15
15
  border-radius: 0.125rem;
16
16
  }
17
17
 
18
+ .sapMSliderTickmarks {
19
+ top: -0.8125rem;
20
+ }
21
+
18
22
  /* slider handle */
19
23
  .sapMSliderHandle {
20
24
  background: transparent;
21
25
  border: 0.125rem solid @sapUiFieldBorderColor;
22
26
  &:focus:before {
23
- top: -5px;
24
- bottom: -5px;
25
- left: -5px;
26
- right: -5px;
27
+ top: -0.3125rem;
28
+ bottom: -0.3125rem;
29
+ left: -0.3125rem;
30
+ right: -0.3125rem;
27
31
  }
28
32
  }
29
33
 
@@ -6,7 +6,7 @@
6
6
  <copyright>OpenUI5
7
7
  * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
8
8
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
9
- <version>1.108.1</version>
9
+ <version>1.109.0</version>
10
10
 
11
11
  <documentation>SAPUI5 belize theme library.</documentation>
12
12
 
@@ -1,11 +1,11 @@
1
1
  // /**
2
2
  // * Copyright (c) 2012-2022 SAP SE or an SAP affiliate company and Theming Base Content contributors. Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
3
- // * Theming Engine 1.69.2
4
- // * data:{"sModified":"2022-05-24T07:19:31Z"}
3
+ // * Theming Engine VERSION_UNKNOWN
4
+ // * data:{"sModified":"2022-10-11T12:15:50Z"}
5
5
  // */
6
6
 
7
7
 
8
- /******************* FILE /Base/baseLib/sap_belize/base.less (Version 11.1.40) *******************/
8
+ /******************* FILE /Base/baseLib/sap_belize/base.less (Version 11.1.44) *******************/
9
9
 
10
10
 
11
11
  // [Tags "SapInternal", "Base", "Dimension", "Protected"]
@@ -580,6 +580,102 @@
580
580
  // [Tags "!Protected"]
581
581
  @sapShell_NeutralColor: @sapNeutralColor;
582
582
 
583
+ // [Tags "!Protected"]
584
+ @sapShell_Category_1_Background: @sapLegendColor6;
585
+ @sapShell_Category_1_BorderColor: @sapShell_Category_1_Background;
586
+ @sapShell_Category_1_TextColor: contrast(@sapShell_Category_1_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
587
+ @sapShell_Category_1_TextShadow: 0 0 0.0625rem contrast(@sapShell_Category_1_TextColor, fade(darken(@sapContent_ShadowColor, 100), 70), @sapContent_ContrastShadowColor, @sapContent_ContrastTextThreshold);
588
+
589
+ // [Tags "!Protected"]
590
+ @sapShell_Category_2_Background: @sapLegendColor3;
591
+ @sapShell_Category_2_BorderColor: @sapShell_Category_2_Background;
592
+ @sapShell_Category_2_TextColor: contrast(@sapShell_Category_2_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
593
+ @sapShell_Category_2_TextShadow: 0 0 0.0625rem contrast(@sapShell_Category_2_TextColor, fade(darken(@sapContent_ShadowColor, 100), 70), @sapContent_ContrastShadowColor, @sapContent_ContrastTextThreshold);
594
+
595
+ // [Tags "!Protected"]
596
+ @sapShell_Category_3_Background: @sapLegendColor1;
597
+ @sapShell_Category_3_BorderColor: @sapShell_Category_3_Background;
598
+ @sapShell_Category_3_TextColor: contrast(@sapShell_Category_3_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
599
+ @sapShell_Category_3_TextShadow: 0 0 0.0625rem contrast(@sapShell_Category_3_TextColor, fade(darken(@sapContent_ShadowColor, 100), 70), @sapContent_ContrastShadowColor, @sapContent_ContrastTextThreshold);
600
+
601
+ // [Tags "!Protected"]
602
+ @sapShell_Category_4_Background: @sapLegendColor10;
603
+ @sapShell_Category_4_BorderColor: @sapShell_Category_4_Background;
604
+ @sapShell_Category_4_TextColor: contrast(@sapShell_Category_4_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
605
+ @sapShell_Category_4_TextShadow: 0 0 0.0625rem contrast(@sapShell_Category_4_TextColor, fade(darken(@sapContent_ShadowColor, 100), 70), @sapContent_ContrastShadowColor, @sapContent_ContrastTextThreshold);
606
+
607
+ // [Tags "!Protected"]
608
+ @sapShell_Category_5_Background: @sapLegendColor12;
609
+ @sapShell_Category_5_BorderColor: @sapShell_Category_5_Background;
610
+ @sapShell_Category_5_TextColor: contrast(@sapShell_Category_5_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
611
+ @sapShell_Category_5_TextShadow: 0 0 0.0625rem contrast(@sapShell_Category_5_TextColor, fade(darken(@sapContent_ShadowColor, 100), 70), @sapContent_ContrastShadowColor, @sapContent_ContrastTextThreshold);
612
+
613
+ // [Tags "!Protected"]
614
+ @sapShell_Category_6_Background: @sapLegendColor7;
615
+ @sapShell_Category_6_BorderColor: @sapShell_Category_6_Background;
616
+ @sapShell_Category_6_TextColor: contrast(@sapShell_Category_6_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
617
+ @sapShell_Category_6_TextShadow: 0 0 0.0625rem contrast(@sapShell_Category_6_TextColor, fade(darken(@sapContent_ShadowColor, 100), 70), @sapContent_ContrastShadowColor, @sapContent_ContrastTextThreshold);
618
+
619
+ // [Tags "!Protected"]
620
+ @sapShell_Category_7_Background: @sapLegendColor5;
621
+ @sapShell_Category_7_BorderColor: @sapShell_Category_7_Background;
622
+ @sapShell_Category_7_TextColor: contrast(@sapShell_Category_7_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
623
+ @sapShell_Category_7_TextShadow: 0 0 0.0625rem contrast(@sapShell_Category_7_TextColor, fade(darken(@sapContent_ShadowColor, 100), 70), @sapContent_ContrastShadowColor, @sapContent_ContrastTextThreshold);
624
+
625
+ // [Tags "!Protected"]
626
+ @sapShell_Category_8_Background: @sapLegendColor8;
627
+ @sapShell_Category_8_BorderColor: @sapShell_Category_8_Background;
628
+ @sapShell_Category_8_TextColor: contrast(@sapShell_Category_8_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
629
+ @sapShell_Category_8_TextShadow: 0 0 0.0625rem contrast(@sapShell_Category_8_TextColor, fade(darken(@sapContent_ShadowColor, 100), 70), @sapContent_ContrastShadowColor, @sapContent_ContrastTextThreshold);
630
+
631
+ // [Tags "!Protected"]
632
+ @sapShell_Category_9_Background: @sapLegendColor16;
633
+ @sapShell_Category_9_BorderColor: @sapShell_Category_9_Background;
634
+ @sapShell_Category_9_TextColor: contrast(@sapShell_Category_9_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
635
+ @sapShell_Category_9_TextShadow: 0 0 0.0625rem contrast(@sapShell_Category_9_TextColor, fade(darken(@sapContent_ShadowColor, 100), 70), @sapContent_ContrastShadowColor, @sapContent_ContrastTextThreshold);
636
+
637
+ // [Tags "!Protected"]
638
+ @sapShell_Category_10_Background: @sapLegendColor9;
639
+ @sapShell_Category_10_BorderColor: @sapShell_Category_10_Background;
640
+ @sapShell_Category_10_TextColor: contrast(@sapShell_Category_10_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
641
+ @sapShell_Category_10_TextShadow: 0 0 0.0625rem contrast(@sapShell_Category_10_TextColor, fade(darken(@sapContent_ShadowColor, 100), 70), @sapContent_ContrastShadowColor, @sapContent_ContrastTextThreshold);
642
+
643
+ // [Tags "!Protected"]
644
+ @sapShell_Category_11_Background: @sapLegendColor2;
645
+ @sapShell_Category_11_BorderColor: @sapShell_Category_11_Background;
646
+ @sapShell_Category_11_TextColor: contrast(@sapShell_Category_11_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
647
+ @sapShell_Category_11_TextShadow: 0 0 0.0625rem contrast(@sapShell_Category_11_TextColor, fade(darken(@sapContent_ShadowColor, 100), 70), @sapContent_ContrastShadowColor, @sapContent_ContrastTextThreshold);
648
+
649
+ // [Tags "!Protected"]
650
+ @sapShell_Category_12_Background: @sapLegendColor20;
651
+ @sapShell_Category_12_BorderColor: @sapShell_Category_12_Background;
652
+ @sapShell_Category_12_TextColor: contrast(@sapShell_Category_12_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
653
+ @sapShell_Category_12_TextShadow: 0 0 0.0625rem contrast(@sapShell_Category_12_TextColor, fade(darken(@sapContent_ShadowColor, 100), 70), @sapContent_ContrastShadowColor, @sapContent_ContrastTextThreshold);
654
+
655
+ // [Tags "!Protected"]
656
+ @sapShell_Category_13_Background: @sapLegendColor13;
657
+ @sapShell_Category_13_BorderColor: @sapShell_Category_13_Background;
658
+ @sapShell_Category_13_TextColor: contrast(@sapShell_Category_13_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
659
+ @sapShell_Category_13_TextShadow: 0 0 0.0625rem contrast(@sapShell_Category_13_TextColor, fade(darken(@sapContent_ShadowColor, 100), 70), @sapContent_ContrastShadowColor, @sapContent_ContrastTextThreshold);
660
+
661
+ // [Tags "!Protected"]
662
+ @sapShell_Category_14_Background: @sapLegendColor17;
663
+ @sapShell_Category_14_BorderColor: @sapShell_Category_14_Background;
664
+ @sapShell_Category_14_TextColor: contrast(@sapShell_Category_14_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
665
+ @sapShell_Category_14_TextShadow: 0 0 0.0625rem contrast(@sapShell_Category_14_TextColor, fade(darken(@sapContent_ShadowColor, 100), 70), @sapContent_ContrastShadowColor, @sapContent_ContrastTextThreshold);
666
+
667
+ // [Tags "!Protected"]
668
+ @sapShell_Category_15_Background: darken(@sapLegendColor16, 10);
669
+ @sapShell_Category_15_BorderColor: @sapShell_Category_15_Background;
670
+ @sapShell_Category_15_TextColor: contrast(@sapShell_Category_15_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
671
+ @sapShell_Category_15_TextShadow: 0 0 0.0625rem contrast(@sapShell_Category_15_TextColor, fade(darken(@sapContent_ShadowColor, 100), 70), @sapContent_ContrastShadowColor, @sapContent_ContrastTextThreshold);
672
+
673
+ // [Tags "!Protected"]
674
+ @sapShell_Category_16_Background: @sapLegendColor18;
675
+ @sapShell_Category_16_BorderColor: @sapShell_Category_16_Background;
676
+ @sapShell_Category_16_TextColor: contrast(@sapShell_Category_16_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
677
+ @sapShell_Category_16_TextShadow: 0 0 0.0625rem contrast(@sapShell_Category_16_TextColor, fade(darken(@sapContent_ShadowColor, 100), 70), @sapContent_ContrastShadowColor, @sapContent_ContrastTextThreshold);
678
+
583
679
  // [Tags "!Protected"]
584
680
  @sapAvatar_1_Background: @sapAccentColor1;
585
681
 
@@ -2084,34 +2180,44 @@
2084
2180
  // @sapFontUrl_SAP-icons-Business-Suite_woff2: url(./../baseTheme/fonts/BusinessSuiteInAppSymbols.woff2);
2085
2181
  // @sapFontUrl_72_Regular_woff2: url(./../baseTheme/fonts/72-Regular.woff2);
2086
2182
  // @sapFontUrl_72_Regular_woff: url(./../baseTheme/fonts/72-Regular.woff);
2087
- // @sapFontUrl_72_Bold_woff2: url(./../baseTheme/fonts/72-Bold.woff2);
2088
- // @sapFontUrl_72_Bold_woff: url(./../baseTheme/fonts/72-Bold.woff);
2089
- // @sapFontUrl_72_Semibold_woff2: url(./../baseTheme/fonts/72-Semibold.woff2);
2090
- // @sapFontUrl_72_Semibold_woff: url(./../baseTheme/fonts/72-Semibold.woff);
2091
- // @sapFontUrl_72_SemiboldDuplex_woff2: url(./../baseTheme/fonts/72-SemiboldDuplex.woff2);
2092
- // @sapFontUrl_72_SemiboldDuplex_woff: url(./../baseTheme/fonts/72-SemiboldDuplex.woff);
2093
- // @sapFontUrl_72_Light_woff2: url(./../baseTheme/fonts/72-Light.woff2);
2094
- // @sapFontUrl_72_Light_woff: url(./../baseTheme/fonts/72-Light.woff);
2095
2183
  // @sapFontUrl_72_Regular_full_woff2: url(./../baseTheme/fonts/72-Regular-full.woff2);
2096
2184
  // @sapFontUrl_72_Regular_full_woff: url(./../baseTheme/fonts/72-Regular-full.woff);
2185
+ // @sapFontUrl_72_Bold_woff2: url(./../baseTheme/fonts/72-Bold.woff2);
2186
+ // @sapFontUrl_72_Bold_woff: url(./../baseTheme/fonts/72-Bold.woff);
2097
2187
  // @sapFontUrl_72_Bold_full_woff2: url(./../baseTheme/fonts/72-Bold-full.woff2);
2098
2188
  // @sapFontUrl_72_Bold_full_woff: url(./../baseTheme/fonts/72-Bold-full.woff);
2189
+ // @sapFontUrl_72_Semibold_woff2: url(./../baseTheme/fonts/72-Semibold.woff2);
2190
+ // @sapFontUrl_72_Semibold_woff: url(./../baseTheme/fonts/72-Semibold.woff);
2099
2191
  // @sapFontUrl_72_Semibold_full_woff2: url(./../baseTheme/fonts/72-Semibold-full.woff2);
2100
2192
  // @sapFontUrl_72_Semibold_full_woff: url(./../baseTheme/fonts/72-Semibold-full.woff);
2193
+ // @sapFontUrl_72_SemiboldDuplex_woff2: url(./../baseTheme/fonts/72-SemiboldDuplex.woff2);
2194
+ // @sapFontUrl_72_SemiboldDuplex_woff: url(./../baseTheme/fonts/72-SemiboldDuplex.woff);
2101
2195
  // @sapFontUrl_72_SemiboldDuplex_full_woff2: url(./../baseTheme/fonts/72-SemiboldDuplex-full.woff2);
2102
2196
  // @sapFontUrl_72_SemiboldDuplex_full_woff: url(./../baseTheme/fonts/72-SemiboldDuplex-full.woff);
2197
+ // @sapFontUrl_72_Light_woff2: url(./../baseTheme/fonts/72-Light.woff2);
2198
+ // @sapFontUrl_72_Light_woff: url(./../baseTheme/fonts/72-Light.woff);
2103
2199
  // @sapFontUrl_72_Light_full_woff2: url(./../baseTheme/fonts/72-Light-full.woff2);
2104
2200
  // @sapFontUrl_72_Light_full_woff: url(./../baseTheme/fonts/72-Light-full.woff);
2105
2201
  // @sapFontUrl_72_Black_woff2: url(./../baseTheme/fonts/72-Black.woff2);
2106
2202
  // @sapFontUrl_72_Black_woff: url(./../baseTheme/fonts/72-Black.woff);
2203
+ // @sapFontUrl_72_Black_full_woff2: url(./../baseTheme/fonts/72-Black-full.woff2);
2204
+ // @sapFontUrl_72_Black_full_woff: url(./../baseTheme/fonts/72-Black-full.woff);
2107
2205
  // @sapFontUrl_72_BoldItalic_woff2: url(./../baseTheme/fonts/72-BoldItalic.woff2);
2108
2206
  // @sapFontUrl_72_BoldItalic_woff: url(./../baseTheme/fonts/72-BoldItalic.woff);
2207
+ // @sapFontUrl_72_BoldItalic_full_woff2: url(./../baseTheme/fonts/72-BoldItalic-full.woff2);
2208
+ // @sapFontUrl_72_BoldItalic_full_woff: url(./../baseTheme/fonts/72-BoldItalic-full.woff);
2109
2209
  // @sapFontUrl_72_Condensed_woff2: url(./../baseTheme/fonts/72-Condensed.woff2);
2110
2210
  // @sapFontUrl_72_Condensed_woff: url(./../baseTheme/fonts/72-Condensed.woff);
2211
+ // @sapFontUrl_72_Condensed_full_woff2: url(./../baseTheme/fonts/72-Condensed-full.woff2);
2212
+ // @sapFontUrl_72_Condensed_full_woff: url(./../baseTheme/fonts/72-Condensed-full.woff);
2111
2213
  // @sapFontUrl_72_CondensedBold_woff2: url(./../baseTheme/fonts/72-CondensedBold.woff2);
2112
2214
  // @sapFontUrl_72_CondensedBold_woff: url(./../baseTheme/fonts/72-CondensedBold.woff);
2215
+ // @sapFontUrl_72_CondensedBold_full_woff2: url(./../baseTheme/fonts/72-CondensedBold-full.woff2);
2216
+ // @sapFontUrl_72_CondensedBold_full_woff: url(./../baseTheme/fonts/72-CondensedBold-full.woff);
2113
2217
  // @sapFontUrl_72_Italic_woff2: url(./../baseTheme/fonts/72-Italic.woff2);
2114
2218
  // @sapFontUrl_72_Italic_woff: url(./../baseTheme/fonts/72-Italic.woff);
2219
+ // @sapFontUrl_72_Italic_full_woff2: url(./../baseTheme/fonts/72-Italic-full.woff2);
2220
+ // @sapFontUrl_72_Italic_full_woff: url(./../baseTheme/fonts/72-Italic-full.woff);
2115
2221
  // @sapFontUrl_72Mono_Regular_woff2: url(./../baseTheme/fonts/72Mono-Regular.woff2);
2116
2222
  // @sapFontUrl_72Mono_Regular_woff: url(./../baseTheme/fonts/72Mono-Regular.woff);
2117
2223
  // @sapFontUrl_72Mono_Regular_full_woff2: url(./../baseTheme/fonts/72Mono-Regular-full.woff2);
@@ -227,6 +227,70 @@
227
227
  @sapUiShellPositiveColor: @sapShell_PositiveColor;
228
228
  @sapUiShellInformativeColor: @sapShell_InformativeColor;
229
229
  @sapUiShellNeutralColor: @sapShell_NeutralColor;
230
+ @sapUiShellCategory1Background: @sapShell_Category_1_Background;
231
+ @sapUiShellCategory1BorderColor: @sapShell_Category_1_BorderColor;
232
+ @sapUiShellCategory1TextColor: @sapShell_Category_1_TextColor;
233
+ @sapUiShellCategory1TextShadow: @sapShell_Category_1_TextShadow;
234
+ @sapUiShellCategory2Background: @sapShell_Category_2_Background;
235
+ @sapUiShellCategory2BorderColor: @sapShell_Category_2_BorderColor;
236
+ @sapUiShellCategory2TextColor: @sapShell_Category_2_TextColor;
237
+ @sapUiShellCategory2TextShadow: @sapShell_Category_2_TextShadow;
238
+ @sapUiShellCategory31Background: @sapShell_Category_3_Background;
239
+ @sapUiShellCategory3BorderColor: @sapShell_Category_3_BorderColor;
240
+ @sapUiShellCategory3TextColor: @sapShell_Category_3_TextColor;
241
+ @sapUiShellCategory3TextShadow: @sapShell_Category_3_TextShadow;
242
+ @sapUiShellCategory4Background: @sapShell_Category_4_Background;
243
+ @sapUiShellCategory4BorderColor: @sapShell_Category_4_BorderColor;
244
+ @sapUiShellCategory4TextColor: @sapShell_Category_4_TextColor;
245
+ @sapUiShellCategory4TextShadow: @sapShell_Category_4_TextShadow;
246
+ @sapUiShellCategory5Background: @sapShell_Category_5_Background;
247
+ @sapUiShellCategory5BorderColor: @sapShell_Category_5_BorderColor;
248
+ @sapUiShellCategory5TextColor: @sapShell_Category_5_TextColor;
249
+ @sapUiShellCategory5TextShadow: @sapShell_Category_5_TextShadow;
250
+ @sapUiShellCategory6Background: @sapShell_Category_6_Background;
251
+ @sapUiShellCategory6BorderColor: @sapShell_Category_6_BorderColor;
252
+ @sapUiShellCategory6TextColor: @sapShell_Category_6_TextColor;
253
+ @sapUiShellCategory6TextShadow: @sapShell_Category_6_TextShadow;
254
+ @sapUiShellCategory7Background: @sapShell_Category_7_Background;
255
+ @sapUiShellCategory7BorderColor: @sapShell_Category_7_BorderColor;
256
+ @sapUiShellCategory7TextColor: @sapShell_Category_7_TextColor;
257
+ @sapUiShellCategory7TextShadow: @sapShell_Category_7_TextShadow;
258
+ @sapUiShellCategory8Background: @sapShell_Category_8_Background;
259
+ @sapUiShellCategory8BorderColor: @sapShell_Category_8_BorderColor;
260
+ @sapUiShellCategory8TextColor: @sapShell_Category_8_TextColor;
261
+ @sapUiShellCategory8TextShadow: @sapShell_Category_8_TextShadow;
262
+ @sapUiShellCategory9Background: @sapShell_Category_9_Background;
263
+ @sapUiShellCategory9BorderColor: @sapShell_Category_9_BorderColor;
264
+ @sapUiShellCategory9TextColor: @sapShell_Category_9_TextColor;
265
+ @sapUiShellCategory9TextShadow: @sapShell_Category_9_TextShadow;
266
+ @sapUiShellCategory10Background: @sapShell_Category_10_Background;
267
+ @sapUiShellCategory10BorderColor: @sapShell_Category_10_BorderColor;
268
+ @sapUiShellCategory10TextColor: @sapShell_Category_10_TextColor;
269
+ @sapUiShellCategory10TextShadow: @sapShell_Category_10_TextShadow;
270
+ @sapUiShellCategory11Background: @sapShell_Category_11_Background;
271
+ @sapUiShellCategory11BorderColor: @sapShell_Category_11_BorderColor;
272
+ @sapUiShellCategory11TextColor: @sapShell_Category_11_TextColor;
273
+ @sapUiShellCategory11TextShadow: @sapShell_Category_11_TextShadow;
274
+ @sapUiShellCategory12Background: @sapShell_Category_12_Background;
275
+ @sapUiShellCategory12BorderColor: @sapShell_Category_12_BorderColor;
276
+ @sapUiShellCategory12TextColor: @sapShell_Category_12_TextColor;
277
+ @sapUiShellCategory12TextShadow: @sapShell_Category_12_TextShadow;
278
+ @sapUiShellCategory13Background: @sapShell_Category_13_Background;
279
+ @sapUiShellCategory13BorderColor: @sapShell_Category_13_BorderColor;
280
+ @sapUiShellCategory13TextColor: @sapShell_Category_13_TextColor;
281
+ @sapUiShellCategory13TextShadow: @sapShell_Category_13_TextShadow;
282
+ @sapUiShellCategory14Background: @sapShell_Category_14_Background;
283
+ @sapUiShellCategory14BorderColor: @sapShell_Category_14_BorderColor;
284
+ @sapUiShellCategory14TextColor: @sapShell_Category_14_TextColor;
285
+ @sapUiShellCategory14TextShadow: @sapShell_Category_14_TextShadow;
286
+ @sapUiShellCategory15Background: @sapShell_Category_15_Background;
287
+ @sapUiShellCategory15BorderColor: @sapShell_Category_15_BorderColor;
288
+ @sapUiShellCategory15TextColor: @sapShell_Category_15_TextColor;
289
+ @sapUiShellCategory15TextShadow: @sapShell_Category_15_TextShadow;
290
+ @sapUiShellCategory16Background: @sapShell_Category_16_Background;
291
+ @sapUiShellCategory16BorderColor: @sapShell_Category_16_BorderColor;
292
+ @sapUiShellCategory16TextColor: @sapShell_Category_16_TextColor;
293
+ @sapUiShellCategory16TextShadow: @sapShell_Category_16_TextShadow;
230
294
 
231
295
  @sapUiAvatar1Background: @sapAvatar_1_Background;
232
296
  @sapUiAvatar1BorderColor: @sapAvatar_1_BorderColor;
@@ -302,32 +302,18 @@ html.sap-tablet:not(.sap-desktop) input, html.sap-tablet:not(.sap-desktop) texta
302
302
  }
303
303
 
304
304
  /**
305
- * Some diacritics are supported by the 72 font:
306
- * * Grave
307
- * * Acute
308
- * * Circumflex
309
- * * Tilde
305
+ * Browsers synthesizes glyphs that have multiple diacritics from the basic glyphs. Some glyphs don't look right after
306
+ * browsers' synthesis. Those glyphs need to be redirected to "72-full" where they are supported.
310
307
  *
311
- * However, the following diacritics and the combination of multiple diacritics (including the supported ones) are not supported:
312
- * * Breve
313
- * * Horn
314
- * * Dot below
315
- * * Hook above
308
+ * U+1EA4-1EA7: A and a with circumflex synthesized with acute or grave
309
+ * U+1EAA-1EAB: A and a with circumflex synthesized with tilde
310
+ * U+1EBC-1EBD: E and e synthesized with tilde
311
+ * U+1EBE-1EC1: E and e with circumflex synthesized with acute or gave
312
+ * U+1EC4-1EC5: E and e with circumflex synthesized with tilde
313
+ * U+1ED0-1ED3: O and o with circumflex synthesized with acute or gave
314
+ * U+1ED6-1ED7: O and o with circumflex synthesized with tilde
316
315
  *
317
- * Fallback for the characters that aren't covered by the '72' font to the '72-full' font where they are supported
318
- *
319
- * U+0102-0103: A and a with Breve
320
- * U+01A0-01A1: O and o with Horn
321
- * U+01AF-01B0: U and u with Horn
322
- * U+1EA0-1EB7: A and a with diacritics that are not supported by the font and combination of multiple diacritics
323
- * U+1EB8-1EC7: E and e with diacritics that are not supported by the font and combination of multiple diacritics
324
- * U+1EC8-1ECB: I and i with diacritics that are not supported by the font and combination of multiple diacritics
325
- * U+1ECC-1EE3: O and o with diacritics that are not supported by the font and combination of multiple diacritics
326
- * U+1EE4-1EF1: U and u with diacritics that are not supported by the font and combination of multiple diacritics
327
- * U+1EF4-1EF7: Y and y with diacritics that are not supported by the font and combination of multiple diacritics
328
- *
329
- *
330
- * Moreover, the Caron has a special vertical form used on tall characters:
316
+ * Moreover, the diacritic Caron has a special vertical form used on tall characters:
331
317
  *
332
318
  * U+010C: C with Caron
333
319
  * U+010F: d with Caron
@@ -336,16 +322,16 @@ html.sap-tablet:not(.sap-desktop) input, html.sap-tablet:not(.sap-desktop) texta
336
322
  * U+0158: R with Caron
337
323
  * U+0165: t with Caron
338
324
  *
339
- * Those characters aren't covered by the font '72' but some browser simply combine the letter without diacritics with
340
- * the standard combining Caron (U+030C) which leads to the wrong display of those characters. Because those characters
341
- * are covered by the '72-full' font, they are redirected to that font as well for being correctly displayed.
325
+ * Those characters aren't covered by the font '72' but browsers synthesize the letter without diacritic with the
326
+ * standard combining Caron (U+030C) which leads to the wrong display of those characters. Because those characters are
327
+ * covered by the '72-full' font, they are redirected to that font as well for being correctly displayed.
342
328
  *
343
329
  */
344
330
  @font-face {
345
331
  font-family: '72';
346
332
  font-style: normal;
347
333
  font-weight: 400;
348
- unicode-range: U+0102-0103, U+010C, U+010F, U+013D, U+013E, U+0158, U+0165, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EB7, U+1EB8-1EC7, U+1EC8-1ECB, U+1ECC-1EE3, U+1EE4-1EF1, U+1EF4-1EF7;
334
+ unicode-range: U+010C, U+010F, U+013D-013E, U+0158, U+0165, U+1EA4-1EA7, U+1EAA-1EAB, U+1EBC-1EC1, U+1EC4-1EC5, U+1ED0-1ED3, U+1ED6-1ED7;
349
335
  src: url('fonts/72-Regular-full.woff2') format('woff2');
350
336
  }
351
337
 
@@ -353,7 +339,7 @@ html.sap-tablet:not(.sap-desktop) input, html.sap-tablet:not(.sap-desktop) texta
353
339
  font-family: '72';
354
340
  font-style: normal;
355
341
  font-weight: 700;
356
- unicode-range: U+0102-0103, U+010C, U+010F, U+013D, U+013E, U+0158, U+0165, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EB7, U+1EB8-1EC7, U+1EC8-1ECB, U+1ECC-1EE3, U+1EE4-1EF1, U+1EF4-1EF7;
342
+ unicode-range: U+010C, U+010F, U+013D-013E, U+0158, U+0165, U+1EA4-1EA7, U+1EAA-1EAB, U+1EBC-1EC1, U+1EC4-1EC5, U+1ED0-1ED3, U+1ED6-1ED7;
357
343
  src: url('fonts/72-Bold-full.woff2') format('woff2');
358
344
  }
359
345
 
@@ -361,32 +347,32 @@ html.sap-tablet:not(.sap-desktop) input, html.sap-tablet:not(.sap-desktop) texta
361
347
  font-family: '72';
362
348
  font-style: normal;
363
349
  font-weight: 300;
364
- unicode-range: U+0102-0103, U+010C, U+010F, U+013D, U+013E, U+0158, U+0165, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EB7, U+1EB8-1EC7, U+1EC8-1ECB, U+1ECC-1EE3, U+1EE4-1EF1, U+1EF4-1EF7;
350
+ unicode-range: U+010C, U+010F, U+013D-013E, U+0158, U+0165, U+1EA4-1EA7, U+1EAA-1EAB, U+1EBC-1EC1, U+1EC4-1EC5, U+1ED0-1ED3, U+1ED6-1ED7;
365
351
  src: url('fonts/72-Light-full.woff2') format('woff2');
366
352
  }
367
353
 
368
354
  @font-face {
369
355
  font-family: '72-Bold';
370
356
  font-style: normal;
371
- unicode-range: U+0102-0103, U+010C, U+010F, U+013D, U+013E, U+0158, U+0165, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EB7, U+1EB8-1EC7, U+1EC8-1ECB, U+1ECC-1EE3, U+1EE4-1EF1, U+1EF4-1EF7;
357
+ unicode-range: U+010C, U+010F, U+013D-013E, U+0158, U+0165, U+1EA4-1EA7, U+1EAA-1EAB, U+1EBC-1EC1, U+1EC4-1EC5, U+1ED0-1ED3, U+1ED6-1ED7;
372
358
  src: url('fonts/72-Bold-full.woff2') format('woff2');
373
359
  }
374
360
 
375
361
  @font-face {
376
362
  font-family: '72-Light';
377
363
  font-style: normal;
378
- unicode-range: U+0102-0103, U+010C, U+010F, U+013D, U+013E, U+0158, U+0165, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EB7, U+1EB8-1EC7, U+1EC8-1ECB, U+1ECC-1EE3, U+1EE4-1EF1, U+1EF4-1EF7;
364
+ unicode-range: U+010C, U+010F, U+013D-013E, U+0158, U+0165, U+1EA4-1EA7, U+1EAA-1EAB, U+1EBC-1EC1, U+1EC4-1EC5, U+1ED0-1ED3, U+1ED6-1ED7;
379
365
  src: url('fonts/72-Light-full.woff2') format('woff2');
380
366
  }
381
367
 
382
368
  @font-face {
383
369
  font-family: '72Mono';
384
- unicode-range: U+0102-0103, U+010C, U+010F, U+013D, U+013E, U+0158, U+0165, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EB7, U+1EB8-1EC7, U+1EC8-1ECB, U+1ECC-1EE3, U+1EE4-1EF1, U+1EF4-1EF7;
370
+ unicode-range: U+010C, U+010F, U+013D-013E, U+0158, U+0165, U+1EA4-1EA7, U+1EAA-1EAB, U+1EBC-1EC1, U+1EC4-1EC5, U+1ED0-1ED3, U+1ED6-1ED7;
385
371
  src: url('fonts/72Mono-Regular-full.woff2') format('woff2');
386
372
  }
387
373
 
388
374
  @font-face {
389
375
  font-family: '72Mono-Bold';
390
- unicode-range: U+0102-0103, U+010C, U+010F, U+013D, U+013E, U+0158, U+0165, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EB7, U+1EB8-1EC7, U+1EC8-1ECB, U+1ECC-1EE3, U+1EE4-1EF1, U+1EF4-1EF7;
376
+ unicode-range: U+010C, U+010F, U+013D-013E, U+0158, U+0165, U+1EA4-1EA7, U+1EAA-1EAB, U+1EBC-1EC1, U+1EC4-1EC5, U+1ED0-1ED3, U+1ED6-1ED7;
391
377
  src: url('fonts/72Mono-Bold-full.woff2') format('woff2');
392
378
  }