@openui5/themelib_sap_horizon 1.115.0 → 1.116.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 (77) hide show
  1. package/.reuse/dep5 +0 -5
  2. package/THIRDPARTY.txt +1 -7
  3. package/package.json +18 -18
  4. package/src/sap/m/themes/sap_horizon/IconTabBar.less +4 -4
  5. package/src/sap/m/themes/sap_horizon/ListBase.less +12 -0
  6. package/src/sap/m/themes/sap_horizon/ObjectMarker.less +11 -3
  7. package/src/sap/m/themes/sap_horizon/RadioButton.less +4 -5
  8. package/src/sap/m/themes/sap_horizon/RangeSlider.less +2 -7
  9. package/src/sap/m/themes/sap_horizon/SearchField.less +1 -2
  10. package/src/sap/m/themes/sap_horizon/Select.less +8 -14
  11. package/src/sap/m/themes/sap_horizon/Slider.less +2 -1
  12. package/src/sap/m/themes/sap_horizon/TextArea.less +4 -0
  13. package/src/sap/m/themes/sap_horizon/TileContainer.less +20 -1
  14. package/src/sap/m/themes/sap_horizon/Wizard.less +1 -1
  15. package/src/sap/m/themes/sap_horizon_dark/IconTabBar.less +4 -4
  16. package/src/sap/m/themes/sap_horizon_dark/ListBase.less +12 -0
  17. package/src/sap/m/themes/sap_horizon_dark/ObjectMarker.less +10 -2
  18. package/src/sap/m/themes/sap_horizon_dark/RadioButton.less +4 -6
  19. package/src/sap/m/themes/sap_horizon_dark/RangeSlider.less +2 -7
  20. package/src/sap/m/themes/sap_horizon_dark/SearchField.less +0 -2
  21. package/src/sap/m/themes/sap_horizon_dark/Select.less +7 -14
  22. package/src/sap/m/themes/sap_horizon_dark/Slider.less +7 -1
  23. package/src/sap/m/themes/sap_horizon_dark/TextArea.less +4 -0
  24. package/src/sap/m/themes/sap_horizon_dark/TileContainer.less +18 -0
  25. package/src/sap/m/themes/sap_horizon_dark/Wizard.less +1 -1
  26. package/src/sap/m/themes/sap_horizon_hcb/CheckBox.less +4 -0
  27. package/src/sap/m/themes/sap_horizon_hcb/RadioButton.less +1 -1
  28. package/src/sap/m/themes/sap_horizon_hcb/SearchField.less +0 -2
  29. package/src/sap/m/themes/sap_horizon_hcb/Select.less +20 -0
  30. package/src/sap/m/themes/sap_horizon_hcb/Slider.less +2 -1
  31. package/src/sap/m/themes/sap_horizon_hcb/TextArea.less +5 -1
  32. package/src/sap/m/themes/sap_horizon_hcb/Wizard.less +1 -1
  33. package/src/sap/m/themes/sap_horizon_hcw/CheckBox.less +4 -0
  34. package/src/sap/m/themes/sap_horizon_hcw/RadioButton.less +1 -1
  35. package/src/sap/m/themes/sap_horizon_hcw/SearchField.less +0 -2
  36. package/src/sap/m/themes/sap_horizon_hcw/Select.less +21 -0
  37. package/src/sap/m/themes/sap_horizon_hcw/Slider.less +2 -1
  38. package/src/sap/m/themes/sap_horizon_hcw/TextArea.less +5 -1
  39. package/src/sap/m/themes/sap_horizon_hcw/Wizard.less +1 -1
  40. package/src/sap/tnt/themes/sap_horizon/SideNavigation.less +1 -1
  41. package/src/sap/tnt/themes/sap_horizon/ToolHeader.less +21 -3
  42. package/src/sap/tnt/themes/sap_horizon/ToolPage.less +4 -4
  43. package/src/sap/tnt/themes/sap_horizon_dark/SideNavigation.less +1 -1
  44. package/src/sap/tnt/themes/sap_horizon_dark/ToolHeader.less +21 -3
  45. package/src/sap/tnt/themes/sap_horizon_dark/ToolPage.less +4 -4
  46. package/src/sap/tnt/themes/sap_horizon_hcb/ToolHeader.less +24 -4
  47. package/src/sap/tnt/themes/sap_horizon_hcb/ToolPage.less +5 -5
  48. package/src/sap/tnt/themes/sap_horizon_hcw/ToolHeader.less +20 -0
  49. package/src/sap/tnt/themes/sap_horizon_hcw/ToolPage.less +4 -4
  50. package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
  51. package/src/sap/ui/core/themes/sap_horizon/base.less +5 -5
  52. package/src/sap/ui/core/themes/sap_horizon/fonts/SAP-icons.ttf +0 -0
  53. package/src/sap/ui/core/themes/sap_horizon/fonts/SAP-icons.woff2 +0 -0
  54. package/src/sap/ui/core/themes/sap_horizon/shared.less +9 -94
  55. package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
  56. package/src/sap/ui/core/themes/sap_horizon_dark/base.less +5 -5
  57. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/SAP-icons.ttf +0 -0
  58. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/SAP-icons.woff2 +0 -0
  59. package/src/sap/ui/core/themes/sap_horizon_dark/shared.less +9 -95
  60. package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
  61. package/src/sap/ui/core/themes/sap_horizon_hcb/base.less +15 -15
  62. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/SAP-icons.ttf +0 -0
  63. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/SAP-icons.woff2 +0 -0
  64. package/src/sap/ui/core/themes/sap_horizon_hcb/shared.less +9 -94
  65. package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
  66. package/src/sap/ui/core/themes/sap_horizon_hcw/base.less +9 -9
  67. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/SAP-icons.ttf +0 -0
  68. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/SAP-icons.woff2 +0 -0
  69. package/src/sap/ui/core/themes/sap_horizon_hcw/shared.less +9 -94
  70. package/src/sap/ui/unified/themes/sap_horizon/Calendar.less +430 -60
  71. package/src/sap/ui/unified/themes/sap_horizon_dark/Calendar.less +429 -51
  72. package/src/sap/ui/unified/themes/sap_horizon_hcb/Calendar.less +7 -0
  73. package/src/sap/ui/unified/themes/sap_horizon_hcw/Calendar.less +7 -0
  74. package/src/sap/uxap/themes/sap_horizon/HierarchicalSelect.less +0 -4
  75. package/src/sap/uxap/themes/sap_horizon_dark/HierarchicalSelect.less +0 -4
  76. package/src/sap/uxap/themes/sap_horizon_hcb/HierarchicalSelect.less +0 -6
  77. package/src/sap/uxap/themes/sap_horizon_hcw/HierarchicalSelect.less +0 -6
@@ -24,4 +24,8 @@
24
24
 
25
25
  .sapMInputBase.sapMTextArea .sapMTextAreaInner {
26
26
  line-height: 1.5;
27
- }
27
+ }
28
+
29
+ .sapMTextAreaMirror {
30
+ line-height: 1.5;
31
+ }
@@ -34,7 +34,7 @@
34
34
  }
35
35
 
36
36
  .sapMWizard:not(.sapMWizardModePage) .sapMWizardLastActivatedStep {
37
- min-height: calc(100% - 3rem);
37
+ min-height: ~"calc(100% - 3rem)";
38
38
  }
39
39
 
40
40
  html.sap-phone .sapMWizard .sapMWizardNextButtonVisible {
@@ -9,6 +9,10 @@
9
9
  line-height: 2.7rem;
10
10
  }
11
11
 
12
+ .sapMCb:focus {
13
+ outline: none;
14
+ }
15
+
12
16
  .sapMCbBg {
13
17
  height: 1.375rem;
14
18
  width: 1.375rem;
@@ -138,7 +138,7 @@
138
138
  .sapMRbWarn.sapMRbSel,
139
139
  .sapMRbWarn.sapMRbSel.sapMRbRo {
140
140
  .sapMRbBInn {
141
- fill: @sapUiFieldTextColor;
141
+ fill: @sapUiFieldWarningColor;
142
142
  stroke: none;
143
143
  }
144
144
  }
@@ -8,7 +8,6 @@
8
8
  // ==========================================================================
9
9
 
10
10
  @_sap_m_SearchField_Height: 2.75rem;
11
- @_sap_m_SearchField_FormHeight: 2.25rem;
12
11
  @_sap_m_SearchField_ButtonSize: 2.25rem;
13
12
  @_sap_m_SearchField_ButtonFontSize: 1rem;
14
13
  @_sap_m_SearchField_Compact_FormPaddingLeft: 0.5rem;
@@ -57,7 +56,6 @@
57
56
  }
58
57
 
59
58
  .sapMSF:not(.sapMSFDisabled):hover .sapMSFF {
60
- box-shadow: @sapUiContentInteractionShadow;
61
59
  background-color: @sapUiFieldHoverBackground;
62
60
  }
63
61
 
@@ -11,6 +11,27 @@
11
11
  border-radius: 0.365rem;
12
12
  }
13
13
 
14
+ /* arrow styles */
15
+
16
+ .sapMSlt > .sapMSltArrow {
17
+ line-height: 2.25rem;
18
+ }
19
+
20
+ .sapUiSizeCompact .sapMSlt > .sapMSltArrow {
21
+ line-height: 1.625rem;
22
+ }
23
+
24
+ .sapMSltArrow {
25
+ width: 2.25rem;
26
+ height: 2.25rem;
27
+ }
28
+
29
+ .sapUiSizeCompact .sapMSltArrow {
30
+ width: 2rem;
31
+ height: 1.625rem;
32
+ }
33
+
34
+
14
35
  /* hover and focus */
15
36
 
16
37
  .sapMSlt.sapMSltIconOnly.sapMSltHoverable:hover:not(.sapMSltState) {
@@ -26,7 +26,8 @@
26
26
  top: -.0625rem;
27
27
  }
28
28
 
29
- .sapMSliderInner:not(.sapMSliderInnerDisabled):hover > .sapMSliderHandle {
29
+ .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderProgress:hover ~ .sapMSliderHandle,
30
+ .sapMSliderHandle:hover {
30
31
  background: @sapUiSliderHoverHandleBackground;
31
32
  border-color: @sapUiSliderHoverHandleBorderColor;
32
33
  box-shadow: @sapUiContentSelectedShadow;
@@ -24,4 +24,8 @@
24
24
 
25
25
  .sapMInputBase.sapMTextArea .sapMTextAreaInner {
26
26
  line-height: 1.5;
27
- }
27
+ }
28
+
29
+ .sapMTextAreaMirror {
30
+ line-height: 1.5;
31
+ }
@@ -34,7 +34,7 @@
34
34
  }
35
35
 
36
36
  .sapMWizard:not(.sapMWizardModePage) .sapMWizardLastActivatedStep {
37
- min-height: calc(100% - 3rem);
37
+ min-height: ~"calc(100% - 3rem)";
38
38
  }
39
39
 
40
40
  html.sap-phone .sapMWizard .sapMWizardNextButtonVisible {
@@ -10,7 +10,7 @@
10
10
  @_sap_tnt_SideNavigation_NavigationSeparatorBackgroundColor: @sapUiToolbarSeparatorColor;
11
11
  @_sap_tnt_SideNavigation_NavigationSeparatorRadius: 0.125rem;
12
12
  @_sap_tnt_SideNavigation_NavigationSeparatorHeight: 0.0625rem;
13
- @_sap_tnt_SideNavigation_TriangleColor: @sapContent_NonInteractiveIconColor;
13
+ @_sap_tnt_SideNavigation_TriangleColor: @sapUiContentNonInteractiveIconColor;
14
14
  @_sap_tnt_SideNavigation_BorderRadius: 0.5rem 0.5rem 0 0;
15
15
  @_sap_tnt_SideNavigation_PhoneBorderRadius: 0.5rem;
16
16
  @_sap_tnt_SideNavigation_BoxShadow: 0 0 0.125rem 0 fade(@sapUiContentShadowColor, 16), 0 0.5rem 1rem 0 fade(@sapUiContentShadowColor, 16);
@@ -13,7 +13,7 @@
13
13
  @_sap_tnt_ToolHeader_Padding: 0 0.75rem;
14
14
  @_sap_tnt_ToolHeader_ArrowMarginBottom: 0.25rem;
15
15
  @_sap_tnt_ToolHeader_IconTabHeader_Height: auto;
16
- @_sap_tnt_ToolHeader_Shadow: 0 0 0.125rem 0 fade(@sapContent_ShadowColor,16), 0 0.5rem 1rem 0 fade(@sapContent_ShadowColor, 16);
16
+ @_sap_tnt_ToolHeader_Shadow: 0 0 0.125rem 0 fade(@sapUiContentShadowColor,16), 0 0.5rem 1rem 0 fade(@sapUiContentShadowColor, 16);
17
17
 
18
18
  // ==========================================================================
19
19
  // sap.m.Toolbar overriding
@@ -39,6 +39,24 @@
39
39
  }
40
40
  }
41
41
 
42
+ // Styling for the cases when we have Header and SubHeader
43
+ .sapTntToolPageHeaderWithSubHeaderWrapper .sapTntToolPageHeader:first-of-type .sapTntToolHeader {
44
+ border-bottom-right-radius: 0;
45
+ border-bottom-left-radius: 0;
46
+ box-shadow: none;
47
+ }
48
+
49
+ .sapTntToolPageHeaderWithSubHeaderWrapper .sapTntToolPageHeader:nth-of-type(2) .sapTntToolHeader {
50
+ border-top-right-radius: 0;
51
+ border-top-left-radius: 0;
52
+ box-shadow: none;
53
+ }
54
+
55
+ .sapTntToolPageHeaderWrapper.sapTntToolPageHeaderWithSubHeaderWrapper {
56
+ box-shadow: @_sap_tnt_ToolHeader_BoxShadow;
57
+ border-radius: @_sap_tnt_ToolHeader_BorderRadius;
58
+ }
59
+
42
60
  // ==========================================================================
43
61
  // sap.m.Button overriding
44
62
  // ==========================================================================
@@ -141,7 +159,7 @@
141
159
 
142
160
  .sapTntToolHeader {
143
161
  .sapMTitle {
144
- text-shadow: none;
162
+ text-shadow: none;
145
163
  font-family: @sapFontBlackFamily;
146
164
  font-size: 1.125rem;
147
165
  line-height: 1.625rem;
@@ -232,7 +250,7 @@
232
250
  box-shadow: none;
233
251
  line-height: 1.25rem;
234
252
  }
235
-
253
+
236
254
  .sapMSFS:active::after,
237
255
  .sapMSFR:active::after {
238
256
  background: @sapActiveColor;
@@ -10,11 +10,11 @@
10
10
  @_sap_tnt_ToolPage_AsideMarginsPhone: 0.25rem 0.25rem 0 0;
11
11
  @_sap_tnt_ToolPage_ContentMargins: 0.5rem 0 0 0;
12
12
  @_sap_tnt_ToolPage_ContentMarginsPhone: 0.25rem 0 0 0;
13
- @_sap_tnt_ToolPage_ContentShadow: 0 0 0.125rem 0 fade(@sapContent_ShadowColor,16), 0 0.5rem 1rem 0 fade(@sapContent_ShadowColor, 16);
14
- @_sap_tnt_ToolPage_ContentBackgroundStandard: @sapBackgroundColor;
15
- @_sap_tnt_ToolPage_ContentBackgroundSolid: @sapBackgroundColor;
13
+ @_sap_tnt_ToolPage_ContentShadow: 0 0 0.125rem 0 fade(@sapUiContentShadowColor,16), 0 0.5rem 1rem 0 fade(@sapUiContentShadowColor, 16);
14
+ @_sap_tnt_ToolPage_ContentBackgroundStandard: @sapUiBaseBG;
15
+ @_sap_tnt_ToolPage_ContentBackgroundSolid: @sapUiBaseBG;
16
16
  @_sap_tnt_ToolPage_ContentBackgroundTransparent: transparent;
17
- @_sap_tnt_ToolPage_ContentBackgroundList: @sapGroup_ContentBackground;
17
+ @_sap_tnt_ToolPage_ContentBackgroundList: @sapUiGroupContentBackground;
18
18
  @_sap_tnt_ToolPage_ContentBorderRadius: 0.5rem 0.5rem 0 0;
19
19
  @_sap_tnt_ToolPage_ContentBorderRadiusTabletPhone: 0.5rem;
20
20
  @_sap_tnt_ToolPage_AsideCollapsedPhoneTransform: calc(~"-100% - 0.25rem");
@@ -10,7 +10,7 @@
10
10
  @_sap_tnt_SideNavigation_NavigationSeparatorBackgroundColor: @sapUiToolbarSeparatorColor;
11
11
  @_sap_tnt_SideNavigation_NavigationSeparatorRadius: 0.125rem;
12
12
  @_sap_tnt_SideNavigation_NavigationSeparatorHeight: 0.0625rem;
13
- @_sap_tnt_SideNavigation_TriangleColor: @sapContent_NonInteractiveIconColor;
13
+ @_sap_tnt_SideNavigation_TriangleColor: @sapUiContentNonInteractiveIconColor;
14
14
  @_sap_tnt_SideNavigation_BorderRadius: 0.5rem 0.5rem 0 0;
15
15
  @_sap_tnt_SideNavigation_PhoneBorderRadius: 0.5rem;
16
16
  @_sap_tnt_SideNavigation_BoxShadow: 0 0 0.125rem 0 fade(@sapUiContentShadowColor, 16), 0 0.5rem 1rem 0 fade(@sapUiContentShadowColor, 16);
@@ -13,7 +13,7 @@
13
13
  @_sap_tnt_ToolHeader_Padding: 0 0.75rem;
14
14
  @_sap_tnt_ToolHeader_ArrowMarginBottom: 0.25rem;
15
15
  @_sap_tnt_ToolHeader_IconTabHeader_Height: auto;
16
- @_sap_tnt_ToolHeader_Shadow: 0 0 0.125rem 0 fade(@sapContent_ShadowColor,16), 0 0.5rem 1rem 0 fade(@sapContent_ShadowColor, 32);
16
+ @_sap_tnt_ToolHeader_Shadow: 0 0 0.125rem 0 fade(@sapUiContentShadowColor,16), 0 0.5rem 1rem 0 fade(@sapUiContentShadowColor, 32);
17
17
 
18
18
  // ==========================================================================
19
19
  // sap.m.Toolbar overriding
@@ -39,6 +39,24 @@
39
39
  }
40
40
  }
41
41
 
42
+ // Styling for the cases when we have Header and SubHeader
43
+ .sapTntToolPageHeaderWithSubHeaderWrapper .sapTntToolPageHeader:first-of-type .sapTntToolHeader {
44
+ border-bottom-right-radius: 0;
45
+ border-bottom-left-radius: 0;
46
+ box-shadow: none;
47
+ }
48
+
49
+ .sapTntToolPageHeaderWithSubHeaderWrapper .sapTntToolPageHeader:nth-of-type(2) .sapTntToolHeader {
50
+ border-top-right-radius: 0;
51
+ border-top-left-radius: 0;
52
+ box-shadow: none;
53
+ }
54
+
55
+ .sapTntToolPageHeaderWrapper.sapTntToolPageHeaderWithSubHeaderWrapper {
56
+ box-shadow: @_sap_tnt_ToolHeader_BoxShadow;
57
+ border-radius: @_sap_tnt_ToolHeader_BorderRadius;
58
+ }
59
+
42
60
  // ==========================================================================
43
61
  // sap.m.Button overriding
44
62
  // ==========================================================================
@@ -141,7 +159,7 @@
141
159
 
142
160
  .sapTntToolHeader {
143
161
  .sapMTitle {
144
- text-shadow: none;
162
+ text-shadow: none;
145
163
  font-family: @sapFontBlackFamily;
146
164
  font-size: 1.125rem;
147
165
  line-height: 1.625rem;
@@ -232,7 +250,7 @@
232
250
  box-shadow: none;
233
251
  line-height: 1.25rem;
234
252
  }
235
-
253
+
236
254
  .sapMSFS:active::after,
237
255
  .sapMSFR:active::after {
238
256
  background: @sapActiveColor;
@@ -10,11 +10,11 @@
10
10
  @_sap_tnt_ToolPage_AsideMarginsPhone: 0.25rem 0.25rem 0 0;
11
11
  @_sap_tnt_ToolPage_ContentMargins: 0.5rem 0 0 0;
12
12
  @_sap_tnt_ToolPage_ContentMarginsPhone: 0.25rem 0 0 0;
13
- @_sap_tnt_ToolPage_ContentShadow: 0 0 0.125rem 0 fade(@sapContent_ShadowColor,16), 0 0.5rem 1rem 0 fade(@sapContent_ShadowColor, 32);
14
- @_sap_tnt_ToolPage_ContentBackgroundStandard: @sapBackgroundColor;
15
- @_sap_tnt_ToolPage_ContentBackgroundSolid: @sapBackgroundColor;
13
+ @_sap_tnt_ToolPage_ContentShadow: 0 0 0.125rem 0 fade(@sapUiContentShadowColor,16), 0 0.5rem 1rem 0 fade(@sapUiContentShadowColor, 32);
14
+ @_sap_tnt_ToolPage_ContentBackgroundStandard: @sapUiBaseBG;
15
+ @_sap_tnt_ToolPage_ContentBackgroundSolid: @sapUiBaseBG;
16
16
  @_sap_tnt_ToolPage_ContentBackgroundTransparent: transparent;
17
- @_sap_tnt_ToolPage_ContentBackgroundList: @sapGroup_ContentBackground;
17
+ @_sap_tnt_ToolPage_ContentBackgroundList: @sapUiGroupContentBackground;
18
18
  @_sap_tnt_ToolPage_ContentBorderRadius: 0.5rem 0.5rem 0 0;
19
19
  @_sap_tnt_ToolPage_ContentBorderRadiusTabletPhone: 0.5rem;
20
20
  @_sap_tnt_ToolPage_AsideCollapsedPhoneTransform: calc(~"-100% - 0.25rem");
@@ -11,7 +11,7 @@
11
11
  @_sap_tnt_ToolHeader_Padding: 0 0.75rem;
12
12
  @_sap_tnt_ToolHeader_ArrowMarginBottom: 0.25rem;
13
13
  @_sap_tnt_ToolHeader_IconTabHeader_Height: auto;
14
- @_sap_tnt_ToolHeader_Shadow: 0 0 0 0.0625rem @sapContent_ShadowColor, 0 0.5rem 1rem 0 fade(@sapContent_ShadowColor, 16);
14
+ @_sap_tnt_ToolHeader_Shadow: 0 0 0 0.0625rem @sapUiContentShadowColor, 0 0.5rem 1rem 0 fade(@sapUiContentShadowColor, 16);
15
15
  @_sap_tnt_ToolHeader_DisabledOpacity: @sapUiContentDisabledOpacity;
16
16
 
17
17
  // ==========================================================================
@@ -35,6 +35,26 @@
35
35
  }
36
36
  }
37
37
 
38
+ // Styling for the cases when we have Header and SubHeader
39
+ .sapTntToolPageHeaderWithSubHeaderWrapper .sapTntToolPageHeader:first-of-type .sapTntToolHeader {
40
+ border-bottom-right-radius: 0;
41
+ border-bottom-left-radius: 0;
42
+ border-bottom: none;
43
+ box-shadow: none;
44
+ }
45
+
46
+ .sapTntToolPageHeaderWithSubHeaderWrapper .sapTntToolPageHeader:nth-of-type(2) .sapTntToolHeader {
47
+ border-top-right-radius: 0;
48
+ border-top-left-radius: 0;
49
+ border-top: none;
50
+ box-shadow: none;
51
+ }
52
+
53
+ .sapTntToolPageHeaderWrapper.sapTntToolPageHeaderWithSubHeaderWrapper {
54
+ box-shadow: @_sap_tnt_ToolHeader_BoxShadow;
55
+ border-radius: @_sap_tnt_ToolHeader_BorderRadius;
56
+ }
57
+
38
58
  // ==========================================================================
39
59
  // sap.m.Button overriding
40
60
  // ==========================================================================
@@ -138,7 +158,7 @@
138
158
 
139
159
  .sapTntToolHeader {
140
160
  .sapMTitle {
141
- text-shadow: none;
161
+ text-shadow: none;
142
162
  font-family: @sapFontBlackFamily;
143
163
  font-size: 1.125rem;
144
164
  line-height: 1.625rem;
@@ -185,7 +205,7 @@
185
205
  line-height: 2.5rem;
186
206
  width: 1.875rem;
187
207
  }
188
-
208
+
189
209
  .sapMSFSSI {
190
210
  display: inline;
191
211
  }
@@ -229,7 +249,7 @@
229
249
  box-shadow: none;
230
250
  line-height: 1.25rem;
231
251
  }
232
-
252
+
233
253
  .sapMSFS:active::after,
234
254
  .sapMSFR:active::after {
235
255
  background: @sapActiveColor;
@@ -6,16 +6,16 @@
6
6
  @_sap_tnt_ToolPage_Paddings: 0.5rem 0.5rem 0 0.5rem;
7
7
  @_sap_tnt_ToolPage_PaddingsTablet: 0.5rem;
8
8
  @_sap_tnt_ToolPage_PaddingsPhone: 0.25rem;
9
- @_sap_tnt_ToolPage_Background: @sapBackgroundColor;
9
+ @_sap_tnt_ToolPage_Background: @sapUiBaseBG;
10
10
  @_sap_tnt_ToolPage_AsideMargins: 0.5rem 0.5rem 0 0;
11
11
  @_sap_tnt_ToolPage_AsideMarginsPhone: 0.25rem 0.25rem 0 0;
12
12
  @_sap_tnt_ToolPage_ContentMargins: 0.5rem 0 0 0;
13
13
  @_sap_tnt_ToolPage_ContentMarginsPhone: 0.25rem 0 0 0;
14
- @_sap_tnt_ToolPage_ContentShadow: 0 0 0 0.0625rem @sapContent_ShadowColor, 0 0.5rem 1rem 0 fade(@sapContent_ShadowColor, 16);
15
- @_sap_tnt_ToolPage_ContentBackgroundStandard: @sapBackgroundColor;
16
- @_sap_tnt_ToolPage_ContentBackgroundSolid: @sapBackgroundColor;
14
+ @_sap_tnt_ToolPage_ContentShadow: 0 0 0 0.0625rem @sapUiContentShadowColor, 0 0.5rem 1rem 0 fade(@sapUiContentShadowColor, 16);
15
+ @_sap_tnt_ToolPage_ContentBackgroundStandard: @sapUiBaseBG;
16
+ @_sap_tnt_ToolPage_ContentBackgroundSolid: @sapUiBaseBG;
17
17
  @_sap_tnt_ToolPage_ContentBackgroundTransparent: transparent;
18
- @_sap_tnt_ToolPage_ContentBackgroundList: @sapGroup_ContentBackground;
18
+ @_sap_tnt_ToolPage_ContentBackgroundList: @sapUiGroupContentBackground;
19
19
  @_sap_tnt_ToolPage_ContentBorderRadius: 0.5rem 0.5rem 0 0;
20
20
  @_sap_tnt_ToolPage_ContentBorderRadiusTabletPhone: 0.5rem;
21
21
  @_sap_tnt_ToolPage_AsideCollapsedPhoneTransform: calc(~"-100% - 0.25rem");
@@ -35,6 +35,26 @@
35
35
  }
36
36
  }
37
37
 
38
+ // Styling for the cases when we have Header and SubHeader
39
+ .sapTntToolPageHeaderWithSubHeaderWrapper .sapTntToolPageHeader:first-of-type .sapTntToolHeader {
40
+ border-bottom-right-radius: 0;
41
+ border-bottom-left-radius: 0;
42
+ border-bottom: none;
43
+ box-shadow: none;
44
+ }
45
+
46
+ .sapTntToolPageHeaderWithSubHeaderWrapper .sapTntToolPageHeader:nth-of-type(2) .sapTntToolHeader {
47
+ border-top-right-radius: 0;
48
+ border-top-left-radius: 0;
49
+ border-top: none;
50
+ box-shadow: none;
51
+ }
52
+
53
+ .sapTntToolPageHeaderWrapper.sapTntToolPageHeaderWithSubHeaderWrapper {
54
+ box-shadow: @_sap_tnt_ToolHeader_BoxShadow;
55
+ border-radius: @_sap_tnt_ToolHeader_BorderRadius;
56
+ }
57
+
38
58
  // ==========================================================================
39
59
  // sap.m.Button overriding
40
60
  // ==========================================================================
@@ -6,16 +6,16 @@
6
6
  @_sap_tnt_ToolPage_Paddings: 0.5rem 0.5rem 0 0.5rem;
7
7
  @_sap_tnt_ToolPage_PaddingsTablet: 0.5rem;
8
8
  @_sap_tnt_ToolPage_PaddingsPhone: 0.25rem;
9
- @_sap_tnt_ToolPage_Background: @sapBackgroundColor;
9
+ @_sap_tnt_ToolPage_Background: @sapUiBaseBG;
10
10
  @_sap_tnt_ToolPage_AsideMargins: 0.5rem 0.5rem 0 0;
11
11
  @_sap_tnt_ToolPage_AsideMarginsPhone: 0.25rem 0.25rem 0 0;
12
12
  @_sap_tnt_ToolPage_ContentMargins: 0.5rem 0 0 0;
13
13
  @_sap_tnt_ToolPage_ContentMarginsPhone: 0.25rem 0 0 0;
14
14
  @_sap_tnt_ToolPage_ContentShadow: 0 0 0 0.0625rem @sapContent_ShadowColor, 0 0.5rem 1rem 0 fade(@sapContent_ShadowColor, 16);
15
- @_sap_tnt_ToolPage_ContentBackgroundStandard: @sapBackgroundColor;
16
- @_sap_tnt_ToolPage_ContentBackgroundSolid: @sapBackgroundColor;
15
+ @_sap_tnt_ToolPage_ContentBackgroundStandard: @sapUiBaseBG;
16
+ @_sap_tnt_ToolPage_ContentBackgroundSolid: @sapUiBaseBG;
17
17
  @_sap_tnt_ToolPage_ContentBackgroundTransparent: transparent;
18
- @_sap_tnt_ToolPage_ContentBackgroundList: @sapGroup_ContentBackground;
18
+ @_sap_tnt_ToolPage_ContentBackgroundList: @sapUiGroupContentBackground;
19
19
  @_sap_tnt_ToolPage_ContentBorderRadius: 0.5rem 0.5rem 0 0;
20
20
  @_sap_tnt_ToolPage_ContentBorderRadiusTabletPhone: 0.5rem;
21
21
  @_sap_tnt_ToolPage_AsideCollapsedPhoneTransform: calc(~"-100% - 0.25rem");
@@ -6,7 +6,7 @@
6
6
  <copyright>OpenUI5
7
7
  * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
8
8
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
9
- <version>1.115.0</version>
9
+ <version>1.116.0</version>
10
10
 
11
11
  <documentation>SAPUI5 Horizon theme library.</documentation>
12
12
 
@@ -1,11 +1,11 @@
1
1
  // /**
2
- // * Copyright (c) 2012-2020 SAP SE or an SAP affiliate company. All rights reserved.
3
- // * Theming Engine 1.23030.0-20230404052500+08ab7f203f968a8915a46326f198b28734934650
4
- // * data:{"sModified":"2023-04-04T08:11:20Z"}
2
+ // * Copyright (c) 2012-2020 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.23050.0-20230523090303+e385b420d426b24bae1dee2743785a1448185388
4
+ // * data:{"sModified":"2023-05-25T10:12:25Z"}
5
5
  // */
6
6
 
7
7
 
8
- /******************* FILE /Base/baseLib/sap_horizon/base.less (Version 11.3.0) *******************/
8
+ /******************* FILE /Base/baseLib/sap_horizon/base.less (Version 11.4.2) *******************/
9
9
 
10
10
 
11
11
  // [Tags "SapInternal", "Base", "Dimension", "Protected"]
@@ -1030,7 +1030,7 @@
1030
1030
 
1031
1031
  // [Tags "!Protected"]
1032
1032
  // [Protected "!true"]
1033
- @sapButton_BorderColor: darken(@sapBackgroundColor, 4);
1033
+ @sapButton_BorderColor: darken(@sapBackgroundColor, 20);
1034
1034
 
1035
1035
  // [Tags "!Protected"]
1036
1036
  // [Protected "!true"]
@@ -214,6 +214,7 @@ html.sap-tablet:not(.sap-desktop) input, html.sap-tablet:not(.sap-desktop) texta
214
214
  font-weight: 400;
215
215
  src: url('fonts/72-Regular.woff2') format('woff2'),
216
216
  local('72');
217
+ unicode-range: U+00, U+0D, U+20-7E, U+A0-FF, U+131, U+152-153, U+161, U+178, U+17D-17E, U+192, U+237, U+2C6, U+2DC, U+3BC, U+1E9E, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122;
217
218
  }
218
219
 
219
220
  @font-face {
@@ -229,6 +230,7 @@ html.sap-tablet:not(.sap-desktop) input, html.sap-tablet:not(.sap-desktop) texta
229
230
  font-weight: 700;
230
231
  src: url('fonts/72-Bold.woff2') format('woff2'),
231
232
  local('72-Bold');
233
+ unicode-range: U+00, U+0D, U+20-7E, U+A0-FF, U+131, U+152-153, U+161, U+178, U+17D-17E, U+192, U+237, U+2C6, U+2DC, U+3BC, U+1E9E, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122;
232
234
  }
233
235
 
234
236
  @font-face {
@@ -244,6 +246,7 @@ html.sap-tablet:not(.sap-desktop) input, html.sap-tablet:not(.sap-desktop) texta
244
246
  font-weight: 300;
245
247
  src: url('fonts/72-Light.woff2') format('woff2'),
246
248
  local('72-Light');
249
+ unicode-range: U+00, U+0D, U+20-7E, U+A0-FF, U+131, U+152-153, U+161, U+178, U+17D-17E, U+192, U+237, U+2C6, U+2DC, U+3BC, U+1E9E, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122;
247
250
  }
248
251
 
249
252
  @font-face {
@@ -258,6 +261,7 @@ html.sap-tablet:not(.sap-desktop) input, html.sap-tablet:not(.sap-desktop) texta
258
261
  font-style: normal;
259
262
  src: url('fonts/72-Bold.woff2') format('woff2'),
260
263
  local('72-Bold');
264
+ unicode-range: U+00, U+0D, U+20-7E, U+A0-FF, U+131, U+152-153, U+161, U+178, U+17D-17E, U+192, U+237, U+2C6, U+2DC, U+3BC, U+1E9E, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122;
261
265
  }
262
266
 
263
267
  @font-face {
@@ -271,6 +275,7 @@ html.sap-tablet:not(.sap-desktop) input, html.sap-tablet:not(.sap-desktop) texta
271
275
  font-style: normal;
272
276
  src: url('fonts/72-Light.woff2') format('woff2'),
273
277
  local('72-Light');
278
+ unicode-range: U+00, U+0D, U+20-7E, U+A0-FF, U+131, U+152-153, U+161, U+178, U+17D-17E, U+192, U+237, U+2C6, U+2DC, U+3BC, U+1E9E, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122;
274
279
  }
275
280
 
276
281
  @font-face {
@@ -283,6 +288,7 @@ html.sap-tablet:not(.sap-desktop) input, html.sap-tablet:not(.sap-desktop) texta
283
288
  font-family: '72Mono';
284
289
  src: url('fonts/72Mono-Regular.woff2') format('woff2'),
285
290
  local('72Mono');
291
+ unicode-range: U+00, U+0D, U+20-7E, U+A0-FF, U+131, U+152-153, U+161, U+178, U+17D-17E, U+192, U+237, U+2C6, U+2DC, U+3BC, U+1E9E, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122;
286
292
  }
287
293
 
288
294
  @font-face {
@@ -294,6 +300,7 @@ html.sap-tablet:not(.sap-desktop) input, html.sap-tablet:not(.sap-desktop) texta
294
300
  font-family: '72Mono-Bold';
295
301
  src: url('fonts/72Mono-Bold.woff2') format('woff2'),
296
302
  local('72Mono-Bold');
303
+ unicode-range: U+00, U+0D, U+20-7E, U+A0-FF, U+131, U+152-153, U+161, U+178, U+17D-17E, U+192, U+237, U+2C6, U+2DC, U+3BC, U+1E9E, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122;
297
304
  }
298
305
 
299
306
  @font-face {
@@ -304,6 +311,7 @@ html.sap-tablet:not(.sap-desktop) input, html.sap-tablet:not(.sap-desktop) texta
304
311
  @font-face {
305
312
  font-family: '72Black';
306
313
  src: url('fonts/72-Black.woff2') format('woff2');
314
+ unicode-range: U+00, U+0D, U+20-7E, U+A0-FF, U+131, U+152-153, U+161, U+178, U+17D-17E, U+192, U+237, U+2C6, U+2DC, U+3BC, U+1E9E, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122;
307
315
  }
308
316
 
309
317
  @font-face {
@@ -314,6 +322,7 @@ html.sap-tablet:not(.sap-desktop) input, html.sap-tablet:not(.sap-desktop) texta
314
322
  @font-face {
315
323
  font-family: '72-SemiboldDuplex';
316
324
  src: url('fonts/72-SemiboldDuplex.woff2') format('woff2');
325
+ unicode-range: U+00, U+0D, U+20-7E, U+A0-FF, U+131, U+152-153, U+161, U+178, U+17D-17E, U+192, U+237, U+2C6, U+2DC, U+3BC, U+1E9E, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122;
317
326
  }
318
327
 
319
328
  @font-face {
@@ -321,100 +330,6 @@ html.sap-tablet:not(.sap-desktop) input, html.sap-tablet:not(.sap-desktop) texta
321
330
  src: url('fonts/72-SemiboldDuplex-full.woff2') format('woff2');
322
331
  }
323
332
 
324
- /**
325
- * Browsers synthesizes glyphs that have multiple diacritics from the basic glyphs. Some glyphs don't look right after
326
- * browsers' synthesis. Those glyphs need to be redirected to "72-full" where they are supported.
327
- *
328
- * Moreover, the diacritic Caron has a special vertical form used on tall characters. Those tall characters with Caron
329
- * aren't covered by the font '72' but browsers synthesize the letter without diacritic with the * standard combining
330
- * Caron (U+030C) which leads to the wrong display of those characters. Because those characters are * covered by the
331
- * '72-full' font, they are redirected to that font as well for being correctly displayed.
332
- *
333
- * U+0106: Ć
334
- * U+0108: Ĉ
335
- * U+010C: Č
336
- * U+010F: ď
337
- * U+013D-013E: Ľ, ľ
338
- * U+0143: Ń
339
- * U+0147-0148: Ň, ň
340
- * U+0154: Ŕ
341
- * U+0158: Ř
342
- * U+015A: Ś
343
- * U+015C-015D: Ŝ, ŝ
344
- * U+0164-0165: Ť, ť
345
- * U+0168-0169: Ũ, ũ
346
- * U+016E-016F: Ů, ů
347
- * U+0174-0177: Ŵ, ŵ, Ŷ, ŷ
348
- * U+0179: Ź
349
- * U+1EA4-1EA7: Ấ, ấ, Ầ, ầ
350
- * U+1EAA-1EAB: Ẫ, ẫ
351
- * U+1EBC-1EC1: Ẽ, ẽ, Ế, ế, Ề, ề
352
- * U+1EC4-1EC5: Ễ, ễ
353
- * U+1ED0-1ED3: Ố, ố, Ồ, ồ
354
- * U+1ED6-1ED7: Ỗ, ỗ
355
- */
356
- @font-face {
357
- font-family: '72';
358
- font-style: normal;
359
- font-weight: 400;
360
- unicode-range: U+0106, U+0108, U+010C, U+010F, U+013D-013E, U+0143, U+0147-0148, U+0154, U+0158, U+015A, U+015C-015D, U+0164-0165, U+0168-0169, U+016E-016F, U+0174-0177, U+0179, U+1EA4-1EA7, U+1EAA-1EAB, U+1EBC-1EC1, U+1EC4-1EC5, U+1ED0-1ED3, U+1ED6-1ED7;
361
- src: url('fonts/72-Regular-full.woff2') format('woff2');
362
- }
363
-
364
- @font-face {
365
- font-family: '72';
366
- font-style: normal;
367
- font-weight: 700;
368
- unicode-range: U+0106, U+0108, U+010C, U+010F, U+013D-013E, U+0143, U+0147-0148, U+0154, U+0158, U+015A, U+015C-015D, U+0164-0165, U+0168-0169, U+016E-016F, U+0174-0177, U+0179, U+1EA4-1EA7, U+1EAA-1EAB, U+1EBC-1EC1, U+1EC4-1EC5, U+1ED0-1ED3, U+1ED6-1ED7;
369
- src: url('fonts/72-Bold-full.woff2') format('woff2');
370
- }
371
-
372
- @font-face {
373
- font-family: '72';
374
- font-style: normal;
375
- font-weight: 300;
376
- unicode-range: U+0106, U+0108, U+010C, U+010F, U+013D-013E, U+0143, U+0147-0148, U+0154, U+0158, U+015A, U+015C-015D, U+0164-0165, U+0168-0169, U+016E-016F, U+0174-0177, U+0179, U+1EA4-1EA7, U+1EAA-1EAB, U+1EBC-1EC1, U+1EC4-1EC5, U+1ED0-1ED3, U+1ED6-1ED7;
377
- src: url('fonts/72-Light-full.woff2') format('woff2');
378
- }
379
-
380
- @font-face {
381
- font-family: '72-Bold';
382
- font-style: normal;
383
- unicode-range: U+0106, U+0108, U+010C, U+010F, U+013D-013E, U+0143, U+0147-0148, U+0154, U+0158, U+015A, U+015C-015D, U+0164-0165, U+0168-0169, U+016E-016F, U+0174-0177, U+0179, U+1EA4-1EA7, U+1EAA-1EAB, U+1EBC-1EC1, U+1EC4-1EC5, U+1ED0-1ED3, U+1ED6-1ED7;
384
- src: url('fonts/72-Bold-full.woff2') format('woff2');
385
- }
386
-
387
- @font-face {
388
- font-family: '72-Light';
389
- font-style: normal;
390
- unicode-range: U+0106, U+0108, U+010C, U+010F, U+013D-013E, U+0143, U+0147-0148, U+0154, U+0158, U+015A, U+015C-015D, U+0164-0165, U+0168-0169, U+016E-016F, U+0174-0177, U+0179, U+1EA4-1EA7, U+1EAA-1EAB, U+1EBC-1EC1, U+1EC4-1EC5, U+1ED0-1ED3, U+1ED6-1ED7;
391
- src: url('fonts/72-Light-full.woff2') format('woff2');
392
- }
393
-
394
- @font-face {
395
- font-family: '72Mono';
396
- unicode-range: U+0106, U+0108, U+010C, U+010F, U+013D-013E, U+0143, U+0147-0148, U+0154, U+0158, U+015A, U+015C-015D, U+0164-0165, U+0168-0169, U+016E-016F, U+0174-0177, U+0179, U+1EA4-1EA7, U+1EAA-1EAB, U+1EBC-1EC1, U+1EC4-1EC5, U+1ED0-1ED3, U+1ED6-1ED7;
397
- src: url('fonts/72Mono-Regular-full.woff2') format('woff2');
398
- }
399
-
400
- @font-face {
401
- font-family: '72Mono-Bold';
402
- unicode-range: U+0106, U+0108, U+010C, U+010F, U+013D-013E, U+0143, U+0147-0148, U+0154, U+0158, U+015A, U+015C-015D, U+0164-0165, U+0168-0169, U+016E-016F, U+0174-0177, U+0179, U+1EA4-1EA7, U+1EAA-1EAB, U+1EBC-1EC1, U+1EC4-1EC5, U+1ED0-1ED3, U+1ED6-1ED7;
403
- src: url('fonts/72Mono-Bold-full.woff2') format('woff2');
404
- }
405
-
406
- @font-face {
407
- font-family: '72Black';
408
- unicode-range: U+0106, U+0108, U+010C, U+010F, U+013D-013E, U+0143, U+0147-0148, U+0154, U+0158, U+015A, U+015C-015D, U+0164-0165, U+0168-0169, U+016E-016F, U+0174-0177, U+0179, U+1EA4-1EA7, U+1EAA-1EAB, U+1EBC-1EC1, U+1EC4-1EC5, U+1ED0-1ED3, U+1ED6-1ED7;
409
- src: url('fonts/72-Black-full.woff2') format('woff2');
410
- }
411
-
412
- @font-face {
413
- font-family: '72-SemiboldDuplex';
414
- unicode-range: U+0106, U+0108, U+010C, U+010F, U+013D-013E, U+0143, U+0147-0148, U+0154, U+0158, U+015A, U+015C-015D, U+0164-0165, U+0168-0169, U+016E-016F, U+0174-0177, U+0179, U+1EA4-1EA7, U+1EAA-1EAB, U+1EBC-1EC1, U+1EC4-1EC5, U+1ED0-1ED3, U+1ED6-1ED7;
415
- src: url('fonts/72-SemiboldDuplex-full.woff2') format('woff2');
416
- }
417
-
418
333
  // Responsive paddings
419
334
  .sapUi-Std-PaddingS {
420
335
  padding-left: 1rem !important;
@@ -6,7 +6,7 @@
6
6
  <copyright>OpenUI5
7
7
  * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
8
8
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
9
- <version>1.115.0</version>
9
+ <version>1.116.0</version>
10
10
 
11
11
  <documentation>SAPUI5 Evening Horizon theme library.</documentation>
12
12
 
@@ -1,11 +1,11 @@
1
1
  // /**
2
- // * Copyright (c) 2012-2020 SAP SE or an SAP affiliate company. All rights reserved.
3
- // * Theming Engine 1.23030.0-20230404052500+08ab7f203f968a8915a46326f198b28734934650
4
- // * data:{"sModified":"2023-04-04T08:11:20Z"}
2
+ // * Copyright (c) 2012-2020 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.23050.0-20230523090303+e385b420d426b24bae1dee2743785a1448185388
4
+ // * data:{"sModified":"2023-05-25T10:12:25Z"}
5
5
  // */
6
6
 
7
7
 
8
- /******************* FILE /Base/baseLib/sap_horizon_dark/base.less (Version 11.3.0) *******************/
8
+ /******************* FILE /Base/baseLib/sap_horizon_dark/base.less (Version 11.4.2) *******************/
9
9
 
10
10
 
11
11
  // [Tags "SapInternal", "Base", "Dimension", "Protected"]
@@ -1030,7 +1030,7 @@
1030
1030
 
1031
1031
  // [Tags "!Protected"]
1032
1032
  // [Protected "!true"]
1033
- @sapButton_BorderColor: lighten(@sapBackgroundColor, 14);
1033
+ @sapButton_BorderColor: lighten(@sapBackgroundColor, 20);
1034
1034
 
1035
1035
  // [Tags "!Protected"]
1036
1036
  // [Protected "!true"]