@openui5/themelib_sap_horizon 1.133.2 → 1.135.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 (173) hide show
  1. package/.reuse/dep5 +0 -7
  2. package/THIRDPARTY.txt +2 -23
  3. package/package.json +18 -18
  4. package/src/sap/f/themes/sap_horizon/Card.less +14 -19
  5. package/src/sap/f/themes/sap_horizon/CardHeaders.less +1 -3
  6. package/src/sap/f/themes/sap_horizon/GridListItem.less +2 -2
  7. package/src/sap/f/themes/sap_horizon/ShellBar.less +5 -0
  8. package/src/sap/f/themes/sap_horizon_dark/Card.less +8 -13
  9. package/src/sap/f/themes/sap_horizon_dark/CardHeaders.less +1 -3
  10. package/src/sap/f/themes/sap_horizon_dark/GridListItem.less +1 -1
  11. package/src/sap/f/themes/sap_horizon_dark/ShellBar.less +5 -0
  12. package/src/sap/f/themes/sap_horizon_hcb/Card.less +3 -8
  13. package/src/sap/f/themes/sap_horizon_hcb/GridContainer.less +4 -4
  14. package/src/sap/f/themes/sap_horizon_hcb/GridListItem.less +1 -2
  15. package/src/sap/f/themes/sap_horizon_hcb/ShellBar.less +5 -0
  16. package/src/sap/f/themes/sap_horizon_hcb/library.source.less +0 -1
  17. package/src/sap/f/themes/sap_horizon_hcw/Card.less +3 -8
  18. package/src/sap/f/themes/sap_horizon_hcw/GridListItem.less +1 -2
  19. package/src/sap/f/themes/sap_horizon_hcw/ShellBar.less +5 -0
  20. package/src/sap/f/themes/sap_horizon_hcw/library.source.less +0 -1
  21. package/src/sap/m/themes/sap_horizon/Avatar.less +13 -0
  22. package/src/sap/m/themes/sap_horizon/Button.less +6 -0
  23. package/src/sap/m/themes/sap_horizon/GenericTile.less +6 -35
  24. package/src/sap/m/themes/sap_horizon/IconTabBar.less +79 -87
  25. package/src/sap/m/themes/sap_horizon/MessageStrip.less +0 -3
  26. package/src/sap/m/themes/sap_horizon/NewsContent.less +1 -1
  27. package/src/sap/m/themes/sap_horizon/SplitButton.less +71 -54
  28. package/src/sap/m/themes/sap_horizon/StandardTile.less +2 -2
  29. package/src/sap/m/themes/sap_horizon/SuggestionsPopover.less +6 -1
  30. package/src/sap/m/themes/sap_horizon/Switch.less +109 -91
  31. package/src/sap/m/themes/sap_horizon/TabContainer.less +2 -0
  32. package/src/sap/m/themes/sap_horizon/TabStrip.less +48 -20
  33. package/src/sap/m/themes/sap_horizon/Table.less +16 -7
  34. package/src/sap/m/themes/sap_horizon/Text.less +3 -2
  35. package/src/sap/m/themes/sap_horizon/TextArea.less +2 -1
  36. package/src/sap/m/themes/sap_horizon/TileContainer.less +4 -4
  37. package/src/sap/m/themes/sap_horizon/TileContent.less +3 -3
  38. package/src/sap/m/themes/sap_horizon/TimePicker.less +3 -3
  39. package/src/sap/m/themes/sap_horizon/TimePickerSliders.less +59 -31
  40. package/src/sap/m/themes/sap_horizon/Title.less +8 -6
  41. package/src/sap/m/themes/sap_horizon/ToggleButton.less +53 -41
  42. package/src/sap/m/themes/sap_horizon/Token.less +1 -0
  43. package/src/sap/m/themes/sap_horizon/Tokenizer.less +5 -0
  44. package/src/sap/m/themes/sap_horizon/ViewSettingsDialog.less +10 -6
  45. package/src/sap/m/themes/sap_horizon/WheelSlider.less +38 -14
  46. package/src/sap/m/themes/sap_horizon_dark/Avatar.less +13 -0
  47. package/src/sap/m/themes/sap_horizon_dark/Button.less +6 -0
  48. package/src/sap/m/themes/sap_horizon_dark/GenericTile.less +15 -47
  49. package/src/sap/m/themes/sap_horizon_dark/IconTabBar.less +94 -80
  50. package/src/sap/m/themes/sap_horizon_dark/MessageStrip.less +0 -4
  51. package/src/sap/m/themes/sap_horizon_dark/NewsContent.less +1 -1
  52. package/src/sap/m/themes/sap_horizon_dark/SplitButton.less +70 -54
  53. package/src/sap/m/themes/sap_horizon_dark/StandardTile.less +2 -2
  54. package/src/sap/m/themes/sap_horizon_dark/SuggestionsPopover.less +1 -1
  55. package/src/sap/m/themes/sap_horizon_dark/Switch.less +108 -89
  56. package/src/sap/m/themes/sap_horizon_dark/TabContainer.less +2 -0
  57. package/src/sap/m/themes/sap_horizon_dark/TabStrip.less +50 -21
  58. package/src/sap/m/themes/sap_horizon_dark/Table.less +15 -6
  59. package/src/sap/m/themes/sap_horizon_dark/Text.less +3 -2
  60. package/src/sap/m/themes/sap_horizon_dark/TextArea.less +2 -1
  61. package/src/sap/m/themes/sap_horizon_dark/TileContainer.less +4 -3
  62. package/src/sap/m/themes/sap_horizon_dark/TileContent.less +3 -3
  63. package/src/sap/m/themes/sap_horizon_dark/TimePicker.less +3 -3
  64. package/src/sap/m/themes/sap_horizon_dark/TimePickerSliders.less +59 -31
  65. package/src/sap/m/themes/sap_horizon_dark/Title.less +8 -6
  66. package/src/sap/m/themes/sap_horizon_dark/ToggleButton.less +52 -41
  67. package/src/sap/m/themes/sap_horizon_dark/ViewSettingsDialog.less +10 -6
  68. package/src/sap/m/themes/sap_horizon_dark/WheelSlider.less +34 -11
  69. package/src/sap/m/themes/sap_horizon_hcb/Avatar.less +14 -0
  70. package/src/sap/m/themes/sap_horizon_hcb/Button.less +8 -0
  71. package/src/sap/m/themes/sap_horizon_hcb/GenericTile.less +0 -9
  72. package/src/sap/m/themes/sap_horizon_hcb/IconTabBar.less +11 -11
  73. package/src/sap/m/themes/sap_horizon_hcb/InputBase.less +5 -1
  74. package/src/sap/m/themes/sap_horizon_hcb/MessageStrip.less +0 -5
  75. package/src/sap/m/themes/sap_horizon_hcb/ObjectStatus.less +41 -40
  76. package/src/sap/m/themes/sap_horizon_hcb/SplitButton.less +3 -2
  77. package/src/sap/m/themes/sap_horizon_hcb/StepInput.less +2 -0
  78. package/src/sap/m/themes/sap_horizon_hcb/Switch.less +108 -90
  79. package/src/sap/m/themes/sap_horizon_hcb/TabContainer.less +9 -2
  80. package/src/sap/m/themes/sap_horizon_hcb/TabStrip.less +44 -17
  81. package/src/sap/m/themes/sap_horizon_hcb/Table.less +6 -6
  82. package/src/sap/m/themes/sap_horizon_hcb/Text.less +2 -1
  83. package/src/sap/m/themes/sap_horizon_hcb/TextArea.less +11 -8
  84. package/src/sap/m/themes/sap_horizon_hcb/Tile.less +9 -9
  85. package/src/sap/m/themes/sap_horizon_hcb/TileContainer.less +5 -5
  86. package/src/sap/m/themes/sap_horizon_hcb/TimePicker.less +3 -3
  87. package/src/sap/m/themes/sap_horizon_hcb/TimePickerSliders.less +58 -30
  88. package/src/sap/m/themes/sap_horizon_hcb/Title.less +8 -6
  89. package/src/sap/m/themes/sap_horizon_hcb/ToggleButton.less +4 -5
  90. package/src/sap/m/themes/sap_horizon_hcb/ViewSettingsDialog.less +9 -6
  91. package/src/sap/m/themes/sap_horizon_hcb/WheelSlider.less +22 -5
  92. package/src/sap/m/themes/sap_horizon_hcw/Avatar.less +13 -0
  93. package/src/sap/m/themes/sap_horizon_hcw/Button.less +8 -0
  94. package/src/sap/m/themes/sap_horizon_hcw/GenericTile.less +0 -9
  95. package/src/sap/m/themes/sap_horizon_hcw/IconTabBar.less +9 -11
  96. package/src/sap/m/themes/sap_horizon_hcw/InputBase.less +5 -1
  97. package/src/sap/m/themes/sap_horizon_hcw/MessageStrip.less +0 -5
  98. package/src/sap/m/themes/sap_horizon_hcw/ObjectStatus.less +40 -40
  99. package/src/sap/m/themes/sap_horizon_hcw/SplitButton.less +3 -2
  100. package/src/sap/m/themes/sap_horizon_hcw/StepInput.less +2 -0
  101. package/src/sap/m/themes/sap_horizon_hcw/Switch.less +108 -90
  102. package/src/sap/m/themes/sap_horizon_hcw/TabContainer.less +9 -2
  103. package/src/sap/m/themes/sap_horizon_hcw/TabStrip.less +44 -17
  104. package/src/sap/m/themes/sap_horizon_hcw/Table.less +6 -6
  105. package/src/sap/m/themes/sap_horizon_hcw/Text.less +2 -1
  106. package/src/sap/m/themes/sap_horizon_hcw/TextArea.less +11 -8
  107. package/src/sap/m/themes/sap_horizon_hcw/Tile.less +9 -9
  108. package/src/sap/m/themes/sap_horizon_hcw/TileContainer.less +5 -5
  109. package/src/sap/m/themes/sap_horizon_hcw/TimePicker.less +3 -3
  110. package/src/sap/m/themes/sap_horizon_hcw/TimePickerSliders.less +57 -31
  111. package/src/sap/m/themes/sap_horizon_hcw/Title.less +8 -6
  112. package/src/sap/m/themes/sap_horizon_hcw/ToggleButton.less +5 -5
  113. package/src/sap/m/themes/sap_horizon_hcw/ViewSettingsDialog.less +10 -6
  114. package/src/sap/m/themes/sap_horizon_hcw/WheelSlider.less +22 -5
  115. package/src/sap/tnt/themes/sap_horizon/NavigationList.less +14 -11
  116. package/src/sap/tnt/themes/sap_horizon/ToolHeader.less +3 -3
  117. package/src/sap/tnt/themes/sap_horizon_dark/NavigationList.less +14 -11
  118. package/src/sap/tnt/themes/sap_horizon_dark/ToolHeader.less +3 -3
  119. package/src/sap/tnt/themes/sap_horizon_hcb/NavigationList.less +14 -10
  120. package/src/sap/tnt/themes/sap_horizon_hcb/ToolHeader.less +3 -3
  121. package/src/sap/tnt/themes/sap_horizon_hcw/NavigationList.less +14 -10
  122. package/src/sap/tnt/themes/sap_horizon_hcw/ToolHeader.less +3 -3
  123. package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
  124. package/src/sap/ui/core/themes/sap_horizon/base.less +77 -19
  125. package/src/sap/ui/core/themes/sap_horizon/global.less +7 -0
  126. package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
  127. package/src/sap/ui/core/themes/sap_horizon_dark/base.less +80 -22
  128. package/src/sap/ui/core/themes/sap_horizon_dark/global.less +7 -0
  129. package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
  130. package/src/sap/ui/core/themes/sap_horizon_hcb/base.less +62 -4
  131. package/src/sap/ui/core/themes/sap_horizon_hcb/global.less +7 -0
  132. package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
  133. package/src/sap/ui/core/themes/sap_horizon_hcw/base.less +62 -4
  134. package/src/sap/ui/core/themes/sap_horizon_hcw/global.less +7 -0
  135. package/src/sap/ui/integration/themes/sap_horizon/ListContent.less +1 -1
  136. package/src/sap/ui/integration/themes/sap_horizon/TableContent.less +1 -1
  137. package/src/sap/ui/table/themes/sap_horizon/Cell.less +7 -5
  138. package/src/sap/ui/table/themes/sap_horizon/Grouping.less +11 -11
  139. package/src/sap/ui/table/themes/sap_horizon/RowAction.less +12 -12
  140. package/src/sap/ui/table/themes/sap_horizon/RowSelection.less +7 -7
  141. package/src/sap/ui/table/themes/sap_horizon/Scrolling.less +2 -1
  142. package/src/sap/ui/table/themes/sap_horizon/Table.less +4 -4
  143. package/src/sap/ui/table/themes/sap_horizon_dark/Cell.less +7 -5
  144. package/src/sap/ui/table/themes/sap_horizon_dark/Grouping.less +11 -11
  145. package/src/sap/ui/table/themes/sap_horizon_dark/RowAction.less +10 -10
  146. package/src/sap/ui/table/themes/sap_horizon_dark/RowSelection.less +6 -6
  147. package/src/sap/ui/table/themes/sap_horizon_dark/Scrolling.less +1 -0
  148. package/src/sap/ui/table/themes/sap_horizon_dark/Table.less +3 -3
  149. package/src/sap/ui/table/themes/sap_horizon_hcb/Cell.less +4 -3
  150. package/src/sap/ui/table/themes/sap_horizon_hcb/DragDrop.less +1 -1
  151. package/src/sap/ui/table/themes/sap_horizon_hcb/Row.less +2 -2
  152. package/src/sap/ui/table/themes/sap_horizon_hcb/RowHighlight.less +1 -1
  153. package/src/sap/ui/table/themes/sap_horizon_hcb/RowSelection.less +4 -4
  154. package/src/sap/ui/table/themes/sap_horizon_hcb/Scrolling.less +1 -0
  155. package/src/sap/ui/table/themes/sap_horizon_hcb/Table.less +2 -2
  156. package/src/sap/ui/table/themes/sap_horizon_hcw/Cell.less +4 -3
  157. package/src/sap/ui/table/themes/sap_horizon_hcw/DragDrop.less +1 -1
  158. package/src/sap/ui/table/themes/sap_horizon_hcw/Row.less +2 -2
  159. package/src/sap/ui/table/themes/sap_horizon_hcw/RowHighlight.less +1 -1
  160. package/src/sap/ui/table/themes/sap_horizon_hcw/RowSelection.less +4 -4
  161. package/src/sap/ui/table/themes/sap_horizon_hcw/Scrolling.less +1 -0
  162. package/src/sap/ui/table/themes/sap_horizon_hcw/Table.less +2 -2
  163. package/src/sap/uxap/themes/sap_horizon/ObjectPageSection.less +1 -0
  164. package/src/sap/uxap/themes/sap_horizon/ObjectPageSubSection.less +1 -1
  165. package/src/sap/uxap/themes/sap_horizon_dark/ObjectPageSection.less +1 -0
  166. package/src/sap/uxap/themes/sap_horizon_dark/ObjectPageSubSection.less +1 -1
  167. package/src/sap/uxap/themes/sap_horizon_hcb/ObjectPageSection.less +1 -0
  168. package/src/sap/uxap/themes/sap_horizon_hcb/ObjectPageSubSection.less +1 -1
  169. package/src/sap/uxap/themes/sap_horizon_hcw/ObjectPageSection.less +1 -0
  170. package/src/sap/uxap/themes/sap_horizon_hcw/ObjectPageSubSection.less +1 -1
  171. package/LICENSES/LicenseRef-tzdata-PublicDomain.txt +0 -5
  172. package/src/sap/f/themes/sap_horizon_hcb/CardHeaders.less +0 -28
  173. package/src/sap/f/themes/sap_horizon_hcw/CardHeaders.less +0 -28
@@ -3,16 +3,17 @@
3
3
  /* Horizon theme */
4
4
  /* ========================= */
5
5
 
6
- @_sap_ui_table_Cell_FocusOutlineOffset: calc(-@sapUiContentFocusWidth ~"- 0.0625rem");
7
- @_sap_ui_table_Cell_BorderColorSelected: @sapUiListSelectionBorderColor;
8
- @_sap_ui_table_Cell_BorderColorFixedSelected: @sapUiListSelectionBorderColor;
6
+ @_sap_ui_table_Cell_FocusOutlineOffset: ~"calc((var(--sapContent_FocusWidth) * -1) - 0.0625rem)";
7
+ @_sap_ui_table_Cell_BorderColorSelected: var(--sapList_SelectionBorderColor);
8
+ @_sap_ui_table_Cell_BorderColorFixedSelected: var(--sapList_SelectionBorderColor);
9
9
  @_sap_ui_table_Cell_ShadowColorFixed: @sapUiListTableFixedBorder;
10
10
  @_sap_ui_table_Cell_BorderBottomFocus: transparent;
11
11
  @_sap_ui_table_Cell_DummyBorderColor: @sapUiListTableFixedBorder;
12
12
 
13
13
  .sapUiTableCellDummy {
14
+
14
15
  .sapUiTableContentRow & {
15
- background-color: @sapUiListBackground !important;
16
+ background-color: var(--sapList_Background) !important;
16
17
  }
17
18
  }
18
19
 
@@ -24,8 +25,9 @@
24
25
  * Focus outline in Condensed mode
25
26
  */
26
27
  .sapUiSizeCondensed .sapUiTableCell:focus {
28
+
27
29
  &::before {
28
- outline: 0.0625rem @sapUiContentFocusStyle @sapUiContentFocusColor;
30
+ outline: 0.0625rem var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
29
31
  outline-offset: -1px;
30
32
  }
31
33
  }
@@ -3,32 +3,32 @@
3
3
  /* Horizon theme */
4
4
  /* ============================== */
5
5
 
6
- /*TBD: Adjustments for sapUiTableTreeIcon might be obsolete when Icon is adjusted*/
6
+ /*TBD: Adjustments for sapUiTableTreeIcon might be obsolete when Icon is adjusted */
7
7
 
8
8
  .sapUiTableTreeIcon {
9
- border-radius: @sapUiButtonBorderCornerRadius;
10
- box-sizing: border-box;
11
- margin-right: 2px;
9
+ border-radius: var(--sapButton_BorderCornerRadius);
10
+ box-sizing: border-box;
11
+ margin-right: 2px;
12
12
  }
13
13
 
14
14
  .sapUiSizeCompact .sapUiTableTreeIcon {
15
- height: @_sap_ui_table_BaseSizeCondensed;
15
+ height: @_sap_ui_table_BaseSizeCondensed;
16
16
  }
17
17
 
18
18
  .sapUiTableTreeIcon:active::before {
19
- color: @sapUiButtonActiveTextColor;
19
+ color: var(--sapButton_Active_TextColor);
20
20
  }
21
21
 
22
22
  .sapUiTableTreeIcon:hover {
23
- color: @sapUiButtonHoverTextColor;
24
- border: 1px solid @sapUiButtonHoverBorderColor;
25
- background: @sapUiButtonHoverBackground;
23
+ color: var(--sapButton_Hover_TextColor);
24
+ border: 1px solid var(--sapButton_Hover_BorderColor);
25
+ background: var(--sapButton_Hover_Background);
26
26
  }
27
27
 
28
28
  .sapUiTableTreeIcon:active {
29
- border: 1px solid @sapUiButtonActiveBorderColor;
29
+ border: 1px solid var(--sapButton_Active_BorderColor);
30
30
  }
31
31
 
32
32
  .sapUiTableTreeIcon:active:focus {
33
- outline: none;
33
+ outline: none;
34
34
  }
@@ -1,31 +1,31 @@
1
1
  /* ======================================= */
2
2
  /* CSS for control sap.ui.table/RowAction */
3
- /* Horizon theme */
3
+ /* Morning Horizon theme */
4
4
  /* ======================================= */
5
5
 
6
- /*TBD: Adjustments for sapUiTableActionIcon might be obsolete when Icon is adjusted*/
6
+ /*TBD: Adjustments for sapUiTableActionIcon might be obsolete when Icon is adjusted */
7
7
 
8
8
  .sapUiTableActionIcon {
9
- border-radius: @sapUiButtonBorderCornerRadius;
9
+ border-radius: var(--sapButton_BorderCornerRadius);
10
10
  box-sizing: border-box;
11
- color: @sapUiButtonLiteTextColor;
11
+ color: var(--sapButton_Lite_TextColor);
12
12
  }
13
13
 
14
14
  .sapUiTableActionIcon:hover {
15
- border: 1px solid @sapUiButtonHoverBorderColor;
16
- background: @sapUiButtonHoverBackground;
15
+ border: 1px solid var(--sapButton_Hover_BorderColor);
16
+ background: var(--sapButton_Hover_Background);
17
17
  }
18
18
 
19
19
  .sapUiTableActionIcon:active {
20
- color: @sapUiButtonActiveTextColor;
21
- border: 1px solid @sapUiButtonActiveBorderColor;
20
+ color: var(--sapButton_Active_TextColor);
21
+ border: 1px solid var(--sapButton_Active_BorderColor);
22
22
  }
23
23
 
24
24
  .sapUiTableActionIcon.sapUiIcon:focus {
25
- outline-width: @sapUiContentFocusWidth;
26
- outline-style: @sapUiContentFocusStyle;
27
- outline-color: @sapUiContentFocusColor;
28
- outline-offset: -@sapUiContentFocusWidth;
25
+ outline-width: var(--sapContent_FocusWidth);
26
+ outline-style: var(--sapContent_FocusStyle);
27
+ outline-color: var(--sapContent_FocusColor);
28
+ outline-offset: ~"calc(var(--sapContent_FocusWidth) * -1)";
29
29
  }
30
30
 
31
31
  .sapUiTableActionIcon:active:focus {
@@ -1,19 +1,19 @@
1
1
  /* ================================== */
2
2
  /* CSS for sap.ui.table/RowSelection */
3
- /* Horizon theme */
3
+ /* Morning Horizon theme */
4
4
  /* ================================== */
5
5
 
6
6
  @_sap_ui_table_RowSelection_CheckBoxBorderWidth: 0.0625rem; /*@sapUiFieldBorderWidth;*/
7
- @_sap_ui_table_RowSelection_CheckBoxBorderRadius: @sapUiFieldBorderCornerRadius;
8
- @_sap_ui_table_RowSelection_CheckBoxBorderRadiusCozy: @sapUiFieldBorderCornerRadius;
7
+ @_sap_ui_table_RowSelection_CheckBoxBorderRadius: var(--sapField_BorderCornerRadius);
8
+ @_sap_ui_table_RowSelection_CheckBoxBorderRadiusCozy: var(--sapField_BorderCornerRadius);
9
9
 
10
10
  .sapUiTableRowSelectionHeaderCell:not(.sapUiTableSelAll) .sapUiTableSelectAllCheckBox::after,
11
11
  .sapUiTableSelModeMultiToggle .sapUiTableRowSel .sapUiTableRowSelectionCell::after {
12
- border-color: @sapUiContentFocusColor;
12
+ border-color: var(--sapContent_FocusColor);
13
13
  }
14
14
 
15
15
  .sapUiTableRowSelectionHeaderCell:hover .sapUiTableSelectAllCheckBox::after,
16
- .sapUiTableRowHvr .sapUiTableRowSelectionCell::after{
17
- background-color: @sapUiFieldHoverBackground;
18
- box-shadow: @sapUiContentInteractionShadow;
16
+ .sapUiTableRowHvr .sapUiTableRowSelectionCell::after {
17
+ background-color: var(--sapField_Hover_Background);
18
+ box-shadow: var(--sapContent_Interaction_Shadow);
19
19
  }
@@ -1,9 +1,10 @@
1
1
  /* ================================== */
2
2
  /* CSS for sap.ui.table/Scrolling */
3
- /* Horizon theme */
3
+ /* Morning Horizon theme */
4
4
  /* ================================== */
5
5
 
6
6
  ._sap_ui_table_Scrolling_NativeScrollbarDesktop() {
7
+
7
8
  &::-webkit-scrollbar-thumb:vertical {
8
9
  border-left-width: 0.25rem !important;
9
10
  border-right-width: 0.25rem !important;
@@ -1,18 +1,18 @@
1
1
  /* =================================== */
2
2
  /* CSS for control sap.ui.table/Table */
3
- /* Horizon theme */
3
+ /* Morning Horizon theme */
4
4
  /* =================================== */
5
5
 
6
6
  @_sap_ui_table_Table_HeaderPaddingRight: 0.5rem;
7
7
  @_sap_ui_table_Table_FooterPaddingRight: 0.5rem;
8
8
 
9
9
  .sapUiTableExt .sapMTBHeader-CTX:first-child {
10
- border-top-right-radius: @sapUiElementBorderCornerRadius;
11
- border-top-left-radius: @sapUiElementBorderCornerRadius;
10
+ border-top-right-radius: var(--sapElement_BorderCornerRadius);
11
+ border-top-left-radius: var(--sapElement_BorderCornerRadius);
12
12
  }
13
13
 
14
14
  .sapUiTableCnt {
15
- background-color: @sapUiListBackground;
15
+ background-color: var(--sapList_Background);
16
16
  border: transparent;
17
17
  }
18
18
 
@@ -3,16 +3,17 @@
3
3
  /* Evening Horizon theme */
4
4
  /* ========================== */
5
5
 
6
- @_sap_ui_table_Cell_FocusOutlineOffset: calc(-@sapUiContentFocusWidth ~"- 0.0625rem");
7
- @_sap_ui_table_Cell_BorderColorSelected: @sapUiListSelectionBorderColor;
8
- @_sap_ui_table_Cell_BorderColorFixedSelected: @sapUiListSelectionBorderColor;
6
+ @_sap_ui_table_Cell_FocusOutlineOffset: ~"calc((var(--sapContent_FocusWidth) * -1) - 0.0625rem)";
7
+ @_sap_ui_table_Cell_BorderColorSelected: var(--sapList_SelectionBorderColor);
8
+ @_sap_ui_table_Cell_BorderColorFixedSelected: var(--sapList_SelectionBorderColor);
9
9
  @_sap_ui_table_Cell_ShadowColorFixed: @sapUiListTableFixedBorder;
10
10
  @_sap_ui_table_Cell_BorderBottomFocus: transparent;
11
11
  @_sap_ui_table_Cell_DummyBorderColor: @sapUiListTableFixedBorder;
12
12
 
13
13
  .sapUiTableCellDummy {
14
+
14
15
  .sapUiTableContentRow & {
15
- background-color: @sapUiListBackground !important;
16
+ background-color: var(--sapList_Background) !important;
16
17
  }
17
18
  }
18
19
 
@@ -24,8 +25,9 @@
24
25
  * Focus outline in Condensed mode
25
26
  */
26
27
  .sapUiSizeCondensed .sapUiTableCell:focus {
28
+
27
29
  &::before {
28
- outline: 0.0625rem @sapUiContentFocusStyle @sapUiContentFocusColor;
30
+ outline: 0.0625rem var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
29
31
  outline-offset: -1px;
30
32
  }
31
33
  }
@@ -3,32 +3,32 @@
3
3
  /* Evening Horizon theme */
4
4
  /* ============================== */
5
5
 
6
- /*TBD: Adjustments for sapUiTableTreeIcon might be obsolete when Icon is adjusted*/
6
+ /*TBD: Adjustments for sapUiTableTreeIcon might be obsolete when Icon is adjusted */
7
7
 
8
8
  .sapUiTableTreeIcon {
9
- border-radius: @sapUiButtonBorderCornerRadius;
10
- box-sizing: border-box;
11
- margin-right: 2px;
9
+ border-radius: var(--sapButton_BorderCornerRadius);
10
+ box-sizing: border-box;
11
+ margin-right: 2px;
12
12
  }
13
13
 
14
14
  .sapUiSizeCompact .sapUiTableTreeIcon {
15
- height: @_sap_ui_table_BaseSizeCondensed;
15
+ height: @_sap_ui_table_BaseSizeCondensed;
16
16
  }
17
17
 
18
18
  .sapUiTableTreeIcon:active::before {
19
- color: @sapUiButtonActiveTextColor;
19
+ color: var(--sapButton_Active_TextColor);
20
20
  }
21
21
 
22
22
  .sapUiTableTreeIcon:hover {
23
- color: @sapUiButtonHoverTextColor;
24
- border: 1px solid @sapUiButtonHoverBorderColor;
25
- background: @sapUiButtonHoverBackground;
23
+ color: var(--sapButton_Hover_TextColor);
24
+ border: 1px solid var(--sapButton_Hover_BorderColor);
25
+ background: var(--sapButton_Hover_Background);
26
26
  }
27
27
 
28
28
  .sapUiTableTreeIcon:active {
29
- border: 1px solid @sapUiButtonActiveBorderColor;
29
+ border: 1px solid var(--sapButton_Active_BorderColor);
30
30
  }
31
31
 
32
32
  .sapUiTableTreeIcon:active:focus {
33
- outline: none;
33
+ outline: none;
34
34
  }
@@ -6,26 +6,26 @@
6
6
  /*TBD: Adjustments for sapUiTableActionIcon might be obsolete when Icon is adjusted*/
7
7
 
8
8
  .sapUiTableActionIcon {
9
- border-radius: @sapUiButtonBorderCornerRadius;
9
+ border-radius: var(--sapButton_BorderCornerRadius);
10
10
  box-sizing: border-box;
11
- color: @sapUiButtonLiteTextColor;
11
+ color: var(--sapButton_Lite_TextColor);
12
12
  }
13
13
 
14
14
  .sapUiTableActionIcon:hover {
15
- border: 1px solid @sapUiButtonHoverBorderColor;
16
- background: @sapUiButtonHoverBackground;
15
+ border: 1px solid var(--sapButton_Hover_BorderColor);
16
+ background: var(--sapButton_Hover_Background);
17
17
  }
18
18
 
19
19
  .sapUiTableActionIcon:active {
20
- color: @sapUiButtonActiveTextColor;
21
- border: 1px solid @sapUiButtonActiveBorderColor;
20
+ color: var(--sapButton_Active_TextColor);
21
+ border: 1px solid var(--sapButton_Active_BorderColor);
22
22
  }
23
23
 
24
24
  .sapUiTableActionIcon.sapUiIcon:focus {
25
- outline-width: @sapUiContentFocusWidth;
26
- outline-style: @sapUiContentFocusStyle;
27
- outline-color: @sapUiContentFocusColor;
28
- outline-offset: -@sapUiContentFocusWidth;
25
+ outline-width: var(--sapContent_FocusWidth);
26
+ outline-style: var(--sapContent_FocusStyle);
27
+ outline-color: var(--sapContent_FocusColor);
28
+ outline-offset: ~"calc(var(--sapContent_FocusWidth) * -1)";
29
29
  }
30
30
 
31
31
  .sapUiTableActionIcon:active:focus {
@@ -4,16 +4,16 @@
4
4
  /* ================================== */
5
5
 
6
6
  @_sap_ui_table_RowSelection_CheckBoxBorderWidth: 0.0625rem; /*@sapUiFieldBorderWidth;*/
7
- @_sap_ui_table_RowSelection_CheckBoxBorderRadius: @sapUiFieldBorderCornerRadius;
8
- @_sap_ui_table_RowSelection_CheckBoxBorderRadiusCozy: @sapUiFieldBorderCornerRadius;
7
+ @_sap_ui_table_RowSelection_CheckBoxBorderRadius: var(--sapField_BorderCornerRadius);
8
+ @_sap_ui_table_RowSelection_CheckBoxBorderRadiusCozy: var(--sapField_BorderCornerRadius);
9
9
 
10
10
  .sapUiTableRowSelectionHeaderCell:not(.sapUiTableSelAll) .sapUiTableSelectAllCheckBox::after,
11
11
  .sapUiTableSelModeMultiToggle .sapUiTableRowSel .sapUiTableRowSelectionCell::after {
12
- border-color: @sapUiContentFocusColor;
12
+ border-color: var(--sapContent_FocusColor);
13
13
  }
14
14
 
15
15
  .sapUiTableRowSelectionHeaderCell:hover .sapUiTableSelectAllCheckBox::after,
16
- .sapUiTableRowHvr .sapUiTableRowSelectionCell::after{
17
- background-color: @sapUiFieldHoverBackground;
18
- box-shadow: @sapUiContentInteractionShadow;
16
+ .sapUiTableRowHvr .sapUiTableRowSelectionCell::after {
17
+ background-color: var(--sapField_Hover_Background);
18
+ box-shadow: var(--sapContent_Interaction_Shadow);
19
19
  }
@@ -4,6 +4,7 @@
4
4
  /* ================================== */
5
5
 
6
6
  ._sap_ui_table_Scrolling_NativeScrollbarDesktop() {
7
+
7
8
  &::-webkit-scrollbar-thumb:vertical {
8
9
  border-left-width: 0.25rem !important;
9
10
  border-right-width: 0.25rem !important;
@@ -7,12 +7,12 @@
7
7
  @_sap_ui_table_Table_FooterPaddingRight: 0.5rem;
8
8
 
9
9
  .sapUiTableExt .sapMTBHeader-CTX:first-child {
10
- border-top-right-radius: @sapUiElementBorderCornerRadius;
11
- border-top-left-radius: @sapUiElementBorderCornerRadius;
10
+ border-top-right-radius: var(--sapElement_BorderCornerRadius);
11
+ border-top-left-radius: var(--sapElement_BorderCornerRadius);
12
12
  }
13
13
 
14
14
  .sapUiTableCnt {
15
- background-color: @sapUiListBackground;
15
+ background-color: var(--sapList_Background);
16
16
  border: transparent;
17
17
  }
18
18
 
@@ -3,8 +3,8 @@
3
3
  /* Horizon High Contrast Black theme */
4
4
  /* ================================== */
5
5
 
6
- @_sap_ui_table_Cell_FocusOutlineOffset: calc(-@sapUiContentFocusWidth ~"- 0.0625rem");
7
- @_sap_ui_table_Cell_BorderColorSelected: @sapUiListSelectionBorderColor;
6
+ @_sap_ui_table_Cell_FocusOutlineOffset: ~"calc((var(--sapContent_FocusWidth) * -1) - 0.0625rem)";
7
+ @_sap_ui_table_Cell_BorderColorSelected: var(--sapList_SelectionBorderColor);
8
8
  @_sap_ui_table_Cell_DummyBorderColor: @sapUiListTableFixedBorder;
9
9
 
10
10
  .sapUiTableGroupMode .sapUiTableCell.sapUiTableRowSelectionCell {
@@ -15,8 +15,9 @@
15
15
  * Focus outline in Condensed mode
16
16
  */
17
17
  .sapUiSizeCondensed .sapUiTableCell:focus {
18
+
18
19
  &::before {
19
- outline: 0.0625rem @sapUiContentFocusStyle @sapUiContentFocusColor;
20
+ outline: 0.0625rem var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
20
21
  outline-offset: -1px;
21
22
  }
22
23
  }
@@ -3,4 +3,4 @@
3
3
  /* Horizon High Contrast Black theme */
4
4
  /* ================================== */
5
5
 
6
- @_sap_ui_table_DragDrop_ColumnDnDHighlightColor: @sapUiContentDragAndDropActiveColor;
6
+ @_sap_ui_table_DragDrop_ColumnDnDHighlightColor: var(--sapContent_DragAndDropActiveColor);
@@ -3,5 +3,5 @@
3
3
  /* Horizon High Contrast Black theme */
4
4
  /* ================================== */
5
5
 
6
- @_sap_ui_table_Row_ColorHovered: @sapUiContentContrastTextColor;
7
- @_sap_ui_table_Row_NavigationIndicatorColor: @sapUiListSelectionBorderColor;
6
+ @_sap_ui_table_Row_ColorHovered: var(--sapContent_ContrastTextColor);
7
+ @_sap_ui_table_Row_NavigationIndicatorColor: var(--sapList_SelectionBorderColor);
@@ -3,4 +3,4 @@
3
3
  /* Horizon High Contrast Black theme */
4
4
  /* ================================== */
5
5
 
6
- @_sap_ui_table_RowHighlight_InformationColor: @sapUiAccent6;
6
+ @_sap_ui_table_RowHighlight_InformationColor: var(--sapAccentColor6);
@@ -3,7 +3,7 @@
3
3
  /* Horizon High Contrast Black theme */
4
4
  /* ================================== */
5
5
 
6
- @_sap_ui_table_RowSelection_CheckBoxIconColor: @sapUiContentIconColor;
7
- @_sap_ui_table_RowSelection_CheckBoxBorderWidth: @sapUiFieldBorderWidth;
8
- @_sap_ui_table_RowSelection_CheckBoxBorderRadius: @sapUiFieldBorderCornerRadius;
9
- @_sap_ui_table_RowSelection_CheckBoxBorderRadiusCozy: @sapUiFieldBorderCornerRadius;
6
+ @_sap_ui_table_RowSelection_CheckBoxIconColor: var(--sapContent_IconColor);
7
+ @_sap_ui_table_RowSelection_CheckBoxBorderWidth: var(--sapField_BorderWidth);
8
+ @_sap_ui_table_RowSelection_CheckBoxBorderRadius: var(--sapField_BorderCornerRadius);
9
+ @_sap_ui_table_RowSelection_CheckBoxBorderRadiusCozy: var(--sapField_BorderCornerRadius);
@@ -4,6 +4,7 @@
4
4
  /* ================================== */
5
5
 
6
6
  ._sap_ui_table_Scrolling_NativeScrollbarDesktop() {
7
+
7
8
  &::-webkit-scrollbar-thumb:vertical {
8
9
  border-left-width: 0.25rem !important;
9
10
  border-right-width: 0.25rem !important;
@@ -7,11 +7,11 @@
7
7
  @_sap_ui_table_Table_TableHeaderBorderWidth: 3px;
8
8
 
9
9
  ._sap_ui_table_Table_TitleContainer() {
10
- border-bottom: 3px solid @sapUiListHeaderBorderColor;
10
+ border-bottom: 3px solid var(--sapList_HeaderBorderColor);
11
11
  }
12
12
 
13
13
  ._sap_ui_table_Table_ExtensionContainer() {
14
- border-bottom: @_sap_ui_table_BaseBorderWidth solid @sapUiListHeaderBorderColor;
14
+ border-bottom: @_sap_ui_table_BaseBorderWidth solid var(--sapList_HeaderBorderColor);
15
15
  padding: 0.125rem;
16
16
  }
17
17
 
@@ -3,8 +3,8 @@
3
3
  /* Horizon High Contrast White theme */
4
4
  /* ================================== */
5
5
 
6
- @_sap_ui_table_Cell_FocusOutlineOffset: calc(-@sapUiContentFocusWidth ~"- 0.0625rem");
7
- @_sap_ui_table_Cell_BorderColorSelected: @sapUiListSelectionBorderColor;
6
+ @_sap_ui_table_Cell_FocusOutlineOffset: ~"calc((var(--sapContent_FocusWidth) * -1) - 0.0625rem)";
7
+ @_sap_ui_table_Cell_BorderColorSelected: var(--sapList_SelectionBorderColor);
8
8
  @_sap_ui_table_Cell_DummyBorderColor: @sapUiListTableFixedBorder;
9
9
 
10
10
  .sapUiTableGroupMode .sapUiTableCell.sapUiTableRowSelectionCell {
@@ -15,8 +15,9 @@
15
15
  * Focus outline in Condensed mode
16
16
  */
17
17
  .sapUiSizeCondensed .sapUiTableCell:focus {
18
+
18
19
  &::before {
19
- outline: 0.0625rem @sapUiContentFocusStyle @sapUiContentFocusColor;
20
+ outline: 0.0625rem var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
20
21
  outline-offset: -1px;
21
22
  }
22
23
  }
@@ -3,4 +3,4 @@
3
3
  /* Horizon High Contrast White theme */
4
4
  /* ================================== */
5
5
 
6
- @_sap_ui_table_DragDrop_ColumnDnDHighlightColor: @sapUiContentDragAndDropActiveColor;
6
+ @_sap_ui_table_DragDrop_ColumnDnDHighlightColor: var(--sapContent_DragAndDropActiveColor);
@@ -3,5 +3,5 @@
3
3
  /* Horizon High Contrast White theme */
4
4
  /* ================================== */
5
5
 
6
- @_sap_ui_table_Row_ColorHovered: @sapUiContentContrastTextColor;
7
- @_sap_ui_table_Row_NavigationIndicatorColor: @sapUiListSelectionBorderColor;
6
+ @_sap_ui_table_Row_ColorHovered: var(--sapContent_ContrastTextColor);
7
+ @_sap_ui_table_Row_NavigationIndicatorColor: var(--sapList_SelectionBorderColor);
@@ -3,4 +3,4 @@
3
3
  /* Horizon High Contrast White theme */
4
4
  /* ================================== */
5
5
 
6
- @_sap_ui_table_RowHighlight_InformationColor: @sapUiAccent6;
6
+ @_sap_ui_table_RowHighlight_InformationColor: var(--sapAccentColor6);
@@ -3,7 +3,7 @@
3
3
  /* Horizon High Contrast White theme */
4
4
  /* ================================== */
5
5
 
6
- @_sap_ui_table_RowSelection_CheckBoxIconColor: @sapUiContentIconColor;
7
- @_sap_ui_table_RowSelection_CheckBoxBorderWidth: @sapUiFieldBorderWidth;
8
- @_sap_ui_table_RowSelection_CheckBoxBorderRadius: @sapUiFieldBorderCornerRadius;
9
- @_sap_ui_table_RowSelection_CheckBoxBorderRadiusCozy: @sapUiFieldBorderCornerRadius;
6
+ @_sap_ui_table_RowSelection_CheckBoxIconColor: var(--sapContent_IconColor);
7
+ @_sap_ui_table_RowSelection_CheckBoxBorderWidth: var(--sapField_BorderWidth);
8
+ @_sap_ui_table_RowSelection_CheckBoxBorderRadius: var(--sapField_BorderCornerRadius);
9
+ @_sap_ui_table_RowSelection_CheckBoxBorderRadiusCozy: var(--sapField_BorderCornerRadius);
@@ -4,6 +4,7 @@
4
4
  /* ================================== */
5
5
 
6
6
  ._sap_ui_table_Scrolling_NativeScrollbarDesktop() {
7
+
7
8
  &::-webkit-scrollbar-thumb:vertical {
8
9
  border-left-width: 0.25rem !important;
9
10
  border-right-width: 0.25rem !important;
@@ -7,11 +7,11 @@
7
7
  @_sap_ui_table_Table_TableHeaderBorderWidth: 3px;
8
8
 
9
9
  ._sap_ui_table_Table_TitleContainer() {
10
- border-bottom: 3px solid @sapUiListHeaderBorderColor;
10
+ border-bottom: 3px solid var(--sapList_HeaderBorderColor);
11
11
  }
12
12
 
13
13
  ._sap_ui_table_Table_ExtensionContainer() {
14
- border-bottom: @_sap_ui_table_BaseBorderWidth solid @sapUiListHeaderBorderColor;
14
+ border-bottom: @_sap_ui_table_BaseBorderWidth solid var(--sapList_HeaderBorderColor);
15
15
  padding: 0.125rem;
16
16
  }
17
17
 
@@ -5,6 +5,7 @@
5
5
 
6
6
  .sapUxAPObjectPageLayout-Std-Desktop .sapUxAPObjectPageSubSectionHeader {
7
7
  padding-left: 2rem;
8
+ padding-right: 2rem;
8
9
  }
9
10
 
10
11
  .sapUiSizeCompact .sapUxAPObjectPageSectionHeader,
@@ -46,7 +46,7 @@
46
46
  // =====================================
47
47
 
48
48
  // Page Sub Section Focus - Experimental
49
- .sapUxAPObjectPageSubSection:focus {
49
+ .sapUxAPObjectPageSubSectionFocusable:focus {
50
50
  outline: 2px solid @sapUiContentFocusColor;
51
51
  outline-offset: -0.1875rem;
52
52
  }
@@ -5,6 +5,7 @@
5
5
 
6
6
  .sapUxAPObjectPageLayout-Std-Desktop .sapUxAPObjectPageSubSectionHeader {
7
7
  padding-left: 2rem;
8
+ padding-right: 2rem;
8
9
  }
9
10
 
10
11
  .sapUiSizeCompact .sapUxAPObjectPageSectionHeader,
@@ -53,7 +53,7 @@
53
53
  // =====================================
54
54
 
55
55
  // Page Sub Section Focus - Experimental
56
- .sapUxAPObjectPageSubSection:focus {
56
+ .sapUxAPObjectPageSubSectionFocusable:focus {
57
57
  outline: 2px solid @sapUiContentFocusColor;
58
58
  outline-offset: -0.1875rem;
59
59
  }
@@ -5,6 +5,7 @@
5
5
 
6
6
  .sapUxAPObjectPageLayout-Std-Desktop .sapUxAPObjectPageSubSectionHeader {
7
7
  padding-left: 2rem;
8
+ padding-right: 2rem;
8
9
  }
9
10
 
10
11
  .sapUiSizeCompact .sapUxAPObjectPageSectionHeader,
@@ -14,7 +14,7 @@
14
14
  text-transform: uppercase;
15
15
  }
16
16
 
17
- .sapUxAPObjectPageSubSection:focus {
17
+ .sapUxAPObjectPageSubSectionFocusable:focus {
18
18
  outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
19
19
  outline-offset: -0.1875rem;
20
20
  }
@@ -5,6 +5,7 @@
5
5
 
6
6
  .sapUxAPObjectPageLayout-Std-Desktop .sapUxAPObjectPageSubSectionHeader {
7
7
  padding-left: 2rem;
8
+ padding-right: 2rem;
8
9
  }
9
10
 
10
11
  .sapUiSizeCompact .sapUxAPObjectPageSectionHeader,
@@ -14,7 +14,7 @@
14
14
  text-transform: uppercase;
15
15
  }
16
16
 
17
- .sapUxAPObjectPageSubSection:focus {
17
+ .sapUxAPObjectPageSubSectionFocusable:focus {
18
18
  outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
19
19
  outline-offset: -0.1875rem;
20
20
  }
@@ -1,5 +0,0 @@
1
- Unless specified below, all files in the tz code and data (including
2
- this LICENSE file) are in the public domain.
3
-
4
- If the files date.c, newstrftime.3, and strftime.c are present, they
5
- contain material derived from BSD and use the BSD 3-clause license.
@@ -1,28 +0,0 @@
1
- /* ======================================== */
2
- /* CSS for control sap.f.cards/BaseHeader */
3
- /* Horizon High Contrast Black theme */
4
- /* ======================================== */
5
-
6
- .sapFCardHeader.sapFCardSectionClickable {
7
- &:hover {
8
- .sapFCardNumericIndicatorsMain {
9
- .sapMNCValue,
10
- .sapMNCIndicator,
11
- .sapMNCScale,
12
- .sapMNCIndIcon {
13
- color: @sapUiContentContrastTextColor;
14
- }
15
- }
16
- }
17
-
18
- &:active {
19
- .sapFCardNumericIndicatorsMain {
20
- .sapMNCValue,
21
- .sapMNCIndicator,
22
- .sapMNCScale,
23
- .sapMNCIndIcon {
24
- color: @sapUiContentContrastTextColor;
25
- }
26
- }
27
- }
28
- }