@openui5/themelib_sap_horizon 1.136.2 → 1.138.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 (80) hide show
  1. package/REUSE.toml +0 -28
  2. package/THIRDPARTY.txt +0 -24
  3. package/package.json +18 -18
  4. package/src/sap/f/themes/sap_horizon/Card.less +0 -6
  5. package/src/sap/f/themes/sap_horizon/DynamicPage.less +52 -43
  6. package/src/sap/f/themes/sap_horizon/DynamicPageHeader.less +4 -4
  7. package/src/sap/f/themes/sap_horizon/ShellBar.less +174 -118
  8. package/src/sap/f/themes/sap_horizon_dark/Card.less +0 -6
  9. package/src/sap/f/themes/sap_horizon_dark/DynamicPage.less +48 -40
  10. package/src/sap/f/themes/sap_horizon_dark/DynamicPageHeader.less +3 -3
  11. package/src/sap/f/themes/sap_horizon_dark/ShellBar.less +192 -130
  12. package/src/sap/f/themes/sap_horizon_hcb/DynamicPage.less +48 -39
  13. package/src/sap/f/themes/sap_horizon_hcb/DynamicPageHeader.less +9 -8
  14. package/src/sap/f/themes/sap_horizon_hcb/ShellBar.less +111 -81
  15. package/src/sap/f/themes/sap_horizon_hcw/DynamicPage.less +47 -40
  16. package/src/sap/f/themes/sap_horizon_hcw/DynamicPageHeader.less +8 -7
  17. package/src/sap/f/themes/sap_horizon_hcw/ShellBar.less +115 -84
  18. package/src/sap/m/themes/sap_horizon/Button.less +5 -11
  19. package/src/sap/m/themes/sap_horizon/IconTabBar.less +0 -2
  20. package/src/sap/m/themes/sap_horizon/Page.less +10 -7
  21. package/src/sap/m/themes/sap_horizon_dark/Button.less +4 -4
  22. package/src/sap/m/themes/sap_horizon_dark/IconTabBar.less +0 -2
  23. package/src/sap/m/themes/sap_horizon_dark/Page.less +9 -5
  24. package/src/sap/m/themes/sap_horizon_hcb/Button.less +1 -1
  25. package/src/sap/m/themes/sap_horizon_hcb/Menu.less +19 -10
  26. package/src/sap/m/themes/sap_horizon_hcb/Page.less +9 -7
  27. package/src/sap/m/themes/sap_horizon_hcw/Button.less +1 -1
  28. package/src/sap/m/themes/sap_horizon_hcw/Menu.less +14 -5
  29. package/src/sap/m/themes/sap_horizon_hcw/Page.less +9 -7
  30. package/src/sap/tnt/themes/sap_horizon/NavigationList.less +0 -1
  31. package/src/sap/tnt/themes/sap_horizon/ToolHeader.less +3 -3
  32. package/src/sap/tnt/themes/sap_horizon_dark/NavigationList.less +0 -1
  33. package/src/sap/tnt/themes/sap_horizon_dark/ToolHeader.less +3 -3
  34. package/src/sap/tnt/themes/sap_horizon_hcb/NavigationList.less +0 -1
  35. package/src/sap/tnt/themes/sap_horizon_hcb/ToolHeader.less +3 -3
  36. package/src/sap/tnt/themes/sap_horizon_hcw/NavigationList.less +0 -1
  37. package/src/sap/tnt/themes/sap_horizon_hcw/ToolHeader.less +3 -3
  38. package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
  39. package/src/sap/ui/core/themes/sap_horizon/fonts/SAP-icons.ttf +0 -0
  40. package/src/sap/ui/core/themes/sap_horizon/fonts/SAP-icons.woff2 +0 -0
  41. package/src/sap/ui/core/themes/sap_horizon/global.less +4 -0
  42. package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
  43. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/SAP-icons.ttf +0 -0
  44. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/SAP-icons.woff2 +0 -0
  45. package/src/sap/ui/core/themes/sap_horizon_dark/global.less +4 -0
  46. package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
  47. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/SAP-icons.ttf +0 -0
  48. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/SAP-icons.woff2 +0 -0
  49. package/src/sap/ui/core/themes/sap_horizon_hcb/global.less +4 -0
  50. package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
  51. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/SAP-icons.ttf +0 -0
  52. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/SAP-icons.woff2 +0 -0
  53. package/src/sap/ui/core/themes/sap_horizon_hcw/global.less +4 -0
  54. package/src/sap/ui/dt/themes/sap_horizon/ContextMenu.less +5 -5
  55. package/src/sap/ui/dt/themes/sap_horizon_dark/ContextMenu.less +5 -5
  56. package/src/sap/ui/dt/themes/sap_horizon_hcb/ContextMenu.less +15 -6
  57. package/src/sap/ui/dt/themes/sap_horizon_hcw/ContextMenu.less +14 -5
  58. package/src/sap/ui/mdc/themes/sap_horizon/Chart.less +5 -5
  59. package/src/sap/ui/mdc/themes/sap_horizon_dark/Chart.less +5 -5
  60. package/src/sap/ui/mdc/themes/sap_horizon_hcb/Chart.less +5 -5
  61. package/src/sap/ui/mdc/themes/sap_horizon_hcw/Chart.less +5 -5
  62. package/src/sap/ui/rta/themes/sap_horizon_hcb/ContextMenu.less +4 -4
  63. package/src/sap/ui/rta/themes/sap_horizon_hcw/ContextMenu.less +4 -4
  64. package/src/sap/ui/unified/themes/sap_horizon/Calendar.less +1 -1
  65. package/src/sap/ui/unified/themes/sap_horizon/CalendarRow.less +0 -25
  66. package/src/sap/ui/unified/themes/sap_horizon_dark/CalendarRow.less +0 -25
  67. package/src/sap/ui/unified/themes/sap_horizon_hcb/CalendarRow.less +0 -24
  68. package/src/sap/ui/unified/themes/sap_horizon_hcw/CalendarRow.less +0 -24
  69. package/src/sap/uxap/themes/sap_horizon/ObjectPageSection.less +14 -6
  70. package/src/sap/uxap/themes/sap_horizon/ObjectPageSubSection.less +10 -5
  71. package/src/sap/uxap/themes/sap_horizon_dark/ObjectPageSection.less +14 -6
  72. package/src/sap/uxap/themes/sap_horizon_dark/ObjectPageSubSection.less +10 -5
  73. package/src/sap/uxap/themes/sap_horizon_hcb/ObjectPageSection.less +14 -5
  74. package/src/sap/uxap/themes/sap_horizon_hcb/ObjectPageSubSection.less +9 -3
  75. package/src/sap/uxap/themes/sap_horizon_hcw/ObjectPageSection.less +14 -5
  76. package/src/sap/uxap/themes/sap_horizon_hcw/ObjectPageSubSection.less +9 -3
  77. package/src/sap/f/themes/sap_horizon/ProductSwitchItem.less +0 -4
  78. package/src/sap/f/themes/sap_horizon_dark/ProductSwitchItem.less +0 -4
  79. package/src/sap/f/themes/sap_horizon_hcb/ProductSwitchItem.less +0 -8
  80. package/src/sap/f/themes/sap_horizon_hcw/ProductSwitchItem.less +0 -8
@@ -11,7 +11,7 @@
11
11
 
12
12
  .sapMBtnEmphasized {
13
13
  font-weight: var(--sapButton_Emphasized_FontWeight);
14
- border: 0.125rem solid;
14
+ border: var(--sapButton_Emphasized_BorderWidth) solid;
15
15
 
16
16
  .sapMBtnContent {
17
17
  line-height: 2rem;
@@ -1,10 +1,19 @@
1
- /* ================================== */
2
- /* CSS for control sap.m/Menu */
3
- /* Horizon High Contrast Black theme */
4
- /* ================================== */
5
-
6
- html.sap-phone .sapMRespMenuDialog .sapMPage {
7
- .sapMBar-CTX.sapMHeader-CTX,.sapMBarPH {
8
- box-shadow: var(--sapContent_HeaderShadow);
9
- }
10
- }
1
+ /* ==================================== */
2
+ /* CSS for control sap.m/Menu */
3
+ /* Quartz High Contrast Black theme */
4
+ /* ==================================== */
5
+
6
+ .sapMMenu {
7
+
8
+ box-shadow: @sapUiContentShadow1;
9
+
10
+ .sapMMenuItem.sapMMenuItemSubMenuOpen {
11
+ background-color: @sapUiListSelectionBackgroundColor
12
+ }
13
+
14
+ .sapMMenuItem.sapMMenuItemSubMenuOpen:hover,
15
+ .sapMMenuItem.sapMMenuItemSubMenuOpen:focus {
16
+ background-color: @sapUiListActiveBackground;
17
+ }
18
+
19
+ }
@@ -168,12 +168,13 @@ html[data-sap-ui-animation='on'] .sapMPageWithFloatingFooter {
168
168
  }
169
169
 
170
170
  .sapMPageWithHeader {
171
-
172
- &.sapFShellBar-CTX > section {
171
+ .sapMPageHeader:has(.sapFShellBar) + section,
172
+ .sapMPageHeader:has([ui5-shellbar]) + section {
173
173
  top: 3.25rem;
174
174
  }
175
175
 
176
- &.sapMPageWithSubHeader.sapFShellBar-CTX > section {
176
+ &.sapMPageWithSubHeader .sapMPageSubHeader:has(.sapFShellBar) + section,
177
+ &.sapMPageWithSubHeader .sapMPageSubHeader:has([ui5-shellbar]) + section {
177
178
  top: 6rem;
178
179
  }
179
180
  }
@@ -229,13 +230,14 @@ html[data-sap-ui-animation='on'] .sapMPageWithFloatingFooter {
229
230
  }
230
231
 
231
232
  .sapMPageWithHeader {
232
-
233
- &.sapFShellBar-CTX > section {
233
+ .sapMPageHeader:has(.sapFShellBar) + section,
234
+ .sapMPageHeader:has([ui5-shellbar]) + section {
234
235
  top: 3.25rem;
235
236
  }
236
237
 
237
- &.sapMPageWithSubHeader.sapFShellBar-CTX > section {
238
+ &.sapMPageWithSubHeader .sapMPageSubHeader:has(.sapFShellBar) + section,
239
+ &.sapMPageWithSubHeader .sapMPageSubHeader:has([ui5-shellbar]) + section {
238
240
  top: 5.75rem;
239
241
  }
240
242
  }
241
- }
243
+ }
@@ -11,7 +11,7 @@
11
11
 
12
12
  .sapMBtnEmphasized {
13
13
  font-weight: var(--sapButton_Emphasized_FontWeight);
14
- border: 0.125rem solid;
14
+ border: var(--sapButton_Emphasized_BorderWidth) solid;
15
15
 
16
16
  .sapMBtnContent {
17
17
  line-height: 2rem;
@@ -3,8 +3,17 @@
3
3
  /* Horizon High Contrast White theme */
4
4
  /* ================================== */
5
5
 
6
- html.sap-phone .sapMRespMenuDialog .sapMPage {
7
- .sapMBar-CTX.sapMHeader-CTX,.sapMBarPH {
8
- box-shadow: var(--sapContent_HeaderShadow);
9
- }
10
- }
6
+ .sapMMenu {
7
+
8
+ box-shadow: @sapUiContentShadow1;
9
+
10
+ .sapMMenuItem.sapMMenuItemSubMenuOpen {
11
+ background-color: @sapUiListSelectionBackgroundColor
12
+ }
13
+
14
+ .sapMMenuItem.sapMMenuItemSubMenuOpen:hover,
15
+ .sapMMenuItem.sapMMenuItemSubMenuOpen:focus {
16
+ background-color: @sapUiListActiveBackground;
17
+ }
18
+
19
+ }
@@ -168,12 +168,13 @@ html[data-sap-ui-animation='on'] .sapMPageWithFloatingFooter {
168
168
  }
169
169
 
170
170
  .sapMPageWithHeader {
171
-
172
- &.sapFShellBar-CTX > section {
171
+ .sapMPageHeader:has(.sapFShellBar) + section,
172
+ .sapMPageHeader:has([ui5-shellbar]) + section {
173
173
  top: 3.25rem;
174
174
  }
175
175
 
176
- &.sapMPageWithSubHeader.sapFShellBar-CTX > section {
176
+ &.sapMPageWithSubHeader .sapMPageSubHeader:has(.sapFShellBar) + section,
177
+ &.sapMPageWithSubHeader .sapMPageSubHeader:has([ui5-shellbar]) + section {
177
178
  top: 6rem;
178
179
  }
179
180
  }
@@ -229,13 +230,14 @@ html[data-sap-ui-animation='on'] .sapMPageWithFloatingFooter {
229
230
  }
230
231
 
231
232
  .sapMPageWithHeader {
232
-
233
- &.sapFShellBar-CTX > section {
233
+ .sapMPageHeader:has(.sapFShellBar) + section,
234
+ .sapMPageHeader:has([ui5-shellbar]) + section {
234
235
  top: 3.25rem;
235
236
  }
236
237
 
237
- &.sapMPageWithSubHeader.sapFShellBar-CTX > section {
238
+ &.sapMPageWithSubHeader .sapMPageSubHeader:has(.sapFShellBar) + section,
239
+ &.sapMPageWithSubHeader .sapMPageSubHeader:has([ui5-shellbar]) + section {
238
240
  top: 5.75rem;
239
241
  }
240
242
  }
241
- }
243
+ }
@@ -14,7 +14,6 @@
14
14
  @_sap_tnt_NavigationList_ItemFocusBorderOffset: -@sapUiContentFocusWidth;
15
15
  @_sap_tnt_NavigationList_ItemFocusBorderRadius: @_sap_tnt_NavigationList_ItemBorderRadius + @sapUiContentFocusWidth;
16
16
  @_sap_tnt_NavigationList_ItemTransition: background-color 0.3s ease-in-out, max-width 0.3s ease-in-out;
17
- @_sap_tnt_NavigationList_ItemTextFontFamily: var(--sapFontSemiboldFamily);
18
17
  @_sap_tnt_NavigationList_SelectedBorderStyleColor: none;
19
18
  @_sap_tnt_NavigationList_Collapsed_SelectedItemBorderStyleColor: solid @_sap_tnt_NavigationList_SelectedItemBorderColor;
20
19
  @_sap_tnt_NavigationList_SelectedItemBorder: none;
@@ -41,12 +41,12 @@
41
41
  .sapTntToolHeader {
42
42
  .sapMBarChild:not(.sapMMenuBtn) {
43
43
  &.sapMBtn {
44
- .sapMBtnInner::after,
45
- .sapMBtnIcon {
44
+ .sapMBtnInner:not(.sapMBtnEmphasized)::after,
45
+ .sapMBtnInner:not(.sapMBtnEmphasized) .sapMBtnIcon {
46
46
  background: transparent;
47
47
  color: @sapUiShellInteractiveTextColor;
48
48
  }
49
- .sapMBtnContent {
49
+ .sapMBtnInner:not(.sapMBtnEmphasized) .sapMBtnContent {
50
50
  background: transparent;
51
51
  color: @sapUiShellTextColor;
52
52
  }
@@ -14,7 +14,6 @@
14
14
  @_sap_tnt_NavigationList_ItemFocusBorderOffset: -@sapUiContentFocusWidth;
15
15
  @_sap_tnt_NavigationList_ItemFocusBorderRadius: @_sap_tnt_NavigationList_ItemBorderRadius + @sapUiContentFocusWidth;
16
16
  @_sap_tnt_NavigationList_ItemTransition: background-color 0.3s ease-in-out, max-width 0.3s ease-in-out;
17
- @_sap_tnt_NavigationList_ItemTextFontFamily: var(--sapFontSemiboldFamily);
18
17
  @_sap_tnt_NavigationList_SelectedBorderStyleColor: none;
19
18
  @_sap_tnt_NavigationList_Collapsed_SelectedItemBorderStyleColor: solid @_sap_tnt_NavigationList_SelectedItemBorderColor;
20
19
  @_sap_tnt_NavigationList_SelectedItemBorder: none;
@@ -41,12 +41,12 @@
41
41
  .sapTntToolHeader {
42
42
  .sapMBarChild:not(.sapMMenuBtn) {
43
43
  &.sapMBtn {
44
- .sapMBtnInner::after,
45
- .sapMBtnIcon {
44
+ .sapMBtnInner:not(.sapMBtnEmphasized)::after,
45
+ .sapMBtnInner:not(.sapMBtnEmphasized) .sapMBtnIcon {
46
46
  background: transparent;
47
47
  color: @sapUiShellInteractiveTextColor;
48
48
  }
49
- .sapMBtnContent {
49
+ .sapMBtnInner:not(.sapMBtnEmphasized) .sapMBtnContent {
50
50
  background: transparent;
51
51
  color: @sapUiShellTextColor;
52
52
  }
@@ -9,7 +9,6 @@
9
9
  @_sap_tnt_NavigationList_ItemBorderStyleColor: solid @sapUiListBorderColor;
10
10
  @_sap_tnt_NavigationList_ItemBorderWidth: 0 0 0.0625rem 0;
11
11
  @_sap_tnt_NavigationList_ItemFocusBorderOffset: 0;
12
- @_sap_tnt_NavigationList_ItemTextFontFamily: var(--sapFontSemiboldFamily);
13
12
  @_sap_tnt_NavigationList_LastItemBorderStyleColor: solid transparent;
14
13
  @_sap_tnt_NavigationList_HoverBorderStyleColor: solid @sapUiListSelectionBorderColor;
15
14
  @_sap_tnt_NavigationList_HoverBorderWidth: 0.0625rem;
@@ -48,12 +48,12 @@
48
48
  padding: 0.125rem 0;
49
49
  min-width: 2.5rem;
50
50
 
51
- .sapMBtnInner::after,
52
- .sapMBtnIcon {
51
+ .sapMBtnInner:not(.sapMBtnEmphasized)::after,
52
+ .sapMBtnInner:not(.sapMBtnEmphasized) .sapMBtnIcon {
53
53
  background: transparent;
54
54
  color: @sapUiShellInteractiveTextColor;
55
55
  }
56
- .sapMBtnContent {
56
+ .sapMBtnInner:not(.sapMBtnEmphasized) .sapMBtnContent {
57
57
  background: transparent;
58
58
  color: @sapUiShellTextColor;
59
59
  }
@@ -9,7 +9,6 @@
9
9
  @_sap_tnt_NavigationList_ItemBorderStyleColor: solid @sapUiListBorderColor;
10
10
  @_sap_tnt_NavigationList_ItemBorderWidth: 0 0 0.0625rem 0;
11
11
  @_sap_tnt_NavigationList_ItemFocusBorderOffset: 0;
12
- @_sap_tnt_NavigationList_ItemTextFontFamily: var(--sapFontSemiboldFamily);
13
12
  @_sap_tnt_NavigationList_LastItemBorderStyleColor: solid transparent;
14
13
  @_sap_tnt_NavigationList_HoverBorderStyleColor: solid @sapUiListSelectionBorderColor;
15
14
  @_sap_tnt_NavigationList_HoverBorderWidth: 0.0625rem;
@@ -48,12 +48,12 @@
48
48
  padding: 0.125rem 0;
49
49
  min-width: 2.5rem;
50
50
 
51
- .sapMBtnInner::after,
52
- .sapMBtnIcon {
51
+ .sapMBtnInner:not(.sapMBtnEmphasized)::after,
52
+ .sapMBtnInner:not(.sapMBtnEmphasized) .sapMBtnIcon {
53
53
  background: transparent;
54
54
  color: @sapUiShellInteractiveTextColor;
55
55
  }
56
- .sapMBtnContent {
56
+ .sapMBtnInner:not(.sapMBtnEmphasized) .sapMBtnContent {
57
57
  background: transparent;
58
58
  color: @sapUiShellTextColor;
59
59
  }
@@ -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.136.2</version>
9
+ <version>1.138.0</version>
10
10
 
11
11
  <documentation>SAPUI5 Horizon theme library.</documentation>
12
12
 
@@ -202,6 +202,10 @@
202
202
  @sapUiContentMarginSmall: @sapContent_Margin_Small;
203
203
  @sapUiContentMarginMedium: @sapContent_Margin_Medium;
204
204
  @sapUiContentMarginLarge: @sapContent_Margin_Large;
205
+ @sapUiContentMarginS: @sapContent_Margin_S;
206
+ @sapUiContentMarginM: @sapContent_Margin_M;
207
+ @sapUiContentMarginL: @sapContent_Margin_L;
208
+ @sapUiContentMarginXL: @sapContent_Margin_XL;
205
209
  @sapUiContentGap: @sapContent_Gap;
206
210
  @sapUiContentPaddingS: @sapContent_Padding_S;
207
211
  @sapUiContentPaddingM: @sapContent_Padding_M;
@@ -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.136.2</version>
9
+ <version>1.138.0</version>
10
10
 
11
11
  <documentation>SAPUI5 Evening Horizon theme library.</documentation>
12
12
 
@@ -202,6 +202,10 @@
202
202
  @sapUiContentMarginSmall: @sapContent_Margin_Small;
203
203
  @sapUiContentMarginMedium: @sapContent_Margin_Medium;
204
204
  @sapUiContentMarginLarge: @sapContent_Margin_Large;
205
+ @sapUiContentMarginS: @sapContent_Margin_S;
206
+ @sapUiContentMarginM: @sapContent_Margin_M;
207
+ @sapUiContentMarginL: @sapContent_Margin_L;
208
+ @sapUiContentMarginXL: @sapContent_Margin_XL;
205
209
  @sapUiContentGap: @sapContent_Gap;
206
210
  @sapUiContentPaddingS: @sapContent_Padding_S;
207
211
  @sapUiContentPaddingM: @sapContent_Padding_M;
@@ -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.136.2</version>
9
+ <version>1.138.0</version>
10
10
 
11
11
  <documentation>SAPUI5 horizon high contrast black theme library.</documentation>
12
12
 
@@ -202,6 +202,10 @@
202
202
  @sapUiContentMarginSmall: @sapContent_Margin_Small;
203
203
  @sapUiContentMarginMedium: @sapContent_Margin_Medium;
204
204
  @sapUiContentMarginLarge: @sapContent_Margin_Large;
205
+ @sapUiContentMarginS: @sapContent_Margin_S;
206
+ @sapUiContentMarginM: @sapContent_Margin_M;
207
+ @sapUiContentMarginL: @sapContent_Margin_L;
208
+ @sapUiContentMarginXL: @sapContent_Margin_XL;
205
209
  @sapUiContentGap: @sapContent_Gap;
206
210
  @sapUiContentPaddingS: @sapContent_Padding_S;
207
211
  @sapUiContentPaddingM: @sapContent_Padding_M;
@@ -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.136.2</version>
9
+ <version>1.138.0</version>
10
10
 
11
11
  <documentation>SAPUI5 horizon high contrast white theme library.</documentation>
12
12
 
@@ -202,6 +202,10 @@
202
202
  @sapUiContentMarginSmall: @sapContent_Margin_Small;
203
203
  @sapUiContentMarginMedium: @sapContent_Margin_Medium;
204
204
  @sapUiContentMarginLarge: @sapContent_Margin_Large;
205
+ @sapUiContentMarginS: @sapContent_Margin_S;
206
+ @sapUiContentMarginM: @sapContent_Margin_M;
207
+ @sapUiContentMarginL: @sapContent_Margin_L;
208
+ @sapUiContentMarginXL: @sapContent_Margin_XL;
205
209
  @sapUiContentGap: @sapContent_Gap;
206
210
  @sapUiContentPaddingS: @sapContent_Padding_S;
207
211
  @sapUiContentPaddingM: @sapContent_Padding_M;
@@ -3,19 +3,19 @@
3
3
  *******************************************************************/
4
4
  @_sap_ui_dt_ContextMenu_BorderRadius: @sapUiFieldBorderCornerRadius; // 0.25rem
5
5
 
6
- .sapUiDtContextMenu {
7
- .sapUiMnuLst {
8
- .sapUiMnuItm {
6
+ .sapUiDtContextMenu.sapMMenu {
7
+ .sapMMenuList {
8
+ .sapMMenuItem {
9
9
  margin: 0.0625rem;
10
10
  border-radius: @_sap_ui_dt_ContextMenu_BorderRadius;
11
11
 
12
12
  &:focus {
13
13
  outline-offset: -0.125rem;
14
- &.sapUiMnuItmDsbl{
14
+ &.sapMMenuItemDisabled{
15
15
  outline: none;
16
16
  }
17
17
  }
18
- &.sapUiMnuItmSubMnuOpen {
18
+ &.sapMMenuItemSubMenuOpen {
19
19
  border-bottom: none !important; //1px
20
20
  }
21
21
  }
@@ -3,19 +3,19 @@
3
3
  *******************************************************************/
4
4
  @_sap_ui_dt_ContextMenu_BorderRadius: @sapUiFieldBorderCornerRadius; // 0.25rem
5
5
 
6
- .sapUiDtContextMenu {
7
- .sapUiMnuLst {
8
- .sapUiMnuItm {
6
+ .sapUiDtContextMenu.sapMMenu {
7
+ .sapMMenuList {
8
+ .sapMMenuItem {
9
9
  margin: 0.0625rem;
10
10
  border-radius: @_sap_ui_dt_ContextMenu_BorderRadius;
11
11
 
12
12
  &:focus {
13
13
  outline-offset: -0.125rem;
14
- &.sapUiMnuItmDsbl{
14
+ &.sapMMenuItemDisabled{
15
15
  outline: none;
16
16
  }
17
17
  }
18
- &.sapUiMnuItmSubMnuOpen {
18
+ &.sapMMenuItemSubMenuOpen {
19
19
  border-bottom: none !important; //1px
20
20
  }
21
21
  }
@@ -4,11 +4,20 @@
4
4
  @_sap_ui_dt_ContextMenu_BorderRadius: @sapUiButtonBorderCornerRadius; // 0.375rem
5
5
  @_sap_ui_dt_ContextMenu_OpenSubMenuBackgroundColor: @sapUiSelected; //#0f5c93
6
6
 
7
- .sapUiDtContextMenu {
8
- .sapUiMnuLst {
9
- .sapUiMnuItm {
7
+ .sapUiDtContextMenu.sapMMenu {
8
+ .sapMMenuList {
9
+ .sapMMenuItem {
10
10
 
11
- &.sapUiMnuItmDsbl {
11
+ .sapMMenuEndContent{
12
+ .sapMBtn {
13
+ &:focus-visible > .sapMFocusable,
14
+ &:focus > .sapMFocusable{
15
+ outline: none;
16
+ }
17
+ }
18
+ }
19
+
20
+ &.sapMMenuItemDisabled {
12
21
  opacity: 1;
13
22
  }
14
23
 
@@ -16,11 +25,11 @@
16
25
  border-radius: @_sap_ui_dt_ContextMenu_BorderRadius;
17
26
  }
18
27
 
19
- &.sapUiMnuItmSubMnuOpen {
28
+ &.sapMMenuItemSubMenuOpen {
20
29
  border-bottom: 0.0625rem solid transparent !important; //remove border
21
30
  border-radius: @_sap_ui_dt_ContextMenu_BorderRadius;
22
31
 
23
- &:not(.sapUiMnuItmHov) {
32
+ &:not(:hover) {
24
33
  background-color: @_sap_ui_dt_ContextMenu_OpenSubMenuBackgroundColor;
25
34
  }
26
35
  }
@@ -4,19 +4,28 @@
4
4
  @_sap_ui_dt_ContextMenu_BorderRadius: @sapUiButtonBorderCornerRadius; // .375rem
5
5
  @_sap_ui_dt_ContextMenu_OpenSubMenuBackgroundColor: @sapUiButtonSelectedBackground; //#5c93ff
6
6
 
7
- .sapUiDtContextMenu {
8
- .sapUiMnuLst {
9
- .sapUiMnuItm {
7
+ .sapUiDtContextMenu.sapMMenu {
8
+ .sapMMenuList {
9
+ .sapMMenuItem {
10
+
11
+ .sapMMenuEndContent{
12
+ .sapMBtn {
13
+ &:focus-visible > .sapMFocusable,
14
+ &:focus > .sapMFocusable{
15
+ outline: none;
16
+ }
17
+ }
18
+ }
10
19
 
11
20
  &:focus {
12
21
  border-radius: @_sap_ui_dt_ContextMenu_BorderRadius;
13
22
  }
14
23
 
15
- &.sapUiMnuItmSubMnuOpen {
24
+ &.sapMMenuItemSubMenuOpen {
16
25
  border-bottom: 0.0625rem solid transparent !important; //1px
17
26
  border-radius: @_sap_ui_dt_ContextMenu_BorderRadius;
18
27
 
19
- &:not(.sapUiMnuItmHov) {
28
+ &:not(:hover) {
20
29
  background-color: @_sap_ui_dt_ContextMenu_OpenSubMenuBackgroundColor;
21
30
  }
22
31
  }
@@ -1,6 +1,6 @@
1
- /* =================================== */
2
- /* CSS for control sap.ui.mdc/Chart */
3
- /* Horizon theme */
4
- /* =================================== */
1
+ /* ================================= */
2
+ /* CSS for control sap.ui.mdc/Chart */
3
+ /* Morning Horizon theme */
4
+ /* ================================= */
5
5
 
6
- @_sap_ui_mdc_Chart_ToolbarDesign: ~"Solid";
6
+ @_sap_ui_mdc_Chart_ToolbarDesign: ~"Solid";
@@ -1,6 +1,6 @@
1
- /* =================================== */
2
- /* CSS for control sap.ui.mdc/Chart */
3
- /* Evening Horizon theme */
4
- /* =================================== */
1
+ /* ================================= */
2
+ /* CSS for control sap.ui.mdc/Chart */
3
+ /* Evening Horizon theme */
4
+ /* ================================= */
5
5
 
6
- @_sap_ui_mdc_Chart_ToolbarDesign: ~"Solid";
6
+ @_sap_ui_mdc_Chart_ToolbarDesign: ~"Solid";
@@ -1,6 +1,6 @@
1
- /* =================================== */
2
- /* CSS for control sap.ui.mdc/Chart */
3
- /* Horizon High Contrast Black theme */
4
- /* =================================== */
1
+ /* ================================== */
2
+ /* CSS for control sap.ui.mdc/Chart */
3
+ /* Horizon High Contrast Black theme */
4
+ /* ================================== */
5
5
 
6
- @_sap_ui_mdc_Chart_ToolbarDesign: ~"Solid";
6
+ @_sap_ui_mdc_Chart_ToolbarDesign: ~"Solid";
@@ -1,6 +1,6 @@
1
- /* =================================== */
2
- /* CSS for control sap.ui.mdc/Chart */
3
- /* Horizon High Contrast White theme */
4
- /* =================================== */
1
+ /* ================================== */
2
+ /* CSS for control sap.ui.mdc/Chart */
3
+ /* Horizon High Contrast White theme */
4
+ /* ================================== */
5
5
 
6
- @_sap_ui_mdc_Chart_ToolbarDesign: ~"Solid";
6
+ @_sap_ui_mdc_Chart_ToolbarDesign: ~"Solid";
@@ -21,11 +21,11 @@
21
21
  }
22
22
  }
23
23
 
24
- .sapUiDtContextMenu {
25
- .sapUiMnuLst {
26
- .sapUiMnuItm {
24
+ .sapUiDtContextMenu.sapMMenu {
25
+ .sapMMenuList {
26
+ .sapMMenuItem {
27
27
  &:focus {
28
- &.sapUiMnuItmDsbl{
28
+ &.sapMMenuItemDisabled{
29
29
  outline: none;
30
30
  }
31
31
  }
@@ -17,11 +17,11 @@
17
17
  }
18
18
  }
19
19
 
20
- .sapUiDtContextMenu {
21
- .sapUiMnuLst {
22
- .sapUiMnuItm {
20
+ .sapUiDtContextMenu.sapMMenu {
21
+ .sapMMenuList {
22
+ .sapMMenuItem {
23
23
  &:focus {
24
- &.sapUiMnuItmDsbl{
24
+ &.sapMMenuItemDisabled{
25
25
  outline: none;
26
26
  }
27
27
  }
@@ -696,7 +696,7 @@ html.sap-desktop .sapUiCalItemOtherMonth:not(.sapUiCalItemSel) :not(.sapUiCalWee
696
696
 
697
697
  .sapUiCalMonthSecType {
698
698
  .sapUiCalItem {
699
- border-radius: 0.375rem;
699
+ border-radius: var(--sapButton_BorderCornerRadius);
700
700
 
701
701
  .sapUiCalItemSecText {
702
702
  width: 60%;
@@ -60,31 +60,6 @@ html.sap-desktop .sapUiCalendarApp.sapUiCalendarAppSel:focus:not(:active) > .sap
60
60
  background-color: @sapUiContentSelectedBackground;
61
61
  }
62
62
 
63
- .sapMListTblRow.sapMLIBFocusable:focus {
64
- .sapUiCalendarRowAppsInt.sapUiCalendarRowAppsNoWork:before {
65
- position: absolute;
66
- top: 0px;
67
- left: -1px;
68
- right: 1px;
69
- bottom: 0px;
70
- content: "";
71
- border: 0.195rem solid @sapUiContentFocusColor;
72
- border-left: none;
73
- pointer-events: none;
74
- }
75
-
76
- .sapUiCalendarRowAppsIntNoHead.sapUiCalendarRowAppsInt.sapUiCalendarRowAppsNoWork:before {
77
- position: absolute;
78
- top: 0px;
79
- left: -1px;
80
- right: 1px;
81
- bottom: 1px;
82
- content: "";
83
- border: 0.0625rem dotted @sapUiContentFocusColor;
84
- pointer-events: none;
85
- }
86
- }
87
-
88
63
  html[data-sap-ui-browser ^= "ie"], html[data-sap-ui-browser^="ed"] {
89
64
  .sapUiCalendarApp:focus > .sapUiCalendarAppCont:after{
90
65
  border-style: dashed;
@@ -60,31 +60,6 @@ html.sap-desktop .sapUiCalendarApp.sapUiCalendarAppSel:focus:not(:active) > .sap
60
60
  background-color: @sapUiContentSelectedBackground;
61
61
  }
62
62
 
63
- .sapMListTblRow.sapMLIBFocusable:focus {
64
- .sapUiCalendarRowAppsInt.sapUiCalendarRowAppsNoWork:before {
65
- position: absolute;
66
- top: 0px;
67
- left: -1px;
68
- right: 1px;
69
- bottom: 0px;
70
- content: "";
71
- border: 0.195rem solid @sapUiContentFocusColor;
72
- border-left: none;
73
- pointer-events: none;
74
- }
75
-
76
- .sapUiCalendarRowAppsIntNoHead.sapUiCalendarRowAppsInt.sapUiCalendarRowAppsNoWork:before {
77
- position: absolute;
78
- top: 0px;
79
- left: -1px;
80
- right: 1px;
81
- bottom: 1px;
82
- content: "";
83
- border: 0.0625rem dotted @sapUiContentFocusColor;
84
- pointer-events: none;
85
- }
86
- }
87
-
88
63
  html[data-sap-ui-browser ^= "ie"], html[data-sap-ui-browser^="ed"] {
89
64
  .sapUiCalendarApp:focus > .sapUiCalendarAppCont:after{
90
65
  border-style: dashed;