@openui5/themelib_sap_horizon 1.126.1 → 1.128.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 (141) hide show
  1. package/THIRDPARTY.txt +1 -1
  2. package/package.json +18 -18
  3. package/src/sap/m/themes/sap_horizon/Breadcrumbs.less +20 -16
  4. package/src/sap/m/themes/sap_horizon/BusyIndicator.less +2 -2
  5. package/src/sap/m/themes/sap_horizon/Button.less +59 -54
  6. package/src/sap/m/themes/sap_horizon/Carousel.less +11 -11
  7. package/src/sap/m/themes/sap_horizon/Dialog.less +0 -10
  8. package/src/sap/m/themes/sap_horizon/GenericTile.less +8 -3
  9. package/src/sap/m/themes/sap_horizon/NewsContent.less +0 -4
  10. package/src/sap/m/themes/sap_horizon/Popover.less +0 -29
  11. package/src/sap/m/themes/sap_horizon/SinglePlanningCalendarGrid.less +1 -0
  12. package/src/sap/m/themes/sap_horizon/SlideTile.less +0 -5
  13. package/src/sap/m/themes/sap_horizon/Token.less +5 -0
  14. package/src/sap/m/themes/sap_horizon/Tokenizer.less +2 -2
  15. package/src/sap/m/themes/sap_horizon_dark/Breadcrumbs.less +20 -16
  16. package/src/sap/m/themes/sap_horizon_dark/BusyIndicator.less +2 -2
  17. package/src/sap/m/themes/sap_horizon_dark/Button.less +59 -54
  18. package/src/sap/m/themes/sap_horizon_dark/Carousel.less +11 -11
  19. package/src/sap/m/themes/sap_horizon_dark/Dialog.less +0 -10
  20. package/src/sap/m/themes/sap_horizon_dark/GenericTile.less +2 -3
  21. package/src/sap/m/themes/sap_horizon_dark/NewsContent.less +0 -4
  22. package/src/sap/m/themes/sap_horizon_dark/Popover.less +0 -29
  23. package/src/sap/m/themes/sap_horizon_dark/SinglePlanningCalendarGrid.less +1 -0
  24. package/src/sap/m/themes/sap_horizon_dark/SlideTile.less +0 -5
  25. package/src/sap/m/themes/sap_horizon_dark/Token.less +5 -0
  26. package/src/sap/m/themes/sap_horizon_dark/Tokenizer.less +2 -2
  27. package/src/sap/m/themes/sap_horizon_hcb/ActionListItem.less +2 -2
  28. package/src/sap/m/themes/sap_horizon_hcb/ActionTile.less +15 -12
  29. package/src/sap/m/themes/sap_horizon_hcb/Breadcrumbs.less +6 -7
  30. package/src/sap/m/themes/sap_horizon_hcb/BusyIndicator.less +2 -2
  31. package/src/sap/m/themes/sap_horizon_hcb/Button.less +45 -39
  32. package/src/sap/m/themes/sap_horizon_hcb/Carousel.less +10 -10
  33. package/src/sap/m/themes/sap_horizon_hcb/Dialog.less +0 -10
  34. package/src/sap/m/themes/sap_horizon_hcb/GenericTile.less +0 -5
  35. package/src/sap/m/themes/sap_horizon_hcb/HeaderContainer.less +0 -5
  36. package/src/sap/m/themes/sap_horizon_hcb/Popover.less +0 -22
  37. package/src/sap/m/themes/sap_horizon_hcb/SinglePlanningCalendarGrid.less +6 -3
  38. package/src/sap/m/themes/sap_horizon_hcb/SlideTile.less +0 -1
  39. package/src/sap/m/themes/sap_horizon_hcb/library.source.less +0 -4
  40. package/src/sap/m/themes/sap_horizon_hcw/ActionListItem.less +2 -2
  41. package/src/sap/m/themes/sap_horizon_hcw/ActionTile.less +15 -12
  42. package/src/sap/m/themes/sap_horizon_hcw/Breadcrumbs.less +7 -8
  43. package/src/sap/m/themes/sap_horizon_hcw/BusyIndicator.less +2 -2
  44. package/src/sap/m/themes/sap_horizon_hcw/Button.less +45 -39
  45. package/src/sap/m/themes/sap_horizon_hcw/Carousel.less +10 -10
  46. package/src/sap/m/themes/sap_horizon_hcw/Dialog.less +0 -10
  47. package/src/sap/m/themes/sap_horizon_hcw/GenericTile.less +0 -5
  48. package/src/sap/m/themes/sap_horizon_hcw/HeaderContainer.less +0 -5
  49. package/src/sap/m/themes/sap_horizon_hcw/Popover.less +0 -22
  50. package/src/sap/m/themes/sap_horizon_hcw/SinglePlanningCalendarGrid.less +6 -3
  51. package/src/sap/m/themes/sap_horizon_hcw/SlideTile.less +0 -1
  52. package/src/sap/m/themes/sap_horizon_hcw/library.source.less +0 -4
  53. package/src/sap/tnt/themes/sap_horizon/ToolHeader.less +5 -3
  54. package/src/sap/tnt/themes/sap_horizon_dark/ToolHeader.less +5 -3
  55. package/src/sap/tnt/themes/sap_horizon_hcb/ToolHeader.less +3 -3
  56. package/src/sap/tnt/themes/sap_horizon_hcw/ToolHeader.less +3 -3
  57. package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
  58. package/src/sap/ui/core/themes/sap_horizon/base.less +4 -4
  59. package/src/sap/ui/core/themes/sap_horizon/fonts/SAP-icons.ttf +0 -0
  60. package/src/sap/ui/core/themes/sap_horizon/fonts/SAP-icons.woff2 +0 -0
  61. package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
  62. package/src/sap/ui/core/themes/sap_horizon_dark/base.less +4 -4
  63. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/SAP-icons.ttf +0 -0
  64. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/SAP-icons.woff2 +0 -0
  65. package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
  66. package/src/sap/ui/core/themes/sap_horizon_hcb/base.less +5 -5
  67. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/SAP-icons.ttf +0 -0
  68. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/SAP-icons.woff2 +0 -0
  69. package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
  70. package/src/sap/ui/core/themes/sap_horizon_hcw/base.less +4 -4
  71. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/SAP-icons.ttf +0 -0
  72. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/SAP-icons.woff2 +0 -0
  73. package/src/sap/ui/dt/themes/sap_horizon/ContextMenu.less +10 -29
  74. package/src/sap/ui/dt/themes/sap_horizon/Overlay.less +14 -8
  75. package/src/sap/ui/dt/themes/sap_horizon_dark/ContextMenu.less +10 -32
  76. package/src/sap/ui/dt/themes/sap_horizon_dark/Overlay.less +13 -8
  77. package/src/sap/ui/dt/themes/sap_horizon_hcb/ContextMenu.less +10 -28
  78. package/src/sap/ui/dt/themes/sap_horizon_hcb/Overlay.less +29 -7
  79. package/src/sap/ui/dt/themes/sap_horizon_hcb/library.source.less +2 -2
  80. package/src/sap/ui/dt/themes/sap_horizon_hcw/ContextMenu.less +10 -28
  81. package/src/sap/ui/dt/themes/sap_horizon_hcw/Overlay.less +29 -5
  82. package/src/sap/ui/mdc/themes/sap_horizon/Chart.less +6 -0
  83. package/src/sap/ui/mdc/themes/sap_horizon/Table.less +1 -1
  84. package/src/sap/ui/mdc/themes/sap_horizon/library.source.less +1 -0
  85. package/src/sap/ui/mdc/themes/sap_horizon_dark/Chart.less +6 -0
  86. package/src/sap/ui/mdc/themes/sap_horizon_dark/Table.less +1 -1
  87. package/src/sap/ui/mdc/themes/sap_horizon_dark/library.source.less +2 -1
  88. package/src/sap/ui/mdc/themes/sap_horizon_hcb/Chart.less +6 -0
  89. package/src/sap/ui/mdc/themes/sap_horizon_hcb/Table.less +1 -1
  90. package/src/sap/ui/mdc/themes/sap_horizon_hcb/library.source.less +2 -1
  91. package/src/sap/ui/mdc/themes/sap_horizon_hcw/Chart.less +6 -0
  92. package/src/sap/ui/mdc/themes/sap_horizon_hcw/Table.less +1 -1
  93. package/src/sap/ui/mdc/themes/sap_horizon_hcw/library.source.less +2 -1
  94. package/src/sap/ui/rta/themes/sap_horizon/AddIFrame.less +8 -9
  95. package/src/sap/ui/rta/themes/sap_horizon/ContextMenu.less +5 -4
  96. package/src/sap/ui/rta/themes/sap_horizon/Dialogs.less +1 -4
  97. package/src/sap/ui/rta/themes/sap_horizon/FieldRepository.less +34 -7
  98. package/src/sap/ui/rta/themes/sap_horizon/Overlay.less +23 -12
  99. package/src/sap/ui/rta/themes/sap_horizon/Toolbar.adaptation.less +65 -22
  100. package/src/sap/ui/rta/themes/sap_horizon/Toolbar.base.less +2 -2
  101. package/src/sap/ui/rta/themes/sap_horizon/library.source.less +4 -4
  102. package/src/sap/ui/rta/themes/sap_horizon_dark/AddIFrame.less +8 -20
  103. package/src/sap/ui/rta/themes/sap_horizon_dark/ChangeVisualization.less +3 -3
  104. package/src/sap/ui/rta/themes/sap_horizon_dark/ContextMenu.less +5 -4
  105. package/src/sap/ui/rta/themes/sap_horizon_dark/Dialogs.less +2 -5
  106. package/src/sap/ui/rta/themes/sap_horizon_dark/FieldRepository.less +33 -7
  107. package/src/sap/ui/rta/themes/sap_horizon_dark/Overlay.less +23 -9
  108. package/src/sap/ui/rta/themes/sap_horizon_dark/Toolbar.adaptation.less +66 -36
  109. package/src/sap/ui/rta/themes/sap_horizon_dark/Toolbar.base.less +2 -2
  110. package/src/sap/ui/rta/themes/sap_horizon_dark/library.source.less +4 -4
  111. package/src/sap/ui/rta/themes/sap_horizon_hcb/ChangeVisualization.less +3 -2
  112. package/src/sap/ui/rta/themes/sap_horizon_hcb/ContextMenu.less +23 -7
  113. package/src/sap/ui/rta/themes/sap_horizon_hcb/Dialogs.less +12 -6
  114. package/src/sap/ui/rta/themes/sap_horizon_hcb/FieldRepository.less +7 -22
  115. package/src/sap/ui/rta/themes/sap_horizon_hcb/Overlay.less +23 -65
  116. package/src/sap/ui/rta/themes/sap_horizon_hcb/Toolbar.adaptation.less +36 -14
  117. package/src/sap/ui/rta/themes/sap_horizon_hcb/Toolbar.base.less +3 -7
  118. package/src/sap/ui/rta/themes/sap_horizon_hcb/library.source.less +3 -4
  119. package/src/sap/ui/rta/themes/sap_horizon_hcw/ChangeVisualization.less +4 -3
  120. package/src/sap/ui/rta/themes/sap_horizon_hcw/ContextMenu.less +19 -7
  121. package/src/sap/ui/rta/themes/sap_horizon_hcw/Dialogs.less +6 -6
  122. package/src/sap/ui/rta/themes/sap_horizon_hcw/Overlay.less +23 -65
  123. package/src/sap/ui/rta/themes/sap_horizon_hcw/Toolbar.adaptation.less +42 -15
  124. package/src/sap/ui/rta/themes/sap_horizon_hcw/Toolbar.base.less +3 -6
  125. package/src/sap/ui/rta/themes/sap_horizon_hcw/library.source.less +4 -5
  126. package/src/sap/uxap/themes/sap_horizon/AnchorBar.less +1 -1
  127. package/src/sap/uxap/themes/sap_horizon/ObjectPageHeaderContent.less +0 -4
  128. package/src/sap/uxap/themes/sap_horizon_dark/AnchorBar.less +1 -1
  129. package/src/sap/uxap/themes/sap_horizon_dark/ObjectPageHeaderContent.less +0 -4
  130. package/src/sap/uxap/themes/sap_horizon_hcb/ObjectPageHeaderContent.less +0 -4
  131. package/src/sap/uxap/themes/sap_horizon_hcw/ObjectPageHeaderContent.less +0 -4
  132. package/src/sap/m/themes/sap_horizon_hcb/FeedContent.less +0 -8
  133. package/src/sap/m/themes/sap_horizon_hcb/ImageContent.less +0 -8
  134. package/src/sap/m/themes/sap_horizon_hcb/NewsContent.less +0 -9
  135. package/src/sap/m/themes/sap_horizon_hcb/NumericContent.less +0 -8
  136. package/src/sap/m/themes/sap_horizon_hcw/FeedContent.less +0 -8
  137. package/src/sap/m/themes/sap_horizon_hcw/ImageContent.less +0 -8
  138. package/src/sap/m/themes/sap_horizon_hcw/NewsContent.less +0 -9
  139. package/src/sap/m/themes/sap_horizon_hcw/NumericContent.less +0 -8
  140. package/src/sap/ui/rta/themes/sap_horizon_hcb/AddIFrame.less +0 -77
  141. package/src/sap/ui/rta/themes/sap_horizon_hcw/AddIFrame.less +0 -77
package/THIRDPARTY.txt CHANGED
@@ -468,7 +468,7 @@ License: Apache-2.0
468
468
  License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
469
469
  Contained in: lib/jsdoc/ui5/plugin.js
470
470
 
471
- Component: SAP Theming Base Content, version: 11.12.0
471
+ Component: SAP Theming Base Content, version: 11.16.1
472
472
  Copyright: SAP SE or an SAP affiliate company and Theming Base Content contributors
473
473
  License: Apache-2.0
474
474
  License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@openui5/themelib_sap_horizon",
3
- "version": "1.126.1",
3
+ "version": "1.128.0",
4
4
  "description": "OpenUI5 Theme Library sap_horizon",
5
5
  "author": "SAP SE (https://www.sap.com)",
6
6
  "license": "Apache-2.0",
@@ -14,22 +14,22 @@
14
14
  "url": "https://github.com/SAP/openui5.git"
15
15
  },
16
16
  "devDependencies": {
17
- "@openui5/sap.f": "1.126.1",
18
- "@openui5/sap.m": "1.126.1",
19
- "@openui5/sap.tnt": "1.126.1",
20
- "@openui5/sap.ui.codeeditor": "1.126.1",
21
- "@openui5/sap.ui.commons": "1.126.1",
22
- "@openui5/sap.ui.core": "1.126.1",
23
- "@openui5/sap.ui.dt": "1.126.1",
24
- "@openui5/sap.ui.fl": "1.126.1",
25
- "@openui5/sap.ui.mdc": "1.126.1",
26
- "@openui5/sap.ui.integration": "1.126.1",
27
- "@openui5/sap.ui.layout": "1.126.1",
28
- "@openui5/sap.ui.rta": "1.126.1",
29
- "@openui5/sap.ui.suite": "1.126.1",
30
- "@openui5/sap.ui.table": "1.126.1",
31
- "@openui5/sap.ui.unified": "1.126.1",
32
- "@openui5/sap.ui.ux3": "1.126.1",
33
- "@openui5/sap.uxap": "1.126.1"
17
+ "@openui5/sap.f": "1.128.0",
18
+ "@openui5/sap.m": "1.128.0",
19
+ "@openui5/sap.tnt": "1.128.0",
20
+ "@openui5/sap.ui.codeeditor": "1.128.0",
21
+ "@openui5/sap.ui.commons": "1.128.0",
22
+ "@openui5/sap.ui.core": "1.128.0",
23
+ "@openui5/sap.ui.dt": "1.128.0",
24
+ "@openui5/sap.ui.fl": "1.128.0",
25
+ "@openui5/sap.ui.mdc": "1.128.0",
26
+ "@openui5/sap.ui.integration": "1.128.0",
27
+ "@openui5/sap.ui.layout": "1.128.0",
28
+ "@openui5/sap.ui.rta": "1.128.0",
29
+ "@openui5/sap.ui.suite": "1.128.0",
30
+ "@openui5/sap.ui.table": "1.128.0",
31
+ "@openui5/sap.ui.unified": "1.128.0",
32
+ "@openui5/sap.ui.ux3": "1.128.0",
33
+ "@openui5/sap.uxap": "1.128.0"
34
34
  }
35
35
  }
@@ -4,10 +4,12 @@
4
4
  /* =============================== */
5
5
 
6
6
  .sapMBreadcrumbs {
7
+
7
8
  .sapMBreadcrumbsCurrentLocation {
9
+
8
10
  &:focus {
9
11
  outline: none;
10
- box-shadow: 0 0 0 0.125rem @sapUiContentFocusColor;
12
+ box-shadow: 0 0 0 0.125rem var(--sapContent_FocusColor);
11
13
  border-radius: 0.25rem;
12
14
  }
13
15
  }
@@ -18,10 +20,11 @@
18
20
  }
19
21
 
20
22
  .sapMBreadcrumbsItem.sapMBreadcrumbsSelectItem {
21
- &>.sapMSlt.sapMSltWithIcon.sapMSltIconOnly.sapMSltWithArrow.sapMSltHoverable {
23
+
24
+ & > .sapMSlt.sapMSltWithIcon.sapMSltIconOnly.sapMSltWithArrow.sapMSltHoverable {
22
25
  box-shadow: none;
23
26
 
24
- // Default styles
27
+ /* Default styles */
25
28
  .sapMSltIcon {
26
29
  display: flex;
27
30
  align-items: center;
@@ -33,21 +36,21 @@
33
36
  }
34
37
 
35
38
  &::before {
36
- content: "••• ";
37
- font-family: @sapUiFontLightFamily;
39
+ content: '••• ';
40
+ font-family: var(--sapFontLightFamily);
38
41
  }
39
42
 
40
43
  &::after {
41
- content: "\e1ef";
42
- font-family: @sapUiContentIconFontFamily;
44
+ content: '\e1ef';
45
+ font-family: var(--sapContent_IconFontFamily);
43
46
  font-size: @sapMFontMediumSize;
44
- color: @sapUiLink;
47
+ color: var(--sapLinkColor);
45
48
  speak: none;
46
49
  }
47
50
  }
48
51
 
49
- // Custom underline element
50
- // In order to prevent issues with centering the content
52
+ /* Custom underline element
53
+ In order to prevent issues with centering the content */
51
54
  &::after {
52
55
  content: '';
53
56
  display: block;
@@ -58,18 +61,18 @@
58
61
  background-color: transparent;
59
62
  }
60
63
 
61
- // States
64
+ /* States */
62
65
  &:hover,
63
66
  &.sapMSltFocused {
64
- background-color: @sapUiContentFocusColor;
67
+ background-color: var(--sapContent_FocusColor);
65
68
 
66
69
  &::after {
67
- background-color: @sapUiContentContrastFocusColor;
70
+ background-color: var(--sapContent_ContrastFocusColor);
68
71
  }
69
72
 
70
73
  .sapMSltIcon::before,
71
74
  .sapMSltIcon::after {
72
- color: @sapUiContentContrastFocusColor;
75
+ color: var(--sapContent_ContrastFocusColor);
73
76
  border-bottom: none;
74
77
  }
75
78
 
@@ -82,14 +85,15 @@
82
85
 
83
86
  .sapMSltIcon::before,
84
87
  .sapMSltIcon::after {
85
- color: @sapUiLink;
88
+ color: var(--sapLinkColor);
86
89
  }
87
90
  }
88
91
  }
89
92
 
90
93
  &:hover.sapMSltFocused:not(:active) {
94
+
91
95
  &::after {
92
- background-color: @sapUiContentFocusColor;
96
+ background-color: var(--sapContent_FocusColor);
93
97
  }
94
98
  }
95
99
  }
@@ -5,11 +5,11 @@
5
5
 
6
6
  /* Background animation element */
7
7
  .sapUiLocalBusyIndicatorAnimation > div::before {
8
- background: @sapUiContentBusyColor;
8
+ background: var(--sapContent_BusyColor);
9
9
  animation-duration: 0ms;
10
10
  }
11
11
 
12
12
  /* Shadow animation element */
13
13
  .sapUiLocalBusyIndicatorAnimation > div::after {
14
- box-shadow: inset 0px 0px 0px 0px @sapUiContentBusyColor;
14
+ box-shadow: inset 0 0 0 0 var(--sapContent_BusyColor);
15
15
  }
@@ -3,14 +3,14 @@
3
3
  /* Horizon theme */
4
4
  /* ============================= */
5
5
 
6
- @_sap_m_Button_EmphasizedFocusColor: @sapUiContentFocusColor;
6
+ @_sap_m_Button_EmphasizedFocusColor: var(--sapContent_FocusColor);
7
7
 
8
8
  .sapMBtn {
9
9
  height: 2.75rem;
10
10
  }
11
11
 
12
12
  .sapMBtnEmphasized {
13
- font-family: @sapUiFontBoldFamily;
13
+ font-family: var(--sapFontBoldFamily);
14
14
  }
15
15
 
16
16
  .sapMIBar-CTX .sapMBarLeft .sapMBtn:hover {
@@ -22,13 +22,13 @@
22
22
  /* --------------------- */
23
23
  .sapMBtnInner {
24
24
  font-size: @sapMFontMediumSize;
25
- height: @sapUiElementHeight;
25
+ height: var(--sapElement_Height);
26
26
  min-width: 2.25rem;
27
27
  margin: 0;
28
28
  padding: 0;
29
29
  text-align: center;
30
30
  position: relative;
31
- border-radius: @sapUiButtonBorderCornerRadius;
31
+ border-radius: var(--sapButton_BorderCornerRadius);
32
32
  text-shadow: none;
33
33
  }
34
34
 
@@ -41,7 +41,7 @@
41
41
  line-height: 2.125rem;
42
42
  }
43
43
 
44
- .sapMBtnInner.sapMBtnText .sapMBtnIcon:before {
44
+ .sapMBtnInner.sapMBtnText .sapMBtnIcon::before {
45
45
  width: 1rem;
46
46
  text-align: center;
47
47
  display: inline-block;
@@ -80,7 +80,7 @@
80
80
  }
81
81
 
82
82
  .sapMBtnInner.sapMBtnText {
83
- font-family: @sapUiFontSemiboldDuplexFamily;
83
+ font-family: var(--sapFontSemiboldDuplexFamily);
84
84
  padding-left: 0.5625rem;
85
85
  padding-right: 0.5625rem;
86
86
  }
@@ -91,24 +91,25 @@
91
91
  }
92
92
 
93
93
  .sapMBtnGhost {
94
- color: @sapUiButtonTextColor;
95
- border: 0.0625rem solid @sapUiButtonBorderColor;
96
- background: @sapUiButtonBackground;
94
+ color: var(--sapButton_TextColor);
95
+ border: 0.0625rem solid var(--sapButton_BorderColor);
96
+ background: var(--sapButton_Background);
97
97
  }
98
98
 
99
99
 
100
100
  .sapMBtnGhost.sapMBtnHoverable.sapMBtnActive {
101
- color: @sapUiButtonActiveTextColor;
102
- border-color: @sapUiButtonActiveBorderColor;
103
- background: @sapUiButtonActiveBackground;
101
+ color: var(--sapButton_Active_TextColor);
102
+ border-color: var(--sapButton_Active_BorderColor);
103
+ background: var(--sapButton_Active_Background);
104
104
  }
105
105
 
106
106
  .sapMBtn:hover > .sapMBtnGhost.sapMBtnHoverable:not(.sapMBtnActive) {
107
- background: @sapUiButtonHoverBackground;
108
- border-color: @sapUiButtonHoverBorderColor;
107
+ background: var(--sapButton_Hover_Background);
108
+ border-color: var(--sapButton_Hover_BorderColor);
109
109
  }
110
110
 
111
111
  .sapUiSizeCompact {
112
+
112
113
  .sapMBtnIcon {
113
114
  margin-left: 0;
114
115
  margin-right: 0;
@@ -137,49 +138,49 @@
137
138
  /* ---------------------------------------------------------------------*/
138
139
 
139
140
  html.sap-desktop .sapMBtn:focus > .sapMBtnEmphasized.sapMBtnActive.sapMFocusable {
140
- border-color: @sapUiContentFocusColor;
141
+ border-color: var(--sapContent_FocusColor);
141
142
  }
142
143
 
143
144
  // Value State Message buttons
144
145
  :not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnCritical.sapMBtnActive {
145
- border-color: @sapUiButtonCriticalBorderColor;
146
+ border-color: var(--sapButton_Critical_BorderColor);
146
147
  }
147
148
 
148
149
  :not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnNegative.sapMBtnActive {
149
- border-color: @sapUiButtonNegativeBorderColor;
150
+ border-color: var(--sapButton_Negative_BorderColor);
150
151
  }
151
152
 
152
153
  :not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnSuccess.sapMBtnActive {
153
- border-color: @sapButton_Success_BorderColor;
154
+ border-color: var(--sapButton_Success_BorderColor);
154
155
  }
155
156
 
156
- html.sap-desktop .sapMBtn:focus > .sapMFocusable:not(.sapMBadgeIndicator):before {
157
- content: "";
157
+ html.sap-desktop .sapMBtn:focus > .sapMFocusable:not(.sapMBadgeIndicator)::before {
158
+ content: '';
158
159
  position: absolute;
159
160
  box-sizing: border-box;
160
161
  left: 0.0625rem;
161
162
  top: 0.0625rem;
162
163
  right: 0.0625rem;
163
164
  bottom: 0.0625rem;
164
- border: 0.125rem solid @sapUiContentFocusColor;
165
+ border: 0.125rem solid var(--sapContent_FocusColor);
165
166
  pointer-events: none;
166
167
  border-radius: 0.375rem;
167
168
  }
168
169
 
169
- html.sap-desktop .sapMBtn:focus > .sapMBtnEmphasized.sapMFocusable:not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBadgeIndicator):before,
170
- html.sap-desktop .sapMBtn:focus > .sapMBtnCritical.sapMFocusable:not(.sapMBtnActive):not(.sapMBadgeIndicator):before,
171
- html.sap-desktop .sapMBtn:focus > .sapMBtnNegative.sapMFocusable:not(.sapMBtnActive):not(.sapMBadgeIndicator):before,
172
- html.sap-desktop .sapMBtn:focus > .sapMBtnSuccess.sapMFocusable:not(.sapMBtnActive):not(.sapMBadgeIndicator):before {
173
- border: 0.125rem solid @sapUiContentContrastFocusColor;
170
+ html.sap-desktop .sapMBtn:focus > .sapMBtnEmphasized.sapMFocusable:not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBadgeIndicator)::before,
171
+ html.sap-desktop .sapMBtn:focus > .sapMBtnCritical.sapMFocusable:not(.sapMBtnActive):not(.sapMBadgeIndicator)::before,
172
+ html.sap-desktop .sapMBtn:focus > .sapMBtnNegative.sapMFocusable:not(.sapMBtnActive):not(.sapMBadgeIndicator)::before,
173
+ html.sap-desktop .sapMBtn:focus > .sapMBtnSuccess.sapMFocusable:not(.sapMBtnActive):not(.sapMBadgeIndicator)::before {
174
+ border: 0.125rem solid var(--sapContent_ContrastFocusColor);
174
175
  }
175
176
 
176
177
  .sapMIBar .sapMBtnInner:not(.sapMToggleBtnPressed):not(.sapMBtnEmphasized):not(.sapMBtnAccept):not(.sapMBtnAttention):not(.sapMBtnReject):not(.sapMBtnActive):not(.sapMBtnGhost),
177
178
  .sapUxAPObjectPageHeaderIdentifierActions .sapMBtnInner:not(.sapMToggleBtnPressed):not(.sapMBtnEmphasized):not(.sapMBtnAccept):not(.sapMBtnAttention):not(.sapMBtnReject):not(.sapMBtnActive):not(.sapMBtnGhost) {
178
- border-color: @sapUiButtonLiteBorderColor;
179
+ border-color: var(--sapButton_Lite_BorderColor);
179
180
  }
180
181
 
181
182
  .sapMBtn .sapMBtnNeutral.sapMBtnInner {
182
- text-shadow: @sapUiContentTextShadow;
183
+ text-shadow: var(--sapContent_TextShadow);
183
184
  }
184
185
 
185
186
  /* ---------------------------------------------------------------------*/
@@ -187,7 +188,7 @@ html.sap-desktop .sapMBtn:focus > .sapMBtnSuccess.sapMFocusable:not(.sapMBtnActi
187
188
  /* ---------------------------------------------------------------------*/
188
189
 
189
190
  .sapMBtnDisabled {
190
- opacity: @sapUiContentDisabledOpacity;
191
+ opacity: var(--sapContent_DisabledOpacity);
191
192
  }
192
193
 
193
194
  /* ------------------------------------------------ */
@@ -199,16 +200,17 @@ html.sap-desktop .sapMBtn:focus > .sapMBtnSuccess.sapMFocusable:not(.sapMBtnActi
199
200
  .sapMIBar .sapMBtn .sapMBtnInner.sapMBtnDefault .sapUiIcon,
200
201
  .sapUxAPObjectPageHeaderIdentifierActions .sapMBtn .sapMBtnInner.sapMBtnDefault,
201
202
  .sapUxAPObjectPageHeaderIdentifierActions .sapMBtn .sapMBtnInner.sapMBtnDefault .sapUiIcon {
202
- color: @sapUiButtonLiteTextColor;
203
- background-color: @sapUiButtonLiteBackground;
203
+ color: var(--sapButton_Lite_TextColor);
204
+ background-color: var(--sapButton_Lite_Background);
204
205
  }
205
206
 
206
207
  .sapMIBar .sapMBtn:hover:not(.sapMBtnDisabled):not(.sapMSBActive) > .sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent).sapMBtnDefault,
207
208
  .sapMBtn:hover:not(.sapMBtnDisabled):not(.sapMSBActive) > .sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent).sapMBtnBack,
208
209
  .sapUxAPObjectPageHeaderIdentifierActions .sapMBtn:hover:not(.sapMBtnDisabled):not(.sapMSBActive) > .sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent).sapMBtnDefault {
209
- color: @sapUiButtonLiteTextColor;
210
+ color: var(--sapButton_Lite_TextColor);
211
+
210
212
  .sapUiIcon {
211
- color: @sapUiButtonLiteTextColor;
213
+ color: var(--sapButton_Lite_TextColor);
212
214
  }
213
215
  }
214
216
 
@@ -216,81 +218,84 @@ html.sap-desktop .sapMBtn:focus > .sapMBtnSuccess.sapMFocusable:not(.sapMBtnActi
216
218
  .sapMIBar .sapMBtnTransparent.sapMBtnActive:not(.sapMBtnDisabled):not(.sapMToggleBtnPressed),
217
219
  .sapUxAPObjectPageHeaderIdentifierActions .sapMBtnDefault.sapMBtnActive:not(.sapMBtnDisabled):not(.sapMToggleBtnPressed),
218
220
  .sapUxAPObjectPageHeaderIdentifierActions .sapMBtnTransparent.sapMBtnActive:not(.sapMBtnDisabled):not(.sapMToggleBtnPressed) {
219
- border-color: @sapUiButtonLiteBorderColor;
221
+ border-color: var(--sapButton_Lite_BorderColor);
220
222
  }
221
223
 
222
224
  .sapUiSizeCompact .sapMBar-CTX .sapMBtnInner.sapMBtnGhost:not(.sapMBtnDisabled) {
223
- background: @sapUiButtonLiteBackground;
224
- border: 0.0625rem solid @sapUiButtonBorderColor;
225
+ background: var(--sapButton_Lite_Background);
226
+ border: 0.0625rem solid var(--sapButton_BorderColor);
225
227
  }
226
228
 
227
229
  .sapMIBar-CTX .sapMBtn:hover > .sapMBtnGhost.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
228
- background: @sapUiButtonHoverBackground;
229
- border-color: @sapUiButtonHoverBorderColor;
230
+ background: var(--sapButton_Hover_Background);
231
+ border-color: var(--sapButton_Hover_BorderColor);
230
232
  }
231
233
 
232
234
  html.sap-desktop .sapMFooter-CTX .sapMBtnInner.sapMBtnAccept {
233
- border-color: @sapUiButtonAcceptBorderColor;
235
+ border-color: var(--sapButton_Accept_BorderColor);
234
236
  }
235
237
 
236
238
  html.sap-desktop .sapMFooter-CTX .sapMBtnInner.sapMBtnAttention {
237
- border-color: @sapUiButtonAttentionBorderColor;
239
+ border-color: var(--sapButton_Attention_BorderColor);
238
240
  }
239
241
 
240
242
  html.sap-desktop .sapMFooter-CTX .sapMBtnInner.sapMBtnReject {
241
- border-color: @sapUiButtonRejectBorderColor;
243
+ border-color: var(--sapButton_Reject_BorderColor);
242
244
  }
243
245
 
244
246
  .sapMBar-CTX,
245
247
  .sapMTB-Transparent-CTX {
248
+
246
249
  & :not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnTransparent.sapMBtnActive {
250
+
247
251
  & > .sapMBtnContent,
248
252
  & > .sapMBtnIcon {
249
- color: @sapUiButtonActiveTextColor;
253
+ color: var(--sapButton_Active_TextColor);
250
254
  }
251
255
  }
252
256
  }
253
257
 
254
258
  .sap-desktop .sapMIBar-CTX, .sap-desktop .sapMTB-Transparent-CTX {
259
+
255
260
  .sapMBtn:not(.sapMBtnDisabled):hover > .sapMBtnInner:not(.sapMToggleBtnPressed):not(.sapMBtnEmphasized):not(.sapMBtnAccept):not(.sapMBtnAttention):not(.sapMBtnReject):not(.sapMBtnActive):not(.sapMBtnGhost):not(.sapMBtnCritical):not(.sapMBtnNegative):not(.sapMBtnNeutral):not(.sapMBtnSuccess) {
256
- border-color: @sapUiButtonHoverBorderColor;
261
+ border-color: var(--sapButton_Hover_BorderColor);
257
262
  }
258
263
  }
259
264
 
260
265
  .sapMTB-Transparent-CTX .sapMBtn:not(.sapMBtnDisabled) > .sapMBtnDefault.sapMBtnActive {
261
- background-color: @sapUiButtonActiveBackground;
266
+ background-color: var(--sapButton_Active_Background);
262
267
  }
263
268
 
264
269
  // text color for enabled buttons
265
270
  :not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnAccept.sapMBtnActive,
266
271
  :not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnAccept.sapMBtnActive .sapMBtnIcon {
267
- color: @sapUiButtonAcceptActiveTextColor;
272
+ color: var(--sapButton_Accept_Active_TextColor);
268
273
  }
269
274
 
270
275
  :not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnReject.sapMBtnActive,
271
276
  :not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnReject.sapMBtnActive .sapMBtnIcon {
272
- color: @sapUiButtonRejectActiveTextColor;
277
+ color: var(--sapButton_Reject_Active_TextColor);
273
278
  }
274
279
 
275
280
  :not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnAttention.sapMBtnActive,
276
281
  :not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnAttention.sapMBtnActive .sapMBtnIcon {
277
- color: @sapUiButtonAttentionActiveTextColor;
282
+ color: var(--sapButton_Attention_Active_TextColor);
278
283
  }
279
284
 
280
285
  :not(.sapMBtnDisabled) .sapMBtnBack > .sapMBtnIcon,
281
286
  :not(.sapMBtnDisabled) .sapMBtnTransparent > .sapMBtnIcon {
282
- color: @sapUiButtonLiteTextColor;
287
+ color: var(--sapButton_Lite_TextColor);
283
288
  }
284
289
 
285
290
  /* ----------------------*/
286
291
  /* Badges */
287
292
  /* ----------------------*/
288
293
 
289
- .sapMBtn .sapMBadge .sapMBadgeIndicator:after {
290
- background-color: @sapContent_BadgeBackground;
291
- border-color: @sapContent_BadgeBackground;
292
- color: @sapContent_BadgeTextColor;
293
- font-size: @sapFontSmallSize;
294
+ .sapMBtn .sapMBadge .sapMBadgeIndicator::after {
295
+ background-color: var(--sapContent_BadgeBackground);
296
+ border-color: var(--sapContent_BadgeBackground);
297
+ color: var(--sapContent_BadgeTextColor);
298
+ font-size: var(--sapFontSmallSize);
294
299
  text-align: center;
295
300
  }
296
301
 
@@ -298,6 +303,6 @@ html.sap-desktop .sapMFooter-CTX .sapMBtnInner.sapMBtnReject {
298
303
  .sapMIBar-CTX .sapMBtn:hover > .sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
299
304
 
300
305
  bdi {
301
- color: @sapUiButtonLiteHoverTextColor;
306
+ color: var(--sapButton_Lite_Hover_TextColor);
302
307
  }
303
308
  }
@@ -3,15 +3,15 @@
3
3
  /* Horizon theme */
4
4
  /* =============================== */
5
5
 
6
- // ==========================================================================
7
- // Variables overriding
8
- // ==========================================================================
6
+ /* ========================================================================== */
7
+ /* Variables overriding */
8
+ /* ========================================================================== */
9
9
 
10
- @_sap_m_Carousel_BackgroundColorSolid: @sapUiGroupContentBackground;
11
- @_sap_m_Carousel_BackgroundColorTranslucent: @sapUiBaseBG;
10
+ @_sap_m_Carousel_BackgroundColorSolid: var(--sapGroup_ContentBackground);
11
+ @_sap_m_Carousel_BackgroundColorTranslucent: var(--sapBackgroundColor);
12
12
  @_sap_m_Carousel_MinWidth: 15.5rem;
13
13
  @_sap_m_Carousel_ControlsNoArrowsHeight: 2.75rem;
14
- @_sap_m_Carousel_NumericIndicatorTextColor: @sapUiPageFooterTextColor;
14
+ @_sap_m_Carousel_NumericIndicatorTextColor: var(--sapPageFooter_TextColor);
15
15
  @_sap_m_Carousel_PrevAndNextSize: 2.125rem;
16
16
  @_sap_m_Carousel_PrevAndNextPosition: 0.5rem;
17
17
  @_sap_m_Carousel_PrevAndNextFocusBorderRadius: inherit;
@@ -20,8 +20,8 @@
20
20
  @_sap_m_Carousel_PageIndicatorWidthSizeL: @_sap_m_Carousel_PageIndicatorWidthSizeS;
21
21
  @_sap_m_Carousel_PageIndicatorWidthSizeXL: @_sap_m_Carousel_PageIndicatorWidthSizeS;
22
22
  @_sap_m_Carousel_PageIndicatorContainerPadding: 0.5rem;
23
- @_sap_m_Carousel_ContentArrowBoxShadow: @sapUiContentShadow1;
24
- @_sap_m_Carousel_BulletInactiveBackground: @sapUiContentForegroundBorderColor;
25
- @_sap_m_Carousel_BulletInactiveBorderColor: @sapUiContentForegroundBorderColor;
26
- @_sap_m_Carousel_BulletActiveBackground: @sapUiContentSelectedForegroundColor;
27
- @_sap_m_Carousel_BulletActiveBorder: @sapUiContentSelectedForegroundColor;
23
+ @_sap_m_Carousel_ContentArrowBoxShadow: var(--sapContent_Shadow1);
24
+ @_sap_m_Carousel_BulletInactiveBackground: var(--sapContent_ForegroundBorderColor);
25
+ @_sap_m_Carousel_BulletInactiveBorderColor: var(--sapContent_ForegroundBorderColor);
26
+ @_sap_m_Carousel_BulletActiveBackground: var(--sapContent_Selected_ForegroundColor);
27
+ @_sap_m_Carousel_BulletActiveBorder: var(--sapContent_Selected_ForegroundColor);
@@ -36,16 +36,6 @@
36
36
  font-size: 1rem;
37
37
  }
38
38
 
39
- .sapMDialogResizeHandler {
40
- right: 6px;
41
- bottom: 3px;
42
-
43
- &::before {
44
- content: attr(data-sap-ui-icon-content);
45
- color: @sapUiButtonLiteTextColor;
46
- }
47
- }
48
-
49
39
  .sapMDialogBeginButton, .sapMDialogEndButton {
50
40
  min-width: 4rem;
51
41
  }
@@ -361,6 +361,12 @@ large.sapUiSizeCompact .sapMGT.sapMGTLineMode, .sapUiMedia-GenericTileDeviceSet-
361
361
  .sapMGT.TwoByHalf {
362
362
  width: 23rem;
363
363
  }
364
+ .sapMGT.TwoByHalf.sapMTileSmallPhone {
365
+ width: 19rem;
366
+ }
367
+ .sapMGT.TwoByOne.sapMTileSmallPhone {
368
+ width: 19rem;
369
+ }
364
370
  }
365
371
 
366
372
  .sapMGT.TwoByOne {
@@ -435,8 +441,8 @@ html.sap-desktop .sapMGTIconMode.sapMGT:hover:not(.sapMGTPressActive) {
435
441
  }
436
442
 
437
443
  html.sap-desktop .sapFGridContainer .sapFGridContainerItemWrapperNoVisualFocus:focus .sapMGTFocusDiv, html.sap-desktop .sapMGT:focus .sapMGTFocusDiv, html.sap-desktop .sapMGT:active .sapMGTFocusDiv, html.sap-desktop .sapMGTLineModePress .sapMGTFocusDiv {
438
- border-radius: @sapElement_BorderCornerRadius;
439
- box-shadow: inset 0 0 0 0.063rem @sapContent_ContrastFocusColor, 0 0 0 @sapContent_FocusWidth @sapContent_FocusColor;
444
+ border-radius: @sapTile_BorderCornerRadius;
445
+ inset: -1px;
440
446
  }
441
447
 
442
448
  html.sap-desktop .sapMGT:active{
@@ -456,7 +462,6 @@ html.sap-desktop .sapMGT:active{
456
462
  }
457
463
 
458
464
  html.sap-desktop .sapMGT:focus .sapMGTFocusDiv{
459
- border: 0.125rem solid @sapContent_FocusColor;
460
465
  border-radius: @sapTile_BorderCornerRadius;
461
466
  box-shadow: none;
462
467
  inset: -1px;
@@ -52,8 +52,4 @@
52
52
  }
53
53
  }
54
54
  }
55
- }
56
-
57
- .sapMNwC:focus {
58
- outline: 1px dotted @sapUiContentFocusColor;
59
55
  }
@@ -103,26 +103,6 @@
103
103
  }
104
104
  }
105
105
 
106
- .sapMPopoverWithoutSubHeader .sapMPopoverHeader, .sapMPopoverSubHeader {
107
- &:after {
108
- content: "";
109
- position: absolute;
110
- height: 1px;
111
- bottom: 0px;
112
- width: 100%;
113
- box-shadow: @sapUiShadowHeader;
114
- z-index: 1;
115
- }
116
-
117
- .sapMIBar-CTX {
118
- z-index: 2;
119
- }
120
- }
121
-
122
- .sapMPopoverWithSubHeader .sapMPopoverHeader .sapMIBar-CTX {
123
- box-shadow: none;
124
- }
125
-
126
106
  .sapMPopover {
127
107
  border-radius: @sapUiPopoverBorderCornerRadius;
128
108
 
@@ -144,14 +124,5 @@
144
124
  }
145
125
 
146
126
  .sapMPopoverResizeHandle {
147
- border: none;
148
127
  color: @sapButton_Lite_TextColor;
149
- width: 1rem;
150
- font-size: 1rem;
151
- line-height: 1rem;
152
- content: "\e24f";
153
- height: 1rem;
154
- top: 0;
155
- right: 0.125rem;
156
- padding: 0 0.125rem 0rem 0rem;
157
128
  }
@@ -40,6 +40,7 @@
40
40
  .sapMSinglePCColumnWeekend,
41
41
  .sapMSinglePCNonWorkingRow,
42
42
  .sapMSinglePCBlockersRow,
43
+ .sapMSinglePCNonWorkingPeriod,
43
44
  .sapMSinglePCRowHeaders {
44
45
  background-color: @sapUiListAlternatingBackground;
45
46
  }
@@ -3,10 +3,6 @@
3
3
  /* Horizon theme */
4
4
  /* ================================ */
5
5
 
6
- html.sap-desktop .sapMST:focus .sapMSTFocusDiv {
7
- border: 1px solid @sapUiTileBackground
8
- }
9
-
10
6
  html.sap-desktop .sapMST:active{
11
7
  background-color: @sapTile_Active_Background;
12
8
  .sapMSTFocusDiv{
@@ -79,7 +75,6 @@ html.sap-desktop .sapMST:active .sapMSTFocusDiv:after {
79
75
  html.sap-desktop .sapMST:focus .sapMSTFocusDiv {
80
76
  border-radius: @sapTile_BorderCornerRadius;
81
77
  box-shadow: none;
82
- border: 2px solid @sapContent_FocusColor;
83
78
  inset: 0;
84
79
  }
85
80
 
@@ -81,4 +81,9 @@ html.sap-desktop .sapUiSizeCondensed .sapMToken:focus {
81
81
  .sapMTokenText {
82
82
  line-height: 0.875rem;
83
83
  }
84
+ }
85
+
86
+ .sapUiSizeCompact .sapMToken .sapMTokenIcon {
87
+ line-height: 1.25rem;
88
+ padding: 0 0.375rem;
84
89
  }
@@ -21,8 +21,8 @@
21
21
  }
22
22
 
23
23
  html.sap-desktop .sapMTokenizer:focus {
24
- outline: none;
25
- box-shadow: 0px 0px 0px 2px @sapContent_FocusColor;
24
+ outline: 2px solid @sapContent_FocusColor;
25
+ outline-offset: -0.125rem;
26
26
  border-radius: @sapField_BorderCornerRadius;
27
27
  }
28
28