@openui5/themelib_sap_horizon 1.138.0 → 1.140.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 (69) hide show
  1. package/README.md +1 -1
  2. package/REUSE.toml +8 -1
  3. package/THIRDPARTY.txt +72 -66
  4. package/package.json +19 -19
  5. package/src/sap/m/themes/sap_horizon/Button.less +14 -19
  6. package/src/sap/m/themes/sap_horizon/CheckBox.less +16 -1
  7. package/src/sap/m/themes/sap_horizon/IconTabBar.less +0 -8
  8. package/src/sap/m/themes/sap_horizon/InputBase.less +2 -1
  9. package/src/sap/m/themes/sap_horizon/MessageView.less +1 -1
  10. package/src/sap/m/themes/sap_horizon/ObjectStatus.less +5 -3
  11. package/src/sap/m/themes/sap_horizon/Panel.less +1 -1
  12. package/src/sap/m/themes/sap_horizon/Select.less +1 -1
  13. package/src/sap/m/themes/sap_horizon/Switch.less +12 -9
  14. package/src/sap/m/themes/sap_horizon/Tokenizer.less +0 -1
  15. package/src/sap/m/themes/sap_horizon_dark/Button.less +14 -19
  16. package/src/sap/m/themes/sap_horizon_dark/CheckBox.less +16 -1
  17. package/src/sap/m/themes/sap_horizon_dark/IconTabBar.less +0 -8
  18. package/src/sap/m/themes/sap_horizon_dark/InputBase.less +2 -1
  19. package/src/sap/m/themes/sap_horizon_dark/MessageView.less +1 -1
  20. package/src/sap/m/themes/sap_horizon_dark/ObjectStatus.less +5 -3
  21. package/src/sap/m/themes/sap_horizon_dark/Panel.less +1 -1
  22. package/src/sap/m/themes/sap_horizon_dark/Select.less +1 -1
  23. package/src/sap/m/themes/sap_horizon_dark/Switch.less +12 -9
  24. package/src/sap/m/themes/sap_horizon_hcb/Button.less +1 -1
  25. package/src/sap/m/themes/sap_horizon_hcb/CheckBox.less +16 -1
  26. package/src/sap/m/themes/sap_horizon_hcb/IconTabBar.less +0 -4
  27. package/src/sap/m/themes/sap_horizon_hcb/MessageView.less +1 -1
  28. package/src/sap/m/themes/sap_horizon_hcb/ObjectListItem.less +1 -0
  29. package/src/sap/m/themes/sap_horizon_hcb/ObjectStatus.less +16 -16
  30. package/src/sap/m/themes/sap_horizon_hcb/Switch.less +12 -9
  31. package/src/sap/m/themes/sap_horizon_hcw/Button.less +1 -1
  32. package/src/sap/m/themes/sap_horizon_hcw/CheckBox.less +16 -1
  33. package/src/sap/m/themes/sap_horizon_hcw/IconTabBar.less +0 -4
  34. package/src/sap/m/themes/sap_horizon_hcw/MessageView.less +1 -1
  35. package/src/sap/m/themes/sap_horizon_hcw/ObjectListItem.less +1 -0
  36. package/src/sap/m/themes/sap_horizon_hcw/ObjectStatus.less +16 -15
  37. package/src/sap/m/themes/sap_horizon_hcw/Switch.less +12 -9
  38. package/src/sap/tnt/themes/sap_horizon/NavigationList.less +0 -1
  39. package/src/sap/tnt/themes/sap_horizon/ToolHeader.less +3 -3
  40. package/src/sap/tnt/themes/sap_horizon_dark/NavigationList.less +0 -1
  41. package/src/sap/tnt/themes/sap_horizon_dark/ToolHeader.less +3 -3
  42. package/src/sap/tnt/themes/sap_horizon_hcb/NavigationList.less +0 -1
  43. package/src/sap/tnt/themes/sap_horizon_hcb/ToolHeader.less +3 -3
  44. package/src/sap/tnt/themes/sap_horizon_hcw/NavigationList.less +0 -1
  45. package/src/sap/tnt/themes/sap_horizon_hcw/ToolHeader.less +3 -3
  46. package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
  47. package/src/sap/ui/core/themes/sap_horizon/base.less +5 -5
  48. package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
  49. package/src/sap/ui/core/themes/sap_horizon_dark/base.less +3 -3
  50. package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
  51. package/src/sap/ui/core/themes/sap_horizon_hcb/base.less +3 -3
  52. package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
  53. package/src/sap/ui/core/themes/sap_horizon_hcw/base.less +3 -3
  54. package/src/sap/ui/layout/themes/sap_horizon/FormLayout.less +1 -11
  55. package/src/sap/ui/layout/themes/sap_horizon_dark/FormLayout.less +1 -11
  56. package/src/sap/ui/layout/themes/sap_horizon_hcb/FormLayout.less +1 -8
  57. package/src/sap/ui/layout/themes/sap_horizon_hcw/FormLayout.less +1 -8
  58. package/src/sap/ui/mdc/themes/sap_horizon/TokenizerDisplay.less +8 -0
  59. package/src/sap/ui/mdc/themes/sap_horizon/ValueHelpDialog.less +8 -1
  60. package/src/sap/ui/mdc/themes/sap_horizon_dark/TokenizerDisplay.less +8 -0
  61. package/src/sap/ui/mdc/themes/sap_horizon_dark/ValueHelpDialog.less +7 -0
  62. package/src/sap/ui/rta/themes/sap_horizon/ContextMenu.less +3 -3
  63. package/src/sap/ui/rta/themes/sap_horizon/Dialogs.less +2 -2
  64. package/src/sap/ui/rta/themes/sap_horizon/Toolbar.adaptation.less +10 -10
  65. package/src/sap/ui/rta/themes/sap_horizon/Toolbar.base.less +2 -2
  66. package/src/sap/ui/rta/themes/sap_horizon_dark/ContextMenu.less +3 -3
  67. package/src/sap/ui/rta/themes/sap_horizon_dark/Dialogs.less +2 -2
  68. package/src/sap/ui/rta/themes/sap_horizon_dark/Toolbar.adaptation.less +12 -12
  69. package/src/sap/ui/rta/themes/sap_horizon_dark/Toolbar.base.less +2 -2
@@ -73,7 +73,7 @@
73
73
 
74
74
  .sapMMsgView .sapMIBar.sapMHeader-CTX {
75
75
  background-color: var(--sapGroup_ContentBackground);
76
- padding-left: 1rem;
76
+ padding: 0 1rem;
77
77
  }
78
78
 
79
79
  .sapMMsgViewDescIcon {
@@ -8,6 +8,7 @@
8
8
  .sapMLIBHoverable:hover .sapMObjectNumberText,
9
9
  .sapMLIBHoverable:hover .sapMObjectNumberUnit {
10
10
  color: var(--sapList_Active_TextColor);
11
+ text-shadow: none;
11
12
  }
12
13
 
13
14
  .sapMText.sapMObjLTitle {
@@ -182,6 +182,10 @@
182
182
  padding: 0.1875rem 0.313rem;
183
183
  }
184
184
 
185
+ .sapMObjStatusInverted .sapMObjStatusTitle {
186
+ vertical-align: middle;
187
+ }
188
+
185
189
  .sapMObjStatusInverted .sapMObjStatusText {
186
190
  padding: 0.1875rem 0.25rem;
187
191
  }
@@ -577,34 +581,31 @@
577
581
  background-color: var(--sapIndicationColor_10b_Hover_Background);
578
582
  }
579
583
 
580
- html.sap-desktop .sapMObjStatusActive:focus .sapMObjStatusLink::after {
581
- top: 0.125rem;
582
- left: 0.125rem;
583
- bottom: 0.0625rem;
584
- right: 0.125rem;
585
- outline: 0.125rem dotted var(--sapContent_FocusColor);
586
- }
587
584
 
588
585
  .sapMListTbl .sapMObjStatusInverted .sapMObjStatusIcon > .sapUiIcon:not(.sapMLIBImgNav):not(.sapMBtnIcon),
589
586
  .sapMObjStatusInverted:not(.sapMObjectStatusLarge) .sapMObjStatusIcon > .sapUiIcon {
590
587
  height: 0.875rem;
591
588
  }
592
589
 
590
+ .sapMObjStatusLink {
591
+ line-height: 0.5rem;
592
+ }
593
+
593
594
  html.sap-desktop .sapMObjStatusActive:focus {
594
595
 
595
596
  .sapMObjStatusLink::after {
596
- top: -1px;
597
- left: 1px;
598
- bottom: -1px;
599
- right: 1px;
597
+ top: 0;
598
+ left: 0;
599
+ bottom: 0;
600
+ right: 0;
600
601
  outline: 2px dotted var(--sapContent_FocusColor);
601
602
  }
602
603
 
603
604
  &.sapMObjStatusInverted .sapMObjStatusLink::after {
604
- top: -1px;
605
- left: 2px;
606
- bottom: -1px;
607
- right: 2px;
605
+ top: 3px;
606
+ left: 3px;
607
+ bottom: 3px;
608
+ right: 3px;
608
609
 
609
610
  .sapMObjStatusIcon > .sapUiIcon {
610
611
  line-height: 0.875rem;
@@ -5,30 +5,33 @@
5
5
 
6
6
  /* Switch container */
7
7
  .sapMSwtCont {
8
- overflow: hidden;
8
+ overflow: visible;
9
9
  /* in order to have a touchable area of 2.75rem height and 3.5rem width */
10
- padding: 0.625rem 0.5rem;
10
+ padding: 0.625rem 0;
11
11
  }
12
12
 
13
13
  /* focus */
14
14
  html.sap-desktop {
15
15
 
16
- .sapMSwtCont:focus > .sapMSwt::before {
16
+ .sapMSwtCont:focus::after {
17
17
  content: ' ';
18
18
  position: absolute;
19
19
  display: block;
20
- top: -0.3125rem;
21
- left: -0.3125rem;
22
- bottom: -0.3125rem;
23
- right: -0.3125rem;
20
+ top: 0.375rem;
21
+ left: -0.25rem;
22
+ bottom: 0.375rem;
23
+ right: -0.25rem;
24
24
  border: 0.125rem solid var(--sapContent_FocusColor);
25
25
  border-radius: 1rem;
26
+ pointer-events: none;
26
27
  }
27
28
 
28
29
  .sapUiSizeCompact {
29
30
 
30
- .sapMSwtCont:focus > .sapMSwt::before {
31
+ .sapMSwtCont:focus::after {
31
32
  border-radius: 0.875rem;
33
+ top: 0.125rem;
34
+ bottom: 0.125rem;
32
35
  }
33
36
  }
34
37
  }
@@ -37,7 +40,7 @@ html.sap-desktop {
37
40
  .sapMSwt {
38
41
  width: 2.875rem;
39
42
  height: 1.5rem;
40
- overflow: visible;
43
+ overflow: hidden;
41
44
  border: none;
42
45
  margin: 0;
43
46
  border-radius: 0.75rem;
@@ -24,7 +24,6 @@
24
24
  @_sap_tnt_NavigationList_GroupIconMarginRight: 0.5rem;
25
25
  @_sap_tnt_NavigationList_ParentItemBottomMarginInPopup: 0.5rem;
26
26
  @_sap_tnt_NavigationList_GroupTextWeight: bold;
27
- @_sap_tnt_NavigationList_GroupPadding: 0;
28
27
  @_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
29
28
  @_sap_tnt_NavigationList_Padding: 0.5rem 0.5rem 0 0.5rem;
30
29
  @_sap_tnt_NavigationList_PaddingFixed: 0 0.5rem 0.5rem 0.5rem;
@@ -157,9 +157,9 @@
157
157
  .sapMTitle {
158
158
  text-shadow: none;
159
159
  line-height: 1.625rem;
160
- font-size: 1.125rem;
161
- font-weight: bold;
162
- color: var(--sapShell_TextColor);
160
+ font-size: var(-sapFontHeader5Size);
161
+ font-family: var(--sapFontSemiboldDuplexFamily);
162
+ color: var(--sapShell_SubBrand_TextColor);
163
163
  }
164
164
 
165
165
  .sapMText,
@@ -24,7 +24,6 @@
24
24
  @_sap_tnt_NavigationList_GroupIconMarginRight: 0.5rem;
25
25
  @_sap_tnt_NavigationList_ParentItemBottomMarginInPopup: 0.5rem;
26
26
  @_sap_tnt_NavigationList_GroupTextWeight: bold;
27
- @_sap_tnt_NavigationList_GroupPadding: 0;
28
27
  @_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
29
28
  @_sap_tnt_NavigationList_Padding: 0.5rem 0.5rem 0 0.5rem;
30
29
  @_sap_tnt_NavigationList_PaddingFixed: 0 0.5rem 0.5rem 0.5rem;
@@ -158,9 +158,9 @@
158
158
  .sapMTitle {
159
159
  text-shadow: none;
160
160
  line-height: 1.625rem;
161
- font-size: 1.125rem;
162
- font-weight: bold;
163
- color: var(--sapShell_TextColor);
161
+ font-size: var(-sapFontHeader5Size);
162
+ font-family: var(--sapFontSemiboldDuplexFamily);
163
+ color: var(--sapShell_SubBrand_TextColor);
164
164
  }
165
165
 
166
166
  .sapMText,
@@ -25,7 +25,6 @@
25
25
  @_sap_tnt_NavigationList_GroupIconWidthExpanded: 1rem;
26
26
  @_sap_tnt_NavigationList_GroupIconMarginLeft: 1rem;
27
27
  @_sap_tnt_NavigationList_GroupIconMarginRight: 0.5rem;
28
- @_sap_tnt_NavigationList_GroupPadding: 0;
29
28
  @_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
30
29
  @_sap_tnt_NavigationList_Padding: 0.5rem 0.5rem 0 0.5rem;
31
30
  @_sap_tnt_NavigationList_PaddingFixed: 0 0.5rem 0.5rem 0.5rem;
@@ -165,9 +165,9 @@
165
165
  .sapMTitle {
166
166
  text-shadow: none;
167
167
  line-height: 1.625rem;
168
- font-size: 1.125rem;
169
- font-weight: bold;
170
- color: var(--sapShell_TextColor);
168
+ font-size: var(-sapFontHeader5Size);
169
+ font-family: var(--sapFontSemiboldDuplexFamily);
170
+ color: var(--sapShell_SubBrand_TextColor);
171
171
  }
172
172
 
173
173
  .sapMText,
@@ -25,7 +25,6 @@
25
25
  @_sap_tnt_NavigationList_GroupIconWidthExpanded: 1rem;
26
26
  @_sap_tnt_NavigationList_GroupIconMarginLeft: 1rem;
27
27
  @_sap_tnt_NavigationList_GroupIconMarginRight: 0.5rem;
28
- @_sap_tnt_NavigationList_GroupPadding: 0;
29
28
  @_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
30
29
  @_sap_tnt_NavigationList_Padding: 0.5rem 0.5rem 0 0.5rem;
31
30
  @_sap_tnt_NavigationList_PaddingFixed: 0 0.5rem 0.5rem 0.5rem;
@@ -165,9 +165,9 @@
165
165
  .sapMTitle {
166
166
  text-shadow: none;
167
167
  line-height: 1.625rem;
168
- font-size: 1.125rem;
169
- font-weight: bold;
170
- color: var(--sapShell_TextColor);
168
+ font-size: var(-sapFontHeader5Size);
169
+ font-family: var(--sapFontSemiboldDuplexFamily);
170
+ color: var(--sapShell_SubBrand_TextColor);
171
171
  }
172
172
 
173
173
  .sapMText,
@@ -6,7 +6,7 @@
6
6
  <copyright>OpenUI5
7
7
  * (c) Copyright 2025 SAP SE or an SAP affiliate company.
8
8
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
9
- <version>1.138.0</version>
9
+ <version>1.140.0</version>
10
10
 
11
11
  <documentation>SAPUI5 Horizon theme library.</documentation>
12
12
 
@@ -1,11 +1,11 @@
1
1
  // /**
2
2
  // * Copyright (c) 2012-2025 SAP SE or an SAP affiliate company. All rights reserved.
3
- // * Theming Engine 16.0.7
4
- // * data:{"sModified":"2025-06-12T08:20:10Z"}
3
+ // * Theming Engine 16.0.13
4
+ // * data:{"sModified":"2025-07-11T07:56:16Z"}
5
5
  // */
6
6
 
7
7
 
8
- /******************* FILE /Base/baseLib/sap_horizon/base.less (Version 11.31.0) *******************/
8
+ /******************* FILE /Base/baseLib/sap_horizon/base.less (Version 11.31.1) *******************/
9
9
 
10
10
 
11
11
  // [Tags "SapInternal", "Base", "Dimension", "Protected"]
@@ -3633,7 +3633,7 @@
3633
3633
  @sapChart_Sequence_2_Minus3: darken(@sapChart_Sequence_2, 20);
3634
3634
  @sapChart_Sequence_2_Minus3_TextColor: contrast(@sapChart_Sequence_2_Minus3, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .5);
3635
3635
  @sapChart_Sequence_2_Minus3_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_2_Minus3_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold);
3636
- @sapChart_Sequence_2_Minus4: darken(@sapChart_Sequence_2, 20);
3636
+ @sapChart_Sequence_2_Minus4: darken(@sapChart_Sequence_2, 25);
3637
3637
  @sapChart_Sequence_2_Minus4_TextColor: contrast(@sapChart_Sequence_2_Minus4, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .5);
3638
3638
  @sapChart_Sequence_2_Minus4_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_2_Minus4_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold);
3639
3639
  @sapChart_Sequence_2_Minus5: darken(@sapChart_Sequence_2, 30);
@@ -3915,7 +3915,7 @@
3915
3915
  @sapChart_Sequence_11_Minus4: darken(desaturate(@sapChart_Sequence_11, 20), 32);
3916
3916
  @sapChart_Sequence_11_Minus4_TextColor: contrast(@sapChart_Sequence_11_Minus4, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45);
3917
3917
  @sapChart_Sequence_11_Minus4_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_11_Minus4_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold);
3918
- @sapChart_Sequence_11_Minus5: darken(desaturate(@sapChart_Sequence_11, 20), 24);
3918
+ @sapChart_Sequence_11_Minus5: darken(desaturate(@sapChart_Sequence_11, 20), 42);
3919
3919
  @sapChart_Sequence_11_Minus5_TextColor: contrast(@sapChart_Sequence_11_Minus5, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45);
3920
3920
  @sapChart_Sequence_11_Minus5_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_11_Minus5_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold);
3921
3921
  @sapChart_Sequence_12_Plus3: lighten(desaturate(@sapChart_Sequence_12, 1), 35);
@@ -6,7 +6,7 @@
6
6
  <copyright>OpenUI5
7
7
  * (c) Copyright 2025 SAP SE or an SAP affiliate company.
8
8
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
9
- <version>1.138.0</version>
9
+ <version>1.140.0</version>
10
10
 
11
11
  <documentation>SAPUI5 Evening Horizon theme library.</documentation>
12
12
 
@@ -1,11 +1,11 @@
1
1
  // /**
2
2
  // * Copyright (c) 2012-2025 SAP SE or an SAP affiliate company. All rights reserved.
3
- // * Theming Engine 16.0.7
4
- // * data:{"sModified":"2025-06-12T08:20:10Z"}
3
+ // * Theming Engine 16.0.13
4
+ // * data:{"sModified":"2025-07-11T07:56:16Z"}
5
5
  // */
6
6
 
7
7
 
8
- /******************* FILE /Base/baseLib/sap_horizon_dark/base.less (Version 11.31.0) *******************/
8
+ /******************* FILE /Base/baseLib/sap_horizon_dark/base.less (Version 11.31.1) *******************/
9
9
 
10
10
 
11
11
  // [Tags "SapInternal", "Base", "Dimension", "Protected"]
@@ -6,7 +6,7 @@
6
6
  <copyright>OpenUI5
7
7
  * (c) Copyright 2025 SAP SE or an SAP affiliate company.
8
8
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
9
- <version>1.138.0</version>
9
+ <version>1.140.0</version>
10
10
 
11
11
  <documentation>SAPUI5 horizon high contrast black theme library.</documentation>
12
12
 
@@ -1,11 +1,11 @@
1
1
  // /**
2
2
  // * Copyright (c) 2012-2025 SAP SE or an SAP affiliate company. All rights reserved.
3
- // * Theming Engine 16.0.7
4
- // * data:{"sModified":"2025-06-12T08:20:10Z"}
3
+ // * Theming Engine 16.0.13
4
+ // * data:{"sModified":"2025-07-11T07:56:16Z"}
5
5
  // */
6
6
 
7
7
 
8
- /******************* FILE /Base/baseLib/sap_horizon_hcb/base.less (Version 11.31.0) *******************/
8
+ /******************* FILE /Base/baseLib/sap_horizon_hcb/base.less (Version 11.31.1) *******************/
9
9
 
10
10
 
11
11
  // [Tags "SapInternal", "Base", "Dimension", "Protected"]
@@ -6,7 +6,7 @@
6
6
  <copyright>OpenUI5
7
7
  * (c) Copyright 2025 SAP SE or an SAP affiliate company.
8
8
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
9
- <version>1.138.0</version>
9
+ <version>1.140.0</version>
10
10
 
11
11
  <documentation>SAPUI5 horizon high contrast white theme library.</documentation>
12
12
 
@@ -1,11 +1,11 @@
1
1
  // /**
2
2
  // * Copyright (c) 2012-2025 SAP SE or an SAP affiliate company. All rights reserved.
3
- // * Theming Engine 16.0.7
4
- // * data:{"sModified":"2025-06-12T08:20:10Z"}
3
+ // * Theming Engine 16.0.13
4
+ // * data:{"sModified":"2025-07-11T07:56:16Z"}
5
5
  // */
6
6
 
7
7
 
8
- /******************* FILE /Base/baseLib/sap_horizon_hcw/base.less (Version 11.31.0) *******************/
8
+ /******************* FILE /Base/baseLib/sap_horizon_hcw/base.less (Version 11.31.1) *******************/
9
9
 
10
10
 
11
11
  // [Tags "SapInternal", "Base", "Dimension", "Protected"]
@@ -14,9 +14,6 @@
14
14
  }
15
15
 
16
16
  .sapUiForm .sapUiFormTitle {
17
- border-width: 1px;
18
- border-color: var(--sapGroup_TitleBorderColor);
19
- font-family: var(--sapFontHeaderFamily);
20
17
  height: 2.75rem;
21
18
  line-height: 2.75rem;
22
19
  }
@@ -36,12 +33,11 @@
36
33
  }
37
34
 
38
35
  /* Title levels should be all rendered in same style. Levels can be changed by application to meet page structure without visual effect */
39
- /* Form Titles are rendered using H4 level, but H5 size */
36
+ /* Form Titles are rendered using H4 level, but H5 size (no need to overwrite H5 class, as already set in Base-Theme)*/
40
37
  .sapUiFormTitleH1,
41
38
  .sapUiFormTitleH2,
42
39
  .sapUiFormTitleH3,
43
40
  .sapUiFormTitleH4,
44
- .sapUiFormTitleH5,
45
41
  .sapUiFormTitleH6 {
46
42
  font-size: var(--sapFontHeader5Size);
47
43
  }
@@ -54,15 +50,9 @@
54
50
  .sapUiFormContainerTitle .sapUiFormTitleH5,
55
51
  .sapUiFormContainerTitle .sapUiFormTitleH6 {
56
52
  font-size: var(--sapFontHeader6Size);
57
- color: var(--sapGroup_TitleTextColor);
58
- font-weight: bold;
59
53
  }
60
54
 
61
55
  /* Toolbar */
62
- .sapUiFormContainerToolbar > div:first-child > .sapMTitle {
63
- font-weight: bold;
64
- }
65
-
66
56
  .sapUiFormToolbar > div:first-child >.sapMTitle.sapMTitleStyleAuto {
67
57
  font-size: var(--sapFontHeader5Size);
68
58
  }
@@ -14,9 +14,6 @@
14
14
  }
15
15
 
16
16
  .sapUiForm .sapUiFormTitle {
17
- border-width: 1px;
18
- border-color: var(--sapGroup_TitleBorderColor);
19
- font-family: var(--sapFontHeaderFamily);
20
17
  height: 2.75rem;
21
18
  line-height: 2.75rem;
22
19
  }
@@ -36,12 +33,11 @@
36
33
  }
37
34
 
38
35
  /* Title levels should be all rendered in same style. Levels can be changed by application to meet page structure without visual effect */
39
- /* Form Titles are rendered using H4 level, but H5 size */
36
+ /* Form Titles are rendered using H4 level, but H5 size (no need to overwrite H5 class, as already set in Base-Theme)*/
40
37
  .sapUiFormTitleH1,
41
38
  .sapUiFormTitleH2,
42
39
  .sapUiFormTitleH3,
43
40
  .sapUiFormTitleH4,
44
- .sapUiFormTitleH5,
45
41
  .sapUiFormTitleH6 {
46
42
  font-size: var(--sapFontHeader5Size);
47
43
  }
@@ -54,15 +50,9 @@
54
50
  .sapUiFormContainerTitle .sapUiFormTitleH5,
55
51
  .sapUiFormContainerTitle .sapUiFormTitleH6 {
56
52
  font-size: var(--sapFontHeader6Size);
57
- color: var(--sapGroup_TitleTextColor);
58
- font-weight: bold;
59
53
  }
60
54
 
61
55
  /* Toolbar */
62
- .sapUiFormContainerToolbar > div:first-child > .sapMTitle {
63
- font-weight: bold;
64
- }
65
-
66
56
  .sapUiFormToolbar > div:first-child >.sapMTitle.sapMTitleStyleAuto {
67
57
  font-size: var(--sapFontHeader5Size);
68
58
  }
@@ -21,12 +21,11 @@
21
21
  }
22
22
 
23
23
  /* Title levels should be all rendered in same style. Levels can be changed by application to meet page structure without visual effect */
24
- /* Form Titles are rendered using H4 level, but H5 size */
24
+ /* Form Titles are rendered using H4 level, but H5 size (no need to overwrite H5 class, as already set in Base-Theme)*/
25
25
  .sapUiFormTitleH1,
26
26
  .sapUiFormTitleH2,
27
27
  .sapUiFormTitleH3,
28
28
  .sapUiFormTitleH4,
29
- .sapUiFormTitleH5,
30
29
  .sapUiFormTitleH6 {
31
30
  font-size: var(--sapFontHeader5Size);
32
31
  }
@@ -39,15 +38,9 @@
39
38
  .sapUiFormContainerTitle .sapUiFormTitleH5,
40
39
  .sapUiFormContainerTitle .sapUiFormTitleH6 {
41
40
  font-size: var(--sapFontHeader6Size);
42
- color: var(--sapGroup_TitleTextColor);
43
- font-weight: bold;
44
41
  }
45
42
 
46
43
  /* Toolbar */
47
- .sapUiFormContainerToolbar > div:first-child > .sapMTitle {
48
- font-weight: bold;
49
- }
50
-
51
44
  .sapUiFormToolbar > div:first-child >.sapMTitle.sapMTitleStyleAuto {
52
45
  font-size: var(--sapFontHeader5Size);
53
46
  }
@@ -21,12 +21,11 @@
21
21
  }
22
22
 
23
23
  /* Title levels should be all rendered in same style. Levels can be changed by application to meet page structure without visual effect */
24
- /* Form Titles are rendered using H4 level, but H5 size */
24
+ /* Form Titles are rendered using H4 level, but H5 size (no need to overwrite H5 class, as already set in Base-Theme)*/
25
25
  .sapUiFormTitleH1,
26
26
  .sapUiFormTitleH2,
27
27
  .sapUiFormTitleH3,
28
28
  .sapUiFormTitleH4,
29
- .sapUiFormTitleH5,
30
29
  .sapUiFormTitleH6 {
31
30
  font-size: var(--sapFontHeader5Size);
32
31
  }
@@ -39,15 +38,9 @@
39
38
  .sapUiFormContainerTitle .sapUiFormTitleH5,
40
39
  .sapUiFormContainerTitle .sapUiFormTitleH6 {
41
40
  font-size: var(--sapFontHeader6Size);
42
- color: var(--sapGroup_TitleTextColor);
43
- font-weight: bold;
44
41
  }
45
42
 
46
43
  /* Toolbar */
47
- .sapUiFormContainerToolbar > div:first-child > .sapMTitle {
48
- font-weight: bold;
49
- }
50
-
51
44
  .sapUiFormToolbar > div:first-child >.sapMTitle.sapMTitleStyleAuto {
52
45
  font-size: var(--sapFontHeader5Size);
53
46
  }
@@ -6,4 +6,12 @@
6
6
  html.sap-desktop .sapUiMdcTokenizerDisplay.sapMTokenizer:focus {
7
7
  outline: none;
8
8
  box-shadow: none;
9
+ }
10
+
11
+ .sapUiMdcTokenizerDisplay .sapMTokenizerIndicator:focus {
12
+ border-radius: 0.125rem;
13
+ background-color: var(--sapContent_FocusColor);
14
+ color: var(--sapContent_ContrastTextColor);
15
+ text-shadow: none;
16
+ outline: none;
9
17
  }
@@ -19,4 +19,11 @@
19
19
 
20
20
  .sapMdcValueHelpPanel .sapMITBContent {
21
21
  background-color: transparent;
22
- }
22
+ }
23
+
24
+ .sapMdcTokenizerPanel .sapMTokenizer {
25
+ border-top: 0;
26
+ border-left: 0;
27
+ border-right: 0;
28
+ box-shadow: @sapUiFieldShadow;
29
+ }
@@ -6,4 +6,12 @@
6
6
  html.sap-desktop .sapUiMdcTokenizerDisplay.sapMTokenizer:focus {
7
7
  outline: none;
8
8
  box-shadow: none;
9
+ }
10
+
11
+ .sapUiMdcTokenizerDisplay .sapMTokenizerIndicator:focus {
12
+ border-radius: 0.125rem;
13
+ background-color: var(--sapContent_FocusColor);
14
+ color: var(--sapContent_ContrastTextColor);
15
+ text-shadow: none;
16
+ outline: none;
9
17
  }
@@ -19,4 +19,11 @@
19
19
 
20
20
  .sapMdcValueHelpPanel .sapMITBContent {
21
21
  background-color: transparent;
22
+ }
23
+
24
+ .sapMdcTokenizerPanel .sapMTokenizer {
25
+ border-top: 0;
26
+ border-left: 0;
27
+ border-right: 0;
28
+ box-shadow: @sapUiFieldShadow;
22
29
  }
@@ -1,9 +1,9 @@
1
1
  /******************************************************************
2
2
  Style of the RTA Contextmenu - Horizon Theme
3
3
  *******************************************************************/
4
- @_sap_ui_rta_ContextMenu_BorderLightColor: @sapUiShellBorderColor; //#fff
5
- @_sap_ui_rta_ContextMenu_BorderDarkColor: @sapUiShellSelectedTextColor; //#0070f2
6
- @_sap_ui_rta_ContextMenu_BorderRadius: @sapUiGroupBorderCornerRadius; // 0.5rem
4
+ @_sap_ui_rta_ContextMenu_BorderLightColor: var(--sapToolbar_Background); //#fff
5
+ @_sap_ui_rta_ContextMenu_BorderDarkColor: var(--sapInformationBorderColor); //#0070f2
6
+ @_sap_ui_rta_ContextMenu_BorderRadius: var(--sapGroup_BorderCornerRadius); // 0.75rem
7
7
 
8
8
  .sapUiRtaMode {
9
9
  .sapUiDtContextMenu {
@@ -1,8 +1,8 @@
1
1
  /******************************************************************
2
2
  Style of the RTA Dialogs - Horizon Theme
3
3
  *******************************************************************/
4
- @_sap_ui_rta_Dialogs_BorderLightColor: @sapUiShellBorderColor; //#fff
5
- @_sap_ui_rta_Dialogs_BorderDarkColor: @sapUiShellSelectedTextColor; //#0070f2
4
+ @_sap_ui_rta_Dialogs_BorderLightColor: var(--sapToolbar_Background); //#fff
5
+ @_sap_ui_rta_Dialogs_BorderDarkColor: var(--sapInformationBorderColor); //#0070f2
6
6
 
7
7
  .sapMDialog.sapUiRTABorder {
8
8
  border-image: none;
@@ -1,17 +1,17 @@
1
1
  /******************************************************************
2
2
  Style of the RTA Toolbar (type: adaptation) - Horizon Theme
3
3
  *******************************************************************/
4
- @_sap_ui_rta_Toolbar_Adaptation_TextColor: @sapUiShellTextColor; //#1d2d3e
4
+ @_sap_ui_rta_Toolbar_Adaptation_TextColor: var(--sapShell_TextColor); //#131e29
5
5
  @_sap_ui_rta_Toolbar_Adaptation_BtnFocusBorderColor: transparent;
6
- @_sap_ui_rta_Toolbar_Adaptation_SegBBtnTextColor: @sapUiButtonEmphasizedTextColor; //#fff
7
- @_sap_ui_rta_Toolbar_Adaptation_SegBBtnBackgroundColor: @sapUiShellBorderColor; //#fff
8
- @_sap_ui_rta_Toolbar_Adaptation_SegBBtnFocusColor: @sapUiShellBorderColor; //#fff
9
- @_sap_ui_rta_Toolbar_Adaptation_SegBBtnSelectedBackgroundColor: darken(@sapUiButtonEmphasizedBackground, 5%); //#0064d9
10
- @_sap_ui_rta_Toolbar_Adaptation_BorderRadius: @sapUiButtonBorderCornerRadius; //0.5rem
11
- @_sap_ui_rta_Toolbar_Adaptation_DraftVersionColor: darken(@sapUiContentRatedColor, 10%); //#9f5a00
12
- @_sap_ui_rta_Toolbar_Adaptation_ActiveVersionColor: @sapUiShellPositiveColor; //#256f3a
13
- @_sap_ui_rta_Toolbar_Adaptation_FocusOutlineColor: @sapUiContentFocusColor; //#0032a5
14
- @_sap_ui_rta_Toolbar_Adaptation_VersionListBackgroundColor: @sapUiShellBorderColor; //#fff
6
+ @_sap_ui_rta_Toolbar_Adaptation_SegBBtnTextColor: var(--sapButton_Emphasized_TextColor); //#fff
7
+ @_sap_ui_rta_Toolbar_Adaptation_SegBBtnBackgroundColor: var(--sapToolbar_Background); //#fff
8
+ @_sap_ui_rta_Toolbar_Adaptation_SegBBtnFocusColor: var(--sapToolbar_Background); //#fff
9
+ @_sap_ui_rta_Toolbar_Adaptation_SegBBtnSelectedBackgroundColor: ~"hsl(from var(--sapButton_Emphasized_Background) h s calc(l - 5) / alpha)"; // #0064d9, darken the emphasized button background by 5%
10
+ @_sap_ui_rta_Toolbar_Adaptation_BorderRadius: var(--sapButton_BorderCornerRadius); //0.5rem
11
+ @_sap_ui_rta_Toolbar_Adaptation_DraftVersionColor: ~"hsl(from var(--sapContent_RatedColor) h s calc(l - 10) / alpha)"; // #9f5a00, darken the rated color by 10%
12
+ @_sap_ui_rta_Toolbar_Adaptation_ActiveVersionColor: var(--sapShell_PositiveColor); //#256f3a
13
+ @_sap_ui_rta_Toolbar_Adaptation_FocusOutlineColor: var(--sapContent_FocusColor); //#0032a5
14
+ @_sap_ui_rta_Toolbar_Adaptation_VersionListBackgroundColor: var(--sapToolbar_Background); //#fff
15
15
 
16
16
  .sapUiRtaMode {
17
17
  .sapUiRtaToolbar.sapUiRtaToolbarAdaptation {
@@ -1,8 +1,8 @@
1
1
  /******************************************************************
2
2
  Style of the RTA Toolbar (all types) - Horizon Theme
3
3
  *******************************************************************/
4
- @_sap_ui_rta_Toolbar_Base_BackgroundColor: @sapUiShellBorderColor; //#fff
5
- @_sap_ui_rta_Toolbar_Base_OutlineColor: @sapUiShellSelectedTextColor; //#0070f2
4
+ @_sap_ui_rta_Toolbar_Base_BackgroundColor: var(--sapToolbar_Background); //#fff
5
+ @_sap_ui_rta_Toolbar_Base_OutlineColor: var(--sapInformationBorderColor); //#0070f2
6
6
 
7
7
  .sapUiRtaMode {
8
8
  .sapUiRtaToolbar {
@@ -1,9 +1,9 @@
1
1
  /******************************************************************
2
2
  Style of the RTA Contextmenu - Horizon Dark Theme
3
3
  *******************************************************************/
4
- @_sap_ui_rta_ContextMenu_BorderLightColor: @sapUiShellBorderColor; //#1d232a
5
- @_sap_ui_rta_ContextMenu_BorderDarkColor: @sapUiShellSelectedTextColor; //#4db1ff
6
- @_sap_ui_rta_ContextMenu_BorderRadius: @sapUiGroupBorderCornerRadius; // 0.5rem
4
+ @_sap_ui_rta_ContextMenu_BorderLightColor: var(--sapToolbar_Background); //#1d232a
5
+ @_sap_ui_rta_ContextMenu_BorderDarkColor: var(--sapInformationBorderColor); //#4db1ff
6
+ @_sap_ui_rta_ContextMenu_BorderRadius: var(--sapGroup_BorderCornerRadius); // 0.75rem
7
7
 
8
8
  .sapUiRtaMode {
9
9
  .sapUiDtContextMenu {
@@ -1,8 +1,8 @@
1
1
  /******************************************************************
2
2
  Style of the RTA Dialogs - Horizon Dark Theme
3
3
  *******************************************************************/
4
- @_sap_ui_rta_Dialogs_BorderLightColor: @sapUiShellBorderColor; //#1d232a
5
- @_sap_ui_rta_Dialogs_BorderDarkColor: @sapUiShellSelectedTextColor; //#4db1ff
4
+ @_sap_ui_rta_Dialogs_BorderLightColor: var(--sapToolbar_Background); //#1d232a
5
+ @_sap_ui_rta_Dialogs_BorderDarkColor: var(--sapInformationBorderColor); //#4db1ff
6
6
 
7
7
  .sapMDialog.sapUiRTABorder {
8
8
  border-image: none;