@openui5/themelib_sap_horizon 1.149.1 → 1.151.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 (105) hide show
  1. package/REUSE.toml +24 -0
  2. package/THIRDPARTY.txt +25 -6
  3. package/package.json +18 -18
  4. package/src/sap/f/themes/sap_horizon/DynamicPageTitle.less +0 -4
  5. package/src/sap/f/themes/sap_horizon/GridListItem.less +2 -1
  6. package/src/sap/f/themes/sap_horizon/SidePanel.less +5 -1
  7. package/src/sap/f/themes/sap_horizon_dark/DynamicPageTitle.less +0 -4
  8. package/src/sap/f/themes/sap_horizon_dark/GridListItem.less +2 -1
  9. package/src/sap/f/themes/sap_horizon_dark/SidePanel.less +5 -1
  10. package/src/sap/f/themes/sap_horizon_hcb/GridListItem.less +2 -1
  11. package/src/sap/f/themes/sap_horizon_hcb/SidePanel.less +5 -1
  12. package/src/sap/f/themes/sap_horizon_hcw/GridListItem.less +2 -1
  13. package/src/sap/f/themes/sap_horizon_hcw/SidePanel.less +5 -1
  14. package/src/sap/m/themes/sap_horizon/Button.less +6 -6
  15. package/src/sap/m/themes/sap_horizon/ColorPalette.less +86 -6
  16. package/src/sap/m/themes/sap_horizon/CustomTile.less +2 -1
  17. package/src/sap/m/themes/sap_horizon/IconTabBar.less +5 -26
  18. package/src/sap/m/themes/sap_horizon/Link.less +7 -0
  19. package/src/sap/m/themes/sap_horizon/MessageBox.less +0 -9
  20. package/src/sap/m/themes/sap_horizon/ObjectAttribute.less +14 -4
  21. package/src/sap/m/themes/sap_horizon/ObjectHeader.less +24 -12
  22. package/src/sap/m/themes/sap_horizon/ObjectMarker.less +15 -2
  23. package/src/sap/m/themes/sap_horizon/ObjectNumber.less +2 -1
  24. package/src/sap/m/themes/sap_horizon/ObjectStatus.less +94 -0
  25. package/src/sap/m/themes/sap_horizon/Panel.less +2 -3
  26. package/src/sap/m/themes/sap_horizon/SegmentedButton.less +94 -4
  27. package/src/sap/m/themes/sap_horizon/Select.less +26 -13
  28. package/src/sap/m/themes/sap_horizon/SelectList.less +3 -1
  29. package/src/sap/m/themes/sap_horizon/SliderTooltip.less +7 -3
  30. package/src/sap/m/themes/sap_horizon/StandardListItem.less +0 -4
  31. package/src/sap/m/themes/sap_horizon/Switch.less +22 -0
  32. package/src/sap/m/themes/sap_horizon/Text.less +12 -0
  33. package/src/sap/m/themes/sap_horizon/TileContainer.less +17 -1
  34. package/src/sap/m/themes/sap_horizon/Token.less +4 -0
  35. package/src/sap/m/themes/sap_horizon_dark/Button.less +6 -6
  36. package/src/sap/m/themes/sap_horizon_dark/ColorPalette.less +87 -6
  37. package/src/sap/m/themes/sap_horizon_dark/CustomTile.less +2 -1
  38. package/src/sap/m/themes/sap_horizon_dark/IconTabBar.less +5 -26
  39. package/src/sap/m/themes/sap_horizon_dark/Link.less +7 -0
  40. package/src/sap/m/themes/sap_horizon_dark/MessageBox.less +0 -9
  41. package/src/sap/m/themes/sap_horizon_dark/ObjectAttribute.less +14 -4
  42. package/src/sap/m/themes/sap_horizon_dark/ObjectHeader.less +24 -12
  43. package/src/sap/m/themes/sap_horizon_dark/ObjectMarker.less +15 -2
  44. package/src/sap/m/themes/sap_horizon_dark/ObjectNumber.less +2 -1
  45. package/src/sap/m/themes/sap_horizon_dark/ObjectStatus.less +94 -0
  46. package/src/sap/m/themes/sap_horizon_dark/Panel.less +2 -3
  47. package/src/sap/m/themes/sap_horizon_dark/SegmentedButton.less +94 -4
  48. package/src/sap/m/themes/sap_horizon_dark/Select.less +25 -13
  49. package/src/sap/m/themes/sap_horizon_dark/SelectList.less +3 -1
  50. package/src/sap/m/themes/sap_horizon_dark/SliderTooltip.less +7 -2
  51. package/src/sap/m/themes/sap_horizon_dark/StandardListItem.less +0 -4
  52. package/src/sap/m/themes/sap_horizon_dark/Switch.less +22 -0
  53. package/src/sap/m/themes/sap_horizon_dark/Text.less +12 -0
  54. package/src/sap/m/themes/sap_horizon_dark/TileContainer.less +17 -1
  55. package/src/sap/m/themes/sap_horizon_dark/Token.less +4 -0
  56. package/src/sap/m/themes/sap_horizon_hcb/Button.less +8 -8
  57. package/src/sap/m/themes/sap_horizon_hcb/ColorPalette.less +32 -0
  58. package/src/sap/m/themes/sap_horizon_hcb/CustomTile.less +2 -1
  59. package/src/sap/m/themes/sap_horizon_hcb/Link.less +3 -0
  60. package/src/sap/m/themes/sap_horizon_hcb/ObjectAttribute.less +19 -4
  61. package/src/sap/m/themes/sap_horizon_hcb/ObjectHeader.less +24 -12
  62. package/src/sap/m/themes/sap_horizon_hcb/ObjectMarker.less +2 -1
  63. package/src/sap/m/themes/sap_horizon_hcb/ObjectNumber.less +2 -1
  64. package/src/sap/m/themes/sap_horizon_hcb/ObjectStatus.less +41 -0
  65. package/src/sap/m/themes/sap_horizon_hcb/Panel.less +2 -3
  66. package/src/sap/m/themes/sap_horizon_hcb/SegmentedButton.less +22 -10
  67. package/src/sap/m/themes/sap_horizon_hcb/Select.less +13 -20
  68. package/src/sap/m/themes/sap_horizon_hcb/SelectList.less +1 -0
  69. package/src/sap/m/themes/sap_horizon_hcb/SliderTooltip.less +10 -4
  70. package/src/sap/m/themes/sap_horizon_hcb/StandardListItem.less +0 -6
  71. package/src/sap/m/themes/sap_horizon_hcb/Switch.less +22 -0
  72. package/src/sap/m/themes/sap_horizon_hcb/Text.less +12 -0
  73. package/src/sap/m/themes/sap_horizon_hcb/Tile.less +12 -6
  74. package/src/sap/m/themes/sap_horizon_hcb/TileContainer.less +2 -1
  75. package/src/sap/m/themes/sap_horizon_hcb/Token.less +1 -0
  76. package/src/sap/m/themes/sap_horizon_hcb/Tokenizer.less +5 -0
  77. package/src/sap/m/themes/sap_horizon_hcw/Button.less +8 -8
  78. package/src/sap/m/themes/sap_horizon_hcw/ColorPalette.less +32 -0
  79. package/src/sap/m/themes/sap_horizon_hcw/CustomTile.less +2 -1
  80. package/src/sap/m/themes/sap_horizon_hcw/Link.less +3 -0
  81. package/src/sap/m/themes/sap_horizon_hcw/ObjectAttribute.less +19 -4
  82. package/src/sap/m/themes/sap_horizon_hcw/ObjectHeader.less +24 -12
  83. package/src/sap/m/themes/sap_horizon_hcw/ObjectMarker.less +2 -1
  84. package/src/sap/m/themes/sap_horizon_hcw/ObjectNumber.less +2 -1
  85. package/src/sap/m/themes/sap_horizon_hcw/ObjectStatus.less +41 -0
  86. package/src/sap/m/themes/sap_horizon_hcw/Panel.less +2 -3
  87. package/src/sap/m/themes/sap_horizon_hcw/SegmentedButton.less +22 -10
  88. package/src/sap/m/themes/sap_horizon_hcw/Select.less +13 -20
  89. package/src/sap/m/themes/sap_horizon_hcw/SelectList.less +1 -0
  90. package/src/sap/m/themes/sap_horizon_hcw/SliderTooltip.less +10 -4
  91. package/src/sap/m/themes/sap_horizon_hcw/StandardListItem.less +0 -6
  92. package/src/sap/m/themes/sap_horizon_hcw/Switch.less +22 -0
  93. package/src/sap/m/themes/sap_horizon_hcw/Text.less +12 -0
  94. package/src/sap/m/themes/sap_horizon_hcw/Tile.less +12 -6
  95. package/src/sap/m/themes/sap_horizon_hcw/TileContainer.less +2 -1
  96. package/src/sap/m/themes/sap_horizon_hcw/Token.less +1 -0
  97. package/src/sap/m/themes/sap_horizon_hcw/Tokenizer.less +5 -0
  98. package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
  99. package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
  100. package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
  101. package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
  102. package/src/sap/ui/unified/themes/sap_horizon/Calendar.less +399 -156
  103. package/src/sap/ui/unified/themes/sap_horizon_dark/Calendar.less +392 -146
  104. package/src/sap/ui/unified/themes/sap_horizon_hcb/Calendar.less +241 -85
  105. package/src/sap/ui/unified/themes/sap_horizon_hcw/Calendar.less +241 -86
package/REUSE.toml CHANGED
@@ -225,6 +225,16 @@ SPDX-FileCopyrightText = "jQuery Foundation and other contributors"
225
225
  SPDX-License-Identifier = "MIT"
226
226
  SPDX-FileComment = "these files belong to: QUnit 2.18"
227
227
 
228
+ [[annotations]]
229
+ path = [
230
+ "src/sap.ui.core/test/sap/ui/core/qunit/thirdparty/qunit-2.26.0.css",
231
+ "src/sap.ui.core/test/sap/ui/core/qunit/thirdparty/qunit-2.26.0.js"
232
+ ]
233
+ precedence = "aggregate"
234
+ SPDX-FileCopyrightText = "OpenJS Foundation and other contributors"
235
+ SPDX-License-Identifier = "MIT"
236
+ SPDX-FileComment = "these files belong to: QUnit 2.26.0"
237
+
228
238
  [[annotations]]
229
239
  path = "src/sap.ui.core/src/sap/ui/thirdparty/jquery-compat.js"
230
240
  precedence = "aggregate"
@@ -349,6 +359,20 @@ SPDX-FileCopyrightText = "2010-2022, Christian Johansen, christian@cjohansen.no"
349
359
  SPDX-License-Identifier = "BSD-3-Clause"
350
360
  SPDX-FileComment = "these files belong to: SinonJS 14"
351
361
 
362
+ [[annotations]]
363
+ path = "src/sap.ui.core/test/sap/ui/core/qunit/thirdparty/sinon-22.0.0.js"
364
+ precedence = "aggregate"
365
+ SPDX-FileCopyrightText = "2010-2024, Christian Johansen, christian@cjohansen.no"
366
+ SPDX-License-Identifier = "BSD-3-Clause"
367
+ SPDX-FileComment = "these files belong to: SinonJS 22"
368
+
369
+ [[annotations]]
370
+ path = "src/sap.ui.core/test/sap/ui/core/qunit/thirdparty/nise-6.1.5.js"
371
+ precedence = "aggregate"
372
+ SPDX-FileCopyrightText = "2010-2017, Christian Johansen, christian@cjohansen.no"
373
+ SPDX-License-Identifier = "BSD-3-Clause"
374
+ SPDX-FileComment = "these files belong to: nise"
375
+
352
376
  [[annotations]]
353
377
  path = "src/sap.ui.core/src/sap/ui/thirdparty/sinon-qunit.js"
354
378
  precedence = "aggregate"
package/THIRDPARTY.txt CHANGED
@@ -6,31 +6,31 @@ The full text of all referenced licenses is appended at the end of this file.
6
6
 
7
7
  Library: sap.f:
8
8
 
9
- Component: UI5 Web Components, version: 2.19.2
9
+ Component: UI5 Web Components, version: 2.24.0
10
10
  Copyright: SAP
11
11
  License: Apache-2.0
12
12
  License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
13
13
  Contained in: src/sap.f/src/sap/f/thirdparty/**
14
14
 
15
- Component: UI5 Web Components Fiori, version: 2.19.2
15
+ Component: UI5 Web Components Fiori, version: 2.24.0
16
16
  Copyright: SAP
17
17
  License: Apache-2.0
18
18
  License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
19
19
  Contained in: src/sap.f/src/sap/f/thirdparty/**
20
20
 
21
- Component: UI5 Web Components Icons, version: 2.19.2
21
+ Component: UI5 Web Components Icons, version: 2.24.0
22
22
  Copyright: SAP
23
23
  License: Apache-2.0
24
24
  License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
25
25
  Contained in: src/sap.f/src/sap/f/thirdparty/**
26
26
 
27
- Component: UI5 Web Components Icons Business Suite, version: 2.19.2
27
+ Component: UI5 Web Components Icons Business Suite, version: 2.24.0
28
28
  Copyright: SAP
29
29
  License: Apache-2.0
30
30
  License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
31
31
  Contained in: src/sap.f/src/sap/f/thirdparty/**
32
32
 
33
- Component: UI5 Web Components Icons TNT, version: 2.19.2
33
+ Component: UI5 Web Components Icons TNT, version: 2.24.0
34
34
  Copyright: SAP
35
35
  License: Apache-2.0
36
36
  License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
@@ -134,6 +134,13 @@ License Text: https://github.com/UI5/openui5/blob/master/LICENSES/MIT.txt
134
134
  Contained in: src/sap.ui.core/test/sap/ui/core/qunit/thirdparty/qunit-2.18.css
135
135
  src/sap.ui.core/test/sap/ui/core/qunit/thirdparty/qunit-2.18.js
136
136
 
137
+ Component: QUnit 2.26.0, version: 2.26.0
138
+ Copyright: OpenJS Foundation and other contributors
139
+ License: MIT
140
+ License Text: https://github.com/UI5/openui5/blob/master/LICENSES/MIT.txt
141
+ Contained in: src/sap.ui.core/test/sap/ui/core/qunit/thirdparty/qunit-2.26.0.css
142
+ src/sap.ui.core/test/sap/ui/core/qunit/thirdparty/qunit-2.26.0.js
143
+
137
144
  Component: jQuery-Migrate, version: 3.3.1
138
145
  Copyright: OpenJS Foundation and other contributors
139
146
  License: MIT
@@ -227,6 +234,18 @@ License: BSD-3-Clause
227
234
  License Text: https://github.com/UI5/openui5/blob/master/LICENSES/BSD-3-Clause.txt
228
235
  Contained in: src/sap.ui.core/test/sap/ui/core/qunit/thirdparty/sinon-14.0.js
229
236
 
237
+ Component: SinonJS 22, version: 22.0.0
238
+ Copyright: 2010-2024, Christian Johansen, christian@cjohansen.no
239
+ License: BSD-3-Clause
240
+ License Text: https://github.com/UI5/openui5/blob/master/LICENSES/BSD-3-Clause.txt
241
+ Contained in: src/sap.ui.core/test/sap/ui/core/qunit/thirdparty/sinon-22.0.0.js
242
+
243
+ Component: nise, version: 6.1.5
244
+ Copyright: 2010-2017, Christian Johansen, christian@cjohansen.no
245
+ License: BSD-3-Clause
246
+ License Text: https://github.com/UI5/openui5/blob/master/LICENSES/BSD-3-Clause.txt
247
+ Contained in: src/sap.ui.core/test/sap/ui/core/qunit/thirdparty/nise-6.1.5.js
248
+
230
249
  Component: Sinon-qunit, version: 2.0.0
231
250
  Copyright: 2010-2011, Christian Johansen
232
251
  License: BSD-3-Clause
@@ -248,7 +267,7 @@ License: MIT
248
267
  License Text: https://github.com/UI5/openui5/blob/master/LICENSES/MIT.txt
249
268
  Contained in: src/sap.ui.core/src/sap/ui/thirdparty/punycode.js
250
269
 
251
- Component: handlebars, version: 4.7.7
270
+ Component: handlebars, version: 4.7.9
252
271
  Copyright: 2011-2019 by Yehuda Katz
253
272
  License: MIT
254
273
  License Text: https://github.com/UI5/openui5/blob/master/LICENSES/MIT.txt
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@openui5/themelib_sap_horizon",
3
- "version": "1.149.1",
3
+ "version": "1.151.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/UI5/openui5.git"
15
15
  },
16
16
  "devDependencies": {
17
- "@openui5/sap.f": "1.149.1",
18
- "@openui5/sap.m": "1.149.1",
19
- "@openui5/sap.tnt": "1.149.1",
20
- "@openui5/sap.ui.codeeditor": "1.149.1",
21
- "@openui5/sap.ui.commons": "1.149.1",
22
- "@openui5/sap.ui.core": "1.149.1",
23
- "@openui5/sap.ui.dt": "1.149.1",
24
- "@openui5/sap.ui.fl": "1.149.1",
25
- "@openui5/sap.ui.mdc": "1.149.1",
26
- "@openui5/sap.ui.integration": "1.149.1",
27
- "@openui5/sap.ui.layout": "1.149.1",
28
- "@openui5/sap.ui.rta": "1.149.1",
29
- "@openui5/sap.ui.suite": "1.149.1",
30
- "@openui5/sap.ui.table": "1.149.1",
31
- "@openui5/sap.ui.unified": "1.149.1",
32
- "@openui5/sap.ui.ux3": "1.149.1",
33
- "@openui5/sap.uxap": "1.149.1"
17
+ "@openui5/sap.f": "1.151.0",
18
+ "@openui5/sap.m": "1.151.0",
19
+ "@openui5/sap.tnt": "1.151.0",
20
+ "@openui5/sap.ui.codeeditor": "1.151.0",
21
+ "@openui5/sap.ui.commons": "1.151.0",
22
+ "@openui5/sap.ui.core": "1.151.0",
23
+ "@openui5/sap.ui.dt": "1.151.0",
24
+ "@openui5/sap.ui.fl": "1.151.0",
25
+ "@openui5/sap.ui.mdc": "1.151.0",
26
+ "@openui5/sap.ui.integration": "1.151.0",
27
+ "@openui5/sap.ui.layout": "1.151.0",
28
+ "@openui5/sap.ui.rta": "1.151.0",
29
+ "@openui5/sap.ui.suite": "1.151.0",
30
+ "@openui5/sap.ui.table": "1.151.0",
31
+ "@openui5/sap.ui.unified": "1.151.0",
32
+ "@openui5/sap.ui.ux3": "1.151.0",
33
+ "@openui5/sap.uxap": "1.151.0"
34
34
  }
35
35
  }
@@ -121,10 +121,6 @@ html.sap-desktop {
121
121
  /* GenericTag */
122
122
  /* =========== */
123
123
 
124
- .sapFDynamicPageTitleMain .sapMGenericTag.sapMBarChild {
125
- margin-top: 1rem;
126
- }
127
-
128
124
  .sapFDynamicPageTitleSnapped .sapMGenericTag.sapMBarChild {
129
125
  margin-top: 0.3125rem;
130
126
  }
@@ -8,4 +8,5 @@
8
8
  @_sap_f_GridListItem_HeaderHeight: 2.75rem;
9
9
  @_sap_f_GridListItem_FocusedHighlightOffset: 0.5rem;
10
10
  @_sap_f_GridListItem_HighlightBorderRadius: 1rem;
11
- @_sap_f_GridListItem_FocusedHighlightBorderRadius: 1rem 2rem;
11
+ @_sap_f_GridListItem_FocusedHighlightBorderRadius: 1rem 2rem;
12
+ @_sap_f_GridListItem_SelectedBoxShadow: 0 0 0 0.125rem var(--sapList_SelectionBorderColor), var(--sapContent_Shadow0);
@@ -33,7 +33,7 @@
33
33
  }
34
34
  }
35
35
 
36
- &:focus {
36
+ &:focus-visible {
37
37
 
38
38
  &::after {
39
39
  border: 0.125rem solid var(--sapContent_Selected_ForegroundColor);
@@ -43,4 +43,8 @@
43
43
  }
44
44
  }
45
45
  }
46
+ }
47
+
48
+ html.sap-desktop .sapFSP .sapFSPSide .sapFSPSideInner .sapFSPActionBar .sapFSPItem:focus::after {
49
+ border: 0.125rem solid var(--sapContent_Selected_ForegroundColor);
46
50
  }
@@ -122,10 +122,6 @@ html.sap-desktop {
122
122
  /* GenericTag */
123
123
  /* =========== */
124
124
 
125
- .sapFDynamicPageTitleMain .sapMGenericTag.sapMBarChild {
126
- margin-top: 1rem;
127
- }
128
-
129
125
  .sapFDynamicPageTitleSnapped .sapMGenericTag.sapMBarChild {
130
126
  margin-top: 0.3125rem;
131
127
  }
@@ -8,4 +8,5 @@
8
8
  @_sap_f_GridListItem_HeaderHeight: 2.75rem;
9
9
  @_sap_f_GridListItem_FocusedHighlightOffset: 0.5rem;
10
10
  @_sap_f_GridListItem_HighlightBorderRadius: 1rem;
11
- @_sap_f_GridListItem_FocusedHighlightBorderRadius: 1rem 2rem;
11
+ @_sap_f_GridListItem_FocusedHighlightBorderRadius: 1rem 2rem;
12
+ @_sap_f_GridListItem_SelectedBoxShadow: 0 0 0 0.125rem var(--sapList_SelectionBorderColor), var(--sapContent_Shadow0);
@@ -33,7 +33,7 @@
33
33
  }
34
34
  }
35
35
 
36
- &:focus {
36
+ &:focus-visible {
37
37
 
38
38
  &::after {
39
39
  border: 0.125rem solid var(--sapContent_Selected_ForegroundColor);
@@ -43,4 +43,8 @@
43
43
  }
44
44
  }
45
45
  }
46
+ }
47
+
48
+ html.sap-desktop .sapFSP .sapFSPSide .sapFSPSideInner .sapFSPActionBar .sapFSPItem:focus::after {
49
+ border: 0.125rem solid var(--sapContent_Selected_ForegroundColor);
46
50
  }
@@ -4,4 +4,5 @@
4
4
  /* =================================== */
5
5
 
6
6
  @_sap_f_GridListItem_HeaderBoxShadow: none;
7
- @_sap_f_GridListItem_HeaderHeight: 2.75rem;
7
+ @_sap_f_GridListItem_HeaderHeight: 2.75rem;
8
+ @_sap_f_GridListItem_SelectedBoxShadow: 0 0 0 0.125rem var(--sapList_SelectionBorderColor), var(--sapContent_Shadow0);
@@ -40,7 +40,7 @@
40
40
  }
41
41
  }
42
42
 
43
- &:focus {
43
+ &:focus-visible {
44
44
 
45
45
  &::after {
46
46
  border: 0.125rem dotted var(--sapContent_FocusColor);
@@ -50,4 +50,8 @@
50
50
  }
51
51
  }
52
52
  }
53
+ }
54
+
55
+ html.sap-desktop .sapFSP .sapFSPSide .sapFSPSideInner .sapFSPActionBar .sapFSPItem:focus::after {
56
+ border: 0.125rem dotted var(--sapContent_FocusColor);
53
57
  }
@@ -4,4 +4,5 @@
4
4
  /* =================================== */
5
5
 
6
6
  @_sap_f_GridListItem_HeaderBoxShadow: none;
7
- @_sap_f_GridListItem_HeaderHeight: 2.75rem;
7
+ @_sap_f_GridListItem_HeaderHeight: 2.75rem;
8
+ @_sap_f_GridListItem_SelectedBoxShadow: 0 0 0 0.125rem var(--sapList_SelectionBorderColor), var(--sapContent_Shadow0);
@@ -40,7 +40,7 @@
40
40
  }
41
41
  }
42
42
 
43
- &:focus {
43
+ &:focus-visible {
44
44
 
45
45
  &::after {
46
46
  border: 0.125rem dotted var(--sapContent_FocusColor);
@@ -50,4 +50,8 @@
50
50
  }
51
51
  }
52
52
  }
53
+ }
54
+
55
+ html.sap-desktop .sapFSP .sapFSPSide .sapFSPSideInner .sapFSPActionBar .sapFSPItem:focus::after {
56
+ border: 0.125rem dotted var(--sapContent_FocusColor);
53
57
  }
@@ -137,7 +137,7 @@
137
137
  /* Custom focus border: */
138
138
  /* ---------------------------------------------------------------------*/
139
139
 
140
- .sapMBtn:focus-visible > .sapMFocusable:not(.sapMBadgeIndicator)::before,
140
+ .sapMBtn:not(.sapMBtnFocusFromTouch):focus-visible > .sapMFocusable:not(.sapMBadgeIndicator)::before,
141
141
  html.sap-desktop .sapMBtn:focus > .sapMFocusable:not(.sapMBadgeIndicator)::before {
142
142
  content: '';
143
143
  position: absolute;
@@ -151,10 +151,10 @@ html.sap-desktop .sapMBtn:focus > .sapMFocusable:not(.sapMBadgeIndicator)::befor
151
151
  border-radius: 0.375rem;
152
152
  }
153
153
 
154
- .sapMBtn:focus-visible > .sapMBtnEmphasized.sapMFocusable:not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBadgeIndicator)::before,
155
- .sapMBtn:focus-visible > .sapMBtnCritical.sapMFocusable:not(.sapMBtnActive):not(.sapMBadgeIndicator)::before,
156
- .sapMBtn:focus-visible > .sapMBtnNegative.sapMFocusable:not(.sapMBtnActive):not(.sapMBadgeIndicator)::before,
157
- .sapMBtn:focus-visible > .sapMBtnSuccess.sapMFocusable:not(.sapMBtnActive):not(.sapMBadgeIndicator)::before,
154
+ .sapMBtn:not(.sapMBtnFocusFromTouch):focus-visible > .sapMBtnEmphasized.sapMFocusable:not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBadgeIndicator)::before,
155
+ .sapMBtn:not(.sapMBtnFocusFromTouch):focus-visible > .sapMBtnCritical.sapMFocusable:not(.sapMBtnActive):not(.sapMBadgeIndicator)::before,
156
+ .sapMBtn:not(.sapMBtnFocusFromTouch):focus-visible > .sapMBtnNegative.sapMFocusable:not(.sapMBtnActive):not(.sapMBadgeIndicator)::before,
157
+ .sapMBtn:not(.sapMBtnFocusFromTouch):focus-visible > .sapMBtnSuccess.sapMFocusable:not(.sapMBtnActive):not(.sapMBadgeIndicator)::before,
158
158
  html.sap-desktop .sapMBtn:focus > .sapMBtnEmphasized.sapMFocusable:not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBadgeIndicator)::before,
159
159
  html.sap-desktop .sapMBtn:focus > .sapMBtnCritical.sapMFocusable:not(.sapMBtnActive):not(.sapMBadgeIndicator)::before,
160
160
  html.sap-desktop .sapMBtn:focus > .sapMBtnNegative.sapMFocusable:not(.sapMBtnActive):not(.sapMBadgeIndicator)::before,
@@ -230,7 +230,7 @@ html.sap-desktop .sapMBtn:focus > .sapMBtnSuccess.sapMFocusable:not(.sapMBtnActi
230
230
  .sapMIBar .sapMBtnTransparent.sapMBtnActive:not(.sapMBtnDisabled):not(.sapMToggleBtnPressed),
231
231
  .sapUxAPObjectPageHeaderIdentifierActions .sapMBtnDefault.sapMBtnActive:not(.sapMBtnDisabled):not(.sapMToggleBtnPressed),
232
232
  .sapUxAPObjectPageHeaderIdentifierActions .sapMBtnTransparent.sapMBtnActive:not(.sapMBtnDisabled):not(.sapMToggleBtnPressed) {
233
- border-color: var(--sapButton_Lite_BorderColor);
233
+ border-color: var(--sapButton_Lite_Active_BorderColor);
234
234
  }
235
235
 
236
236
  .sapUiSizeCompact .sapMBar-CTX .sapMBtnInner.sapMBtnGhost:not(.sapMBtnDisabled) {
@@ -97,6 +97,11 @@ html:not(.sap-phone) .sapMColorPalette,
97
97
  .sapMColorPalette {
98
98
 
99
99
  .sapMBtn {
100
+ &:active {
101
+ background-color: var(--sapButton_Lite_Active_Background);
102
+ color: var(--sapButton_Active_TextColor);
103
+ border: 0.125rem solid var(--sapButton_Lite_Active_BorderColor);
104
+ }
100
105
 
101
106
  &:focus {
102
107
 
@@ -110,12 +115,6 @@ html:not(.sap-phone) .sapMColorPalette,
110
115
  }
111
116
 
112
117
  .sapMBtnInner {
113
- height: 2.75rem;
114
-
115
- .sapMBtnContent {
116
- line-height: 2.75rem;
117
- }
118
-
119
118
  &.sapMBtnText {
120
119
  padding: 0;
121
120
  }
@@ -125,6 +124,13 @@ html:not(.sap-phone) .sapMColorPalette,
125
124
  .sapMBtnInner {
126
125
  border-radius: 0;
127
126
  }
127
+
128
+ .sapMColorPaletteDefaultColorBtn:active {
129
+ border-radius: 0.5rem 0.5rem 0 0;
130
+ .sapMBtnInner {
131
+ border-radius: 0.5rem 0.5rem 0 0;
132
+ }
133
+ }
128
134
  }
129
135
 
130
136
  html:not(.sap-phone) .sapUiSizeCompact .sapMColorPalette {
@@ -159,6 +165,80 @@ html.sap-desktop .sapMColorPalette .sapMBtn:focus > .sapMFocusable::before {
159
165
  display: none;
160
166
  }
161
167
 
168
+ .sapMColorPalette .sapMColorPaletteSquare:focus-visible:not(.sapMColorPaletteSquareSelected) {
169
+
170
+ &::after {
171
+ display: none;
172
+ }
173
+
174
+ &::before {
175
+ border: 0.125rem solid var(--sapContent_FocusColor);
176
+ border-radius: 0.4375rem;
177
+ top: -0.1875rem;
178
+ left: -0.1875rem;
179
+ bottom: -0.1875rem;
180
+ right: -0.1875rem;
181
+ }
182
+
183
+ &:hover {
184
+
185
+ &::after {
186
+ display: block;
187
+ border: 0.0625rem solid var(--sapContent_ContrastFocusColor);
188
+ border-radius: 0.3125rem;
189
+ top: 0.0625rem;
190
+ left: 0.0625rem;
191
+ bottom: 0.0625rem;
192
+ right: 0.0625rem;
193
+ }
194
+
195
+ &::before {
196
+ border: 0.125rem solid var(--sapContent_FocusColor);
197
+ border-radius: 0.4375rem;
198
+ top: 0.0625rem;
199
+ left: 0.0625rem;
200
+ bottom: 0.0625rem;
201
+ right: 0.0625rem;
202
+ }
203
+ }
204
+ }
205
+
206
+ .sapMColorPalette .sapMBtn:focus-visible {
207
+
208
+ > .sapMFocusable {
209
+ outline: none;
210
+ outline-offset: 0;
211
+
212
+ .sapMBtnFocusDiv {
213
+ box-sizing: inherit;
214
+ position: inherit;
215
+ left: 0;
216
+ top: 0;
217
+ right: 0;
218
+ bottom: 0;
219
+ border-radius: 0;
220
+ border: none;
221
+ pointer-events: none;
222
+ }
223
+ }
224
+
225
+ &::after {
226
+ border-radius: 0.5rem;
227
+ border: 0.125rem solid var(--sapContent_FocusColor);
228
+ }
229
+ }
230
+
231
+ .sapUiSizeCompact .sapMColorPalette .sapMColorPaletteSquare:focus-visible:not(:hover):not(.sapMColorPaletteSquareSelected)::before {
232
+ top: -0.25rem;
233
+ left: -0.25rem;
234
+ bottom: -0.25rem;
235
+ right: -0.25rem;
236
+ }
237
+
238
+ .sapMColorPalette .sapMBtn:focus-visible > .sapMFocusable::before {
239
+ display: none;
240
+ }
241
+
162
242
  .sap-phone .sapMColorPalette .sapMColorPaletteSquare {
163
243
 
164
244
  & > div {
@@ -7,6 +7,7 @@
7
7
  /* Horizon theme */
8
8
  /* ========================= */
9
9
 
10
- .sapMCustomTile:focus {
10
+ html.sap-desktop .sapMCustomTile:focus,
11
+ .sapMCustomTile:focus-visible {
11
12
  outline: 1px dotted var(--sapContent_FocusColor);
12
13
  }
@@ -156,8 +156,6 @@
156
156
  /* =========== Shell =========== */
157
157
  @_sap_m_IconTabBar_ShellHeaderShadow: var(--sapShell_Shadow);
158
158
  @_sap_m_IconTabBar_ShellSelectedTextColor: var(--sapShell_Navigation_Selected_TextColor);
159
- @_sap_m_IconTabBar_Filter_Expand_Shell_BackgroundColor_Hover: var(--sapButton_Hover_Background);
160
- @_sap_m_IconTabBar_Filter_Expand_Shell_BorderColor_Hover: var(--sapButton_Hover_BorderColor);
161
159
 
162
160
 
163
161
  /* Head Container */
@@ -244,11 +242,6 @@
244
242
  padding-left: 0.375rem;
245
243
  }
246
244
  }
247
-
248
- /* Arrow button */
249
- .sapMITBFilterWithItems .sapMITBFilterExpandBtn .sapUiIcon {
250
- color: var(--sapTextColor);
251
- }
252
245
  }
253
246
 
254
247
  /* Head Container - compact */
@@ -391,7 +384,7 @@
391
384
  }
392
385
 
393
386
  .sapMITBFilterExpandIcon {
394
- color: @_sap_m_IconTabBar_SelectedTextColor !important;
387
+ color: @_sap_m_IconTabBar_SelectedTextColor;
395
388
  }
396
389
  }
397
390
 
@@ -768,7 +761,8 @@ html.sap-desktop {
768
761
  .sapMITHStartOverflow,
769
762
  .sapMITHEndOverflow {
770
763
 
771
- .sapMITBItem:not(.sapUiDnDDragging):focus {
764
+ .sapMITBItem:not(.sapUiDnDDragging):focus,
765
+ .sapMITBItem:not(.sapUiDnDDragging):active:focus {
772
766
 
773
767
  &::after {
774
768
  border-radius: 1.75rem;
@@ -875,27 +869,12 @@ html.sap-desktop {
875
869
  .sapMITBItem {
876
870
 
877
871
  &:hover {
878
- background: var(--sapShell_Hover_Background);
879
- background-color: var(--sapShell_Hover_Background);
872
+ background: var(--sapShell_Navigation_Hover_Background);
873
+ background-color: var(--sapShell_Navigation_Hover_Background);
880
874
  border-color: @_sap_m_IconTabBar_ShellOverflowHoverBorderColor;
881
875
  }
882
876
  }
883
877
  }
884
-
885
- html.sap-desktop & {
886
-
887
- .sapMITBItem:not(.sapUiDnDDragging):focus .sapMITBFilterIcon,
888
- .sapMITBTextOnly .sapMITBItem:not(.sapUiDnDDragging):focus .sapMITBText,
889
- .sapMITBItem:not(.sapUiDnDDragging):focus.sapMITBAll,
890
- .sapMITBItem:not(.sapUiDnDDragging):focus .sapMITBText,
891
- .sapMITHStartOverflow .sapMITBItem:not(.sapUiDnDDragging):focus,
892
- .sapMITHEndOverflow .sapMITBItem:not(.sapUiDndDragging):focus {
893
-
894
- &::after {
895
- border-color: var(--sapContent_FocusColor) !important;
896
- }
897
- }
898
- }
899
878
  }
900
879
 
901
880
  /* ------------------------------------------------ */
@@ -51,6 +51,13 @@ html.sap-desktop .sapMLnk:not(.sapMLnkDsbl) {
51
51
 
52
52
  .sapMLnk:not(.sapMLnkDsbl) {
53
53
  text-shadow: var(--sapContent_TextShadow);
54
+ &:focus-visible {
55
+ border-radius: 0.125rem;
56
+ background-color: var(--sapContent_FocusColor);
57
+ color: var(--sapContent_ContrastTextColor);
58
+ text-shadow: none;
59
+ outline: none;
60
+ }
54
61
  }
55
62
 
56
63
  /* align Link in Form with Label */
@@ -3,15 +3,6 @@
3
3
  /* Horizon theme */
4
4
  /* ================================= */
5
5
 
6
- /* header shadow - different states */
7
- @_sap_m_MessageBox_HeaderShadow: inset 0 -0.0625rem;
8
- @_sap_m_MessageBox_Shadow: var(--sapContent_HeaderShadow);
9
- @_sap_m_MessageBox_InformationShadow: @_sap_m_MessageBox_HeaderShadow var(--sapInformationBorderColor), @_sap_m_MessageBox_Shadow;
10
- @_sap_m_MessageBox_WarningShadow: @_sap_m_MessageBox_HeaderShadow var(--sapWarningBorderColor), @_sap_m_MessageBox_Shadow;
11
- @_sap_m_MessageBox_ErrorShadow: @_sap_m_MessageBox_HeaderShadow var(--sapErrorBorderColor), @_sap_m_MessageBox_Shadow;
12
- @_sap_m_MessageBox_SuccessShadow: @_sap_m_MessageBox_HeaderShadow var(--sapSuccessBorderColor), @_sap_m_MessageBox_Shadow;
13
- @_sap_m_MessageBox_QuestionShadow: @_sap_m_MessageBox_HeaderShadow var(--sapNeutralColor);
14
-
15
6
  .sapMDialog.sapMMessageBoxInfo .sapMDialogIcon.sapUiIcon {
16
7
  color: var(--sapInformativeElementColor);
17
8
  }
@@ -24,7 +24,14 @@
24
24
  color: var(--sapLink_Hover_Color);
25
25
  }
26
26
 
27
- .sapMObjectAttributeActive .sapMObjectAttributeText:focus {
27
+ html.sap-desktop .sapMObjectAttributeActive .sapMObjectAttributeText:focus {
28
+ border-radius: 0.125rem;
29
+ background-color: var(--sapContent_FocusColor);
30
+ color: var(--sapContent_ContrastTextColor);
31
+ text-shadow: none;
32
+ }
33
+
34
+ .sapMObjectAttributeActive .sapMObjectAttributeText:focus-visible {
28
35
  border-radius: 0.125rem;
29
36
  background-color: var(--sapContent_FocusColor);
30
37
  color: var(--sapContent_ContrastTextColor);
@@ -37,7 +44,8 @@
37
44
 
38
45
  .sapMOHR .sapMObjectAttributeActive .sapMObjectAttributeText:active,
39
46
  .sapMOHR .sapMObjectAttributeActive .sapMObjectAttributeText:hover,
40
- .sapMOHR .sapMObjectAttributeActive .sapMObjectAttributeText:focus {
47
+ html.sap-desktop .sapMOHR .sapMObjectAttributeActive .sapMObjectAttributeText:focus,
48
+ .sapMOHR .sapMObjectAttributeActive .sapMObjectAttributeText:focus-visible {
41
49
  text-decoration: underline;
42
50
  }
43
51
 
@@ -47,11 +55,13 @@
47
55
 
48
56
  .sapMOH .sapMObjectAttributeActive .sapMObjectAttributeText:active,
49
57
  .sapMOH .sapMObjectAttributeActive .sapMObjectAttributeText:hover,
50
- .sapMOH .sapMObjectAttributeActive .sapMObjectAttributeText:focus {
58
+ html.sap-desktop .sapMOH .sapMObjectAttributeActive .sapMObjectAttributeText:focus,
59
+ .sapMOH .sapMObjectAttributeActive .sapMObjectAttributeText:focus-visible {
51
60
  text-decoration: underline;
52
61
  }
53
62
 
54
- .sapMOH .sapMObjectAttributeActive .sapMObjectAttributeText:focus:hover {
63
+ html.sap-desktop .sapMOH .sapMObjectAttributeActive .sapMObjectAttributeText:focus,
64
+ .sapMOH .sapMObjectAttributeActive .sapMObjectAttributeText:focus-visible:hover {
55
65
  text-decoration: none;
56
66
  }
57
67
 
@@ -30,18 +30,27 @@ a.sapMOHTitle.sapMOHTitleActive:hover > h1 .sapMText {
30
30
  outline-offset: -1px;
31
31
  }
32
32
 
33
- .sapMOHTitle.sapMOHTitleActive:focus {
33
+ html.sap-desktop .sapMOHTitle.sapMOHTitleActive:focus,
34
+ .sapMOHTitle.sapMOHTitleActive:focus-visible {
34
35
  outline: none;
35
36
  }
36
37
 
37
- .sapMOHTitle.sapMOHTitleActive:focus > h1 span,
38
- .sapMOHTitle.sapMOHTitleActive:focus > h2 span,
39
- .sapMOHTitle.sapMOHTitleActive:focus > h3 span,
40
- .sapMOHTitle.sapMOHTitleActive:focus > h4 span,
41
- .sapMOHTitle.sapMOHTitleActive:focus > h5 span,
42
- .sapMOHTitle.sapMOHTitleActive:focus > h6 span,
43
- .sapMOHIcon.sapMPointer .sapUiIcon.sapUiIconPointer:focus,
44
- .sapMOHTitleArrow .sapUiIcon:focus {
38
+ html.sap-desktop .sapMOHTitle.sapMOHTitleActive:focus > h1 span,
39
+ html.sap-desktop .sapMOHTitle.sapMOHTitleActive:focus > h2 span,
40
+ html.sap-desktop .sapMOHTitle.sapMOHTitleActive:focus > h3 span,
41
+ html.sap-desktop .sapMOHTitle.sapMOHTitleActive:focus > h4 span,
42
+ html.sap-desktop .sapMOHTitle.sapMOHTitleActive:focus > h5 span,
43
+ html.sap-desktop .sapMOHTitle.sapMOHTitleActive:focus > h6 span,
44
+ html.sap-desktop .sapMOHIcon.sapMPointer .sapUiIcon.sapUiIconPointer:focus,
45
+ html.sap-desktop .sapMOHTitleArrow .sapUiIcon:focus,
46
+ .sapMOHTitle.sapMOHTitleActive:focus-visible > h1 span,
47
+ .sapMOHTitle.sapMOHTitleActive:focus-visible > h2 span,
48
+ .sapMOHTitle.sapMOHTitleActive:focus-visible > h3 span,
49
+ .sapMOHTitle.sapMOHTitleActive:focus-visible > h4 span,
50
+ .sapMOHTitle.sapMOHTitleActive:focus-visible > h5 span,
51
+ .sapMOHTitle.sapMOHTitleActive:focus-visible > h6 span,
52
+ .sapMOHIcon.sapMPointer .sapUiIcon.sapUiIconPointer:focus-visible,
53
+ .sapMOHTitleArrow .sapUiIcon:focus-visible {
45
54
  outline: 1px dotted var(--sapContent_FocusColor);
46
55
  outline-offset: -1px;
47
56
  }
@@ -64,19 +73,22 @@ a.sapMOHTitle.sapMOHTitleActive:hover > h1 .sapMText {
64
73
  background: transparent;
65
74
  }
66
75
 
67
- .sapMOHRTitleArrow .sapUiIcon:focus {
76
+ html.sap-desktop .sapMOHRTitleArrow .sapUiIcon:focus,
77
+ .sapMOHRTitleArrow .sapUiIcon:focus-visible {
68
78
  outline: 1px dotted var(--sapContent_FocusColor);
69
79
  outline-offset: -1px;
70
80
  }
71
81
 
72
- .sapMOHRIcon.sapMPointer .sapUiIcon.sapUiIconPointer:focus {
82
+ html.sap-desktop .sapMOHRIcon.sapMPointer .sapUiIcon.sapUiIconPointer:focus,
83
+ .sapMOHRIcon.sapMPointer .sapUiIcon.sapUiIconPointer:focus-visible {
73
84
 
74
85
  &::before {
75
86
  outline: 1px dotted var(--sapContent_FocusColor);
76
87
  }
77
88
  }
78
89
 
79
- .sapMOHRTitleActive .sapMOHRTitleText:focus {
90
+ html.sap-desktop .sapMOHRTitleActive .sapMOHRTitleText:focus,
91
+ .sapMOHRTitleActive .sapMOHRTitleText:focus-visible {
80
92
  outline: 1px dotted var(--sapContent_FocusColor);
81
93
  outline-offset: -1px;
82
94
  }