@openui5/themelib_sap_horizon 1.117.1 → 1.119.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 (142) hide show
  1. package/THIRDPARTY.txt +2 -2
  2. package/package.json +18 -18
  3. package/src/sap/f/themes/sap_horizon/AvatarGroup.less +81 -25
  4. package/src/sap/f/themes/sap_horizon/DynamicPageTitle.less +3 -3
  5. package/src/sap/f/themes/sap_horizon/ShellBar.less +2 -1
  6. package/src/sap/f/themes/sap_horizon/SidePanel.less +7 -0
  7. package/src/sap/f/themes/sap_horizon_dark/AvatarGroup.less +82 -25
  8. package/src/sap/f/themes/sap_horizon_dark/DynamicPageTitle.less +3 -3
  9. package/src/sap/f/themes/sap_horizon_dark/ShellBar.less +2 -2
  10. package/src/sap/f/themes/sap_horizon_dark/SidePanel.less +7 -0
  11. package/src/sap/f/themes/sap_horizon_hcb/SidePanel.less +10 -0
  12. package/src/sap/f/themes/sap_horizon_hcw/SidePanel.less +10 -0
  13. package/src/sap/m/themes/sap_horizon/BusyIndicator.less +2 -2
  14. package/src/sap/m/themes/sap_horizon/Button.less +13 -26
  15. package/src/sap/m/themes/sap_horizon/GenericTile.less +37 -0
  16. package/src/sap/m/themes/sap_horizon/IconTabBar.less +42 -17
  17. package/src/sap/m/themes/sap_horizon/InputBase.less +5 -1
  18. package/src/sap/m/themes/sap_horizon/MessageStrip.less +4 -12
  19. package/src/sap/m/themes/sap_horizon/ObjectStatus.less +243 -20
  20. package/src/sap/m/themes/sap_horizon/Page.less +2 -1
  21. package/src/sap/m/themes/sap_horizon/Panel.less +16 -4
  22. package/src/sap/m/themes/sap_horizon/ProgressIndicator.less +2 -1
  23. package/src/sap/m/themes/sap_horizon/RadioButton.less +0 -21
  24. package/src/sap/m/themes/sap_horizon/RangeSlider.less +5 -5
  25. package/src/sap/m/themes/sap_horizon/RatingIndicator.less +0 -4
  26. package/src/sap/m/themes/sap_horizon/SearchField.less +8 -5
  27. package/src/sap/m/themes/sap_horizon/SegmentedButton.less +34 -15
  28. package/src/sap/m/themes/sap_horizon/Select.less +4 -2
  29. package/src/sap/m/themes/sap_horizon/SinglePlanningCalendarMonthGrid.less +1 -1
  30. package/src/sap/m/themes/sap_horizon/Slider.less +1 -1
  31. package/src/sap/m/themes/sap_horizon/Table.less +1 -4
  32. package/src/sap/m/themes/sap_horizon/TextArea.less +4 -0
  33. package/src/sap/m/themes/sap_horizon/Title.less +19 -6
  34. package/src/sap/m/themes/sap_horizon/ToggleButton.less +2 -19
  35. package/src/sap/m/themes/sap_horizon/Toolbar.less +9 -0
  36. package/src/sap/m/themes/sap_horizon_dark/BusyIndicator.less +2 -2
  37. package/src/sap/m/themes/sap_horizon_dark/Button.less +13 -26
  38. package/src/sap/m/themes/sap_horizon_dark/GenericTile.less +38 -0
  39. package/src/sap/m/themes/sap_horizon_dark/IconTabBar.less +32 -7
  40. package/src/sap/m/themes/sap_horizon_dark/InputBase.less +5 -1
  41. package/src/sap/m/themes/sap_horizon_dark/Label.less +6 -0
  42. package/src/sap/m/themes/sap_horizon_dark/MessageStrip.less +4 -12
  43. package/src/sap/m/themes/sap_horizon_dark/MessageToast.less +8 -0
  44. package/src/sap/m/themes/sap_horizon_dark/ObjectStatus.less +243 -20
  45. package/src/sap/m/themes/sap_horizon_dark/Page.less +2 -1
  46. package/src/sap/m/themes/sap_horizon_dark/Panel.less +14 -2
  47. package/src/sap/m/themes/sap_horizon_dark/ProgressIndicator.less +4 -0
  48. package/src/sap/m/themes/sap_horizon_dark/RadioButton.less +0 -21
  49. package/src/sap/m/themes/sap_horizon_dark/RangeSlider.less +27 -5
  50. package/src/sap/m/themes/sap_horizon_dark/RatingIndicator.less +8 -23
  51. package/src/sap/m/themes/sap_horizon_dark/SearchField.less +10 -6
  52. package/src/sap/m/themes/sap_horizon_dark/SegmentedButton.less +34 -15
  53. package/src/sap/m/themes/sap_horizon_dark/Select.less +4 -1
  54. package/src/sap/m/themes/sap_horizon_dark/Slider.less +4 -3
  55. package/src/sap/m/themes/sap_horizon_dark/Table.less +1 -0
  56. package/src/sap/m/themes/sap_horizon_dark/Text.less +6 -0
  57. package/src/sap/m/themes/sap_horizon_dark/TextArea.less +4 -0
  58. package/src/sap/m/themes/sap_horizon_dark/Title.less +19 -6
  59. package/src/sap/m/themes/sap_horizon_dark/ToggleButton.less +2 -20
  60. package/src/sap/m/themes/sap_horizon_dark/Toolbar.less +9 -0
  61. package/src/sap/m/themes/sap_horizon_dark/library.source.less +1 -0
  62. package/src/sap/m/themes/sap_horizon_hcb/BusyIndicator.less +2 -2
  63. package/src/sap/m/themes/sap_horizon_hcb/Button.less +1 -1
  64. package/src/sap/m/themes/sap_horizon_hcb/Carousel.less +2 -2
  65. package/src/sap/m/themes/sap_horizon_hcb/IconTabBar.less +3 -2
  66. package/src/sap/m/themes/sap_horizon_hcb/InputBase.less +0 -1
  67. package/src/sap/m/themes/sap_horizon_hcb/MessageToast.less +8 -0
  68. package/src/sap/m/themes/sap_horizon_hcb/ObjectStatus.less +124 -13
  69. package/src/sap/m/themes/sap_horizon_hcb/Page.less +2 -1
  70. package/src/sap/m/themes/sap_horizon_hcb/Panel.less +0 -4
  71. package/src/sap/m/themes/sap_horizon_hcb/ProgressIndicator.less +4 -0
  72. package/src/sap/m/themes/sap_horizon_hcb/RatingIndicator.less +23 -31
  73. package/src/sap/m/themes/sap_horizon_hcb/SearchField.less +4 -4
  74. package/src/sap/m/themes/sap_horizon_hcb/SelectList.less +2 -0
  75. package/src/sap/m/themes/sap_horizon_hcb/TextArea.less +22 -0
  76. package/src/sap/m/themes/sap_horizon_hcb/Title.less +19 -6
  77. package/src/sap/m/themes/sap_horizon_hcb/Toolbar.less +9 -0
  78. package/src/sap/m/themes/sap_horizon_hcb/library.source.less +2 -0
  79. package/src/sap/m/themes/sap_horizon_hcw/BusyIndicator.less +2 -2
  80. package/src/sap/m/themes/sap_horizon_hcw/Button.less +1 -1
  81. package/src/sap/m/themes/sap_horizon_hcw/Carousel.less +2 -2
  82. package/src/sap/m/themes/sap_horizon_hcw/IconTabBar.less +3 -1
  83. package/src/sap/m/themes/sap_horizon_hcw/InputBase.less +0 -1
  84. package/src/sap/m/themes/sap_horizon_hcw/MessageToast.less +8 -0
  85. package/src/sap/m/themes/sap_horizon_hcw/ObjectStatus.less +124 -13
  86. package/src/sap/m/themes/sap_horizon_hcw/Page.less +2 -1
  87. package/src/sap/m/themes/sap_horizon_hcw/Panel.less +0 -4
  88. package/src/sap/m/themes/sap_horizon_hcw/ProgressIndicator.less +4 -0
  89. package/src/sap/m/themes/sap_horizon_hcw/RatingIndicator.less +23 -31
  90. package/src/sap/m/themes/sap_horizon_hcw/SearchField.less +4 -4
  91. package/src/sap/m/themes/sap_horizon_hcw/SelectList.less +2 -0
  92. package/src/sap/m/themes/sap_horizon_hcw/TextArea.less +22 -0
  93. package/src/sap/m/themes/sap_horizon_hcw/Title.less +19 -6
  94. package/src/sap/m/themes/sap_horizon_hcw/Toolbar.less +9 -0
  95. package/src/sap/m/themes/sap_horizon_hcw/library.source.less +2 -0
  96. package/src/sap/tnt/themes/sap_horizon/InfoLabel.less +28 -14
  97. package/src/sap/tnt/themes/sap_horizon/NavigationList.less +11 -3
  98. package/src/sap/tnt/themes/sap_horizon/SideNavigation.less +1 -0
  99. package/src/sap/tnt/themes/sap_horizon/library.source.less +1 -1
  100. package/src/sap/tnt/themes/sap_horizon_dark/InfoLabel.less +28 -14
  101. package/src/sap/tnt/themes/sap_horizon_dark/NavigationList.less +11 -3
  102. package/src/sap/tnt/themes/sap_horizon_dark/SideNavigation.less +1 -0
  103. package/src/sap/tnt/themes/sap_horizon_dark/library.source.less +1 -1
  104. package/src/sap/tnt/themes/sap_horizon_hcb/InfoLabel.less +21 -6
  105. package/src/sap/tnt/themes/sap_horizon_hcb/NavigationList.less +19 -6
  106. package/src/sap/tnt/themes/sap_horizon_hcb/SideNavigation.less +2 -0
  107. package/src/sap/tnt/themes/sap_horizon_hcw/InfoLabel.less +21 -6
  108. package/src/sap/tnt/themes/sap_horizon_hcw/NavigationList.less +19 -6
  109. package/src/sap/tnt/themes/sap_horizon_hcw/SideNavigation.less +2 -0
  110. package/src/sap/tnt/themes/sap_horizon_hcw/library.source.less +1 -1
  111. package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
  112. package/src/sap/ui/core/themes/sap_horizon/base.less +138 -137
  113. package/src/sap/ui/core/themes/sap_horizon/fonts/SAP-icons.ttf +0 -0
  114. package/src/sap/ui/core/themes/sap_horizon/fonts/SAP-icons.woff2 +0 -0
  115. package/src/sap/ui/core/themes/sap_horizon/global.less +8 -8
  116. package/src/sap/ui/core/themes/sap_horizon/library.source.less +4 -0
  117. package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
  118. package/src/sap/ui/core/themes/sap_horizon_dark/base.less +111 -110
  119. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/SAP-icons.ttf +0 -0
  120. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/SAP-icons.woff2 +0 -0
  121. package/src/sap/ui/core/themes/sap_horizon_dark/global.less +8 -8
  122. package/src/sap/ui/core/themes/sap_horizon_dark/library.source.less +4 -0
  123. package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
  124. package/src/sap/ui/core/themes/sap_horizon_hcb/base.less +15 -15
  125. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/SAP-icons.ttf +0 -0
  126. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/SAP-icons.woff2 +0 -0
  127. package/src/sap/ui/core/themes/sap_horizon_hcb/global.less +8 -8
  128. package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
  129. package/src/sap/ui/core/themes/sap_horizon_hcw/base.less +14 -14
  130. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/SAP-icons.ttf +0 -0
  131. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/SAP-icons.woff2 +0 -0
  132. package/src/sap/ui/core/themes/sap_horizon_hcw/global.less +8 -8
  133. package/src/sap/ui/layout/themes/sap_horizon_dark/Splitter.less +1 -1
  134. package/src/sap/ui/layout/themes/sap_horizon_hcb/BlockLayout.less +3 -1
  135. package/src/sap/ui/layout/themes/sap_horizon_hcb/Splitter.less +0 -1
  136. package/src/sap/ui/layout/themes/sap_horizon_hcw/BlockLayout.less +3 -1
  137. package/src/sap/ui/layout/themes/sap_horizon_hcw/Splitter.less +0 -1
  138. package/src/sap/ui/rta/themes/sap_horizon/Toolbar.adaptation.less +0 -2
  139. package/src/sap/ui/unified/themes/sap_horizon_hcb/ColorPicker.less +7 -2
  140. package/src/sap/ui/unified/themes/sap_horizon_hcw/ColorPicker.less +7 -2
  141. package/src/sap/uxap/themes/sap_horizon/HierarchicalSelect.less +4 -3
  142. package/src/sap/uxap/themes/sap_horizon_dark/HierarchicalSelect.less +4 -3
@@ -7,16 +7,19 @@
7
7
  @_sap_tnt_NavigationList_IconColor: @sapUiListTextColor;
8
8
  @_sap_tnt_NavigationList_IconFontSize: 1.125rem;
9
9
  @_sap_tnt_NavigationList_ExpandIconColor: @sapUiListTextColor;
10
+ @_sap_tnt_NavigationList_GroupBorderStyleColor: none;
10
11
  @_sap_tnt_NavigationList_ItemHeight: 2.5rem;
11
12
  @_sap_tnt_NavigationList_ItemBorderRadius: 0.375rem;
12
13
  @_sap_tnt_NavigationList_ItemBottomMargin: 0.125rem;
13
14
  @_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.5rem;
14
15
  @_sap_tnt_NavigationList_ItemFocusBorderOffset: -@sapUiContentFocusWidth;
15
- @_sap_tnt_NavigationList_ItemTransition: background-color 0.3s ease-in-out;
16
+ @_sap_tnt_NavigationList_ItemFocusBorderRadius: @_sap_tnt_NavigationList_ItemBorderRadius + @sapUiContentFocusWidth;
17
+ @_sap_tnt_NavigationList_ItemTransition: background-color 0.3s ease-in-out, max-width 0.3s ease-in-out;
18
+ @_sap_tnt_NavigationList_SelectedBorderStyleColor: none;
19
+ @_sap_tnt_NavigationList_Collapsed_SelectedItemBorderStyleColor: solid @_sap_tnt_NavigationList_SelectedItemBorderColor;
16
20
  @_sap_tnt_NavigationList_SelectedItemBorder: none;
17
21
  @_sap_tnt_NavigationList_Collapsed_SelectedItemBorder: 0.125rem solid @_sap_tnt_NavigationList_SelectedItemBorderColor;
18
22
  @_sap_tnt_NavigationList_GroupIconWidth: 2rem;
19
- @_sap_tnt_NavigationList_GroupBorder: none;
20
23
  @_sap_tnt_NavigationList_GroupBottomMarginInPopup: 0.75rem;
21
24
  @_sap_tnt_NavigationList_GroupTextWeight: bold;
22
25
  @_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
@@ -30,4 +33,9 @@
30
33
  @_sap_tnt_NavigationList_PopupArrowBoxShadow: 0 0 0.125rem 0 fade(@sapUiContentShadowColor, 48), 0 1rem 2rem 0 fade(@sapUiContentShadowColor, 16);
31
34
  @_sap_tnt_NavigationList_PopupTitleTextSize: 1.25rem;
32
35
  @_sap_tnt_NavigationList_PopupTitleLineHeight: 1.5rem;
33
- @_sap_tnt_NavigationList_SelectionIndicatorDisplay: inline-block;
36
+ @_sap_tnt_NavigationList_SelectionIndicatorDisplay: block;
37
+ @_sap_tnt_NavigationList_Collapsed_HoverOrFocusTextDisplay: block;
38
+ @_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemZIndex: 1;
39
+ @_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPosition: absolute;
40
+ @_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPadding: 0.5rem 0.5rem 0.5rem 0.25rem;
41
+ @_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPaddingCompact: 0.5rem 0.5rem 0.5rem 0;
@@ -11,6 +11,7 @@
11
11
  @_sap_tnt_SideNavigation_NavigationSeparatorRadius: 0.125rem;
12
12
  @_sap_tnt_SideNavigation_NavigationSeparatorHeight: 0.0625rem;
13
13
  @_sap_tnt_SideNavigation_TriangleColor: @sapUiContentNonInteractiveIconColor;
14
+ @_sap_tnt_SideNavigation_BorderRight: 0;
14
15
  @_sap_tnt_SideNavigation_BorderRadius: 0.5rem 0.5rem 0 0;
15
16
  @_sap_tnt_SideNavigation_PhoneBorderRadius: 0.5rem;
16
17
  @_sap_tnt_SideNavigation_BoxShadow: 0 0 0.125rem 0 fade(@sapUiContentShadowColor, 16), 0 0.5rem 1rem 0 fade(@sapUiContentShadowColor, 16);
@@ -9,7 +9,7 @@
9
9
  @import "../../../../sap/ui/core/themes/sap_horizon/global.less";
10
10
 
11
11
  @import "InfoLabel.less";
12
- @import "NavigationList.less";
13
12
  @import "SideNavigation.less";
13
+ @import "NavigationList.less"; // keep this order, it reuses variable @_sap_tnt_SideNavigation_BoxShadow defined in SideNavigation.less
14
14
  @import "ToolHeader.less";
15
15
  @import "ToolPage.less";
@@ -7,22 +7,38 @@
7
7
  // Variables and mixins
8
8
  // ==========================================================================
9
9
 
10
- @_sap_tnt_InfoLabel_LineHeightDisplayOnly: 0.875rem;
11
- @_sap_tnt_InfoLabel_DisplayModeBorder: 0.0625rem solid #B3BDC6;
10
+ @_sap_tnt_InfoLabel_LineHeightDisplayOnly: 1rem;
11
+ @_sap_tnt_InfoLabel_DisplayModeBorder: none;
12
12
  @_sap_tnt_InfoLabel_DisplayModeBackground: #29394B;
13
13
  @_sap_tnt_InfoLabel_DisplayModeColor: #B3BDC6;
14
+ @_sap_tnt_InfoLabel_BorderRadius: 0.25rem;
15
+ @_sap_tnt_InfoLabel_DisplayBorderRadius: 0.1875rem;
16
+ @_sap_tnt_InfoLabel_Height: 1.375rem;
17
+ @_sap_tnt_InfoLabel_HeightWithoutBorders: 1.375rem;
18
+ @_sap_tnt_InfoLabel_LineHeight: 1.375rem;
19
+ @_sap_tnt_InfoLabel_Text: none;
20
+ @_sap_tnt_InfoLabel_Padding: 0 0.375rem;
21
+ @_sap_tnt_InfoLabel_DisplayPadding: 0 0.25rem;
22
+ @_sap_tnt_InfoLabel_IconMargin: 0.25rem;
23
+ @_sap_tnt_InfoLabel_DisplayIconMargin: 0.125rem;
24
+ @_sap_tnt_InfoLabel_FontFamily: @sapFontSemiboldDuplexFamily;
25
+ @_sap_tnt_InfoLabel_FontSize: @sapFontSize;
26
+ @_sap_tnt_InfoLabel_DisplayFontSize: @sapFontSmallSize;
27
+ @_sap_tnt_InfoLabel_DisplayFontSizeIcon: 0.625rem;
28
+ @_sap_tnt_InfoLabel_NarrowPadding: @_sap_tnt_InfoLabel_Padding;
29
+ @_sap_tnt_InfoLabel_LetterSpacing: normal;
14
30
 
15
31
  @_sap_tnt_InfoLabel_ColorsArray:
16
- #4A3502 #EFAB01,
17
- #770606 #FFA0BF,
18
- #6E064B #FF98B6,
19
- #580787 #FF8FF1,
20
- #331C9F #C6A8FF,
21
- #0E3382 #5CC0FF,
22
- #054039 #1ECDAF,
23
- #164120 #81CB24,
24
- #063D5B #08C8E4,
25
- #29394B #B3BDC6;
32
+ @sapAvatar_1_Background @sapAvatar_1_TextColor,
33
+ @sapAvatar_2_Background @sapAvatar_2_TextColor,
34
+ @sapAvatar_3_Background @sapAvatar_3_TextColor,
35
+ @sapAvatar_4_Background @sapAvatar_4_TextColor,
36
+ @sapAvatar_5_Background @sapAvatar_5_TextColor,
37
+ @sapAvatar_6_Background @sapAvatar_6_TextColor,
38
+ @sapAvatar_7_Background @sapAvatar_7_TextColor,
39
+ @sapAvatar_8_Background @sapAvatar_8_TextColor,
40
+ @sapAvatar_9_Background @sapAvatar_9_TextColor,
41
+ @sapAvatar_10_Background @sapAvatar_10_TextColor;
26
42
 
27
43
  .create-classes-for-background-and-border-colors(backgroundColor, @_sap_tnt_InfoLabel_ColorsArray);
28
44
 
@@ -35,11 +51,9 @@
35
51
 
36
52
  @pair: extract(@list, @i);
37
53
  @backgroundColor: extract(@pair, 1);
38
- @borderColor: extract(@pair, 2);
39
54
  @textColor: extract(@pair, 2);
40
55
 
41
56
  .@{prefix}@{i} {
42
- border: 0.0625rem solid @borderColor;
43
57
  background-color: @backgroundColor;
44
58
 
45
59
  .sapTntInfoLabelInner {
@@ -7,16 +7,19 @@
7
7
  @_sap_tnt_NavigationList_IconColor: @sapUiListTextColor;
8
8
  @_sap_tnt_NavigationList_IconFontSize: 1.125rem;
9
9
  @_sap_tnt_NavigationList_ExpandIconColor: @sapUiListTextColor;
10
+ @_sap_tnt_NavigationList_GroupBorderStyleColor: none;
10
11
  @_sap_tnt_NavigationList_ItemHeight: 2.5rem;
11
12
  @_sap_tnt_NavigationList_ItemBorderRadius: 0.375rem;
12
13
  @_sap_tnt_NavigationList_ItemBottomMargin: 0.125rem;
13
14
  @_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.5rem;
14
15
  @_sap_tnt_NavigationList_ItemFocusBorderOffset: -@sapUiContentFocusWidth;
15
- @_sap_tnt_NavigationList_ItemTransition: background-color 0.3s ease-in-out;
16
+ @_sap_tnt_NavigationList_ItemFocusBorderRadius: @_sap_tnt_NavigationList_ItemBorderRadius + @sapUiContentFocusWidth;
17
+ @_sap_tnt_NavigationList_ItemTransition: background-color 0.3s ease-in-out, max-width 0.3s ease-in-out;
18
+ @_sap_tnt_NavigationList_SelectedBorderStyleColor: none;
19
+ @_sap_tnt_NavigationList_Collapsed_SelectedItemBorderStyleColor: solid @_sap_tnt_NavigationList_SelectedItemBorderColor;
16
20
  @_sap_tnt_NavigationList_SelectedItemBorder: none;
17
21
  @_sap_tnt_NavigationList_Collapsed_SelectedItemBorder: 0.125rem solid @_sap_tnt_NavigationList_SelectedItemBorderColor;
18
22
  @_sap_tnt_NavigationList_GroupIconWidth: 2rem;
19
- @_sap_tnt_NavigationList_GroupBorder: none;
20
23
  @_sap_tnt_NavigationList_GroupBottomMarginInPopup: 0.75rem;
21
24
  @_sap_tnt_NavigationList_GroupTextWeight: bold;
22
25
  @_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
@@ -30,4 +33,9 @@
30
33
  @_sap_tnt_NavigationList_PopupArrowBoxShadow: 0 0 0.125rem 0 fade(@sapUiContentShadowColor, 48), 0 1rem 2rem 0 fade(@sapUiContentShadowColor, 64);
31
34
  @_sap_tnt_NavigationList_PopupTitleTextSize: 1.25rem;
32
35
  @_sap_tnt_NavigationList_PopupTitleLineHeight: 1.5rem;
33
- @_sap_tnt_NavigationList_SelectionIndicatorDisplay: inline-block;
36
+ @_sap_tnt_NavigationList_SelectionIndicatorDisplay: block;
37
+ @_sap_tnt_NavigationList_Collapsed_HoverOrFocusTextDisplay: block;
38
+ @_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemZIndex: 1;
39
+ @_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPosition: absolute;
40
+ @_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPadding: 0.5rem 0.5rem 0.5rem 0.25rem;
41
+ @_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPaddingCompact: 0.5rem 0.5rem 0.5rem 0;
@@ -11,6 +11,7 @@
11
11
  @_sap_tnt_SideNavigation_NavigationSeparatorRadius: 0.125rem;
12
12
  @_sap_tnt_SideNavigation_NavigationSeparatorHeight: 0.0625rem;
13
13
  @_sap_tnt_SideNavigation_TriangleColor: @sapUiContentNonInteractiveIconColor;
14
+ @_sap_tnt_SideNavigation_BorderRight: 0;
14
15
  @_sap_tnt_SideNavigation_BorderRadius: 0.5rem 0.5rem 0 0;
15
16
  @_sap_tnt_SideNavigation_PhoneBorderRadius: 0.5rem;
16
17
  @_sap_tnt_SideNavigation_BoxShadow: 0 0 0.125rem 0 fade(@sapUiContentShadowColor, 16), 0 0.5rem 1rem 0 fade(@sapUiContentShadowColor, 16);
@@ -9,7 +9,7 @@
9
9
  @import "../../../../sap/ui/core/themes/sap_horizon_dark/global.less";
10
10
 
11
11
  @import "InfoLabel.less";
12
- @import "NavigationList.less";
13
12
  @import "SideNavigation.less";
13
+ @import "NavigationList.less"; // keep this order, it reuses variable @_sap_tnt_SideNavigation_BoxShadow defined in SideNavigation.less
14
14
  @import "ToolHeader.less";
15
15
  @import "ToolPage.less";
@@ -7,10 +7,26 @@
7
7
  // Variables and mixins
8
8
  // ==========================================================================
9
9
 
10
- @_sap_tnt_InfoLabel_LineHeightDisplayOnly: 0.875rem;
11
- @_sap_tnt_InfoLabel_DisplayModeBorder: 0.0625rem solid #A9BACB;
10
+ @_sap_tnt_InfoLabel_LineHeightDisplayOnly: 1rem;
11
+ @_sap_tnt_InfoLabel_DisplayModeBorder: none;
12
12
  @_sap_tnt_InfoLabel_DisplayModeBackground: #1C2834;
13
13
  @_sap_tnt_InfoLabel_DisplayModeColor: #A9BACB;
14
+ @_sap_tnt_InfoLabel_BorderRadius: 0.25rem;
15
+ @_sap_tnt_InfoLabel_DisplayBorderRadius: 0.1875rem;
16
+ @_sap_tnt_InfoLabel_Height: 1.375rem;
17
+ @_sap_tnt_InfoLabel_HeightWithoutBorders: 1.375rem;
18
+ @_sap_tnt_InfoLabel_LineHeight: 1.375rem;
19
+ @_sap_tnt_InfoLabel_Text: none;
20
+ @_sap_tnt_InfoLabel_Padding: 0 0.375rem;
21
+ @_sap_tnt_InfoLabel_DisplayPadding: 0 0.25rem;
22
+ @_sap_tnt_InfoLabel_IconMargin: 0.25rem;
23
+ @_sap_tnt_InfoLabel_DisplayIconMargin: 0.125rem;
24
+ @_sap_tnt_InfoLabel_FontFamily: @sapFontSemiboldDuplexFamily;
25
+ @_sap_tnt_InfoLabel_FontSize: @sapFontSize;
26
+ @_sap_tnt_InfoLabel_DisplayFontSize: @sapFontSmallSize;
27
+ @_sap_tnt_InfoLabel_DisplayFontSizeIcon: 0.625rem;
28
+ @_sap_tnt_InfoLabel_NarrowPadding: @_sap_tnt_InfoLabel_Padding;
29
+ @_sap_tnt_InfoLabel_LetterSpacing: normal;
14
30
 
15
31
  @_sap_tnt_InfoLabel_ColorsArray:
16
32
  #362401 #FDA503,
@@ -21,7 +37,7 @@
21
37
  #002559 #83BCFF,
22
38
  #012D28 #06CFAF,
23
39
  #0F2D17 #26D526,
24
- #032B37 #1BC8F2,
40
+ #3C1847 #D5A9E2,
25
41
  #1C2834 #A9BACB;
26
42
 
27
43
  .create-classes-for-background-and-border-colors(backgroundColor, @_sap_tnt_InfoLabel_ColorsArray);
@@ -35,14 +51,13 @@
35
51
 
36
52
  @pair: extract(@list, @i);
37
53
  @backgroundColor: extract(@pair, 1);
38
- @borderColor: extract(@pair, 2);
54
+ @textColor: extract(@pair, 2);
39
55
 
40
56
  .@{prefix}@{i} {
41
- border: 0.0625rem solid @borderColor;
42
57
  background-color: @backgroundColor;
43
58
 
44
59
  .sapTntInfoLabelInner {
45
- color: @borderColor;
60
+ color: @textColor;
46
61
  }
47
62
  }
48
63
  }
@@ -7,21 +7,34 @@
7
7
  @_sap_tnt_NavigationList_IconFontSize: 1.125rem;
8
8
  @_sap_tnt_NavigationList_ExpandIconColor: @sapUiContentNonInteractiveIconColor;
9
9
  @_sap_tnt_NavigationList_ItemHeight: 2.5rem;
10
- @_sap_tnt_NavigationList_ItemBorder: 0.0625rem solid @sapUiListBorderColor;
11
- @_sap_tnt_NavigationList_LastItemBorder: 0.0625rem solid transparent;
12
- @_sap_tnt_NavigationList_HoverItemBorder: @_sap_tnt_NavigationList_SelectedItemBorder;
10
+ @_sap_tnt_NavigationList_ItemBorderStyleColor: solid @sapUiListBorderColor;
11
+ @_sap_tnt_NavigationList_ItemBorderWidth: 0 0 0.0625rem 0;
12
+ @_sap_tnt_NavigationList_ItemFocusBorderOffset: 0;
13
+ @_sap_tnt_NavigationList_LastItemBorderStyleColor: solid transparent;
14
+ @_sap_tnt_NavigationList_HoverBorderStyleColor: solid @sapUiListSelectionBorderColor;
15
+ @_sap_tnt_NavigationList_HoverBorderWidth: 0.0625rem;
16
+ @_sap_tnt_NavigationList_SelectedBorderWidth: 0.0625rem;
17
+ @_sap_tnt_NavigationList_SelectedAndFocusedBorderStyleColor: none;
18
+ @_sap_tnt_NavigationList_Collapsed_SelectedItemBackground: @sapUiListSelectionBackgroundColor;
13
19
  @_sap_tnt_NavigationList_ItemBottomMargin: 0.125rem;
14
20
  @_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.5rem;
15
21
  @_sap_tnt_NavigationList_GroupTextWeight: bold;
22
+ @_sap_tnt_NavigationList_GroupIconWidth: 2rem;
16
23
  @_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
17
24
  @_sap_tnt_NavigationList_Padding: 0.5rem;
18
25
  @_sap_tnt_NavigationList_PaddingCompact: 1.5rem 0.75rem 0.75rem 0.75rem;
19
- @_sap_tnt_NavigationList_ParentPopupPadding: 0.75rem;
20
- @_sap_tnt_NavigationList_ParentPopupBorderRadius: 0.75rem;
21
26
  @_sap_tnt_NavigationList_PopupItemPadding: 0 0.5rem;
22
27
  @_sap_tnt_NavigationList_PopupIconWidth: 0.5rem;
28
+ @_sap_tnt_NavigationList_ParentPopupPadding: 0.75rem;
29
+ @_sap_tnt_NavigationList_ParentPopupBorderRadius: 0.75rem;
23
30
  @_sap_tnt_NavigationList_PopupBoxShadow: 0 0 0 0.0625rem @sapUiContentShadowColor, 0 1rem 2rem 0 fade(@sapUiContentShadowColor, 16);
24
31
  @_sap_tnt_NavigationList_PopupArrowBoxShadow: 0 0 0 0.0625rem @sapUiContentShadowColor, 0 1rem 2rem 0 fade(@sapUiContentShadowColor, 16);
25
32
  @_sap_tnt_NavigationList_PopupTitleTextSize: 1.25rem;
26
33
  @_sap_tnt_NavigationList_PopupTitleLineHeight: 1.5rem;
27
- @_sap_tnt_NavigationList_SelectionIndicatorDisplay: inline-block;
34
+ @_sap_tnt_NavigationList_SelectionIndicatorDisplay: block;
35
+ @_sap_tnt_NavigationList_PopupPadding: 0.5rem;
36
+ @_sap_tnt_NavigationList_Collapsed_HoverOrFocusTextDisplay: block;
37
+ @_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemZIndex: 1;
38
+ @_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPosition: absolute;
39
+ @_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPadding: 0.5rem 0.5rem 0.5rem 0.25rem;
40
+ @_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPaddingCompact: 0.5rem 0.5rem 0.5rem 0;
@@ -6,6 +6,8 @@
6
6
  @_sap_tnt_SideNavigation_Width: 16rem;
7
7
  @_sap_tnt_SideNavigation_CollapsedWidth: 3.5rem;
8
8
  @_sap_tnt_SideNavigation_NavigationSeparatorHeight: 0.0625rem;
9
+ @_sap_tnt_SideNavigation_BorderRight: 0;
9
10
  @_sap_tnt_SideNavigation_BorderRadius: 0.5rem 0.5rem 0 0;
10
11
  @_sap_tnt_SideNavigation_PhoneBorderRadius: 0.5rem;
12
+ @_sap_tnt_SideNavigation_BoxShadow: 0 0 0 0.0625rem @sapContent_ShadowColor, 0 0.5rem 1rem 0 fade(@sapContent_ShadowColor, 16);
11
13
  @_sap_tnt_SideNavigation_TriangleDisplay: none;
@@ -7,10 +7,26 @@
7
7
  // Variables overriding
8
8
  // ==========================================================================
9
9
 
10
- @_sap_tnt_InfoLabel_LineHeightDisplayOnly: 0.875rem;
11
- @_sap_tnt_InfoLabel_DisplayModeBorder: 0.0625rem solid #2C3A48;
10
+ @_sap_tnt_InfoLabel_LineHeightDisplayOnly: 1rem;
11
+ @_sap_tnt_InfoLabel_DisplayModeBorder: none;
12
12
  @_sap_tnt_InfoLabel_DisplayModeBackground: #C5CDD3;
13
13
  @_sap_tnt_InfoLabel_DisplayModeColor: #2C3A48;
14
+ @_sap_tnt_InfoLabel_BorderRadius: 0.25rem;
15
+ @_sap_tnt_InfoLabel_DisplayBorderRadius: 0.1875rem;
16
+ @_sap_tnt_InfoLabel_Height: 1.375rem;
17
+ @_sap_tnt_InfoLabel_HeightWithoutBorders: 1.375rem;
18
+ @_sap_tnt_InfoLabel_LineHeight: 1.375rem;
19
+ @_sap_tnt_InfoLabel_Text: none;
20
+ @_sap_tnt_InfoLabel_Padding: 0 0.375rem;
21
+ @_sap_tnt_InfoLabel_DisplayPadding: 0 0.25rem;
22
+ @_sap_tnt_InfoLabel_IconMargin: 0.25rem;
23
+ @_sap_tnt_InfoLabel_DisplayIconMargin: 0.125rem;
24
+ @_sap_tnt_InfoLabel_FontFamily: @sapFontSemiboldDuplexFamily;
25
+ @_sap_tnt_InfoLabel_FontSize: @sapFontSize;
26
+ @_sap_tnt_InfoLabel_DisplayFontSize: @sapFontSmallSize;
27
+ @_sap_tnt_InfoLabel_DisplayFontSizeIcon: 0.625rem;
28
+ @_sap_tnt_InfoLabel_NarrowPadding: @_sap_tnt_InfoLabel_Padding;
29
+ @_sap_tnt_InfoLabel_LetterSpacing: normal;
14
30
 
15
31
  @_sap_tnt_InfoLabel_ColorsArray:
16
32
  #FFC218 #5F2900,
@@ -21,7 +37,7 @@
21
37
  #8FD4FF #003776,
22
38
  #3CE3C5 #033F45,
23
39
  #9BDF47 #0C420C,
24
- #51DDF2 #003E52,
40
+ #E0C1EB #552267,
25
41
  #C5CDD3 #2C3A48;
26
42
 
27
43
  .create-classes-for-background-and-border-colors(backgroundColor, @_sap_tnt_InfoLabel_ColorsArray);
@@ -35,14 +51,13 @@
35
51
 
36
52
  @pair: extract(@list, @i);
37
53
  @backgroundColor: extract(@pair, 1);
38
- @borderColor: extract(@pair, 2);
54
+ @textColor: extract(@pair, 2);
39
55
 
40
56
  .@{prefix}@{i} {
41
- border: 0.0625rem solid @borderColor;
42
57
  background-color: @backgroundColor;
43
58
 
44
59
  .sapTntInfoLabelInner {
45
- color: @borderColor;
60
+ color: @textColor;
46
61
  }
47
62
  }
48
63
  }
@@ -7,21 +7,34 @@
7
7
  @_sap_tnt_NavigationList_IconFontSize: 1.125rem;
8
8
  @_sap_tnt_NavigationList_ExpandIconColor: @sapUiContentNonInteractiveIconColor;
9
9
  @_sap_tnt_NavigationList_ItemHeight: 2.5rem;
10
- @_sap_tnt_NavigationList_ItemBorder: 0.0625rem solid @sapUiListBorderColor;
11
- @_sap_tnt_NavigationList_LastItemBorder: 0.0625rem solid transparent;
12
- @_sap_tnt_NavigationList_HoverItemBorder: @_sap_tnt_NavigationList_SelectedItemBorder;
10
+ @_sap_tnt_NavigationList_ItemBorderStyleColor: solid @sapUiListBorderColor;
11
+ @_sap_tnt_NavigationList_ItemBorderWidth: 0 0 0.0625rem 0;
12
+ @_sap_tnt_NavigationList_ItemFocusBorderOffset: 0;
13
+ @_sap_tnt_NavigationList_LastItemBorderStyleColor: solid transparent;
14
+ @_sap_tnt_NavigationList_HoverBorderStyleColor: solid @sapUiListSelectionBorderColor;
15
+ @_sap_tnt_NavigationList_HoverBorderWidth: 0.0625rem;
16
+ @_sap_tnt_NavigationList_SelectedBorderWidth: 0.0625rem;
17
+ @_sap_tnt_NavigationList_SelectedAndFocusedBorderStyleColor: none;
18
+ @_sap_tnt_NavigationList_Collapsed_SelectedItemBackground: @sapUiListSelectionBackgroundColor;
13
19
  @_sap_tnt_NavigationList_ItemBottomMargin: 0.125rem;
14
20
  @_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.5rem;
15
21
  @_sap_tnt_NavigationList_GroupTextWeight: bold;
22
+ @_sap_tnt_NavigationList_GroupIconWidth: 2rem;
16
23
  @_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
17
- @_sap_tnt_NavigationList_Padding: 0.75rem;
24
+ @_sap_tnt_NavigationList_Padding: 0.5rem;
25
+ @_sap_tnt_NavigationList_PaddingCompact: 1.5rem 0.75rem 0.75rem 0.75rem;
18
26
  @_sap_tnt_NavigationList_PopupItemPadding: 0 0.5rem;
19
27
  @_sap_tnt_NavigationList_PopupIconWidth: 0.5rem;
20
- @_sap_tnt_NavigationList_PaddingCompact: 1.5rem 0.75rem 0.75rem 0.75rem;
21
28
  @_sap_tnt_NavigationList_ParentPopupPadding: 0.75rem;
22
29
  @_sap_tnt_NavigationList_ParentPopupBorderRadius: 0.75rem;
23
30
  @_sap_tnt_NavigationList_PopupBoxShadow: 0 0 0 0.0625rem @sapUiContentShadowColor, 0 1rem 2rem 0 fade(@sapUiContentShadowColor, 16);
24
31
  @_sap_tnt_NavigationList_PopupArrowBoxShadow: 0 0 0 0.0625rem @sapUiContentShadowColor, 0 1rem 2rem 0 fade(@sapUiContentShadowColor, 16);
25
32
  @_sap_tnt_NavigationList_PopupTitleTextSize: 1.25rem;
26
33
  @_sap_tnt_NavigationList_PopupTitleLineHeight: 1.5rem;
27
- @_sap_tnt_NavigationList_SelectionIndicatorDisplay: inline-block;
34
+ @_sap_tnt_NavigationList_SelectionIndicatorDisplay: block;
35
+ @_sap_tnt_NavigationList_PopupPadding: 0.5rem;
36
+ @_sap_tnt_NavigationList_Collapsed_HoverOrFocusTextDisplay: block;
37
+ @_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemZIndex: 1;
38
+ @_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPosition: absolute;
39
+ @_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPadding: 0.5rem 0.5rem 0.5rem 0.25rem;
40
+ @_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPaddingCompact: 0.5rem 0.5rem 0.5rem 0;
@@ -6,6 +6,8 @@
6
6
  @_sap_tnt_SideNavigation_Width: 16rem;
7
7
  @_sap_tnt_SideNavigation_CollapsedWidth: 3.5rem;
8
8
  @_sap_tnt_SideNavigation_NavigationSeparatorHeight: 0.0625rem;
9
+ @_sap_tnt_SideNavigation_BorderRight: 0;
9
10
  @_sap_tnt_SideNavigation_BorderRadius: 0.5rem 0.5rem 0 0;
10
11
  @_sap_tnt_SideNavigation_PhoneBorderRadius: 0.5rem;
12
+ @_sap_tnt_SideNavigation_BoxShadow: 0 0 0 0.0625rem @sapContent_ShadowColor, 0 0.5rem 1rem 0 fade(@sapContent_ShadowColor, 16);
11
13
  @_sap_tnt_SideNavigation_TriangleDisplay: none;
@@ -9,7 +9,7 @@
9
9
  @import "../../../../sap/ui/core/themes/sap_horizon_hcw/global.less";
10
10
 
11
11
  @import "InfoLabel.less";
12
- @import "NavigationList.less";
13
12
  @import "SideNavigation.less";
13
+ @import "NavigationList.less"; // keep this order, it reuses variable @_sap_tnt_SideNavigation_BoxShadow defined in SideNavigation.less
14
14
  @import "ToolHeader.less";
15
15
  @import "ToolPage.less";
@@ -6,7 +6,7 @@
6
6
  <copyright>OpenUI5
7
7
  * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
8
8
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
9
- <version>1.117.1</version>
9
+ <version>1.119.0</version>
10
10
 
11
11
  <documentation>SAPUI5 Horizon theme library.</documentation>
12
12