@openui5/themelib_sap_horizon 1.112.2 → 1.113.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 (35) hide show
  1. package/THIRDPARTY.txt +1 -1
  2. package/package.json +18 -18
  3. package/src/sap/m/themes/sap_horizon/ActionSelect.less +1 -1
  4. package/src/sap/m/themes/sap_horizon/FeedInput.less +1 -1
  5. package/src/sap/m/themes/sap_horizon/InputBase.less +8 -0
  6. package/src/sap/m/themes/sap_horizon/Panel.less +1 -1
  7. package/src/sap/m/themes/sap_horizon/RatingIndicator.less +7 -13
  8. package/src/sap/m/themes/sap_horizon/SinglePlanningCalendarGrid.less +42 -0
  9. package/src/sap/m/themes/sap_horizon/SinglePlanningCalendarMonthGrid.less +18 -0
  10. package/src/sap/m/themes/sap_horizon_dark/FeedInput.less +1 -1
  11. package/src/sap/m/themes/sap_horizon_dark/InputBase.less +8 -0
  12. package/src/sap/m/themes/sap_horizon_dark/Panel.less +1 -1
  13. package/src/sap/m/themes/sap_horizon_dark/SinglePlanningCalendarGrid.less +42 -0
  14. package/src/sap/m/themes/sap_horizon_dark/SinglePlanningCalendarMonthGrid.less +18 -0
  15. package/src/sap/m/themes/sap_horizon_hcb/FeedInput.less +19 -3
  16. package/src/sap/m/themes/sap_horizon_hcb/Panel.less +1 -1
  17. package/src/sap/m/themes/sap_horizon_hcb/SinglePlanningCalendarMonthGrid.less +19 -1
  18. package/src/sap/m/themes/sap_horizon_hcw/FeedInput.less +19 -2
  19. package/src/sap/m/themes/sap_horizon_hcw/Panel.less +1 -1
  20. package/src/sap/tnt/themes/sap_horizon/ToolHeader.less +1 -1
  21. package/src/sap/tnt/themes/sap_horizon_dark/ToolHeader.less +1 -1
  22. package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
  23. package/src/sap/ui/core/themes/sap_horizon/base.less +735 -13
  24. package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
  25. package/src/sap/ui/core/themes/sap_horizon_dark/base.less +737 -15
  26. package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
  27. package/src/sap/ui/core/themes/sap_horizon_hcb/base.less +736 -7
  28. package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
  29. package/src/sap/ui/core/themes/sap_horizon_hcw/base.less +736 -7
  30. package/src/sap/ui/integration/themes/sap_horizon/ListContent.less +2 -2
  31. package/src/sap/ui/integration/themes/sap_horizon/TableContent.less +2 -2
  32. package/src/sap/ui/integration/themes/sap_horizon_dark/ListContent.less +2 -2
  33. package/src/sap/ui/integration/themes/sap_horizon_dark/TableContent.less +2 -2
  34. package/src/sap/uxap/themes/sap_horizon/ObjectPageSubSection.less +1 -7
  35. package/src/sap/uxap/themes/sap_horizon_dark/ObjectPageSubSection.less +1 -7
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.48
481
+ Component: SAP Theming Base Content, version: 11.2.1
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_horizon",
3
- "version": "1.112.2",
3
+ "version": "1.113.0",
4
4
  "description": "OpenUI5 Theme Library sap_horizon",
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.112.2",
18
- "@openui5/sap.m": "1.112.2",
19
- "@openui5/sap.tnt": "1.112.2",
20
- "@openui5/sap.ui.codeeditor": "1.112.2",
21
- "@openui5/sap.ui.commons": "1.112.2",
22
- "@openui5/sap.ui.core": "1.112.2",
23
- "@openui5/sap.ui.dt": "1.112.2",
24
- "@openui5/sap.ui.fl": "1.112.2",
25
- "@openui5/sap.ui.mdc": "1.112.2",
26
- "@openui5/sap.ui.integration": "1.112.2",
27
- "@openui5/sap.ui.layout": "1.112.2",
28
- "@openui5/sap.ui.rta": "1.112.2",
29
- "@openui5/sap.ui.suite": "1.112.2",
30
- "@openui5/sap.ui.table": "1.112.2",
31
- "@openui5/sap.ui.unified": "1.112.2",
32
- "@openui5/sap.ui.ux3": "1.112.2",
33
- "@openui5/sap.uxap": "1.112.2"
17
+ "@openui5/sap.f": "1.113.0",
18
+ "@openui5/sap.m": "1.113.0",
19
+ "@openui5/sap.tnt": "1.113.0",
20
+ "@openui5/sap.ui.codeeditor": "1.113.0",
21
+ "@openui5/sap.ui.commons": "1.113.0",
22
+ "@openui5/sap.ui.core": "1.113.0",
23
+ "@openui5/sap.ui.dt": "1.113.0",
24
+ "@openui5/sap.ui.fl": "1.113.0",
25
+ "@openui5/sap.ui.mdc": "1.113.0",
26
+ "@openui5/sap.ui.integration": "1.113.0",
27
+ "@openui5/sap.ui.layout": "1.113.0",
28
+ "@openui5/sap.ui.rta": "1.113.0",
29
+ "@openui5/sap.ui.suite": "1.113.0",
30
+ "@openui5/sap.ui.table": "1.113.0",
31
+ "@openui5/sap.ui.unified": "1.113.0",
32
+ "@openui5/sap.ui.ux3": "1.113.0",
33
+ "@openui5/sap.uxap": "1.113.0"
34
34
  }
35
35
  }
@@ -83,7 +83,7 @@ html.sap-desktop .sapUiSizeCompact.sapMActionSelectPicker .sapMBtnInner {
83
83
  }
84
84
 
85
85
  .sapMActionSelectPicker.sapMSltPicker-CTX .sapMSelectListItemBaseSelected.sapMActionSelectItemWithoutFocus:after {
86
- border: none;
86
+ display: none;
87
87
  }
88
88
 
89
89
  html.sap-desktop .sapMActionSelectPicker .sapMBtn:not(.sapMBtnDisabled):focus > .sapMBtnInner:before {
@@ -6,7 +6,7 @@
6
6
  @_sap_m_FeedInput_BackgroundColor: darken(@sapUiBaseColor, 9);
7
7
 
8
8
  .sapMFeedIn {
9
- background-color: @_sap_m_FeedInput_BackgroundColor;
9
+ background-color: @sapGroup_ContentBackground;
10
10
  }
11
11
 
12
12
  .sapMFeedIn .sapMFeedInContainer {
@@ -120,3 +120,11 @@
120
120
  height: 1.25rem;
121
121
  }
122
122
  }
123
+
124
+ /* List specific styles */
125
+ .sapMILI-CTX .sapMInputBaseContentWrapper,
126
+ .sapMILI-CTX .sapMInputBaseInner,
127
+ .sapMILI-CTX .sapMInputBaseDisabled .sapMInputBaseInner,
128
+ .sapMILI-CTX .sapMInputBaseReadonlyWrapper .sapMInputBaseInner {
129
+ text-align: right;
130
+ }
@@ -27,7 +27,7 @@
27
27
  }
28
28
 
29
29
  /* if Panel is not expandable, we do wish header to come with own border */
30
- .sapMPanel > .sapMPanelHdr,
30
+ .sapMPanel .sapMPanelHeadingDiv > .sapMPanelHdr,
31
31
  /* notice: sapMPanelWrappingDiv is available if Panel is expandable */
32
32
  .sapMPanelWrappingDiv,
33
33
  /* do not want border if expanded and if only header text */
@@ -60,27 +60,21 @@ html.sap-desktop .sapMRI:focus:not(.sapMRIDisabled):not(.sapMRIDisplayOnly){
60
60
  }
61
61
 
62
62
  /* As font-size is set as an inline style, we need to override it for horizon only using important */
63
- .sapMRINoCustomIconSize {
64
- &.sapMRIReadOnly .sapMRIUnsel .sapMRIunratedIcon,
65
- &.sapMRIDisplayOnly .sapMRIUnsel .sapMRIunratedIcon,
66
- &.sapMRIDisabled .sapMRIUnsel .sapMRIunratedIcon {
67
- font-size: 1.125rem !important;
68
- }
63
+
64
+ .sapMRIReadOnly .sapMRIUnsel .sapMRIunratedIcon,
65
+ .sapMRIDisplayOnly .sapMRIUnsel .sapMRIunratedIcon,
66
+ .sapMRIDisabled .sapMRIUnsel .sapMRIunratedIcon {
67
+ font-size: 75% !important;
69
68
  }
70
69
 
71
- .sapUiSizeCompact .sapMRINoCustomIconSize {
70
+ .sapUiSizeCompact {
72
71
  &.sapMRIReadOnly .sapMRIUnsel .sapMRIunratedIcon,
73
72
  &.sapMRIReadOnly .sapMRIIconSel .sapMRIunratedIcon,
74
73
  &.sapMRIDisplayOnly .sapMRIUnsel .sapMRIunratedIcon,
75
74
  &.sapMRIDisplayOnly .sapMRIIconSel .sapMRIunratedIcon,
76
75
  &.sapMRIDisabled .sapMRIUnsel .sapMRIunratedIcon,
77
76
  &.sapMRIDisabled .sapMRIIconSel .sapMRIunratedIcon {
78
- font-size: .75rem !important;
79
- }
80
-
81
- & .sapUiIcon,
82
- & .sapUiIcon {
83
- font-size: 1rem !important;
77
+ font-size: 75% !important;
84
78
  }
85
79
 
86
80
  & .sapMRISel,
@@ -220,4 +220,46 @@ html.sap-desktop {
220
220
  left: 0.125rem;
221
221
  right: 0.125rem;
222
222
  bottom: 0.125rem;
223
+ }
224
+
225
+ /* SELECTED CELL IN HEADER */
226
+ .sapMSinglePCGrid .sapUiCalItem.sapUiCalItemSel:not(.sapUiCalItemSelBetween) > .sapUiCalItemText:after {
227
+ position: absolute;
228
+ top: 0;
229
+ left: 0;
230
+ right: 0;
231
+ bottom: 0;
232
+ border: 0.0625rem solid @sapUiContentFocusColor;
233
+ content: "";
234
+ border-radius: 0.5rem;
235
+ }
236
+
237
+ .sapMSinglePCGrid .sapUiCalItem.sapUiCalItemSel.sapUiCalItemNow > .sapUiCalItemText:after {
238
+ top: 0.1875rem;
239
+ left: 0.1875rem;
240
+ right: 0.1875rem;
241
+ bottom: 0.1875rem;
242
+ border-radius: 0.0625rem;
243
+ }
244
+
245
+ .sapMSinglePCGrid .sapUiCalItem.sapUiCalItemSel:focus::after {
246
+ position: absolute;
247
+ top: 0.375rem;
248
+ left: 0.375rem;
249
+ right: 0.375rem;
250
+ bottom: 0.375rem;
251
+ border: 0.125rem solid @sapUiContentFocusColor;
252
+ content: "";
253
+ border-radius: 0.1875rem;
254
+ }
255
+
256
+ .sapMSinglePCGrid .sapUiCalItem.sapUiCalItemSel:focus > .sapUiCalItemText:after {
257
+ position: absolute;
258
+ top: 0;
259
+ left: 0;
260
+ right: 0;
261
+ bottom: 0;
262
+ border: 0.0625rem solid @sapUiContentFocusColor;
263
+ content: "";
264
+ border-radius: 0.5rem;
223
265
  }
@@ -39,4 +39,22 @@ html.sap-desktop .sapMSPCMonthDay.sapMSPCMonthDayToday:focus .sapMSPCMonthNowMar
39
39
  border: none;
40
40
  outline: 0.125rem solid @sapUiContentFocusColor;
41
41
  outline-offset: -0.25rem;
42
+ }
43
+
44
+ .specialDateIndicator {
45
+ top: 0.1875rem;
46
+ right: 0.1875rem;
47
+ }
48
+
49
+ .sapMSPCMonthDay.sapMSPCMonthDayToday .specialDateIndicator {
50
+ top: 0.3125rem;
51
+ right: 0.3125rem;
52
+ }
53
+
54
+ .sapMSPCMonthGrid .sapMSPCMonthLnkMore {
55
+ right: 0.1875rem;
56
+ }
57
+
58
+ .sapMSPCMonthGrid .sapMSPCMonthDay.sapMSPCMonthDayToday .sapMSPCMonthLnkMore {
59
+ right: 0.3125rem;
42
60
  }
@@ -6,7 +6,7 @@
6
6
  @_sap_m_FeedInput_BackgroundColor: darken(@sapUiBaseColor, 9);
7
7
 
8
8
  .sapMFeedIn {
9
- background-color: @_sap_m_FeedInput_BackgroundColor;
9
+ background-color: @sapGroup_ContentBackground;
10
10
  }
11
11
 
12
12
  .sapMFeedIn .sapMFeedInContainer {
@@ -120,4 +120,12 @@
120
120
  .sapMInputBase .sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) .sapMInputBaseIconContainer .sapMInputBaseIcon {
121
121
  height: 1.25rem;
122
122
  }
123
+ }
124
+
125
+ /* List specific styles */
126
+ .sapMILI-CTX .sapMInputBaseContentWrapper,
127
+ .sapMILI-CTX .sapMInputBaseInner,
128
+ .sapMILI-CTX .sapMInputBaseDisabled .sapMInputBaseInner,
129
+ .sapMILI-CTX .sapMInputBaseReadonlyWrapper .sapMInputBaseInner {
130
+ text-align: right;
123
131
  }
@@ -27,7 +27,7 @@
27
27
  }
28
28
 
29
29
  /* if Panel is not expandable, we do wish header to come with own border */
30
- .sapMPanel > .sapMPanelHdr,
30
+ .sapMPanel .sapMPanelHeadingDiv > .sapMPanelHdr,
31
31
  /* notice: sapMPanelWrappingDiv is available if Panel is expandable */
32
32
  .sapMPanelWrappingDiv,
33
33
  /* do not want border if expanded and if only header text */
@@ -220,4 +220,46 @@ html.sap-desktop {
220
220
  left: 0.125rem;
221
221
  right: 0.125rem;
222
222
  bottom: 0.125rem;
223
+ }
224
+
225
+ /* SELECTED CELL IN HEADER */
226
+ .sapMSinglePCGrid .sapUiCalItem.sapUiCalItemSel:not(.sapUiCalItemSelBetween) > .sapUiCalItemText:after {
227
+ position: absolute;
228
+ top: 0;
229
+ left: 0;
230
+ right: 0;
231
+ bottom: 0;
232
+ border: 0.0625rem solid @sapUiContentFocusColor;
233
+ content: "";
234
+ border-radius: 0.5rem;
235
+ }
236
+
237
+ .sapMSinglePCGrid .sapUiCalItem.sapUiCalItemSel.sapUiCalItemNow > .sapUiCalItemText:after {
238
+ top: 0.1875rem;
239
+ left: 0.1875rem;
240
+ right: 0.1875rem;
241
+ bottom: 0.1875rem;
242
+ border-radius: 0.0625rem;
243
+ }
244
+
245
+ .sapMSinglePCGrid .sapUiCalItem.sapUiCalItemSel:focus::after {
246
+ position: absolute;
247
+ top: 0.375rem;
248
+ left: 0.375rem;
249
+ right: 0.375rem;
250
+ bottom: 0.375rem;
251
+ border: 0.125rem solid @sapUiContentFocusColor;
252
+ content: "";
253
+ border-radius: 0.1875rem;
254
+ }
255
+
256
+ .sapMSinglePCGrid .sapUiCalItem.sapUiCalItemSel:focus > .sapUiCalItemText:after {
257
+ position: absolute;
258
+ top: 0;
259
+ left: 0;
260
+ right: 0;
261
+ bottom: 0;
262
+ border: 0.0625rem solid @sapUiContentFocusColor;
263
+ content: "";
264
+ border-radius: 0.5rem;
223
265
  }
@@ -39,4 +39,22 @@ html.sap-desktop .sapMSPCMonthDay.sapMSPCMonthDayToday:focus .sapMSPCMonthNowMar
39
39
  border: none;
40
40
  outline: 0.125rem solid @sapUiContentFocusColor;
41
41
  outline-offset: -0.25rem;
42
+ }
43
+
44
+ .specialDateIndicator {
45
+ top: 0.1875rem;
46
+ right: 0.1875rem;
47
+ }
48
+
49
+ .sapMSPCMonthDay.sapMSPCMonthDayToday .specialDateIndicator {
50
+ top: 0.3125rem;
51
+ right: 0.3125rem;
52
+ }
53
+
54
+ .sapMSPCMonthGrid .sapMSPCMonthLnkMore {
55
+ right: 0.1875rem;
56
+ }
57
+
58
+ .sapMSPCMonthGrid .sapMSPCMonthDay.sapMSPCMonthDayToday .sapMSPCMonthLnkMore {
59
+ right: 0.3125rem;
42
60
  }
@@ -4,9 +4,25 @@
4
4
  /* ==========0======================= */
5
5
 
6
6
  .sapMFeedIn {
7
- background-color: @sapUiHcReducedBackground;
7
+ background-color: @sapGroup_ContentBackground;
8
8
  }
9
-
10
9
  .sapMFeedInFigure {
11
- border-color: @sapUiHcReducedAltForeground;
10
+ border-color: @sapUiHcReducedAltForeground;
11
+ }
12
+ .sapMFeedIn .sapMBtn {
13
+ position: absolute;
14
+ right: 0rem;
15
+ bottom: 0rem;
16
+ border-width: @sapButton_BorderWidth;
17
+ border-radius: @sapButton_BorderCornerRadius;
18
+ background-color:@sapGroup_ContentBackground;
19
+ font-size: @sapFontSize;
20
+ font-family: @sapFontSemiboldDuplexFamily;
21
+ }
22
+ .sapMFeedIn .sapMBtnInner{
23
+ padding:0;
24
+ border-radius: @sapButton_BorderCornerRadius;
25
+ background-color:@sapButton_Background;
26
+ border: 1px solid @sapButton_BorderColor;
27
+ color:@sapButton_TextColor
12
28
  }
@@ -20,7 +20,7 @@
20
20
  }
21
21
 
22
22
  /* if Panel is not expandable, we do wish header to come with own border */
23
- .sapMPanel > .sapMPanelHdr,
23
+ .sapMPanel .sapMPanelHeadingDiv > .sapMPanelHdr,
24
24
  /* notice: sapMPanelWrappingDiv is available if Panel is expandable */
25
25
  .sapMPanelWrappingDiv,
26
26
  /* do not want border if expanded and if only header text */
@@ -35,4 +35,22 @@ html.sap-desktop .sapMSPCMonthDay.sapMSPCMonthDayToday:focus .sapMSPCMonthNowMar
35
35
  .calendarSpecialDayTypeColorMixIn(sapUiCalendarSpecialDayType17, @sapLegendColor17);
36
36
  .calendarSpecialDayTypeColorMixIn(sapUiCalendarSpecialDayType18, @sapLegendColor18);
37
37
  .calendarSpecialDayTypeColorMixIn(sapUiCalendarSpecialDayType19, @sapLegendColor19);
38
- .calendarSpecialDayTypeColorMixIn(sapUiCalendarSpecialDayType20, @sapLegendColor20);
38
+ .calendarSpecialDayTypeColorMixIn(sapUiCalendarSpecialDayType20, @sapLegendColor20);
39
+
40
+ .specialDateIndicator {
41
+ top: 0.1875rem;
42
+ right: 0.1875rem;
43
+ }
44
+
45
+ .sapMSPCMonthDay.sapMSPCMonthDayToday .specialDateIndicator {
46
+ top: 0.3125rem;
47
+ right: 0.3125rem;
48
+ }
49
+
50
+ .sapMSPCMonthGrid .sapMSPCMonthLnkMore {
51
+ right: 0.1875rem;
52
+ }
53
+
54
+ .sapMSPCMonthGrid .sapMSPCMonthDay.sapMSPCMonthDayToday .sapMSPCMonthLnkMore {
55
+ right: 0.3125rem;
56
+ }
@@ -4,9 +4,26 @@
4
4
  /* ================================== */
5
5
 
6
6
  .sapMFeedIn {
7
- background-color: @sapUiHcReducedBackground;
7
+ background-color: @sapGroup_ContentBackground;
8
8
  }
9
9
 
10
10
  .sapMFeedInFigure {
11
- border-color: @sapUiHcReducedAltForeground;
11
+ border-color: @sapUiHcReducedAltForeground;
12
+ }
13
+ .sapMFeedIn .sapMBtn {
14
+ position: absolute;
15
+ right: 0rem;
16
+ bottom: 0rem;
17
+ border-width: @sapButton_BorderWidth;
18
+ border-radius: @sapButton_BorderCornerRadius;
19
+ background-color:@sapGroup_ContentBackground;
20
+ font-size: @sapFontSize;
21
+ font-family: @sapFontSemiboldDuplexFamily;
22
+ }
23
+ .sapMFeedIn .sapMBtnInner {
24
+ padding:0;
25
+ border-radius: @sapButton_BorderCornerRadius;
26
+ background-color:@sapButton_Background;
27
+ border: 1px solid @sapButton_BorderColor;
28
+ color:@sapButton_TextColor
12
29
  }
@@ -20,7 +20,7 @@
20
20
  }
21
21
 
22
22
  /* if Panel is not expandable, we do wish header to come with own border */
23
- .sapMPanel > .sapMPanelHdr,
23
+ .sapMPanel .sapMPanelHeadingDiv > .sapMPanelHdr,
24
24
  /* notice: sapMPanelWrappingDiv is available if Panel is expandable */
25
25
  .sapMPanelWrappingDiv,
26
26
  /* do not want border if expanded and if only header text */
@@ -378,7 +378,7 @@ html.sap-desktop .sapTntToolHeader .sapMSlt:not(.sapMSltExpanded):not(.sapMSltDi
378
378
  // sap.m.IconTabHeader overriding
379
379
  // ==========================================================================
380
380
 
381
- .sapTntToolHeader {
381
+ .sapTntToolHeader:not(.sapUshellShellToolHeader) {
382
382
  .sapMITH .sapMITBText {
383
383
  color: @sapUiShellInteractiveTextColor;
384
384
  text-shadow: none;
@@ -378,7 +378,7 @@ html.sap-desktop .sapTntToolHeader .sapMSlt:not(.sapMSltExpanded):not(.sapMSltDi
378
378
  // sap.m.IconTabHeader overriding
379
379
  // ==========================================================================
380
380
 
381
- .sapTntToolHeader {
381
+ .sapTntToolHeader:not(.sapUshellShellToolHeader) {
382
382
  .sapMITH .sapMITBText {
383
383
  color: @sapUiShellInteractiveTextColor;
384
384
  text-shadow: none;
@@ -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.112.2</version>
9
+ <version>1.113.0</version>
10
10
 
11
11
  <documentation>SAPUI5 Horizon theme library.</documentation>
12
12