@ui5/webcomponents-fiori 2.23.0-rc.2 → 2.24.0-rc.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/CHANGELOG.md +75 -0
- package/dist/.tsbuildinfo +1 -1
- package/dist/DynamicPage.d.ts +59 -0
- package/dist/DynamicPage.js +39 -1
- package/dist/DynamicPage.js.map +1 -1
- package/dist/DynamicPageHeader.d.ts +8 -0
- package/dist/DynamicPageHeader.js +6 -0
- package/dist/DynamicPageHeader.js.map +1 -1
- package/dist/DynamicPageTemplate.js +3 -3
- package/dist/DynamicPageTemplate.js.map +1 -1
- package/dist/HeroBanner.d.ts +147 -0
- package/dist/HeroBanner.js +165 -0
- package/dist/HeroBanner.js.map +1 -0
- package/dist/HeroBannerTemplate.d.ts +2 -0
- package/dist/HeroBannerTemplate.js +17 -0
- package/dist/HeroBannerTemplate.js.map +1 -0
- package/dist/NotificationListItem.d.ts +0 -1
- package/dist/NotificationListItem.js +2 -3
- package/dist/NotificationListItem.js.map +1 -1
- package/dist/ShellBar.d.ts +0 -1
- package/dist/ShellBar.js +2 -11
- package/dist/ShellBar.js.map +1 -1
- package/dist/ShellBarTemplate.js +1 -1
- package/dist/ShellBarTemplate.js.map +1 -1
- package/dist/Timeline.d.ts +52 -1
- package/dist/Timeline.js +66 -0
- package/dist/Timeline.js.map +1 -1
- package/dist/TimelineTemplate.js +4 -1
- package/dist/TimelineTemplate.js.map +1 -1
- package/dist/bundle.esm.js +1 -0
- package/dist/bundle.esm.js.map +1 -1
- package/dist/css/themes/HeroBanner.css +1 -0
- package/dist/css/themes/Timeline.css +1 -1
- package/dist/css/themes/sap_fiori_3/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_fiori_3_dark/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_fiori_3_hcb/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_fiori_3_hcw/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_horizon/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_horizon_auto/parameters-bundle.css +6 -0
- package/dist/css/themes/sap_horizon_dark/parameters-bundle.css +6 -0
- package/dist/css/themes/sap_horizon_dark_exp/parameters-bundle.css +6 -0
- package/dist/css/themes/sap_horizon_exp/parameters-bundle.css +6 -0
- package/dist/css/themes/sap_horizon_hc_auto/parameters-bundle.css +6 -0
- package/dist/css/themes/sap_horizon_hcb/parameters-bundle.css +6 -0
- package/dist/css/themes/sap_horizon_hcb_exp/parameters-bundle.css +6 -0
- package/dist/css/themes/sap_horizon_hcw/parameters-bundle.css +6 -0
- package/dist/css/themes/sap_horizon_hcw_exp/parameters-bundle.css +6 -0
- package/dist/custom-elements-internal.json +471 -137
- package/dist/custom-elements.json +346 -5
- package/dist/generated/assets/themes/sap_fiori_3/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_fiori_3_dark/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_fiori_3_hcb/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_fiori_3_hcw/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_auto/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_dark/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_dark_exp/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_exp/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_hc_auto/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_hcb/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_hcb_exp/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_hcw/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_hcw_exp/parameters-bundle.css.json +1 -1
- package/dist/generated/themes/HeroBanner.css.d.ts +2 -0
- package/dist/generated/themes/HeroBanner.css.js +8 -0
- package/dist/generated/themes/HeroBanner.css.js.map +1 -0
- package/dist/generated/themes/Timeline.css.d.ts +1 -1
- package/dist/generated/themes/Timeline.css.js +1 -1
- package/dist/generated/themes/Timeline.css.js.map +1 -1
- package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_horizon/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon_auto/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_horizon_auto/parameters-bundle.css.js +6 -0
- package/dist/generated/themes/sap_horizon_auto/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js +6 -0
- package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon_dark_exp/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_horizon_dark_exp/parameters-bundle.css.js +6 -0
- package/dist/generated/themes/sap_horizon_dark_exp/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js +6 -0
- package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon_hc_auto/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_horizon_hc_auto/parameters-bundle.css.js +6 -0
- package/dist/generated/themes/sap_horizon_hc_auto/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js +6 -0
- package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon_hcb_exp/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_horizon_hcb_exp/parameters-bundle.css.js +6 -0
- package/dist/generated/themes/sap_horizon_hcb_exp/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js +6 -0
- package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.js +6 -0
- package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.js.map +1 -1
- package/dist/types/HeroBannerActionsPlacement.d.ts +20 -0
- package/dist/types/HeroBannerActionsPlacement.js +22 -0
- package/dist/types/HeroBannerActionsPlacement.js.map +1 -0
- package/dist/types/HeroBannerColumnsRatio.d.ts +21 -0
- package/dist/types/HeroBannerColumnsRatio.js +23 -0
- package/dist/types/HeroBannerColumnsRatio.js.map +1 -0
- package/dist/types/HeroBannerHeaderBlockPlacement.d.ts +20 -0
- package/dist/types/HeroBannerHeaderBlockPlacement.js +22 -0
- package/dist/types/HeroBannerHeaderBlockPlacement.js.map +1 -0
- package/dist/vscode.html-custom-data.json +50 -2
- package/dist/web-types.json +153 -4
- package/package.json +7 -7
- package/src/DynamicPageTemplate.tsx +7 -5
- package/src/HeroBannerTemplate.tsx +65 -0
- package/src/ShellBarTemplate.tsx +1 -1
- package/src/TimelineTemplate.tsx +15 -1
- package/src/themes/HeroBanner.css +359 -0
- package/src/themes/Timeline.css +36 -7
- package/src/themes/base/HeroBanner-parameters.css +8 -0
- package/src/themes/sap_fiori_3/parameters-bundle.css +1 -0
- package/src/themes/sap_fiori_3_dark/parameters-bundle.css +1 -0
- package/src/themes/sap_fiori_3_hcb/parameters-bundle.css +1 -0
- package/src/themes/sap_fiori_3_hcw/parameters-bundle.css +1 -0
- package/src/themes/sap_horizon/HeroBanner-parameters.css +4 -0
- package/src/themes/sap_horizon/parameters-bundle.css +2 -0
- package/src/themes/sap_horizon_dark/parameters-bundle.css +1 -0
- package/src/themes/sap_horizon_dark_exp/parameters-bundle.css +1 -0
- package/src/themes/sap_horizon_exp/parameters-bundle.css +2 -0
- package/src/themes/sap_horizon_hcb/parameters-bundle.css +1 -0
- package/src/themes/sap_horizon_hcb_exp/parameters-bundle.css +1 -0
- package/src/themes/sap_horizon_hcw/parameters-bundle.css +1 -0
- package/src/themes/sap_horizon_hcw_exp/parameters-bundle.css +1 -0
|
@@ -167,6 +167,23 @@
|
|
|
167
167
|
}
|
|
168
168
|
],
|
|
169
169
|
"members": [
|
|
170
|
+
{
|
|
171
|
+
"kind": "field",
|
|
172
|
+
"name": "accessibilityAttributes",
|
|
173
|
+
"type": {
|
|
174
|
+
"text": "DynamicPageAccessibilityAttributes",
|
|
175
|
+
"references": [
|
|
176
|
+
{
|
|
177
|
+
"name": "DynamicPageAccessibilityAttributes",
|
|
178
|
+
"package": "@ui5/webcomponents-fiori",
|
|
179
|
+
"module": "dist/DynamicPage.js"
|
|
180
|
+
}
|
|
181
|
+
]
|
|
182
|
+
},
|
|
183
|
+
"default": "{}",
|
|
184
|
+
"description": "Defines additional accessibility attributes on different areas of the component.\n\nThe accessibilityAttributes object has the following fields,\nwhere each field is an object supporting one or more accessibility attributes:\n\n - **root**: `root.role` and `root.name`.\n - **header**: `header.role` and `header.name`.\n - **content**: `content.role` and `content.name`.\n - **footer**: `footer.role` and `footer.name`.\n\nThe accessibility attributes support the following values:\n\n- **role**: Defines the accessible ARIA landmark role of the area.\nAccepts the following values per section:\n`root` — `none`, `main`, `region`;\n`header` — `none`, `banner`, `region`;\n`content` — `none`, `main`, `region`, `form`;\n`footer` — `none`, `contentinfo`, `region`.\n\n- **name**: Defines the accessible ARIA name of the area.\nAccepts any string.",
|
|
185
|
+
"privacy": "public"
|
|
186
|
+
},
|
|
170
187
|
{
|
|
171
188
|
"kind": "field",
|
|
172
189
|
"name": "headerPinned",
|
|
@@ -225,6 +242,15 @@
|
|
|
225
242
|
}
|
|
226
243
|
],
|
|
227
244
|
"attributes": [
|
|
245
|
+
{
|
|
246
|
+
"description": "Defines additional accessibility attributes on different areas of the component.\n\nThe accessibilityAttributes object has the following fields,\nwhere each field is an object supporting one or more accessibility attributes:\n\n - **root**: `root.role` and `root.name`.\n - **header**: `header.role` and `header.name`.\n - **content**: `content.role` and `content.name`.\n - **footer**: `footer.role` and `footer.name`.\n\nThe accessibility attributes support the following values:\n\n- **role**: Defines the accessible ARIA landmark role of the area.\nAccepts the following values per section:\n`root` — `none`, `main`, `region`;\n`header` — `none`, `banner`, `region`;\n`content` — `none`, `main`, `region`, `form`;\n`footer` — `none`, `contentinfo`, `region`.\n\n- **name**: Defines the accessible ARIA name of the area.\nAccepts any string.",
|
|
247
|
+
"name": "accessibility-attributes",
|
|
248
|
+
"default": "{}",
|
|
249
|
+
"fieldName": "accessibilityAttributes",
|
|
250
|
+
"type": {
|
|
251
|
+
"text": "DynamicPageAccessibilityAttributes"
|
|
252
|
+
}
|
|
253
|
+
},
|
|
228
254
|
{
|
|
229
255
|
"description": "Defines if the header is pinned.",
|
|
230
256
|
"name": "header-pinned",
|
|
@@ -304,6 +330,29 @@
|
|
|
304
330
|
"description": "Defines the content of the Dynamic Page Header."
|
|
305
331
|
}
|
|
306
332
|
],
|
|
333
|
+
"members": [
|
|
334
|
+
{
|
|
335
|
+
"kind": "field",
|
|
336
|
+
"name": "accessibleName",
|
|
337
|
+
"type": {
|
|
338
|
+
"text": "string | undefined"
|
|
339
|
+
},
|
|
340
|
+
"description": "Defines the accessible ARIA label for the header region.\nOverrides the default \"Header Expanded\" / \"Header Snapped\" text.",
|
|
341
|
+
"privacy": "public",
|
|
342
|
+
"default": "undefined"
|
|
343
|
+
}
|
|
344
|
+
],
|
|
345
|
+
"attributes": [
|
|
346
|
+
{
|
|
347
|
+
"description": "Defines the accessible ARIA label for the header region.\nOverrides the default \"Header Expanded\" / \"Header Snapped\" text.",
|
|
348
|
+
"name": "accessible-name",
|
|
349
|
+
"default": "undefined",
|
|
350
|
+
"fieldName": "accessibleName",
|
|
351
|
+
"type": {
|
|
352
|
+
"text": "string | undefined"
|
|
353
|
+
}
|
|
354
|
+
}
|
|
355
|
+
],
|
|
307
356
|
"superclass": {
|
|
308
357
|
"name": "UI5Element",
|
|
309
358
|
"package": "@ui5/webcomponents-base",
|
|
@@ -1208,6 +1257,198 @@
|
|
|
1208
1257
|
}
|
|
1209
1258
|
]
|
|
1210
1259
|
},
|
|
1260
|
+
{
|
|
1261
|
+
"kind": "javascript-module",
|
|
1262
|
+
"path": "dist/HeroBanner.js",
|
|
1263
|
+
"declarations": [
|
|
1264
|
+
{
|
|
1265
|
+
"kind": "class",
|
|
1266
|
+
"description": "### Overview\n\nThe `ui5-hero-banner` is a flexible, full-width banner designed for placement at the top of a page.\nIt provides a personalized greeting and quick access to key information or actions.\n\n### Structure\n\nThe HeroBanner consists of the following building blocks:\n\n- **Banner Canvas** - the visual base with a background color, optional background image and shadow.\n- **Overline** (optional) - contextual text at the top, e.g. the current date or a status message.\n- **Header** (optional) - the main greeting header below the overline, e.g. \"Hello, John\".\n- **Free Slots** (optional) - customizable content areas that can contain KPI cards, search components, text, buttons, etc.\n\nThe banner is not sticky — it scrolls away with the page content when the user scrolls down.\n\n### Usage\n\nPlace the `ui5-hero-banner` at the top of a page to welcome the user and surface relevant\ninformation or shortcuts at a glance.\n\nThe hero banner itself is non-interactive. However, interactive elements such as buttons, cards,\nor search fields can be placed inside the free content slots and will follow their own\ninteractive states.\n\n### Responsive Behavior\n\nThe hero banner adapts to different screen sizes:\n- On smaller screens, split layouts (Equal, FirstWider) collapse to a single stacked column.\n- The heading text wraps to multiple lines as needed.\n- Buttons in the headerAction slot will wrap.\n- On screens ≤1024px, the header text is wrapped to a maximum of 3 lines.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-fiori/dist/HeroBanner.js\";`",
|
|
1267
|
+
"name": "HeroBanner",
|
|
1268
|
+
"cssParts": [
|
|
1269
|
+
{
|
|
1270
|
+
"description": "Used to style the banner canvas container",
|
|
1271
|
+
"name": "canvas"
|
|
1272
|
+
},
|
|
1273
|
+
{
|
|
1274
|
+
"description": "Used to style the content area of the banner",
|
|
1275
|
+
"name": "content"
|
|
1276
|
+
},
|
|
1277
|
+
{
|
|
1278
|
+
"description": "Used to style the end content block",
|
|
1279
|
+
"name": "endContent"
|
|
1280
|
+
},
|
|
1281
|
+
{
|
|
1282
|
+
"description": "Used to style the header area (salutation, date, header actions)",
|
|
1283
|
+
"name": "header"
|
|
1284
|
+
},
|
|
1285
|
+
{
|
|
1286
|
+
"description": "Used to style the start (default) content block",
|
|
1287
|
+
"name": "startContent"
|
|
1288
|
+
}
|
|
1289
|
+
],
|
|
1290
|
+
"slots": [
|
|
1291
|
+
{
|
|
1292
|
+
"name": "actions",
|
|
1293
|
+
"description": "Defines action buttons displayed to the right of the header area.\nTypically used to display actions buttons in the top right corner.\n\nCan contain buttons, links, or other interactive elements that provide\nquick access to relevant actions directly from the hero banner header."
|
|
1294
|
+
},
|
|
1295
|
+
{
|
|
1296
|
+
"name": "default",
|
|
1297
|
+
"description": "Defines the first (default) free content block of the hero banner.\n\nThis is the default slot — content placed directly inside `<ui5-hero-banner>`\nwithout a slot attribute lands here.\nCan contain KPI cards, search input fields, text, buttons, and more."
|
|
1298
|
+
},
|
|
1299
|
+
{
|
|
1300
|
+
"name": "endContent",
|
|
1301
|
+
"description": "Defines the second free content block of the hero banner.\n\nUsed alongside `startContent` when `columnsRatio` is set (`Equal`, `FirstWider`).\nCan contain cards, buttons, and other interactive elements."
|
|
1302
|
+
}
|
|
1303
|
+
],
|
|
1304
|
+
"members": [
|
|
1305
|
+
{
|
|
1306
|
+
"kind": "field",
|
|
1307
|
+
"name": "actionsPlacement",
|
|
1308
|
+
"type": {
|
|
1309
|
+
"text": "HeroBannerActionsPlacement",
|
|
1310
|
+
"references": [
|
|
1311
|
+
{
|
|
1312
|
+
"name": "HeroBannerActionsPlacement",
|
|
1313
|
+
"package": "@ui5/webcomponents-fiori",
|
|
1314
|
+
"module": "dist/types/HeroBannerActionsPlacement.js"
|
|
1315
|
+
}
|
|
1316
|
+
]
|
|
1317
|
+
},
|
|
1318
|
+
"default": "\"TopEnd\"",
|
|
1319
|
+
"description": "Defines the placement of the actions slot within the hero banner header.\n\n- **TopEnd** (default) - Actions are displayed to the right of the header text, at the top of the header row.\n- **BottomStart** - Actions are displayed below the header text, left-aligned, regardless of `columnsRatio` or slot usage.",
|
|
1320
|
+
"privacy": "public"
|
|
1321
|
+
},
|
|
1322
|
+
{
|
|
1323
|
+
"kind": "field",
|
|
1324
|
+
"name": "columnsRatio",
|
|
1325
|
+
"type": {
|
|
1326
|
+
"text": "HeroBannerColumnsRatio",
|
|
1327
|
+
"references": [
|
|
1328
|
+
{
|
|
1329
|
+
"name": "HeroBannerColumnsRatio",
|
|
1330
|
+
"package": "@ui5/webcomponents-fiori",
|
|
1331
|
+
"module": "dist/types/HeroBannerColumnsRatio.js"
|
|
1332
|
+
}
|
|
1333
|
+
]
|
|
1334
|
+
},
|
|
1335
|
+
"default": "\"FirstWider\"",
|
|
1336
|
+
"description": "Defines the ratio between the two content columns inside the hero banner.\n\nTakes effect only when `endContent` is provided. When no `endContent` is present, the content spans the full width (single column).\n\n- **Equal** - Two equal columns. Both content blocks share the available width equally.\n On smaller screens, both slots stack vertically.\n- **FirstWider** - Two unequal columns. The start content takes two-thirds of the width, the end content one-third.\n On smaller screens, both slots stack vertically.",
|
|
1337
|
+
"privacy": "public"
|
|
1338
|
+
},
|
|
1339
|
+
{
|
|
1340
|
+
"kind": "field",
|
|
1341
|
+
"name": "headerBlockPlacement",
|
|
1342
|
+
"type": {
|
|
1343
|
+
"text": "HeroBannerHeaderBlockPlacement",
|
|
1344
|
+
"references": [
|
|
1345
|
+
{
|
|
1346
|
+
"name": "HeroBannerHeaderBlockPlacement",
|
|
1347
|
+
"package": "@ui5/webcomponents-fiori",
|
|
1348
|
+
"module": "dist/types/HeroBannerHeaderBlockPlacement.js"
|
|
1349
|
+
}
|
|
1350
|
+
]
|
|
1351
|
+
},
|
|
1352
|
+
"default": "\"Top\"",
|
|
1353
|
+
"description": "Defines the vertical placement of the header block within the content area.\n\n- **Top** (default) - Header block is placed at the top of the content area.\n- **Bottom** - Header block is pushed to the bottom of column 1. Only takes effect when `columnsRatio`\n is `Equal` or `FirstWider` and only `endContent` is provided (no default slot content).\n When `actionsPlacement` is also `BottomStart`, the `endContent` slot spans the full height.",
|
|
1354
|
+
"privacy": "public"
|
|
1355
|
+
},
|
|
1356
|
+
{
|
|
1357
|
+
"kind": "field",
|
|
1358
|
+
"name": "headerText",
|
|
1359
|
+
"type": {
|
|
1360
|
+
"text": "string | undefined"
|
|
1361
|
+
},
|
|
1362
|
+
"description": "Defines the header text displayed in the hero banner.\n\nThis is the main greeting header, typically a personalized message\nsuch as \"Hello, John\".",
|
|
1363
|
+
"default": "undefined",
|
|
1364
|
+
"privacy": "public"
|
|
1365
|
+
},
|
|
1366
|
+
{
|
|
1367
|
+
"kind": "field",
|
|
1368
|
+
"name": "overlineText",
|
|
1369
|
+
"type": {
|
|
1370
|
+
"text": "string | undefined"
|
|
1371
|
+
},
|
|
1372
|
+
"description": "Defines text displayed above the heading as an overline.\nCan be used to show the current date, a status message, or any other relevant contextual information.",
|
|
1373
|
+
"default": "undefined",
|
|
1374
|
+
"privacy": "public"
|
|
1375
|
+
}
|
|
1376
|
+
],
|
|
1377
|
+
"attributes": [
|
|
1378
|
+
{
|
|
1379
|
+
"description": "Defines the placement of the actions slot within the hero banner header.\n\n- **TopEnd** (default) - Actions are displayed to the right of the header text, at the top of the header row.\n- **BottomStart** - Actions are displayed below the header text, left-aligned, regardless of `columnsRatio` or slot usage.",
|
|
1380
|
+
"name": "actions-placement",
|
|
1381
|
+
"default": "\"TopEnd\"",
|
|
1382
|
+
"fieldName": "actionsPlacement",
|
|
1383
|
+
"type": {
|
|
1384
|
+
"text": "\"TopEnd\" | \"BottomStart\""
|
|
1385
|
+
}
|
|
1386
|
+
},
|
|
1387
|
+
{
|
|
1388
|
+
"description": "Defines the ratio between the two content columns inside the hero banner.\n\nTakes effect only when `endContent` is provided. When no `endContent` is present, the content spans the full width (single column).\n\n- **Equal** - Two equal columns. Both content blocks share the available width equally.\n On smaller screens, both slots stack vertically.\n- **FirstWider** - Two unequal columns. The start content takes two-thirds of the width, the end content one-third.\n On smaller screens, both slots stack vertically.",
|
|
1389
|
+
"name": "columns-ratio",
|
|
1390
|
+
"default": "\"FirstWider\"",
|
|
1391
|
+
"fieldName": "columnsRatio",
|
|
1392
|
+
"type": {
|
|
1393
|
+
"text": "\"Equal\" | \"FirstWider\""
|
|
1394
|
+
}
|
|
1395
|
+
},
|
|
1396
|
+
{
|
|
1397
|
+
"description": "Defines the vertical placement of the header block within the content area.\n\n- **Top** (default) - Header block is placed at the top of the content area.\n- **Bottom** - Header block is pushed to the bottom of column 1. Only takes effect when `columnsRatio`\n is `Equal` or `FirstWider` and only `endContent` is provided (no default slot content).\n When `actionsPlacement` is also `BottomStart`, the `endContent` slot spans the full height.",
|
|
1398
|
+
"name": "header-block-placement",
|
|
1399
|
+
"default": "\"Top\"",
|
|
1400
|
+
"fieldName": "headerBlockPlacement",
|
|
1401
|
+
"type": {
|
|
1402
|
+
"text": "\"Top\" | \"Bottom\""
|
|
1403
|
+
}
|
|
1404
|
+
},
|
|
1405
|
+
{
|
|
1406
|
+
"description": "Defines the header text displayed in the hero banner.\n\nThis is the main greeting header, typically a personalized message\nsuch as \"Hello, John\".",
|
|
1407
|
+
"name": "header-text",
|
|
1408
|
+
"default": "undefined",
|
|
1409
|
+
"fieldName": "headerText",
|
|
1410
|
+
"type": {
|
|
1411
|
+
"text": "string | undefined"
|
|
1412
|
+
}
|
|
1413
|
+
},
|
|
1414
|
+
{
|
|
1415
|
+
"description": "Defines text displayed above the heading as an overline.\nCan be used to show the current date, a status message, or any other relevant contextual information.",
|
|
1416
|
+
"name": "overline-text",
|
|
1417
|
+
"default": "undefined",
|
|
1418
|
+
"fieldName": "overlineText",
|
|
1419
|
+
"type": {
|
|
1420
|
+
"text": "string | undefined"
|
|
1421
|
+
}
|
|
1422
|
+
}
|
|
1423
|
+
],
|
|
1424
|
+
"superclass": {
|
|
1425
|
+
"name": "UI5Element",
|
|
1426
|
+
"package": "@ui5/webcomponents-base",
|
|
1427
|
+
"module": "dist/UI5Element.js"
|
|
1428
|
+
},
|
|
1429
|
+
"tagName": "ui5-hero-banner",
|
|
1430
|
+
"customElement": true
|
|
1431
|
+
}
|
|
1432
|
+
],
|
|
1433
|
+
"exports": [
|
|
1434
|
+
{
|
|
1435
|
+
"kind": "js",
|
|
1436
|
+
"name": "default",
|
|
1437
|
+
"declaration": {
|
|
1438
|
+
"name": "HeroBanner",
|
|
1439
|
+
"module": "dist/HeroBanner.js"
|
|
1440
|
+
}
|
|
1441
|
+
},
|
|
1442
|
+
{
|
|
1443
|
+
"kind": "custom-element-definition",
|
|
1444
|
+
"name": "ui5-hero-banner",
|
|
1445
|
+
"declaration": {
|
|
1446
|
+
"name": "HeroBanner",
|
|
1447
|
+
"module": "dist/HeroBanner.js"
|
|
1448
|
+
}
|
|
1449
|
+
}
|
|
1450
|
+
]
|
|
1451
|
+
},
|
|
1211
1452
|
{
|
|
1212
1453
|
"kind": "javascript-module",
|
|
1213
1454
|
"path": "dist/IllustratedMessage.js",
|
|
@@ -2097,7 +2338,14 @@
|
|
|
2097
2338
|
"kind": "field",
|
|
2098
2339
|
"name": "accessibleRole",
|
|
2099
2340
|
"type": {
|
|
2100
|
-
"text": "
|
|
2341
|
+
"text": "ListItemAccessibleRole | undefined",
|
|
2342
|
+
"references": [
|
|
2343
|
+
{
|
|
2344
|
+
"name": "ListItemAccessibleRole",
|
|
2345
|
+
"package": "@ui5/webcomponents",
|
|
2346
|
+
"module": "dist/types/ListItemAccessibleRole.js"
|
|
2347
|
+
}
|
|
2348
|
+
]
|
|
2101
2349
|
},
|
|
2102
2350
|
"description": "Used to define the role of the list item.\n\n**Note:** If not set, the role is automatically inherited from the parent `ui5-list` based on its `accessible-role` property\n(e.g. `Menu` -> `MenuItem`, `Tree` -> `TreeItem`, `ListBox` -> `Option`).\nAn explicitly set `accessible-role` on the list item takes precedence over the inherited role.",
|
|
2103
2351
|
"default": "undefined",
|
|
@@ -8185,12 +8433,20 @@
|
|
|
8185
8433
|
"declarations": [
|
|
8186
8434
|
{
|
|
8187
8435
|
"kind": "class",
|
|
8188
|
-
"description": "### Overview\n\nThe `ui5-timeline` component shows entries (such as objects, events, or posts) in chronological order.\nA common use case is to provide information about changes to an object, or events related to an object.\nThese entries can be generated by the system (for example, value XY changed from A to B), or added manually.\nThere are two distinct variants of the timeline: basic and social. The basic timeline is read-only,\nwhile the social timeline offers a high level of interaction and collaboration, and is integrated within SAP Jam.",
|
|
8436
|
+
"description": "### Overview\n\nThe `ui5-timeline` component shows entries (such as objects, events, or posts) in chronological order.\nA common use case is to provide information about changes to an object, or events related to an object.\nThese entries can be generated by the system (for example, value XY changed from A to B), or added manually.\nThere are two distinct variants of the timeline: basic and social. The basic timeline is read-only,\nwhile the social timeline offers a high level of interaction and collaboration, and is integrated within SAP Jam.\n\n### Header and Info Bar Slots\n\nThe Timeline exposes two named slots above the items area:\n\n- `header` — for a controls bar (search field, filter trigger, sort toggle, etc.).\nThe most common pattern is to place a `ui5-toolbar` containing a search input and buttons that open\na filter dialog or toggle sort direction. The Timeline itself performs no filtering, sorting, or\nsearching — the application listens for events from its own controls and reorders, hides, or\nadds items in the default slot accordingly.\n\n- `infoBar` — for a status bar that reflects the result of the controls (active filters,\napplied sort, current search query). Typically contains tokens, labels, or a `ui5-bar`.\n\nThe Timeline itself does not filter, sort, or search — the application owns that logic.\nUse `stickyHeader` to pin both bars while the Timeline's items scroll. Give the Timeline\na constrained height in this mode so it owns its scrollbar.",
|
|
8189
8437
|
"name": "Timeline",
|
|
8190
8438
|
"slots": [
|
|
8191
8439
|
{
|
|
8192
8440
|
"name": "default",
|
|
8193
8441
|
"description": "Determines the content of the `ui5-timeline`."
|
|
8442
|
+
},
|
|
8443
|
+
{
|
|
8444
|
+
"name": "header",
|
|
8445
|
+
"description": "Defines the content of the Timeline's header area, displayed above the items.\nTypically a `ui5-toolbar` with search, sort, and filter controls."
|
|
8446
|
+
},
|
|
8447
|
+
{
|
|
8448
|
+
"name": "infoBar",
|
|
8449
|
+
"description": "Defines the content of the Timeline's info bar area, displayed below the header\nand above the items. Use for status display (applied filters, sort direction, counts)."
|
|
8194
8450
|
}
|
|
8195
8451
|
],
|
|
8196
8452
|
"members": [
|
|
@@ -8257,6 +8513,16 @@
|
|
|
8257
8513
|
"default": "1000",
|
|
8258
8514
|
"description": "Defines the delay in milliseconds, after which the loading indicator will show up for this component.",
|
|
8259
8515
|
"privacy": "public"
|
|
8516
|
+
},
|
|
8517
|
+
{
|
|
8518
|
+
"kind": "field",
|
|
8519
|
+
"name": "stickyHeader",
|
|
8520
|
+
"type": {
|
|
8521
|
+
"text": "boolean"
|
|
8522
|
+
},
|
|
8523
|
+
"default": "false",
|
|
8524
|
+
"description": "Defines whether the content of the `header` and `infoBar` slots remains visible when the user scrolls the Timeline.\n\n**Note:** The bars pin to the Timeline's own scrollport. Give the Timeline a\nconstrained height (for example `style=\"height: 32rem\"`) so its items scroll\ninside it. Placing the Timeline inside an externally scrolling ancestor while\nleaving the Timeline itself unsized is not supported in this mode — the bars\nwill scroll away with the ancestor.",
|
|
8525
|
+
"privacy": "public"
|
|
8260
8526
|
}
|
|
8261
8527
|
],
|
|
8262
8528
|
"events": [
|
|
@@ -8313,6 +8579,15 @@
|
|
|
8313
8579
|
"type": {
|
|
8314
8580
|
"text": "number"
|
|
8315
8581
|
}
|
|
8582
|
+
},
|
|
8583
|
+
{
|
|
8584
|
+
"description": "Defines whether the content of the `header` and `infoBar` slots remains visible when the user scrolls the Timeline.\n\n**Note:** The bars pin to the Timeline's own scrollport. Give the Timeline a\nconstrained height (for example `style=\"height: 32rem\"`) so its items scroll\ninside it. Placing the Timeline inside an externally scrolling ancestor while\nleaving the Timeline itself unsized is not supported in this mode — the bars\nwill scroll away with the ancestor.",
|
|
8585
|
+
"name": "sticky-header",
|
|
8586
|
+
"default": "false",
|
|
8587
|
+
"fieldName": "stickyHeader",
|
|
8588
|
+
"type": {
|
|
8589
|
+
"text": "boolean"
|
|
8590
|
+
}
|
|
8316
8591
|
}
|
|
8317
8592
|
],
|
|
8318
8593
|
"superclass": {
|
|
@@ -8980,7 +9255,14 @@
|
|
|
8980
9255
|
"kind": "field",
|
|
8981
9256
|
"name": "accessibleRole",
|
|
8982
9257
|
"type": {
|
|
8983
|
-
"text": "
|
|
9258
|
+
"text": "ListItemAccessibleRole | undefined",
|
|
9259
|
+
"references": [
|
|
9260
|
+
{
|
|
9261
|
+
"name": "ListItemAccessibleRole",
|
|
9262
|
+
"package": "@ui5/webcomponents",
|
|
9263
|
+
"module": "dist/types/ListItemAccessibleRole.js"
|
|
9264
|
+
}
|
|
9265
|
+
]
|
|
8984
9266
|
},
|
|
8985
9267
|
"description": "Used to define the role of the list item.\n\n**Note:** If not set, the role is automatically inherited from the parent `ui5-list` based on its `accessible-role` property\n(e.g. `Menu` -> `MenuItem`, `Tree` -> `TreeItem`, `ListBox` -> `Option`).\nAn explicitly set `accessible-role` on the list item takes precedence over the inherited role.",
|
|
8986
9268
|
"default": "undefined",
|
|
@@ -9798,7 +10080,14 @@
|
|
|
9798
10080
|
"kind": "field",
|
|
9799
10081
|
"name": "accessibleRole",
|
|
9800
10082
|
"type": {
|
|
9801
|
-
"text": "
|
|
10083
|
+
"text": "ListItemAccessibleRole | undefined",
|
|
10084
|
+
"references": [
|
|
10085
|
+
{
|
|
10086
|
+
"name": "ListItemAccessibleRole",
|
|
10087
|
+
"package": "@ui5/webcomponents",
|
|
10088
|
+
"module": "dist/types/ListItemAccessibleRole.js"
|
|
10089
|
+
}
|
|
10090
|
+
]
|
|
9802
10091
|
},
|
|
9803
10092
|
"description": "Used to define the role of the list item.\n\n**Note:** If not set, the role is automatically inherited from the parent `ui5-list` based on its `accessible-role` property\n(e.g. `Menu` -> `MenuItem`, `Tree` -> `TreeItem`, `ListBox` -> `Option`).\nAn explicitly set `accessible-role` on the list item takes precedence over the inherited role.",
|
|
9804
10093
|
"default": "undefined",
|
|
@@ -10756,7 +11045,14 @@
|
|
|
10756
11045
|
"kind": "field",
|
|
10757
11046
|
"name": "accessibleRole",
|
|
10758
11047
|
"type": {
|
|
10759
|
-
"text": "
|
|
11048
|
+
"text": "ListItemAccessibleRole | undefined",
|
|
11049
|
+
"references": [
|
|
11050
|
+
{
|
|
11051
|
+
"name": "ListItemAccessibleRole",
|
|
11052
|
+
"package": "@ui5/webcomponents",
|
|
11053
|
+
"module": "dist/types/ListItemAccessibleRole.js"
|
|
11054
|
+
}
|
|
11055
|
+
]
|
|
10760
11056
|
},
|
|
10761
11057
|
"description": "Used to define the role of the list item.\n\n**Note:** If not set, the role is automatically inherited from the parent `ui5-list` based on its `accessible-role` property\n(e.g. `Menu` -> `MenuItem`, `Tree` -> `TreeItem`, `ListBox` -> `Option`).\nAn explicitly set `accessible-role` on the list item takes precedence over the inherited role.",
|
|
10762
11058
|
"default": "undefined",
|
|
@@ -12302,6 +12598,51 @@
|
|
|
12302
12598
|
}
|
|
12303
12599
|
]
|
|
12304
12600
|
},
|
|
12601
|
+
{
|
|
12602
|
+
"kind": "javascript-module",
|
|
12603
|
+
"path": "dist/types/HeroBannerActionsPlacement.js",
|
|
12604
|
+
"declarations": [],
|
|
12605
|
+
"exports": [
|
|
12606
|
+
{
|
|
12607
|
+
"kind": "js",
|
|
12608
|
+
"name": "default",
|
|
12609
|
+
"declaration": {
|
|
12610
|
+
"name": "HeroBannerActionsPlacement",
|
|
12611
|
+
"module": "dist/types/HeroBannerActionsPlacement.js"
|
|
12612
|
+
}
|
|
12613
|
+
}
|
|
12614
|
+
]
|
|
12615
|
+
},
|
|
12616
|
+
{
|
|
12617
|
+
"kind": "javascript-module",
|
|
12618
|
+
"path": "dist/types/HeroBannerColumnsRatio.js",
|
|
12619
|
+
"declarations": [],
|
|
12620
|
+
"exports": [
|
|
12621
|
+
{
|
|
12622
|
+
"kind": "js",
|
|
12623
|
+
"name": "default",
|
|
12624
|
+
"declaration": {
|
|
12625
|
+
"name": "HeroBannerColumnsRatio",
|
|
12626
|
+
"module": "dist/types/HeroBannerColumnsRatio.js"
|
|
12627
|
+
}
|
|
12628
|
+
}
|
|
12629
|
+
]
|
|
12630
|
+
},
|
|
12631
|
+
{
|
|
12632
|
+
"kind": "javascript-module",
|
|
12633
|
+
"path": "dist/types/HeroBannerHeaderBlockPlacement.js",
|
|
12634
|
+
"declarations": [],
|
|
12635
|
+
"exports": [
|
|
12636
|
+
{
|
|
12637
|
+
"kind": "js",
|
|
12638
|
+
"name": "default",
|
|
12639
|
+
"declaration": {
|
|
12640
|
+
"name": "HeroBannerHeaderBlockPlacement",
|
|
12641
|
+
"module": "dist/types/HeroBannerHeaderBlockPlacement.js"
|
|
12642
|
+
}
|
|
12643
|
+
}
|
|
12644
|
+
]
|
|
12645
|
+
},
|
|
12305
12646
|
{
|
|
12306
12647
|
"kind": "javascript-module",
|
|
12307
12648
|
"path": "dist/types/IllustrationMessageDesign.js",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
":host{--_ui5_fcl_solid_bg: var(--sapShell_Background);--_ui5_fcl_column_border: none;--_ui5_fcl_decoration_top: linear-gradient(to top, var(--sapHighlightColor), transparent);--_ui5_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapHighlightColor), transparent);--sapIllus_BrandColorPrimary: var(--sapContent_Illustrative_Color1);--sapIllus_BrandColorSecondary: var(--sapContent_Illustrative_Color2);--sapIllus_StrokeDetailColor: var(--sapContent_Illustrative_Color4);--sapIllus_Layering1: var(--sapContent_Illustrative_Color5);--sapIllus_Layering2: var(--sapContent_Illustrative_Color6);--sapIllus_BackgroundColor: var(--sapContent_Illustrative_Color7);--sapIllus_ObjectFillColor: var(--sapContent_Illustrative_Color8);--sapIllus_AccentColor: var(--sapContent_Illustrative_Color3);--sapIllus_NoColor: none;--sapIllus_PatternShadow: url(#sapIllus_PatternShadow);--sapIllus_PatternHighlight: url(#sapIllus_PatternHighlight);--_ui5_media_gallery_overflow_btn_background: var(--sapButton_Neutral_Background);--_ui5_media_gallery_overflow_btn_color: var(--sapBaseColor);--_ui5_media_gallery_overflow_btn_border: none;--_ui5_media_gallery_thumbnail_border: 1px solid var(--sapContent_ForegroundColor);--_ui5_media_gallery_thumbnail_selected_border: 2px solid var(--sapSelectedColor);--_ui5_media_gallery_thumbnail_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5_media_gallery_item_overlay_box_shadow: inset 0px 0px 80px rgba(0, 0, 0, .2);--_ui5-notification_item-border-radius: 0px;--_ui5-notification_group_header-border-bottom-width: .0625rem;--_ui5-notification_group_header-margin: 0px;--_ui5-notification_group_header-margin-expanded: .5rem;--_ui5-notification_group_header-padding: 1rem .5rem;--_ui5-notification_item-state-icon-padding: .625rem;--_ui5-notification_item-border-bottom: var(--ui5-listitem-border-bottom);--_ui5-notification_item-border-top-left-right: none;--_ui5-notification_item-margin: 0;--_ui5-notification_item-background-color-hover: none;--_ui5-notification_item-background-color-active: none;--_ui5-notification_item-border-active: 1px solid transparent;--_ui5-notification_item-root-padding-inline: 1rem .5rem;--_ui5-notification_item-content-padding: .75rem 1rem;--_ui5-notification_item-title-margin-bottom: .25rem;--_ui5-notification_item-title-padding-end-two-buttons: var(--_ui5-compact-size, 3.875rem) var(--_ui5-cozy-size, 4.375rem);--_ui5-notification_item-title-padding-end-one-button: var(--_ui5-compact-size, 1.875rem) var(--_ui5-cozy-size, 2.125rem);--_ui5-notification_item-description-margin-top: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .75rem);--_ui5-notification_item-footer-margin-top: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .75rem);--_ui5-notification_item-focus-offset: 0;--_ui5-notification_item-outline-offset: 0;--_ui5-notification_item-growing-btn-background-color-active: var(--sapList_Active_Background);--_ui5_page_list_bg: var(--sapGroup_ContentBackground);--_ui5_page_transparent_bg: transparent;--_ui5_product_switch_item_width: 11.25rem;--_ui5_product_switch_item_height: 7rem;--_ui5_product_switch_item_active_outline_color: var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline_offset: -.1875rem;--_ui5_shellbar_root_height: 2.75rem;--_ui5_shellbar_logo_outline_color: var(--sapContent_ContrastFocusColor);--_ui5_shellbar_logo_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_shellbar_logo_outline_color);--_ui5_shellbar_outline_offset: -.0625rem;--_ui5_shellbar_button_box_shadow: none;--_ui5_shellbar_button_box_shadow_active: none;--_ui5_shellbar_button_border: none;--_ui5_shellbar_button_border_radius: .25rem;--_ui5_shellbar_button_focused_border: .0625rem dotted var(--sapContent_ContrastFocusColor);--_ui5_shellbar_button_active_color: var(--sapShell_Active_TextColor);--_ui5_shellbar_search_field_background: var(--sapShellColor);--_ui5_shellbar_search_field_border: .0625rem solid var(--sapShell_InteractiveBorderColor);--_ui5_shellbar_search_field_box_shadow: none;--_ui5_shellbar_search_field_color: var(--sapShell_TextColor);--_ui5_shellbar_search_field_outline_focused: .0625rem dotted var(--sapContent_ContrastFocusColor);--_ui5_shellbar_search_field_width: 25rem;--_ui5_shellbar_input_focus_outline_color: inherit;--_ui5_shellbar_overflow_container_middle_height: 2.5rem;--_ui5_shellbar_menu_button_title_font_size: .75rem;--_ui5_shellbar_image_button_border_radius: 50%;--_ui5-shellbar-content-margin-start: .5rem;--_ui5-shellbar-overflow-button-margin: .5rem;--_ui5-shellbar_separator-color: var(--sapToolbar_SeparatorColor);--_ui5-shellbar_cancel-button-color: var(--sapButton_Lite_TextColor);--_ui5-shellbar-badge-offset: .25rem;--_ui5-shellbar-badge-margin: -.25rem;--_ui5_side_navigation_width: 15rem;--_ui5_side_navigation_collapsed_width: 3rem;--_ui5_side_navigation_navigation_separator_margin: .25rem .5rem .25rem .5rem;--_ui5_side_navigation_navigation_separator_background_color: var(--sapList_GroupHeaderBorderColor);--_ui5_side_navigation_navigation_separator_radius: unset;--_ui5_side_navigation_navigation_separator_height: calc(2 * var(--sapList_BorderWidth));--_ui5_side_navigation_triangle_color: var(--sapContent_IconColor);--_ui5_side_navigation_border_right: 1px solid var(--sapGroup_ContentBorderColor);--_ui5_side_navigation_box_shadow: none;--_ui5_side_navigation_triangle_display: block;--_ui5_side_navigation_icon_color: var(--sapContent_IconColor);--_ui5_side_navigation_expand_icon_color: var(--sapContent_IconColor);--_ui5_side_navigation_expand_icon_width: 2rem;--_ui5_side_navigation_hover_border_style_color: none;--_ui5_side_navigation_hover_border_width: 0;--_ui5_side_navigation_group_border_style_color: solid var(--sapList_BorderColor);--_ui5_side_navigation_group_border_width: 0 0 .0625rem 0;--_ui5_side_navigation_item_border_style_color: none;--_ui5_side_navigation_item_border_width: 0;--_ui5_side_navigation_item_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_side_navigation_item_margin: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .875rem);--_ui5_side_navigation_item_expand_arrow_padding: var(--_ui5-compact-size, .3125rem) var(--_ui5-cozy-size, .6875rem);--_ui5_side_navigation_item_border_radius: 0;--_ui5_side_navigation_item_bottom_margin: 0;--_ui5_side_navigation_item_padding_start_in_popup: var(--_ui5_side_navigation_group_icon_width);--_ui5_side_navigation_item_padding_start_in_overflow_popup: .75rem;--_ui5_side_navigation_item_transition: none;--_ui5_side_navigation_item_padding_left: .5rem;--_ui5_side_navigation_item_focus_border_offset: 1px;--_ui5_side_navigation_item_focus_border_radius: var(--_ui5_side_navigation_item_border_radius);--_ui5_side_navigation_collapsed_selected_item_background: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, var(--sapList_SelectionBorderColor), var(--sapList_SelectionBorderColor)), var(--sapList_SelectionBackgroundColor);--_ui5_side_navigation_collapsed_selected_item_background_hover: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, var(--sapList_SelectionBorderColor), var(--sapList_SelectionBorderColor)), var(--sapList_Hover_SelectionBackground);--_ui5_side_navigation_selected_item_border_color: var(--sapList_SelectionBorderColor);--_ui5_side_navigation_selected_border_style_color: solid var(--_ui5_side_navigation_selected_item_border_color);--_ui5_side_navigation_selected_and_focused_border_style_color: var(--_ui5_side_navigation_selected_border_style_color);--_ui5_side_navigation_selected_border_width: 0 0 .0625rem 0;--_ui5_side_navigation_group_expanded_border_width: 0;--_ui5_side_navigation_group_icon_width: var(--_ui5_side_navigation_collapsed_width);--_ui5_side_navigation_icon_padding_inline_end: 1rem;--_ui5_side_navigation_item_font_family: var(--sapFontFamily);--_ui5_side_navigation_parent_item_font_family: var(--sapFontSemiboldDuplexFamily);--_ui5_side_navigation_group_padding: .5rem;--_ui5_side_navigation_padding-flexible: 0;--_ui5_side_navigation_padding-fixed: 0;--_ui5_side_navigation_popup_padding: 0;--_ui5_side_navigation_popup_title_line_height: normal;--_ui5_side_navigation_first_fixed_item_margin_top: 0;--_ui5_side_navigation_item_expand_icon_visibility: none;--_ui5_side_navigation_item_collapsed_hover_focus_width: auto;--_ui5_side_navigation_item_collapsed_hover_focus_display: none;--_ui5_side_navigation_item_collapsed_hover_focus_padding_right: 0;--_ui5_side_navigation_action_item_collapsed_padding: 0;--_ui5_side_navigation_item_collapsed_padding: 0;--_ui5_side_navigation_action_item_border_hover: var(--sapButton_BorderWidth) solid var(--sapButton_Hover_BorderColor);--_ui5_side_navigation_action_item_border_active: var(--sapButton_BorderWidth) solid var(--sapButton_Active_BorderColor);--_ui5_side_navigation_item_expand_icon_right: -.5rem;--_ui5_side_navigation_item_expand_icon_hover_left: auto;--_ui5_side_navigation_item_expand_icon_hover_right: 0;--_ui5_side_navigation_active_text_color: var(--sapList_Active_TextColor);--_ui5_TimelineItem_arrow_size: 1.625rem;--_ui5_TimelineItem_bubble_border_width: .0625rem;--_ui5_TimelineItem_bubble_border_style: dotted;--_ui5_TimelineItem_bubble_border_radius: .25rem;--_ui5_TimelineItem_bubble_border_color: var(--sapList_BorderColor);--_ui5_TimelineItem_bubble_border_top: -.125rem;--_ui5_TimelineItem_bubble_border_right: -.125rem;--_ui5_TimelineItem_bubble_border_bottom: -.125rem;--_ui5_TimelineItem_bubble_border_left: -.625rem;--_ui5_TimelineItem_bubble_rtl_left_offset: -.125rem;--_ui5_TimelineItem_bubble_rtl_right_offset: -.625rem;--_ui5_TimelineItem_bubble_focus_border_radius: 0;--_ui5_TimelineItem_horizontal_bubble_focus_top_offset: -.625rem;--_ui5_TimelineItem_horizontal_bubble_focus_left_offset: -.125rem;--_ui5_TimelineItem_bubble_content_padding: var(--_ui5_tl_bubble_padding);--_ui5_TimelineItem_bubble_content_subtitle_padding_top: .375rem;--_ui5_TimelineItem_bubble_content_description_padding_top: .75rem;--_ui5_tl_bubble_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);--_ui5_tl_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem 1rem 1rem .5rem);--_ui5_tl_li_margin_bottom: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1.625rem);--_ui5_timeline_tli_indicator_before_bottom: var(--_ui5-compact-size, -.75rem) var(--_ui5-cozy-size, -1.5rem);--_ui5_timeline_tli_indicator_before_right: var(--_ui5-compact-size, -.5rem) var(--_ui5-cozy-size, -1.625rem);--_ui5_timeline_tli_indicator_before_without_icon_bottom: var(--_ui5-compact-size, -1rem) var(--_ui5-cozy-size, -1.875rem);--_ui5_timeline_tli_indicator_before_without_icon_right: var(--_ui5-compact-size, -.8125rem) var(--_ui5-cozy-size, -1.9375rem);--_ui5_timeline_tli_indicator_after_top: var(--_ui5-compact-size, -50%) var(--_ui5-cozy-size, calc(-100% - 1rem) );--_ui5_timeline_tli_indicator_after_height: var(--_ui5-compact-size, 50%) var(--_ui5-cozy-size, calc(100% + 1rem) );--_ui5_timeline_tli_indicator_before_height: var(--_ui5-compact-size, calc(100% - 1.25rem) ) var(--_ui5-cozy-size, 100%);--_ui5_timeline_tli_horizontal_indicator_after_width: var(--_ui5-compact-size, calc(100% - 1rem) ) var(--_ui5-cozy-size, calc(100% + .25rem) );--_ui5_timeline_tli_horizontal_indicator_after_left: var(--_ui5-compact-size, 1.8625rem) var(--_ui5-cozy-size, 1.9375rem);--_ui5_timeline_tli_horizontal_without_icon_indicator_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .5rem) );--_ui5_timeline_tli_horizontal_indicator_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .5rem) );--_ui5_timeline_tli_icon_horizontal_indicator_after_width: var(--_ui5-compact-size, calc(100% - .75rem) ) var(--_ui5-cozy-size, calc(100% + .25rem) );--_ui5_timeline_tli_without_icon_horizontal_indicator_before_width: var(--_ui5-compact-size, calc(100% - .625rem) ) var(--_ui5-cozy-size, calc(100% + .375rem) );--_ui5_timeline_tli_horizontal_indicator_short_after_width: var(--_ui5-compact-size, calc(100% - 1rem) ) var(--_ui5-cozy-size, 100%);--ui5_upload_collection_drag_overlay_border: .125rem dashed var(--sapContent_ForegroundBorderColor);--ui5_upload_collection_drop_overlay_border: .125rem solid var(--sapContent_DragAndDropActiveColor);--ui5_upload_collection_drop_overlay_background: transparent;--ui5_upload_collection_thumbnail_size: 3rem;--ui5_upload_collection_thumbnail_margin_inline_end: .75rem;--ui5_upload_collection_small_size_buttons_margin_block_start: .75rem;--ui5_upload_collection_small_size_buttons_margin_inline_start: 0;--ui5_upload_collection_drag_overlay_text_color: var(--sapContent_NonInteractiveIconColor);--ui5_upload_collection_drag_overlay_icon_color: var(--sapContent_NonInteractiveIconColor);--ui5_upload_collection_drag_overlay_border_radius: 0;--ui5_upload_collection_drag_overlay_opacity: .8;--_ui5_vsd_header_container: var(--_ui5-compact-size, 2.5rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_vsd_sub_header_container_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_vsd_content_li_padding: .375rem;--_ui5_vsd_content_height: 23.4375rem;--_ui5_vsd_expand_content_height: var(--_ui5-compact-size, 25.4375rem) var(--_ui5-cozy-size, 26.1875rem);--_ui5_wiz_content_item_wrapper_padding: 0rem;--_ui5_wiz_content_item_wrapper_bg: var(--sapBackgroundColor);--_ui5_search_icon_border_radius: .375rem;--_ui5_search_input_border_radius: none;--_ui5-search-border: var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);--_ui5-search-icon-border: none;--_ui5-search-wrapper-background: var(--sapShellColor);--_ui5_search_separator_background: none;--_ui5-search-wrapper-hover-background: none;--_ui5-search-wrapper-hover-background-color: none;--_ui5-search-elements-hover-background: var(--sapShell_Hover_Background);--_ui5-search-elements-active-background: var(--sapShell_Active_Background);--_ui5_search_input_scope_margin: 0;--_ui5-search_input_scope_hover_shadow: none;--_ui5-search_input_scope_active_shadow: none;--_ui5-search-elements-background: var(--sapShell_InteractiveBackground);--_ui5_search_wrapper_outline: none;--_ui5_search_input_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapField_Active_BorderColor);--_ui5_search_filter_button_border_radius: .375rem;--_ui5_seach_filter_button_border_hover: 1px solid var(--sapButton_Hover_BorderColor);--_ui5_search_filter_button_border: none;--_ui5-search-filter_button_background_color: var(--sapShell_InteractiveBackground);--ui5_search_filter_button_background_active: var(--sapShell_InteractiveBackground);--_ui5_search_icon_size: 2.25rem;--_ui5_search_icon_size_default: 2.25rem;--_ui5_search_icon_padding: .625rem;--_ui5_search_icon_hover_padding: .5625rem;--_ui5_search_input_start_margin: .25rem;--_ui5_search_input_end_padding: .25rem;--_ui5-search-input-start-padding: .625rem;--_ui5-search-select-height: 2.25rem;--_ui5-search-loading-overlay-background: var(--sapBackgroundColor);--_ui5-search-loading-overlay-transparency: .72;--_ui5-search-field-text-color: var(--sapShell_InteractiveTextColor);--_ui5_search_item_vertical_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);--_ui5_search_byline_vertical_padding: .5rem;--_ui5_wiz_tab_focus_outline: 1px dotted var(--sapContent_FocusColor);--_ui5_wiz_tab_selected_bg: var(--sapSelectedColor);--_ui5_wiz_tab_border: 1px solid var(--sapSelectedColor);--_ui5_wiz_tab_selection_line: var(--sapSelectedColor);--_ui5_wiz_tab_icon_color: var(--sapSelectedColor);--_ui5_wiz_tab_active_separator_color: var(--sapSelectedColor);--_ui5_wiz_tab_title_color: var(--sapContent_LabelColor);--_ui5_wiz_tab_title_font_family: var(--sapFontFamily);--_ui5_wiz_tab_focus_border_radius: 0;--_ui5_dynamic_page_footer_spacer: 4rem;--_ui5_dynamic_page_title_padding_S: .5rem 1rem;--_ui5_dynamic_page_title_padding_M: .5rem 2rem;--_ui5_dynamic_page_title_padding_L: .5rem 2rem;--_ui5_dynamic_page_title_padding_XL: .5rem 3rem;--_ui5_dynamic_page_header_padding_S: .5rem 1rem .125rem;--_ui5_dynamic_page_header_padding_M: 1rem 2rem;--_ui5_dynamic_page_header_padding_L: 1rem 2rem;--_ui5_dynamic_page_header_padding_XL: 1rem 3rem;--_ui5_dynamic_page_content_padding_S: 1rem 0 0;--_ui5_dynamic_page_content_padding_M: 1rem 1rem 0;--_ui5_dynamic_page_content_padding_L: 1rem 1rem 0;--_ui5_dynamic_page_content_padding_XL: 1rem 2rem 0;--ui5_dynamic_page_background: var(--sapBackgroundColor);--_ui5_dynamic_page_title_padding_top: .5rem;--_ui5_dynamic_page_title_padding_bottom: .5rem;--_ui5_dynamic_page_title_min_height: 3rem;--_ui5_dynamic_page_title_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5_dynamic_page_title_focus_outline_offset: -.0625rem;--_ui5_dynamic_page_title_breadcrumbs_padding_top: .5rem;--_ui5_dynamic_page_title_breadcrumbs_padding_bottom: .25rem;--_ui5_dynamic_page_title_heading_padding_top: .3125rem;--_ui5_dynamic_page_title_subheading_margin_top: .25rem;--_ui5_dynamic_page_title_hover_background: var(--sapObjectHeader_Hover_Background);--_ui5_dynamic_page_snapped_title_on_mobile_line_height: 2rem;--_ui5_dynamic_page_snapped_title_on_mobile_min_height: 2rem;--_ui5_dynamic_page_header_background_color: var(--sapObjectHeader_Background);--_ui5_dynamic_page_header-actions-box-shadow: var(--sapContent_Shadow0);--_ui5_dynamic_page_header-box-shadow: var(--sapContent_HeaderShadow);--_ui5_dynamic_page_actions-lines-color: var(--sapHighlightColor);--_ui5_dynamic_page_header-actions-background: var(--sapObjectHeader_Background);--_ui5_dynamic_page_header-actions-color: var(--sapButton_TextColor);--_ui5_dynamic_page_header-actions-background-pressed: var(--_ui5_dynamic_page_header-actions-color);--_ui5_dynamic_page_header-actions-color-pressed: var(--_ui5_dynamic_page_header-actions-background);--_ui5_timeline_tlgi_line_horizontal_height: 16.375rem;--_ui5_timeline_tlgi_root_horizontal_height: var(--_ui5-compact-size, 20.90625rem) var(--_ui5-cozy-size, 21.53125rem);--_ui5_timeline_tlgi_compact_icon_before_height: var(--_ui5-compact-size, calc(100% + 1.5rem) ) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));--_ui5_timeline_tlgi_horizontal_line_placeholder_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tlgi_compact_icon_before_height)) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));--_ui5_timeline_tlgi_horizontal_compact_root_margin_left: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));--_ui5_timeline_tlgi_compact_root_gap: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));--_ui5_timeline_scroll_container_offset: .5rem;--_ui5_shellbar_notification_btn_count_offset: .125rem;--_ui5_user_settings_avatar_cozy_display: var(--_ui5-compact-size, none) var(--_ui5-cozy-size, inline-block);--_ui5_user_settings_avatar_compact_display: var(--_ui5-compact-size, inline-block) var(--_ui5-cozy-size, none);--_ui5_user_settings_item_title_font_size: var(--_ui5-compact-size, var(--sapFontLargeSize)) var(--_ui5-cozy-size, var(--sapFontSize))}\n:dir(rtl){--_ui5_timeline_scroll_container_offset: -.5rem;--_ui5_shellbar_notification_btn_count_offset: auto;--_ui5_side_navigation_item_expand_icon_hover_left: 0;--_ui5_side_navigation_item_expand_icon_hover_right: auto}\n"
|
|
1
|
+
":host{--_ui5_banner_background: var(--sapShell_HeroBanner_Background);--_ui5_banner_text_color: var(--sapShell_HeroBanner_TextColor);--_ui5_banner_border_radius: var(--sapTile_BorderCornerRadius);--_ui5_banner_border: .0625rem solid var(--sapTile_BorderColor);--_ui5_banner_box_shadow: var(--sapContent_Shadow0);--_ui5_banner_background_image: var(--sapShell_HeroBanner_BackgroundImage);--_ui5_fcl_solid_bg: var(--sapShell_Background);--_ui5_fcl_column_border: none;--_ui5_fcl_decoration_top: linear-gradient(to top, var(--sapHighlightColor), transparent);--_ui5_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapHighlightColor), transparent);--sapIllus_BrandColorPrimary: var(--sapContent_Illustrative_Color1);--sapIllus_BrandColorSecondary: var(--sapContent_Illustrative_Color2);--sapIllus_StrokeDetailColor: var(--sapContent_Illustrative_Color4);--sapIllus_Layering1: var(--sapContent_Illustrative_Color5);--sapIllus_Layering2: var(--sapContent_Illustrative_Color6);--sapIllus_BackgroundColor: var(--sapContent_Illustrative_Color7);--sapIllus_ObjectFillColor: var(--sapContent_Illustrative_Color8);--sapIllus_AccentColor: var(--sapContent_Illustrative_Color3);--sapIllus_NoColor: none;--sapIllus_PatternShadow: url(#sapIllus_PatternShadow);--sapIllus_PatternHighlight: url(#sapIllus_PatternHighlight);--_ui5_media_gallery_overflow_btn_background: var(--sapButton_Neutral_Background);--_ui5_media_gallery_overflow_btn_color: var(--sapBaseColor);--_ui5_media_gallery_overflow_btn_border: none;--_ui5_media_gallery_thumbnail_border: 1px solid var(--sapContent_ForegroundColor);--_ui5_media_gallery_thumbnail_selected_border: 2px solid var(--sapSelectedColor);--_ui5_media_gallery_thumbnail_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5_media_gallery_item_overlay_box_shadow: inset 0px 0px 80px rgba(0, 0, 0, .2);--_ui5-notification_item-border-radius: 0px;--_ui5-notification_group_header-border-bottom-width: .0625rem;--_ui5-notification_group_header-margin: 0px;--_ui5-notification_group_header-margin-expanded: .5rem;--_ui5-notification_group_header-padding: 1rem .5rem;--_ui5-notification_item-state-icon-padding: .625rem;--_ui5-notification_item-border-bottom: var(--ui5-listitem-border-bottom);--_ui5-notification_item-border-top-left-right: none;--_ui5-notification_item-margin: 0;--_ui5-notification_item-background-color-hover: none;--_ui5-notification_item-background-color-active: none;--_ui5-notification_item-border-active: 1px solid transparent;--_ui5-notification_item-root-padding-inline: 1rem .5rem;--_ui5-notification_item-content-padding: .75rem 1rem;--_ui5-notification_item-title-margin-bottom: .25rem;--_ui5-notification_item-title-padding-end-two-buttons: var(--_ui5-compact-size, 3.875rem) var(--_ui5-cozy-size, 4.375rem);--_ui5-notification_item-title-padding-end-one-button: var(--_ui5-compact-size, 1.875rem) var(--_ui5-cozy-size, 2.125rem);--_ui5-notification_item-description-margin-top: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .75rem);--_ui5-notification_item-footer-margin-top: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .75rem);--_ui5-notification_item-focus-offset: 0;--_ui5-notification_item-outline-offset: 0;--_ui5-notification_item-growing-btn-background-color-active: var(--sapList_Active_Background);--_ui5_page_list_bg: var(--sapGroup_ContentBackground);--_ui5_page_transparent_bg: transparent;--_ui5_product_switch_item_width: 11.25rem;--_ui5_product_switch_item_height: 7rem;--_ui5_product_switch_item_active_outline_color: var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline_offset: -.1875rem;--_ui5_shellbar_root_height: 2.75rem;--_ui5_shellbar_logo_outline_color: var(--sapContent_ContrastFocusColor);--_ui5_shellbar_logo_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_shellbar_logo_outline_color);--_ui5_shellbar_outline_offset: -.0625rem;--_ui5_shellbar_button_box_shadow: none;--_ui5_shellbar_button_box_shadow_active: none;--_ui5_shellbar_button_border: none;--_ui5_shellbar_button_border_radius: .25rem;--_ui5_shellbar_button_focused_border: .0625rem dotted var(--sapContent_ContrastFocusColor);--_ui5_shellbar_button_active_color: var(--sapShell_Active_TextColor);--_ui5_shellbar_search_field_background: var(--sapShellColor);--_ui5_shellbar_search_field_border: .0625rem solid var(--sapShell_InteractiveBorderColor);--_ui5_shellbar_search_field_box_shadow: none;--_ui5_shellbar_search_field_color: var(--sapShell_TextColor);--_ui5_shellbar_search_field_outline_focused: .0625rem dotted var(--sapContent_ContrastFocusColor);--_ui5_shellbar_search_field_width: 25rem;--_ui5_shellbar_input_focus_outline_color: inherit;--_ui5_shellbar_overflow_container_middle_height: 2.5rem;--_ui5_shellbar_menu_button_title_font_size: .75rem;--_ui5_shellbar_image_button_border_radius: 50%;--_ui5-shellbar-content-margin-start: .5rem;--_ui5-shellbar-overflow-button-margin: .5rem;--_ui5-shellbar_separator-color: var(--sapToolbar_SeparatorColor);--_ui5-shellbar_cancel-button-color: var(--sapButton_Lite_TextColor);--_ui5-shellbar-badge-offset: .25rem;--_ui5-shellbar-badge-margin: -.25rem;--_ui5_side_navigation_width: 15rem;--_ui5_side_navigation_collapsed_width: 3rem;--_ui5_side_navigation_navigation_separator_margin: .25rem .5rem .25rem .5rem;--_ui5_side_navigation_navigation_separator_background_color: var(--sapList_GroupHeaderBorderColor);--_ui5_side_navigation_navigation_separator_radius: unset;--_ui5_side_navigation_navigation_separator_height: calc(2 * var(--sapList_BorderWidth));--_ui5_side_navigation_triangle_color: var(--sapContent_IconColor);--_ui5_side_navigation_border_right: 1px solid var(--sapGroup_ContentBorderColor);--_ui5_side_navigation_box_shadow: none;--_ui5_side_navigation_triangle_display: block;--_ui5_side_navigation_icon_color: var(--sapContent_IconColor);--_ui5_side_navigation_expand_icon_color: var(--sapContent_IconColor);--_ui5_side_navigation_expand_icon_width: 2rem;--_ui5_side_navigation_hover_border_style_color: none;--_ui5_side_navigation_hover_border_width: 0;--_ui5_side_navigation_group_border_style_color: solid var(--sapList_BorderColor);--_ui5_side_navigation_group_border_width: 0 0 .0625rem 0;--_ui5_side_navigation_item_border_style_color: none;--_ui5_side_navigation_item_border_width: 0;--_ui5_side_navigation_item_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_side_navigation_item_margin: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .875rem);--_ui5_side_navigation_item_expand_arrow_padding: var(--_ui5-compact-size, .3125rem) var(--_ui5-cozy-size, .6875rem);--_ui5_side_navigation_item_border_radius: 0;--_ui5_side_navigation_item_bottom_margin: 0;--_ui5_side_navigation_item_padding_start_in_popup: var(--_ui5_side_navigation_group_icon_width);--_ui5_side_navigation_item_padding_start_in_overflow_popup: .75rem;--_ui5_side_navigation_item_transition: none;--_ui5_side_navigation_item_padding_left: .5rem;--_ui5_side_navigation_item_focus_border_offset: 1px;--_ui5_side_navigation_item_focus_border_radius: var(--_ui5_side_navigation_item_border_radius);--_ui5_side_navigation_collapsed_selected_item_background: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, var(--sapList_SelectionBorderColor), var(--sapList_SelectionBorderColor)), var(--sapList_SelectionBackgroundColor);--_ui5_side_navigation_collapsed_selected_item_background_hover: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, var(--sapList_SelectionBorderColor), var(--sapList_SelectionBorderColor)), var(--sapList_Hover_SelectionBackground);--_ui5_side_navigation_selected_item_border_color: var(--sapList_SelectionBorderColor);--_ui5_side_navigation_selected_border_style_color: solid var(--_ui5_side_navigation_selected_item_border_color);--_ui5_side_navigation_selected_and_focused_border_style_color: var(--_ui5_side_navigation_selected_border_style_color);--_ui5_side_navigation_selected_border_width: 0 0 .0625rem 0;--_ui5_side_navigation_group_expanded_border_width: 0;--_ui5_side_navigation_group_icon_width: var(--_ui5_side_navigation_collapsed_width);--_ui5_side_navigation_icon_padding_inline_end: 1rem;--_ui5_side_navigation_item_font_family: var(--sapFontFamily);--_ui5_side_navigation_parent_item_font_family: var(--sapFontSemiboldDuplexFamily);--_ui5_side_navigation_group_padding: .5rem;--_ui5_side_navigation_padding-flexible: 0;--_ui5_side_navigation_padding-fixed: 0;--_ui5_side_navigation_popup_padding: 0;--_ui5_side_navigation_popup_title_line_height: normal;--_ui5_side_navigation_first_fixed_item_margin_top: 0;--_ui5_side_navigation_item_expand_icon_visibility: none;--_ui5_side_navigation_item_collapsed_hover_focus_width: auto;--_ui5_side_navigation_item_collapsed_hover_focus_display: none;--_ui5_side_navigation_item_collapsed_hover_focus_padding_right: 0;--_ui5_side_navigation_action_item_collapsed_padding: 0;--_ui5_side_navigation_item_collapsed_padding: 0;--_ui5_side_navigation_action_item_border_hover: var(--sapButton_BorderWidth) solid var(--sapButton_Hover_BorderColor);--_ui5_side_navigation_action_item_border_active: var(--sapButton_BorderWidth) solid var(--sapButton_Active_BorderColor);--_ui5_side_navigation_item_expand_icon_right: -.5rem;--_ui5_side_navigation_item_expand_icon_hover_left: auto;--_ui5_side_navigation_item_expand_icon_hover_right: 0;--_ui5_side_navigation_active_text_color: var(--sapList_Active_TextColor);--_ui5_TimelineItem_arrow_size: 1.625rem;--_ui5_TimelineItem_bubble_border_width: .0625rem;--_ui5_TimelineItem_bubble_border_style: dotted;--_ui5_TimelineItem_bubble_border_radius: .25rem;--_ui5_TimelineItem_bubble_border_color: var(--sapList_BorderColor);--_ui5_TimelineItem_bubble_border_top: -.125rem;--_ui5_TimelineItem_bubble_border_right: -.125rem;--_ui5_TimelineItem_bubble_border_bottom: -.125rem;--_ui5_TimelineItem_bubble_border_left: -.625rem;--_ui5_TimelineItem_bubble_rtl_left_offset: -.125rem;--_ui5_TimelineItem_bubble_rtl_right_offset: -.625rem;--_ui5_TimelineItem_bubble_focus_border_radius: 0;--_ui5_TimelineItem_horizontal_bubble_focus_top_offset: -.625rem;--_ui5_TimelineItem_horizontal_bubble_focus_left_offset: -.125rem;--_ui5_TimelineItem_bubble_content_padding: var(--_ui5_tl_bubble_padding);--_ui5_TimelineItem_bubble_content_subtitle_padding_top: .375rem;--_ui5_TimelineItem_bubble_content_description_padding_top: .75rem;--_ui5_tl_bubble_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);--_ui5_tl_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem 1rem 1rem .5rem);--_ui5_tl_li_margin_bottom: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1.625rem);--_ui5_timeline_tli_indicator_before_bottom: var(--_ui5-compact-size, -.75rem) var(--_ui5-cozy-size, -1.5rem);--_ui5_timeline_tli_indicator_before_right: var(--_ui5-compact-size, -.5rem) var(--_ui5-cozy-size, -1.625rem);--_ui5_timeline_tli_indicator_before_without_icon_bottom: var(--_ui5-compact-size, -1rem) var(--_ui5-cozy-size, -1.875rem);--_ui5_timeline_tli_indicator_before_without_icon_right: var(--_ui5-compact-size, -.8125rem) var(--_ui5-cozy-size, -1.9375rem);--_ui5_timeline_tli_indicator_after_top: var(--_ui5-compact-size, -50%) var(--_ui5-cozy-size, calc(-100% - 1rem) );--_ui5_timeline_tli_indicator_after_height: var(--_ui5-compact-size, 50%) var(--_ui5-cozy-size, calc(100% + 1rem) );--_ui5_timeline_tli_indicator_before_height: var(--_ui5-compact-size, calc(100% - 1.25rem) ) var(--_ui5-cozy-size, 100%);--_ui5_timeline_tli_horizontal_indicator_after_width: var(--_ui5-compact-size, calc(100% - 1rem) ) var(--_ui5-cozy-size, calc(100% + .25rem) );--_ui5_timeline_tli_horizontal_indicator_after_left: var(--_ui5-compact-size, 1.8625rem) var(--_ui5-cozy-size, 1.9375rem);--_ui5_timeline_tli_horizontal_without_icon_indicator_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .5rem) );--_ui5_timeline_tli_horizontal_indicator_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .5rem) );--_ui5_timeline_tli_icon_horizontal_indicator_after_width: var(--_ui5-compact-size, calc(100% - .75rem) ) var(--_ui5-cozy-size, calc(100% + .25rem) );--_ui5_timeline_tli_without_icon_horizontal_indicator_before_width: var(--_ui5-compact-size, calc(100% - .625rem) ) var(--_ui5-cozy-size, calc(100% + .375rem) );--_ui5_timeline_tli_horizontal_indicator_short_after_width: var(--_ui5-compact-size, calc(100% - 1rem) ) var(--_ui5-cozy-size, 100%);--ui5_upload_collection_drag_overlay_border: .125rem dashed var(--sapContent_ForegroundBorderColor);--ui5_upload_collection_drop_overlay_border: .125rem solid var(--sapContent_DragAndDropActiveColor);--ui5_upload_collection_drop_overlay_background: transparent;--ui5_upload_collection_thumbnail_size: 3rem;--ui5_upload_collection_thumbnail_margin_inline_end: .75rem;--ui5_upload_collection_small_size_buttons_margin_block_start: .75rem;--ui5_upload_collection_small_size_buttons_margin_inline_start: 0;--ui5_upload_collection_drag_overlay_text_color: var(--sapContent_NonInteractiveIconColor);--ui5_upload_collection_drag_overlay_icon_color: var(--sapContent_NonInteractiveIconColor);--ui5_upload_collection_drag_overlay_border_radius: 0;--ui5_upload_collection_drag_overlay_opacity: .8;--_ui5_vsd_header_container: var(--_ui5-compact-size, 2.5rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_vsd_sub_header_container_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_vsd_content_li_padding: .375rem;--_ui5_vsd_content_height: 23.4375rem;--_ui5_vsd_expand_content_height: var(--_ui5-compact-size, 25.4375rem) var(--_ui5-cozy-size, 26.1875rem);--_ui5_wiz_content_item_wrapper_padding: 0rem;--_ui5_wiz_content_item_wrapper_bg: var(--sapBackgroundColor);--_ui5_search_icon_border_radius: .375rem;--_ui5_search_input_border_radius: none;--_ui5-search-border: var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);--_ui5-search-icon-border: none;--_ui5-search-wrapper-background: var(--sapShellColor);--_ui5_search_separator_background: none;--_ui5-search-wrapper-hover-background: none;--_ui5-search-wrapper-hover-background-color: none;--_ui5-search-elements-hover-background: var(--sapShell_Hover_Background);--_ui5-search-elements-active-background: var(--sapShell_Active_Background);--_ui5_search_input_scope_margin: 0;--_ui5-search_input_scope_hover_shadow: none;--_ui5-search_input_scope_active_shadow: none;--_ui5-search-elements-background: var(--sapShell_InteractiveBackground);--_ui5_search_wrapper_outline: none;--_ui5_search_input_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapField_Active_BorderColor);--_ui5_search_filter_button_border_radius: .375rem;--_ui5_seach_filter_button_border_hover: 1px solid var(--sapButton_Hover_BorderColor);--_ui5_search_filter_button_border: none;--_ui5-search-filter_button_background_color: var(--sapShell_InteractiveBackground);--ui5_search_filter_button_background_active: var(--sapShell_InteractiveBackground);--_ui5_search_icon_size: 2.25rem;--_ui5_search_icon_size_default: 2.25rem;--_ui5_search_icon_padding: .625rem;--_ui5_search_icon_hover_padding: .5625rem;--_ui5_search_input_start_margin: .25rem;--_ui5_search_input_end_padding: .25rem;--_ui5-search-input-start-padding: .625rem;--_ui5-search-select-height: 2.25rem;--_ui5-search-loading-overlay-background: var(--sapBackgroundColor);--_ui5-search-loading-overlay-transparency: .72;--_ui5-search-field-text-color: var(--sapShell_InteractiveTextColor);--_ui5_search_item_vertical_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);--_ui5_search_byline_vertical_padding: .5rem;--_ui5_wiz_tab_focus_outline: 1px dotted var(--sapContent_FocusColor);--_ui5_wiz_tab_selected_bg: var(--sapSelectedColor);--_ui5_wiz_tab_border: 1px solid var(--sapSelectedColor);--_ui5_wiz_tab_selection_line: var(--sapSelectedColor);--_ui5_wiz_tab_icon_color: var(--sapSelectedColor);--_ui5_wiz_tab_active_separator_color: var(--sapSelectedColor);--_ui5_wiz_tab_title_color: var(--sapContent_LabelColor);--_ui5_wiz_tab_title_font_family: var(--sapFontFamily);--_ui5_wiz_tab_focus_border_radius: 0;--_ui5_dynamic_page_footer_spacer: 4rem;--_ui5_dynamic_page_title_padding_S: .5rem 1rem;--_ui5_dynamic_page_title_padding_M: .5rem 2rem;--_ui5_dynamic_page_title_padding_L: .5rem 2rem;--_ui5_dynamic_page_title_padding_XL: .5rem 3rem;--_ui5_dynamic_page_header_padding_S: .5rem 1rem .125rem;--_ui5_dynamic_page_header_padding_M: 1rem 2rem;--_ui5_dynamic_page_header_padding_L: 1rem 2rem;--_ui5_dynamic_page_header_padding_XL: 1rem 3rem;--_ui5_dynamic_page_content_padding_S: 1rem 0 0;--_ui5_dynamic_page_content_padding_M: 1rem 1rem 0;--_ui5_dynamic_page_content_padding_L: 1rem 1rem 0;--_ui5_dynamic_page_content_padding_XL: 1rem 2rem 0;--ui5_dynamic_page_background: var(--sapBackgroundColor);--_ui5_dynamic_page_title_padding_top: .5rem;--_ui5_dynamic_page_title_padding_bottom: .5rem;--_ui5_dynamic_page_title_min_height: 3rem;--_ui5_dynamic_page_title_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5_dynamic_page_title_focus_outline_offset: -.0625rem;--_ui5_dynamic_page_title_breadcrumbs_padding_top: .5rem;--_ui5_dynamic_page_title_breadcrumbs_padding_bottom: .25rem;--_ui5_dynamic_page_title_heading_padding_top: .3125rem;--_ui5_dynamic_page_title_subheading_margin_top: .25rem;--_ui5_dynamic_page_title_hover_background: var(--sapObjectHeader_Hover_Background);--_ui5_dynamic_page_snapped_title_on_mobile_line_height: 2rem;--_ui5_dynamic_page_snapped_title_on_mobile_min_height: 2rem;--_ui5_dynamic_page_header_background_color: var(--sapObjectHeader_Background);--_ui5_dynamic_page_header-actions-box-shadow: var(--sapContent_Shadow0);--_ui5_dynamic_page_header-box-shadow: var(--sapContent_HeaderShadow);--_ui5_dynamic_page_actions-lines-color: var(--sapHighlightColor);--_ui5_dynamic_page_header-actions-background: var(--sapObjectHeader_Background);--_ui5_dynamic_page_header-actions-color: var(--sapButton_TextColor);--_ui5_dynamic_page_header-actions-background-pressed: var(--_ui5_dynamic_page_header-actions-color);--_ui5_dynamic_page_header-actions-color-pressed: var(--_ui5_dynamic_page_header-actions-background);--_ui5_timeline_tlgi_line_horizontal_height: 16.375rem;--_ui5_timeline_tlgi_root_horizontal_height: var(--_ui5-compact-size, 20.90625rem) var(--_ui5-cozy-size, 21.53125rem);--_ui5_timeline_tlgi_compact_icon_before_height: var(--_ui5-compact-size, calc(100% + 1.5rem) ) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));--_ui5_timeline_tlgi_horizontal_line_placeholder_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tlgi_compact_icon_before_height)) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));--_ui5_timeline_tlgi_horizontal_compact_root_margin_left: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));--_ui5_timeline_tlgi_compact_root_gap: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));--_ui5_timeline_scroll_container_offset: .5rem;--_ui5_shellbar_notification_btn_count_offset: .125rem;--_ui5_user_settings_avatar_cozy_display: var(--_ui5-compact-size, none) var(--_ui5-cozy-size, inline-block);--_ui5_user_settings_avatar_compact_display: var(--_ui5-compact-size, inline-block) var(--_ui5-cozy-size, none);--_ui5_user_settings_item_title_font_size: var(--_ui5-compact-size, var(--sapFontLargeSize)) var(--_ui5-cozy-size, var(--sapFontSize))}\n:dir(rtl){--_ui5_timeline_scroll_container_offset: -.5rem;--_ui5_shellbar_notification_btn_count_offset: auto;--_ui5_side_navigation_item_expand_icon_hover_left: 0;--_ui5_side_navigation_item_expand_icon_hover_right: auto}\n"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
":host{--_ui5_fcl_solid_bg: var(--sapShell_Background);--_ui5_fcl_column_border: none;--_ui5_fcl_decoration_top: linear-gradient(to top, var(--sapHighlightColor), transparent);--_ui5_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapHighlightColor), transparent);--sapIllus_BrandColorPrimary: var(--sapContent_Illustrative_Color1);--sapIllus_BrandColorSecondary: var(--sapContent_Illustrative_Color2);--sapIllus_StrokeDetailColor: var(--sapContent_Illustrative_Color4);--sapIllus_Layering1: var(--sapContent_Illustrative_Color5);--sapIllus_Layering2: var(--sapContent_Illustrative_Color6);--sapIllus_BackgroundColor: var(--sapContent_Illustrative_Color7);--sapIllus_ObjectFillColor: var(--sapContent_Illustrative_Color8);--sapIllus_AccentColor: var(--sapContent_Illustrative_Color3);--sapIllus_NoColor: none;--sapIllus_PatternShadow: url(#sapIllus_PatternShadow);--sapIllus_PatternHighlight: url(#sapIllus_PatternHighlight);--_ui5_media_gallery_overflow_btn_background: var(--sapButton_Neutral_Background);--_ui5_media_gallery_overflow_btn_color: var(--sapBaseColor);--_ui5_media_gallery_overflow_btn_border: none;--_ui5_media_gallery_thumbnail_border: 1px solid var(--sapContent_ForegroundColor);--_ui5_media_gallery_thumbnail_selected_border: 2px solid var(--sapSelectedColor);--_ui5_media_gallery_thumbnail_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5_media_gallery_item_overlay_box_shadow: inset 0px 0px 80px rgba(0, 0, 0, .2);--_ui5-notification_item-border-radius: 0px;--_ui5-notification_group_header-border-bottom-width: .0625rem;--_ui5-notification_group_header-margin: 0px;--_ui5-notification_group_header-margin-expanded: .5rem;--_ui5-notification_group_header-padding: 1rem .5rem;--_ui5-notification_item-state-icon-padding: .625rem;--_ui5-notification_item-border-bottom: var(--ui5-listitem-border-bottom);--_ui5-notification_item-border-top-left-right: none;--_ui5-notification_item-margin: 0;--_ui5-notification_item-background-color-hover: none;--_ui5-notification_item-background-color-active: none;--_ui5-notification_item-border-active: 1px solid transparent;--_ui5-notification_item-root-padding-inline: 1rem .5rem;--_ui5-notification_item-content-padding: .75rem 1rem;--_ui5-notification_item-title-margin-bottom: .25rem;--_ui5-notification_item-title-padding-end-two-buttons: var(--_ui5-compact-size, 3.875rem) var(--_ui5-cozy-size, 4.375rem);--_ui5-notification_item-title-padding-end-one-button: var(--_ui5-compact-size, 1.875rem) var(--_ui5-cozy-size, 2.125rem);--_ui5-notification_item-description-margin-top: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .75rem);--_ui5-notification_item-footer-margin-top: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .75rem);--_ui5-notification_item-focus-offset: 0;--_ui5-notification_item-outline-offset: 0;--_ui5-notification_item-growing-btn-background-color-active: var(--sapList_Active_Background);--_ui5_page_list_bg: var(--sapGroup_ContentBackground);--_ui5_page_transparent_bg: transparent;--_ui5_product_switch_item_width: 11.25rem;--_ui5_product_switch_item_height: 7rem;--_ui5_product_switch_item_active_outline_color: var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline_offset: -.1875rem;--_ui5_shellbar_root_height: 2.75rem;--_ui5_shellbar_logo_outline_color: var(--sapContent_FocusColor);--_ui5_shellbar_logo_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_shellbar_logo_outline_color);--_ui5_shellbar_outline_offset: -.0625rem;--_ui5_shellbar_button_box_shadow: none;--_ui5_shellbar_button_box_shadow_active: none;--_ui5_shellbar_button_border: none;--_ui5_shellbar_button_border_radius: .25rem;--_ui5_shellbar_button_focused_border: .0625rem dotted var(--sapContent_FocusColor);--_ui5_shellbar_button_active_color: var(--sapShell_Active_TextColor);--_ui5_shellbar_search_field_background: var(--sapShellColor);--_ui5_shellbar_search_field_border: .0625rem solid var(--sapShell_InteractiveBorderColor);--_ui5_shellbar_search_field_box_shadow: none;--_ui5_shellbar_search_field_color: var(--sapShell_TextColor);--_ui5_shellbar_search_field_outline_focused: .0625rem dotted var(--sapContent_ContrastFocusColor);--_ui5_shellbar_search_field_width: 25rem;--_ui5_shellbar_input_focus_outline_color: inherit;--_ui5_shellbar_overflow_container_middle_height: 2.5rem;--_ui5_shellbar_menu_button_title_font_size: .75rem;--_ui5_shellbar_image_button_border_radius: 50%;--_ui5-shellbar-content-margin-start: .5rem;--_ui5-shellbar-overflow-button-margin: .5rem;--_ui5-shellbar_separator-color: var(--sapToolbar_SeparatorColor);--_ui5-shellbar_cancel-button-color: var(--sapButton_Lite_TextColor);--_ui5-shellbar-badge-offset: .25rem;--_ui5-shellbar-badge-margin: -.25rem;--_ui5_side_navigation_width: 15rem;--_ui5_side_navigation_collapsed_width: 3rem;--_ui5_side_navigation_navigation_separator_margin: .25rem .5rem .25rem .5rem;--_ui5_side_navigation_navigation_separator_background_color: var(--sapList_GroupHeaderBorderColor);--_ui5_side_navigation_navigation_separator_radius: unset;--_ui5_side_navigation_navigation_separator_height: calc(2 * var(--sapList_BorderWidth));--_ui5_side_navigation_triangle_color: var(--sapContent_IconColor);--_ui5_side_navigation_border_right: 1px solid var(--sapGroup_ContentBorderColor);--_ui5_side_navigation_box_shadow: none;--_ui5_side_navigation_triangle_display: block;--_ui5_side_navigation_icon_color: var(--sapContent_IconColor);--_ui5_side_navigation_expand_icon_color: var(--sapContent_IconColor);--_ui5_side_navigation_expand_icon_width: 2rem;--_ui5_side_navigation_hover_border_style_color: none;--_ui5_side_navigation_hover_border_width: 0;--_ui5_side_navigation_group_border_style_color: solid var(--sapList_BorderColor);--_ui5_side_navigation_group_border_width: 0 0 .0625rem 0;--_ui5_side_navigation_item_border_style_color: none;--_ui5_side_navigation_item_border_width: 0;--_ui5_side_navigation_item_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_side_navigation_item_margin: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .875rem);--_ui5_side_navigation_item_expand_arrow_padding: var(--_ui5-compact-size, .3125rem) var(--_ui5-cozy-size, .6875rem);--_ui5_side_navigation_item_border_radius: 0;--_ui5_side_navigation_item_bottom_margin: 0;--_ui5_side_navigation_item_padding_start_in_popup: var(--_ui5_side_navigation_group_icon_width);--_ui5_side_navigation_item_padding_start_in_overflow_popup: .75rem;--_ui5_side_navigation_item_transition: none;--_ui5_side_navigation_item_padding_left: .5rem;--_ui5_side_navigation_item_focus_border_offset: 1px;--_ui5_side_navigation_item_focus_border_radius: var(--_ui5_side_navigation_item_border_radius);--_ui5_side_navigation_collapsed_selected_item_background: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, var(--sapList_SelectionBorderColor), var(--sapList_SelectionBorderColor)), var(--sapList_SelectionBackgroundColor);--_ui5_side_navigation_collapsed_selected_item_background_hover: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, var(--sapList_SelectionBorderColor), var(--sapList_SelectionBorderColor)), var(--sapList_Hover_SelectionBackground);--_ui5_side_navigation_selected_item_border_color: var(--sapList_SelectionBorderColor);--_ui5_side_navigation_selected_border_style_color: solid var(--_ui5_side_navigation_selected_item_border_color);--_ui5_side_navigation_selected_and_focused_border_style_color: var(--_ui5_side_navigation_selected_border_style_color);--_ui5_side_navigation_selected_border_width: 0 0 .0625rem 0;--_ui5_side_navigation_group_expanded_border_width: 0;--_ui5_side_navigation_group_icon_width: var(--_ui5_side_navigation_collapsed_width);--_ui5_side_navigation_icon_padding_inline_end: 1rem;--_ui5_side_navigation_item_font_family: var(--sapFontFamily);--_ui5_side_navigation_parent_item_font_family: var(--sapFontSemiboldDuplexFamily);--_ui5_side_navigation_group_padding: .5rem;--_ui5_side_navigation_padding-flexible: 0;--_ui5_side_navigation_padding-fixed: 0;--_ui5_side_navigation_popup_padding: 0;--_ui5_side_navigation_popup_title_line_height: normal;--_ui5_side_navigation_first_fixed_item_margin_top: 0;--_ui5_side_navigation_item_expand_icon_visibility: none;--_ui5_side_navigation_item_collapsed_hover_focus_width: auto;--_ui5_side_navigation_item_collapsed_hover_focus_display: none;--_ui5_side_navigation_item_collapsed_hover_focus_padding_right: 0;--_ui5_side_navigation_action_item_collapsed_padding: 0;--_ui5_side_navigation_item_collapsed_padding: 0;--_ui5_side_navigation_action_item_border_hover: var(--sapButton_BorderWidth) solid var(--sapButton_Hover_BorderColor);--_ui5_side_navigation_action_item_border_active: var(--sapButton_BorderWidth) solid var(--sapButton_Active_BorderColor);--_ui5_side_navigation_item_expand_icon_right: -.5rem;--_ui5_side_navigation_item_expand_icon_hover_left: auto;--_ui5_side_navigation_item_expand_icon_hover_right: 0;--_ui5_side_navigation_active_text_color: var(--sapList_Active_TextColor);--_ui5_TimelineItem_arrow_size: 1.625rem;--_ui5_TimelineItem_bubble_border_width: .0625rem;--_ui5_TimelineItem_bubble_border_style: dotted;--_ui5_TimelineItem_bubble_border_radius: .25rem;--_ui5_TimelineItem_bubble_border_color: var(--sapList_BorderColor);--_ui5_TimelineItem_bubble_border_top: -.125rem;--_ui5_TimelineItem_bubble_border_right: -.125rem;--_ui5_TimelineItem_bubble_border_bottom: -.125rem;--_ui5_TimelineItem_bubble_border_left: -.625rem;--_ui5_TimelineItem_bubble_rtl_left_offset: -.125rem;--_ui5_TimelineItem_bubble_rtl_right_offset: -.625rem;--_ui5_TimelineItem_bubble_focus_border_radius: 0;--_ui5_TimelineItem_horizontal_bubble_focus_top_offset: -.625rem;--_ui5_TimelineItem_horizontal_bubble_focus_left_offset: -.125rem;--_ui5_TimelineItem_bubble_content_padding: var(--_ui5_tl_bubble_padding);--_ui5_TimelineItem_bubble_content_subtitle_padding_top: .375rem;--_ui5_TimelineItem_bubble_content_description_padding_top: .75rem;--_ui5_tl_bubble_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);--_ui5_tl_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem 1rem 1rem .5rem);--_ui5_tl_li_margin_bottom: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1.625rem);--_ui5_timeline_tli_indicator_before_bottom: var(--_ui5-compact-size, -.75rem) var(--_ui5-cozy-size, -1.5rem);--_ui5_timeline_tli_indicator_before_right: var(--_ui5-compact-size, -.5rem) var(--_ui5-cozy-size, -1.625rem);--_ui5_timeline_tli_indicator_before_without_icon_bottom: var(--_ui5-compact-size, -1rem) var(--_ui5-cozy-size, -1.875rem);--_ui5_timeline_tli_indicator_before_without_icon_right: var(--_ui5-compact-size, -.8125rem) var(--_ui5-cozy-size, -1.9375rem);--_ui5_timeline_tli_indicator_after_top: var(--_ui5-compact-size, -50%) var(--_ui5-cozy-size, calc(-100% - 1rem) );--_ui5_timeline_tli_indicator_after_height: var(--_ui5-compact-size, 50%) var(--_ui5-cozy-size, calc(100% + 1rem) );--_ui5_timeline_tli_indicator_before_height: var(--_ui5-compact-size, calc(100% - 1.25rem) ) var(--_ui5-cozy-size, 100%);--_ui5_timeline_tli_horizontal_indicator_after_width: var(--_ui5-compact-size, calc(100% - 1rem) ) var(--_ui5-cozy-size, calc(100% + .25rem) );--_ui5_timeline_tli_horizontal_indicator_after_left: var(--_ui5-compact-size, 1.8625rem) var(--_ui5-cozy-size, 1.9375rem);--_ui5_timeline_tli_horizontal_without_icon_indicator_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .5rem) );--_ui5_timeline_tli_horizontal_indicator_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .5rem) );--_ui5_timeline_tli_icon_horizontal_indicator_after_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .25rem) );--_ui5_timeline_tli_without_icon_horizontal_indicator_before_width: var(--_ui5-compact-size, calc(100% - .625rem) ) var(--_ui5-cozy-size, calc(100% + .375rem) );--_ui5_timeline_tli_horizontal_indicator_short_after_width: var(--_ui5-compact-size, calc(100% - 1rem) ) var(--_ui5-cozy-size, 100%);--ui5_upload_collection_drag_overlay_border: .125rem dashed var(--sapContent_ForegroundBorderColor);--ui5_upload_collection_drop_overlay_border: .125rem solid var(--sapContent_DragAndDropActiveColor);--ui5_upload_collection_drop_overlay_background: transparent;--ui5_upload_collection_thumbnail_size: 3rem;--ui5_upload_collection_thumbnail_margin_inline_end: .75rem;--ui5_upload_collection_small_size_buttons_margin_block_start: .75rem;--ui5_upload_collection_small_size_buttons_margin_inline_start: 0;--ui5_upload_collection_drag_overlay_text_color: var(--sapContent_NonInteractiveIconColor);--ui5_upload_collection_drag_overlay_icon_color: var(--sapContent_NonInteractiveIconColor);--ui5_upload_collection_drag_overlay_border_radius: 0;--ui5_upload_collection_drag_overlay_opacity: .8;--_ui5_vsd_header_container: var(--_ui5-compact-size, 2.5rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_vsd_sub_header_container_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_vsd_content_li_padding: .375rem;--_ui5_vsd_content_height: 23.4375rem;--_ui5_vsd_expand_content_height: var(--_ui5-compact-size, 25.4375rem) var(--_ui5-cozy-size, 26.1875rem);--_ui5_wiz_content_item_wrapper_padding: 0rem;--_ui5_wiz_content_item_wrapper_bg: var(--sapBackgroundColor);--_ui5_search_icon_border_radius: .375rem;--_ui5_search_input_border_radius: none;--_ui5-search-border: var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);--_ui5-search-icon-border: none;--_ui5-search-wrapper-background: var(--sapShellColor);--_ui5_search_separator_background: none;--_ui5-search-wrapper-hover-background: none;--_ui5-search-wrapper-hover-background-color: none;--_ui5-search-elements-hover-background: var(--sapShell_Hover_Background);--_ui5-search-elements-active-background: var(--sapShell_Active_Background);--_ui5_search_input_scope_margin: 0;--_ui5-search_input_scope_hover_shadow: none;--_ui5-search_input_scope_active_shadow: none;--_ui5-search-elements-background: var(--sapShell_InteractiveBackground);--_ui5_search_wrapper_outline: none;--_ui5_search_input_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapField_Active_BorderColor);--_ui5_search_filter_button_border_radius: .375rem;--_ui5_seach_filter_button_border_hover: 1px solid var(--sapButton_Hover_BorderColor);--_ui5_search_filter_button_border: none;--_ui5-search-filter_button_background_color: var(--sapShell_InteractiveBackground);--ui5_search_filter_button_background_active: var(--sapShell_InteractiveBackground);--_ui5_search_icon_size: 2.25rem;--_ui5_search_icon_size_default: 2.25rem;--_ui5_search_icon_padding: .625rem;--_ui5_search_icon_hover_padding: .5625rem;--_ui5_search_input_start_margin: .25rem;--_ui5_search_input_end_padding: .25rem;--_ui5-search-input-start-padding: .625rem;--_ui5-search-select-height: 2.25rem;--_ui5-search-loading-overlay-background: var(--sapBackgroundColor);--_ui5-search-loading-overlay-transparency: .72;--_ui5-search-field-text-color: var(--sapShell_InteractiveTextColor);--_ui5_search_item_vertical_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);--_ui5_search_byline_vertical_padding: .5rem;--_ui5_wiz_tab_focus_outline: 1px dotted var(--sapContent_FocusColor);--_ui5_wiz_tab_selected_bg: var(--sapSelectedColor);--_ui5_wiz_tab_border: 1px solid var(--sapSelectedColor);--_ui5_wiz_tab_selection_line: var(--sapSelectedColor);--_ui5_wiz_tab_icon_color: var(--sapSelectedColor);--_ui5_wiz_tab_active_separator_color: var(--sapSelectedColor);--_ui5_wiz_tab_title_color: var(--sapContent_LabelColor);--_ui5_wiz_tab_title_font_family: var(--sapFontFamily);--_ui5_wiz_tab_focus_border_radius: 0;--_ui5_dynamic_page_footer_spacer: 4rem;--_ui5_dynamic_page_title_padding_S: .5rem 1rem;--_ui5_dynamic_page_title_padding_M: .5rem 2rem;--_ui5_dynamic_page_title_padding_L: .5rem 2rem;--_ui5_dynamic_page_title_padding_XL: .5rem 3rem;--_ui5_dynamic_page_header_padding_S: .5rem 1rem .125rem;--_ui5_dynamic_page_header_padding_M: 1rem 2rem;--_ui5_dynamic_page_header_padding_L: 1rem 2rem;--_ui5_dynamic_page_header_padding_XL: 1rem 3rem;--_ui5_dynamic_page_content_padding_S: 1rem 0 0;--_ui5_dynamic_page_content_padding_M: 1rem 1rem 0;--_ui5_dynamic_page_content_padding_L: 1rem 1rem 0;--_ui5_dynamic_page_content_padding_XL: 1rem 2rem 0;--ui5_dynamic_page_background: var(--sapBackgroundColor);--_ui5_dynamic_page_title_padding_top: .5rem;--_ui5_dynamic_page_title_padding_bottom: .5rem;--_ui5_dynamic_page_title_min_height: 4rem;--_ui5_dynamic_page_title_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5_dynamic_page_title_focus_outline_offset: -.0625rem;--_ui5_dynamic_page_title_breadcrumbs_padding_top: .5rem;--_ui5_dynamic_page_title_breadcrumbs_padding_bottom: .25rem;--_ui5_dynamic_page_title_heading_padding_top: .3125rem;--_ui5_dynamic_page_title_subheading_margin_top: .25rem;--_ui5_dynamic_page_title_hover_background: var(--sapObjectHeader_Hover_Background);--_ui5_dynamic_page_snapped_title_on_mobile_line_height: 2rem;--_ui5_dynamic_page_snapped_title_on_mobile_min_height: 2rem;--_ui5_dynamic_page_header_background_color: var(--sapObjectHeader_Background);--_ui5_dynamic_page_header-actions-box-shadow: var(--sapContent_Shadow0);--_ui5_dynamic_page_header-box-shadow: var(--sapContent_HeaderShadow);--_ui5_dynamic_page_actions-lines-color: var(--sapHighlightColor);--_ui5_dynamic_page_header-actions-background: var(--sapObjectHeader_Background);--_ui5_dynamic_page_header-actions-color: var(--sapButton_TextColor);--_ui5_dynamic_page_header-actions-background-pressed: var(--_ui5_dynamic_page_header-actions-color);--_ui5_dynamic_page_header-actions-color-pressed: var(--_ui5_dynamic_page_header-actions-background);--_ui5_timeline_tlgi_line_horizontal_height: 16.375rem;--_ui5_timeline_tlgi_root_horizontal_height: var(--_ui5-compact-size, 20.90625rem) var(--_ui5-cozy-size, 21.53125rem);--_ui5_timeline_tlgi_compact_icon_before_height: var(--_ui5-compact-size, calc(100% + 1.5rem) ) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));--_ui5_timeline_tlgi_horizontal_line_placeholder_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tlgi_compact_icon_before_height)) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));--_ui5_timeline_tlgi_horizontal_compact_root_margin_left: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));--_ui5_timeline_tlgi_compact_root_gap: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));--_ui5_timeline_scroll_container_offset: .5rem;--_ui5_shellbar_notification_btn_count_offset: .125rem;--_ui5_user_settings_avatar_cozy_display: var(--_ui5-compact-size, none) var(--_ui5-cozy-size, inline-block);--_ui5_user_settings_avatar_compact_display: var(--_ui5-compact-size, inline-block) var(--_ui5-cozy-size, none);--_ui5_user_settings_item_title_font_size: var(--_ui5-compact-size, var(--sapFontLargeSize)) var(--_ui5-cozy-size, var(--sapFontSize))}\n:dir(rtl){--_ui5_timeline_scroll_container_offset: -.5rem;--_ui5_shellbar_notification_btn_count_offset: auto;--_ui5_side_navigation_item_expand_icon_hover_left: 0;--_ui5_side_navigation_item_expand_icon_hover_right: auto}\n"
|
|
1
|
+
":host{--_ui5_banner_background: var(--sapShell_HeroBanner_Background);--_ui5_banner_text_color: var(--sapShell_HeroBanner_TextColor);--_ui5_banner_border_radius: var(--sapTile_BorderCornerRadius);--_ui5_banner_border: .0625rem solid var(--sapTile_BorderColor);--_ui5_banner_box_shadow: var(--sapContent_Shadow0);--_ui5_banner_background_image: var(--sapShell_HeroBanner_BackgroundImage);--_ui5_fcl_solid_bg: var(--sapShell_Background);--_ui5_fcl_column_border: none;--_ui5_fcl_decoration_top: linear-gradient(to top, var(--sapHighlightColor), transparent);--_ui5_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapHighlightColor), transparent);--sapIllus_BrandColorPrimary: var(--sapContent_Illustrative_Color1);--sapIllus_BrandColorSecondary: var(--sapContent_Illustrative_Color2);--sapIllus_StrokeDetailColor: var(--sapContent_Illustrative_Color4);--sapIllus_Layering1: var(--sapContent_Illustrative_Color5);--sapIllus_Layering2: var(--sapContent_Illustrative_Color6);--sapIllus_BackgroundColor: var(--sapContent_Illustrative_Color7);--sapIllus_ObjectFillColor: var(--sapContent_Illustrative_Color8);--sapIllus_AccentColor: var(--sapContent_Illustrative_Color3);--sapIllus_NoColor: none;--sapIllus_PatternShadow: url(#sapIllus_PatternShadow);--sapIllus_PatternHighlight: url(#sapIllus_PatternHighlight);--_ui5_media_gallery_overflow_btn_background: var(--sapButton_Neutral_Background);--_ui5_media_gallery_overflow_btn_color: var(--sapBaseColor);--_ui5_media_gallery_overflow_btn_border: none;--_ui5_media_gallery_thumbnail_border: 1px solid var(--sapContent_ForegroundColor);--_ui5_media_gallery_thumbnail_selected_border: 2px solid var(--sapSelectedColor);--_ui5_media_gallery_thumbnail_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5_media_gallery_item_overlay_box_shadow: inset 0px 0px 80px rgba(0, 0, 0, .2);--_ui5-notification_item-border-radius: 0px;--_ui5-notification_group_header-border-bottom-width: .0625rem;--_ui5-notification_group_header-margin: 0px;--_ui5-notification_group_header-margin-expanded: .5rem;--_ui5-notification_group_header-padding: 1rem .5rem;--_ui5-notification_item-state-icon-padding: .625rem;--_ui5-notification_item-border-bottom: var(--ui5-listitem-border-bottom);--_ui5-notification_item-border-top-left-right: none;--_ui5-notification_item-margin: 0;--_ui5-notification_item-background-color-hover: none;--_ui5-notification_item-background-color-active: none;--_ui5-notification_item-border-active: 1px solid transparent;--_ui5-notification_item-root-padding-inline: 1rem .5rem;--_ui5-notification_item-content-padding: .75rem 1rem;--_ui5-notification_item-title-margin-bottom: .25rem;--_ui5-notification_item-title-padding-end-two-buttons: var(--_ui5-compact-size, 3.875rem) var(--_ui5-cozy-size, 4.375rem);--_ui5-notification_item-title-padding-end-one-button: var(--_ui5-compact-size, 1.875rem) var(--_ui5-cozy-size, 2.125rem);--_ui5-notification_item-description-margin-top: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .75rem);--_ui5-notification_item-footer-margin-top: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .75rem);--_ui5-notification_item-focus-offset: 0;--_ui5-notification_item-outline-offset: 0;--_ui5-notification_item-growing-btn-background-color-active: var(--sapList_Active_Background);--_ui5_page_list_bg: var(--sapGroup_ContentBackground);--_ui5_page_transparent_bg: transparent;--_ui5_product_switch_item_width: 11.25rem;--_ui5_product_switch_item_height: 7rem;--_ui5_product_switch_item_active_outline_color: var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline_offset: -.1875rem;--_ui5_shellbar_root_height: 2.75rem;--_ui5_shellbar_logo_outline_color: var(--sapContent_FocusColor);--_ui5_shellbar_logo_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_shellbar_logo_outline_color);--_ui5_shellbar_outline_offset: -.0625rem;--_ui5_shellbar_button_box_shadow: none;--_ui5_shellbar_button_box_shadow_active: none;--_ui5_shellbar_button_border: none;--_ui5_shellbar_button_border_radius: .25rem;--_ui5_shellbar_button_focused_border: .0625rem dotted var(--sapContent_FocusColor);--_ui5_shellbar_button_active_color: var(--sapShell_Active_TextColor);--_ui5_shellbar_search_field_background: var(--sapShellColor);--_ui5_shellbar_search_field_border: .0625rem solid var(--sapShell_InteractiveBorderColor);--_ui5_shellbar_search_field_box_shadow: none;--_ui5_shellbar_search_field_color: var(--sapShell_TextColor);--_ui5_shellbar_search_field_outline_focused: .0625rem dotted var(--sapContent_ContrastFocusColor);--_ui5_shellbar_search_field_width: 25rem;--_ui5_shellbar_input_focus_outline_color: inherit;--_ui5_shellbar_overflow_container_middle_height: 2.5rem;--_ui5_shellbar_menu_button_title_font_size: .75rem;--_ui5_shellbar_image_button_border_radius: 50%;--_ui5-shellbar-content-margin-start: .5rem;--_ui5-shellbar-overflow-button-margin: .5rem;--_ui5-shellbar_separator-color: var(--sapToolbar_SeparatorColor);--_ui5-shellbar_cancel-button-color: var(--sapButton_Lite_TextColor);--_ui5-shellbar-badge-offset: .25rem;--_ui5-shellbar-badge-margin: -.25rem;--_ui5_side_navigation_width: 15rem;--_ui5_side_navigation_collapsed_width: 3rem;--_ui5_side_navigation_navigation_separator_margin: .25rem .5rem .25rem .5rem;--_ui5_side_navigation_navigation_separator_background_color: var(--sapList_GroupHeaderBorderColor);--_ui5_side_navigation_navigation_separator_radius: unset;--_ui5_side_navigation_navigation_separator_height: calc(2 * var(--sapList_BorderWidth));--_ui5_side_navigation_triangle_color: var(--sapContent_IconColor);--_ui5_side_navigation_border_right: 1px solid var(--sapGroup_ContentBorderColor);--_ui5_side_navigation_box_shadow: none;--_ui5_side_navigation_triangle_display: block;--_ui5_side_navigation_icon_color: var(--sapContent_IconColor);--_ui5_side_navigation_expand_icon_color: var(--sapContent_IconColor);--_ui5_side_navigation_expand_icon_width: 2rem;--_ui5_side_navigation_hover_border_style_color: none;--_ui5_side_navigation_hover_border_width: 0;--_ui5_side_navigation_group_border_style_color: solid var(--sapList_BorderColor);--_ui5_side_navigation_group_border_width: 0 0 .0625rem 0;--_ui5_side_navigation_item_border_style_color: none;--_ui5_side_navigation_item_border_width: 0;--_ui5_side_navigation_item_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_side_navigation_item_margin: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .875rem);--_ui5_side_navigation_item_expand_arrow_padding: var(--_ui5-compact-size, .3125rem) var(--_ui5-cozy-size, .6875rem);--_ui5_side_navigation_item_border_radius: 0;--_ui5_side_navigation_item_bottom_margin: 0;--_ui5_side_navigation_item_padding_start_in_popup: var(--_ui5_side_navigation_group_icon_width);--_ui5_side_navigation_item_padding_start_in_overflow_popup: .75rem;--_ui5_side_navigation_item_transition: none;--_ui5_side_navigation_item_padding_left: .5rem;--_ui5_side_navigation_item_focus_border_offset: 1px;--_ui5_side_navigation_item_focus_border_radius: var(--_ui5_side_navigation_item_border_radius);--_ui5_side_navigation_collapsed_selected_item_background: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, var(--sapList_SelectionBorderColor), var(--sapList_SelectionBorderColor)), var(--sapList_SelectionBackgroundColor);--_ui5_side_navigation_collapsed_selected_item_background_hover: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, var(--sapList_SelectionBorderColor), var(--sapList_SelectionBorderColor)), var(--sapList_Hover_SelectionBackground);--_ui5_side_navigation_selected_item_border_color: var(--sapList_SelectionBorderColor);--_ui5_side_navigation_selected_border_style_color: solid var(--_ui5_side_navigation_selected_item_border_color);--_ui5_side_navigation_selected_and_focused_border_style_color: var(--_ui5_side_navigation_selected_border_style_color);--_ui5_side_navigation_selected_border_width: 0 0 .0625rem 0;--_ui5_side_navigation_group_expanded_border_width: 0;--_ui5_side_navigation_group_icon_width: var(--_ui5_side_navigation_collapsed_width);--_ui5_side_navigation_icon_padding_inline_end: 1rem;--_ui5_side_navigation_item_font_family: var(--sapFontFamily);--_ui5_side_navigation_parent_item_font_family: var(--sapFontSemiboldDuplexFamily);--_ui5_side_navigation_group_padding: .5rem;--_ui5_side_navigation_padding-flexible: 0;--_ui5_side_navigation_padding-fixed: 0;--_ui5_side_navigation_popup_padding: 0;--_ui5_side_navigation_popup_title_line_height: normal;--_ui5_side_navigation_first_fixed_item_margin_top: 0;--_ui5_side_navigation_item_expand_icon_visibility: none;--_ui5_side_navigation_item_collapsed_hover_focus_width: auto;--_ui5_side_navigation_item_collapsed_hover_focus_display: none;--_ui5_side_navigation_item_collapsed_hover_focus_padding_right: 0;--_ui5_side_navigation_action_item_collapsed_padding: 0;--_ui5_side_navigation_item_collapsed_padding: 0;--_ui5_side_navigation_action_item_border_hover: var(--sapButton_BorderWidth) solid var(--sapButton_Hover_BorderColor);--_ui5_side_navigation_action_item_border_active: var(--sapButton_BorderWidth) solid var(--sapButton_Active_BorderColor);--_ui5_side_navigation_item_expand_icon_right: -.5rem;--_ui5_side_navigation_item_expand_icon_hover_left: auto;--_ui5_side_navigation_item_expand_icon_hover_right: 0;--_ui5_side_navigation_active_text_color: var(--sapList_Active_TextColor);--_ui5_TimelineItem_arrow_size: 1.625rem;--_ui5_TimelineItem_bubble_border_width: .0625rem;--_ui5_TimelineItem_bubble_border_style: dotted;--_ui5_TimelineItem_bubble_border_radius: .25rem;--_ui5_TimelineItem_bubble_border_color: var(--sapList_BorderColor);--_ui5_TimelineItem_bubble_border_top: -.125rem;--_ui5_TimelineItem_bubble_border_right: -.125rem;--_ui5_TimelineItem_bubble_border_bottom: -.125rem;--_ui5_TimelineItem_bubble_border_left: -.625rem;--_ui5_TimelineItem_bubble_rtl_left_offset: -.125rem;--_ui5_TimelineItem_bubble_rtl_right_offset: -.625rem;--_ui5_TimelineItem_bubble_focus_border_radius: 0;--_ui5_TimelineItem_horizontal_bubble_focus_top_offset: -.625rem;--_ui5_TimelineItem_horizontal_bubble_focus_left_offset: -.125rem;--_ui5_TimelineItem_bubble_content_padding: var(--_ui5_tl_bubble_padding);--_ui5_TimelineItem_bubble_content_subtitle_padding_top: .375rem;--_ui5_TimelineItem_bubble_content_description_padding_top: .75rem;--_ui5_tl_bubble_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);--_ui5_tl_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem 1rem 1rem .5rem);--_ui5_tl_li_margin_bottom: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1.625rem);--_ui5_timeline_tli_indicator_before_bottom: var(--_ui5-compact-size, -.75rem) var(--_ui5-cozy-size, -1.5rem);--_ui5_timeline_tli_indicator_before_right: var(--_ui5-compact-size, -.5rem) var(--_ui5-cozy-size, -1.625rem);--_ui5_timeline_tli_indicator_before_without_icon_bottom: var(--_ui5-compact-size, -1rem) var(--_ui5-cozy-size, -1.875rem);--_ui5_timeline_tli_indicator_before_without_icon_right: var(--_ui5-compact-size, -.8125rem) var(--_ui5-cozy-size, -1.9375rem);--_ui5_timeline_tli_indicator_after_top: var(--_ui5-compact-size, -50%) var(--_ui5-cozy-size, calc(-100% - 1rem) );--_ui5_timeline_tli_indicator_after_height: var(--_ui5-compact-size, 50%) var(--_ui5-cozy-size, calc(100% + 1rem) );--_ui5_timeline_tli_indicator_before_height: var(--_ui5-compact-size, calc(100% - 1.25rem) ) var(--_ui5-cozy-size, 100%);--_ui5_timeline_tli_horizontal_indicator_after_width: var(--_ui5-compact-size, calc(100% - 1rem) ) var(--_ui5-cozy-size, calc(100% + .25rem) );--_ui5_timeline_tli_horizontal_indicator_after_left: var(--_ui5-compact-size, 1.8625rem) var(--_ui5-cozy-size, 1.9375rem);--_ui5_timeline_tli_horizontal_without_icon_indicator_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .5rem) );--_ui5_timeline_tli_horizontal_indicator_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .5rem) );--_ui5_timeline_tli_icon_horizontal_indicator_after_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .25rem) );--_ui5_timeline_tli_without_icon_horizontal_indicator_before_width: var(--_ui5-compact-size, calc(100% - .625rem) ) var(--_ui5-cozy-size, calc(100% + .375rem) );--_ui5_timeline_tli_horizontal_indicator_short_after_width: var(--_ui5-compact-size, calc(100% - 1rem) ) var(--_ui5-cozy-size, 100%);--ui5_upload_collection_drag_overlay_border: .125rem dashed var(--sapContent_ForegroundBorderColor);--ui5_upload_collection_drop_overlay_border: .125rem solid var(--sapContent_DragAndDropActiveColor);--ui5_upload_collection_drop_overlay_background: transparent;--ui5_upload_collection_thumbnail_size: 3rem;--ui5_upload_collection_thumbnail_margin_inline_end: .75rem;--ui5_upload_collection_small_size_buttons_margin_block_start: .75rem;--ui5_upload_collection_small_size_buttons_margin_inline_start: 0;--ui5_upload_collection_drag_overlay_text_color: var(--sapContent_NonInteractiveIconColor);--ui5_upload_collection_drag_overlay_icon_color: var(--sapContent_NonInteractiveIconColor);--ui5_upload_collection_drag_overlay_border_radius: 0;--ui5_upload_collection_drag_overlay_opacity: .8;--_ui5_vsd_header_container: var(--_ui5-compact-size, 2.5rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_vsd_sub_header_container_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_vsd_content_li_padding: .375rem;--_ui5_vsd_content_height: 23.4375rem;--_ui5_vsd_expand_content_height: var(--_ui5-compact-size, 25.4375rem) var(--_ui5-cozy-size, 26.1875rem);--_ui5_wiz_content_item_wrapper_padding: 0rem;--_ui5_wiz_content_item_wrapper_bg: var(--sapBackgroundColor);--_ui5_search_icon_border_radius: .375rem;--_ui5_search_input_border_radius: none;--_ui5-search-border: var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);--_ui5-search-icon-border: none;--_ui5-search-wrapper-background: var(--sapShellColor);--_ui5_search_separator_background: none;--_ui5-search-wrapper-hover-background: none;--_ui5-search-wrapper-hover-background-color: none;--_ui5-search-elements-hover-background: var(--sapShell_Hover_Background);--_ui5-search-elements-active-background: var(--sapShell_Active_Background);--_ui5_search_input_scope_margin: 0;--_ui5-search_input_scope_hover_shadow: none;--_ui5-search_input_scope_active_shadow: none;--_ui5-search-elements-background: var(--sapShell_InteractiveBackground);--_ui5_search_wrapper_outline: none;--_ui5_search_input_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapField_Active_BorderColor);--_ui5_search_filter_button_border_radius: .375rem;--_ui5_seach_filter_button_border_hover: 1px solid var(--sapButton_Hover_BorderColor);--_ui5_search_filter_button_border: none;--_ui5-search-filter_button_background_color: var(--sapShell_InteractiveBackground);--ui5_search_filter_button_background_active: var(--sapShell_InteractiveBackground);--_ui5_search_icon_size: 2.25rem;--_ui5_search_icon_size_default: 2.25rem;--_ui5_search_icon_padding: .625rem;--_ui5_search_icon_hover_padding: .5625rem;--_ui5_search_input_start_margin: .25rem;--_ui5_search_input_end_padding: .25rem;--_ui5-search-input-start-padding: .625rem;--_ui5-search-select-height: 2.25rem;--_ui5-search-loading-overlay-background: var(--sapBackgroundColor);--_ui5-search-loading-overlay-transparency: .72;--_ui5-search-field-text-color: var(--sapShell_InteractiveTextColor);--_ui5_search_item_vertical_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);--_ui5_search_byline_vertical_padding: .5rem;--_ui5_wiz_tab_focus_outline: 1px dotted var(--sapContent_FocusColor);--_ui5_wiz_tab_selected_bg: var(--sapSelectedColor);--_ui5_wiz_tab_border: 1px solid var(--sapSelectedColor);--_ui5_wiz_tab_selection_line: var(--sapSelectedColor);--_ui5_wiz_tab_icon_color: var(--sapSelectedColor);--_ui5_wiz_tab_active_separator_color: var(--sapSelectedColor);--_ui5_wiz_tab_title_color: var(--sapContent_LabelColor);--_ui5_wiz_tab_title_font_family: var(--sapFontFamily);--_ui5_wiz_tab_focus_border_radius: 0;--_ui5_dynamic_page_footer_spacer: 4rem;--_ui5_dynamic_page_title_padding_S: .5rem 1rem;--_ui5_dynamic_page_title_padding_M: .5rem 2rem;--_ui5_dynamic_page_title_padding_L: .5rem 2rem;--_ui5_dynamic_page_title_padding_XL: .5rem 3rem;--_ui5_dynamic_page_header_padding_S: .5rem 1rem .125rem;--_ui5_dynamic_page_header_padding_M: 1rem 2rem;--_ui5_dynamic_page_header_padding_L: 1rem 2rem;--_ui5_dynamic_page_header_padding_XL: 1rem 3rem;--_ui5_dynamic_page_content_padding_S: 1rem 0 0;--_ui5_dynamic_page_content_padding_M: 1rem 1rem 0;--_ui5_dynamic_page_content_padding_L: 1rem 1rem 0;--_ui5_dynamic_page_content_padding_XL: 1rem 2rem 0;--ui5_dynamic_page_background: var(--sapBackgroundColor);--_ui5_dynamic_page_title_padding_top: .5rem;--_ui5_dynamic_page_title_padding_bottom: .5rem;--_ui5_dynamic_page_title_min_height: 4rem;--_ui5_dynamic_page_title_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5_dynamic_page_title_focus_outline_offset: -.0625rem;--_ui5_dynamic_page_title_breadcrumbs_padding_top: .5rem;--_ui5_dynamic_page_title_breadcrumbs_padding_bottom: .25rem;--_ui5_dynamic_page_title_heading_padding_top: .3125rem;--_ui5_dynamic_page_title_subheading_margin_top: .25rem;--_ui5_dynamic_page_title_hover_background: var(--sapObjectHeader_Hover_Background);--_ui5_dynamic_page_snapped_title_on_mobile_line_height: 2rem;--_ui5_dynamic_page_snapped_title_on_mobile_min_height: 2rem;--_ui5_dynamic_page_header_background_color: var(--sapObjectHeader_Background);--_ui5_dynamic_page_header-actions-box-shadow: var(--sapContent_Shadow0);--_ui5_dynamic_page_header-box-shadow: var(--sapContent_HeaderShadow);--_ui5_dynamic_page_actions-lines-color: var(--sapHighlightColor);--_ui5_dynamic_page_header-actions-background: var(--sapObjectHeader_Background);--_ui5_dynamic_page_header-actions-color: var(--sapButton_TextColor);--_ui5_dynamic_page_header-actions-background-pressed: var(--_ui5_dynamic_page_header-actions-color);--_ui5_dynamic_page_header-actions-color-pressed: var(--_ui5_dynamic_page_header-actions-background);--_ui5_timeline_tlgi_line_horizontal_height: 16.375rem;--_ui5_timeline_tlgi_root_horizontal_height: var(--_ui5-compact-size, 20.90625rem) var(--_ui5-cozy-size, 21.53125rem);--_ui5_timeline_tlgi_compact_icon_before_height: var(--_ui5-compact-size, calc(100% + 1.5rem) ) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));--_ui5_timeline_tlgi_horizontal_line_placeholder_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tlgi_compact_icon_before_height)) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));--_ui5_timeline_tlgi_horizontal_compact_root_margin_left: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));--_ui5_timeline_tlgi_compact_root_gap: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));--_ui5_timeline_scroll_container_offset: .5rem;--_ui5_shellbar_notification_btn_count_offset: .125rem;--_ui5_user_settings_avatar_cozy_display: var(--_ui5-compact-size, none) var(--_ui5-cozy-size, inline-block);--_ui5_user_settings_avatar_compact_display: var(--_ui5-compact-size, inline-block) var(--_ui5-cozy-size, none);--_ui5_user_settings_item_title_font_size: var(--_ui5-compact-size, var(--sapFontLargeSize)) var(--_ui5-cozy-size, var(--sapFontSize))}\n:dir(rtl){--_ui5_timeline_scroll_container_offset: -.5rem;--_ui5_shellbar_notification_btn_count_offset: auto;--_ui5_side_navigation_item_expand_icon_hover_left: 0;--_ui5_side_navigation_item_expand_icon_hover_right: auto}\n"
|