@openui5/themelib_sap_belize 1.122.1 → 1.123.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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@openui5/themelib_sap_belize",
3
- "version": "1.122.1",
3
+ "version": "1.123.0",
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.122.1",
18
- "@openui5/sap.m": "1.122.1",
19
- "@openui5/sap.tnt": "1.122.1",
20
- "@openui5/sap.ui.codeeditor": "1.122.1",
21
- "@openui5/sap.ui.commons": "1.122.1",
22
- "@openui5/sap.ui.core": "1.122.1",
23
- "@openui5/sap.ui.dt": "1.122.1",
24
- "@openui5/sap.ui.fl": "1.122.1",
25
- "@openui5/sap.ui.mdc": "1.122.1",
26
- "@openui5/sap.ui.integration": "1.122.1",
27
- "@openui5/sap.ui.layout": "1.122.1",
28
- "@openui5/sap.ui.rta": "1.122.1",
29
- "@openui5/sap.ui.suite": "1.122.1",
30
- "@openui5/sap.ui.table": "1.122.1",
31
- "@openui5/sap.ui.unified": "1.122.1",
32
- "@openui5/sap.ui.ux3": "1.122.1",
33
- "@openui5/sap.uxap": "1.122.1"
17
+ "@openui5/sap.f": "1.123.0",
18
+ "@openui5/sap.m": "1.123.0",
19
+ "@openui5/sap.tnt": "1.123.0",
20
+ "@openui5/sap.ui.codeeditor": "1.123.0",
21
+ "@openui5/sap.ui.commons": "1.123.0",
22
+ "@openui5/sap.ui.core": "1.123.0",
23
+ "@openui5/sap.ui.dt": "1.123.0",
24
+ "@openui5/sap.ui.fl": "1.123.0",
25
+ "@openui5/sap.ui.mdc": "1.123.0",
26
+ "@openui5/sap.ui.integration": "1.123.0",
27
+ "@openui5/sap.ui.layout": "1.123.0",
28
+ "@openui5/sap.ui.rta": "1.123.0",
29
+ "@openui5/sap.ui.suite": "1.123.0",
30
+ "@openui5/sap.ui.table": "1.123.0",
31
+ "@openui5/sap.ui.unified": "1.123.0",
32
+ "@openui5/sap.ui.ux3": "1.123.0",
33
+ "@openui5/sap.uxap": "1.123.0"
34
34
  }
35
35
  }
@@ -240,4 +240,17 @@ html.sap-desktop {
240
240
  }
241
241
  }
242
242
  }
243
+ }
244
+
245
+ .sapFDynamicPage-Std-Desktop {
246
+ .sapUiResponsiveContentPadding {
247
+ .sapMITH,
248
+ &.sapMITH {
249
+ padding: 0 3rem !important;
250
+ }
251
+
252
+ .sapMITBContent {
253
+ padding: 1rem 3rem !important;
254
+ }
255
+ }
243
256
  }
@@ -3,21 +3,12 @@
3
3
  /* Belize theme */
4
4
  /* =================================== */
5
5
 
6
- .sapMMenu .sapUiMnuLst .sapUiMnuItm {
7
- .sapUiMnuItmIco + .sapUiMnuItmTxt {
8
- margin-left: 3rem;
9
- }
6
+ .sapMRespMenuDialog .sapMLIB {
7
+ padding: 0 1rem;
10
8
  }
11
9
 
12
- .sapMMenu.sapUiMnu.sapUiMnuCozySupport.sapUiSizeCozy .sapUiMnuItmTxt {
13
- padding-right: 4rem;
10
+ .sapMMenuLIImgThumbWrapper {
11
+ min-width: 1.375rem;
12
+ max-width: 1.375rem;
13
+ padding-inline-end: 1rem;
14
14
  }
15
-
16
- .sapUiSizeCompact {
17
- .sapMMenu.sapUiMnu.sapUiMnuCozySupport .sapUiMnuItmTxt {
18
- padding-right: 2.75rem;
19
- }
20
- .sapMMenu .sapUiMnuLst.sapUiMnuNoSbMnu .sapUiMnuItm .sapUiMnuItmTxt {
21
- padding-right: 0.75rem;
22
- }
23
- }
@@ -17,7 +17,6 @@
17
17
 
18
18
  .sapMSliderInner,
19
19
  .sapMSliderProgress {
20
- height: 0.1875rem;
21
20
  border-radius: 0;
22
21
  }
23
22
 
@@ -10,7 +10,7 @@
10
10
  outline-offset: -0.125rem;
11
11
  }
12
12
 
13
- .sapMBreadcrumbsItem.sapMBreadcrumbsSelectItem >
13
+ .sapMBreadcrumbsItem.sapMBreadcrumbsSelectItem >
14
14
  .sapMSlt.sapMSltIconOnly.sapMSltWithIcon.sapMSltHoverable.sapMSltWithArrow {
15
15
 
16
16
  .sapMSltIcon:before {
@@ -214,4 +214,17 @@ html.sap-desktop {
214
214
  .sapMBadge .sapMBadgeAttention {
215
215
  background-color: @sapUiContentIconColor;
216
216
  }
217
+ }
218
+
219
+ .sapFDynamicPage-Std-Desktop {
220
+ .sapUiResponsiveContentPadding {
221
+ .sapMITH,
222
+ &.sapMITH {
223
+ padding: 0 3rem !important;
224
+ }
225
+
226
+ .sapMITBContent {
227
+ padding: 1rem 3rem !important;
228
+ }
229
+ }
217
230
  }
@@ -6,22 +6,3 @@
6
6
  .sapMRespMenuDialog .sapMLIB {
7
7
  border-bottom: 1px solid;
8
8
  }
9
-
10
- .sapMMenu .sapUiMnuLst .sapUiMnuItm {
11
- .sapUiMnuItmIco + .sapUiMnuItmTxt {
12
- margin-left: 3rem;
13
- }
14
- }
15
-
16
- .sapMMenu.sapUiMnu.sapUiMnuCozySupport.sapUiSizeCozy .sapUiMnuItmTxt {
17
- padding-right: 4rem;
18
- }
19
-
20
- .sapUiSizeCompact {
21
- .sapMMenu.sapUiMnu.sapUiMnuCozySupport .sapUiMnuItmTxt {
22
- padding-right: 2.75rem;
23
- }
24
- .sapMMenu .sapUiMnuLst.sapUiMnuNoSbMnu .sapUiMnuItm .sapUiMnuItmTxt {
25
- padding-right: 0.75rem;
26
- }
27
- }
@@ -2,17 +2,13 @@
2
2
  /* CSS for control sap.m/Slider */
3
3
  /* Belize High Contrast Black theme */
4
4
  /* ================================= */
5
+ @_sap_m_Slider_Progress_Border: .0625rem;
5
6
 
6
7
  /* slider */
7
8
  .sapMSliderInner {
8
- border: 1px solid @sapUiFieldBorderColor;
9
+ border: @_sap_m_Slider_Progress_Border solid @sapUiFieldBorderColor;
9
10
  background: @sapUiFieldBackground;
10
- }
11
-
12
- .sapMSliderInner,
13
- .sapMSliderProgress {
14
- height: 0.1875rem;
15
- border-radius: 0.125rem;
11
+ box-sizing: content-box;
16
12
  }
17
13
 
18
14
  .sapMSliderTickmarks {
@@ -214,4 +214,17 @@ html.sap-desktop {
214
214
  .sapMBadge .sapMBadgeAttention {
215
215
  background-color: @sapUiContentIconColor;
216
216
  }
217
+ }
218
+
219
+ .sapFDynamicPage-Std-Desktop {
220
+ .sapUiResponsiveContentPadding {
221
+ .sapMITH,
222
+ &.sapMITH {
223
+ padding: 0 3rem !important;
224
+ }
225
+
226
+ .sapMITBContent {
227
+ padding: 1rem 3rem !important;
228
+ }
229
+ }
217
230
  }
@@ -6,21 +6,8 @@
6
6
  .sapMRespMenuDialog .sapMLIB {
7
7
  border-bottom: 1px solid;
8
8
  }
9
- .sapMMenu .sapUiMnuLst .sapUiMnuItm {
10
- .sapUiMnuItmIco + .sapUiMnuItmTxt {
11
- margin-left: 3rem;
12
- }
13
- }
14
9
 
15
- .sapMMenu.sapUiMnu.sapUiMnuCozySupport.sapUiSizeCozy .sapUiMnuItmTxt {
16
- padding-right: 4rem;
10
+ .sapMRespMenuDialog .sapMLIB {
11
+ position: relative;
12
+ padding: 0 1rem;
17
13
  }
18
-
19
- .sapUiSizeCompact {
20
- .sapMMenu.sapUiMnu.sapUiMnuCozySupport .sapUiMnuItmTxt {
21
- padding-right: 2.75rem;
22
- }
23
- .sapMMenu .sapUiMnuLst.sapUiMnuNoSbMnu .sapUiMnuItm .sapUiMnuItmTxt {
24
- padding-right: 0.75rem;
25
- }
26
- }
@@ -2,17 +2,13 @@
2
2
  /* CSS for control sap.m/Slider */
3
3
  /* Belize High Contrast White theme */
4
4
  /* ================================= */
5
+ @_sap_m_Slider_Progress_Border: .0625rem;
5
6
 
6
7
  /* slider */
7
8
  .sapMSliderInner {
8
- border: 1px solid @sapUiFieldBorderColor;
9
+ border: @_sap_m_Slider_Progress_Border solid @sapUiFieldBorderColor;
9
10
  background: @sapUiFieldBackground;
10
- }
11
-
12
- .sapMSliderInner,
13
- .sapMSliderProgress {
14
- height: 0.1875rem;
15
- border-radius: 0.125rem;
11
+ box-sizing: content-box;
16
12
  }
17
13
 
18
14
  .sapMSliderTickmarks {
@@ -5,6 +5,11 @@
5
5
 
6
6
  @_sap_tnt_NavigationList_SelectedItemBorderColor: transparent;
7
7
 
8
- .sapTntNLISecondLevel.sapTntNLI {
8
+ .sapTntNLISecondLevel.sapTntNLI {
9
9
  background-color: darken(@sapUiListBackground, 3);
10
- }
10
+ }
11
+
12
+ .sapTntNLMenu.sapUiMnu .sapUiMnuItmIco>.sapUiIcon {
13
+ line-height: 3rem;
14
+ font-size: 1.375rem;
15
+ }
@@ -4,4 +4,9 @@
4
4
  /* ======================================= */
5
5
 
6
6
  @_sap_tnt_NavigationList_SelectedItemBorderColor: transparent;
7
- @_sap_tnt_NavigationList_Collapsed_SelectedGroupBorderColor: @sapUiListSelectionBorderColor;
7
+ @_sap_tnt_NavigationList_Collapsed_SelectedGroupBorderColor: @sapUiListSelectionBorderColor;
8
+
9
+ .sapTntNLMenu.sapUiMnu .sapUiMnuItmIco>.sapUiIcon {
10
+ line-height: 3rem;
11
+ font-size: 1.375rem;
12
+ }
@@ -4,4 +4,9 @@
4
4
  /* ======================================= */
5
5
 
6
6
  @_sap_tnt_NavigationList_SelectedItemBorderColor: transparent;
7
- @_sap_tnt_NavigationList_Collapsed_SelectedGroupBorderColor: @sapUiListSelectionBorderColor;
7
+ @_sap_tnt_NavigationList_Collapsed_SelectedGroupBorderColor: @sapUiListSelectionBorderColor;
8
+
9
+ .sapTntNLMenu.sapUiMnu .sapUiMnuItmIco>.sapUiIcon {
10
+ line-height: 3rem;
11
+ font-size: 1.375rem;
12
+ }
@@ -6,7 +6,7 @@
6
6
  <copyright>OpenUI5
7
7
  * (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
8
8
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
9
- <version>1.122.1</version>
9
+ <version>1.123.0</version>
10
10
 
11
11
  <documentation>SAPUI5 belize theme library.</documentation>
12
12
 
@@ -6,7 +6,7 @@
6
6
  <copyright>OpenUI5
7
7
  * (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
8
8
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
9
- <version>1.122.1</version>
9
+ <version>1.123.0</version>
10
10
 
11
11
  <documentation>SAPUI5 belize high contrast black theme library.</documentation>
12
12
 
@@ -6,7 +6,7 @@
6
6
  <copyright>OpenUI5
7
7
  * (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
8
8
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
9
- <version>1.122.1</version>
9
+ <version>1.123.0</version>
10
10
 
11
11
  <documentation>SAPUI5 belize high contrast white theme library.</documentation>
12
12
 
@@ -6,7 +6,7 @@
6
6
  <copyright>OpenUI5
7
7
  * (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
8
8
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
9
- <version>1.122.1</version>
9
+ <version>1.123.0</version>
10
10
 
11
11
  <documentation>SAPUI5 belize plus theme library.</documentation>
12
12
 
@@ -7,23 +7,60 @@
7
7
  opacity: @sapUiContentDisabledOpacity;
8
8
  }
9
9
 
10
- .sapUiMnuItm .sapUiMnuItmTxt {
11
- padding-left: 2rem;
10
+ .sapUiMnuItm {
11
+ padding: 0 1rem;
12
+ height: 3rem;
12
13
  }
13
14
 
14
- /** Cozy Mode **/
15
+ .sapUiMnu .sapUiMnuItmIco {
16
+ padding-inline-end: 1rem;
17
+ min-width: 1.375rem;
18
+ max-width: 1.375rem;
15
19
 
16
- .sapUiMnu.sapUiMnuCozySupport.sapUiSizeCozy {
20
+ .sapUiIcon {
21
+ font-size: 1.375rem;
22
+ }
23
+
24
+ }
25
+
26
+ .sapUiMnuDiv > hr {
27
+ left: 0rem;
28
+ right: 0rem;
29
+ margin-top: 0;
30
+ margin-bottom: 0;
31
+ }
32
+
33
+ .sapUiMnuDiv {
34
+ height: 1px;
35
+ }
17
36
 
18
- .sapUiMnuDiv > hr {
19
- left: 0rem;
20
- right: 0rem;
21
- margin-top: 0;
22
- margin-bottom: 0;
37
+ html.sap-phone .sapMMenuLIImgThumbIcon {
38
+ width: 1.375rem;
39
+ font-size: 1.375rem;
40
+ }
41
+
42
+ .sapMMenuLIArrowRightIcon {
43
+ width: 0.75rem;
44
+ padding-inline-start: 1.125rem;
45
+ padding-inline-end: 0.125rem;
46
+ }
47
+
48
+ .sapUiSizeCompact {
49
+
50
+ .sapUiMnuItm {
51
+ padding: 0 0.75rem;
52
+ height: 2rem;
23
53
  }
24
54
 
25
- .sapUiMnuDiv {
26
- height: 1px;
55
+ .sapUiMnu .sapUiMnuItmIco {
56
+ padding-inline-end: 0.75rem;
57
+ min-width: 1.125rem;
58
+ max-width: 1.125rem;
59
+
60
+ .sapUiIcon {
61
+ font-size: 1rem;
62
+ }
63
+
27
64
  }
28
65
 
29
- }
66
+ }
@@ -5,12 +5,30 @@
5
5
 
6
6
  .sapUiMnuItm {
7
7
  border-top: 1px solid @sapUiListBorderColor;
8
+ padding: 0 1rem;
8
9
  }
9
10
 
10
11
  .sapUiMnuItm.sapUiMnuItmSepBefore, .sapUiMnuItm.sapUiMnuItmFirst {
11
12
  border-top-width: 0;
12
13
  }
13
14
 
15
+ .sapUiMnu .sapUiMnuItmIco {
16
+ padding-inline-end: 1rem;
17
+ min-width: 1.375rem;
18
+ max-width: 1.375rem;
19
+
20
+ .sapUiIcon {
21
+ font-size: 1.375rem;
22
+ }
23
+
24
+ }
25
+
26
+ .sapMMenuLIArrowRightIcon {
27
+ width: 0.75rem;
28
+ padding-inline-start: 1.125rem;
29
+ padding-inline-end: 0.125rem;
30
+ }
31
+
14
32
  .sapUiMnuDiv > hr {
15
33
  left: 0;
16
34
  right: 0;
@@ -24,21 +42,29 @@
24
42
  color: @sapUiContentDisabledTextColor;
25
43
  }
26
44
 
27
- .sapUiSizeCompact .sapUiMnuDiv {
28
- height: 0.125rem;
45
+ .sapUiSizeCompact {
46
+
47
+ .sapUiMnuItm {
48
+ padding: 0 0.75rem;
49
+ }
50
+
51
+ .sapUiMnuDiv {
52
+ height: 0.125rem;
53
+ }
54
+
55
+ .sapUiMnu .sapUiMnuItmIco {
56
+ padding-inline-end: 0.75rem;
57
+ min-width: 1.125rem;
58
+ max-width: 1.125rem;
59
+
60
+ .sapUiIcon {
61
+ font-size: 1rem;
62
+ }
63
+
64
+ }
65
+
29
66
  }
30
67
 
31
68
  .sapUiMnuItm:focus {
32
69
  outline: 2px dotted @sapUiContentFocusColor;
33
70
  }
34
-
35
- .sapUiMnuItm .sapUiMnuItmTxt {
36
- padding-left: 2rem;
37
- }
38
-
39
- /* TODO remove after the end of support for Internet Explorer */
40
- html[data-sap-ui-browser*='ie'] {
41
- .sapUiMnuItm:focus::before {
42
- border: 2px dashed @sapUiContentFocusColor;
43
- }
44
- }
@@ -5,12 +5,30 @@
5
5
 
6
6
  .sapUiMnuItm {
7
7
  border-top: 1px solid @sapUiListBorderColor;
8
+ padding: 0 1rem;
8
9
  }
9
10
 
10
11
  .sapUiMnuItm.sapUiMnuItmSepBefore, .sapUiMnuItm.sapUiMnuItmFirst {
11
12
  border-top-width: 0;
12
13
  }
13
14
 
15
+ .sapUiMnu .sapUiMnuItmIco {
16
+ padding-inline-end: 1rem;
17
+ min-width: 1.375rem;
18
+ max-width: 1.375rem;
19
+
20
+ .sapUiIcon {
21
+ font-size: 1.375rem;
22
+ }
23
+
24
+ }
25
+
26
+ .sapMMenuLIArrowRightIcon {
27
+ width: 0.75rem;
28
+ padding-inline-start: 1.125rem;
29
+ padding-inline-end: 0.125rem;
30
+ }
31
+
14
32
  .sapUiMnuDiv > hr {
15
33
  left: 0;
16
34
  right: 0;
@@ -24,21 +42,29 @@
24
42
  color: @sapUiContentDisabledTextColor;
25
43
  }
26
44
 
27
- .sapUiSizeCompact .sapUiMnuDiv {
28
- height: 0.125rem;
45
+ .sapUiSizeCompact {
46
+
47
+ .sapUiMnuItm {
48
+ padding: 0 0.75rem;
49
+ }
50
+
51
+ .sapUiMnuDiv {
52
+ height: 0.125rem;
53
+ }
54
+
55
+ .sapUiMnu .sapUiMnuItmIco {
56
+ padding-inline-end: 0.75rem;
57
+ min-width: 1.125rem;
58
+ max-width: 1.125rem;
59
+
60
+ .sapUiIcon {
61
+ font-size: 1rem;
62
+ }
63
+
64
+ }
65
+
29
66
  }
30
67
 
31
68
  .sapUiMnuItm:focus {
32
69
  outline: 2px dotted @sapUiContentFocusColor;
33
70
  }
34
-
35
- .sapUiMnuItm .sapUiMnuItmTxt {
36
- padding-left: 2rem;
37
- }
38
-
39
- /* TODO remove after the end of support for Internet Explorer */
40
- html[data-sap-ui-browser*='ie'] {
41
- .sapUiMnuItm:focus::before {
42
- border: 2px dashed @sapUiContentFocusColor;
43
- }
44
- }