@openui5/themelib_sap_belize 1.102.1 → 1.102.2

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 (30) hide show
  1. package/package.json +18 -18
  2. package/src/sap/ui/core/themes/sap_belize/.theme +1 -1
  3. package/src/sap/ui/core/themes/sap_belize_hcb/.theme +1 -1
  4. package/src/sap/ui/core/themes/sap_belize_hcw/.theme +1 -1
  5. package/src/sap/ui/core/themes/sap_belize_plus/.theme +1 -1
  6. package/src/sap/ui/dt/themes/sap_belize/Overlay.less +1 -1
  7. package/src/sap/ui/dt/themes/sap_belize_hcb/ContextMenu.less +5 -9
  8. package/src/sap/ui/dt/themes/sap_belize_hcb/Overlay.less +2 -2
  9. package/src/sap/ui/dt/themes/sap_belize_hcw/library.source.less +1 -3
  10. package/src/sap/ui/rta/themes/sap_belize/Dialogs.less +1 -6
  11. package/src/sap/ui/rta/themes/sap_belize/Toolbar.adaptation.less +24 -2
  12. package/src/sap/ui/rta/themes/sap_belize/Toolbar.base.less +2 -32
  13. package/src/sap/ui/rta/themes/sap_belize/Toolbar.personalization.less +1 -1
  14. package/src/sap/ui/rta/themes/sap_belize/library.source.less +0 -1
  15. package/src/sap/ui/rta/themes/sap_belize_hcb/ChangeVisualization.less +15 -0
  16. package/src/sap/ui/rta/themes/sap_belize_hcb/Dialogs.less +9 -5
  17. package/src/sap/ui/rta/themes/sap_belize_hcb/Overlay.less +15 -2
  18. package/src/sap/ui/rta/themes/sap_belize_hcb/Toolbar.adaptation.less +2 -8
  19. package/src/sap/ui/rta/themes/sap_belize_hcb/Toolbar.base.less +5 -63
  20. package/src/sap/ui/rta/themes/sap_belize_hcb/Toolbar.personalization.less +2 -2
  21. package/src/sap/ui/rta/themes/sap_belize_hcb/library.source.less +2 -1
  22. package/src/sap/ui/rta/themes/sap_belize_hcw/ChangeVisualization.less +15 -0
  23. package/src/sap/ui/rta/themes/sap_belize_hcw/Dialogs.less +10 -5
  24. package/src/sap/ui/rta/themes/sap_belize_hcw/Overlay.less +14 -2
  25. package/src/sap/ui/rta/themes/sap_belize_hcw/Toolbar.adaptation.less +4 -8
  26. package/src/sap/ui/rta/themes/sap_belize_hcw/Toolbar.base.less +3 -68
  27. package/src/sap/ui/rta/themes/sap_belize_hcw/Toolbar.personalization.less +2 -5
  28. package/src/sap/ui/rta/themes/sap_belize_hcw/library.source.less +2 -1
  29. package/src/sap/ui/dt/themes/sap_belize_hcw/ContextMenu.less +0 -15
  30. package/src/sap/ui/rta/themes/sap_belize/ContextMenu.less +0 -51
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@openui5/themelib_sap_belize",
3
- "version": "1.102.1",
3
+ "version": "1.102.2",
4
4
  "description": "OpenUI5 Theme Library sap_belize",
5
5
  "author": "SAP SE (https://www.sap.com)",
6
6
  "license": "Apache-2.0",
@@ -14,22 +14,22 @@
14
14
  "url": "https://github.com/SAP/openui5.git"
15
15
  },
16
16
  "devDependencies": {
17
- "@openui5/sap.f": "1.102.1",
18
- "@openui5/sap.m": "1.102.1",
19
- "@openui5/sap.tnt": "1.102.1",
20
- "@openui5/sap.ui.codeeditor": "1.102.1",
21
- "@openui5/sap.ui.commons": "1.102.1",
22
- "@openui5/sap.ui.core": "1.102.1",
23
- "@openui5/sap.ui.dt": "1.102.1",
24
- "@openui5/sap.ui.fl": "1.102.1",
25
- "@openui5/sap.ui.mdc": "1.102.1",
26
- "@openui5/sap.ui.integration": "1.102.1",
27
- "@openui5/sap.ui.layout": "1.102.1",
28
- "@openui5/sap.ui.rta": "1.102.1",
29
- "@openui5/sap.ui.suite": "1.102.1",
30
- "@openui5/sap.ui.table": "1.102.1",
31
- "@openui5/sap.ui.unified": "1.102.1",
32
- "@openui5/sap.ui.ux3": "1.102.1",
33
- "@openui5/sap.uxap": "1.102.1"
17
+ "@openui5/sap.f": "1.102.2",
18
+ "@openui5/sap.m": "1.102.2",
19
+ "@openui5/sap.tnt": "1.102.2",
20
+ "@openui5/sap.ui.codeeditor": "1.102.2",
21
+ "@openui5/sap.ui.commons": "1.102.2",
22
+ "@openui5/sap.ui.core": "1.102.2",
23
+ "@openui5/sap.ui.dt": "1.102.2",
24
+ "@openui5/sap.ui.fl": "1.102.2",
25
+ "@openui5/sap.ui.mdc": "1.102.2",
26
+ "@openui5/sap.ui.integration": "1.102.2",
27
+ "@openui5/sap.ui.layout": "1.102.2",
28
+ "@openui5/sap.ui.rta": "1.102.2",
29
+ "@openui5/sap.ui.suite": "1.102.2",
30
+ "@openui5/sap.ui.table": "1.102.2",
31
+ "@openui5/sap.ui.unified": "1.102.2",
32
+ "@openui5/sap.ui.ux3": "1.102.2",
33
+ "@openui5/sap.uxap": "1.102.2"
34
34
  }
35
35
  }
package/src/sap/ui/core/themes/sap_belize/.theme CHANGED
@@ -6,7 +6,7 @@
6
6
  <copyright>OpenUI5
7
7
  * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
8
8
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
9
- <version>1.102.1</version>
9
+ <version>1.102.2</version>
10
10
 
11
11
  <documentation>SAPUI5 belize theme library.</documentation>
12
12
 
package/src/sap/ui/core/themes/sap_belize_hcb/.theme CHANGED
@@ -6,7 +6,7 @@
6
6
  <copyright>OpenUI5
7
7
  * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
8
8
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
9
- <version>1.102.1</version>
9
+ <version>1.102.2</version>
10
10
 
11
11
  <documentation>SAPUI5 belize high contrast black theme library.</documentation>
12
12
 
package/src/sap/ui/core/themes/sap_belize_hcw/.theme CHANGED
@@ -6,7 +6,7 @@
6
6
  <copyright>OpenUI5
7
7
  * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
8
8
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
9
- <version>1.102.1</version>
9
+ <version>1.102.2</version>
10
10
 
11
11
  <documentation>SAPUI5 belize high contrast white theme library.</documentation>
12
12
 
package/src/sap/ui/core/themes/sap_belize_plus/.theme CHANGED
@@ -6,7 +6,7 @@
6
6
  <copyright>OpenUI5
7
7
  * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
8
8
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
9
- <version>1.102.1</version>
9
+ <version>1.102.2</version>
10
10
 
11
11
  <documentation>SAPUI5 belize plus theme library.</documentation>
12
12
 
package/src/sap/ui/dt/themes/sap_belize/Overlay.less CHANGED
@@ -1,4 +1,4 @@
1
1
  /******************************************************************
2
2
  Style of the DT Overlays - sap_belize Theme
3
3
  *******************************************************************/
4
- @_sap_ui_dt_Overlay_CuttedColor: @sapUiPageHeaderBackground; //#eff4f9;
4
+ @_sap_ui_dt_Overlay_CuttedColor: @sapUiPageHeaderBackground; //#eff4f9;
package/src/sap/ui/dt/themes/sap_belize_hcb/ContextMenu.less CHANGED
@@ -1,17 +1,13 @@
1
1
  /******************************************************************
2
2
  Style of the DT Contextmenu - sap_belize_hcb Theme
3
3
  *******************************************************************/
4
- @_sap_ui_dt_ContextMenu_BoxShadowColor: @sapUiNeutralElement; //#ffffff
5
4
 
6
5
  .sapUiDtContextMenu {
7
-
8
- &.sapMPopoverArr, .sapMPopoverArr {
9
- &:after {
10
- box-shadow: 0 0 0 1px @_sap_ui_dt_ContextMenu_BoxShadowColor;
11
- border: none;
6
+ .sapUiMnuLst {
7
+ .sapUiMnuItm {
8
+ &.sapUiMnuItmDsbl {
9
+ opacity: 1;
10
+ }
12
11
  }
13
12
  }
14
- .sapMBtn.sapMBtnDisabled {
15
- opacity: 1.0;
16
- }
17
13
  }
package/src/sap/ui/dt/themes/sap_belize_hcb/Overlay.less CHANGED
@@ -4,5 +4,5 @@
4
4
  @_sap_ui_dt_Overlay_FocusColor: fade(@sapUiNeutralBorder, 80%); //rgba(255, 255, 255, 0.8)
5
5
  @_sap_ui_dt_Overlay_TargetZoneColor: @sapUiContentHelpColor; //#03b803
6
6
  @_sap_ui_dt_Overlay_SelectionColor: @sapUiNeutralElement; //#ffffff
7
- @_sap_ui_dt_Overlay_CuttedColor: @sapUiHcReducedAltForeground; // #999
8
- @_sap_ui_dt_Overlay_HighlightColor : @sapUiWarningBorder; // #ffab1d
7
+ @_sap_ui_dt_Overlay_CuttedColor: @sapUiHcReducedAltForeground; // #999
8
+ @_sap_ui_dt_Overlay_HighlightColor: @sapUiWarningBorder; // #ffab1d
package/src/sap/ui/dt/themes/sap_belize_hcw/library.source.less CHANGED
@@ -6,6 +6,4 @@
6
6
 
7
7
  @import "../base/library.source.less";
8
8
  @import "../../../../../sap/ui/core/themes/sap_belize_hcw/base.less";
9
- @import "../../../../../sap/ui/core/themes/sap_belize_hcw/global.less";
10
-
11
- @import "ContextMenu.less";
9
+ @import "../../../../../sap/ui/core/themes/sap_belize_hcw/global.less";
package/src/sap/ui/rta/themes/sap_belize/Dialogs.less CHANGED
@@ -2,9 +2,4 @@
2
2
  Style of Dialogs shown in RTA - sap_belize Theme
3
3
  *******************************************************************/
4
4
  @_sap_ui_rta_Dialogs_BorderLightColor: @sapUiInvertedElement; //#fff
5
- @_sap_ui_rta_Dialogs_BorderDarkColor: darken(@sapUiShellTextColor,8); //#2F3C48
6
-
7
- .sapMDialog.sapUiRTABorder {
8
- border: 0.1875rem solid @_sap_ui_rta_Dialogs_BorderLightColor;
9
- border-image: repeating-linear-gradient( -45deg, @_sap_ui_rta_Dialogs_BorderDarkColor, @_sap_ui_rta_Dialogs_BorderDarkColor 5px, @_sap_ui_rta_Dialogs_BorderLightColor 5px, @_sap_ui_rta_Dialogs_BorderLightColor 10px) 4;
10
- }
5
+ @_sap_ui_rta_Dialogs_BorderDarkColor: darken(@sapUiShellTextColor, 8); //#2F3C48
package/src/sap/ui/rta/themes/sap_belize/Toolbar.adaptation.less CHANGED
@@ -1,5 +1,27 @@
1
1
  /******************************************************************
2
2
  Style of the RTA Toolbar (type: adaptation) - sap_belize Theme
3
3
  *******************************************************************/
4
- @_sap_ui_rta_Toolbar_Adaptation_BaseColor: darken(@sapUiShellTextColor,8); //#2F3C48
5
- @_sap_ui_rta_Toolbar_Adaptation_TextColor: @sapUiContentContrastTextColor; //#fff
4
+ @_sap_ui_rta_Toolbar_Adaptation_BaseColor: darken(@sapUiShellTextColor, 8); //#2F3C48
5
+ @_sap_ui_rta_Toolbar_Adaptation_TextColor: @sapUiContentContrastTextColor; //#fff
6
+ @_sap_ui_rta_Toolbar_Adaptation_BtnFocusBorder: @sapUiContentContrastTextColor; //#fff
7
+ @_sap_ui_rta_Toolbar_Adaptation_BtnHoverText: @sapUiSelected; //#427cac
8
+ @_sap_ui_rta_Toolbar_Adaptation_SegBBtnHoverTextColor: @sapUiContentContrastTextColor; //fff
9
+ @_sap_ui_rta_Toolbar_Adaptation_SegBBtnHoverBG: @sapUiSelected; //#427cac
10
+ @_sap_ui_rta_Toolbar_Adaptation_DraftVersionColor: lighten(@sapUiCriticalText, 15%); //#f9af41
11
+ @_sap_ui_rta_Toolbar_Adaptation_ActiveVersionColor: @sapUiContentSearchHighlightColor; //#d4f7db
12
+
13
+ .sapUiRtaMode {
14
+ .sapUiRtaToolbar.sapUiRtaToolbarAdaptation {
15
+ .sapMBtn {
16
+ &.sapMBtnDisabled .sapMBtnInner {
17
+ opacity: 1.0;
18
+ }
19
+ }
20
+
21
+ .sapMSegBBtn.sapMSegBBtnFocusable {
22
+ &:hover .sapMSegBBtnInner {
23
+ background-color: @_sap_ui_rta_Toolbar_Adaptation_SegBBtnHoverBG;
24
+ }
25
+ }
26
+ }
27
+ }
package/src/sap/ui/rta/themes/sap_belize/Toolbar.base.less CHANGED
@@ -2,35 +2,5 @@
2
2
  Style of the RTA Toolbar (all types) - sap_belize Theme
3
3
  *******************************************************************/
4
4
  @_sap_ui_rta_Toolbar_Base_TextColor: @sapUiContentContrastTextColor; //#fff
5
- @_sap_ui_rta_Toolbar_Base_BaseColor: darken(@sapUiShellTextColor,8); //#2F3C48
6
-
7
- .sapUiRtaMode {
8
- .sapUiRtaToolbar {
9
- background-color: @_sap_ui_rta_Toolbar_Base_BaseColor;
10
- height: 3rem; //48px
11
-
12
- .sapMBtn {
13
- &.sapMBtnDisabled .sapMBtnInner {
14
- opacity: 1.0;
15
- }
16
- }
17
- }
18
- }
19
-
20
- .sapUiSizeCozy {
21
- .sapUiRtaToolbar {
22
- .sapMSegBBtn.sapMSegBBtnFocusable.sapMSegBBtnSel {
23
- & .sapMSegBBtnInner:after {
24
- left: 1rem; //16px
25
- right: 1rem; //16px
26
- }
27
- }
28
- }
29
- }
30
-
31
- .sapUiRtaToolbar .sapMBtn:hover:not(.sapMBtnDisabled) > .sapMBtnHoverable.sapMBtnTransparent:not(.sapMBtnActive):not(.sapMToggleBtnPressed) > .sapMBtnIcon,
32
- .sapUiRtaToolbar *.sapMBtn:hover:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnTransparent:not(.sapMBtnActive):not(.sapMToggleBtnPressed) > .sapMBtnIcon,
33
- .sapUiRtaToolbar :not(.sapMBtnDisabled):not(.sapMSBActive) > span.sapMBtnInner.sapMBtnTransparent:not(.sapMBtnActive):not(.sapMToggleBtnPressed):hover > .sapMBtnIcon,
34
- .sapUiRtaToolbar .sapMBtn:hover > .sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) bdi {
35
- color: @_sap_ui_rta_Toolbar_Base_TextColor;
36
- }
5
+ @_sap_ui_rta_Toolbar_Base_BaseColor: darken(@sapUiShellTextColor, 8); //#2F3C48
6
+ @_sap_ui_rta_Toolbar_Base_BaseBG: darken(@sapUiShellTextColor, 8); //#2F3C48
package/src/sap/ui/rta/themes/sap_belize/Toolbar.personalization.less CHANGED
@@ -1,4 +1,4 @@
1
1
  /******************************************************************
2
2
  Style of the Personalization Toolbar - sap_belize Theme
3
3
  *******************************************************************/
4
- @_sap_ui_rta_Toolbar_Personalization_BaseColor: darken(@sapUiShellTextColor,8); //#2F3C48
4
+ @_sap_ui_rta_Toolbar_Personalization_BaseColor: darken(@sapUiShellTextColor, 8); //#2F3C48
package/src/sap/ui/rta/themes/sap_belize/library.source.less CHANGED
@@ -7,7 +7,6 @@
7
7
  @import "../../../../../sap/ui/core/themes/sap_belize/base.less";
8
8
  @import "../../../../../sap/ui/core/themes/sap_belize/global.less";
9
9
  @import "Overlay.less";
10
- @import "ContextMenu.less";
11
10
  @import "Dialogs.less";
12
11
  @import "Toolbar.personalization.less";
13
12
  @import "Toolbar.adaptation.less";
package/src/sap/ui/rta/themes/sap_belize_hcb/ChangeVisualization.less ADDED
@@ -0,0 +1,15 @@
1
+ /******************************************************************
2
+ Style of the RTA Change Visualization - HCB theme
3
+ *******************************************************************/
4
+ @_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorLight: lighten(@sapUiPositiveText, 10%); //#bbddbb
5
+ @_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorMedium: @sapUiCriticalText; //#ffab1d
6
+ @_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorDark: lighten(@sapUiChart8, 20%); //#dd8ec9
7
+ @_sap_ui_rta_ChangeVisualization_OverlayOutline: @sapUiContentHelpColor; // #03b803
8
+
9
+ .sapUiDtOverlay {
10
+ .sapUiRtaChangeIndicatorHovered {
11
+ &:after {
12
+ box-shadow: none;
13
+ }
14
+ }
15
+ }
package/src/sap/ui/rta/themes/sap_belize_hcb/Dialogs.less CHANGED
@@ -1,12 +1,16 @@
1
1
  /******************************************************************
2
2
  Style of Dialogs shown in RTA - sap_belize_3_hcb Theme
3
3
  *******************************************************************/
4
- @_sap_ui_rta_Dialogs_Border_LightColor: @sapUiNeutralElement; //#ffffff
5
- @_sap_ui_rta_Dialogs_Border_DarkColor: @sapUiNeutralBG; //#000000
4
+ @_sap_ui_rta_Dialogs_BorderLightColor: @sapUiNeutralElement; //#ffffff
5
+ @_sap_ui_rta_Dialogs_BorderDarkColor: @sapUiNeutralBG; //#000000
6
6
  @_sap_ui_rta_Dialogs_BoxShadowColor: fade(@sapUiNeutralElement, 80%); //rgba(255, 255, 255, 0.8)
7
7
 
8
8
  .sapMDialog.sapUiRTABorder {
9
- border: 0.1875rem solid @_sap_ui_rta_Dialogs_Border_LightColor; //3px
10
- border-image: repeating-linear-gradient( -45deg, @_sap_ui_rta_Dialogs_Border_DarkColor, @_sap_ui_rta_Dialogs_Border_DarkColor 5px, @_sap_ui_rta_Dialogs_Border_LightColor 5px, @_sap_ui_rta_Dialogs_Border_LightColor 10px) 4;
11
- box-shadow: 0 10px 64px 0 @_sap_ui_rta_Dialogs_BoxShadowColor, 0 0 10px -2px @_sap_ui_rta_Dialogs_Border_LightColor;
9
+ box-shadow: 0 0.625rem 4rem 0 @_sap_ui_rta_Dialogs_BoxShadowColor, 0 0 0.625rem -0.125rem @_sap_ui_rta_Dialogs_BorderLightColor;
10
+ }
11
+
12
+ .sapUiRtaPopover {
13
+ &.sapMPopover, .sapMPopover {
14
+ box-shadow: 0 0.625rem 4rem 0 @_sap_ui_rta_Dialogs_BoxShadowColor, 0 0 0.625rem -0.125rem @_sap_ui_rta_Dialogs_BorderLightColor;
15
+ }
12
16
  }
package/src/sap/ui/rta/themes/sap_belize_hcb/Overlay.less CHANGED
@@ -5,6 +5,8 @@
5
5
  @_sap_ui_rta_Overlay_BoxShadowColor: @sapUiNeutralBG; //#000
6
6
  @_sap_ui_rta_Overlay_ShellBG: @sapUiNeutralBG; //#000
7
7
  @_sap_ui_rta_Overlay_HoverBorder: @sapUiNeutralElement; //#fff
8
+ @_sap_ui_rta_Overlay_PlaceholderBG: @sapUiContentDisabledTextColor; //#666
9
+
8
10
 
9
11
  .sapUiRta {
10
12
  .sapUiDtOverlayTargetZone {
@@ -13,6 +15,14 @@
13
15
  box-shadow: none;
14
16
  }
15
17
  }
18
+
19
+ .sapUiDtOverlayDropZone {
20
+ > .sapUiDtOverlayChildren {
21
+ > .sapUiRtaOverlayPlaceholder {
22
+ opacity: 0.7;
23
+ }
24
+ }
25
+ }
16
26
  }
17
27
 
18
28
  .sapUiRta:not(.sapUiRtaVisualizationMode) {
@@ -25,6 +35,7 @@
25
35
  box-shadow: none;
26
36
  }
27
37
  }
38
+
28
39
  .sapUiDtOverlay {
29
40
  &:focus {
30
41
  outline: none;
@@ -38,6 +49,7 @@
38
49
  }
39
50
  }
40
51
  }
52
+
41
53
  .sapUiDtOverlaySelected {
42
54
  transition: none;
43
55
  box-shadow: none;
@@ -48,9 +60,10 @@
48
60
  box-shadow: 0 0 0 4px @_sap_ui_rta_Overlay_BoxShadowColor inset;
49
61
  }
50
62
  }
51
- &.sapUiRtaOverlayHover{
63
+
64
+ &.sapUiRtaOverlayHover {
52
65
  &:after {
53
- border: 0.125rem solid @_sap_ui_rta_Overlay_BorderColor!important; //2px
66
+ border: 0.125rem solid @_sap_ui_rta_Overlay_BorderColor !important; //2px
54
67
  outline-offset: -0.25rem; //4px
55
68
  }
56
69
  }
package/src/sap/ui/rta/themes/sap_belize_hcb/Toolbar.adaptation.less CHANGED
@@ -3,11 +3,5 @@
3
3
  *******************************************************************/
4
4
  @_sap_ui_rta_Toolbar_Adaptation_BaseColor: @sapUiNeutralBG; //#000000
5
5
  @_sap_ui_rta_Toolbar_Adaptation_TextColor: @sapUiNeutralElement; //#ffffff
6
- @_sap_ui_rta_Toolbar_Adaptation_BoxShadow_DarkColor: fade(@sapUiNeutralElement, 80%); //rgba(255, 255, 255, 0.8)
7
- @_sap_ui_rta_Toolbar_Adaptation_BoxShadow_LightColor: @sapUiNeutralElement; //#ffffff
8
-
9
- .sapUiRtaMode {
10
- .sapUiRtaToolbar.sapUiRtaToolbarAdaptation {
11
- box-shadow: 0 10px 32px 0 @_sap_ui_rta_Toolbar_Adaptation_BoxShadow_DarkColor, 0 0 10px -2px @_sap_ui_rta_Toolbar_Adaptation_BoxShadow_LightColor;
12
- }
13
- }
6
+ @_sap_ui_rta_Toolbar_Adaptation_DraftVersionColor: @sapUiCriticalText; //#ffab1d
7
+ @_sap_ui_rta_Toolbar_Adaptation_ActiveVersionColor: @sapUiContentHelpColor; //#03b803
package/src/sap/ui/rta/themes/sap_belize_hcb/Toolbar.base.less CHANGED
@@ -3,71 +3,13 @@
3
3
  *******************************************************************/
4
4
  @_sap_ui_rta_Toolbar_Base_BaseColor: @sapUiNeutralBG; //#000000
5
5
  @_sap_ui_rta_Toolbar_Base_TextColor: @sapUiNeutralElement; //#ffffff
6
- @_sap_ui_rta_Toolbar_Base_HoverColor: @sapUiHcHighlightBackground; //#7a5100
6
+ @_sap_ui_rta_Toolbar_Base_BoxShadow_DarkColor: fade(@sapUiNeutralElement, 80%); //rgba(255, 255, 255, 0.8)
7
+ @_sap_ui_rta_Toolbar_Base_BoxShadow_LightColor: @sapUiNeutralElement; //#ffffff
8
+ @_sap_ui_rta_Toolbar_Base_BaseBG: @sapUiNeutralBG; //#000000
7
9
 
8
10
  .sapUiRtaMode {
9
-
10
- .sapUiRtaToolbar {
11
-
12
- .sapMSegBBtn.sapMSegBBtnFocusable {
13
-
14
- &:hover .sapMSegBBtnInner,
15
- &.sapMSegBBtnSel:hover .sapMSegBBtnInner {
16
- background-color: @_sap_ui_rta_Toolbar_Base_HoverColor;
17
- color: @_sap_ui_rta_Toolbar_Base_TextColor;
18
- }
19
-
20
- &.sapMSegBBtnSel:hover .sapMSegBBtnInner::after {
21
- border-bottom: 0.125rem solid @_sap_ui_rta_Toolbar_Base_TextColor; //2px
22
- }
23
-
24
- &:focus .sapMSegBBtnInner {
25
- outline: 0.125rem dotted @_sap_ui_rta_Toolbar_Base_TextColor; //2px
26
- outline-offset: -0.0625rem; //1px
27
- }
28
- }
29
-
30
- .sapMSegBBtnFocusable.sapMBtnActive:hover {
31
- .sapMSegBBtnInner {
32
- background-color: @_sap_ui_rta_Toolbar_Base_BaseColor;
33
- }
34
-
35
- & .sapMSegBBtnInner::after {
36
- border-bottom: 0.125rem solid @_sap_ui_rta_Toolbar_Base_TextColor; //2px
37
- }
38
- }
39
-
40
- .sapMSegB .sapMSegBBtn.sapMSegBtnLastVisibleButton:not(.sapMSegBBtnDis) .sapMSegBBtnInner {
41
- border-right: none;
42
- }
43
-
44
- .sapMSegBBtnFocusable:active + .sapMSegBBtn.sapMSegBtnLastVisibleButton .sapMSegBBtnInner,
45
- .sapMSegBBtnFocusable:focus + .sapMSegBBtn.sapMSegBtnLastVisibleButton .sapMSegBBtnInner {
46
- border-left: none;
47
- }
48
- .sapMBtn:focus > .sapMFocusable {
49
- outline: 0.125rem dotted @sapUiWhite; //2px
50
- border-color: transparent;
51
- }
52
- .sapUiRtaToolbarSwitcherSection {
53
- .sapMSegBBtn:hover {
54
- .sapUiIcon,
55
- &.sapMSegBBtnSel .sapMSegBBtnInner .sapUiIcon {
56
- color: @_sap_ui_rta_Toolbar_Base_TextColor;
57
- }
58
- }
59
- }
60
- }
61
- }
62
-
63
- .sapUiSizeCozy{
64
11
  .sapUiRtaToolbar {
65
- .sapMSegBBtn.sapMSegBBtnFocusable {
66
- &:focus {
67
- .sapMSegBBtnInner {
68
- outline-offset: -0.25rem; //4px
69
- }
70
- }
71
- }
12
+ box-shadow: 0 0.625rem 2rem 0 @_sap_ui_rta_Toolbar_Base_BoxShadow_DarkColor,
13
+ 0 0 0.625rem -0.125rem @_sap_ui_rta_Toolbar_Base_BoxShadow_LightColor; //10px 32px 10px 2px
72
14
  }
73
15
  }
package/src/sap/ui/rta/themes/sap_belize_hcb/Toolbar.personalization.less CHANGED
@@ -2,8 +2,8 @@
2
2
  Style of the RTA Toolbar (type: personalization) - sap_belize_hcb Theme
3
3
  *****************************************************************************/
4
4
  @_sap_ui_rta_Toolbar_Personalization_BaseColor: @sapUiNeutralBG; //#000000
5
- @_sap_ui_rta_Toolbar_Personalization_TopBorder: @sapUiShellBorderColor; // #fff
5
+ @_sap_ui_rta_Toolbar_Personalization_BorderColor: @sapUiShellBorderColor; // #fff
6
6
 
7
7
  .sapUiRtaToolbar.type_personalization {
8
- border-top: @_sap_ui_rta_Toolbar_Personalization_TopBorder 0.0625rem solid; //1px
8
+ border-top: @_sap_ui_rta_Toolbar_Personalization_BorderColor 0.125rem solid;
9
9
  }
package/src/sap/ui/rta/themes/sap_belize_hcb/library.source.less CHANGED
@@ -14,4 +14,5 @@
14
14
  @import "FieldRepository.less";
15
15
  @import "Toolbar.base.less";
16
16
  @import "Toolbar.personalization.less";
17
- @import "Toolbar.adaptation.less";
17
+ @import "Toolbar.adaptation.less";
18
+ @import "ChangeVisualization.less";
package/src/sap/ui/rta/themes/sap_belize_hcw/ChangeVisualization.less ADDED
@@ -0,0 +1,15 @@
1
+ /******************************************************************
2
+ Style of the RTA Change Visualization - Quartz hcw theme
3
+ *******************************************************************/
4
+ @_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorLight: @sapUiPositiveText; //#006362
5
+ @_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorMedium: @sapUiActive; //#ec8b46
6
+ @_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorDark: lighten(@sapUiChart8, 20%); //#e52faa
7
+ @_sap_ui_rta_ChangeVisualization_OverlayOutline: @sapUiIndication5; //#004ccb
8
+
9
+ .sapUiDtOverlay {
10
+ .sapUiRtaChangeIndicatorHovered {
11
+ &:after {
12
+ box-shadow: none;
13
+ }
14
+ }
15
+ }
package/src/sap/ui/rta/themes/sap_belize_hcw/Dialogs.less CHANGED
@@ -1,12 +1,17 @@
1
1
  /******************************************************************
2
2
  Style of Dialogs shown in RTA - sap_belize_hcw Theme
3
3
  *******************************************************************/
4
- @_sap_ui_rta_Dialogs_Border_LightColor: @sapUiNeutralBG; //#ffffff
5
- @_sap_ui_rta_Dialogs_Border_DarkColor: @sapUiNeutralElement; //#000000
4
+ @_sap_ui_rta_Dialogs_BorderLightColor: @sapUiNeutralBG; //#ffffff
5
+ @_sap_ui_rta_Dialogs_BorderDarkColor: @sapUiNeutralElement; //#000000
6
6
  @_sap_ui_rta_Dialogs_BoxShadowColor: fade(@sapUiNeutralElement, 50%); //rgba(0, 0, 0, 0.5)
7
7
 
8
8
  .sapMDialog.sapUiRTABorder {
9
- border: 0.1875rem solid @_sap_ui_rta_Dialogs_Border_LightColor; //3px
10
- border-image: repeating-linear-gradient( -45deg, @_sap_ui_rta_Dialogs_Border_DarkColor, @_sap_ui_rta_Dialogs_Border_DarkColor 5px, @_sap_ui_rta_Dialogs_Border_LightColor 5px, @_sap_ui_rta_Dialogs_Border_LightColor 10px) 4;
11
- box-shadow: 0 10px 64px 0 @_sap_ui_rta_Dialogs_BoxShadowColor, 0 0 10px -4px @_sap_ui_rta_Dialogs_Border_DarkColor;
9
+ box-shadow: 0 0.625rem 4rem 0 @_sap_ui_rta_Dialogs_BoxShadowColor, 0 0 0.625rem -0.125rem @_sap_ui_rta_Dialogs_BorderLightColor;
10
+ }
11
+
12
+ .sapUiRtaPopover {
13
+ &.sapMPopover, .sapMPopover {
14
+ box-shadow: 0 0.625rem 4rem 0 @_sap_ui_rta_Dialogs_BoxShadowColor, 0 0 0.625rem -0.125rem @_sap_ui_rta_Dialogs_BorderLightColor;
15
+
16
+ }
12
17
  }
package/src/sap/ui/rta/themes/sap_belize_hcw/Overlay.less CHANGED
@@ -13,6 +13,14 @@
13
13
  box-shadow: none;
14
14
  }
15
15
  }
16
+
17
+ .sapUiDtOverlayDropZone {
18
+ > .sapUiDtOverlayChildren {
19
+ > .sapUiRtaOverlayPlaceholder {
20
+ opacity: 0.7;
21
+ }
22
+ }
23
+ }
16
24
  }
17
25
 
18
26
  .sapUiRta:not(.sapUiRtaVisualizationMode) {
@@ -25,6 +33,7 @@
25
33
  outline-offset: -0.125rem; //2px
26
34
  }
27
35
  }
36
+
28
37
  .sapUiDtOverlay {
29
38
  &:focus {
30
39
  outline: none;
@@ -38,6 +47,7 @@
38
47
  }
39
48
  }
40
49
  }
50
+
41
51
  .sapUiDtOverlaySelected {
42
52
  transition: none;
43
53
  box-shadow: none;
@@ -46,16 +56,18 @@
46
56
  border: 0.125rem solid @_sap_ui_rta_Overlay_BorderColor; //2px
47
57
  outline: none;
48
58
  }
59
+
49
60
  &.sapUiDtOverlayFocusable {
50
61
  &:focus {
51
62
  /* Same trick as described above but doubled thickness */
52
63
  box-shadow: 0 0 0 4px @_sap_ui_rta_Overlay_BoxShadowColor inset;
53
64
  }
54
65
  }
66
+
55
67
  &.sapUiRtaOverlayHover {
56
68
  &:after {
57
- border: 0.125rem solid @_sap_ui_rta_Overlay_BorderColor!important; //2px
58
- outline: 0.125rem dotted @_sap_ui_rta_Overlay_BorderColor!important; //2px
69
+ border: 0.125rem solid @_sap_ui_rta_Overlay_BorderColor !important; //2px
70
+ outline: 0.125rem dotted @_sap_ui_rta_Overlay_BorderColor !important; //2px
59
71
  outline-offset: -0.25rem; //4px
60
72
  transition: none;
61
73
  box-shadow: none;
package/src/sap/ui/rta/themes/sap_belize_hcw/Toolbar.adaptation.less CHANGED
@@ -3,11 +3,7 @@
3
3
  *******************************************************************/
4
4
  @_sap_ui_rta_Toolbar_Adaptation_BaseColor: @sapUiNeutralBG; //#ffffff
5
5
  @_sap_ui_rta_Toolbar_Adaptation_TextColor: @sapUiNeutralElement; //#000000
6
- @_sap_ui_rta_Toolbar_Adaptation_BoxShadow_DarkColor: fade(@sapUiNeutralElement, 80%); //rgba(0, 0, 0, 0.8)
7
- @_sap_ui_rta_Toolbar_Adaptation_BoxShadow_LightColor: @sapUiNeutralElement; //#000
8
-
9
- .sapUiRtaMode {
10
- .sapUiRtaToolbar.sapUiRtaToolbarAdaptation {
11
- box-shadow: 0 10px 32px 0 @_sap_ui_rta_Toolbar_Adaptation_BoxShadow_DarkColor, 0 0 10px -2px @_sap_ui_rta_Toolbar_Adaptation_BoxShadow_LightColor;
12
- }
13
- }
6
+ @_sap_ui_rta_Toolbar_Adaptation_BtnFocusBorder: @sapUiNeutralElement; //#000000
7
+ @_sap_ui_rta_Toolbar_Adaptation_FocusOutlineCol: @sapUiNeutralBorder; //#000000
8
+ @_sap_ui_rta_Toolbar_Adaptation_DraftVersionColor: darken(@sapUiActive, 19%); //#be5a13
9
+ @_sap_ui_rta_Toolbar_Adaptation_ActiveVersionColor: @sapUiContentHelpColor; //#006500
package/src/sap/ui/rta/themes/sap_belize_hcw/Toolbar.base.less CHANGED
@@ -3,71 +3,6 @@
3
3
  *******************************************************************/
4
4
  @_sap_ui_rta_Toolbar_Base_BaseColor: @sapUiNeutralBG; //#ffffff
5
5
  @_sap_ui_rta_Toolbar_Base_TextColor: @sapUiNeutralElement; //#000000
6
- @_sap_ui_rta_Toolbar_Base_HoverColor: @sapUiHcHighlightBackground; //#7a5100
7
-
8
- .sapUiRtaMode {
9
-
10
- .sapUiRtaToolbar {
11
-
12
- .sapMSegBBtn.sapMSegBBtnFocusable {
13
-
14
- &:hover .sapMSegBBtnInner,
15
- &.sapMSegBBtnSel:hover .sapMSegBBtnInner {
16
- background-color: @_sap_ui_rta_Toolbar_Base_HoverColor;
17
- color: @_sap_ui_rta_Toolbar_Base_TextColor;
18
- }
19
-
20
- &.sapMSegBBtnSel:hover .sapMSegBBtnInner::after {
21
- border-bottom: 0.125rem solid @_sap_ui_rta_Toolbar_Base_TextColor; //2px
22
- }
23
-
24
- &:focus .sapMSegBBtnInner {
25
- outline: 0.125rem dotted @_sap_ui_rta_Toolbar_Base_TextColor; //2px
26
- outline-offset: -0.0625rem; //1px
27
- }
28
- }
29
-
30
- .sapMSegBBtnFocusable.sapMBtnActive:hover {
31
- .sapMSegBBtnInner {
32
- background-color: @_sap_ui_rta_Toolbar_Base_BaseColor;
33
- }
34
-
35
- & .sapMSegBBtnInner::after {
36
- border-bottom: 0.125rem solid @_sap_ui_rta_Toolbar_Base_TextColor; //2px
37
- }
38
- }
39
-
40
- .sapMSegB .sapMSegBBtn.sapMSegBtnLastVisibleButton:not(.sapMSegBBtnDis) .sapMSegBBtnInner {
41
- border-right: none;
42
- }
43
-
44
- .sapMSegBBtnFocusable:active + .sapMSegBBtn.sapMSegBtnLastVisibleButton .sapMSegBBtnInner,
45
- .sapMSegBBtnFocusable:focus + .sapMSegBBtn.sapMSegBtnLastVisibleButton .sapMSegBBtnInner {
46
- border-left: none;
47
- }
48
- .sapMBtn:focus > .sapMFocusable {
49
- outline: 0.125rem dotted @_sap_ui_rta_Toolbar_Base_TextColor; //2px
50
- border-color: transparent;
51
- }
52
- .sapUiRtaToolbarSwitcherSection {
53
- .sapMSegBBtn:hover {
54
- .sapUiIcon,
55
- &.sapMSegBBtnSel .sapMSegBBtnInner .sapUiIcon {
56
- color: @_sap_ui_rta_Toolbar_Base_TextColor;
57
- }
58
- }
59
- }
60
- }
61
- }
62
-
63
- .sapUiSizeCozy{
64
- .sapUiRtaToolbar {
65
- .sapMSegBBtn.sapMSegBBtnFocusable {
66
- &:focus {
67
- .sapMSegBBtnInner {
68
- outline-offset: -0.25rem; //4px
69
- }
70
- }
71
- }
72
- }
73
- }
6
+ @_sap_ui_rta_Toolbar_Base_BoxShadow_DarkColor: fade(@sapUiNeutralElement, 80%); //rgba(0, 0, 0, 0.8)
7
+ @_sap_ui_rta_Toolbar_Base_BoxShadow_LightColor: @sapUiNeutralBG; //#ffffff
8
+ @_sap_ui_rta_Toolbar_Base_BaseBG: @sapUiNeutralBG; //#ffffff
package/src/sap/ui/rta/themes/sap_belize_hcw/Toolbar.personalization.less CHANGED
@@ -3,11 +3,8 @@
3
3
  *****************************************************************************/
4
4
  @_sap_ui_rta_Toolbar_Personalization_BaseColor: @sapUiNeutralBG; //#ffffff
5
5
  @_sap_ui_rta_Toolbar_Personalization_TextColor: @sapUiShellBorderColor; //#000
6
+ @_sap_ui_rta_Toolbar_Personalization_BorderColor: @sapUiShellBorderColor; // #000
6
7
 
7
8
  .sapUiRtaToolbar.type_personalization {
8
- border-top: @_sap_ui_rta_Toolbar_Personalization_TextColor 0.0625rem solid; //1px
9
- .sapMBtn .sapMBtnTransparent.sapMBtnInner .sapMBtnContent {
10
- font-weight: bold;
11
- text-shadow: none;
12
- }
9
+ border-top: @_sap_ui_rta_Toolbar_Personalization_BorderColor 0.125rem solid;
13
10
  }
package/src/sap/ui/rta/themes/sap_belize_hcw/library.source.less CHANGED
@@ -13,4 +13,5 @@
13
13
  @import "Overlay.less";
14
14
  @import "ContextMenu.less";
15
15
  @import "Dialogs.less";
16
- @import "FieldRepository.less";
16
+ @import "FieldRepository.less";
17
+ @import "ChangeVisualization.less";
package/src/sap/ui/dt/themes/sap_belize_hcw/ContextMenu.less DELETED
@@ -1,15 +0,0 @@
1
- /******************************************************************
2
- Style of the DT Contextmenu - sap_belize_hcw Theme
3
- *******************************************************************/
4
- @_sap_ui_dt_ContextMenu_BoxShadowColor: @sapUiNeutralBG; //000
5
-
6
- .sapUiDtContextMenu {
7
-
8
- &.sapMPopoverArr, .sapMPopoverArr {
9
- &:after {
10
- box-shadow: 0 0 0 1px @_sap_ui_dt_ContextMenu_BoxShadowColor;
11
- border: none;
12
- margin: -0.375rem 0 0 0.125rem; //-6px 0 0 2px
13
- }
14
- }
15
- }
package/src/sap/ui/rta/themes/sap_belize/ContextMenu.less DELETED
@@ -1,51 +0,0 @@
1
- /******************************************************************
2
- Style of the RTA Contextmenu - sap_belize Theme
3
- *******************************************************************/
4
- @_sap_ui_rta_ContextMenu_Border_LightColor: @sapUiInvertedElement; //#fff
5
- @_sap_ui_rta_ContextMenu_Border_DarkColor: darken(@sapUiShellTextColor,8); //#2F3C48
6
-
7
- .sapUiRtaMode {
8
-
9
- .sapUiDtContextMenu {
10
-
11
- &.sapMPopover, .sapMPopover {
12
- border: 0.125rem solid @_sap_ui_rta_ContextMenu_Border_LightColor; //2px
13
- border-image: repeating-linear-gradient( -45deg, @_sap_ui_rta_ContextMenu_Border_DarkColor, @_sap_ui_rta_ContextMenu_Border_DarkColor 4px, @_sap_ui_rta_ContextMenu_Border_LightColor 4px, @_sap_ui_rta_ContextMenu_Border_LightColor 6px) 4;
14
- box-shadow: 0 10px 20px fade(black, 19), 0 6px 6px fade(black, 23), 0 0 0 1px fade(white, 20), 0 1px 0 0 fade(white, 20);
15
- }
16
-
17
- &.sapMPopoverArr, .sapMPopoverArr {
18
- width: 2rem; //32px
19
- height: 2rem; //32px
20
- bottom: -2rem; //32px
21
- left: 0.25rem !important; //4px
22
- &:after {
23
- box-shadow: 6px -6px 12px 0 fade(black,30), 0 0 0 1px fade(white,20);
24
- border: 0.125rem solid @_sap_ui_rta_ContextMenu_Border_LightColor; //2px
25
- border-image: repeating-linear-gradient( -50deg, @_sap_ui_rta_ContextMenu_Border_DarkColor, @_sap_ui_rta_ContextMenu_Border_DarkColor 3px, @_sap_ui_rta_ContextMenu_Border_LightColor 3px, @_sap_ui_rta_ContextMenu_Border_LightColor 5px) 4;
26
- width: 1rem; //16px
27
- height: 1rem; //16px
28
- margin: -0.65rem 0 0 0.35rem; //10px 6px
29
- }
30
- &.sapMPopoverArrUp {
31
- height: 1rem; //16px
32
- top: -1rem; //16px
33
- &:after {
34
- box-shadow: -6px 6px 12px 0 fade(black,30), 0 0 0 1px fade(white,20);
35
- margin: 0.35rem 0 0 0.35rem; //6px 6px
36
- }
37
- }
38
- }
39
-
40
- &.sapMBtn:focus:not(:hover) > .sapMFocusable,
41
- .sapMBtn:focus:not(:hover) > .sapMFocusable {
42
- border: 0.0625rem dotted; //1px
43
- }
44
-
45
- &.sapMBtn:focus > .sapMFocusable,
46
- .sapMBtn:focus > .sapMFocusable {
47
- outline: none;
48
- border: 0.0625rem solid; //1px
49
- }
50
- }
51
- }