@openui5/themelib_sap_fiori_3 1.100.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 (106) hide show
  1. package/THIRDPARTY.txt +5 -5
  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_dark/GridListItem.less +1 -2
  5. package/src/sap/f/themes/sap_fiori_3_hcb/GridListItem.less +1 -4
  6. package/src/sap/f/themes/sap_fiori_3_hcw/GridListItem.less +1 -4
  7. package/src/sap/m/themes/sap_fiori_3/CheckBox.less +1 -1
  8. package/src/sap/m/themes/sap_fiori_3/IconTabBar.less +3 -2
  9. package/src/sap/m/themes/sap_fiori_3/InputBase.less +0 -33
  10. package/src/sap/m/themes/sap_fiori_3/Popover.less +3 -1
  11. package/src/sap/m/themes/sap_fiori_3/RatingIndicator.less +5 -0
  12. package/src/sap/m/themes/sap_fiori_3/Token.less +1 -35
  13. package/src/sap/m/themes/sap_fiori_3_dark/CheckBox.less +1 -1
  14. package/src/sap/m/themes/sap_fiori_3_dark/IconTabBar.less +3 -2
  15. package/src/sap/m/themes/sap_fiori_3_dark/InputBase.less +0 -33
  16. package/src/sap/m/themes/sap_fiori_3_dark/Popover.less +3 -0
  17. package/src/sap/m/themes/sap_fiori_3_dark/RatingIndicator.less +5 -0
  18. package/src/sap/m/themes/sap_fiori_3_dark/SuggestionsPopover.less +0 -5
  19. package/src/sap/m/themes/sap_fiori_3_dark/Token.less +0 -34
  20. package/src/sap/m/themes/sap_fiori_3_hcb/Carousel.less +0 -1
  21. package/src/sap/m/themes/sap_fiori_3_hcb/CheckBox.less +1 -1
  22. package/src/sap/m/themes/sap_fiori_3_hcb/Dialog.less +0 -4
  23. package/src/sap/m/themes/sap_fiori_3_hcb/InputBase.less +8 -28
  24. package/src/sap/m/themes/sap_fiori_3_hcb/Page.less +1 -1
  25. package/src/sap/m/themes/sap_fiori_3_hcb/Popover.less +18 -0
  26. package/src/sap/m/themes/sap_fiori_3_hcb/RatingIndicator.less +6 -0
  27. package/src/sap/m/themes/sap_fiori_3_hcb/Table.less +0 -4
  28. package/src/sap/m/themes/sap_fiori_3_hcb/Token.less +0 -35
  29. package/src/sap/m/themes/sap_fiori_3_hcb/ValueStateHeader.less +4 -0
  30. package/src/sap/m/themes/sap_fiori_3_hcb/ValueStateMessage.less +0 -1
  31. package/src/sap/m/themes/sap_fiori_3_hcb/library.source.less +0 -1
  32. package/src/sap/m/themes/sap_fiori_3_hcw/Carousel.less +0 -1
  33. package/src/sap/m/themes/sap_fiori_3_hcw/CheckBox.less +1 -1
  34. package/src/sap/m/themes/sap_fiori_3_hcw/Dialog.less +0 -4
  35. package/src/sap/m/themes/sap_fiori_3_hcw/InputBase.less +8 -28
  36. package/src/sap/m/themes/sap_fiori_3_hcw/Page.less +1 -1
  37. package/src/sap/m/themes/sap_fiori_3_hcw/Popover.less +18 -0
  38. package/src/sap/m/themes/sap_fiori_3_hcw/RatingIndicator.less +6 -0
  39. package/src/sap/m/themes/sap_fiori_3_hcw/Table.less +0 -4
  40. package/src/sap/m/themes/sap_fiori_3_hcw/Token.less +0 -34
  41. package/src/sap/m/themes/sap_fiori_3_hcw/ValueStateHeader.less +4 -0
  42. package/src/sap/m/themes/sap_fiori_3_hcw/ValueStateMessage.less +0 -1
  43. package/src/sap/m/themes/sap_fiori_3_hcw/library.source.less +0 -1
  44. package/src/sap/ui/core/themes/sap_fiori_3/.theme +1 -1
  45. package/src/sap/ui/core/themes/sap_fiori_3/base.less +394 -8
  46. package/src/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold-full.woff2 +0 -0
  47. package/src/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold.woff2 +0 -0
  48. package/src/sap/ui/core/themes/sap_fiori_3/fonts/72-Light-full.woff2 +0 -0
  49. package/src/sap/ui/core/themes/sap_fiori_3/fonts/72-Light.woff2 +0 -0
  50. package/src/sap/ui/core/themes/sap_fiori_3/fonts/72-Regular-full.woff2 +0 -0
  51. package/src/sap/ui/core/themes/sap_fiori_3/fonts/72-Regular.woff2 +0 -0
  52. package/src/sap/ui/core/themes/sap_fiori_3/fonts/72Mono-Bold-full.woff2 +0 -0
  53. package/src/sap/ui/core/themes/sap_fiori_3/fonts/72Mono-Bold.woff2 +0 -0
  54. package/src/sap/ui/core/themes/sap_fiori_3/fonts/72Mono-Regular-full.woff2 +0 -0
  55. package/src/sap/ui/core/themes/sap_fiori_3/fonts/72Mono-Regular.woff2 +0 -0
  56. package/src/sap/ui/core/themes/sap_fiori_3/global.less +7 -5
  57. package/src/sap/ui/core/themes/sap_fiori_3/shared.less +0 -1
  58. package/src/sap/ui/core/themes/sap_fiori_3_dark/.theme +1 -1
  59. package/src/sap/ui/core/themes/sap_fiori_3_dark/base.less +394 -8
  60. package/src/sap/ui/core/themes/sap_fiori_3_dark/fonts/72-Bold-full.woff2 +0 -0
  61. package/src/sap/ui/core/themes/sap_fiori_3_dark/fonts/72-Bold.woff2 +0 -0
  62. package/src/sap/ui/core/themes/sap_fiori_3_dark/fonts/72-Light-full.woff2 +0 -0
  63. package/src/sap/ui/core/themes/sap_fiori_3_dark/fonts/72-Light.woff2 +0 -0
  64. package/src/sap/ui/core/themes/sap_fiori_3_dark/fonts/72-Regular-full.woff2 +0 -0
  65. package/src/sap/ui/core/themes/sap_fiori_3_dark/fonts/72-Regular.woff2 +0 -0
  66. package/src/sap/ui/core/themes/sap_fiori_3_dark/fonts/72Mono-Bold-full.woff2 +0 -0
  67. package/src/sap/ui/core/themes/sap_fiori_3_dark/fonts/72Mono-Bold.woff2 +0 -0
  68. package/src/sap/ui/core/themes/sap_fiori_3_dark/fonts/72Mono-Regular-full.woff2 +0 -0
  69. package/src/sap/ui/core/themes/sap_fiori_3_dark/fonts/72Mono-Regular.woff2 +0 -0
  70. package/src/sap/ui/core/themes/sap_fiori_3_dark/global.less +7 -5
  71. package/src/sap/ui/core/themes/sap_fiori_3_dark/shared.less +0 -1
  72. package/src/sap/ui/core/themes/sap_fiori_3_hcb/.theme +1 -1
  73. package/src/sap/ui/core/themes/sap_fiori_3_hcb/base.less +398 -12
  74. package/src/sap/ui/core/themes/sap_fiori_3_hcb/fonts/72-Bold-full.woff2 +0 -0
  75. package/src/sap/ui/core/themes/sap_fiori_3_hcb/fonts/72-Bold.woff2 +0 -0
  76. package/src/sap/ui/core/themes/sap_fiori_3_hcb/fonts/72-Light-full.woff2 +0 -0
  77. package/src/sap/ui/core/themes/sap_fiori_3_hcb/fonts/72-Light.woff2 +0 -0
  78. package/src/sap/ui/core/themes/sap_fiori_3_hcb/fonts/72-Regular-full.woff2 +0 -0
  79. package/src/sap/ui/core/themes/sap_fiori_3_hcb/fonts/72-Regular.woff2 +0 -0
  80. package/src/sap/ui/core/themes/sap_fiori_3_hcb/fonts/72Mono-Bold-full.woff2 +0 -0
  81. package/src/sap/ui/core/themes/sap_fiori_3_hcb/fonts/72Mono-Bold.woff2 +0 -0
  82. package/src/sap/ui/core/themes/sap_fiori_3_hcb/fonts/72Mono-Regular-full.woff2 +0 -0
  83. package/src/sap/ui/core/themes/sap_fiori_3_hcb/fonts/72Mono-Regular.woff2 +0 -0
  84. package/src/sap/ui/core/themes/sap_fiori_3_hcb/global.less +13 -5
  85. package/src/sap/ui/core/themes/sap_fiori_3_hcw/.theme +1 -1
  86. package/src/sap/ui/core/themes/sap_fiori_3_hcw/base.less +397 -11
  87. package/src/sap/ui/core/themes/sap_fiori_3_hcw/fonts/72-Bold-full.woff2 +0 -0
  88. package/src/sap/ui/core/themes/sap_fiori_3_hcw/fonts/72-Bold.woff2 +0 -0
  89. package/src/sap/ui/core/themes/sap_fiori_3_hcw/fonts/72-Light-full.woff2 +0 -0
  90. package/src/sap/ui/core/themes/sap_fiori_3_hcw/fonts/72-Light.woff2 +0 -0
  91. package/src/sap/ui/core/themes/sap_fiori_3_hcw/fonts/72-Regular-full.woff2 +0 -0
  92. package/src/sap/ui/core/themes/sap_fiori_3_hcw/fonts/72-Regular.woff2 +0 -0
  93. package/src/sap/ui/core/themes/sap_fiori_3_hcw/fonts/72Mono-Bold-full.woff2 +0 -0
  94. package/src/sap/ui/core/themes/sap_fiori_3_hcw/fonts/72Mono-Bold.woff2 +0 -0
  95. package/src/sap/ui/core/themes/sap_fiori_3_hcw/fonts/72Mono-Regular-full.woff2 +0 -0
  96. package/src/sap/ui/core/themes/sap_fiori_3_hcw/fonts/72Mono-Regular.woff2 +0 -0
  97. package/src/sap/ui/core/themes/sap_fiori_3_hcw/global.less +13 -5
  98. package/src/sap/ui/integration/themes/sap_fiori_3_hcb/Paginator.less +12 -0
  99. package/src/sap/ui/integration/themes/sap_fiori_3_hcb/library.source.less +2 -1
  100. package/src/sap/ui/integration/themes/sap_fiori_3_hcw/Paginator.less +12 -0
  101. package/src/sap/ui/integration/themes/sap_fiori_3_hcw/library.source.less +1 -1
  102. package/src/sap/ui/unified/themes/sap_fiori_3_dark/FileUploader.less +7 -0
  103. package/src/sap/ui/unified/themes/sap_fiori_3_hcb/FileUploader.less +7 -0
  104. package/src/sap/ui/unified/themes/sap_fiori_3_hcw/FileUploader.less +7 -0
  105. package/src/sap/m/themes/sap_fiori_3_hcb/SuggestionsPopover.less +0 -15
  106. package/src/sap/m/themes/sap_fiori_3_hcw/SuggestionsPopover.less +0 -15
package/THIRDPARTY.txt CHANGED
@@ -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.36-SNAPSHOT
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.100.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.100.0",
18
- "@openui5/sap.m": "1.100.0",
19
- "@openui5/sap.tnt": "1.100.0",
20
- "@openui5/sap.ui.codeeditor": "1.100.0",
21
- "@openui5/sap.ui.commons": "1.100.0",
22
- "@openui5/sap.ui.core": "1.100.0",
23
- "@openui5/sap.ui.dt": "1.100.0",
24
- "@openui5/sap.ui.fl": "1.100.0",
25
- "@openui5/sap.ui.mdc": "1.100.0",
26
- "@openui5/sap.ui.integration": "1.100.0",
27
- "@openui5/sap.ui.layout": "1.100.0",
28
- "@openui5/sap.ui.rta": "1.100.0",
29
- "@openui5/sap.ui.suite": "1.100.0",
30
- "@openui5/sap.ui.table": "1.100.0",
31
- "@openui5/sap.ui.unified": "1.100.0",
32
- "@openui5/sap.ui.ux3": "1.100.0",
33
- "@openui5/sap.uxap": "1.100.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;
@@ -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;
@@ -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,
@@ -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
 
@@ -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,
@@ -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
 
@@ -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 {
@@ -12,10 +12,6 @@
12
12
  @_sap_m_Dialog_SubHeaderCompactHeight: 2.25rem;
13
13
 
14
14
  @_sap_m_Dialog_NoStateHeaderShadow: @sapUiShadowHeader;
15
- @_sap_m_Dialog_SuccessHeaderShadow: inset 0 -0.125rem @sapUiSuccessBorder;
16
- @_sap_m_Dialog_ErrorHeaderShadow: inset 0 -0.125rem @sapUiErrorBorder;
17
- @_sap_m_Dialog_WarningHeaderShadow: inset 0 -0.125rem @sapUiWarningBorder;
18
- @_sap_m_Dialog_InformationHeaderShadow: inset 0 -0.125rem @sapUiInformationBorder;
19
15
 
20
16
  .sapMDialogSubHeader .sapMIBar {
21
17
  height: 100%;
@@ -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: 1px solid @sapUiFieldBorderColor;
24
- background: @sapUiFieldBackground;
25
- border-radius: @sapUiFieldBorderCornerRadius;
26
19
 
27
20
  &.sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess):not(.sapMInputBaseContentWrapperInformation) {
28
21
 
@@ -66,27 +59,6 @@
66
59
  }
67
60
  }
68
61
 
69
- .sapMInputBaseContentWrapperWarning {
70
- background: @sapUiFieldWarningBackground;
71
- border: @sapField_WarningBorderWidth @sapField_WarningBorderStyle @sapUiFieldWarningColor;
72
- }
73
-
74
- .sapMInputBaseContentWrapperSuccess {
75
- background: @sapUiFieldSuccessBackground;
76
- border: @sapField_SuccessBorderWidth @sapField_SuccessBorderStyle @sapUiFieldSuccessColor;
77
- }
78
-
79
- .sapMILI-CTX .sapMInputBaseContentWrapperError,
80
- .sapMInputBaseContentWrapperError {
81
- background: @sapUiFieldInvalidBackground;
82
- border: @sapField_InvalidBorderWidth @sapField_InvalidBorderStyle @sapUiFieldInvalidColor;
83
- }
84
-
85
- .sapMInputBaseContentWrapperInformation {
86
- background: @sapUiFieldInformationBackground;
87
- border: @sapField_InformationBorderWidth @sapField_InformationBorderStyle @sapUiFieldInformationColor;
88
- }
89
-
90
62
  .sapMInputBaseContentWrapperWarning, .sapMInputBaseContentWrapperError {
91
63
  .sapMInputBaseInner {
92
64
  font-style: italic;
@@ -102,6 +74,14 @@
102
74
  font-style: normal;
103
75
  }
104
76
 
77
+ .sapMInputBaseContentWrapperError .sapMInputBaseInner::-webkit-input-placeholder {
78
+ color: @sapUiFieldTextColor;
79
+ }
80
+
81
+ .sapMInputBaseContentWrapperError .sapMInputBaseInner::-moz-placeholder {
82
+ color: @sapUiFieldTextColor;
83
+ }
84
+
105
85
  .sapUiSizeCompact .sapMInputBaseContentWrapper.sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) .sapMInputBaseIcon {
106
86
  line-height: 1.375rem;
107
87
  }
@@ -48,7 +48,7 @@
48
48
  }
49
49
 
50
50
  .sapMPageBgList {
51
- background-color: @sapUiBaseBG;
51
+ background-color: @sapUiGroupContentBackground;
52
52
  }
53
53
 
54
54
  /* The following overrides for sap_belize/sap_belize_plus are only intended for apps inside FLP (Ushell) */
@@ -3,6 +3,9 @@
3
3
  /* Quartz High Contrast Black 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
  border-style: solid;
8
11
  border-width: 2px;
@@ -106,4 +109,19 @@
106
109
 
107
110
  .sapMPopoverWithSubHeader .sapMPopoverHeader .sapMIBar-CTX {
108
111
  box-shadow: none;
112
+ }
113
+
114
+ /* pointing downward arrow */
115
+ .sapMPopoverArrDown:after {
116
+ margin: -0.625rem 0 0 0.125rem;
117
+ }
118
+
119
+ /* pointing right arrow */
120
+ .sapMPopoverArrRight:after {
121
+ margin: 0.1875rem 0 0 -0.625rem;
122
+ }
123
+
124
+ /* pointing left arrow */
125
+ .sapMPopoverArrLeft:after {
126
+ margin: 0.125rem 0 0 0.1875rem;
109
127
  }
@@ -4,6 +4,8 @@
4
4
  /* ====================================== */
5
5
 
6
6
  .sapMRI {
7
+ text-shadow: @sapUiContentTextShadow;
8
+
7
9
  .sapMRISel, .sapMRIHov {
8
10
  color: @sapUiContentRatedColor;
9
11
  }
@@ -15,12 +17,16 @@
15
17
  }
16
18
 
17
19
  &.sapMRIDisplayOnly {
20
+ text-shadow: none;
21
+
18
22
  .sapMRIIconSel {
19
23
  color: @sapUiContentIconColor;
20
24
  }
21
25
  }
22
26
 
23
27
  &.sapMRIDisabled {
28
+ text-shadow: none;
29
+
24
30
  .sapMRIUnsel, .sapMRISel {
25
31
  color: @sapUiContentDisabledTextColor;
26
32
  }
@@ -20,10 +20,6 @@
20
20
  margin-bottom: 0;
21
21
  }
22
22
 
23
- .sapMSticky .sapMListInfoTBarContainer {
24
- padding: 2px 0;
25
- }
26
-
27
23
  /* table column header */
28
24
  .sapMListTbl th {
29
25
  border-bottom: 0.125rem solid @sapUiListHeaderBorderColor;