@openui5/themelib_sap_horizon 1.114.2 → 1.114.3

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 (43) hide show
  1. package/package.json +18 -18
  2. package/src/sap/f/themes/sap_horizon/Card.less +7 -13
  3. package/src/sap/f/themes/sap_horizon_dark/Card.less +7 -13
  4. package/src/sap/f/themes/sap_horizon_hcb/Card.less +1 -1
  5. package/src/sap/f/themes/sap_horizon_hcw/Card.less +1 -1
  6. package/src/sap/m/themes/sap_horizon/InputBase.less +0 -5
  7. package/src/sap/m/themes/sap_horizon/MenuListItem.less +13 -0
  8. package/src/sap/m/themes/sap_horizon/RadioButton.less +4 -5
  9. package/src/sap/m/themes/sap_horizon/SearchField.less +1 -2
  10. package/src/sap/m/themes/sap_horizon/library.source.less +1 -0
  11. package/src/sap/m/themes/sap_horizon_dark/InputBase.less +0 -5
  12. package/src/sap/m/themes/sap_horizon_dark/MenuListItem.less +13 -0
  13. package/src/sap/m/themes/sap_horizon_dark/RadioButton.less +4 -6
  14. package/src/sap/m/themes/sap_horizon_dark/SearchField.less +0 -2
  15. package/src/sap/m/themes/sap_horizon_dark/library.source.less +1 -0
  16. package/src/sap/m/themes/sap_horizon_hcb/RadioButton.less +1 -1
  17. package/src/sap/m/themes/sap_horizon_hcb/SearchField.less +0 -2
  18. package/src/sap/m/themes/sap_horizon_hcw/RadioButton.less +1 -1
  19. package/src/sap/m/themes/sap_horizon_hcw/SearchField.less +0 -2
  20. package/src/sap/tnt/themes/sap_horizon/NavigationList.less +18 -4
  21. package/src/sap/tnt/themes/sap_horizon/SideNavigation.less +10 -2
  22. package/src/sap/tnt/themes/sap_horizon/ToolHeader.less +218 -349
  23. package/src/sap/tnt/themes/sap_horizon/ToolPage.less +16 -3
  24. package/src/sap/tnt/themes/sap_horizon_dark/NavigationList.less +18 -4
  25. package/src/sap/tnt/themes/sap_horizon_dark/SideNavigation.less +10 -2
  26. package/src/sap/tnt/themes/sap_horizon_dark/ToolHeader.less +218 -349
  27. package/src/sap/tnt/themes/sap_horizon_dark/ToolPage.less +16 -3
  28. package/src/sap/tnt/themes/sap_horizon_hcb/NavigationList.less +9 -2
  29. package/src/sap/tnt/themes/sap_horizon_hcb/SideNavigation.less +4 -1
  30. package/src/sap/tnt/themes/sap_horizon_hcb/ToolHeader.less +339 -2
  31. package/src/sap/tnt/themes/sap_horizon_hcb/ToolPage.less +17 -3
  32. package/src/sap/tnt/themes/sap_horizon_hcw/NavigationList.less +9 -2
  33. package/src/sap/tnt/themes/sap_horizon_hcw/SideNavigation.less +4 -1
  34. package/src/sap/tnt/themes/sap_horizon_hcw/ToolHeader.less +339 -2
  35. package/src/sap/tnt/themes/sap_horizon_hcw/ToolPage.less +17 -3
  36. package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
  37. package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
  38. package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
  39. package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
  40. package/src/sap/ui/unified/themes/sap_horizon/Calendar.less +423 -60
  41. package/src/sap/ui/unified/themes/sap_horizon/Menu.less +48 -6
  42. package/src/sap/ui/unified/themes/sap_horizon_dark/Calendar.less +421 -51
  43. package/src/sap/ui/unified/themes/sap_horizon_dark/Menu.less +36 -7
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@openui5/themelib_sap_horizon",
3
- "version": "1.114.2",
3
+ "version": "1.114.3",
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.114.2",
18
- "@openui5/sap.m": "1.114.2",
19
- "@openui5/sap.tnt": "1.114.2",
20
- "@openui5/sap.ui.codeeditor": "1.114.2",
21
- "@openui5/sap.ui.commons": "1.114.2",
22
- "@openui5/sap.ui.core": "1.114.2",
23
- "@openui5/sap.ui.dt": "1.114.2",
24
- "@openui5/sap.ui.fl": "1.114.2",
25
- "@openui5/sap.ui.mdc": "1.114.2",
26
- "@openui5/sap.ui.integration": "1.114.2",
27
- "@openui5/sap.ui.layout": "1.114.2",
28
- "@openui5/sap.ui.rta": "1.114.2",
29
- "@openui5/sap.ui.suite": "1.114.2",
30
- "@openui5/sap.ui.table": "1.114.2",
31
- "@openui5/sap.ui.unified": "1.114.2",
32
- "@openui5/sap.ui.ux3": "1.114.2",
33
- "@openui5/sap.uxap": "1.114.2"
17
+ "@openui5/sap.f": "1.114.3",
18
+ "@openui5/sap.m": "1.114.3",
19
+ "@openui5/sap.tnt": "1.114.3",
20
+ "@openui5/sap.ui.codeeditor": "1.114.3",
21
+ "@openui5/sap.ui.commons": "1.114.3",
22
+ "@openui5/sap.ui.core": "1.114.3",
23
+ "@openui5/sap.ui.dt": "1.114.3",
24
+ "@openui5/sap.ui.fl": "1.114.3",
25
+ "@openui5/sap.ui.mdc": "1.114.3",
26
+ "@openui5/sap.ui.integration": "1.114.3",
27
+ "@openui5/sap.ui.layout": "1.114.3",
28
+ "@openui5/sap.ui.rta": "1.114.3",
29
+ "@openui5/sap.ui.suite": "1.114.3",
30
+ "@openui5/sap.ui.table": "1.114.3",
31
+ "@openui5/sap.ui.unified": "1.114.3",
32
+ "@openui5/sap.ui.ux3": "1.114.3",
33
+ "@openui5/sap.uxap": "1.114.3"
34
34
  }
35
35
  }
@@ -10,8 +10,8 @@
10
10
  @_sap_f_Card_HeaderFocusBorderRadius: inherit;
11
11
  @_sap_f_Card_BorderRadius: 1rem;
12
12
  @_sap_f_Card_TitleFontSize: @sapMFontHeader6Size;
13
- @_sap_f_Card_HoverBoxShadow: @sapContent_Shadow2;
14
- @_sap_f_Card_Badge_Background: @sapHighlightColor;
13
+ @_sap_f_Card_HoverBoxShadow: @sapUiContentShadow2;
14
+ @_sap_f_Card_Badge_Background: @sapUiHighlight;
15
15
 
16
16
  .sapFGridContainer .sapFGridContainerItemWrapperNoVisualFocus:focus .sapFCard,
17
17
  .sapFCard {
@@ -34,19 +34,13 @@
34
34
  }
35
35
  }
36
36
 
37
- .sapFCard:not(.sapFCardPreview):not(.sapFCardTransparent):hover {
38
- box-shadow: @_sap_f_Card_HoverBoxShadow;
39
-
40
- .sapFCardHeader:hover {
41
- background: @sapUiTileHoverBackground;
37
+ .sapFCard.sapFCardSectionInteractive:not(.sapFCardPreview):not(.sapFCardTransparent) {
38
+ &:hover {
39
+ box-shadow: @_sap_f_Card_HoverBoxShadow;
42
40
  }
43
- }
44
-
45
- .sapFCard:not(.sapFCardPreview):not(.sapFCardTransparent):active {
46
- box-shadow: @_sap_f_Card_BoxShadow;
47
41
 
48
- .sapFCardHeader:active {
49
- background: @sapUiTileActiveBackground;
42
+ &:active {
43
+ box-shadow: @_sap_f_Card_BoxShadow;
50
44
  }
51
45
  }
52
46
 
@@ -10,8 +10,8 @@
10
10
  @_sap_f_Card_HeaderFocusBorderRadius: inherit;
11
11
  @_sap_f_Card_BorderRadius: 1rem;
12
12
  @_sap_f_Card_TitleFontSize: @sapMFontHeader6Size;
13
- @_sap_f_Card_HoverBoxShadow: @sapContent_Shadow2;
14
- @_sap_f_Card_Badge_Background: @sapHighlightColor;
13
+ @_sap_f_Card_HoverBoxShadow: @sapUiContentShadow2;
14
+ @_sap_f_Card_Badge_Background: @sapUiHighlight;
15
15
 
16
16
  .sapFGridContainer .sapFGridContainerItemWrapperNoVisualFocus:focus .sapFCard,
17
17
  .sapFCard {
@@ -30,19 +30,13 @@
30
30
  }
31
31
  }
32
32
 
33
- .sapFCard:not(.sapFCardPreview):not(.sapFCardTransparent):hover {
34
- box-shadow: @_sap_f_Card_HoverBoxShadow;
35
-
36
- .sapFCardHeader:hover {
37
- background: @sapUiTileHoverBackground;
33
+ .sapFCard.sapFCardSectionInteractive:not(.sapFCardPreview):not(.sapFCardTransparent) {
34
+ &:hover {
35
+ box-shadow: @_sap_f_Card_HoverBoxShadow;
38
36
  }
39
- }
40
-
41
- .sapFCard:not(.sapFCardPreview):not(.sapFCardTransparent):active {
42
- box-shadow: @_sap_f_Card_BoxShadow;
43
37
 
44
- .sapFCardHeader:active {
45
- background: @sapUiTileActiveBackground;
38
+ &:active {
39
+ box-shadow: @_sap_f_Card_BoxShadow;
46
40
  }
47
41
  }
48
42
 
@@ -9,7 +9,7 @@
9
9
  @_sap_f_Card_Badge_Border: 0.0625rem solid @sapContent_ForegroundBorderColor;
10
10
  @_sap_f_Card_Badge_Background: @sapHighlightColor;
11
11
 
12
- .sapFCard .sapFCardHeader.sapFCardClickable {
12
+ .sapFCard .sapFCardHeader.sapFCardSectionClickable {
13
13
  &:hover {
14
14
  .sapFCardNumericIndicatorsMain {
15
15
  .sapMNCValue,
@@ -9,7 +9,7 @@
9
9
  @_sap_f_Card_Badge_Border: 0.0625rem solid @sapContent_ForegroundBorderColor;
10
10
  @_sap_f_Card_Badge_Background: @sapHighlightColor;
11
11
 
12
- .sapFCard .sapFCardHeader.sapFCardClickable {
12
+ .sapFCard .sapFCardHeader.sapFCardSectionClickable {
13
13
  &:hover {
14
14
  .sapFCardNumericIndicatorsMain {
15
15
  .sapMNCValue,
@@ -19,11 +19,6 @@
19
19
  @_sap_m_InputBase_FocusOffset_Busy: @_sap_m_InputBase_FocusOffset;
20
20
  @_sap_m_InputBase_FocusBorderRadius: 0.25rem;
21
21
 
22
- .sapMILI-CTX .sapMInputBaseContentWrapperError,
23
- .sapMInputBaseContentWrapper {
24
- border: none;
25
- }
26
-
27
22
  .sapMInputBase:not(.sapMInputBaseReadonly) .sapMInputBaseIconContainer .sapMInputBaseIcon {
28
23
  width: @_sap_m_InputBase_IconWidth;
29
24
  height: 2.1875rem;
@@ -0,0 +1,13 @@
1
+ .sapUiSizeCompact {
2
+ .sapMMenu .sapUiMnuLst .sapUiMnuItm {
3
+ .sapUiMnuItmIco + .sapUiMnuItmTxt {
4
+ margin-left: 3rem;
5
+ }
6
+ }
7
+ }
8
+
9
+ .sapMMenu .sapUiMnuLst .sapUiMnuItm {
10
+ .sapUiMnuItmIco + .sapUiMnuItmTxt {
11
+ margin-left: 3.75rem;
12
+ }
13
+ }
@@ -3,6 +3,8 @@
3
3
  /* Horizon theme */
4
4
  /* ================================== */
5
5
 
6
+ @_sap_m_Radio_Button_Read_Only_fill: @sapUiFieldTextColor;
7
+
6
8
  .sapMRb {
7
9
  height: 2.75rem;
8
10
 
@@ -84,7 +86,7 @@
84
86
  }
85
87
 
86
88
  .sapMRb:not(.sapMRbDis) .sapMRbHoverable:hover .sapMRbBOut {
87
- fill: @sapUiFieldHoverBackground;
89
+ fill: @sapUiContentSelectedHoverBackground;
88
90
  }
89
91
 
90
92
  .sapMRb:focus:before {
@@ -142,7 +144,7 @@
142
144
  .sapMRbWarn.sapMRbSel,
143
145
  .sapMRbWarn.sapMRbSel.sapMRbRo {
144
146
  .sapMRbBInn {
145
- fill: @sapUiFieldTextColor;
147
+ fill: @sapUiFieldWarningColor;
146
148
  stroke: none;
147
149
  }
148
150
  }
@@ -207,9 +209,6 @@
207
209
  stroke-dasharray: 4,2; // parameter needed for the type of the dashes
208
210
  }
209
211
 
210
- .sapMRb.sapMRbRo.sapMRbSel .sapMRbBInn {
211
- fill: @sapUiContentNonInteractiveIconColor;
212
- }
213
212
 
214
213
  html[data-sap-ui-browser^="sf"] {
215
214
  // fix for blur caused by drop-shadow in Safari
@@ -8,7 +8,7 @@
8
8
  // ==========================================================================
9
9
 
10
10
  @_sap_m_SearchField_Height: 2.75rem;
11
- @_sap_m_SearchField_FormHeight: 2.25rem;
11
+ @_sap_m_SearchField_FormHeight: @sapUiElementHeight;
12
12
  @_sap_m_SearchField_ButtonSize: 2.25rem;
13
13
  @_sap_m_SearchField_ButtonFontSize: 1rem;
14
14
  @_sap_m_SearchField_CompactButtonLineHeight: 1.625rem;
@@ -58,7 +58,6 @@
58
58
  }
59
59
 
60
60
  .sapMSF:not(.sapMSFDisabled):hover .sapMSFF {
61
- box-shadow: @sapUiContentInteractionShadow;
62
61
  background-color: @sapUiFieldHoverBackground;
63
62
  }
64
63
 
@@ -45,6 +45,7 @@
45
45
  @import "ListBase.less";
46
46
  @import "ListItemBase.less";
47
47
  @import "MenuButton.less";
48
+ @import "MenuListItem.less";
48
49
  @import "MessageBox.less";
49
50
  @import "MessageStrip.less";
50
51
  @import "MessageView.less";
@@ -19,11 +19,6 @@
19
19
  @_sap_m_InputBase_FocusOffset_Busy: @_sap_m_InputBase_FocusOffset;
20
20
  @_sap_m_InputBase_FocusBorderRadius: 0.25rem;
21
21
 
22
- .sapMILI-CTX .sapMInputBaseContentWrapperError,
23
- .sapMInputBaseContentWrapper {
24
- border: none;
25
- }
26
-
27
22
  .sapMInputBase:not(.sapMInputBaseReadonly) .sapMInputBaseIconContainer .sapMInputBaseIcon {
28
23
  width: @_sap_m_InputBase_IconWidth;
29
24
  height: 2.1875rem;
@@ -0,0 +1,13 @@
1
+ .sapUiSizeCompact {
2
+ .sapMMenu .sapUiMnuLst .sapUiMnuItm {
3
+ .sapUiMnuItmIco + .sapUiMnuItmTxt {
4
+ margin-left: 3rem;
5
+ }
6
+ }
7
+ }
8
+
9
+ .sapMMenu .sapUiMnuLst .sapUiMnuItm {
10
+ .sapUiMnuItmIco + .sapUiMnuItmTxt {
11
+ margin-left: 3.75rem;
12
+ }
13
+ }
@@ -3,6 +3,8 @@
3
3
  /* Evening Horizon theme */
4
4
  /* ================================== */
5
5
 
6
+ @_sap_m_Radio_Button_Read_Only_fill: @sapUiFieldTextColor;
7
+
6
8
  .sapMRb {
7
9
  height: 2.75rem;
8
10
 
@@ -84,7 +86,7 @@
84
86
  }
85
87
 
86
88
  .sapMRb:not(.sapMRbDis) .sapMRbHoverable:hover .sapMRbBOut {
87
- fill: @sapUiFieldHoverBackground;
89
+ fill: @sapUiContentSelectedHoverBackground;
88
90
  }
89
91
 
90
92
  .sapMRb:focus:before {
@@ -142,7 +144,7 @@
142
144
  .sapMRbWarn.sapMRbSel,
143
145
  .sapMRbWarn.sapMRbSel.sapMRbRo {
144
146
  .sapMRbBInn {
145
- fill: @sapUiFieldTextColor;
147
+ fill: @sapUiFieldWarningColor;
146
148
  stroke: none;
147
149
  }
148
150
  }
@@ -207,10 +209,6 @@
207
209
  stroke-dasharray: 4,2; // parameter needed for the type of the dashes
208
210
  }
209
211
 
210
- .sapMRb.sapMRbRo.sapMRbSel .sapMRbBInn {
211
- fill: @sapUiContentNonInteractiveIconColor;
212
- }
213
-
214
212
  html[data-sap-ui-browser^="sf"] {
215
213
  // fix for blur caused by drop-shadow in Safari
216
214
  .sapMRbHoverable:hover {
@@ -8,7 +8,6 @@
8
8
  // ==========================================================================
9
9
 
10
10
  @_sap_m_SearchField_Height: 2.75rem;
11
- @_sap_m_SearchField_FormHeight: 2.25rem;
12
11
  @_sap_m_SearchField_ButtonSize: 2.25rem;
13
12
  @_sap_m_SearchField_ButtonFontSize: 1rem;
14
13
  @_sap_m_SearchField_CompactButtonLineHeight: 1.625rem;
@@ -58,7 +57,6 @@
58
57
  }
59
58
 
60
59
  .sapMSF:not(.sapMSFDisabled):hover .sapMSFF {
61
- box-shadow: @sapUiContentInteractionShadow;
62
60
  background-color: @sapUiFieldHoverBackground;
63
61
  }
64
62
 
@@ -45,6 +45,7 @@
45
45
  @import "ListBase.less";
46
46
  @import "ListItemBase.less";
47
47
  @import "MenuButton.less";
48
+ @import "MenuListItem.less";
48
49
  @import "MessageBox.less";
49
50
  @import "MessageStrip.less";
50
51
  @import "MessageView.less";
@@ -138,7 +138,7 @@
138
138
  .sapMRbWarn.sapMRbSel,
139
139
  .sapMRbWarn.sapMRbSel.sapMRbRo {
140
140
  .sapMRbBInn {
141
- fill: @sapUiFieldTextColor;
141
+ fill: @sapUiFieldWarningColor;
142
142
  stroke: none;
143
143
  }
144
144
  }
@@ -8,7 +8,6 @@
8
8
  // ==========================================================================
9
9
 
10
10
  @_sap_m_SearchField_Height: 2.75rem;
11
- @_sap_m_SearchField_FormHeight: 2.25rem;
12
11
  @_sap_m_SearchField_ButtonSize: 2.25rem;
13
12
  @_sap_m_SearchField_ButtonFontSize: 1rem;
14
13
  @_sap_m_SearchField_Compact_FormPaddingLeft: 0.5rem;
@@ -57,7 +56,6 @@
57
56
  }
58
57
 
59
58
  .sapMSF:not(.sapMSFDisabled):hover .sapMSFF {
60
- box-shadow: @sapUiContentInteractionShadow;
61
59
  background-color: @sapUiFieldHoverBackground;
62
60
  }
63
61
 
@@ -138,7 +138,7 @@
138
138
  .sapMRbWarn.sapMRbSel,
139
139
  .sapMRbWarn.sapMRbSel.sapMRbRo {
140
140
  .sapMRbBInn {
141
- fill: @sapUiFieldTextColor;
141
+ fill: @sapUiFieldWarningColor;
142
142
  stroke: none;
143
143
  }
144
144
  }
@@ -8,7 +8,6 @@
8
8
  // ==========================================================================
9
9
 
10
10
  @_sap_m_SearchField_Height: 2.75rem;
11
- @_sap_m_SearchField_FormHeight: 2.25rem;
12
11
  @_sap_m_SearchField_ButtonSize: 2.25rem;
13
12
  @_sap_m_SearchField_ButtonFontSize: 1rem;
14
13
  @_sap_m_SearchField_Compact_FormPaddingLeft: 0.5rem;
@@ -57,7 +56,6 @@
57
56
  }
58
57
 
59
58
  .sapMSF:not(.sapMSFDisabled):hover .sapMSFF {
60
- box-shadow: @sapUiContentInteractionShadow;
61
59
  background-color: @sapUiFieldHoverBackground;
62
60
  }
63
61
 
@@ -4,8 +4,22 @@
4
4
  /* ======================================= */
5
5
 
6
6
  @_sap_tnt_NavigationList_CollapsedWidth: 3.5rem;
7
- @_sap_tnt_NavigationList_IconColor: @sapHighlightColor;
7
+ @_sap_tnt_NavigationList_IconColor: @sapUiListTextColor;
8
8
  @_sap_tnt_NavigationList_IconFontSize: 1.125rem;
9
- @_sap_tnt_NavigationList_ExpandIconColor: @sapUiContentNonInteractiveIconColor;
10
- @_sap_tnt_NavigationList_ItemHeight: 2.75rem;
11
- @_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
9
+ @_sap_tnt_NavigationList_ExpandIconColor: @sapUiListTextColor;
10
+ @_sap_tnt_NavigationList_ItemHeight: 2.5rem;
11
+ @_sap_tnt_NavigationList_ItemBorderRadius: 0.375rem;
12
+ @_sap_tnt_NavigationList_ItemBottomMargin: 0.125rem;
13
+ @_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.5rem;
14
+ @_sap_tnt_NavigationList_ItemFocusBorderOffset: -@sapUiContentFocusWidth;
15
+ @_sap_tnt_NavigationList_SelectedItemBorder: none;
16
+ @_sap_tnt_NavigationList_Collapsed_SelectedItemBorder: 0.125rem solid @_sap_tnt_NavigationList_SelectedItemBorderColor;
17
+ @_sap_tnt_NavigationList_GroupIconWidth: 2rem;
18
+ @_sap_tnt_NavigationList_GroupBorder: none;
19
+ @_sap_tnt_NavigationList_GroupBottomMarginInPopup: 0.75rem;
20
+ @_sap_tnt_NavigationList_GroupTextWeight: bold;
21
+ @_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
22
+ @_sap_tnt_NavigationList_Padding: 0.5rem;
23
+ @_sap_tnt_NavigationList_PaddingCompact: 1.5rem 0.75rem 0.75rem 0.75rem;
24
+ @_sap_tnt_NavigationList_PopupPadding: 0.5rem;
25
+ @_sap_tnt_NavigationList_SelectionIndicatorDisplay: inline-block;
@@ -3,7 +3,15 @@
3
3
  /* Horizon theme */
4
4
  /* ======================================= */
5
5
 
6
+ @_sap_tnt_SideNavigation_Width: 16rem;
6
7
  @_sap_tnt_SideNavigation_CollapsedWidth: 3.5rem;
7
- @_sap_tnt_SideNavigation_NavigationSeparatorBackgroundColor: @sapAccentColor6;
8
+ @_sap_tnt_SideNavigation_NavigationSeparatorMargin: 0.5rem;
9
+ @_sap_tnt_SideNavigation_NavigationSeparatorMarginCollapsed: 0.5rem;
10
+ @_sap_tnt_SideNavigation_NavigationSeparatorBackgroundColor: @sapUiToolbarSeparatorColor;
11
+ @_sap_tnt_SideNavigation_NavigationSeparatorRadius: 0.125rem;
8
12
  @_sap_tnt_SideNavigation_NavigationSeparatorHeight: 0.0625rem;
9
- @_sap_tnt_SideNavigation_TriangleColor: @sapContent_NonInteractiveIconColor;
13
+ @_sap_tnt_SideNavigation_TriangleColor: @sapUiContentNonInteractiveIconColor;
14
+ @_sap_tnt_SideNavigation_BorderRadius: 0.5rem 0.5rem 0 0;
15
+ @_sap_tnt_SideNavigation_PhoneBorderRadius: 0.5rem;
16
+ @_sap_tnt_SideNavigation_BoxShadow: 0 0 0.125rem 0 fade(@sapUiContentShadowColor, 16), 0 0.5rem 1rem 0 fade(@sapUiContentShadowColor, 16);
17
+ @_sap_tnt_SideNavigation_SeparatorMargin: 0.3125rem 0.5rem 0.3125rem 0.5rem;