@openui5/themelib_sap_horizon 1.142.1 → 1.143.1

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 (40) hide show
  1. package/package.json +18 -18
  2. package/src/sap/m/themes/sap_horizon/SliderTooltip.less +7 -3
  3. package/src/sap/m/themes/sap_horizon_dark/GenericTile.less +0 -11
  4. package/src/sap/m/themes/sap_horizon_dark/SliderTooltip.less +7 -3
  5. package/src/sap/m/themes/sap_horizon_hcb/SliderTooltip.less +4 -5
  6. package/src/sap/m/themes/sap_horizon_hcw/SliderTooltip.less +4 -5
  7. package/src/sap/tnt/themes/sap_horizon/NavigationList.less +8 -8
  8. package/src/sap/tnt/themes/sap_horizon/ToolPage.less +7 -7
  9. package/src/sap/tnt/themes/sap_horizon_dark/NavigationList.less +7 -7
  10. package/src/sap/tnt/themes/sap_horizon_dark/ToolPage.less +4 -4
  11. package/src/sap/tnt/themes/sap_horizon_hcb/NavigationList.less +7 -7
  12. package/src/sap/tnt/themes/sap_horizon_hcb/ToolPage.less +8 -8
  13. package/src/sap/tnt/themes/sap_horizon_hcw/NavigationList.less +7 -7
  14. package/src/sap/tnt/themes/sap_horizon_hcw/ToolPage.less +4 -4
  15. package/src/sap/ui/codeeditor/themes/sap_horizon_hcb/CodeEditor.less +5 -6
  16. package/src/sap/ui/codeeditor/themes/sap_horizon_hcw/CodeEditor.less +5 -6
  17. package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
  18. package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
  19. package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
  20. package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
  21. package/src/sap/ui/rta/themes/sap_horizon_hcb/ChangeVisualization.less +2 -0
  22. package/src/sap/ui/rta/themes/sap_horizon_hcb/Toolbar.adaptation.less +1 -1
  23. package/src/sap/ui/rta/themes/sap_horizon_hcw/ChangeVisualization.less +2 -0
  24. package/src/sap/ui/rta/themes/sap_horizon_hcw/Toolbar.adaptation.less +1 -1
  25. package/src/sap/ui/unified/themes/sap_horizon/CalendarLegend.less +11 -9
  26. package/src/sap/ui/unified/themes/sap_horizon/CalendarRow.less +36 -42
  27. package/src/sap/ui/unified/themes/sap_horizon/FileUploader.less +6 -31
  28. package/src/sap/ui/unified/themes/sap_horizon/Menu.less +22 -16
  29. package/src/sap/ui/unified/themes/sap_horizon_dark/CalendarLegend.less +9 -7
  30. package/src/sap/ui/unified/themes/sap_horizon_dark/CalendarRow.less +35 -42
  31. package/src/sap/ui/unified/themes/sap_horizon_dark/FileUploader.less +5 -30
  32. package/src/sap/ui/unified/themes/sap_horizon_dark/Menu.less +19 -14
  33. package/src/sap/ui/unified/themes/sap_horizon_hcb/CalendarLegend.less +6 -3
  34. package/src/sap/ui/unified/themes/sap_horizon_hcb/CalendarRow.less +44 -49
  35. package/src/sap/ui/unified/themes/sap_horizon_hcb/FileUploader.less +5 -30
  36. package/src/sap/ui/unified/themes/sap_horizon_hcb/Menu.less +23 -17
  37. package/src/sap/ui/unified/themes/sap_horizon_hcw/CalendarLegend.less +6 -3
  38. package/src/sap/ui/unified/themes/sap_horizon_hcw/CalendarRow.less +46 -50
  39. package/src/sap/ui/unified/themes/sap_horizon_hcw/FileUploader.less +5 -30
  40. package/src/sap/ui/unified/themes/sap_horizon_hcw/Menu.less +23 -17
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@openui5/themelib_sap_horizon",
3
- "version": "1.142.1",
3
+ "version": "1.143.1",
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/UI5/openui5.git"
15
15
  },
16
16
  "devDependencies": {
17
- "@openui5/sap.f": "1.142.1",
18
- "@openui5/sap.m": "1.142.1",
19
- "@openui5/sap.tnt": "1.142.1",
20
- "@openui5/sap.ui.codeeditor": "1.142.1",
21
- "@openui5/sap.ui.commons": "1.142.1",
22
- "@openui5/sap.ui.core": "1.142.1",
23
- "@openui5/sap.ui.dt": "1.142.1",
24
- "@openui5/sap.ui.fl": "1.142.1",
25
- "@openui5/sap.ui.mdc": "1.142.1",
26
- "@openui5/sap.ui.integration": "1.142.1",
27
- "@openui5/sap.ui.layout": "1.142.1",
28
- "@openui5/sap.ui.rta": "1.142.1",
29
- "@openui5/sap.ui.suite": "1.142.1",
30
- "@openui5/sap.ui.table": "1.142.1",
31
- "@openui5/sap.ui.unified": "1.142.1",
32
- "@openui5/sap.ui.ux3": "1.142.1",
33
- "@openui5/sap.uxap": "1.142.1"
17
+ "@openui5/sap.f": "1.143.1",
18
+ "@openui5/sap.m": "1.143.1",
19
+ "@openui5/sap.tnt": "1.143.1",
20
+ "@openui5/sap.ui.codeeditor": "1.143.1",
21
+ "@openui5/sap.ui.commons": "1.143.1",
22
+ "@openui5/sap.ui.core": "1.143.1",
23
+ "@openui5/sap.ui.dt": "1.143.1",
24
+ "@openui5/sap.ui.fl": "1.143.1",
25
+ "@openui5/sap.ui.mdc": "1.143.1",
26
+ "@openui5/sap.ui.integration": "1.143.1",
27
+ "@openui5/sap.ui.layout": "1.143.1",
28
+ "@openui5/sap.ui.rta": "1.143.1",
29
+ "@openui5/sap.ui.suite": "1.143.1",
30
+ "@openui5/sap.ui.table": "1.143.1",
31
+ "@openui5/sap.ui.unified": "1.143.1",
32
+ "@openui5/sap.ui.ux3": "1.143.1",
33
+ "@openui5/sap.uxap": "1.143.1"
34
34
  }
35
35
  }
package/src/sap/m/themes/sap_horizon/SliderTooltip.less CHANGED
@@ -5,10 +5,9 @@
5
5
 
6
6
  .sapMSliderTooltip {
7
7
  background: var(--sapField_Focus_Background);
8
- border-radius: 0.5rem;
8
+ border-radius: 0.0625rem;
9
9
  border: none;
10
10
  box-shadow: var(--sapContent_Shadow1);
11
- height: 1.375rem;
12
11
  min-width: 2rem;
13
12
  padding: 0.25rem;
14
13
  font-size: var(--sapFontSmallSize);
@@ -25,8 +24,13 @@
25
24
  }
26
25
 
27
26
  .sapMSliderTooltip.sapMSliderTooltipNonEditableWrapper {
28
- height: 0.875rem;
27
+ height: 1rem;
29
28
  padding: 0.25rem;
30
29
  font-size: var(--sapFontSmallSize);
31
30
  color: var(--sapContent_LabelColor);
31
+ background: var(--sapBackgroundColor);
32
+
33
+ .sapMSliderTooltipInput {
34
+ background: var(--sapBackgroundColor);
35
+ }
32
36
  }
package/src/sap/m/themes/sap_horizon_dark/GenericTile.less CHANGED
@@ -377,17 +377,6 @@ large.sapUiSizeCompact .sapMGT.sapMGTLineMode,
377
377
  }
378
378
  }
379
379
 
380
- .sapUshellSection {
381
-
382
- .sapMGT.TwoByOne {
383
- width: 23rem;
384
- }
385
-
386
- .sapMGT.TwoByHalf {
387
- width: 23rem;
388
- }
389
- }
390
-
391
380
  .sapMGT.TwoByOne {
392
381
  width: 22.5rem;
393
382
  }
package/src/sap/m/themes/sap_horizon_dark/SliderTooltip.less CHANGED
@@ -5,10 +5,9 @@
5
5
 
6
6
  .sapMSliderTooltip {
7
7
  background: var(--sapField_Focus_Background);
8
- border-radius: 0.5rem;
8
+ border-radius: 0.0625rem;
9
9
  border: none;
10
10
  box-shadow: var(--sapContent_Shadow1);
11
- height: 1.375rem;
12
11
  min-width: 2rem;
13
12
  padding: 0.25rem;
14
13
  font-size: var(--sapFontSmallSize);
@@ -26,8 +25,13 @@
26
25
  }
27
26
 
28
27
  .sapMSliderTooltip.sapMSliderTooltipNonEditableWrapper {
29
- height: 0.875rem;
28
+ height: 1rem;
30
29
  padding: 0.25rem;
31
30
  font-size: var(--sapFontSmallSize);
32
31
  color: var(--sapContent_LabelColor);
32
+ background: var(--sapBackgroundColor);
33
+
34
+ .sapMSliderTooltipInput {
35
+ background: var(--sapBackgroundColor);
36
+ }
33
37
  }
package/src/sap/m/themes/sap_horizon_hcb/SliderTooltip.less CHANGED
@@ -6,11 +6,10 @@
6
6
  /* Slider Tooltip styles */
7
7
 
8
8
  .sapMSliderTooltip {
9
- background: var(--sapField_Background);
10
- border-radius: var(--sapElement_BorderCornerRadius);
9
+ background: var(--sapBackgroundColor);
10
+ border-radius: 0.0625rem;
11
11
  border: 1px solid var(--sapField_BorderColor);
12
12
  box-shadow: none;
13
- height: 1.375rem;
14
13
  min-width: 2rem;
15
14
  padding: 0.25rem;
16
15
  font-size: var(--sapFontSmallSize);
@@ -32,8 +31,8 @@
32
31
  }
33
32
 
34
33
  .sapMSliderTooltip.sapMSliderTooltipNonEditableWrapper {
35
- border-radius: 0.25rem;
36
- height: 0.875rem;
34
+ border-radius: 0.0625rem;
35
+ height: 1rem;
37
36
  padding: 0.25rem;
38
37
  font-size: var(--sapFontSmallSize);
39
38
  color: var(--sapContent_LabelColor);
package/src/sap/m/themes/sap_horizon_hcw/SliderTooltip.less CHANGED
@@ -6,11 +6,10 @@
6
6
  /* Slider Tooltip styles */
7
7
 
8
8
  .sapMSliderTooltip {
9
- background: var(--sapField_Background);
10
- border-radius: var(--sapElement_BorderCornerRadius);
9
+ background: var(--sapBackgroundColor);
10
+ border-radius: 0.0625rem;
11
11
  border: 1px solid var(--sapField_BorderColor);
12
12
  box-shadow: none;
13
- height: 1.375rem;
14
13
  min-width: 2rem;
15
14
  padding: 0.25rem;
16
15
  font-size: var(--sapFontSmallSize);
@@ -32,8 +31,8 @@
32
31
  }
33
32
 
34
33
  .sapMSliderTooltip.sapMSliderTooltipNonEditableWrapper {
35
- border-radius: 0.25rem;
36
- height: 0.875rem;
34
+ border-radius: 0.0625rem;
35
+ height: 1rem;
37
36
  padding: 0.25rem;
38
37
  font-size: var(--sapFontSmallSize);
39
38
  color: var(--sapContent_LabelColor);
package/src/sap/tnt/themes/sap_horizon/NavigationList.less CHANGED
@@ -1,17 +1,17 @@
1
1
  /* ======================================= */
2
2
  /* CSS for control sap.tnt/NavigationList */
3
- /* Horizon theme */
3
+ /* Morning Horizon theme */
4
4
  /* ======================================= */
5
5
 
6
6
  @_sap_tnt_NavigationList_CollapsedWidth: 4rem;
7
- @_sap_tnt_NavigationList_IconColor: @sapUiListTextColor;
8
- @_sap_tnt_NavigationList_ExpandIconColor: @sapUiListTextColor;
7
+ @_sap_tnt_NavigationList_IconColor: var(--sapList_TextColor);
8
+ @_sap_tnt_NavigationList_ExpandIconColor: var(--sapList_TextColor);
9
9
  @_sap_tnt_NavigationList_GroupBorderStyleColor: none;
10
10
  @_sap_tnt_NavigationList_ItemHeight: 2.75rem;
11
11
  @_sap_tnt_NavigationList_ItemBorderRadius: 0.375rem;
12
12
  @_sap_tnt_NavigationList_ItemBottomMargin: 0.25rem;
13
13
  @_sap_tnt_NavigationList_ItemBottomMarginInOverflowPopup: 0.25rem;
14
- @_sap_tnt_NavigationList_ItemFocusBorderOffset: -@sapUiContentFocusWidth;
14
+ @_sap_tnt_NavigationList_ItemFocusBorderOffset: ~"calc(-1 * var(--sapContent_FocusWidth))";
15
15
  @_sap_tnt_NavigationList_ItemFocusBorderRadius: @_sap_tnt_NavigationList_ItemBorderRadius + @sapUiContentFocusWidth;
16
16
  @_sap_tnt_NavigationList_ItemTransition: background-color 0.3s ease-in-out, max-width 0.3s ease-in-out;
17
17
  @_sap_tnt_NavigationList_SelectedBorderStyleColor: none;
@@ -38,16 +38,16 @@
38
38
  @_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPaddingCompact: @_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPadding;
39
39
  @_sap_tnt_NavigationList_CollapsedIconPaddingLeft: 0.25rem;
40
40
  @_sap_tnt_NavigationList_CollapsedHiddenExpanderPadding: 1rem;
41
- @_sap_tnt_NavigationList_NavigationIndicator: "\E066";
41
+ @_sap_tnt_NavigationList_NavigationIndicator: '\E066';
42
42
  @_sap_tnt_NavigationList_ExpandIconWidth: 2.25rem;
43
43
  @_sap_tnt_NavigationList_ExpandIconMarginRight: 0.375rem;
44
44
  @_sap_tnt_NavigationList_ExpandIconMarginLeft: 0.25rem;
45
45
  @_sap_tnt_NavigationList_ExpandIconPaddingLeft: 0.25rem;
46
46
  @_sap_tnt_NavigationList_ExpandIconFontSize: 1rem;
47
- @_sap_tnt_NavigationList_Collapsed_SelectedItemBackground: ~"0 100% / 0.188rem 100%" no-repeat linear-gradient(0deg, @sapUiListHighlightColor, @sapUiListHighlightColor), @sapUiListSelectionBackgroundColor;
47
+ @_sap_tnt_NavigationList_Collapsed_SelectedItemBackground: ~"0 100% / 0.188rem 100%" no-repeat linear-gradient(0deg, @sapUiListHighlightColor, @sapUiListHighlightColor), var(--sapList_SelectionBackgroundColor);
48
48
  @_sap_tnt_NavigationList_Collapsed_SelectedItemBackgroundHover: @sapUiListSelectionHoverBackground;
49
- @_sap_tnt_NavigationList_Collapsed_SelectedItemBackgroundRTL: ~"100% 0 / 0.188rem 100%" no-repeat linear-gradient(0deg, @sapUiListHighlightColor, @sapUiListHighlightColor), @sapUiListSelectionBackgroundColor;
49
+ @_sap_tnt_NavigationList_Collapsed_SelectedItemBackgroundRTL: ~"100% 0 / 0.188rem 100%" no-repeat linear-gradient(0deg, @sapUiListHighlightColor, @sapUiListHighlightColor), var(--sapList_SelectionBackgroundColor);
50
50
  @_sap_tnt_NavigationList_ActionItemBorderHover: @_sap_tnt_NavigationList_ActionItemBorder;
51
51
  @_sap_tnt_NavigationList_ActionItemBorderPosition: -1px;
52
52
  @_sap_tnt_NavigationList_ActionItemBorderHeight: auto;
53
- @_sap_tnt_NavigationList_ActionItemBorderPaddingLeft: calc(@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPadding ~"-" 0.0625rem);
53
+ @_sap_tnt_NavigationList_ActionItemBorderPaddingLeft: calc(@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPadding ~"-" 0.0625rem);
package/src/sap/tnt/themes/sap_horizon/ToolPage.less CHANGED
@@ -1,14 +1,14 @@
1
- /* =================================== */
1
+ /* ================================= */
2
2
  /* CSS for control sap.tnt/ToolPage */
3
- /* Horizon theme */
4
- /* =================================== */
3
+ /* Morning Horizon theme */
4
+ /* ================================= */
5
5
 
6
- @_sap_tnt_ToolPage_ContentBackgroundStandard: @sapUiBaseBG;
7
- @_sap_tnt_ToolPage_ContentBackgroundSolid: @sapUiBaseBG;
6
+ @_sap_tnt_ToolPage_ContentBackgroundStandard: var(--sapBackgroundColor);
7
+ @_sap_tnt_ToolPage_ContentBackgroundSolid: var(--sapBackgroundColor);
8
8
  @_sap_tnt_ToolPage_ContentBackgroundTransparent: transparent;
9
- @_sap_tnt_ToolPage_ContentBackgroundList: @sapUiGroupContentBackground;
9
+ @_sap_tnt_ToolPage_ContentBackgroundList: var(--sapGroup_ContentBackground);
10
10
  @_sap_tnt_ToolPage_AsideCollapsedPhoneTransform: calc(~"-100% - 0.25rem");
11
11
  @_sap_tnt_ToolPage_AsideCollapsedPhoneTransformRtl: calc(~"100% + 0.25rem");
12
12
  @_sap_tnt_ToolPage_AsidePhoneTop: -0.4375rem;
13
13
  @_sap_tnt_ToolPage_AsidePhoneWidth: 100%;
14
- @_sap_tnt_ToolHeader_Shadow: @sapUiShellShadow;
14
+ @_sap_tnt_ToolHeader_Shadow: var(--sapShell_Shadow);
package/src/sap/tnt/themes/sap_horizon_dark/NavigationList.less CHANGED
@@ -4,14 +4,14 @@
4
4
  /* ======================================= */
5
5
 
6
6
  @_sap_tnt_NavigationList_CollapsedWidth: 4rem;
7
- @_sap_tnt_NavigationList_IconColor: @sapUiListTextColor;
8
- @_sap_tnt_NavigationList_ExpandIconColor: @sapUiListTextColor;
7
+ @_sap_tnt_NavigationList_IconColor: var(--sapList_TextColor);
8
+ @_sap_tnt_NavigationList_ExpandIconColor: var(--sapList_TextColor);
9
9
  @_sap_tnt_NavigationList_GroupBorderStyleColor: none;
10
10
  @_sap_tnt_NavigationList_ItemHeight: 2.75rem;
11
11
  @_sap_tnt_NavigationList_ItemBorderRadius: 0.375rem;
12
12
  @_sap_tnt_NavigationList_ItemBottomMargin: 0.25rem;
13
13
  @_sap_tnt_NavigationList_ItemBottomMarginInOverflowPopup: 0.25rem;
14
- @_sap_tnt_NavigationList_ItemFocusBorderOffset: -@sapUiContentFocusWidth;
14
+ @_sap_tnt_NavigationList_ItemFocusBorderOffset: ~"calc(-1 * var(--sapContent_FocusWidth))";
15
15
  @_sap_tnt_NavigationList_ItemFocusBorderRadius: @_sap_tnt_NavigationList_ItemBorderRadius + @sapUiContentFocusWidth;
16
16
  @_sap_tnt_NavigationList_ItemTransition: background-color 0.3s ease-in-out, max-width 0.3s ease-in-out;
17
17
  @_sap_tnt_NavigationList_SelectedBorderStyleColor: none;
@@ -38,16 +38,16 @@
38
38
  @_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPaddingCompact: @_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPadding;
39
39
  @_sap_tnt_NavigationList_CollapsedIconPaddingLeft: 0.25rem;
40
40
  @_sap_tnt_NavigationList_CollapsedHiddenExpanderPadding: 1rem;
41
- @_sap_tnt_NavigationList_NavigationIndicator: "\E066";
41
+ @_sap_tnt_NavigationList_NavigationIndicator: '\E066';
42
42
  @_sap_tnt_NavigationList_ExpandIconWidth: 2.25rem;
43
43
  @_sap_tnt_NavigationList_ExpandIconMarginRight: 0.375rem;
44
44
  @_sap_tnt_NavigationList_ExpandIconMarginLeft: 0.25rem;
45
45
  @_sap_tnt_NavigationList_ExpandIconPaddingLeft: 0.25rem;
46
46
  @_sap_tnt_NavigationList_ExpandIconFontSize: 1rem;
47
- @_sap_tnt_NavigationList_Collapsed_SelectedItemBackground: ~"0 100% / 0.188rem 100%" no-repeat linear-gradient(0deg, @sapUiListHighlightColor, @sapUiListHighlightColor), @sapUiListSelectionBackgroundColor;
47
+ @_sap_tnt_NavigationList_Collapsed_SelectedItemBackground: ~"0 100% / 0.188rem 100%" no-repeat linear-gradient(0deg, @sapUiListHighlightColor, @sapUiListHighlightColor), var(--sapList_SelectionBackgroundColor);
48
48
  @_sap_tnt_NavigationList_Collapsed_SelectedItemBackgroundHover: @sapUiListSelectionHoverBackground;
49
- @_sap_tnt_NavigationList_Collapsed_SelectedItemBackgroundRTL: ~"100% 0 / 0.188rem 100%" no-repeat linear-gradient(0deg, @sapUiListHighlightColor, @sapUiListHighlightColor), @sapUiListSelectionBackgroundColor;
49
+ @_sap_tnt_NavigationList_Collapsed_SelectedItemBackgroundRTL: ~"100% 0 / 0.188rem 100%" no-repeat linear-gradient(0deg, @sapUiListHighlightColor, @sapUiListHighlightColor), var(--sapList_SelectionBackgroundColor);
50
50
  @_sap_tnt_NavigationList_ActionItemBorderHover: @_sap_tnt_NavigationList_ActionItemBorder;
51
51
  @_sap_tnt_NavigationList_ActionItemBorderPosition: -1px;
52
52
  @_sap_tnt_NavigationList_ActionItemBorderHeight: auto;
53
- @_sap_tnt_NavigationList_ActionItemBorderPaddingLeft: calc(@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPadding ~"-" 0.0625rem);
53
+ @_sap_tnt_NavigationList_ActionItemBorderPaddingLeft: calc(@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPadding ~"-" 0.0625rem);
package/src/sap/tnt/themes/sap_horizon_dark/ToolPage.less CHANGED
@@ -3,12 +3,12 @@
3
3
  /* Evening Horizon theme */
4
4
  /* ================================= */
5
5
 
6
- @_sap_tnt_ToolPage_ContentBackgroundStandard: @sapUiBaseBG;
7
- @_sap_tnt_ToolPage_ContentBackgroundSolid: @sapUiBaseBG;
6
+ @_sap_tnt_ToolPage_ContentBackgroundStandard: var(--sapBackgroundColor);
7
+ @_sap_tnt_ToolPage_ContentBackgroundSolid: var(--sapBackgroundColor);
8
8
  @_sap_tnt_ToolPage_ContentBackgroundTransparent: transparent;
9
- @_sap_tnt_ToolPage_ContentBackgroundList: @sapUiGroupContentBackground;
9
+ @_sap_tnt_ToolPage_ContentBackgroundList: var(--sapGroup_ContentBackground);
10
10
  @_sap_tnt_ToolPage_AsideCollapsedPhoneTransform: calc(~"-100% - 0.25rem");
11
11
  @_sap_tnt_ToolPage_AsideCollapsedPhoneTransformRtl: calc(~"100% + 0.25rem");
12
12
  @_sap_tnt_ToolPage_AsidePhoneTop: -0.4375rem;
13
13
  @_sap_tnt_ToolPage_AsidePhoneWidth: 100%;
14
- @_sap_tnt_ToolHeader_Shadow: @sapUiShellShadow;
14
+ @_sap_tnt_ToolHeader_Shadow: var(--sapShell_Shadow);
package/src/sap/tnt/themes/sap_horizon_hcb/NavigationList.less CHANGED
@@ -4,19 +4,19 @@
4
4
  /* ======================================= */
5
5
 
6
6
  @_sap_tnt_NavigationList_CollapsedWidth: 4rem;
7
- @_sap_tnt_NavigationList_ExpandIconColor: @sapUiContentNonInteractiveIconColor;
7
+ @_sap_tnt_NavigationList_ExpandIconColor: var(--sapContent_NonInteractiveIconColor);
8
8
  @_sap_tnt_NavigationList_ItemHeight: 2.75rem;
9
- @_sap_tnt_NavigationList_ItemBorderStyleColor: solid @sapUiListBorderColor;
9
+ @_sap_tnt_NavigationList_ItemBorderStyleColor: solid var(--sapList_BorderColor);
10
10
  @_sap_tnt_NavigationList_ItemBorderWidth: 0 0 0.0625rem 0;
11
11
  @_sap_tnt_NavigationList_ItemFocusBorderOffset: 0;
12
12
  @_sap_tnt_NavigationList_LastItemBorderStyleColor: solid transparent;
13
- @_sap_tnt_NavigationList_HoverBorderStyleColor: solid @sapUiListSelectionBorderColor;
13
+ @_sap_tnt_NavigationList_HoverBorderStyleColor: solid var(--sapList_SelectionBorderColor);
14
14
  @_sap_tnt_NavigationList_HoverBorderWidth: 0.0625rem;
15
15
  @_sap_tnt_NavigationList_SelectedBorderWidth: 0.0625rem;
16
16
  @_sap_tnt_NavigationList_SelectedAndFocusedBorderStyleColor: none;
17
- @_sap_tnt_NavigationList_Collapsed_SelectedItemBackground: ~"0 100% / 0.188rem 100%" no-repeat linear-gradient(0deg, @sapUiListHighlightColor, @sapUiListHighlightColor), @sapUiListSelectionBackgroundColor;
17
+ @_sap_tnt_NavigationList_Collapsed_SelectedItemBackground: ~"0 100% / 0.188rem 100%" no-repeat linear-gradient(0deg, @sapUiListHighlightColor, @sapUiListHighlightColor), var(--sapList_SelectionBackgroundColor);
18
18
  @_sap_tnt_NavigationList_Collapsed_SelectedItemBackgroundHover: @sapUiListSelectionHoverBackground;
19
- @_sap_tnt_NavigationList_Collapsed_SelectedItemBackgroundRTL: ~"100% 0 / 0.188rem 100%" no-repeat linear-gradient(0deg, @sapUiListHighlightColor, @sapUiListHighlightColor), @sapUiListSelectionBackgroundColor;
19
+ @_sap_tnt_NavigationList_Collapsed_SelectedItemBackgroundRTL: ~"100% 0 / 0.188rem 100%" no-repeat linear-gradient(0deg, @sapUiListHighlightColor, @sapUiListHighlightColor), var(--sapList_SelectionBackgroundColor);
20
20
  @_sap_tnt_NavigationList_ItemBottomMargin: 0.25rem;
21
21
  @_sap_tnt_NavigationList_ItemBottomMarginInOverflowPopup: 0.25rem;
22
22
  @_sap_tnt_NavigationList_ParentItemBottomMarginInPopup: 0.5rem;
@@ -41,7 +41,7 @@
41
41
  @_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPaddingCompact: @_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPadding;
42
42
  @_sap_tnt_NavigationList_CollapsedIconPaddingLeft: 0.25rem;
43
43
  @_sap_tnt_NavigationList_CollapsedHiddenExpanderPadding: 1rem;
44
- @_sap_tnt_NavigationList_NavigationIndicator: "\E066";
44
+ @_sap_tnt_NavigationList_NavigationIndicator: '\E066';
45
45
  @_sap_tnt_NavigationList_ExpandIconWidth: 2.25rem;
46
46
  @_sap_tnt_NavigationList_ExpandIconMarginRight: 0.375rem;
47
47
  @_sap_tnt_NavigationList_ExpandIconMarginLeft: 0.25rem;
@@ -50,4 +50,4 @@
50
50
  @_sap_tnt_NavigationList_ActionItemBorderHover: 1px solid transparent;
51
51
  @_sap_tnt_NavigationList_ActionItemBorderPosition: -1px;
52
52
  @_sap_tnt_NavigationList_ActionItemBorderHeight: auto;
53
- @_sap_tnt_NavigationList_ActionItemBorderPaddingLeft: calc(@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPadding ~"-" 0.0625rem);
53
+ @_sap_tnt_NavigationList_ActionItemBorderPaddingLeft: calc(@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPadding ~"-" 0.0625rem);
package/src/sap/tnt/themes/sap_horizon_hcb/ToolPage.less CHANGED
@@ -1,13 +1,13 @@
1
- /* ================================= */
2
- /* CSS for control sap.tnt/ToolPage */
3
- /* Horizon HCB theme */
4
- /* ================================= */
1
+ /* ================================== */
2
+ /* CSS for control sap.tnt/ToolPage */
3
+ /* Horizon High Contrast Black theme */
4
+ /* ================================== */
5
5
 
6
- @_sap_tnt_ToolPage_Background: @sapUiBaseBG;
7
- @_sap_tnt_ToolPage_ContentBackgroundStandard: @sapUiBaseBG;
8
- @_sap_tnt_ToolPage_ContentBackgroundSolid: @sapUiBaseBG;
6
+ @_sap_tnt_ToolPage_Background: var(--sapBackgroundColor);
7
+ @_sap_tnt_ToolPage_ContentBackgroundStandard: var(--sapBackgroundColor);
8
+ @_sap_tnt_ToolPage_ContentBackgroundSolid: var(--sapBackgroundColor);
9
9
  @_sap_tnt_ToolPage_ContentBackgroundTransparent: transparent;
10
- @_sap_tnt_ToolPage_ContentBackgroundList: @sapUiGroupContentBackground;
10
+ @_sap_tnt_ToolPage_ContentBackgroundList: var(--sapGroup_ContentBackground);
11
11
  @_sap_tnt_ToolPage_AsideCollapsedPhoneTransform: calc(~"-100% - 0.25rem");
12
12
  @_sap_tnt_ToolPage_AsideCollapsedPhoneTransformRtl: calc(~"100% + 0.25rem");
13
13
  @_sap_tnt_ToolPage_AsidePhoneTop: -0.4375rem;
package/src/sap/tnt/themes/sap_horizon_hcw/NavigationList.less CHANGED
@@ -4,19 +4,19 @@
4
4
  /* ======================================= */
5
5
 
6
6
  @_sap_tnt_NavigationList_CollapsedWidth: 4rem;
7
- @_sap_tnt_NavigationList_ExpandIconColor: @sapUiContentNonInteractiveIconColor;
7
+ @_sap_tnt_NavigationList_ExpandIconColor: var(--sapContent_NonInteractiveIconColor);
8
8
  @_sap_tnt_NavigationList_ItemHeight: 2.75rem;
9
- @_sap_tnt_NavigationList_ItemBorderStyleColor: solid @sapUiListBorderColor;
9
+ @_sap_tnt_NavigationList_ItemBorderStyleColor: solid var(--sapList_BorderColor);
10
10
  @_sap_tnt_NavigationList_ItemBorderWidth: 0 0 0.0625rem 0;
11
11
  @_sap_tnt_NavigationList_ItemFocusBorderOffset: 0;
12
12
  @_sap_tnt_NavigationList_LastItemBorderStyleColor: solid transparent;
13
- @_sap_tnt_NavigationList_HoverBorderStyleColor: solid @sapUiListSelectionBorderColor;
13
+ @_sap_tnt_NavigationList_HoverBorderStyleColor: solid var(--sapList_SelectionBorderColor);
14
14
  @_sap_tnt_NavigationList_HoverBorderWidth: 0.0625rem;
15
15
  @_sap_tnt_NavigationList_SelectedBorderWidth: 0.0625rem;
16
16
  @_sap_tnt_NavigationList_SelectedAndFocusedBorderStyleColor: none;
17
- @_sap_tnt_NavigationList_Collapsed_SelectedItemBackground: ~"0 100% / 0.188rem 100%" no-repeat linear-gradient(0deg, @sapUiListHighlightColor, @sapUiListHighlightColor), @sapUiListSelectionBackgroundColor;
17
+ @_sap_tnt_NavigationList_Collapsed_SelectedItemBackground: ~"0 100% / 0.188rem 100%" no-repeat linear-gradient(0deg, @sapUiListHighlightColor, @sapUiListHighlightColor), var(--sapList_SelectionBackgroundColor);
18
18
  @_sap_tnt_NavigationList_Collapsed_SelectedItemBackgroundHover: @sapUiListSelectionHoverBackground;
19
- @_sap_tnt_NavigationList_Collapsed_SelectedItemBackgroundRTL: ~"100% 0 / 0.188rem 100%" no-repeat linear-gradient(0deg, @sapUiListHighlightColor, @sapUiListHighlightColor), @sapUiListSelectionBackgroundColor;
19
+ @_sap_tnt_NavigationList_Collapsed_SelectedItemBackgroundRTL: ~"100% 0 / 0.188rem 100%" no-repeat linear-gradient(0deg, @sapUiListHighlightColor, @sapUiListHighlightColor), var(--sapList_SelectionBackgroundColor);
20
20
  @_sap_tnt_NavigationList_ItemBottomMargin: 0.25rem;
21
21
  @_sap_tnt_NavigationList_ItemBottomMarginInOverflowPopup: 0.25rem;
22
22
  @_sap_tnt_NavigationList_ParentItemBottomMarginInPopup: 0.5rem;
@@ -41,7 +41,7 @@
41
41
  @_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPaddingCompact: @_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPadding;
42
42
  @_sap_tnt_NavigationList_CollapsedIconPaddingLeft: 0.25rem;
43
43
  @_sap_tnt_NavigationList_CollapsedHiddenExpanderPadding: 1rem;
44
- @_sap_tnt_NavigationList_NavigationIndicator: "\E066";
44
+ @_sap_tnt_NavigationList_NavigationIndicator: '\E066';
45
45
  @_sap_tnt_NavigationList_ExpandIconWidth: 2.25rem;
46
46
  @_sap_tnt_NavigationList_ExpandIconMarginRight: 0.375rem;
47
47
  @_sap_tnt_NavigationList_ExpandIconMarginLeft: 0.25rem;
@@ -50,4 +50,4 @@
50
50
  @_sap_tnt_NavigationList_ActionItemBorderHover: 1px solid transparent;
51
51
  @_sap_tnt_NavigationList_ActionItemBorderPosition: -1px;
52
52
  @_sap_tnt_NavigationList_ActionItemBorderHeight: auto;
53
- @_sap_tnt_NavigationList_ActionItemBorderPaddingLeft: calc(@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPadding ~"-" 0.0625rem);
53
+ @_sap_tnt_NavigationList_ActionItemBorderPaddingLeft: calc(@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPadding ~"-" 0.0625rem);
package/src/sap/tnt/themes/sap_horizon_hcw/ToolPage.less CHANGED
@@ -3,11 +3,11 @@
3
3
  /* Horizon High Contrast White theme */
4
4
  /* ================================== */
5
5
 
6
- @_sap_tnt_ToolPage_Background: @sapUiBaseBG;
7
- @_sap_tnt_ToolPage_ContentBackgroundStandard: @sapUiBaseBG;
8
- @_sap_tnt_ToolPage_ContentBackgroundSolid: @sapUiBaseBG;
6
+ @_sap_tnt_ToolPage_Background: var(--sapBackgroundColor);
7
+ @_sap_tnt_ToolPage_ContentBackgroundStandard: var(--sapBackgroundColor);
8
+ @_sap_tnt_ToolPage_ContentBackgroundSolid: var(--sapBackgroundColor);
9
9
  @_sap_tnt_ToolPage_ContentBackgroundTransparent: transparent;
10
- @_sap_tnt_ToolPage_ContentBackgroundList: @sapUiGroupContentBackground;
10
+ @_sap_tnt_ToolPage_ContentBackgroundList: var(--sapGroup_ContentBackground);
11
11
  @_sap_tnt_ToolPage_AsideCollapsedPhoneTransform: calc(~"-100% - 0.25rem");
12
12
  @_sap_tnt_ToolPage_AsideCollapsedPhoneTransformRtl: calc(~"100% + 0.25rem");
13
13
  @_sap_tnt_ToolPage_AsidePhoneTop: -0.4375rem;
package/src/sap/ui/codeeditor/themes/sap_horizon_hcb/CodeEditor.less CHANGED
@@ -1,9 +1,8 @@
1
- /*
2
- / ============================================ /
3
- / CSS for control sap.ui.codeeditor/CodeEditor /
4
- / Horizon High Contrast Black theme /
5
- / ============================================ /
6
- */
1
+ /* ============================================= */
2
+ /* CSS for control sap.ui.codeeditor/CodeEditor */
3
+ /* Horizon High Contrast Black theme */
4
+ /* ============================================= */
5
+
7
6
  .sapCEdThemeDefault .ace_editor {
8
7
  .ace_marker-layer .ace_selection {
9
8
  background: #292929;
package/src/sap/ui/codeeditor/themes/sap_horizon_hcw/CodeEditor.less CHANGED
@@ -1,9 +1,8 @@
1
- /*
2
- / ============================================ /
3
- / CSS for control sap.ui.codeeditor/CodeEditor /
4
- / Horizon High Contrast White theme /
5
- / ============================================ /
6
- */
1
+ /* ============================================= */
2
+ /* CSS for control sap.ui.codeeditor/CodeEditor */
3
+ /* Horizon High Contrast White theme */
4
+ /* ============================================= */
5
+
7
6
  .sapCEdThemeDefault .ace_editor {
8
7
  .ace_marker-layer .ace_selection {
9
8
  background: #EAECEE;
package/src/sap/ui/core/themes/sap_horizon/.theme CHANGED
@@ -6,7 +6,7 @@
6
6
  <copyright>OpenUI5
7
7
  * (c) Copyright 2025 SAP SE or an SAP affiliate company.
8
8
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
9
- <version>1.142.1</version>
9
+ <version>1.143.1</version>
10
10
 
11
11
  <documentation>SAPUI5 Horizon theme library.</documentation>
12
12
 
package/src/sap/ui/core/themes/sap_horizon_dark/.theme CHANGED
@@ -6,7 +6,7 @@
6
6
  <copyright>OpenUI5
7
7
  * (c) Copyright 2025 SAP SE or an SAP affiliate company.
8
8
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
9
- <version>1.142.1</version>
9
+ <version>1.143.1</version>
10
10
 
11
11
  <documentation>SAPUI5 Evening Horizon theme library.</documentation>
12
12
 
package/src/sap/ui/core/themes/sap_horizon_hcb/.theme CHANGED
@@ -6,7 +6,7 @@
6
6
  <copyright>OpenUI5
7
7
  * (c) Copyright 2025 SAP SE or an SAP affiliate company.
8
8
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
9
- <version>1.142.1</version>
9
+ <version>1.143.1</version>
10
10
 
11
11
  <documentation>SAPUI5 horizon high contrast black theme library.</documentation>
12
12
 
package/src/sap/ui/core/themes/sap_horizon_hcw/.theme CHANGED
@@ -6,7 +6,7 @@
6
6
  <copyright>OpenUI5
7
7
  * (c) Copyright 2025 SAP SE or an SAP affiliate company.
8
8
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
9
- <version>1.142.1</version>
9
+ <version>1.143.1</version>
10
10
 
11
11
  <documentation>SAPUI5 horizon high contrast white theme library.</documentation>
12
12
 
package/src/sap/ui/rta/themes/sap_horizon_hcb/ChangeVisualization.less CHANGED
@@ -11,6 +11,8 @@
11
11
  &:after {
12
12
  box-shadow: none;
13
13
  border-radius: @_sap_ui_rta_ChangeVisualization_BorderRadius;
14
+ outline-width: 0.125rem; //2px
15
+ outline-offset: -0.125rem; //2px
14
16
  }
15
17
  }
16
18
 
package/src/sap/ui/rta/themes/sap_horizon_hcb/Toolbar.adaptation.less CHANGED
@@ -22,7 +22,7 @@
22
22
  &.sapMSegBBtnFocusable {
23
23
  &:focus .sapMSegBBtnInner {
24
24
  outline-width: 0.125rem; //2px
25
- outline-offset: -0.125rem; //2px
25
+ outline-offset: -0.25rem; //-4px
26
26
  }
27
27
  }
28
28
 
package/src/sap/ui/rta/themes/sap_horizon_hcw/ChangeVisualization.less CHANGED
@@ -11,6 +11,8 @@
11
11
  &:after {
12
12
  box-shadow: none;
13
13
  border-radius: @_sap_ui_rta_ChangeVisualization_BorderRadius;
14
+ outline-width: 0.125rem; //2px
15
+ outline-offset: -0.125rem; //2px
14
16
  }
15
17
  }
16
18
 
package/src/sap/ui/rta/themes/sap_horizon_hcw/Toolbar.adaptation.less CHANGED
@@ -36,7 +36,7 @@
36
36
  &.sapMSegBBtnFocusable {
37
37
  &:focus .sapMSegBBtnInner {
38
38
  outline-width: 0.125rem; //2px
39
- outline-offset: -0.125rem; //2px
39
+ outline-offset: -0.25rem; //-4px
40
40
  }
41
41
  }
42
42
 
package/src/sap/ui/unified/themes/sap_horizon/CalendarLegend.less CHANGED
@@ -1,15 +1,15 @@
1
1
  /* ============================================== */
2
2
  /* CSS for control sap.ui.unified/CalendarLegend */
3
- /* Horizon theme */
3
+ /* Morning Horizon theme */
4
4
  /* ============================================== */
5
5
 
6
- .sapUiUnifiedLegend {
6
+ .sapUiUnifiedLegend {
7
7
  border-radius: 0.5rem;
8
8
  }
9
9
 
10
10
  .sapUiCalLegDayTypeNonWorking .sapUiUnifiedLegendSquare .sapUiUnifiedLegendSquareColor,
11
11
  .sapUiUnifiedLegendNonWorkingDay .sapUiUnifiedLegendSquare .sapUiUnifiedLegendSquareColor {
12
- background: @sapUiLegendNonWorkingBackground;
12
+ background: var(--sapLegend_NonWorkingBackground);
13
13
  }
14
14
 
15
15
  .sapUiUnifiedLegendSelected .sapUiUnifiedLegendSquare .sapUiUnifiedLegendSquareColor {
@@ -17,7 +17,7 @@
17
17
  border: 0.0625rem solid var(--sapList_SelectionBorderColor);
18
18
 
19
19
  &::after {
20
- content: "";
20
+ content: '';
21
21
  display: block;
22
22
  width: 0.25rem;
23
23
  height: 0.25rem;
@@ -34,15 +34,16 @@
34
34
 
35
35
  &:focus {
36
36
  outline: none;
37
+
37
38
  &::after {
38
- content: "";
39
+ content: '';
39
40
  position: absolute;
40
41
  box-sizing: border-box;
41
42
  left: 0.125rem;
42
43
  top: 0.125rem;
43
44
  right: 0.125rem;
44
45
  bottom: 0.125rem;
45
- border: @sapContent_FocusWidth @sapContent_FocusStyle @sapUiContentFocusColor;
46
+ border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
46
47
  border-radius: 0.25rem;
47
48
  pointer-events: none;
48
49
  }
@@ -55,11 +56,12 @@
55
56
 
56
57
  &:focus {
57
58
  outline: none;
59
+
58
60
  &::after {
59
- content: "";
61
+ content: '';
60
62
  position: absolute;
61
63
  box-sizing: border-box;
62
- border: @sapContent_FocusWidth @sapContent_FocusStyle @sapUiContentFocusColor;
64
+ border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
63
65
  border-radius: 0.25rem;
64
66
  pointer-events: none;
65
67
  inset: 0;
@@ -70,4 +72,4 @@
70
72
  .sapUiSizeCompact .sapUiUnifiedLegendSelected .sapUiUnifiedLegendSquare .sapUiUnifiedLegendSquareColor::after {
71
73
  inset-block-start: 0.625rem;
72
74
  inset-inline-start: 0.625rem;
73
- }
75
+ }