@sapui5/sap.fe.placeholder 1.108.2 → 1.110.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/README.md +5 -1
  2. package/package.json +6 -10
  3. package/src/.eslintrc +7 -0
  4. package/src/sap/fe/placeholder/.library +24 -21
  5. package/src/sap/fe/placeholder/library.js +4 -3
  6. package/src/sap/fe/placeholder/themes/base/Placeholder.less +209 -209
  7. package/src/sap/fe/placeholder/themes/base/library.source.less +1 -1
  8. package/src/sap/fe/placeholder/themes/sap_belize/library.source.less +1 -1
  9. package/src/sap/fe/placeholder/themes/sap_belize_hcb/library.source.less +1 -1
  10. package/src/sap/fe/placeholder/themes/sap_belize_hcw/library.source.less +1 -1
  11. package/src/sap/fe/placeholder/themes/sap_belize_plus/library.source.less +1 -1
  12. package/src/sap/fe/placeholder/themes/sap_fiori_3/library.source.less +1 -1
  13. package/src/sap/fe/placeholder/themes/sap_fiori_3_dark/library.source.less +1 -1
  14. package/src/sap/fe/placeholder/themes/sap_fiori_3_hcb/library.source.less +1 -1
  15. package/src/sap/fe/placeholder/themes/sap_fiori_3_hcw/library.source.less +1 -1
  16. package/src/sap/fe/placeholder/themes/sap_horizon/library.source.less +1 -1
  17. package/src/sap/fe/placeholder/themes/sap_horizon_dark/library.source.less +1 -1
  18. package/src/sap/fe/placeholder/themes/sap_horizon_hcb/library.source.less +1 -1
  19. package/src/sap/fe/placeholder/themes/sap_horizon_hcw/library.source.less +1 -1
package/README.md CHANGED
@@ -1,15 +1,19 @@
1
1
  ![SAPUI5](https://ui5.sap.com/resources/sap/ui/documentation/sdk/images/Logo_B_SAPUI5_H.png)
2
2
 
3
3
  # @sapui5/sap.fe.placeholder
4
+
4
5
  Runtime resources of the [SAPUI5](https://sapui5.hana.ondemand.com) Library **sap.fe.placeholder**.
5
6
 
6
7
  ## SAP Internal
8
+
7
9
  **This library is restricted for use by SAP internal projects only.**
8
10
 
9
11
  ## Usage
12
+
10
13
  Refrain from installing this package using npm, Yarn or similar package managers.
11
14
  It is meant to be consumed using the [UI5 Tooling](https://sap.github.io/ui5-tooling/).
12
15
  For details please refer to our documentation on [Consuming SAPUI5 Libraries](https://sap.github.io/ui5-tooling/pages/SAPUI5/).
13
16
 
14
17
  ## License
15
- This package is provided under the terms of the [SAP Developer License Agreement](https://tools.hana.ondemand.com/developer-license-3.1.txt).
18
+
19
+ This package is provided under the terms of the [SAP Developer License Agreement](https://tools.hana.ondemand.com/developer-license-3.1.txt).
package/package.json CHANGED
@@ -1,23 +1,19 @@
1
1
  {
2
2
  "name": "@sapui5/sap.fe.placeholder",
3
- "version": "1.108.2",
3
+ "version": "1.110.0",
4
4
  "description": "SAPUI5 Library sap.fe.placeholder",
5
+ "keywords": [
6
+ "sapui5",
7
+ "ui5"
8
+ ],
9
+ "homepage": "https://sap.github.io/ui5-tooling/pages/SAPUI5/",
5
10
  "license": "SEE LICENSE IN LICENSE.txt",
6
11
  "author": "SAP SE (https://www.sap.com)",
7
- "homepage": "https://sap.github.io/ui5-tooling/pages/SAPUI5/",
8
12
  "scripts": {
9
13
  "build": "echo 'nothing to do'",
10
14
  "prepare-npm-sources": "echo 'nothing to do'",
11
15
  "prepare-ts-class-doc": "echo 'nothing to do'",
12
16
  "prepare-ui5-build-sources": "echo 'nothing to do'",
13
17
  "test": "echo 'nothing to do'"
14
- },
15
- "keywords": [
16
- "sapui5",
17
- "ui5"
18
- ],
19
- "devDependencies": {
20
- "@babel/cli": "^7.14.8",
21
- "@ui5/cli": "^2.14.0"
22
18
  }
23
19
  }
package/src/.eslintrc ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "rules": {
3
+ // Note: you must disable the base rule as it can report incorrect errors
4
+ "no-restricted-imports": "off",
5
+ "@typescript-eslint/no-restricted-imports": ["warn", { "patterns": ["sap/fe/*"] }]
6
+ }
7
+ }
package/src/sap/fe/placeholder/.library CHANGED
@@ -1,35 +1,38 @@
1
1
  <?xml version="1.0" encoding="UTF-8" ?>
2
2
  <library xmlns="http://www.sap.com/sap.ui.library.xsd">
3
-
4
- <name>sap.fe.placeholder</name>
5
- <vendor>SAP SE</vendor>
6
- <copyright>SAP UI development toolkit for HTML5 (SAPUI5)
3
+ <name>sap.fe.placeholder</name>
4
+ <vendor>SAP SE</vendor>
5
+ <copyright>
6
+ SAP UI development toolkit for HTML5 (SAPUI5)
7
7
  (c) Copyright 2009-2021 SAP SE. All rights reserved
8
- </copyright>
9
- <version>1.108.2</version>
8
+ </copyright>
9
+ <version>1.110.0</version>
10
10
 
11
- <documentation>UI5 library: sap.fe.placeholder</documentation>
11
+ <documentation>UI5 library: sap.fe.placeholder</documentation>
12
12
 
13
- <dependencies>
13
+ <dependencies>
14
14
  <dependency>
15
15
  <libraryName>sap.ui.core</libraryName>
16
16
  </dependency>
17
- </dependencies>
17
+ </dependencies>
18
18
 
19
- <appData>
20
- <!-- excludes for the JSDoc -->
21
- <jsdoc xmlns="http://www.sap.com/ui5/buildext/jsdoc">
22
- <exclude name="sap.fe.placeholder.js."/>
23
- </jsdoc>
24
- <!-- excludes for the JSCoverage -->
19
+ <appData>
20
+ <!-- excludes for the JSDoc -->
21
+ <jsdoc xmlns="http://www.sap.com/ui5/buildext/jsdoc">
22
+ <exclude name="sap.fe.placeholder.js." />
23
+ </jsdoc>
24
+ <!-- excludes for the JSCoverage -->
25
25
  <jscoverage xmlns="http://www.sap.com/ui5/buildext/jscoverage">
26
- <exclude name="sap.fe.placeholder.js."/>
26
+ <exclude name="sap.fe.placeholder.js." />
27
27
  </jscoverage>
28
- <releasenotes xmlns="http://www.sap.com/ui5/buildext/releasenotes"
29
- url="../../../../test-resources/sap/fe/placeholder/relnotes/changes-{major}.{minor}.json"
30
- resolve="lib" />
28
+ <releasenotes
29
+ xmlns="http://www.sap.com/ui5/buildext/releasenotes"
30
+ url="../../../../test-resources/sap/fe/placeholder/relnotes/changes-{major}.{minor}.json"
31
+ resolve="lib"
32
+ />
31
33
  <ownership xmlns="http://www.sap.com/ui5/buildext/ownership">
32
- <component>CA-UI5-FE</component><!-- default component for library, embedded text as a shortcut for <name>text</name> -->
34
+ <component>CA-UI5-FE</component>
35
+ <!-- default component for library, embedded text as a shortcut for <name>text</name> -->
33
36
  </ownership>
34
- </appData>
37
+ </appData>
35
38
  </library>
package/src/sap/fe/placeholder/library.js CHANGED
@@ -1,7 +1,8 @@
1
1
  /*!
2
- * SAP UI development toolkit for HTML5 (SAPUI5)
2
+ *
3
+ SAP UI development toolkit for HTML5 (SAPUI5)
3
4
  (c) Copyright 2009-2021 SAP SE. All rights reserved
4
-
5
+
5
6
  */
6
7
 
7
8
  sap.ui.define(
@@ -31,7 +32,7 @@ sap.ui.define(
31
32
  controls: [],
32
33
  elements: [],
33
34
  // eslint-disable-next-line no-template-curly-in-string
34
- version: "1.108.2",
35
+ version: "1.110.0",
35
36
  noLibraryCSS: false,
36
37
  extensions: {}
37
38
  });
package/src/sap/fe/placeholder/themes/base/Placeholder.less CHANGED
@@ -1,446 +1,446 @@
1
- .sapFePlaceholderContainer{
1
+ .sapFePlaceholderContainer {
2
2
  background-color: @sapUiBaseColor;
3
3
  position: absolute;
4
4
  width: 100%;
5
5
  height: 100%;
6
6
  }
7
- .sapFeResponsivePadding{
7
+ .sapFeResponsivePadding {
8
8
  width: calc(~"100% - 6rem");
9
9
  padding-left: 3rem;
10
10
  padding-right: 3rem;
11
11
  }
12
- .sapFeCols4 > *{
13
- width:calc(~"25% - 2rem");
12
+ .sapFeCols4 > * {
13
+ width: calc(~"25% - 2rem");
14
14
  }
15
- .sapFePaddingTop{
15
+ .sapFePaddingTop {
16
16
  padding-top: 1rem;
17
17
  }
18
- .sapFeTextAlignStart{
18
+ .sapFeTextAlignStart {
19
19
  text-align: start;
20
20
  }
21
- .sapFeTextAlignCenter{
21
+ .sapFeTextAlignCenter {
22
22
  text-align: center;
23
23
  }
24
- .sapFeTextAlignEnd{
24
+ .sapFeTextAlignEnd {
25
25
  text-align: end;
26
26
  }
27
- .sapFeTextAlignInherit{
27
+ .sapFeTextAlignInherit {
28
28
  text-align: inherit;
29
29
  }
30
- .sapFeVerticalAlignTop{
30
+ .sapFeVerticalAlignTop {
31
31
  vertical-align: top;
32
32
  }
33
- .sapFeVerticalAlignInherit{
33
+ .sapFeVerticalAlignInherit {
34
34
  vertical-align: inherit;
35
35
  }
36
- .sapFeVerticalAlignMiddle{
36
+ .sapFeVerticalAlignMiddle {
37
37
  vertical-align: middle;
38
38
  }
39
- .sapFeVerticalAlignBottom{
39
+ .sapFeVerticalAlignBottom {
40
40
  vertical-align: bottom;
41
41
  }
42
- .sapFeVerticalRepeater{
42
+ .sapFeVerticalRepeater {
43
43
  display: flex;
44
44
  flex-direction: column;
45
45
  align-items: flex-start !important;
46
46
  align-content: flex-start;
47
47
  width: fit-content;
48
48
  }
49
- .sapFeVerticalRepeater.sapFeTextAlignCenter{
49
+ .sapFeVerticalRepeater.sapFeTextAlignCenter {
50
50
  align-items: center;
51
51
  }
52
- .sapFeVerticalRepeater.sapFeTextAlignEnd{
52
+ .sapFeVerticalRepeater.sapFeTextAlignEnd {
53
53
  align-items: flex-end;
54
54
  }
55
- .sapFeVerticalRepeater.sapFeVerticalAlignMiddle{
55
+ .sapFeVerticalRepeater.sapFeVerticalAlignMiddle {
56
56
  align-content: center;
57
57
  }
58
- .sapFeVerticalRepeater.sapFeVerticalAlignBottom{
58
+ .sapFeVerticalRepeater.sapFeVerticalAlignBottom {
59
59
  align-content: flex-end;
60
60
  }
61
- .sapFeHorizontalContent > *{
61
+ .sapFeHorizontalContent > * {
62
62
  display: inline-block;
63
63
  }
64
64
  .sapFeHorizontalContent > .sapFeVerticalRepeater,
65
- .sapFeHorizontalContent > .sapFeHorizontalRepeater{
65
+ .sapFeHorizontalContent > .sapFeHorizontalRepeater {
66
66
  display: flex;
67
67
  }
68
- .sapFeHorizontalContent > *:not(:last-child){
68
+ .sapFeHorizontalContent > *:not(:last-child) {
69
69
  margin-left: 0;
70
70
  }
71
- .sapFeHorizontalContent > *:not(:last-child){
71
+ .sapFeHorizontalContent > *:not(:last-child) {
72
72
  margin-right: 2rem;
73
73
  }
74
- .sapFeHorizontalContent.sapFeTextAlignEnd > *:not(:last-child){
74
+ .sapFeHorizontalContent.sapFeTextAlignEnd > *:not(:last-child) {
75
75
  margin-right: 0;
76
76
  }
77
- .sapFeHorizontalContent.sapFeTextAlignEnd > *:not(:first-child){
77
+ .sapFeHorizontalContent.sapFeTextAlignEnd > *:not(:first-child) {
78
78
  margin-left: 2rem;
79
79
  }
80
- .sapFeVerticalContent > *{
80
+ .sapFeVerticalContent > * {
81
81
  display: block;
82
82
  }
83
- .sapFeVerticalContent > *:not(:last-child){
83
+ .sapFeVerticalContent > *:not(:last-child) {
84
84
  margin-bottom: 1rem;
85
85
  }
86
- .sapFeVerticalContent.sapFeVerticalAlignBottom > *:not(:first-child){
86
+ .sapFeVerticalContent.sapFeVerticalAlignBottom > *:not(:first-child) {
87
87
  margin-top: 1rem;
88
88
  }
89
- .sapFeText{
89
+ .sapFeText {
90
90
  border-radius: 0.25rem;
91
91
  }
92
- .sapFeTextWeightS{
92
+ .sapFeTextWeightS {
93
93
  height: 0.5rem;
94
94
  }
95
- .sapFeTextWeightM{
95
+ .sapFeTextWeightM {
96
96
  height: 0.75rem;
97
97
  }
98
- .sapFeTextWeightL{
98
+ .sapFeTextWeightL {
99
99
  height: 0.875rem;
100
100
  }
101
- .sapFeTextWidthS{
101
+ .sapFeTextWidthS {
102
102
  width: 75px;
103
103
  }
104
- .sapFeTextWidthM{
104
+ .sapFeTextWidthM {
105
105
  width: 120px;
106
106
  }
107
- .sapFeTextWidthL{
107
+ .sapFeTextWidthL {
108
108
  width: 225px;
109
109
  }
110
- .sapFeTextWidthXL{
110
+ .sapFeTextWidthXL {
111
111
  width: 275px;
112
112
  }
113
- .sapFeTextWidth30PX{
113
+ .sapFeTextWidth30PX {
114
114
  width: 30px;
115
115
  }
116
- .sapFeTextWidth50perct{
116
+ .sapFeTextWidth50perct {
117
117
  width: 50%;
118
118
  }
119
119
 
120
- .sapFeTextWidth50PX{
120
+ .sapFeTextWidth50PX {
121
121
  width: 50px;
122
122
  }
123
- .sapFeTextWidth80PX{
123
+ .sapFeTextWidth80PX {
124
124
  width: 80px;
125
125
  }
126
- .sapFeTextWidth90PX{
126
+ .sapFeTextWidth90PX {
127
127
  width: 90px;
128
128
  }
129
- .sapFeTextWidth100PX{
129
+ .sapFeTextWidth100PX {
130
130
  width: 100px;
131
131
  }
132
- .sapFeTextWidth120PX{
132
+ .sapFeTextWidth120PX {
133
133
  width: 120px !important;
134
134
  }
135
- .sapFeTextWidth160PX{
135
+ .sapFeTextWidth160PX {
136
136
  width: 160px;
137
137
  }
138
138
 
139
- .sapFeTextHeight20{
139
+ .sapFeTextHeight20 {
140
140
  height: 20px;
141
141
  }
142
- .sapFeTextHeight90PX{
142
+ .sapFeTextHeight90PX {
143
143
  height: 90px !important;
144
144
  }
145
145
 
146
- .sapFeTextWidth0{
146
+ .sapFeTextWidth0 {
147
147
  width: 0px;
148
148
  }
149
- .sapFeTextWidth140{
149
+ .sapFeTextWidth140 {
150
150
  width: 140px;
151
151
  }
152
- .sapFeTextWidth160{
152
+ .sapFeTextWidth160 {
153
153
  width: 160px;
154
154
  }
155
- .sapFeAction{
156
- width:1.5rem;
157
- height:1.5rem;
155
+ .sapFeAction {
156
+ width: 1.5rem;
157
+ height: 1.5rem;
158
158
  border-radius: 50%;
159
159
  }
160
- .sapFeAvatarSizeS{
161
- width:2rem;
162
- height:2rem;
160
+ .sapFeAvatarSizeS {
161
+ width: 2rem;
162
+ height: 2rem;
163
163
  }
164
- .sapFeAvatarSizeM{
165
- width:5rem;
166
- height:5rem;
164
+ .sapFeAvatarSizeM {
165
+ width: 5rem;
166
+ height: 5rem;
167
167
  }
168
- .sapFeOVPCardHeaderAvatar{
169
- width: 40px;
170
- height: 40px;
168
+ .sapFeOVPCardHeaderAvatar {
169
+ width: 40px;
170
+ height: 40px;
171
171
  background-size: 900px 900px;
172
172
  }
173
- .sapFeAvatarShapeCircle{
173
+ .sapFeAvatarShapeCircle {
174
174
  border-radius: 50%;
175
175
  }
176
- .sapFeBarChart{
176
+ .sapFeBarChart {
177
177
  display: inline-block;
178
178
  }
179
179
  .sapFeVerticalBarChart,
180
- .sapFeHorizontalBarChart{
180
+ .sapFeHorizontalBarChart {
181
181
  padding-right: 1rem;
182
182
  white-space: nowrap;
183
183
  }
184
184
  .sapFeBarChartWithMeasure .sapFeVerticalBarChart,
185
- .sapFeBarChartWithMeasure .sapFeHorizontalBarChart{
185
+ .sapFeBarChartWithMeasure .sapFeHorizontalBarChart {
186
186
  padding-right: 3rem;
187
187
  }
188
188
  .sapFeBarChart .sapFeHorizontalRepeaterItem,
189
- .sapFeHorizontalBarChart .sapFeVerticalRepeaterItem{
189
+ .sapFeHorizontalBarChart .sapFeVerticalRepeaterItem {
190
190
  border-radius: 0.25rem;
191
191
  }
192
- .sapFeHorizontalContent > .sapFeVerticalBar{
192
+ .sapFeHorizontalContent > .sapFeVerticalBar {
193
193
  margin: 0 0.55rem;
194
194
  }
195
- .sapFeVerticalBarWeightS{
195
+ .sapFeVerticalBarWeightS {
196
196
  width: 0.5rem;
197
197
  }
198
- .sapFeVerticalBarWeightM{
198
+ .sapFeVerticalBarWeightM {
199
199
  width: 0.75rem;
200
200
  }
201
- .sapFeVerticalBarWeight15{
201
+ .sapFeVerticalBarWeight15 {
202
202
  width: 1.5rem;
203
203
  }
204
- .sapFeVerticalBarWeightL{
204
+ .sapFeVerticalBarWeightL {
205
205
  width: 0.875rem;
206
206
  }
207
- .sapFeVerticalBarHeightS{
207
+ .sapFeVerticalBarHeightS {
208
208
  height: 75px;
209
209
  }
210
- .sapFeVerticalBarHeight0{
210
+ .sapFeVerticalBarHeight0 {
211
211
  height: 0px;
212
212
  }
213
- .sapFeVerticalBarHeight20{
213
+ .sapFeVerticalBarHeight20 {
214
214
  height: 20px;
215
215
  }
216
- .sapFeVerticalBarHeight30{
216
+ .sapFeVerticalBarHeight30 {
217
217
  height: 30px;
218
218
  }
219
- .sapFeVerticalBarHeight40{
219
+ .sapFeVerticalBarHeight40 {
220
220
  height: 40px;
221
221
  }
222
- .sapFeVerticalBarHeight60{
222
+ .sapFeVerticalBarHeight60 {
223
223
  height: 60px;
224
224
  }
225
- .sapFeVerticalBarHeight70{
225
+ .sapFeVerticalBarHeight70 {
226
226
  height: 60px;
227
227
  }
228
- .sapFeVerticalBarHeight80{
228
+ .sapFeVerticalBarHeight80 {
229
229
  height: 80px;
230
230
  }
231
- .sapFeVerticalBarHeight100{
231
+ .sapFeVerticalBarHeight100 {
232
232
  height: 100px;
233
233
  }
234
234
 
235
- .sapFeVerticalBarHeightM{
235
+ .sapFeVerticalBarHeightM {
236
236
  height: 120px;
237
237
  }
238
- .sapFeVerticalBarHeightL{
238
+ .sapFeVerticalBarHeightL {
239
239
  height: 225px;
240
240
  }
241
- .sapFeVerticalBarHeightXL{
241
+ .sapFeVerticalBarHeightXL {
242
242
  height: 275px;
243
243
  }
244
- .sapFeBarChartLegendContainer{
244
+ .sapFeBarChartLegendContainer {
245
245
  padding-bottom: 2rem;
246
246
  }
247
- .sapFeBarChartLegendItem:not(:last-child){
247
+ .sapFeBarChartLegendItem:not(:last-child) {
248
248
  margin-bottom: 0.25rem;
249
249
  }
250
- .sapFeChartSum{
250
+ .sapFeChartSum {
251
251
  line-height: 0.125rem;
252
252
  }
253
253
  .sapFeChartHorMeasure,
254
- sapFeChartVertMeasure{
254
+ sapFeChartVertMeasure {
255
255
  position: relative;
256
256
  }
257
- .sapFeChartVertMeasure:before{
258
- content:"";
257
+ .sapFeChartVertMeasure:before {
258
+ content: "";
259
259
  position: absolute;
260
- top:0;
261
- bottom:2px;
262
- left:0;
263
- width:2px;
260
+ top: 0;
261
+ bottom: 2px;
262
+ left: 0;
263
+ width: 2px;
264
264
  }
265
- .sapFeChartHorMeasure:after{
266
- content:"";
265
+ .sapFeChartHorMeasure:after {
266
+ content: "";
267
267
  position: absolute;
268
268
  bottom: 2px;
269
269
  right: 0.5rem;
270
- left:0;
271
- height:2px;
270
+ left: 0;
271
+ height: 2px;
272
272
  }
273
- .sapFeBarChartWithMeasure .sapFeChartHorMeasure:after{
273
+ .sapFeBarChartWithMeasure .sapFeChartHorMeasure:after {
274
274
  right: 2.5rem;
275
275
  }
276
- .sapFeVerticalBarChart.sapFeChartVertMeasure{
277
- margin-top:0.5rem;
276
+ .sapFeVerticalBarChart.sapFeChartVertMeasure {
277
+ margin-top: 0.5rem;
278
278
  }
279
- .sapFeBarChartWithMeasure .sapFeVerticalBarChart.sapFeChartVertMeasure{
279
+ .sapFeBarChartWithMeasure .sapFeVerticalBarChart.sapFeChartVertMeasure {
280
280
  margin-right: 1rem;
281
281
  }
282
- .sapFeVerticalBarChart.sapFeVAlignInline.sapFeChartHorMeasure{
282
+ .sapFeVerticalBarChart.sapFeVAlignInline.sapFeChartHorMeasure {
283
283
  margin-top: 0;
284
284
  }
285
- .sapFeVerticalBarChart.sapFeChartVertMeasure:before{
286
- top:-0.5rem;
285
+ .sapFeVerticalBarChart.sapFeChartVertMeasure:before {
286
+ top: -0.5rem;
287
287
  }
288
- .sapFeHorizontalBarChart.sapFeChartHorMeasure{
288
+ .sapFeHorizontalBarChart.sapFeChartHorMeasure {
289
289
  padding-bottom: 0.5rem;
290
290
  margin-top: 0.5rem;
291
291
  }
292
- .sapFeHorizontalBarChart.sapFeVAlignInline.sapFeChartHorMeasure{
292
+ .sapFeHorizontalBarChart.sapFeVAlignInline.sapFeChartHorMeasure {
293
293
  margin-top: 0;
294
294
  }
295
- .sapFeHorizontalBarChart.sapFeChartVertMeasure{
295
+ .sapFeHorizontalBarChart.sapFeChartVertMeasure {
296
296
  padding-left: 0.5rem;
297
297
  margin-right: 1rem;
298
298
  }
299
- .sapFeHorizontalBarChart.sapFeChartVertMeasure:before{
300
- top:-0.5rem;
299
+ .sapFeHorizontalBarChart.sapFeChartVertMeasure:before {
300
+ top: -0.5rem;
301
301
  }
302
- .sapFeHorizontalBarChart.sapFeChartHorMeasure:after{
302
+ .sapFeHorizontalBarChart.sapFeChartHorMeasure:after {
303
303
  right: 0;
304
304
  }
305
- .sapFeBarChartWithMeasure .sapFeHorizontalBarChart.sapFeChartHorMeasure:after{
305
+ .sapFeBarChartWithMeasure .sapFeHorizontalBarChart.sapFeChartHorMeasure:after {
306
306
  right: 2rem;
307
307
  }
308
- .sapFeChartSum .sapFeHorizontalRepeaterItem{
309
- height: 5px!important;
308
+ .sapFeChartSum .sapFeHorizontalRepeaterItem {
309
+ height: 5px !important;
310
310
  }
311
- .sapFeDonutChart{
312
- width:4rem;
313
- height:4rem;
311
+ .sapFeDonutChart {
312
+ width: 4rem;
313
+ height: 4rem;
314
314
  border-radius: 50%;
315
315
  position: relative;
316
316
  }
317
- .sapFeDonutChartInnerCircle{
318
- width:2rem;
319
- height:2rem;
317
+ .sapFeDonutChartInnerCircle {
318
+ width: 2rem;
319
+ height: 2rem;
320
320
  margin: 1rem;
321
321
  border-radius: 50%;
322
322
  background: @sapUiBaseColor;
323
323
  position: absolute;
324
- top:0;
325
- left:0;
324
+ top: 0;
325
+ left: 0;
326
326
  }
327
- .sapFeDonutChartCutOut{
328
- width:2rem;
329
- height:2rem;
327
+ .sapFeDonutChartCutOut {
328
+ width: 2rem;
329
+ height: 2rem;
330
330
  border-radius: 50% 0 0 0;
331
331
  background: @sapUiBaseColor;
332
332
  position: absolute;
333
- top:0;
334
- left:0;
333
+ top: 0;
334
+ left: 0;
335
335
  }
336
- .sapFeOVPCardContainer{
336
+ .sapFeOVPCardContainer {
337
337
  display: flex;
338
338
  flex-wrap: wrap;
339
339
  align-items: flex-start;
340
340
  }
341
- .sapFeOVPCard{
341
+ .sapFeOVPCard {
342
342
  width: calc(~"20rem - 2rem");
343
343
  margin: 0 2rem 2rem 0;
344
- border:1px solid @sapUiContentPlaceholderloadingBackground;
344
+ border: 1px solid @sapUiContentPlaceholderloadingBackground;
345
345
  }
346
- .sapFeOVPCardVersion2{
347
- width:calc(~"20rem - 2rem + 20rem");
346
+ .sapFeOVPCardVersion2 {
347
+ width: calc(~"20rem - 2rem + 20rem");
348
348
  }
349
- .sapFeOVPCardHeader{
350
- padding:1rem;
351
- border-bottom:1px solid @sapUiContentPlaceholderloadingBackground;
349
+ .sapFeOVPCardHeader {
350
+ padding: 1rem;
351
+ border-bottom: 1px solid @sapUiContentPlaceholderloadingBackground;
352
352
  }
353
- .sapFeOVPCardHeader .sapFeHorizontalContent > *:not(:last-child){
353
+ .sapFeOVPCardHeader .sapFeHorizontalContent > *:not(:last-child) {
354
354
  margin-right: 1rem;
355
355
  }
356
- .sapFeOVPCardContent{
357
- padding:1rem;
356
+ .sapFeOVPCardContent {
357
+ padding: 1rem;
358
358
  }
359
- .sapFeOVPCardContentContainer{
359
+ .sapFeOVPCardContentContainer {
360
360
  width: 100%;
361
361
  }
362
- .sapFeOVPCardVersion2 .sapFeOVPCardContent > .sapFeHorizontalLayout > *{
362
+ .sapFeOVPCardVersion2 .sapFeOVPCardContent > .sapFeHorizontalLayout > * {
363
363
  width: calc(~"50% - 1rem");
364
364
  }
365
- .sapFeHeader{
365
+ .sapFeHeader {
366
366
  padding-top: 1rem;
367
367
  padding-bottom: 2rem;
368
368
  background: @sapUiBaseColor;
369
369
  }
370
- .sapFeHeaderTitle{
370
+ .sapFeHeaderTitle {
371
371
  height: 3rem;
372
372
  line-height: 2.825rem;
373
373
  display: flex;
374
374
  justify-content: space-between;
375
375
  }
376
- .sapFeHeaderTitle > * > *{
376
+ .sapFeHeaderTitle > * > * {
377
377
  display: inline-block;
378
378
  vertical-align: middle;
379
379
  }
380
- .sapFeHeaderTitleWithSubtitle{
381
- height:4.25rem;
380
+ .sapFeHeaderTitleWithSubtitle {
381
+ height: 4.25rem;
382
382
  }
383
- .sapFeHeaderSubTitleText{
383
+ .sapFeHeaderSubTitleText {
384
384
  display: block;
385
385
  }
386
- .sapFeHeaderContent{
386
+ .sapFeHeaderContent {
387
387
  padding-top: 2rem;
388
388
  padding-bottom: 2rem;
389
389
  }
390
- .sapFeAnchorBar{
390
+ .sapFeAnchorBar {
391
391
  padding-top: 1rem;
392
392
  padding-bottom: 1px;
393
393
  }
394
- .sapFeContent{
394
+ .sapFeContent {
395
395
  background: @sapUiBaseColor;
396
396
  }
397
- .sapFeObjectPageSection{
397
+ .sapFeObjectPageSection {
398
398
  padding-top: 1rem;
399
399
  position: relative;
400
400
  }
401
- .sapFeVerticalContent > *:not(:last-child).sapFeObjectPageSectionTitle{
401
+ .sapFeVerticalContent > *:not(:last-child).sapFeObjectPageSectionTitle {
402
402
  margin-bottom: 3rem;
403
403
  }
404
- .sapFeObjectPageSectionTitle:after{
404
+ .sapFeObjectPageSectionTitle:after {
405
405
  content: ".";
406
- color:transparent;
406
+ color: transparent;
407
407
  position: absolute;
408
408
  top: 3rem;
409
- left:-1rem;
410
- right:-1rem;
411
- height:2px;
409
+ left: -1rem;
410
+ right: -1rem;
411
+ height: 2px;
412
412
  background: @sapUiListHeaderBackground;
413
413
  }
414
- .sapFeTable{
414
+ .sapFeTable {
415
415
  padding: 2rem 0;
416
416
  }
417
- .sapFeTableTitle{
417
+ .sapFeTableTitle {
418
418
  background: @sapUiContentPlaceholderloadingBackground;
419
419
  opacity: 0.66;
420
420
  }
421
- .sapFeTableColmnHeaderRow{
421
+ .sapFeTableColmnHeaderRow {
422
422
  background: @sapUiListHeaderBackground;
423
423
  margin-left: -1rem;
424
424
  margin-right: -1rem;
425
425
  padding-left: 1rem;
426
426
  padding-right: 1rem;
427
427
  }
428
- .sapFeTableCell{
428
+ .sapFeTableCell {
429
429
  height: 2rem;
430
430
  line-height: 2rem;
431
- width:calc(~"100% / 8");
431
+ width: calc(~"100% / 8");
432
432
  }
433
- .sapFeTableColmnHeaderCell{
433
+ .sapFeTableColmnHeaderCell {
434
434
  height: 2.5rem;
435
435
  line-height: 2.5rem;
436
- width:calc(~"100% / 8");
436
+ width: calc(~"100% / 8");
437
437
  }
438
- .sapFeTableText{
438
+ .sapFeTableText {
439
439
  display: inline-block;
440
440
  }
441
441
  .sapFeHorizontalContent > *:not(:last-child).sapFeTableColmnHeaderCell,
442
- .sapFeHorizontalContent > *:not(:last-child).sapFeTableCell{
443
- margin: 0
442
+ .sapFeHorizontalContent > *:not(:last-child).sapFeTableCell {
443
+ margin: 0;
444
444
  }
445
445
  .sapFeText,
446
446
  .sapFeAction,
@@ -448,7 +448,7 @@ sapFeChartVertMeasure{
448
448
  .sapFeChartVertMeasure:before,
449
449
  .sapFeChartHorMeasure:after,
450
450
  .sapFeAvatar,
451
- .sapFeDonutChart{
451
+ .sapFeDonutChart {
452
452
  background: @sapUiContentPlaceholderloadingBackground;
453
453
  -webkit-animation-duration: 2s;
454
454
  -webkit-animation-fill-mode: forwards;
@@ -459,127 +459,127 @@ sapFeChartVertMeasure{
459
459
  background-repeat: no-repeat;
460
460
  background-size: 900px 104px;
461
461
  }
462
- .sapFeChartVertMeasure:before{
462
+ .sapFeChartVertMeasure:before {
463
463
  background-size: 104px 900px;
464
464
  }
465
- .sapFeVerticalBar{
465
+ .sapFeVerticalBar {
466
466
  background-size: 104px 900px;
467
467
  }
468
- @keyframes placeHolderShimmer{
468
+ @keyframes placeHolderShimmer {
469
469
  0% {
470
470
  background-position-x: 100%;
471
471
  }
472
472
  100% {
473
- background-position-x: 0%;
473
+ background-position-x: 0%;
474
474
  }
475
475
  }
476
476
  @media (min-width: 2560px) and (max-width: 3839px) {
477
- .sapFeSmallestVisibleSizeXXL{
477
+ .sapFeSmallestVisibleSizeXXL {
478
478
  display: none;
479
479
  }
480
- .sapFeCols4 > *{
481
- width:calc(~"(100% / 3) - 2rem");
480
+ .sapFeCols4 > * {
481
+ width: calc(~"(100% / 3) - 2rem");
482
482
  }
483
483
  .sapFeTableColmnHeaderCell,
484
- .sapFeTableCell{
485
- width:calc(~"100% / 6");
484
+ .sapFeTableCell {
485
+ width: calc(~"100% / 6");
486
486
  }
487
487
  }
488
488
  .sapUiContainer-Wide .sapFeSmallestVisibleSizeXXL,
489
- .sapUiContainer-Wide .sapFeSmallestVisibleSizeXL{
489
+ .sapUiContainer-Wide .sapFeSmallestVisibleSizeXL {
490
490
  display: none;
491
491
  }
492
- .sapUiContainer-Wide .sapFeCols4 > *{
493
- width:calc(~"(100% / 2) - 2rem");
492
+ .sapUiContainer-Wide .sapFeCols4 > * {
493
+ width: calc(~"(100% / 2) - 2rem");
494
494
  }
495
495
  .sapUiContainer-Wide .sapFeTableColmnHeaderCell,
496
- .sapUiContainer-Wide .sapFeTableCell{
497
- width:calc(~"100% / 4");
496
+ .sapUiContainer-Wide .sapFeTableCell {
497
+ width: calc(~"100% / 4");
498
498
  }
499
499
  @media (min-width: 1024px) and (max-width: 2559px) {
500
500
  .sapFeSmallestVisibleSizeXXL,
501
- .sapFeSmallestVisibleSizeXL{
501
+ .sapFeSmallestVisibleSizeXL {
502
502
  display: none;
503
503
  }
504
- .sapFeCols4 > *{
505
- width:calc(~"(100% / 2) - 2rem");
504
+ .sapFeCols4 > * {
505
+ width: calc(~"(100% / 2) - 2rem");
506
506
  }
507
507
  .sapFeTableColmnHeaderCell,
508
- .sapFeTableCell{
509
- width:calc(~"100% / 4");
508
+ .sapFeTableCell {
509
+ width: calc(~"100% / 4");
510
510
  }
511
511
  }
512
512
  .sapUiContainer-Medium .sapFeSmallestVisibleSizeXXL,
513
513
  .sapUiContainer-Medium .sapFeSmallestVisibleSizeXL,
514
- .sapUiContainer-Medium .sapFeSmallestVisibleSizeL{
514
+ .sapUiContainer-Medium .sapFeSmallestVisibleSizeL {
515
515
  display: none;
516
516
  }
517
- .sapUiContainer-Medium .sapFeResponsivePadding{
517
+ .sapUiContainer-Medium .sapFeResponsivePadding {
518
518
  width: calc(~"100% - 4rem~");
519
519
  padding-left: 2rem;
520
520
  padding-right: 2rem;
521
521
  }
522
- .sapUiContainer-Medium .sapFeCols4 > *{
523
- width:calc(~"(100% / 2) - 2rem");
522
+ .sapUiContainer-Medium .sapFeCols4 > * {
523
+ width: calc(~"(100% / 2) - 2rem");
524
524
  }
525
525
  .sapUiContainer-Medium .sapFeTableColmnHeaderCell,
526
- .sapUiContainer-Medium .sapFeTableCell{
527
- width:calc(~"100% / 3");
526
+ .sapUiContainer-Medium .sapFeTableCell {
527
+ width: calc(~"100% / 3");
528
528
  }
529
529
  @media (min-width: 600px) and (max-width: 1023px) {
530
530
  .sapFeSmallestVisibleSizeXXL,
531
531
  .sapFeSmallestVisibleSizeXL,
532
- .sapFeSmallestVisibleSizeL{
532
+ .sapFeSmallestVisibleSizeL {
533
533
  display: none;
534
534
  }
535
- .sapFeResponsivePadding{
535
+ .sapFeResponsivePadding {
536
536
  width: calc(~"100% - 4rem");
537
537
  padding-left: 2rem;
538
538
  padding-right: 2rem;
539
539
  }
540
- .sapFeCols4 > *{
541
- width:calc(~"(100% / 2) - 2rem");
540
+ .sapFeCols4 > * {
541
+ width: calc(~"(100% / 2) - 2rem");
542
542
  }
543
543
  .sapFeTableColmnHeaderCell,
544
- .sapFeTableCell{
545
- width:calc(~"100% / 3");
544
+ .sapFeTableCell {
545
+ width: calc(~"100% / 3");
546
546
  }
547
547
  }
548
548
  .sapUiContainer-Narrow .sapFeSmallestVisibleSizeXXL,
549
549
  .sapUiContainer-Narrow .sapFeSmallestVisibleSizeXL,
550
550
  .sapUiContainer-Narrow .sapFeSmallestVisibleSizeL,
551
- .sapUiContainer-Narrow .sapFeSmallestVisibleSizeM{
551
+ .sapUiContainer-Narrow .sapFeSmallestVisibleSizeM {
552
552
  display: none;
553
553
  }
554
- .sapUiContainer-Narrow .sapFeResponsivePadding{
554
+ .sapUiContainer-Narrow .sapFeResponsivePadding {
555
555
  width: calc(~"100% - 2rem");
556
556
  padding-left: 1rem;
557
557
  padding-right: 1rem;
558
558
  }
559
- .sapUiContainer-Narrow .sapFeCols4 > *{
560
- width:calc(~"100% - 1rem");
559
+ .sapUiContainer-Narrow .sapFeCols4 > * {
560
+ width: calc(~"100% - 1rem");
561
561
  }
562
562
  .sapUiContainer-Narrow .sapFeTableColmnHeaderCell,
563
- .sapUiContainer-Narrow .sapFeTableCell{
564
- width:100%
563
+ .sapUiContainer-Narrow .sapFeTableCell {
564
+ width: 100%;
565
565
  }
566
566
  @media (max-width: 599px) {
567
567
  .sapFeSmallestVisibleSizeXXL,
568
568
  .sapFeSmallestVisibleSizeXL,
569
569
  .sapFeSmallestVisibleSizeL,
570
- .sapFeSmallestVisibleSizeM{
570
+ .sapFeSmallestVisibleSizeM {
571
571
  display: none;
572
572
  }
573
- .sapFeResponsivePadding{
573
+ .sapFeResponsivePadding {
574
574
  width: calc(~"100% - 2rem");
575
575
  padding-left: 1rem;
576
576
  padding-right: 1rem;
577
577
  }
578
- .sapFeCols4 > *{
579
- width:calc(~"100% - 1rem");
578
+ .sapFeCols4 > * {
579
+ width: calc(~"100% - 1rem");
580
580
  }
581
581
  .sapFeTableColmnHeaderCell,
582
- .sapFeTableCell{
583
- width:100%
582
+ .sapFeTableCell {
583
+ width: 100%;
584
584
  }
585
- }
585
+ }
package/src/sap/fe/placeholder/themes/base/library.source.less CHANGED
@@ -1,3 +1,3 @@
1
1
  @import "../../../../../sap/ui/core/themes/base/base.less";
2
2
  @import "../../../../../sap/ui/core/themes/base/global.less";
3
- @import "Placeholder.less";
3
+ @import "Placeholder.less";
package/src/sap/fe/placeholder/themes/sap_belize/library.source.less CHANGED
@@ -1,3 +1,3 @@
1
1
  @import "../base/library.source.less";
2
2
  @import "../../../../../sap/ui/core/themes/sap_belize/base.less";
3
- @import "../../../../../sap/ui/core/themes/sap_belize/global.less";
3
+ @import "../../../../../sap/ui/core/themes/sap_belize/global.less";
package/src/sap/fe/placeholder/themes/sap_belize_hcb/library.source.less CHANGED
@@ -1,3 +1,3 @@
1
1
  @import "../base/library.source.less";
2
2
  @import "../../../../../sap/ui/core/themes/sap_belize_hcb/base.less";
3
- @import "../../../../../sap/ui/core/themes/sap_belize_hcb/global.less";
3
+ @import "../../../../../sap/ui/core/themes/sap_belize_hcb/global.less";
package/src/sap/fe/placeholder/themes/sap_belize_hcw/library.source.less CHANGED
@@ -1,3 +1,3 @@
1
1
  @import "../base/library.source.less";
2
2
  @import "../../../../../sap/ui/core/themes/sap_belize_hcw/base.less";
3
- @import "../../../../../sap/ui/core/themes/sap_belize_hcw/global.less";
3
+ @import "../../../../../sap/ui/core/themes/sap_belize_hcw/global.less";
package/src/sap/fe/placeholder/themes/sap_belize_plus/library.source.less CHANGED
@@ -1,3 +1,3 @@
1
1
  @import "../sap_belize/library.source.less";
2
2
  @import "../../../../../sap/ui/core/themes/sap_belize_plus/base.less";
3
- @import "../../../../../sap/ui/core/themes/sap_belize_plus/global.less";
3
+ @import "../../../../../sap/ui/core/themes/sap_belize_plus/global.less";
package/src/sap/fe/placeholder/themes/sap_fiori_3/library.source.less CHANGED
@@ -1,3 +1,3 @@
1
1
  @import "../base/library.source.less";
2
2
  @import "../../../../../sap/ui/core/themes/sap_fiori_3/base.less";
3
- @import "../../../../../sap/ui/core/themes/sap_fiori_3/global.less";
3
+ @import "../../../../../sap/ui/core/themes/sap_fiori_3/global.less";
package/src/sap/fe/placeholder/themes/sap_fiori_3_dark/library.source.less CHANGED
@@ -1,3 +1,3 @@
1
1
  @import "../base/library.source.less";
2
2
  @import "../../../../../sap/ui/core/themes/sap_fiori_3_dark/base.less";
3
- @import "../../../../../sap/ui/core/themes/sap_fiori_3_dark/global.less";
3
+ @import "../../../../../sap/ui/core/themes/sap_fiori_3_dark/global.less";
package/src/sap/fe/placeholder/themes/sap_fiori_3_hcb/library.source.less CHANGED
@@ -1,3 +1,3 @@
1
1
  @import "../base/library.source.less";
2
2
  @import "../../../../../sap/ui/core/themes/sap_fiori_3_hcb/base.less";
3
- @import "../../../../../sap/ui/core/themes/sap_fiori_3_hcb/global.less";
3
+ @import "../../../../../sap/ui/core/themes/sap_fiori_3_hcb/global.less";
package/src/sap/fe/placeholder/themes/sap_fiori_3_hcw/library.source.less CHANGED
@@ -1,3 +1,3 @@
1
1
  @import "../base/library.source.less";
2
2
  @import "../../../../../sap/ui/core/themes/sap_fiori_3_hcw/base.less";
3
- @import "../../../../../sap/ui/core/themes/sap_fiori_3_hcw/global.less";
3
+ @import "../../../../../sap/ui/core/themes/sap_fiori_3_hcw/global.less";
package/src/sap/fe/placeholder/themes/sap_horizon/library.source.less CHANGED
@@ -1,3 +1,3 @@
1
1
  @import "../base/library.source.less";
2
2
  @import "../../../../../sap/ui/core/themes/sap_horizon/base.less";
3
- @import "../../../../../sap/ui/core/themes/sap_horizon/global.less";
3
+ @import "../../../../../sap/ui/core/themes/sap_horizon/global.less";
package/src/sap/fe/placeholder/themes/sap_horizon_dark/library.source.less CHANGED
@@ -1,3 +1,3 @@
1
1
  @import "../base/library.source.less";
2
2
  @import "../../../../../sap/ui/core/themes/sap_horizon_dark/base.less";
3
- @import "../../../../../sap/ui/core/themes/sap_horizon_dark/global.less";
3
+ @import "../../../../../sap/ui/core/themes/sap_horizon_dark/global.less";
package/src/sap/fe/placeholder/themes/sap_horizon_hcb/library.source.less CHANGED
@@ -1,3 +1,3 @@
1
1
  @import "../base/library.source.less";
2
2
  @import "../../../../../sap/ui/core/themes/sap_horizon_hcb/base.less";
3
- @import "../../../../../sap/ui/core/themes/sap_horizon_hcb/global.less";
3
+ @import "../../../../../sap/ui/core/themes/sap_horizon_hcb/global.less";
package/src/sap/fe/placeholder/themes/sap_horizon_hcw/library.source.less CHANGED
@@ -1,3 +1,3 @@
1
1
  @import "../base/library.source.less";
2
2
  @import "../../../../../sap/ui/core/themes/sap_horizon_hcw/base.less";
3
- @import "../../../../../sap/ui/core/themes/sap_horizon_hcw/global.less";
3
+ @import "../../../../../sap/ui/core/themes/sap_horizon_hcw/global.less";