@openui5/themelib_sap_horizon 1.108.16 → 1.108.18

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 (112) hide show
  1. package/THIRDPARTY.txt +1 -1
  2. package/package.json +18 -18
  3. package/src/sap/f/themes/sap_horizon/Card.less +7 -13
  4. package/src/sap/f/themes/sap_horizon/FlexibleColumnLayout.less +40 -13
  5. package/src/sap/f/themes/sap_horizon_dark/Card.less +7 -13
  6. package/src/sap/f/themes/sap_horizon_dark/FlexibleColumnLayout.less +33 -7
  7. package/src/sap/f/themes/sap_horizon_hcb/Card.less +1 -1
  8. package/src/sap/f/themes/sap_horizon_hcb/FlexibleColumnLayout.less +17 -9
  9. package/src/sap/f/themes/sap_horizon_hcw/Card.less +1 -1
  10. package/src/sap/f/themes/sap_horizon_hcw/FlexibleColumnLayout.less +17 -9
  11. package/src/sap/m/themes/sap_horizon/Avatar.less +12 -2
  12. package/src/sap/m/themes/sap_horizon/CheckBox.less +9 -26
  13. package/src/sap/m/themes/sap_horizon/InputBase.less +12 -6
  14. package/src/sap/m/themes/sap_horizon/Link.less +25 -19
  15. package/src/sap/m/themes/sap_horizon/MenuListItem.less +13 -0
  16. package/src/sap/m/themes/sap_horizon/Panel.less +14 -4
  17. package/src/sap/m/themes/sap_horizon/Popover.less +13 -0
  18. package/src/sap/m/themes/sap_horizon/RadioButton.less +4 -5
  19. package/src/sap/m/themes/sap_horizon/RangeSlider.less +2 -7
  20. package/src/sap/m/themes/sap_horizon/SearchField.less +1 -2
  21. package/src/sap/m/themes/sap_horizon/Select.less +38 -38
  22. package/src/sap/m/themes/sap_horizon/Slider.less +2 -1
  23. package/src/sap/m/themes/sap_horizon/TextArea.less +26 -14
  24. package/src/sap/m/themes/sap_horizon/Title.less +12 -0
  25. package/src/sap/m/themes/sap_horizon/Token.less +44 -37
  26. package/src/sap/m/themes/sap_horizon/Tokenizer.less +8 -2
  27. package/src/sap/m/themes/sap_horizon/library.source.less +2 -0
  28. package/src/sap/m/themes/sap_horizon_dark/Avatar.less +12 -2
  29. package/src/sap/m/themes/sap_horizon_dark/CheckBox.less +9 -26
  30. package/src/sap/m/themes/sap_horizon_dark/InputBase.less +12 -6
  31. package/src/sap/m/themes/sap_horizon_dark/Link.less +25 -19
  32. package/src/sap/m/themes/sap_horizon_dark/MenuListItem.less +13 -0
  33. package/src/sap/m/themes/sap_horizon_dark/Panel.less +13 -4
  34. package/src/sap/m/themes/sap_horizon_dark/Popover.less +13 -0
  35. package/src/sap/m/themes/sap_horizon_dark/RadioButton.less +4 -6
  36. package/src/sap/m/themes/sap_horizon_dark/RangeSlider.less +2 -7
  37. package/src/sap/m/themes/sap_horizon_dark/SearchField.less +0 -2
  38. package/src/sap/m/themes/sap_horizon_dark/Select.less +37 -38
  39. package/src/sap/m/themes/sap_horizon_dark/Slider.less +7 -1
  40. package/src/sap/m/themes/sap_horizon_dark/TextArea.less +26 -14
  41. package/src/sap/m/themes/sap_horizon_dark/Title.less +12 -0
  42. package/src/sap/m/themes/sap_horizon_dark/Token.less +44 -37
  43. package/src/sap/m/themes/sap_horizon_dark/Tokenizer.less +8 -2
  44. package/src/sap/m/themes/sap_horizon_dark/library.source.less +2 -0
  45. package/src/sap/m/themes/sap_horizon_hcb/Avatar.less +6 -2
  46. package/src/sap/m/themes/sap_horizon_hcb/CheckBox.less +8 -25
  47. package/src/sap/m/themes/sap_horizon_hcb/InputBase.less +3 -3
  48. package/src/sap/m/themes/sap_horizon_hcb/Link.less +21 -14
  49. package/src/sap/m/themes/sap_horizon_hcb/Panel.less +12 -3
  50. package/src/sap/m/themes/sap_horizon_hcb/Popover.less +6 -0
  51. package/src/sap/m/themes/sap_horizon_hcb/RadioButton.less +1 -1
  52. package/src/sap/m/themes/sap_horizon_hcb/SearchField.less +0 -2
  53. package/src/sap/m/themes/sap_horizon_hcb/Select.less +23 -9
  54. package/src/sap/m/themes/sap_horizon_hcb/SelectList.less +0 -1
  55. package/src/sap/m/themes/sap_horizon_hcb/Slider.less +2 -1
  56. package/src/sap/m/themes/sap_horizon_hcb/TextArea.less +19 -0
  57. package/src/sap/m/themes/sap_horizon_hcb/Title.less +12 -0
  58. package/src/sap/m/themes/sap_horizon_hcb/Token.less +20 -13
  59. package/src/sap/m/themes/sap_horizon_hcb/Tokenizer.less +7 -0
  60. package/src/sap/m/themes/sap_horizon_hcb/library.source.less +1 -0
  61. package/src/sap/m/themes/sap_horizon_hcw/Avatar.less +6 -2
  62. package/src/sap/m/themes/sap_horizon_hcw/CheckBox.less +8 -25
  63. package/src/sap/m/themes/sap_horizon_hcw/InputBase.less +3 -3
  64. package/src/sap/m/themes/sap_horizon_hcw/Link.less +21 -14
  65. package/src/sap/m/themes/sap_horizon_hcw/Panel.less +12 -4
  66. package/src/sap/m/themes/sap_horizon_hcw/Popover.less +6 -0
  67. package/src/sap/m/themes/sap_horizon_hcw/RadioButton.less +1 -1
  68. package/src/sap/m/themes/sap_horizon_hcw/SearchField.less +0 -2
  69. package/src/sap/m/themes/sap_horizon_hcw/Select.less +24 -9
  70. package/src/sap/m/themes/sap_horizon_hcw/SelectList.less +0 -1
  71. package/src/sap/m/themes/sap_horizon_hcw/Slider.less +2 -1
  72. package/src/sap/m/themes/sap_horizon_hcw/TextArea.less +19 -0
  73. package/src/sap/m/themes/sap_horizon_hcw/Title.less +12 -0
  74. package/src/sap/m/themes/sap_horizon_hcw/Token.less +21 -13
  75. package/src/sap/m/themes/sap_horizon_hcw/Tokenizer.less +7 -0
  76. package/src/sap/m/themes/sap_horizon_hcw/library.source.less +1 -0
  77. package/src/sap/tnt/themes/sap_horizon/NavigationList.less +18 -4
  78. package/src/sap/tnt/themes/sap_horizon/SideNavigation.less +11 -2
  79. package/src/sap/tnt/themes/sap_horizon/ToolHeader.less +241 -342
  80. package/src/sap/tnt/themes/sap_horizon/ToolPage.less +16 -3
  81. package/src/sap/tnt/themes/sap_horizon_dark/NavigationList.less +18 -4
  82. package/src/sap/tnt/themes/sap_horizon_dark/SideNavigation.less +11 -2
  83. package/src/sap/tnt/themes/sap_horizon_dark/ToolHeader.less +241 -342
  84. package/src/sap/tnt/themes/sap_horizon_dark/ToolPage.less +16 -3
  85. package/src/sap/tnt/themes/sap_horizon_hcb/NavigationList.less +9 -2
  86. package/src/sap/tnt/themes/sap_horizon_hcb/SideNavigation.less +5 -1
  87. package/src/sap/tnt/themes/sap_horizon_hcb/ToolHeader.less +360 -2
  88. package/src/sap/tnt/themes/sap_horizon_hcb/ToolPage.less +17 -3
  89. package/src/sap/tnt/themes/sap_horizon_hcw/NavigationList.less +9 -2
  90. package/src/sap/tnt/themes/sap_horizon_hcw/SideNavigation.less +5 -1
  91. package/src/sap/tnt/themes/sap_horizon_hcw/ToolHeader.less +360 -2
  92. package/src/sap/tnt/themes/sap_horizon_hcw/ToolPage.less +17 -3
  93. package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
  94. package/src/sap/ui/core/themes/sap_horizon/base.less +990 -56
  95. package/src/sap/ui/core/themes/sap_horizon/global.less +114 -8
  96. package/src/sap/ui/core/themes/sap_horizon/shared.less +9 -102
  97. package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
  98. package/src/sap/ui/core/themes/sap_horizon_dark/base.less +988 -54
  99. package/src/sap/ui/core/themes/sap_horizon_dark/global.less +114 -8
  100. package/src/sap/ui/core/themes/sap_horizon_dark/shared.less +9 -102
  101. package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
  102. package/src/sap/ui/core/themes/sap_horizon_hcb/base.less +998 -57
  103. package/src/sap/ui/core/themes/sap_horizon_hcb/global.less +114 -8
  104. package/src/sap/ui/core/themes/sap_horizon_hcb/shared.less +9 -102
  105. package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
  106. package/src/sap/ui/core/themes/sap_horizon_hcw/base.less +992 -51
  107. package/src/sap/ui/core/themes/sap_horizon_hcw/global.less +114 -8
  108. package/src/sap/ui/core/themes/sap_horizon_hcw/shared.less +9 -102
  109. package/src/sap/ui/unified/themes/sap_horizon/Calendar.less +443 -47
  110. package/src/sap/ui/unified/themes/sap_horizon/Menu.less +48 -6
  111. package/src/sap/ui/unified/themes/sap_horizon_dark/Calendar.less +442 -38
  112. package/src/sap/ui/unified/themes/sap_horizon_dark/Menu.less +36 -7
@@ -44,6 +44,7 @@
44
44
  @import "ListBase.less";
45
45
  @import "ListItemBase.less";
46
46
  @import "MenuButton.less";
47
+ @import "MenuListItem.less";
47
48
  @import "MessageBox.less";
48
49
  @import "MessageStrip.less";
49
50
  @import "MessageView.less";
@@ -101,6 +102,7 @@
101
102
  @import "Token.less";
102
103
  @import "Tokenizer.less";
103
104
  @import "Toolbar.less";
105
+ @import "Title.less";
104
106
  @import "UploadCollection.less";
105
107
  @import "ValueStateHeader.less";
106
108
  @import "ValueStateMessage.less";
@@ -8,6 +8,7 @@
8
8
  @_sap_m_Avatar_Font_Size_M: 1.5rem;
9
9
  @_sap_m_Avatar_Font_Size_S: 1.125rem;
10
10
  @_sap_m_Avatar_Font_Size_XS: 1rem;
11
+ @_sap_m_Avatar_Hover_Box_Shadow_Offset: 0px;
11
12
 
12
13
  .sapFAvatarImageContain,
13
14
  .sapFAvatarIcon,
@@ -27,9 +28,12 @@
27
28
  font-size: inherit;
28
29
  }
29
30
 
31
+ .sapFAvatar:not(.sapMAvatarPressed):not(.sapMAvatarDisabled):hover {
32
+ background-color: @sapActiveColor;
33
+ }
34
+
30
35
  .sapFAvatarFocusable:focus {
31
- outline: none;
32
- box-shadow: 0px 0px 0px 0.125rem @sapUiContentFocusColor;
36
+ outline-width: 0.125rem;
33
37
  }
34
38
 
35
39
  .sapFAvatarColorTileIcon {
@@ -33,7 +33,7 @@
33
33
  }
34
34
  }
35
35
 
36
- .sapMCbBgDis .sapMCbBg {
36
+ .sapMCbBgDis {
37
37
  opacity: @sapUiContentDisabledOpacity;
38
38
  }
39
39
 
@@ -43,16 +43,19 @@
43
43
  }
44
44
 
45
45
  .sapMCbRo > .sapMCbBg.sapMCbMarkChecked:before {
46
- color: @sapUiContentNonInteractiveIconColor;
46
+ color: @sapUiFieldTextColor;
47
47
  }
48
48
 
49
- .sapMCbHoverable:hover {
49
+ .sapMCb:not(.sapMCbErr):not(.sapMCbWarn):not(.sapMCbInfo):not(.sapMCbSucc):hover .sapMCbHoverable {
50
50
  border: @sapUiFieldBorderWidth @sapField_BorderStyle @sapUiFieldHoverBorderColor;
51
51
  color: @sapUiContentSelectedForegroundColor;
52
- box-shadow: @sapUiContentInteractionShadow;
53
52
  background-color: @sapSelectedColor;
54
53
  }
55
54
 
55
+ .sapMCb:hover .sapMCbHoverable {
56
+ background-color: @sapUiFieldHoverBackground;
57
+ }
58
+
56
59
  // value state
57
60
  .sapMCbErr {
58
61
  .sapMCbBg {
@@ -64,28 +67,18 @@
64
67
  border-width: 0.1875rem;
65
68
  }
66
69
  }
67
-
68
- .sapMCbHoverable:hover {
69
- box-shadow: @sapUiContentNegativeShadow;
70
- background-color: @sapUiFieldHoverBackground;
71
- }
72
70
  }
73
71
 
74
72
  .sapMCbWarn {
75
73
  .sapMCbBg {
76
74
  background-color: @sapUiFieldWarningBackground;
77
75
  border: @sapUiFieldWarningBorderWidth dashed @sapUiFieldWarningColor;
78
- color: @sapUiFieldTextColor;
76
+ color: @sapUiFieldWarningColor;
79
77
 
80
78
  &.sapMCbMarkChecked.sapMCbMarkPartiallyChecked::before {
81
79
  border-width: 0.1875rem;
82
80
  }
83
81
  }
84
-
85
- .sapMCbHoverable:hover {
86
- box-shadow: @sapUiContentCriticalShadow;
87
- background-color: @sapUiFieldHoverBackground;
88
- }
89
82
  }
90
83
 
91
84
  .sapMCbInfo {
@@ -98,11 +91,6 @@
98
91
  border-width: 0.25rem;
99
92
  }
100
93
  }
101
-
102
- .sapMCbHoverable:hover {
103
- box-shadow: @sapUiContentInformativeShadow;
104
- background-color: @sapUiFieldHoverBackground;
105
- }
106
94
  }
107
95
 
108
96
  .sapMCbSucc {
@@ -111,11 +99,6 @@
111
99
  border: @sapUiFieldSuccessBorderWidth solid @sapUiFieldSuccessColor;
112
100
  color: @sapUiFieldSuccessColor;
113
101
  }
114
-
115
- .sapMCbHoverable:hover {
116
- box-shadow: @sapUiContentPositiveShadow;
117
- background-color: @sapUiFieldHoverBackground;
118
- }
119
102
  }
120
103
 
121
104
  .sapMCb.sapMCbDisplayOnly:not(.sapMCbBgDis) {
@@ -9,11 +9,11 @@
9
9
 
10
10
  @_sap_m_InputBase_InnerMinWidth: 2.75rem;
11
11
  @_sap_m_InputBase_InnerPadding: 0 0.625rem;
12
- @_sap_m_InputBase_Height: 2.25rem;
13
12
  @_sap_m_InputBase_DisabledOpacity: @sapUiContentDisabledOpacity;
14
13
  @_sap_m_InputBase_IconLineHeight: 2.125rem;
15
14
  @_sap_m_InputBase_IconWidth: 2.25rem;
16
15
  @_sap_m_InputBase_IconMinWidth: 2.25rem;
16
+ @_sap_m_InputBase_FocusOffset_Busy: 3px;
17
17
 
18
18
  .sapMInputBaseContentWrapper:not(.sapMInputBaseContentWrapperError):not(.sapMInputBaseContentWrapperWarning):not(.sapMInputBaseContentWrapperInformation):not(.sapMInputBaseDisabledWrapper) {
19
19
  border: @sapUiContentFocusWidth @sapUiFieldBorderStyle @sapUiFieldBorderColor;
@@ -83,11 +83,11 @@
83
83
  font-weight: bold;
84
84
  }
85
85
 
86
- .sapMInputBaseContentWrapper .sapMInputBaseIcon {
86
+ .sapMInputBaseContentWrapper .sapMInputBaseIconContainer .sapUiIcon.sapMInputBaseIcon {
87
87
  line-height: 2rem;
88
88
  }
89
89
 
90
- .sapUiSizeCompact .sapMInputBaseIcon {
90
+ .sapUiSizeCompact .sapMInputBaseIconContainer .sapUiIcon.sapMInputBaseIcon {
91
91
  line-height: 1.375rem;
92
92
  }
93
93
 
@@ -3,10 +3,6 @@
3
3
  /* Horizon High Contrast Black theme */
4
4
  /* ================================== */
5
5
 
6
- .sapMLnk {
7
- text-decoration: underline;
8
- }
9
-
10
6
  .sapMLnkDsbl {
11
7
  opacity: @sapUiContentDisabledOpacity;
12
8
  outline: none;
@@ -25,20 +21,35 @@
25
21
  .sapMLnk.sapMLnkSubtle {
26
22
  color: @sapUiLinkSubtleColor;
27
23
  text-decoration: underline;
24
+
25
+ &:not(.sapMLnkDsbl) {
26
+ &:active {
27
+ color: @sapUiLinkSubtleColor;
28
+ }
29
+ }
28
30
  }
29
31
 
30
- .sapMLnkSubtle:focus {
31
- color: @sapUiContentFocusColor;
32
+ html.sap-desktop .sapMLnk:not(.sapMLnkDsbl) {
33
+ &:focus {
34
+ outline: 0.125rem dotted @sapUiContentFocusColor;
35
+
36
+ &:hover:not(:active) {
37
+ text-decoration: none;
38
+ }
39
+ }
40
+
41
+ &.sapMLnkSubtle {
42
+ &:hover:not(:active):not(:focus) {
43
+ color: @sapUiLinkSubtleColor;
44
+ text-decoration: none;
45
+ }
46
+ }
32
47
  }
33
48
 
34
49
  .sapMLnk:not(.sapMLnkDsbl) {
35
50
  text-shadow: @sapUiContentTextShadow;
36
51
  }
37
52
 
38
- html.sap-desktop .sapMLnk:hover:not(.sapMLnkDsbl) {
39
- text-decoration: none;
40
- }
41
-
42
53
  /* align Link in Form with Label */
43
54
  .sapUiFormEdit .sapMLnk {
44
55
  margin-top: 0.875rem; /* don't use padding as this would stretch the focus outline */
@@ -47,8 +58,4 @@ html.sap-desktop .sapMLnk:hover:not(.sapMLnkDsbl) {
47
58
 
48
59
  .sapMListTblRow.sapMLIBSelected .sapMLnk:not(.sapMLnkDsbl) {
49
60
  text-shadow: @sapUiContentTextShadow;
50
- }
51
-
52
- html.sap-desktop .sapMLnk:focus:not(.sapMLnkDsbl) {
53
- outline: 0.125rem dotted @sapUiContentFocusColor;
54
61
  }
@@ -4,7 +4,7 @@
4
4
  /* ================================== */
5
5
 
6
6
  .sapMPanel {
7
- min-height: 2.5rem;
7
+ min-height: 2.75rem;
8
8
  }
9
9
 
10
10
  .sapMPanelBGSolid {
@@ -41,6 +41,10 @@
41
41
  border-bottom: 0.0625rem solid @sapUiGroupTitleBorderColor;
42
42
  }
43
43
 
44
+ .sapMPanelContent {
45
+ padding: 0.625rem 1rem;
46
+ }
47
+
44
48
  .sapMPanel .sapMPanelHdr {
45
49
  line-height: 2.75rem;
46
50
  height: 2.75rem;
@@ -50,8 +54,13 @@
50
54
  width: 2.25rem;
51
55
  }
52
56
 
53
- .sapUiSizeCompact .sapMPanelWrappingDiv .sapUiIcon {
54
- width: 2rem;
57
+ .sapUiSizeCompact {
58
+ .sapMPanel {
59
+ min-height: 2.5rem;
60
+ }
61
+ .sapMPanelWrappingDiv .sapUiIcon {
62
+ width: 2rem;
63
+ }
55
64
  }
56
65
 
57
66
  .sapMPanelWrappingDiv .sapUiIcon {
@@ -161,4 +161,10 @@
161
161
  /* pointing left arrow */
162
162
  .sapMPopoverArrLeft:after {
163
163
  margin: 0.125rem 0 0 0.3125rem;
164
+ }
165
+
166
+ .sapMPopoverResizeHandle {
167
+ top: -8px;
168
+ right: -3px;
169
+ color: @sapButton_Lite_TextColor;
164
170
  }
@@ -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,26 @@
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
+
14
34
  /* hover and focus */
15
35
 
16
36
  .sapMSlt.sapMSltIconOnly.sapMSltHoverable:hover:not(.sapMSltState) {
@@ -121,20 +141,14 @@ div.sapMSltPicker {
121
141
  }
122
142
  }
123
143
 
124
- /* hover */
125
-
126
- .sapMSltHoverable:not(.sapMSltPressed):hover > .sapMSltArrow {
144
+ .sapMSlt > .sapMSltArrow {
127
145
  border-left: 0.0625rem solid @sapUiListSelectionBorderColor;
128
146
  }
129
147
 
130
148
  /* pressed */
131
149
 
132
- .sapMSltPressed > .sapMSltArrow {
133
- border-left: 0.0625rem solid @sapUiListSelectionBorderColor;
134
-
135
- &:hover {
136
- background: @sapUiButtonLiteHoverBackground;
137
- }
150
+ .sapMSltPressed > .sapMSltArrow:hover {
151
+ background: @sapUiButtonLiteHoverBackground;
138
152
  }
139
153
 
140
154
  /* ====================================================== */
@@ -25,7 +25,6 @@
25
25
  .sapMComboBoxBasePicker-CTX .sapMSelectListItemBaseSelected,
26
26
  /* focus */
27
27
  html.sap-desktop .sapMSelectListItemBase:focus {
28
- outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
29
28
  outline-offset: -0.1875rem;
30
29
  }
31
30
 
@@ -28,7 +28,8 @@
28
28
  top: -.0625rem;
29
29
  }
30
30
 
31
- .sapMSliderInner:not(.sapMSliderInnerDisabled):hover > .sapMSliderHandle {
31
+ .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderProgress:hover ~ .sapMSliderHandle,
32
+ .sapMSliderHandle:hover {
32
33
  background: @sapUiSliderHoverHandleBackground;
33
34
  border-color: @sapUiSliderHoverHandleBorderColor;
34
35
  box-shadow: @sapUiContentSelectedShadow;
@@ -3,10 +3,29 @@
3
3
  /* Horizon High Contrast Black theme */
4
4
  /* ================================== */
5
5
 
6
+ @_sapMTextAreaPadding: 0.375rem 0.5rem 0.3125rem;
7
+ @_sapMTextAreaPadding_Compact: 0.0625rem 0.375rem 0;
8
+ @_sapMTextAreaReadonlyPadding: 0.375rem 0.625rem 0.3125rem;
9
+ @_sapMTextAreaReadonlyPadding_Compact: 0.0625rem 0.375rem 0;
10
+ @_sapMTextAreaValueStateSuccessPadding: 0.375rem 0.5rem 0.3125rem;
11
+ @_sapMTextAreaValueStateSuccessPadding_Compact: 0.0625rem 0.375rem 0;
12
+ @_sapMTextAreaValueStateInformationPadding: 0.4375rem 0.5625rem 0.375rem;
13
+ @_sapMTextAreaValueStateInformationPadding_Compact: 0.125rem 0.4375rem 0.0625rem;
14
+ @_sapMTextAreaValueStateErrorWarningPadding: 0.375rem 0.5rem 0.3125rem;
15
+ @_sapMTextAreaValueStateErrorWarningPadding_Compact: 0.0625rem 0.375rem 0;
16
+
6
17
  .sapMFocus.sapMTextArea {
7
18
  & .sapMInputBaseContentWrapper {
8
19
  .sapMInputBaseInner {
9
20
  outline-offset: -3px;
10
21
  }
11
22
  }
23
+ }
24
+
25
+ .sapMInputBase.sapMTextArea .sapMTextAreaInner {
26
+ line-height: 1.5;
27
+ }
28
+
29
+ .sapMTextAreaMirror {
30
+ line-height: 1.5;
12
31
  }
@@ -0,0 +1,12 @@
1
+ /* =================================== */
2
+ /* CSS for control sap.m/Title */
3
+ /* Horizon High Contrast Black theme */
4
+ /* =================================== */
5
+
6
+ .sapFFCL .sapFDynamicPage-Std-Desktop-XL .sapFDynamicPageTitleMain .sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading .sapFDynamicPageTitleMainHeadingInner .sapMTitle:not(.sapUICompVarMngmtTitle),
7
+ .sapFFCL .sapFDynamicPage-Std-Desktop .sapFDynamicPageTitleMain .sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading .sapFDynamicPageTitleMainHeadingInner .sapMTitle:not(.sapUICompVarMngmtTitle),
8
+ .sapFFCL .sapFDynamicPage-Std-Tablet .sapFDynamicPageTitleMain .sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading .sapFDynamicPageTitleMainHeadingInner .sapMTitle:not(.sapUICompVarMngmtTitle),
9
+ .sapFFCL .sapFDynamicPage-Std-Phone .sapFDynamicPageTitleMain .sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading .sapFDynamicPageTitleMainHeadingInner .sapMTitle:not(.sapUICompVarMngmtTitle) {
10
+ font-size: @sapObjectHeader_Title_SnappedFontSize;
11
+ font-family: @sapFontBlackFamily;
12
+ }
@@ -12,6 +12,8 @@
12
12
  .sapMToken {
13
13
  padding-left: @_sap_m_Token_LeftPadding;
14
14
  border-radius: 0.25rem;
15
+ color: @sapTextColor;
16
+ font-size: @sapFontSize;
15
17
  }
16
18
 
17
19
  html.sap-desktop .sapMToken:not(.sapMTokenReadOnly):hover {
@@ -24,6 +26,11 @@ html.sap-desktop .sapMToken.sapMTokenSelected:not(.sapMTokenReadOnly):hover {
24
26
  border: @sapUiButtonBorderWidth solid @sapUiButtonSelectedBorderColor;
25
27
  }
26
28
 
29
+ html.sap-desktop .sapMToken:focus {
30
+ outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
31
+ outline-offset: -0.1875rem;
32
+ }
33
+
27
34
  html.sap-desktop .sapMToken {
28
35
  &.sapMTokenReadOnly,
29
36
  &.sapMTokenReadOnly:hover,
@@ -35,19 +42,19 @@ html.sap-desktop .sapMToken {
35
42
  }
36
43
  }
37
44
 
38
- html.sap-desktop .sapMToken:focus {
39
- outline: none;
45
+ .sapMToken.sapMTokenReadOnly {
46
+ padding: 0.25rem 0.3125rem;
47
+ color: @sapUiContentLabelColor;
48
+
49
+ .sapMTokenText {
50
+ line-height: 1rem;
51
+ }
40
52
  }
41
53
 
42
- html.sap-desktop .sapMToken:focus::after {
43
- content: '';
44
- position: absolute;
45
- pointer-events: none;
46
- z-index: 2;
47
- border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiFieldActiveBorderColor;
48
- border-radius: 0.25rem;
49
- top: 0.0625rem;
50
- bottom: 0.0625rem;
51
- left: 0.0625rem;
52
- right: 0.0625rem;
54
+ .sapUiSizeCompact .sapMToken.sapMTokenReadOnly {
55
+ padding: 0.125rem 0.25rem;
56
+
57
+ .sapMTokenText {
58
+ line-height: 0.875rem;
59
+ }
53
60
  }
@@ -36,9 +36,16 @@ html.sap-desktop .sapMTokenizer.sapMTokenizerReadonly {
36
36
  }
37
37
  }
38
38
 
39
+ .sapMTokenizer.sapMTokenizerReadonly .sapMToken.sapMTokenReadOnly {
40
+ padding: 0.25rem 0.3125rem;
41
+ }
42
+
39
43
  .sapUiSizeCompact {
40
44
  .sapMTokenizer {
41
45
  padding-left: 0.25rem;
46
+ &.sapMTokenizerReadonly .sapMToken.sapMTokenReadOnly {
47
+ padding: 0.125rem 0.25rem;
48
+ }
42
49
  .sapMToken {
43
50
  margin-right: 0.25rem;
44
51
  margin-top: 0.0625rem;
@@ -110,6 +110,7 @@
110
110
  @import "Token.less";
111
111
  @import "Tokenizer.less";
112
112
  @import "Toolbar.less";
113
+ @import "Title.less";
113
114
  @import "UploadCollection.less";
114
115
  @import "ValueStateHeader.less";
115
116
  @import "ValueStateMessage.less";
@@ -8,6 +8,7 @@
8
8
  @_sap_m_Avatar_Font_Size_M: 1.5rem;
9
9
  @_sap_m_Avatar_Font_Size_S: 1.125rem;
10
10
  @_sap_m_Avatar_Font_Size_XS: 1rem;
11
+ @_sap_m_Avatar_Hover_Box_Shadow_Offset: 0px;
11
12
 
12
13
  .sapFAvatarImageContain,
13
14
  .sapFAvatarIcon,
@@ -28,8 +29,11 @@
28
29
  }
29
30
 
30
31
  .sapFAvatarFocusable:focus {
31
- outline: none;
32
- box-shadow: 0px 0px 0px 0.125rem @sapUiContentFocusColor;
32
+ outline-width: 0.125rem;
33
+ }
34
+
35
+ .sapFAvatar:not(.sapMAvatarPressed):not(.sapMAvatarDisabled):hover {
36
+ background-color: @sapActiveColor;
33
37
  }
34
38
 
35
39
  .sapFAvatarColorTileIcon {
@@ -33,7 +33,7 @@
33
33
  }
34
34
  }
35
35
 
36
- .sapMCbBgDis .sapMCbBg {
36
+ .sapMCbBgDis {
37
37
  opacity: @sapUiContentDisabledOpacity;
38
38
  }
39
39
 
@@ -43,16 +43,19 @@
43
43
  }
44
44
 
45
45
  .sapMCbRo > .sapMCbBg.sapMCbMarkChecked:before {
46
- color: @sapUiContentNonInteractiveIconColor;
46
+ color: @sapUiFieldTextColor;
47
47
  }
48
48
 
49
- .sapMCbHoverable:hover {
49
+ .sapMCb:not(.sapMCbErr):not(.sapMCbWarn):not(.sapMCbInfo):not(.sapMCbSucc):hover .sapMCbHoverable {
50
50
  border: @sapUiFieldBorderWidth @sapField_BorderStyle @sapUiFieldHoverBorderColor;
51
51
  color: @sapUiContentSelectedForegroundColor;
52
- box-shadow: @sapUiContentInteractionShadow;
53
52
  background-color: @sapSelectedColor;
54
53
  }
55
54
 
55
+ .sapMCb:hover .sapMCbHoverable {
56
+ background-color: @sapUiFieldHoverBackground;
57
+ }
58
+
56
59
  // value state
57
60
  .sapMCbErr {
58
61
  .sapMCbBg {
@@ -64,28 +67,18 @@
64
67
  border-width: 0.1875rem;
65
68
  }
66
69
  }
67
-
68
- .sapMCbHoverable:hover {
69
- box-shadow: @sapUiContentNegativeShadow;
70
- background-color: @sapUiFieldHoverBackground;
71
- }
72
70
  }
73
71
 
74
72
  .sapMCbWarn {
75
73
  .sapMCbBg {
76
74
  background-color: @sapUiFieldWarningBackground;
77
75
  border: @sapUiFieldWarningBorderWidth dashed @sapUiFieldWarningColor;
78
- color: @sapUiFieldTextColor;
76
+ color: @sapUiFieldWarningColor;
79
77
 
80
78
  &.sapMCbMarkChecked.sapMCbMarkPartiallyChecked::before {
81
79
  border-width: 0.1875rem;
82
80
  }
83
81
  }
84
-
85
- .sapMCbHoverable:hover {
86
- box-shadow: @sapUiContentCriticalShadow;
87
- background-color: @sapUiFieldHoverBackground;
88
- }
89
82
  }
90
83
 
91
84
  .sapMCbInfo {
@@ -98,11 +91,6 @@
98
91
  border-width: 0.25rem;
99
92
  }
100
93
  }
101
-
102
- .sapMCbHoverable:hover {
103
- box-shadow: @sapUiContentInformativeShadow;
104
- background-color: @sapUiFieldHoverBackground;
105
- }
106
94
  }
107
95
 
108
96
  .sapMCbSucc {
@@ -111,11 +99,6 @@
111
99
  border: @sapUiFieldSuccessBorderWidth solid @sapUiFieldSuccessColor;
112
100
  color: @sapUiFieldSuccessColor;
113
101
  }
114
-
115
- .sapMCbHoverable:hover {
116
- box-shadow: @sapUiContentPositiveShadow;
117
- background-color: @sapUiFieldHoverBackground;
118
- }
119
102
  }
120
103
 
121
104
  .sapMCb.sapMCbDisplayOnly:not(.sapMCbBgDis) {
@@ -9,11 +9,11 @@
9
9
 
10
10
  @_sap_m_InputBase_InnerMinWidth: 2.75rem;
11
11
  @_sap_m_InputBase_InnerPadding: 0 0.625rem;
12
- @_sap_m_InputBase_Height: 2.25rem;
13
12
  @_sap_m_InputBase_DisabledOpacity: @sapUiContentDisabledOpacity;
14
13
  @_sap_m_InputBase_IconLineHeight: 2.125rem;
15
14
  @_sap_m_InputBase_IconWidth: 2.25rem;
16
15
  @_sap_m_InputBase_IconMinWidth: 2.25rem;
16
+ @_sap_m_InputBase_FocusOffset_Busy: 3px;
17
17
 
18
18
  .sapMInputBaseContentWrapper:not(.sapMInputBaseContentWrapperError):not(.sapMInputBaseContentWrapperWarning):not(.sapMInputBaseContentWrapperInformation):not(.sapMInputBaseDisabledWrapper) {
19
19
  border: @sapUiContentFocusWidth @sapUiFieldBorderStyle @sapUiFieldBorderColor;
@@ -83,11 +83,11 @@
83
83
  font-weight: bold;
84
84
  }
85
85
 
86
- .sapMInputBaseContentWrapper .sapMInputBaseIcon {
86
+ .sapMInputBaseContentWrapper .sapMInputBaseIconContainer .sapUiIcon.sapMInputBaseIcon {
87
87
  line-height: 2rem;
88
88
  }
89
89
 
90
- .sapUiSizeCompact .sapMInputBaseIcon {
90
+ .sapUiSizeCompact .sapMInputBaseIconContainer .sapUiIcon.sapMInputBaseIcon {
91
91
  line-height: 1.375rem;
92
92
  }
93
93
 
@@ -3,10 +3,6 @@
3
3
  /* Horizon High Contrast White theme */
4
4
  /* ================================== */
5
5
 
6
- .sapMLnk {
7
- text-decoration: underline;
8
- }
9
-
10
6
  .sapMLnkDsbl {
11
7
  opacity: @sapUiContentDisabledOpacity;
12
8
  outline: none;
@@ -25,20 +21,35 @@
25
21
  .sapMLnk.sapMLnkSubtle {
26
22
  color: @sapUiLinkSubtleColor;
27
23
  text-decoration: underline;
24
+
25
+ &:not(.sapMLnkDsbl) {
26
+ &:active {
27
+ color: @sapUiLinkSubtleColor;
28
+ }
29
+ }
28
30
  }
29
31
 
30
- .sapMLnkSubtle:focus {
31
- color: @sapUiContentFocusColor;
32
+ html.sap-desktop .sapMLnk:not(.sapMLnkDsbl) {
33
+ &:focus {
34
+ outline: 0.125rem dotted @sapUiContentFocusColor;
35
+
36
+ &:hover:not(:active) {
37
+ text-decoration: none;
38
+ }
39
+ }
40
+
41
+ &.sapMLnkSubtle {
42
+ &:hover:not(:active):not(:focus) {
43
+ color: @sapUiLinkSubtleColor;
44
+ text-decoration: none;
45
+ }
46
+ }
32
47
  }
33
48
 
34
49
  .sapMLnk:not(.sapMLnkDsbl) {
35
50
  text-shadow: @sapUiContentTextShadow;
36
51
  }
37
52
 
38
- html.sap-desktop .sapMLnk:hover:not(.sapMLnkDsbl) {
39
- text-decoration: none;
40
- }
41
-
42
53
  /* align Link in Form with Label */
43
54
  .sapUiFormEdit .sapMLnk {
44
55
  margin-top: 0.875rem; /* don't use padding as this would stretch the focus outline */
@@ -47,8 +58,4 @@ html.sap-desktop .sapMLnk:hover:not(.sapMLnkDsbl) {
47
58
 
48
59
  .sapMListTblRow.sapMLIBSelected .sapMLnk:not(.sapMLnkDsbl) {
49
60
  text-shadow: @sapUiContentTextShadow;
50
- }
51
-
52
- html.sap-desktop .sapMLnk:focus:not(.sapMLnkDsbl) {
53
- outline: 0.125rem dotted @sapUiContentFocusColor;
54
61
  }