@openui5/themelib_sap_fiori_3 1.98.0 → 1.101.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 (93) hide show
  1. package/THIRDPARTY.txt +6 -6
  2. package/package.json +18 -18
  3. package/src/sap/f/themes/sap_fiori_3/GridListItem.less +1 -2
  4. package/src/sap/f/themes/sap_fiori_3/ShellBar.less +0 -3
  5. package/src/sap/f/themes/sap_fiori_3_dark/GridListItem.less +1 -2
  6. package/src/sap/f/themes/sap_fiori_3_dark/ShellBar.less +0 -3
  7. package/src/sap/f/themes/sap_fiori_3_hcb/GridListItem.less +1 -4
  8. package/src/sap/f/themes/sap_fiori_3_hcw/GridListItem.less +1 -4
  9. package/src/sap/m/themes/sap_fiori_3/CheckBox.less +1 -1
  10. package/src/sap/m/themes/sap_fiori_3/IconTabBar.less +3 -2
  11. package/src/sap/m/themes/sap_fiori_3/InputBase.less +0 -33
  12. package/src/sap/m/themes/sap_fiori_3/MenuButton.less +0 -4
  13. package/src/sap/m/themes/sap_fiori_3/Page.less +5 -2
  14. package/src/sap/m/themes/sap_fiori_3/Popover.less +3 -1
  15. package/src/sap/m/themes/sap_fiori_3/RatingIndicator.less +5 -0
  16. package/src/sap/m/themes/sap_fiori_3/SearchField.less +10 -2
  17. package/src/sap/m/themes/sap_fiori_3/Token.less +1 -35
  18. package/src/sap/m/themes/sap_fiori_3_dark/CheckBox.less +1 -1
  19. package/src/sap/m/themes/sap_fiori_3_dark/IconTabBar.less +3 -2
  20. package/src/sap/m/themes/sap_fiori_3_dark/InputBase.less +0 -33
  21. package/src/sap/m/themes/sap_fiori_3_dark/Page.less +5 -2
  22. package/src/sap/m/themes/sap_fiori_3_dark/Popover.less +3 -0
  23. package/src/sap/m/themes/sap_fiori_3_dark/RatingIndicator.less +5 -0
  24. package/src/sap/m/themes/sap_fiori_3_dark/SearchField.less +10 -2
  25. package/src/sap/m/themes/sap_fiori_3_dark/SuggestionsPopover.less +0 -5
  26. package/src/sap/m/themes/sap_fiori_3_dark/Token.less +0 -34
  27. package/src/sap/m/themes/sap_fiori_3_hcb/Carousel.less +0 -1
  28. package/src/sap/m/themes/sap_fiori_3_hcb/CheckBox.less +1 -1
  29. package/src/sap/m/themes/sap_fiori_3_hcb/Dialog.less +4 -4
  30. package/src/sap/m/themes/sap_fiori_3_hcb/InputBase.less +8 -28
  31. package/src/sap/m/themes/sap_fiori_3_hcb/ObjectNumber.less +1 -1
  32. package/src/sap/m/themes/sap_fiori_3_hcb/Page.less +6 -3
  33. package/src/sap/m/themes/sap_fiori_3_hcb/Popover.less +18 -0
  34. package/src/sap/m/themes/sap_fiori_3_hcb/RatingIndicator.less +6 -0
  35. package/src/sap/m/themes/sap_fiori_3_hcb/SearchField.less +11 -2
  36. package/src/sap/m/themes/sap_fiori_3_hcb/Table.less +0 -4
  37. package/src/sap/m/themes/sap_fiori_3_hcb/Token.less +0 -35
  38. package/src/sap/m/themes/sap_fiori_3_hcb/ValueStateHeader.less +4 -0
  39. package/src/sap/m/themes/sap_fiori_3_hcb/ValueStateMessage.less +0 -1
  40. package/src/sap/m/themes/sap_fiori_3_hcb/library.source.less +0 -1
  41. package/src/sap/m/themes/sap_fiori_3_hcw/Carousel.less +0 -1
  42. package/src/sap/m/themes/sap_fiori_3_hcw/CheckBox.less +1 -1
  43. package/src/sap/m/themes/sap_fiori_3_hcw/Dialog.less +4 -4
  44. package/src/sap/m/themes/sap_fiori_3_hcw/InputBase.less +8 -28
  45. package/src/sap/m/themes/sap_fiori_3_hcw/MessageView.less +1 -1
  46. package/src/sap/m/themes/sap_fiori_3_hcw/ObjectNumber.less +2 -1
  47. package/src/sap/m/themes/sap_fiori_3_hcw/Page.less +6 -3
  48. package/src/sap/m/themes/sap_fiori_3_hcw/Popover.less +18 -0
  49. package/src/sap/m/themes/sap_fiori_3_hcw/RatingIndicator.less +6 -0
  50. package/src/sap/m/themes/sap_fiori_3_hcw/SearchField.less +11 -2
  51. package/src/sap/m/themes/sap_fiori_3_hcw/Table.less +0 -4
  52. package/src/sap/m/themes/sap_fiori_3_hcw/Token.less +0 -34
  53. package/src/sap/m/themes/sap_fiori_3_hcw/ValueStateHeader.less +4 -0
  54. package/src/sap/m/themes/sap_fiori_3_hcw/ValueStateMessage.less +0 -1
  55. package/src/sap/m/themes/sap_fiori_3_hcw/library.source.less +0 -1
  56. package/src/sap/tnt/themes/sap_fiori_3/InfoLabel.less +1 -1
  57. package/src/sap/tnt/themes/sap_fiori_3_dark/InfoLabel.less +1 -1
  58. package/src/sap/ui/core/themes/sap_fiori_3/.theme +1 -1
  59. package/src/sap/ui/core/themes/sap_fiori_3/base.less +566 -77
  60. package/src/sap/ui/core/themes/sap_fiori_3/global.less +165 -9
  61. package/src/sap/ui/core/themes/sap_fiori_3/shared.less +1 -2
  62. package/src/sap/ui/core/themes/sap_fiori_3_dark/.theme +1 -1
  63. package/src/sap/ui/core/themes/sap_fiori_3_dark/base.less +566 -77
  64. package/src/sap/ui/core/themes/sap_fiori_3_dark/global.less +165 -9
  65. package/src/sap/ui/core/themes/sap_fiori_3_dark/shared.less +1 -2
  66. package/src/sap/ui/core/themes/sap_fiori_3_hcb/.theme +1 -1
  67. package/src/sap/ui/core/themes/sap_fiori_3_hcb/base.less +569 -20
  68. package/src/sap/ui/core/themes/sap_fiori_3_hcb/global.less +171 -9
  69. package/src/sap/ui/core/themes/sap_fiori_3_hcb/shared.less +1 -1
  70. package/src/sap/ui/core/themes/sap_fiori_3_hcw/.theme +1 -1
  71. package/src/sap/ui/core/themes/sap_fiori_3_hcw/base.less +568 -19
  72. package/src/sap/ui/core/themes/sap_fiori_3_hcw/global.less +171 -9
  73. package/src/sap/ui/core/themes/sap_fiori_3_hcw/shared.less +1 -1
  74. package/src/sap/ui/integration/themes/sap_fiori_3_hcb/Paginator.less +12 -0
  75. package/src/sap/ui/integration/themes/sap_fiori_3_hcb/library.source.less +2 -1
  76. package/src/sap/ui/integration/themes/sap_fiori_3_hcw/Paginator.less +12 -0
  77. package/src/sap/ui/integration/themes/sap_fiori_3_hcw/library.source.less +1 -1
  78. package/src/sap/ui/mdc/themes/sap_fiori_3_hcb/TokenDisplay.less +6 -0
  79. package/src/sap/ui/mdc/themes/sap_fiori_3_hcb/TokenizerDisplay.less +12 -0
  80. package/src/sap/ui/mdc/themes/sap_fiori_3_hcb/library.source.less +2 -0
  81. package/src/sap/ui/mdc/themes/sap_fiori_3_hcw/TokenDisplay.less +6 -0
  82. package/src/sap/ui/mdc/themes/sap_fiori_3_hcw/TokenizerDisplay.less +12 -0
  83. package/src/sap/ui/mdc/themes/sap_fiori_3_hcw/library.source.less +3 -0
  84. package/src/sap/ui/rta/themes/sap_fiori_3_dark/ChangeVisualization.less +2 -16
  85. package/src/sap/ui/rta/themes/sap_fiori_3_hcb/ChangeVisualization.less +12 -24
  86. package/src/sap/ui/rta/themes/sap_fiori_3_hcw/ChangeVisualization.less +10 -21
  87. package/src/sap/ui/table/themes/sap_fiori_3_hcb/Table.less +3 -3
  88. package/src/sap/ui/table/themes/sap_fiori_3_hcw/Table.less +3 -3
  89. package/src/sap/ui/unified/themes/sap_fiori_3_dark/FileUploader.less +7 -0
  90. package/src/sap/ui/unified/themes/sap_fiori_3_hcb/FileUploader.less +7 -0
  91. package/src/sap/ui/unified/themes/sap_fiori_3_hcw/FileUploader.less +7 -0
  92. package/src/sap/m/themes/sap_fiori_3_hcb/SuggestionsPopover.less +0 -15
  93. package/src/sap/m/themes/sap_fiori_3_hcw/SuggestionsPopover.less +0 -15
package/THIRDPARTY.txt CHANGED
@@ -197,7 +197,7 @@ License: BSD-3-Clause
197
197
  License Text: https://github.com/SAP/openui5/blob/master/LICENSES/BSD-3-Clause.txt
198
198
  Contained in: src/sap.ui.core/src/sap/ui/thirdparty/sinon-qunit.js
199
199
 
200
- Component: URI.js, version: 1.19.7
200
+ Component: URI.js, version: 1.19.10
201
201
  Copyright: Rodney Rehm
202
202
  License: MIT
203
203
  License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
@@ -400,7 +400,7 @@ Contained in: src/sap.ui.mdc/test/sap/ui/mdc/sample/field/filterfieldwithoperato
400
400
 
401
401
  Library: sap.ui.webc.common:
402
402
 
403
- Component: UI5 Web Components, version: 1.0.0-rc.12
403
+ Component: UI5 Web Components, version: 1.1.2
404
404
  Copyright: SAP
405
405
  License: Apache-2.0
406
406
  License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
@@ -411,7 +411,7 @@ Contained in: src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/base/*.*
411
411
  src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/icons-tnt/*.*
412
412
  src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/icons-business-suite/*.*
413
413
 
414
- Component: lit-html, version: 1.4.1
414
+ Component: lit-html, version: 2.0.1
415
415
  Copyright: Google LLC
416
416
  License: BSD-3-Clause
417
417
  License Text: https://github.com/SAP/openui5/blob/master/LICENSES/BSD-3-Clause.txt
@@ -420,7 +420,7 @@ Contained in: src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/lit-html/
420
420
 
421
421
  Library: sap.ui.webc.fiori:
422
422
 
423
- Component: UI5 Web Components, version: 1.0.0-rc.12
423
+ Component: UI5 Web Components, version: 1.1.2
424
424
  Copyright: SAP
425
425
  License: Apache-2.0
426
426
  License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
@@ -429,7 +429,7 @@ Contained in: src/sap.ui.webc.fiori/src/sap/ui/webc/fiori/thirdparty/*.*
429
429
 
430
430
  Library: sap.ui.webc.main:
431
431
 
432
- Component: UI5 Web Components, version: 1.0.0-rc.12
432
+ Component: UI5 Web Components, version: 1.1.2
433
433
  Copyright: SAP
434
434
  License: Apache-2.0
435
435
  License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
@@ -450,7 +450,7 @@ License: Apache-2.0
450
450
  License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
451
451
  Contained in: lib/jsdoc/ui5/plugin.js
452
452
 
453
- Component: SAP Theming Base Content, version: 11.1.34
453
+ Component: SAP Theming Base Content, version: 11.1.38
454
454
  Copyright: SAP SE or an SAP affiliate company and Theming Base Content contributors
455
455
  License: Apache-2.0
456
456
  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_fiori_3",
3
- "version": "1.98.0",
3
+ "version": "1.101.0",
4
4
  "description": "OpenUI5 Theme Library sap_fiori_3",
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.98.0",
18
- "@openui5/sap.m": "1.98.0",
19
- "@openui5/sap.tnt": "1.98.0",
20
- "@openui5/sap.ui.codeeditor": "1.98.0",
21
- "@openui5/sap.ui.commons": "1.98.0",
22
- "@openui5/sap.ui.core": "1.98.0",
23
- "@openui5/sap.ui.dt": "1.98.0",
24
- "@openui5/sap.ui.fl": "1.98.0",
25
- "@openui5/sap.ui.mdc": "1.98.0",
26
- "@openui5/sap.ui.integration": "1.98.0",
27
- "@openui5/sap.ui.layout": "1.98.0",
28
- "@openui5/sap.ui.rta": "1.98.0",
29
- "@openui5/sap.ui.suite": "1.98.0",
30
- "@openui5/sap.ui.table": "1.98.0",
31
- "@openui5/sap.ui.unified": "1.98.0",
32
- "@openui5/sap.ui.ux3": "1.98.0",
33
- "@openui5/sap.uxap": "1.98.0"
17
+ "@openui5/sap.f": "1.101.0",
18
+ "@openui5/sap.m": "1.101.0",
19
+ "@openui5/sap.tnt": "1.101.0",
20
+ "@openui5/sap.ui.codeeditor": "1.101.0",
21
+ "@openui5/sap.ui.commons": "1.101.0",
22
+ "@openui5/sap.ui.core": "1.101.0",
23
+ "@openui5/sap.ui.dt": "1.101.0",
24
+ "@openui5/sap.ui.fl": "1.101.0",
25
+ "@openui5/sap.ui.mdc": "1.101.0",
26
+ "@openui5/sap.ui.integration": "1.101.0",
27
+ "@openui5/sap.ui.layout": "1.101.0",
28
+ "@openui5/sap.ui.rta": "1.101.0",
29
+ "@openui5/sap.ui.suite": "1.101.0",
30
+ "@openui5/sap.ui.table": "1.101.0",
31
+ "@openui5/sap.ui.unified": "1.101.0",
32
+ "@openui5/sap.ui.ux3": "1.101.0",
33
+ "@openui5/sap.uxap": "1.101.0"
34
34
  }
35
35
  }
@@ -3,6 +3,5 @@
3
3
  /* Fiori 3 theme */
4
4
  /* =================================== */
5
5
 
6
- @_sap_f_GridListItem_Header_BoxShadow: 0 0 0.25rem 0 fade(@sapUiContentShadowColor, 15), inset 0 -0.0625rem 0 0 @sapUiPageHeaderBorderColor;
6
+ @_sap_f_GridListItem_HeaderBoxShadow: 0 0 0.25rem 0 fade(@sapUiContentShadowColor, 15), inset 0 -0.0625rem 0 0 @sapUiPageHeaderBorderColor;
7
7
  @_sap_f_GridListItem_HeaderHeight: 2.75rem;
8
- @_sap_f_GridListItem_BorderSelected: 0 0 0 0.125rem @sapUiListSelectionBorderColor;
@@ -141,7 +141,6 @@
141
141
  height: 2.25rem;
142
142
  line-height: 2.125rem;
143
143
  padding-left: 0.625rem;
144
- padding-right: 2.375rem;
145
144
  }
146
145
  .sapMSFR:not(.sapMSFNS) {
147
146
  right: 2.375rem;
@@ -154,8 +153,6 @@
154
153
  text-align: center;
155
154
  margin: 0;
156
155
  padding: 0;
157
- right: 0;
158
- top: 0;
159
156
  }
160
157
  }
161
158
  // sap.m.Select
@@ -3,6 +3,5 @@
3
3
  /* Quartz Dark theme */
4
4
  /* =================================== */
5
5
 
6
- @_sap_f_GridListItem_Header_BoxShadow: 0 0 0.25rem 0 fade(@sapUiContentShadowColor, 15), inset 0 -0.0625rem 0 0 @sapUiPageHeaderBorderColor;
6
+ @_sap_f_GridListItem_HeaderBoxShadow: 0 0 0.25rem 0 fade(@sapUiContentShadowColor, 15), inset 0 -0.0625rem 0 0 @sapUiPageHeaderBorderColor;
7
7
  @_sap_f_GridListItem_HeaderHeight: 2.75rem;
8
- @_sap_f_GridListItem_BorderSelected: 0 0 0 0.125rem @sapUiListSelectionBorderColor;
@@ -142,7 +142,6 @@
142
142
  height: 2.25rem;
143
143
  line-height: 2.125rem;
144
144
  padding-left: 0.625rem;
145
- padding-right: 4.75rem;
146
145
  }
147
146
  .sapMSFR:not(.sapMSFNS) {
148
147
  right: 2.375rem;
@@ -155,8 +154,6 @@
155
154
  text-align: center;
156
155
  margin: 0;
157
156
  padding: 0;
158
- right: 0;
159
- top: 0;
160
157
  }
161
158
  }
162
159
  // sap.m.Select
@@ -3,8 +3,5 @@
3
3
  /* Fiori 3 theme */
4
4
  /* =================================== */
5
5
 
6
- @_sap_f_GridListItem_Header_BoxShadow: 0 0 0.25rem 0 fade(@sapUiContentShadowColor, 15), inset 0 -0.0625rem 0 0 @sapUiPageHeaderBorderColor;
6
+ @_sap_f_GridListItem_HeaderBoxShadow: 0 0 0.25rem 0 fade(@sapUiContentShadowColor, 15), inset 0 -0.0625rem 0 0 @sapUiPageHeaderBorderColor;
7
7
  @_sap_f_GridListItem_HeaderHeight: 2.75rem;
8
- @_sap_f_GridListItem_BorderHover: 0 0 0 0.125rem @sapContent_ShadowColor;
9
- @_sap_f_GridListItem_BorderSelected: 0 0 0 0.125rem @sapUiListSelectionBorderColor;
10
- @_sap_f_GridListItem_Header_BoxShadowActive: @_sap_f_GridListItem_Header_BoxShadow;
@@ -3,8 +3,5 @@
3
3
  /* Fiori 3 theme */
4
4
  /* =================================== */
5
5
 
6
- @_sap_f_GridListItem_Header_BoxShadow: 0 0 0.25rem 0 fade(@sapUiContentShadowColor, 15), inset 0 -0.0625rem 0 0 @sapUiPageHeaderBorderColor;
6
+ @_sap_f_GridListItem_HeaderBoxShadow: 0 0 0.25rem 0 fade(@sapUiContentShadowColor, 15), inset 0 -0.0625rem 0 0 @sapUiPageHeaderBorderColor;
7
7
  @_sap_f_GridListItem_HeaderHeight: 2.75rem;
8
- @_sap_f_GridListItem_BorderHover: 0 0 0 0.125rem @sapContent_ShadowColor;
9
- @_sap_f_GridListItem_BorderSelected: 0 0 0 0.125rem @sapUiListSelectionBorderColor;
10
- @_sap_f_GridListItem_Header_BoxShadowActive: @_sap_f_GridListItem_Header_BoxShadow;
@@ -94,7 +94,7 @@ html.sap-desktop {
94
94
  top: 0.5625rem;
95
95
  bottom: 0.5625rem;
96
96
  left: 0.5625rem;
97
- right: 0;
97
+ right: -0.0625rem;
98
98
  border: 1px dotted @sapUiContentFocusColor;
99
99
  }
100
100
  &:not(.sapMCbErr):not(.sapMCbInfo):not(.sapMCbWarn):focus:before {
@@ -9,6 +9,7 @@
9
9
 
10
10
  @_sap_m_IconTabBar_TextColor: @sapUiContentLabelColor;
11
11
  @_sap_m_IconTabBar_TextShadow: none;
12
+ @_sap_m_IconTab_Bar_Separator_Line: @sapUiGroupTitleBorderColor;
12
13
 
13
14
  // ==================== Cozy size ====================
14
15
 
@@ -408,7 +409,7 @@
408
409
 
409
410
  .sapMITBSepLine {
410
411
  border: unset;
411
- border-right: 1px solid @sapUiGroupTitleBorderColor;
412
+ border-right: 1px solid @_sap_m_IconTab_Bar_Separator_Line;
412
413
  margin: 0.625rem 0.125rem 0 0.125rem;
413
414
  }
414
415
  }
@@ -431,7 +432,7 @@
431
432
 
432
433
  .sapMITBSepLine {
433
434
  border: unset;
434
- border-right: 1px solid @sapUiGroupTitleBorderColor;
435
+ border-right: 1px solid @_sap_m_IconTab_Bar_Separator_Line;
435
436
  }
436
437
 
437
438
  .sapUiMedia-Std-Phone {
@@ -15,14 +15,7 @@
15
15
  @_sap_m_InputBase_IconWidth: 2.125rem;
16
16
  @_sap_m_InputBase_IconMinWidth: 2.125rem;
17
17
 
18
- .sapMInputBaseInner {
19
- color: @sapUiFieldTextColor;
20
- }
21
-
22
18
  .sapMInputBaseContentWrapper {
23
- border: @sapUiFieldBorderWidth solid @sapUiFieldBorderColor;
24
- background: @sapUiFieldBackground;
25
- border-radius: @sapUiFieldBorderCornerRadius;
26
19
 
27
20
  &.sapMInputBaseContentWrapperState {
28
21
  &.sapMInputBaseContentWrapperSuccess {
@@ -83,32 +76,6 @@
83
76
  }
84
77
  }
85
78
 
86
- .sapMInputBaseContentWrapperWarning {
87
- background: @sapUiFieldWarningBackground;
88
- border-color: @sapUiFieldWarningColor;
89
- }
90
-
91
- .sapMInputBaseContentWrapperSuccess {
92
- background: @sapUiFieldSuccessBackground;
93
- border-color: @sapUiFieldSuccessColor;
94
- }
95
-
96
- .sapMInputBaseContentWrapperError {
97
- background: @sapUiFieldInvalidBackground;
98
- border-color: @sapUiFieldInvalidColor;
99
- }
100
-
101
- .sapMInputBaseContentWrapperInformation {
102
- background: @sapUiFieldInformationBackground;
103
- border-color: @sapUiFieldInformationColor;
104
- }
105
-
106
- .sapMFocus .sapMInputBaseContentWrapper {
107
- &::before {
108
- border: 1px dotted @sapUiContentFocusColor;
109
- }
110
- }
111
-
112
79
  /* List specific styles */
113
80
  .sapMILI-CTX .sapMInputBaseContentWrapper,
114
81
  .sapMILI-CTX .sapMInputBaseInner,
@@ -17,10 +17,6 @@
17
17
  }
18
18
  }
19
19
 
20
- .sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner::after {
21
- line-height: 2.125rem;
22
- }
23
-
24
20
  .sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner:not(.sapMBtnText) {
25
21
  padding-left: 0rem;
26
22
  }
@@ -134,10 +134,13 @@ html[data-sap-ui-animation='on'] .sapMPageWithFloatingFooter {
134
134
  top: 2.75rem;
135
135
  }
136
136
 
137
- > .sapMPageHeader + .sapMPageSubHeader + section,
138
- > .sapMPageHeader + .sapMPageSubHeader.sapMPageSubHeaderInfoBar + section {
137
+ > .sapMPageHeader + .sapMPageSubHeader + section {
139
138
  top: 5.5rem;
140
139
  }
140
+
141
+ > .sapMPageHeader + .sapMPageSubHeader.sapMPageSubHeaderInfoBar + section {
142
+ top: 4.75rem;
143
+ }
141
144
  }
142
145
 
143
146
  .sapUiSizeCompact .sapF2CollapsedHeader.sapMPageWithHeader {
@@ -3,10 +3,12 @@
3
3
  /* Fiori 3 theme */
4
4
  /* ============================== */
5
5
 
6
+ /* Arrow offset from the Popover's corners */
7
+ @_sap_m_Popover_ArrowOffset: 8;
6
8
 
7
9
  .sapMPopoverArr:after {
8
10
  background: @sapUiGroupContentBackground;
9
- box-shadow: @sapUiShadowLevel2;
11
+ box-shadow: @sapUiContentShadow2;
10
12
  }
11
13
 
12
14
  .sapMPopoverWithBar > .sapMPopoverArr.sapMPopoverArrUp:after {
@@ -4,6 +4,8 @@
4
4
  /* ====================================== */
5
5
 
6
6
  .sapMRI {
7
+ text-shadow: @sapUiContentTextShadow;
8
+
7
9
  .sapMRIUnsel {
8
10
  color: @sapUiContentUnratedColor;
9
11
  }
@@ -18,6 +20,8 @@
18
20
  }
19
21
 
20
22
  .sapMRI.sapMRIDisplayOnly {
23
+ text-shadow: none;
24
+
21
25
  .sapMRIIconSel {
22
26
  color: @sapUiBaseText;
23
27
  }
@@ -27,6 +31,7 @@
27
31
  }
28
32
 
29
33
  .sapMRIDisabled {
34
+ text-shadow: none;
30
35
  opacity: 0.4;
31
36
  }
32
37
 
@@ -9,10 +9,8 @@
9
9
 
10
10
  @_sap_m_SearchField_Height: 2.75rem;
11
11
  @_sap_m_SearchField_FormHeight: 2.25rem;
12
- @_sap_m_SearchField_InputHeight: 2.125rem;
13
12
  @_sap_m_SearchField_ButtonSize: 2.125rem;
14
13
  @_sap_m_SearchField_ButtonFontSize: 1rem;
15
- @_sap_m_SearchField_NoSearchButtonPadding: 2.25rem;
16
14
  @_sap_m_SearchField_Compact_FormPaddingLeft: 0.5rem;
17
15
  @_sap_m_SearchField_ResetIcon: "\e03e";
18
16
 
@@ -45,4 +43,14 @@
45
43
  .sapMSFF>.sapMSFB.sapMSFBA {
46
44
  background-color: @sapUiButtonLiteActiveBackground;
47
45
  color: @sapUiContentContrastIconColor;
46
+ }
47
+
48
+ .sapMSFB:first-of-type {
49
+ margin-left: 0.5rem;
50
+ }
51
+
52
+ .sapUiSizeCompact {
53
+ .sapMSFB:first-of-type {
54
+ margin-left: 0;
55
+ }
48
56
  }
@@ -10,45 +10,15 @@
10
10
  @_sap_m_Token_TokenCompactSize: @sapMFontSmallSize + @_sap_m_Token_TokenCompactPadding;
11
11
 
12
12
  .sapMToken {
13
- border: @sapUiButtonBorderWidth solid @sapUiButtonTokenBorderColor;
14
- background: @sapUiButtonTokenBackground;
15
- font-size: @sapMFontMediumSize;
16
- border-radius: 0.25rem;
17
13
  padding-left: 0.3125rem;
18
14
  color: @sapUiBaseText;
19
15
  }
20
16
 
21
- .sapMTokenText {
22
- max-width: calc(~"100% - " @_sap_m_Token_TokenSize);
23
- }
24
-
25
- .sapMTokenSelected,
26
- .sapMToken.sapMTokenReadOnly.sapMTokenSelected {
27
- color: @sapUiButtonSelectedTextColor;
28
- background: @sapUiButtonSelectedBackground;
29
- border: @sapUiButtonBorderWidth solid @sapUiButtonSelectedBorderColor;
30
- }
31
-
32
- .sapMTokenSelected .sapMTokenIcon,
33
- .sapMTokenSelected .sapMTokenText {
34
- color: @sapUiButtonSelectedTextColor;
35
- }
36
-
37
- html.sap-desktop .sapMToken:hover {
38
- border: @sapUiButtonBorderWidth solid @sapUiButtonHoverBorderColor;
39
- background: @sapUiButtonHoverBackground;
40
- }
41
-
42
17
  html.sap-desktop .sapMToken.sapMTokenSelected:hover {
43
18
  background: @sapUiButtonSelectedHoverBackground;
44
19
  border: @sapUiButtonBorderWidth solid @sapUiButtonSelectedHoverBorderColor;
45
20
  }
46
21
 
47
- .sapMTokenIcon {
48
- font-size: @sapMFontSmallSize;
49
- line-height: 1.5625rem;
50
- }
51
-
52
22
  .sapMToken.sapMTokenReadOnly {
53
23
  color: @sapUiContentLabelColor
54
24
  }
@@ -60,8 +30,4 @@ html.sap-desktop .sapMToken:focus {
60
30
 
61
31
  html.sap-desktop .sapMToken.sapMTokenSelected:focus {
62
32
  outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentContrastFocusColor;
63
- }
64
-
65
- .sapUiSizeCompact .sapMTokenIcon {
66
- line-height: 1.1875rem;
67
- }
33
+ }
@@ -94,7 +94,7 @@ html.sap-desktop {
94
94
  top: 0.5625rem;
95
95
  bottom: 0.5625rem;
96
96
  left: 0.5625rem;
97
- right: 0;
97
+ right: -0.0625rem;
98
98
  border: 1px dotted @sapUiContentFocusColor;
99
99
  }
100
100
  &:not(.sapMCbErr):not(.sapMCbInfo):not(.sapMCbWarn):focus:before {
@@ -9,6 +9,7 @@
9
9
 
10
10
  @_sap_m_IconTabBar_TextColor: @sapUiContentLabelColor;
11
11
  @_sap_m_IconTabBar_TextShadow: none;
12
+ @_sap_m_IconTab_Bar_Separator_Line: @sapUiGroupTitleBorderColor;
12
13
 
13
14
  // ==================== Cozy size ====================
14
15
 
@@ -408,7 +409,7 @@
408
409
 
409
410
  .sapMITBSepLine {
410
411
  border: unset;
411
- border-right: 1px solid @sapUiGroupTitleBorderColor;
412
+ border-right: 1px solid @_sap_m_IconTab_Bar_Separator_Line;
412
413
  margin: 0.625rem 0.125rem 0 0.125rem;
413
414
  }
414
415
  }
@@ -436,7 +437,7 @@
436
437
 
437
438
  .sapMITBSepLine {
438
439
  border: unset;
439
- border-right: 1px solid @sapUiGroupTitleBorderColor;
440
+ border-right: 1px solid @_sap_m_IconTab_Bar_Separator_Line;
440
441
  }
441
442
 
442
443
  .sapUiMedia-Std-Phone {
@@ -15,14 +15,7 @@
15
15
  @_sap_m_InputBase_IconWidth: 2.125rem;
16
16
  @_sap_m_InputBase_IconMinWidth: 2.125rem;
17
17
 
18
- .sapMInputBaseInner {
19
- color: @sapUiFieldTextColor;
20
- }
21
-
22
18
  .sapMInputBaseContentWrapper {
23
- border: @sapUiFieldBorderWidth solid @sapUiFieldBorderColor;
24
- border-radius: @sapUiFieldBorderCornerRadius;
25
- background: @sapUiFieldBackground;
26
19
 
27
20
  &.sapMInputBaseContentWrapperState {
28
21
  &.sapMInputBaseContentWrapperSuccess {
@@ -84,37 +77,11 @@
84
77
  }
85
78
  }
86
79
 
87
- .sapMInputBaseContentWrapperWarning {
88
- background: @sapUiFieldWarningBackground;
89
- border-color: @sapUiFieldWarningColor;
90
- }
91
-
92
- .sapMInputBaseContentWrapperSuccess {
93
- background: @sapUiFieldSuccessBackground;
94
- border-color: @sapUiFieldSuccessColor;
95
- }
96
-
97
- .sapMInputBaseContentWrapperError {
98
- background: @sapUiFieldInvalidBackground;
99
- border-color: @sapUiFieldInvalidColor;
100
- }
101
-
102
- .sapMInputBaseContentWrapperInformation {
103
- background: @sapUiFieldInformationBackground;
104
- border-color: @sapUiFieldInformationColor;
105
- }
106
-
107
80
  .sapMInputBaseReadonlyWrapper {
108
81
  background: @sapUiFieldReadOnlyBackground;
109
82
  border-color: @sapUiFieldReadOnlyBorderColor;
110
83
  }
111
84
 
112
- .sapMFocus .sapMInputBaseContentWrapper {
113
- &::before {
114
- border: 1px dotted @sapUiContentFocusColor;
115
- }
116
- }
117
-
118
85
  /* List specific styles */
119
86
  .sapMILI-CTX .sapMInputBaseContentWrapper,
120
87
  .sapMILI-CTX .sapMInputBaseInner,
@@ -104,10 +104,13 @@ html[data-sap-ui-animation='on'] .sapMPageWithFloatingFooter {
104
104
  top: 2.75rem;
105
105
  }
106
106
 
107
- > .sapMPageHeader + .sapMPageSubHeader + section,
108
- > .sapMPageHeader + .sapMPageSubHeader.sapMPageSubHeaderInfoBar + section {
107
+ > .sapMPageHeader + .sapMPageSubHeader + section {
109
108
  top: 5.5rem;
110
109
  }
110
+
111
+ > .sapMPageHeader + .sapMPageSubHeader.sapMPageSubHeaderInfoBar + section {
112
+ top: 4.75rem;
113
+ }
111
114
  }
112
115
 
113
116
  .sapUiSizeCompact .sapF2CollapsedHeader.sapMPageWithHeader {
@@ -3,6 +3,9 @@
3
3
  /* Quartz Dark theme */
4
4
  /* ============================== */
5
5
 
6
+ /* Arrow offset from the Popover's corners */
7
+ @_sap_m_Popover_ArrowOffset: 8;
8
+
6
9
  .sapMPopoverArr:after {
7
10
  background: @sapUiGroupContentBackground;
8
11
  box-shadow: @sapUiShadowLevel2;
@@ -4,6 +4,8 @@
4
4
  /* ====================================== */
5
5
 
6
6
  .sapMRI {
7
+ text-shadow: @sapUiContentTextShadow;
8
+
7
9
  .sapMRIUnsel {
8
10
  color: @sapUiContentUnratedColor;
9
11
  }
@@ -18,12 +20,15 @@
18
20
  }
19
21
 
20
22
  .sapMRI.sapMRIDisplayOnly {
23
+ text-shadow: none;
24
+
21
25
  .sapMRIIconSel {
22
26
  color: @sapUiBaseText;
23
27
  }
24
28
  }
25
29
 
26
30
  .sapMRIDisabled {
31
+ text-shadow: none;
27
32
  opacity: 0.4;
28
33
  }
29
34
 
@@ -9,10 +9,8 @@
9
9
 
10
10
  @_sap_m_SearchField_Height: 2.75rem;
11
11
  @_sap_m_SearchField_FormHeight: 2.25rem;
12
- @_sap_m_SearchField_InputHeight: 2.125rem;
13
12
  @_sap_m_SearchField_ButtonSize: 2.125rem;
14
13
  @_sap_m_SearchField_ButtonFontSize: 1rem;
15
- @_sap_m_SearchField_NoSearchButtonPadding: 2.25rem;
16
14
  @_sap_m_SearchField_Compact_FormPaddingLeft: 0.5rem;
17
15
  @_sap_m_SearchField_ResetIcon: "\e03e";
18
16
 
@@ -45,4 +43,14 @@
45
43
  .sapMSFF>.sapMSFB.sapMSFBA{
46
44
  background-color: @sapUiButtonLiteActiveBackground;
47
45
  color: @sapUiContentContrastIconColor;
46
+ }
47
+
48
+ .sapMSFB:first-of-type {
49
+ margin-left: 0.5rem;
50
+ }
51
+
52
+ .sapUiSizeCompact {
53
+ .sapMSFB:first-of-type {
54
+ margin-left: 0;
55
+ }
48
56
  }
@@ -41,11 +41,6 @@
41
41
  }
42
42
  }
43
43
 
44
- div.sapMSuggestionsPopover {
45
- border: none;
46
- box-shadow: @sapUiShadowLevel1;
47
- }
48
-
49
44
  .sapUiSizeCompact {
50
45
  .sapMSuggestionsPopover {
51
46
 
@@ -6,49 +6,19 @@
6
6
  @_sap_m_Token_TokenPadding: 0.5rem;
7
7
  @_sap_m_Token_TokenCompactPadding: 0.25rem;
8
8
  @_sap_m_Token_LeftPadding: 0.3125rem;
9
- @_sap_m_Token_LeftPadding: 0.3125rem;
10
9
  @_sap_m_Token_TokenSize: @sapMFontSmallSize + (2 * @_sap_m_Token_TokenPadding) - @_sap_m_Token_LeftPadding;
11
10
  @_sap_m_Token_TokenCompactSize: @sapMFontSmallSize + @_sap_m_Token_TokenCompactPadding;
12
11
 
13
12
  .sapMToken {
14
- border: @sapUiButtonBorderWidth solid @sapUiButtonTokenBorderColor;
15
- background: @sapUiButtonTokenBackground;
16
- font-size: @sapMFontMediumSize;
17
- border-radius: 0.25rem;
18
13
  padding-left: 0.3125rem;
19
14
  color: @sapUiBaseText;
20
15
  }
21
16
 
22
- .sapMTokenText {
23
- max-width: calc(~"100% - " @_sap_m_Token_TokenSize);
24
- }
25
-
26
- .sapMTokenSelected,
27
- .sapMToken.sapMTokenReadOnly.sapMTokenSelected {
28
- color: @sapUiButtonSelectedTextColor;
29
- background: @sapUiButtonSelectedBackground;
30
- border: @sapUiButtonBorderWidth solid @sapUiButtonSelectedBorderColor;
31
- }
32
-
33
- .sapMTokenSelected .sapMTokenIcon,
34
- .sapMTokenSelected .sapMTokenText {
35
- color: @sapUiButtonSelectedTextColor;
36
- }
37
-
38
- html.sap-desktop .sapMToken:hover {
39
- border: @sapUiButtonBorderWidth solid @sapUiButtonHoverBorderColor;
40
- background: @sapUiButtonHoverBackground;
41
- }
42
-
43
17
  html.sap-desktop .sapMToken.sapMTokenSelected:hover {
44
18
  background: @sapUiButtonSelectedHoverBackground;
45
19
  border: @sapUiButtonBorderWidth solid @sapUiButtonSelectedHoverBorderColor;
46
20
  }
47
21
 
48
- .sapMTokenIcon {
49
- font-size: @sapMFontSmallSize;
50
- line-height: 1.5625rem;
51
- }
52
22
 
53
23
  .sapMToken.sapMTokenReadOnly {
54
24
  color: @sapUiContentLabelColor
@@ -61,8 +31,4 @@ html.sap-desktop .sapMToken:focus {
61
31
 
62
32
  html.sap-desktop .sapMToken.sapMTokenSelected:focus {
63
33
  outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentContrastFocusColor;
64
- }
65
-
66
- .sapUiSizeCompact .sapMTokenIcon {
67
- line-height: 1.1875rem;
68
34
  }
@@ -37,7 +37,6 @@
37
37
  }
38
38
  .sapMCrsl:focus {
39
39
  outline: none;
40
- border: 0.125rem dotted @sapUiContentFocusColor;
41
40
  }
42
41
 
43
42
  .sapMCrsl .sapMCrslHud,
@@ -94,7 +94,7 @@ html.sap-desktop {
94
94
  top: 0.5rem;
95
95
  bottom: 0.5rem;
96
96
  left: 0.5rem;
97
- right: 0;
97
+ right: -0.0625rem;
98
98
  border: 0.125rem dotted @sapUiContentFocusColor;
99
99
  }
100
100
  &:not(.sapMCbErr):not(.sapMCbInfo):not(.sapMCbWarn):focus:before {