@openui5/themelib_sap_horizon 1.136.4 → 1.136.6

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@openui5/themelib_sap_horizon",
3
- "version": "1.136.4",
3
+ "version": "1.136.6",
4
4
  "description": "OpenUI5 Theme Library sap_horizon",
5
5
  "author": "SAP SE (https://www.sap.com)",
6
6
  "license": "Apache-2.0",
@@ -14,22 +14,22 @@
14
14
  "url": "https://github.com/SAP/openui5.git"
15
15
  },
16
16
  "devDependencies": {
17
- "@openui5/sap.f": "1.136.4",
18
- "@openui5/sap.m": "1.136.4",
19
- "@openui5/sap.tnt": "1.136.4",
20
- "@openui5/sap.ui.codeeditor": "1.136.4",
21
- "@openui5/sap.ui.commons": "1.136.4",
22
- "@openui5/sap.ui.core": "1.136.4",
23
- "@openui5/sap.ui.dt": "1.136.4",
24
- "@openui5/sap.ui.fl": "1.136.4",
25
- "@openui5/sap.ui.mdc": "1.136.4",
26
- "@openui5/sap.ui.integration": "1.136.4",
27
- "@openui5/sap.ui.layout": "1.136.4",
28
- "@openui5/sap.ui.rta": "1.136.4",
29
- "@openui5/sap.ui.suite": "1.136.4",
30
- "@openui5/sap.ui.table": "1.136.4",
31
- "@openui5/sap.ui.unified": "1.136.4",
32
- "@openui5/sap.ui.ux3": "1.136.4",
33
- "@openui5/sap.uxap": "1.136.4"
17
+ "@openui5/sap.f": "1.136.6",
18
+ "@openui5/sap.m": "1.136.6",
19
+ "@openui5/sap.tnt": "1.136.6",
20
+ "@openui5/sap.ui.codeeditor": "1.136.6",
21
+ "@openui5/sap.ui.commons": "1.136.6",
22
+ "@openui5/sap.ui.core": "1.136.6",
23
+ "@openui5/sap.ui.dt": "1.136.6",
24
+ "@openui5/sap.ui.fl": "1.136.6",
25
+ "@openui5/sap.ui.mdc": "1.136.6",
26
+ "@openui5/sap.ui.integration": "1.136.6",
27
+ "@openui5/sap.ui.layout": "1.136.6",
28
+ "@openui5/sap.ui.rta": "1.136.6",
29
+ "@openui5/sap.ui.suite": "1.136.6",
30
+ "@openui5/sap.ui.table": "1.136.6",
31
+ "@openui5/sap.ui.unified": "1.136.6",
32
+ "@openui5/sap.ui.ux3": "1.136.6",
33
+ "@openui5/sap.uxap": "1.136.6"
34
34
  }
35
35
  }
@@ -137,24 +137,6 @@
137
137
  /* Custom focus border: */
138
138
  /* ---------------------------------------------------------------------*/
139
139
 
140
- .sapMBtn:focus-visible > .sapMBtnEmphasized.sapMBtnActive.sapMFocusable,
141
- html.sap-desktop .sapMBtn:focus > .sapMBtnEmphasized.sapMBtnActive.sapMFocusable {
142
- border-color: var(--sapContent_FocusColor);
143
- }
144
-
145
- // Value State Message buttons
146
- :not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnCritical.sapMBtnActive {
147
- border-color: var(--sapButton_Critical_BorderColor);
148
- }
149
-
150
- :not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnNegative.sapMBtnActive {
151
- border-color: var(--sapButton_Negative_BorderColor);
152
- }
153
-
154
- :not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnSuccess.sapMBtnActive {
155
- border-color: var(--sapButton_Success_BorderColor);
156
- }
157
-
158
140
  .sapMBtn:focus-visible > .sapMFocusable:not(.sapMBadgeIndicator)::before,
159
141
  html.sap-desktop .sapMBtn:focus > .sapMFocusable:not(.sapMBadgeIndicator)::before {
160
142
  content: '';
@@ -189,6 +171,19 @@ html.sap-desktop .sapMBtn:focus > .sapMBtnSuccess.sapMFocusable:not(.sapMBtnActi
189
171
  text-shadow: var(--sapContent_TextShadow);
190
172
  }
191
173
 
174
+ // Value State Message buttons
175
+ :not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnCritical.sapMBtnActive {
176
+ border-color: var(--sapButton_Critical_BorderColor);
177
+ }
178
+
179
+ :not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnNegative.sapMBtnActive {
180
+ border-color: var(--sapButton_Negative_BorderColor);
181
+ }
182
+
183
+ :not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnSuccess.sapMBtnActive {
184
+ border-color: var(--sapButton_Success_BorderColor);
185
+ }
186
+
192
187
  .sapMBtn {
193
188
  .sapMBtnCritical,
194
189
  .sapMBtnNegative,
@@ -137,24 +137,6 @@
137
137
  /* Custom focus border: */
138
138
  /* ---------------------------------------------------------------------*/
139
139
 
140
- .sapMBtn:focus-visible > .sapMBtnEmphasized.sapMBtnActive.sapMFocusable,
141
- html.sap-desktop .sapMBtn:focus > .sapMBtnEmphasized.sapMBtnActive.sapMFocusable {
142
- border-color: var(--sapContent_FocusColor);
143
- }
144
-
145
- // Value State Message buttons
146
- :not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnCritical.sapMBtnActive {
147
- border-color: var(--sapButton_Critical_BorderColor);
148
- }
149
-
150
- :not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnNegative.sapMBtnActive {
151
- border-color: var(--sapButton_Negative_BorderColor);
152
- }
153
-
154
- :not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnSuccess.sapMBtnActive {
155
- border-color: var(--sapButton_Success_BorderColor);
156
- }
157
-
158
140
  .sapMBtn:focus-visible > .sapMFocusable:not(.sapMBadgeIndicator)::before,
159
141
  html.sap-desktop .sapMBtn:focus > .sapMFocusable:not(.sapMBadgeIndicator)::before {
160
142
  content: '';
@@ -189,6 +171,19 @@ html.sap-desktop .sapMBtn:focus > .sapMBtnSuccess.sapMFocusable:not(.sapMBtnActi
189
171
  text-shadow: var(--sapContent_TextShadow);
190
172
  }
191
173
 
174
+ // Value State Message buttons
175
+ :not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnCritical.sapMBtnActive {
176
+ border-color: var(--sapButton_Critical_BorderColor);
177
+ }
178
+
179
+ :not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnNegative.sapMBtnActive {
180
+ border-color: var(--sapButton_Negative_BorderColor);
181
+ }
182
+
183
+ :not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnSuccess.sapMBtnActive {
184
+ border-color: var(--sapButton_Success_BorderColor);
185
+ }
186
+
192
187
  .sapMBtn {
193
188
  .sapMBtnCritical,
194
189
  .sapMBtnNegative,
@@ -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.136.4</version>
9
+ <version>1.136.6</version>
10
10
 
11
11
  <documentation>SAPUI5 Horizon theme library.</documentation>
12
12
 
@@ -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.136.4</version>
9
+ <version>1.136.6</version>
10
10
 
11
11
  <documentation>SAPUI5 Evening Horizon theme library.</documentation>
12
12
 
@@ -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.136.4</version>
9
+ <version>1.136.6</version>
10
10
 
11
11
  <documentation>SAPUI5 horizon high contrast black theme library.</documentation>
12
12
 
@@ -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.136.4</version>
9
+ <version>1.136.6</version>
10
10
 
11
11
  <documentation>SAPUI5 horizon high contrast white theme library.</documentation>
12
12
 
@@ -1,9 +1,9 @@
1
1
  /******************************************************************
2
2
  Style of the RTA Contextmenu - Horizon Theme
3
3
  *******************************************************************/
4
- @_sap_ui_rta_ContextMenu_BorderLightColor: @sapUiShellBorderColor; //#fff
5
- @_sap_ui_rta_ContextMenu_BorderDarkColor: @sapUiShellSelectedTextColor; //#0070f2
6
- @_sap_ui_rta_ContextMenu_BorderRadius: @sapUiGroupBorderCornerRadius; // 0.5rem
4
+ @_sap_ui_rta_ContextMenu_BorderLightColor: var(--sapToolbar_Background); //#fff
5
+ @_sap_ui_rta_ContextMenu_BorderDarkColor: var(--sapInformationBorderColor); //#0070f2
6
+ @_sap_ui_rta_ContextMenu_BorderRadius: var(--sapGroup_BorderCornerRadius); // 0.75rem
7
7
 
8
8
  .sapUiRtaMode {
9
9
  .sapUiDtContextMenu {
@@ -1,8 +1,8 @@
1
1
  /******************************************************************
2
2
  Style of the RTA Dialogs - Horizon Theme
3
3
  *******************************************************************/
4
- @_sap_ui_rta_Dialogs_BorderLightColor: @sapUiShellBorderColor; //#fff
5
- @_sap_ui_rta_Dialogs_BorderDarkColor: @sapUiShellSelectedTextColor; //#0070f2
4
+ @_sap_ui_rta_Dialogs_BorderLightColor: var(--sapToolbar_Background); //#fff
5
+ @_sap_ui_rta_Dialogs_BorderDarkColor: var(--sapInformationBorderColor); //#0070f2
6
6
 
7
7
  .sapMDialog.sapUiRTABorder {
8
8
  border-image: none;
@@ -1,17 +1,17 @@
1
1
  /******************************************************************
2
2
  Style of the RTA Toolbar (type: adaptation) - Horizon Theme
3
3
  *******************************************************************/
4
- @_sap_ui_rta_Toolbar_Adaptation_TextColor: @sapUiShellTextColor; //#1d2d3e
4
+ @_sap_ui_rta_Toolbar_Adaptation_TextColor: var(--sapShell_TextColor); //#131e29
5
5
  @_sap_ui_rta_Toolbar_Adaptation_BtnFocusBorderColor: transparent;
6
- @_sap_ui_rta_Toolbar_Adaptation_SegBBtnTextColor: @sapUiButtonEmphasizedTextColor; //#fff
7
- @_sap_ui_rta_Toolbar_Adaptation_SegBBtnBackgroundColor: @sapUiShellBorderColor; //#fff
8
- @_sap_ui_rta_Toolbar_Adaptation_SegBBtnFocusColor: @sapUiShellBorderColor; //#fff
9
- @_sap_ui_rta_Toolbar_Adaptation_SegBBtnSelectedBackgroundColor: darken(@sapUiButtonEmphasizedBackground, 5%); //#0064d9
10
- @_sap_ui_rta_Toolbar_Adaptation_BorderRadius: @sapUiButtonBorderCornerRadius; //0.5rem
11
- @_sap_ui_rta_Toolbar_Adaptation_DraftVersionColor: darken(@sapUiContentRatedColor, 10%); //#9f5a00
12
- @_sap_ui_rta_Toolbar_Adaptation_ActiveVersionColor: @sapUiShellPositiveColor; //#256f3a
13
- @_sap_ui_rta_Toolbar_Adaptation_FocusOutlineColor: @sapUiContentFocusColor; //#0032a5
14
- @_sap_ui_rta_Toolbar_Adaptation_VersionListBackgroundColor: @sapUiShellBorderColor; //#fff
6
+ @_sap_ui_rta_Toolbar_Adaptation_SegBBtnTextColor: var(--sapButton_Emphasized_TextColor); //#fff
7
+ @_sap_ui_rta_Toolbar_Adaptation_SegBBtnBackgroundColor: var(--sapToolbar_Background); //#fff
8
+ @_sap_ui_rta_Toolbar_Adaptation_SegBBtnFocusColor: var(--sapToolbar_Background); //#fff
9
+ @_sap_ui_rta_Toolbar_Adaptation_SegBBtnSelectedBackgroundColor: ~"hsl(from var(--sapButton_Emphasized_Background) h s calc(l - 5) / alpha)"; // #0064d9, darken the emphasized button background by 5%
10
+ @_sap_ui_rta_Toolbar_Adaptation_BorderRadius: var(--sapButton_BorderCornerRadius); //0.5rem
11
+ @_sap_ui_rta_Toolbar_Adaptation_DraftVersionColor: ~"hsl(from var(--sapContent_RatedColor) h s calc(l - 10) / alpha)"; // #9f5a00, darken the rated color by 10%
12
+ @_sap_ui_rta_Toolbar_Adaptation_ActiveVersionColor: var(--sapShell_PositiveColor); //#256f3a
13
+ @_sap_ui_rta_Toolbar_Adaptation_FocusOutlineColor: var(--sapContent_FocusColor); //#0032a5
14
+ @_sap_ui_rta_Toolbar_Adaptation_VersionListBackgroundColor: var(--sapToolbar_Background); //#fff
15
15
 
16
16
  .sapUiRtaMode {
17
17
  .sapUiRtaToolbar.sapUiRtaToolbarAdaptation {
@@ -1,8 +1,8 @@
1
1
  /******************************************************************
2
2
  Style of the RTA Toolbar (all types) - Horizon Theme
3
3
  *******************************************************************/
4
- @_sap_ui_rta_Toolbar_Base_BackgroundColor: @sapUiShellBorderColor; //#fff
5
- @_sap_ui_rta_Toolbar_Base_OutlineColor: @sapUiShellSelectedTextColor; //#0070f2
4
+ @_sap_ui_rta_Toolbar_Base_BackgroundColor: var(--sapToolbar_Background); //#fff
5
+ @_sap_ui_rta_Toolbar_Base_OutlineColor: var(--sapInformationBorderColor); //#0070f2
6
6
 
7
7
  .sapUiRtaMode {
8
8
  .sapUiRtaToolbar {
@@ -1,9 +1,9 @@
1
1
  /******************************************************************
2
2
  Style of the RTA Contextmenu - Horizon Dark Theme
3
3
  *******************************************************************/
4
- @_sap_ui_rta_ContextMenu_BorderLightColor: @sapUiShellBorderColor; //#1d232a
5
- @_sap_ui_rta_ContextMenu_BorderDarkColor: @sapUiShellSelectedTextColor; //#4db1ff
6
- @_sap_ui_rta_ContextMenu_BorderRadius: @sapUiGroupBorderCornerRadius; // 0.5rem
4
+ @_sap_ui_rta_ContextMenu_BorderLightColor: var(--sapToolbar_Background); //#1d232a
5
+ @_sap_ui_rta_ContextMenu_BorderDarkColor: var(--sapInformationBorderColor); //#4db1ff
6
+ @_sap_ui_rta_ContextMenu_BorderRadius: var(--sapGroup_BorderCornerRadius); // 0.75rem
7
7
 
8
8
  .sapUiRtaMode {
9
9
  .sapUiDtContextMenu {
@@ -1,8 +1,8 @@
1
1
  /******************************************************************
2
2
  Style of the RTA Dialogs - Horizon Dark Theme
3
3
  *******************************************************************/
4
- @_sap_ui_rta_Dialogs_BorderLightColor: @sapUiShellBorderColor; //#1d232a
5
- @_sap_ui_rta_Dialogs_BorderDarkColor: @sapUiShellSelectedTextColor; //#4db1ff
4
+ @_sap_ui_rta_Dialogs_BorderLightColor: var(--sapToolbar_Background); //#1d232a
5
+ @_sap_ui_rta_Dialogs_BorderDarkColor: var(--sapInformationBorderColor); //#4db1ff
6
6
 
7
7
  .sapMDialog.sapUiRTABorder {
8
8
  border-image: none;
@@ -1,19 +1,19 @@
1
1
  /********************************************************************
2
2
  Style of the RTA Toolbar (type: adaptation) - Horizon Dark Theme
3
3
  *********************************************************************/
4
- @_sap_ui_rta_Toolbar_Adaptation_TextColor: @sapUiShellTextColor; //#eaecee
4
+ @_sap_ui_rta_Toolbar_Adaptation_TextColor: var(--sapShell_TextColor); //#f5f6f7
5
5
  @_sap_ui_rta_Toolbar_Adaptation_BtnFocusBorderColor: transparent;
6
- @_sap_ui_rta_Toolbar_Adaptation_SegBBtnTextColor: @sapUiButtonEmphasizedTextColor; //#fff
7
- @_sap_ui_rta_Toolbar_Adaptation_SegBBtnBackgroundColor: @sapUiShellBorderColor; //#1d232a
8
- @_sap_ui_rta_Toolbar_Adaptation_SegBBtnHoverBackgroundColor: @sapUiButtonHoverBorderColor; //#3a4a5a
9
- @_sap_ui_rta_Toolbar_Adaptation_SegBBtnFocusColor: @sapUiShellBorderColor; //#1d232a
10
- @_sap_ui_rta_Toolbar_Adaptation_SegBBtnSelectedBackgroundColor: darken(@sapUiButtonEmphasizedBackground, 5%); //#0064d9
11
- @_sap_ui_rta_Toolbar_Adaptation_BorderRadius: @sapUiButtonBorderCornerRadius; //0.5rem
12
- @_sap_ui_rta_Toolbar_Adaptation_DraftVersionColor: @sapUiContentRatedColor; //##ffdf72
13
- @_sap_ui_rta_Toolbar_Adaptation_ActiveVersionColor: @sapUiShellPositiveColor; //#97dd40
14
- @_sap_ui_rta_Toolbar_Adaptation_FocusOutlineColor: @sapUiContentFocusColor; //#9ad3ff
15
- @_sap_ui_rta_Toolbar_Adaptation_VersionListBackgroundColor: @sapUiShellBorderColor; //#1d232a
16
- @_sap_ui_rta_Toolbar_Adaptation_BtnHoverTextColor: @sapUiButtonLiteHoverTextColor; //#4db1ff
6
+ @_sap_ui_rta_Toolbar_Adaptation_SegBBtnTextColor: var(--sapButton_Emphasized_TextColor); //#fff
7
+ @_sap_ui_rta_Toolbar_Adaptation_SegBBtnBackgroundColor: var(--sapToolbar_Background); //#1d232a
8
+ @_sap_ui_rta_Toolbar_Adaptation_SegBBtnHoverBackgroundColor: var(--sapButton_Hover_BorderColor); //#3a4a5a
9
+ @_sap_ui_rta_Toolbar_Adaptation_SegBBtnFocusColor: var(--sapToolbar_Background); //#1d232a
10
+ @_sap_ui_rta_Toolbar_Adaptation_SegBBtnSelectedBackgroundColor: ~"hsl(from var(--sapButton_Emphasized_Background) h s calc(l - 5) / alpha)"; // #0064d9, darken the emphasized button background by 5%
11
+ @_sap_ui_rta_Toolbar_Adaptation_BorderRadius: var(--sapButton_BorderCornerRadius); //0.5rem
12
+ @_sap_ui_rta_Toolbar_Adaptation_DraftVersionColor: var(--sapContent_RatedColor); //##ffdf72
13
+ @_sap_ui_rta_Toolbar_Adaptation_ActiveVersionColor: var(--sapShell_PositiveColor); //#97dd40
14
+ @_sap_ui_rta_Toolbar_Adaptation_FocusOutlineColor: var(--sapContent_FocusColor); //#9ad3ff
15
+ @_sap_ui_rta_Toolbar_Adaptation_VersionListBackgroundColor: var(--sapToolbar_Background); //#1d232a
16
+ @_sap_ui_rta_Toolbar_Adaptation_BtnHoverTextColor: var(--sapButton_Lite_Hover_TextColor); //#4db1ff
17
17
 
18
18
  .sapUiRtaMode {
19
19
  .sapUiRtaToolbar.sapUiRtaToolbarAdaptation {
@@ -1,8 +1,8 @@
1
1
  /******************************************************************
2
2
  Style of the RTA Toolbar (all types) - Horizon Dark Theme
3
3
  *******************************************************************/
4
- @_sap_ui_rta_Toolbar_Base_BackgroundColor: @sapUiShellBorderColor; //#1d232a
5
- @_sap_ui_rta_Toolbar_Base_OutlineColor: @sapUiShellSelectedTextColor; //#4db1ff
4
+ @_sap_ui_rta_Toolbar_Base_BackgroundColor: var(--sapToolbar_Background); //#1d232a
5
+ @_sap_ui_rta_Toolbar_Base_OutlineColor: var(--sapInformationBorderColor); //#4db1ff
6
6
 
7
7
  .sapUiRtaMode {
8
8
  .sapUiRtaToolbar {