@sapudex/web-components 2.7.2 → 2.8.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/bundle.esm.js +2 -0
- package/cypress/specs/LinkList.cy.tsx +49 -0
- package/cypress/specs/LinkListItem.cy.tsx +102 -0
- package/cypress/support/component-imports.instrumented.ts +4 -0
- package/cypress/support/component-imports.src.ts +4 -0
- package/dist/LinkList.d.ts +58 -0
- package/dist/LinkList.js +89 -0
- package/dist/LinkList.js.map +1 -0
- package/dist/LinkListItem.d.ts +78 -0
- package/dist/LinkListItem.js +97 -0
- package/dist/LinkListItem.js.map +1 -0
- package/dist/LinkListItemTemplate.d.ts +2 -0
- package/dist/LinkListItemTemplate.js +17 -0
- package/dist/LinkListItemTemplate.js.map +1 -0
- package/dist/LinkListTemplate.d.ts +2 -0
- package/dist/LinkListTemplate.js +5 -0
- package/dist/LinkListTemplate.js.map +1 -0
- package/dist/Tile.d.ts +2 -2
- package/dist/Tile.js +3 -3
- package/dist/Tile.js.map +1 -1
- package/dist/TileTemplate.d.ts +2 -0
- package/dist/TileTemplate.js +7 -0
- package/dist/TileTemplate.js.map +1 -0
- package/dist/assets/{InputSuggestions-D0OZo5eY.js → InputSuggestions-CmCRxU5Z.js} +1 -1
- package/dist/assets/{ListItemStandardExpandableTextTemplate-BOc_KoW1.js → ListItemStandardExpandableTextTemplate-i35T7dr8.js} +1 -1
- package/dist/assets/{bundle.esm-BLn1Dq6A.js → bundle.esm-BIStxKRx.js} +204 -202
- package/dist/css/themes/LinkList.css +1 -0
- package/dist/css/themes/LinkListItem.css +1 -0
- package/dist/css/themes/ListGroupHeader.css +1 -1
- package/dist/css/themes/ListItem.css +1 -1
- package/dist/css/themes/RatingIndicator.css +1 -1
- package/dist/css/themes/Slider.css +1 -1
- package/dist/custom-elements-internal.json +305 -0
- package/dist/custom-elements.json +287 -0
- package/dist/generated/themes/LinkList.css.d.ts +2 -0
- package/dist/generated/themes/LinkList.css.js +8 -0
- package/dist/generated/themes/LinkList.css.js.map +1 -0
- package/dist/generated/themes/LinkListItem.css.d.ts +2 -0
- package/dist/generated/themes/LinkListItem.css.js +8 -0
- package/dist/generated/themes/LinkListItem.css.js.map +1 -0
- package/dist/generated/themes/ListGroupHeader.css.d.ts +1 -1
- package/dist/generated/themes/ListGroupHeader.css.js +1 -1
- package/dist/generated/themes/ListGroupHeader.css.js.map +1 -1
- package/dist/generated/themes/ListItem.css.d.ts +1 -1
- package/dist/generated/themes/ListItem.css.js +1 -1
- package/dist/generated/themes/ListItem.css.js.map +1 -1
- package/dist/generated/themes/RatingIndicator.css.d.ts +1 -1
- package/dist/generated/themes/RatingIndicator.css.js +1 -1
- package/dist/generated/themes/RatingIndicator.css.js.map +1 -1
- package/dist/generated/themes/Slider.css.d.ts +1 -1
- package/dist/generated/themes/Slider.css.js +1 -1
- package/dist/generated/themes/Slider.css.js.map +1 -1
- package/dist/vscode.html-custom-data.json +72 -0
- package/dist/web-types.json +141 -1
- package/package.json +1 -1
- package/src/LinkList.ts +93 -0
- package/src/LinkListItem.ts +126 -0
- package/src/LinkListItemTemplate.tsx +52 -0
- package/src/LinkListTemplate.tsx +13 -0
- package/src/Tile.ts +5 -5
- package/src/TileTemplate.tsx +31 -0
- package/src/generated/themes/LinkList.css.ts +9 -0
- package/src/generated/themes/LinkListItem.css.ts +9 -0
- package/src/generated/themes/ListGroupHeader.css.ts +1 -1
- package/src/generated/themes/ListItem.css.ts +1 -1
- package/src/generated/themes/RatingIndicator.css.ts +1 -1
- package/src/generated/themes/Slider.css.ts +1 -1
- package/src/themes/LinkList.css +53 -0
- package/src/themes/LinkListItem.css +84 -0
- package/src/themes/ListGroupHeader.css +1 -1
- package/src/themes/ListItem.css +2 -2
- package/dist/generated/templates/TileTemplate.lit.d.ts +0 -3
- package/dist/generated/templates/TileTemplate.lit.js +0 -9
- package/dist/generated/templates/TileTemplate.lit.js.map +0 -1
- package/src/Tile.hbs +0 -21
- package/src/generated/templates/TileTemplate.lit.ts +0 -13
|
@@ -6027,6 +6027,293 @@
|
|
|
6027
6027
|
}
|
|
6028
6028
|
]
|
|
6029
6029
|
},
|
|
6030
|
+
{
|
|
6031
|
+
"kind": "javascript-module",
|
|
6032
|
+
"path": "dist/LinkList.js",
|
|
6033
|
+
"declarations": [
|
|
6034
|
+
{
|
|
6035
|
+
"kind": "class",
|
|
6036
|
+
"description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-link-list</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/LinkList.js\";</code>",
|
|
6037
|
+
"name": "UDExLinkList",
|
|
6038
|
+
"slots": [
|
|
6039
|
+
{
|
|
6040
|
+
"name": "default",
|
|
6041
|
+
"description": "Slot for list items."
|
|
6042
|
+
}
|
|
6043
|
+
],
|
|
6044
|
+
"members": [
|
|
6045
|
+
{
|
|
6046
|
+
"kind": "field",
|
|
6047
|
+
"name": "accessibleName",
|
|
6048
|
+
"type": {
|
|
6049
|
+
"text": "string | undefined"
|
|
6050
|
+
},
|
|
6051
|
+
"description": "Defines the accessible ARIA name of the component.",
|
|
6052
|
+
"default": "undefined",
|
|
6053
|
+
"privacy": "public"
|
|
6054
|
+
},
|
|
6055
|
+
{
|
|
6056
|
+
"kind": "field",
|
|
6057
|
+
"name": "accessibleRole",
|
|
6058
|
+
"type": {
|
|
6059
|
+
"text": "string"
|
|
6060
|
+
},
|
|
6061
|
+
"default": "\"list\"",
|
|
6062
|
+
"description": "Defines the role of the item.",
|
|
6063
|
+
"privacy": "public"
|
|
6064
|
+
},
|
|
6065
|
+
{
|
|
6066
|
+
"kind": "field",
|
|
6067
|
+
"name": "type",
|
|
6068
|
+
"type": {
|
|
6069
|
+
"text": "UDExLinkListType",
|
|
6070
|
+
"references": [
|
|
6071
|
+
{
|
|
6072
|
+
"name": "UDExLinkListType",
|
|
6073
|
+
"package": "@sapudex/web-components",
|
|
6074
|
+
"module": "dist/LinkList.js"
|
|
6075
|
+
}
|
|
6076
|
+
]
|
|
6077
|
+
},
|
|
6078
|
+
"description": "Defines the type of the item.",
|
|
6079
|
+
"default": "\"link-based\"",
|
|
6080
|
+
"privacy": "public"
|
|
6081
|
+
}
|
|
6082
|
+
],
|
|
6083
|
+
"attributes": [
|
|
6084
|
+
{
|
|
6085
|
+
"description": "Defines the accessible ARIA name of the component.",
|
|
6086
|
+
"name": "accessible-name",
|
|
6087
|
+
"default": "undefined",
|
|
6088
|
+
"fieldName": "accessibleName",
|
|
6089
|
+
"type": {
|
|
6090
|
+
"text": "string | undefined"
|
|
6091
|
+
}
|
|
6092
|
+
},
|
|
6093
|
+
{
|
|
6094
|
+
"description": "Defines the role of the item.",
|
|
6095
|
+
"name": "accessible-role",
|
|
6096
|
+
"default": "\"list\"",
|
|
6097
|
+
"fieldName": "accessibleRole",
|
|
6098
|
+
"type": {
|
|
6099
|
+
"text": "string"
|
|
6100
|
+
}
|
|
6101
|
+
},
|
|
6102
|
+
{
|
|
6103
|
+
"description": "Defines the type of the item.",
|
|
6104
|
+
"name": "type",
|
|
6105
|
+
"default": "\"link-based\"",
|
|
6106
|
+
"fieldName": "type",
|
|
6107
|
+
"type": {
|
|
6108
|
+
"text": "\"Link\" | \"TileS\" | \"TileL\""
|
|
6109
|
+
}
|
|
6110
|
+
}
|
|
6111
|
+
],
|
|
6112
|
+
"superclass": {
|
|
6113
|
+
"name": "UI5Element",
|
|
6114
|
+
"package": "@ui5/webcomponents-base",
|
|
6115
|
+
"module": "dist/UI5Element.js"
|
|
6116
|
+
},
|
|
6117
|
+
"tagName": "udex-link-list",
|
|
6118
|
+
"customElement": true
|
|
6119
|
+
}
|
|
6120
|
+
],
|
|
6121
|
+
"exports": [
|
|
6122
|
+
{
|
|
6123
|
+
"kind": "js",
|
|
6124
|
+
"name": "default",
|
|
6125
|
+
"declaration": {
|
|
6126
|
+
"name": "UDExLinkList",
|
|
6127
|
+
"module": "dist/LinkList.js"
|
|
6128
|
+
}
|
|
6129
|
+
},
|
|
6130
|
+
{
|
|
6131
|
+
"kind": "custom-element-definition",
|
|
6132
|
+
"name": "udex-link-list",
|
|
6133
|
+
"declaration": {
|
|
6134
|
+
"name": "UDExLinkList",
|
|
6135
|
+
"module": "dist/LinkList.js"
|
|
6136
|
+
}
|
|
6137
|
+
}
|
|
6138
|
+
]
|
|
6139
|
+
},
|
|
6140
|
+
{
|
|
6141
|
+
"kind": "javascript-module",
|
|
6142
|
+
"path": "dist/LinkListItem.js",
|
|
6143
|
+
"declarations": [
|
|
6144
|
+
{
|
|
6145
|
+
"kind": "class",
|
|
6146
|
+
"description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-link-list-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/LinkListItem.js\";</code>",
|
|
6147
|
+
"name": "UDExLinkListItem",
|
|
6148
|
+
"members": [
|
|
6149
|
+
{
|
|
6150
|
+
"kind": "field",
|
|
6151
|
+
"name": "href",
|
|
6152
|
+
"type": {
|
|
6153
|
+
"text": "string | undefined"
|
|
6154
|
+
},
|
|
6155
|
+
"description": "Defines the href for the item.",
|
|
6156
|
+
"default": "undefined",
|
|
6157
|
+
"privacy": "public"
|
|
6158
|
+
},
|
|
6159
|
+
{
|
|
6160
|
+
"kind": "field",
|
|
6161
|
+
"name": "target",
|
|
6162
|
+
"type": {
|
|
6163
|
+
"text": "UDExTarget",
|
|
6164
|
+
"references": [
|
|
6165
|
+
{
|
|
6166
|
+
"name": "UDExTarget",
|
|
6167
|
+
"package": "@sapudex/web-components",
|
|
6168
|
+
"module": "dist/types/common.js"
|
|
6169
|
+
}
|
|
6170
|
+
]
|
|
6171
|
+
},
|
|
6172
|
+
"description": "Defines target for the item",
|
|
6173
|
+
"default": "\"_self\"",
|
|
6174
|
+
"privacy": "public"
|
|
6175
|
+
},
|
|
6176
|
+
{
|
|
6177
|
+
"kind": "field",
|
|
6178
|
+
"name": "icon",
|
|
6179
|
+
"type": {
|
|
6180
|
+
"text": "string | undefined"
|
|
6181
|
+
},
|
|
6182
|
+
"description": "Defines the icon, displayed as graphical element within the component before the item's label.",
|
|
6183
|
+
"default": "undefined",
|
|
6184
|
+
"privacy": "public"
|
|
6185
|
+
},
|
|
6186
|
+
{
|
|
6187
|
+
"kind": "field",
|
|
6188
|
+
"name": "type",
|
|
6189
|
+
"type": {
|
|
6190
|
+
"text": "UDExLinkListType",
|
|
6191
|
+
"references": [
|
|
6192
|
+
{
|
|
6193
|
+
"name": "UDExLinkListType",
|
|
6194
|
+
"package": "@sapudex/web-components",
|
|
6195
|
+
"module": "dist/LinkList.js"
|
|
6196
|
+
}
|
|
6197
|
+
]
|
|
6198
|
+
},
|
|
6199
|
+
"description": "Defines the type of the item.",
|
|
6200
|
+
"default": "\"link\"",
|
|
6201
|
+
"privacy": "public"
|
|
6202
|
+
},
|
|
6203
|
+
{
|
|
6204
|
+
"kind": "field",
|
|
6205
|
+
"name": "accessibleName",
|
|
6206
|
+
"type": {
|
|
6207
|
+
"text": "string | undefined"
|
|
6208
|
+
},
|
|
6209
|
+
"description": "Defines the accessible aria-label of the component.",
|
|
6210
|
+
"default": "undefined",
|
|
6211
|
+
"privacy": "public"
|
|
6212
|
+
},
|
|
6213
|
+
{
|
|
6214
|
+
"kind": "field",
|
|
6215
|
+
"name": "label",
|
|
6216
|
+
"type": {
|
|
6217
|
+
"text": "string | undefined"
|
|
6218
|
+
},
|
|
6219
|
+
"description": "Defines the label of the item.",
|
|
6220
|
+
"default": "undefined",
|
|
6221
|
+
"privacy": "public"
|
|
6222
|
+
}
|
|
6223
|
+
],
|
|
6224
|
+
"events": [
|
|
6225
|
+
{
|
|
6226
|
+
"name": "item-click",
|
|
6227
|
+
"type": {
|
|
6228
|
+
"text": "CustomEvent"
|
|
6229
|
+
},
|
|
6230
|
+
"description": "Triggered when the user clicks on an item."
|
|
6231
|
+
}
|
|
6232
|
+
],
|
|
6233
|
+
"attributes": [
|
|
6234
|
+
{
|
|
6235
|
+
"description": "Defines the href for the item.",
|
|
6236
|
+
"name": "href",
|
|
6237
|
+
"default": "undefined",
|
|
6238
|
+
"fieldName": "href",
|
|
6239
|
+
"type": {
|
|
6240
|
+
"text": "string | undefined"
|
|
6241
|
+
}
|
|
6242
|
+
},
|
|
6243
|
+
{
|
|
6244
|
+
"description": "Defines target for the item",
|
|
6245
|
+
"name": "target",
|
|
6246
|
+
"default": "\"_self\"",
|
|
6247
|
+
"fieldName": "target",
|
|
6248
|
+
"type": {
|
|
6249
|
+
"text": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\""
|
|
6250
|
+
}
|
|
6251
|
+
},
|
|
6252
|
+
{
|
|
6253
|
+
"description": "Defines the icon, displayed as graphical element within the component before the item's label.",
|
|
6254
|
+
"name": "icon",
|
|
6255
|
+
"default": "undefined",
|
|
6256
|
+
"fieldName": "icon",
|
|
6257
|
+
"type": {
|
|
6258
|
+
"text": "string | undefined"
|
|
6259
|
+
}
|
|
6260
|
+
},
|
|
6261
|
+
{
|
|
6262
|
+
"description": "Defines the type of the item.",
|
|
6263
|
+
"name": "type",
|
|
6264
|
+
"default": "\"link\"",
|
|
6265
|
+
"fieldName": "type",
|
|
6266
|
+
"type": {
|
|
6267
|
+
"text": "\"Link\" | \"TileS\" | \"TileL\""
|
|
6268
|
+
}
|
|
6269
|
+
},
|
|
6270
|
+
{
|
|
6271
|
+
"description": "Defines the accessible aria-label of the component.",
|
|
6272
|
+
"name": "accessible-name",
|
|
6273
|
+
"default": "undefined",
|
|
6274
|
+
"fieldName": "accessibleName",
|
|
6275
|
+
"type": {
|
|
6276
|
+
"text": "string | undefined"
|
|
6277
|
+
}
|
|
6278
|
+
},
|
|
6279
|
+
{
|
|
6280
|
+
"description": "Defines the label of the item.",
|
|
6281
|
+
"name": "label",
|
|
6282
|
+
"default": "undefined",
|
|
6283
|
+
"fieldName": "label",
|
|
6284
|
+
"type": {
|
|
6285
|
+
"text": "string | undefined"
|
|
6286
|
+
}
|
|
6287
|
+
}
|
|
6288
|
+
],
|
|
6289
|
+
"superclass": {
|
|
6290
|
+
"name": "UI5Element",
|
|
6291
|
+
"package": "@ui5/webcomponents-base",
|
|
6292
|
+
"module": "dist/UI5Element.js"
|
|
6293
|
+
},
|
|
6294
|
+
"tagName": "udex-link-list-item",
|
|
6295
|
+
"customElement": true
|
|
6296
|
+
}
|
|
6297
|
+
],
|
|
6298
|
+
"exports": [
|
|
6299
|
+
{
|
|
6300
|
+
"kind": "js",
|
|
6301
|
+
"name": "default",
|
|
6302
|
+
"declaration": {
|
|
6303
|
+
"name": "UDExLinkListItem",
|
|
6304
|
+
"module": "dist/LinkListItem.js"
|
|
6305
|
+
}
|
|
6306
|
+
},
|
|
6307
|
+
{
|
|
6308
|
+
"kind": "custom-element-definition",
|
|
6309
|
+
"name": "udex-link-list-item",
|
|
6310
|
+
"declaration": {
|
|
6311
|
+
"name": "UDExLinkListItem",
|
|
6312
|
+
"module": "dist/LinkListItem.js"
|
|
6313
|
+
}
|
|
6314
|
+
}
|
|
6315
|
+
]
|
|
6316
|
+
},
|
|
6030
6317
|
{
|
|
6031
6318
|
"kind": "javascript-module",
|
|
6032
6319
|
"path": "dist/List.js",
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: ":host{--udex-link-list-columns-xl: 4;--udex-link-list-columns-l: 4;--udex-link-list-columns-m: 3;--udex-link-list-columns-s: 2;--udex-link-list-columns-xs: 1;--udex-link-list-column-gap-xl: var(--udexSpacer48);--udex-link-list-column-gap-l: var(--udexSpacer48);--udex-link-list-column-gap-m: var(--udexSpacer48);--udex-link-list-column-gap-s: var(--udexSpacer16);--udex-link-list-column-gap-xs: var(--udexSpacer16);--udex-link-list-row-gap: inherit;--udex-link-list-grid: grid}.udex-link-list{display:var(--udex-link-list-grid);grid-template-columns:repeat(var(--udex-link-list-columns-xl),1fr);column-gap:var(--udex-link-list-column-gap-xl);row-gap:var(--udex-link-list-row-gap)}:host([type=\"TileS\"]) .udex-link-list{--udex-link-list-row-gap: var(--udexSpacer20)}:host([type=\"TileL\"]) .udex-link-list{--udex-link-list-row-gap: var(--udexSpacer40)}@media (max-width: 1599px){.udex-link-list{grid-template-columns:repeat(var(--udex-link-list-columns-l),1fr)}}@media (max-width: 1279px){.udex-link-list{grid-template-columns:repeat(var(--udex-link-list-columns-m),1fr)}}@media (max-width: 979px){.udex-link-list{grid-template-columns:repeat(var(--udex-link-list-columns-s),1fr)}}@media (max-width: 639px){.udex-link-list{grid-template-columns:repeat(var(--udex-link-list-columns-xs),1fr)}}\n";
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
|
|
2
|
+
import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js";
|
|
3
|
+
import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
4
|
+
registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
5
|
+
registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme);
|
|
6
|
+
export default `:host{--udex-link-list-columns-xl: 4;--udex-link-list-columns-l: 4;--udex-link-list-columns-m: 3;--udex-link-list-columns-s: 2;--udex-link-list-columns-xs: 1;--udex-link-list-column-gap-xl: var(--udexSpacer48);--udex-link-list-column-gap-l: var(--udexSpacer48);--udex-link-list-column-gap-m: var(--udexSpacer48);--udex-link-list-column-gap-s: var(--udexSpacer16);--udex-link-list-column-gap-xs: var(--udexSpacer16);--udex-link-list-row-gap: inherit;--udex-link-list-grid: grid}.udex-link-list{display:var(--udex-link-list-grid);grid-template-columns:repeat(var(--udex-link-list-columns-xl),1fr);column-gap:var(--udex-link-list-column-gap-xl);row-gap:var(--udex-link-list-row-gap)}:host([type="TileS"]) .udex-link-list{--udex-link-list-row-gap: var(--udexSpacer20)}:host([type="TileL"]) .udex-link-list{--udex-link-list-row-gap: var(--udexSpacer40)}@media (max-width: 1599px){.udex-link-list{grid-template-columns:repeat(var(--udex-link-list-columns-l),1fr)}}@media (max-width: 1279px){.udex-link-list{grid-template-columns:repeat(var(--udex-link-list-columns-m),1fr)}}@media (max-width: 979px){.udex-link-list{grid-template-columns:repeat(var(--udex-link-list-columns-s),1fr)}}@media (max-width: 639px){.udex-link-list{grid-template-columns:repeat(var(--udex-link-list-columns-xs),1fr)}}
|
|
7
|
+
`;
|
|
8
|
+
//# sourceMappingURL=LinkList.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LinkList.css.js","sourceRoot":"","sources":["../../../src/generated/themes/LinkList.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAChN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme);\nexport default `:host{--udex-link-list-columns-xl: 4;--udex-link-list-columns-l: 4;--udex-link-list-columns-m: 3;--udex-link-list-columns-s: 2;--udex-link-list-columns-xs: 1;--udex-link-list-column-gap-xl: var(--udexSpacer48);--udex-link-list-column-gap-l: var(--udexSpacer48);--udex-link-list-column-gap-m: var(--udexSpacer48);--udex-link-list-column-gap-s: var(--udexSpacer16);--udex-link-list-column-gap-xs: var(--udexSpacer16);--udex-link-list-row-gap: inherit;--udex-link-list-grid: grid}.udex-link-list{display:var(--udex-link-list-grid);grid-template-columns:repeat(var(--udex-link-list-columns-xl),1fr);column-gap:var(--udex-link-list-column-gap-xl);row-gap:var(--udex-link-list-row-gap)}:host([type=\"TileS\"]) .udex-link-list{--udex-link-list-row-gap: var(--udexSpacer20)}:host([type=\"TileL\"]) .udex-link-list{--udex-link-list-row-gap: var(--udexSpacer40)}@media (max-width: 1599px){.udex-link-list{grid-template-columns:repeat(var(--udex-link-list-columns-l),1fr)}}@media (max-width: 1279px){.udex-link-list{grid-template-columns:repeat(var(--udex-link-list-columns-m),1fr)}}@media (max-width: 979px){.udex-link-list{grid-template-columns:repeat(var(--udex-link-list-columns-s),1fr)}}@media (max-width: 639px){.udex-link-list{grid-template-columns:repeat(var(--udex-link-list-columns-xs),1fr)}}\n`"]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: ":host{--udex-link-list-item-tile-icon-l-size: 40px;--udex-link-list-item-tile-icon-s-size: 24px;--udex-link-list-item-tile-based-l-min-height: 148px;--udex-link-list-item-tile-text-color: var(--udexColorGrey9, #223548);--udex-link-list-item-tile-icon-color: var(--udexColorBlue8, #0057D2)}.udex-link-list-item{display:flex;flex-direction:column;align-items:self-start;height:100%}.udex-link-list-item__divider{padding:var(--udexSpacer4) 0;margin-top:auto;width:100%}[udex-tile]::part(tile){height:100%;box-sizing:border-box}[udex-tile]{display:block;width:100%;height:100%}.udex-link-list-item__tile-l{--udex-tile-content-padding-vertical: var(--udexSpacer24);--udex-tile-content-padding-horizontal: var(--udexSpacer24)}.udex-link-list-item__tile-l::part(tile){min-height:var(--udex-link-list-item-tile-based-l-min-height)}.udex-link-list-item__tile-s{--udex-tile-content-padding-vertical: var(--udexSpacer16);--udex-tile-content-padding-horizontal: var(--udexSpacer16)}.udex-link-list-item__tile-icon-l{color:var(--udex-link-list-item-tile-icon-color);width:var(--udex-link-list-item-tile-icon-l-size);height:var(--udex-link-list-item-tile-icon-l-size);margin-bottom:var(--udexSpacer16)}.udex-link-list-item__tile-icon-s{color:var(--udex-link-list-item-tile-icon-color);width:var(--udex-link-list-item-tile-icon-s-size);min-width:var(--udex-link-list-item-tile-icon-s-size);height:var(--udex-link-list-item-tile-icon-s-size);margin-inline-end:var(--udexSpacer24)}.udex-link-list-item__tile-text-l{font-family:var(--sapFontFamily);line-height:var(--udexTypographyHeadingLineHeight);font-size:var(--udexTypographyHeadingMediumXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium)}.udex-link-list-item__tile-text-s{font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodySFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}.udex-link-list-item__tile-holder-l,.udex-link-list-item__tile-holder-s{color:var(--udex-link-list-item-tile-text-color);display:flex}.udex-link-list-item__tile-holder-l{flex-direction:column}\n";
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
|
|
2
|
+
import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js";
|
|
3
|
+
import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
4
|
+
registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
5
|
+
registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme);
|
|
6
|
+
export default `:host{--udex-link-list-item-tile-icon-l-size: 40px;--udex-link-list-item-tile-icon-s-size: 24px;--udex-link-list-item-tile-based-l-min-height: 148px;--udex-link-list-item-tile-text-color: var(--udexColorGrey9, #223548);--udex-link-list-item-tile-icon-color: var(--udexColorBlue8, #0057D2)}.udex-link-list-item{display:flex;flex-direction:column;align-items:self-start;height:100%}.udex-link-list-item__divider{padding:var(--udexSpacer4) 0;margin-top:auto;width:100%}[udex-tile]::part(tile){height:100%;box-sizing:border-box}[udex-tile]{display:block;width:100%;height:100%}.udex-link-list-item__tile-l{--udex-tile-content-padding-vertical: var(--udexSpacer24);--udex-tile-content-padding-horizontal: var(--udexSpacer24)}.udex-link-list-item__tile-l::part(tile){min-height:var(--udex-link-list-item-tile-based-l-min-height)}.udex-link-list-item__tile-s{--udex-tile-content-padding-vertical: var(--udexSpacer16);--udex-tile-content-padding-horizontal: var(--udexSpacer16)}.udex-link-list-item__tile-icon-l{color:var(--udex-link-list-item-tile-icon-color);width:var(--udex-link-list-item-tile-icon-l-size);height:var(--udex-link-list-item-tile-icon-l-size);margin-bottom:var(--udexSpacer16)}.udex-link-list-item__tile-icon-s{color:var(--udex-link-list-item-tile-icon-color);width:var(--udex-link-list-item-tile-icon-s-size);min-width:var(--udex-link-list-item-tile-icon-s-size);height:var(--udex-link-list-item-tile-icon-s-size);margin-inline-end:var(--udexSpacer24)}.udex-link-list-item__tile-text-l{font-family:var(--sapFontFamily);line-height:var(--udexTypographyHeadingLineHeight);font-size:var(--udexTypographyHeadingMediumXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium)}.udex-link-list-item__tile-text-s{font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodySFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}.udex-link-list-item__tile-holder-l,.udex-link-list-item__tile-holder-s{color:var(--udex-link-list-item-tile-text-color);display:flex}.udex-link-list-item__tile-holder-l{flex-direction:column}
|
|
7
|
+
`;
|
|
8
|
+
//# sourceMappingURL=LinkListItem.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LinkListItem.css.js","sourceRoot":"","sources":["../../../src/generated/themes/LinkListItem.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAChN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme);\nexport default `:host{--udex-link-list-item-tile-icon-l-size: 40px;--udex-link-list-item-tile-icon-s-size: 24px;--udex-link-list-item-tile-based-l-min-height: 148px;--udex-link-list-item-tile-text-color: var(--udexColorGrey9, #223548);--udex-link-list-item-tile-icon-color: var(--udexColorBlue8, #0057D2)}.udex-link-list-item{display:flex;flex-direction:column;align-items:self-start;height:100%}.udex-link-list-item__divider{padding:var(--udexSpacer4) 0;margin-top:auto;width:100%}[udex-tile]::part(tile){height:100%;box-sizing:border-box}[udex-tile]{display:block;width:100%;height:100%}.udex-link-list-item__tile-l{--udex-tile-content-padding-vertical: var(--udexSpacer24);--udex-tile-content-padding-horizontal: var(--udexSpacer24)}.udex-link-list-item__tile-l::part(tile){min-height:var(--udex-link-list-item-tile-based-l-min-height)}.udex-link-list-item__tile-s{--udex-tile-content-padding-vertical: var(--udexSpacer16);--udex-tile-content-padding-horizontal: var(--udexSpacer16)}.udex-link-list-item__tile-icon-l{color:var(--udex-link-list-item-tile-icon-color);width:var(--udex-link-list-item-tile-icon-l-size);height:var(--udex-link-list-item-tile-icon-l-size);margin-bottom:var(--udexSpacer16)}.udex-link-list-item__tile-icon-s{color:var(--udex-link-list-item-tile-icon-color);width:var(--udex-link-list-item-tile-icon-s-size);min-width:var(--udex-link-list-item-tile-icon-s-size);height:var(--udex-link-list-item-tile-icon-s-size);margin-inline-end:var(--udexSpacer24)}.udex-link-list-item__tile-text-l{font-family:var(--sapFontFamily);line-height:var(--udexTypographyHeadingLineHeight);font-size:var(--udexTypographyHeadingMediumXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium)}.udex-link-list-item__tile-text-s{font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodySFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}.udex-link-list-item__tile-holder-l,.udex-link-list-item__tile-holder-s{color:var(--udex-link-list-item-tile-text-color);display:flex}.udex-link-list-item__tile-holder-l{flex-direction:column}\n`"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: ":host{--udex-list-item-group-header-padding-vertical: var(--udexSpacer8, 8px);--udex-list-item-group-header-padding-horizontal: var(--udexSpacer12, 12px);--udex-list-item-group-header-supporting-text-color: var(--sapContent_LabelColor, #223548);--udex-list-item-group-header-border-color: var(--sapList_BorderColor, #A9B4BE)}.udex-list__header{font-weight:var(--udexTypographyFontWeightMedium, 500);display:flex;flex-direction:column}.udex-list__supporting-text{font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 21px);font-weight:var(--udexTypographyFontWeightRegular, 400);color:var(--udex-list-item-group-header-supporting-text-color);padding-top:var(--
|
|
1
|
+
declare const _default: ":host{--udex-list-item-group-header-padding-vertical: var(--udexSpacer8, 8px);--udex-list-item-group-header-padding-horizontal: var(--udexSpacer12, 12px);--udex-list-item-group-header-supporting-text-color: var(--sapContent_LabelColor, #223548);--udex-list-item-group-header-border-color: var(--sapList_BorderColor, #A9B4BE)}.udex-list__header{font-weight:var(--udexTypographyFontWeightMedium, 500);display:flex;flex-direction:column}.udex-list__supporting-text{font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 21px);font-weight:var(--udexTypographyFontWeightRegular, 400);color:var(--udex-list-item-group-header-supporting-text-color);padding-top:var(--udexSpacer2, 2px)}.udex-list__group-list{list-style-type:none;padding:0;margin:0}.udex-list__header,.udex-list__group-header{font-weight:var(--udexTypographyFontWeightMedium, 500)}.udex-list__group-list.udex-list__sticky{padding-top:59px}.udex-list__group-content{display:flex;border-bottom:1px solid var(--udex-list-item-group-header-border-color);padding:var(--udex-list-item-group-header-padding-vertical) var(--udex-list-item-group-header-padding-horizontal)}.udex-list__number{margin-inline-end:var(--udexSpacer8, 8px)}.udex-list__circle{display:block;min-width:20px;height:22px;position:relative}:host([mode=\"SingleContent\"])::part(group-item){padding:var(--udexSpacer4, 4px) 0}:host([mode=\"MultiSelect\"]) .udex-list__group-header{border-bottom:1px solid var(--udex-list-item-group-header-border-color)}.udex-list__group_large{font-size:var(--udexTypographyBodyLFontSize, 20px);line-height:var(--udexTypographyHeadingLineHeight, 22px);font-weight:var(--udexTypographyFontWeightMedium, 500)}.udex-list__group_large.udex-list__supporting-text{font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 24px);font-weight:var(--udexTypographyFontWeightRegular, 400)}.udex-list__icon{margin-inline-end:var(--udexSpacer8, 8px);padding-top:2px;min-width:18px;height:18px}.udex-list__inactive-header{font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 24px);font-weight:var(--udexTypographyFontWeightMedium, 500);padding:var(--udexSpacer8, 8px) var(--udexSpacer20, 20px);border-bottom:1px solid var(--sapList_BorderColor, #A9B4BE);display:flex;flex-direction:column}\n";
|
|
2
2
|
export default _default;
|
|
@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
|
|
|
3
3
|
import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
4
4
|
registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
5
5
|
registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme);
|
|
6
|
-
export default `:host{--udex-list-item-group-header-padding-vertical: var(--udexSpacer8, 8px);--udex-list-item-group-header-padding-horizontal: var(--udexSpacer12, 12px);--udex-list-item-group-header-supporting-text-color: var(--sapContent_LabelColor, #223548);--udex-list-item-group-header-border-color: var(--sapList_BorderColor, #A9B4BE)}.udex-list__header{font-weight:var(--udexTypographyFontWeightMedium, 500);display:flex;flex-direction:column}.udex-list__supporting-text{font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 21px);font-weight:var(--udexTypographyFontWeightRegular, 400);color:var(--udex-list-item-group-header-supporting-text-color);padding-top:var(--
|
|
6
|
+
export default `:host{--udex-list-item-group-header-padding-vertical: var(--udexSpacer8, 8px);--udex-list-item-group-header-padding-horizontal: var(--udexSpacer12, 12px);--udex-list-item-group-header-supporting-text-color: var(--sapContent_LabelColor, #223548);--udex-list-item-group-header-border-color: var(--sapList_BorderColor, #A9B4BE)}.udex-list__header{font-weight:var(--udexTypographyFontWeightMedium, 500);display:flex;flex-direction:column}.udex-list__supporting-text{font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 21px);font-weight:var(--udexTypographyFontWeightRegular, 400);color:var(--udex-list-item-group-header-supporting-text-color);padding-top:var(--udexSpacer2, 2px)}.udex-list__group-list{list-style-type:none;padding:0;margin:0}.udex-list__header,.udex-list__group-header{font-weight:var(--udexTypographyFontWeightMedium, 500)}.udex-list__group-list.udex-list__sticky{padding-top:59px}.udex-list__group-content{display:flex;border-bottom:1px solid var(--udex-list-item-group-header-border-color);padding:var(--udex-list-item-group-header-padding-vertical) var(--udex-list-item-group-header-padding-horizontal)}.udex-list__number{margin-inline-end:var(--udexSpacer8, 8px)}.udex-list__circle{display:block;min-width:20px;height:22px;position:relative}:host([mode="SingleContent"])::part(group-item){padding:var(--udexSpacer4, 4px) 0}:host([mode="MultiSelect"]) .udex-list__group-header{border-bottom:1px solid var(--udex-list-item-group-header-border-color)}.udex-list__group_large{font-size:var(--udexTypographyBodyLFontSize, 20px);line-height:var(--udexTypographyHeadingLineHeight, 22px);font-weight:var(--udexTypographyFontWeightMedium, 500)}.udex-list__group_large.udex-list__supporting-text{font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 24px);font-weight:var(--udexTypographyFontWeightRegular, 400)}.udex-list__icon{margin-inline-end:var(--udexSpacer8, 8px);padding-top:2px;min-width:18px;height:18px}.udex-list__inactive-header{font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 24px);font-weight:var(--udexTypographyFontWeightMedium, 500);padding:var(--udexSpacer8, 8px) var(--udexSpacer20, 20px);border-bottom:1px solid var(--sapList_BorderColor, #A9B4BE);display:flex;flex-direction:column}
|
|
7
7
|
`;
|
|
8
8
|
//# sourceMappingURL=ListGroupHeader.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListGroupHeader.css.js","sourceRoot":"","sources":["../../../src/generated/themes/ListGroupHeader.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAChN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme);\nexport default `:host{--udex-list-item-group-header-padding-vertical: var(--udexSpacer8, 8px);--udex-list-item-group-header-padding-horizontal: var(--udexSpacer12, 12px);--udex-list-item-group-header-supporting-text-color: var(--sapContent_LabelColor, #223548);--udex-list-item-group-header-border-color: var(--sapList_BorderColor, #A9B4BE)}.udex-list__header{font-weight:var(--udexTypographyFontWeightMedium, 500);display:flex;flex-direction:column}.udex-list__supporting-text{font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 21px);font-weight:var(--udexTypographyFontWeightRegular, 400);color:var(--udex-list-item-group-header-supporting-text-color);padding-top:var(--
|
|
1
|
+
{"version":3,"file":"ListGroupHeader.css.js","sourceRoot":"","sources":["../../../src/generated/themes/ListGroupHeader.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAChN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme);\nexport default `:host{--udex-list-item-group-header-padding-vertical: var(--udexSpacer8, 8px);--udex-list-item-group-header-padding-horizontal: var(--udexSpacer12, 12px);--udex-list-item-group-header-supporting-text-color: var(--sapContent_LabelColor, #223548);--udex-list-item-group-header-border-color: var(--sapList_BorderColor, #A9B4BE)}.udex-list__header{font-weight:var(--udexTypographyFontWeightMedium, 500);display:flex;flex-direction:column}.udex-list__supporting-text{font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 21px);font-weight:var(--udexTypographyFontWeightRegular, 400);color:var(--udex-list-item-group-header-supporting-text-color);padding-top:var(--udexSpacer2, 2px)}.udex-list__group-list{list-style-type:none;padding:0;margin:0}.udex-list__header,.udex-list__group-header{font-weight:var(--udexTypographyFontWeightMedium, 500)}.udex-list__group-list.udex-list__sticky{padding-top:59px}.udex-list__group-content{display:flex;border-bottom:1px solid var(--udex-list-item-group-header-border-color);padding:var(--udex-list-item-group-header-padding-vertical) var(--udex-list-item-group-header-padding-horizontal)}.udex-list__number{margin-inline-end:var(--udexSpacer8, 8px)}.udex-list__circle{display:block;min-width:20px;height:22px;position:relative}:host([mode=\"SingleContent\"])::part(group-item){padding:var(--udexSpacer4, 4px) 0}:host([mode=\"MultiSelect\"]) .udex-list__group-header{border-bottom:1px solid var(--udex-list-item-group-header-border-color)}.udex-list__group_large{font-size:var(--udexTypographyBodyLFontSize, 20px);line-height:var(--udexTypographyHeadingLineHeight, 22px);font-weight:var(--udexTypographyFontWeightMedium, 500)}.udex-list__group_large.udex-list__supporting-text{font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 24px);font-weight:var(--udexTypographyFontWeightRegular, 400)}.udex-list__icon{margin-inline-end:var(--udexSpacer8, 8px);padding-top:2px;min-width:18px;height:18px}.udex-list__inactive-header{font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 24px);font-weight:var(--udexTypographyFontWeightMedium, 500);padding:var(--udexSpacer8, 8px) var(--udexSpacer20, 20px);border-bottom:1px solid var(--sapList_BorderColor, #A9B4BE);display:flex;flex-direction:column}\n`"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: ":host{--udex-list-item-padding-vertical: var(--udexSpacer8, 8px);--udex-list-item-padding-horizontal: var(--udexSpacer12, 12px);--udex-list-item-background-active: var(--sapList_Active_Background, #EAECEE);--udex-list-item-border-color-active: var(--sapList_BorderColor, #A9B4BE);--udex-list-item-color-active: var(--sapList_Active_TextColor, #000);--udex-list-item-supporting-text-color-active: var(--sapContent_LabelColor, #475E75);--udex-list-item-background-selected-hover: var(--sapButton_Selected_Hover_Background, #D1EFFF);--udex-list-item-border-color-selected-hover: var(--udexColorBlue8, #0057D2);--udex-list-item-background-default: var(--sapList_Background, #FFF);--udex-list-item-color-default: var(--sapList_HeaderTextColor, #223548);--udex-list-item-supporting-text-color-default: var(--sapContent_LabelColor, #475E75);--udex-list-item-supporting-text-color-hover: var(--sapContent_LabelColor, #475E75);--udex-list-item-background-hover: var(--sapList_Hover_Background, #F5F6F7);--udex-list-item-color-hover: var(--sapList_HeaderTextColor, #223548);--udex-list-item-border-color-selected: var(--sapList_SelectionBorderColor, #0070F2);--udex-list-item-background-selected: var(--sapList_SelectionBackgroundColor, #EBF8FF);--udex-list-item-color-selected: var(--sapList_HeaderTextColor, #223548);--udex-list-item-supporting-text-color-selected: var(--sapContent_LabelColor, #475E75);--udex-list-item-divider-border-color: var(--sapList_BorderColor, #A9B4BE);--udex-list-item-divider-border-color-hover: var(--sapList_BorderColor, #A9B4BE);--udex-list-item-outline-border-color: var(--udexColorBlue10, #002A86);--udex-list-item-disabled-opacity: var(--sapContent_DisabledOpacity, .4);background:var(--udex-list-item-background-default);color:var(--udex-list-item-color-default);display:block;border-bottom:1px solid transparent;position:relative}:host([disabled]:not([mode=\"SingleContent\"])){opacity:var(--udex-list-item-disabled-opacity);pointer-events:none}:host(:not([disabled]):not([mode=\"SingleContent\"])){cursor:pointer}:host([active]) .udex-list__supporting-text{color:var(--udex-list-item-supporting-text-color-active)}:host([active][selected]){background:var(--udex-list-item-background-active)}:host(:not([disabled]):not([selected]):not([mode=\"SingleContent\"]):hover){background:var(--udex-list-item-background-hover);color:var(--udex-list-item-color-hover)}:host(:not([mode=\"SingleContent\"]):not([disabled])[desktop]) .udex-list__item:focus:before,:host(:not([mode=\"SingleContent\"]):not([disabled])) .udex-list__item:focus-visible:before{content:\"\";position:absolute;inset:0;outline:var(--udexRadiusXXS) solid var(--udex-list-item-outline-border-color);outline-offset:-4px;border-radius:var(--udexRadiusM, 8px);pointer-events:none}:host([active]){background:var(--udex-list-item-background-active);color:var(--udex-list-item-color-active)}:host(:hover[active][focused]:not([mode=\"SingleContent\"])){background:var(--udex-list-item-background-active);border-color:var(--udex-list-item-border-color-active);color:var(--udex-list-item-color-active)}:host(:not([disabled]):hover) .udex-list__supporting-text{color:var(--udex-list-item-supporting-text-color-hover)}:host([selected]:not([mode=\"SingleContent\"])){background:var(--udex-list-item-background-selected);border-color:var(--udex-list-item-border-color-selected);color:var(--udex-list-item-color-selected)}:host(:hover[selected]:not([disabled]):not([mode=\"SingleContent\"])){background:var(--udex-list-item-background-selected-hover);border-color:var(--udex-list-item-border-color-selected-hover)}:host([selected]) .udex-list__supporting-text{color:var(--udex-list-item-supporting-text-color-selected)}:host([divider]){border-color:var(--udex-list-item-divider-border-color)}:host([divider]):hover{border-color:var(--udex-list-item-divider-border-color-hover)}:host([additional-text-state=\"Success\"])::part(additional-text){color:var(--udexColorGreen9, #1E592F)}:host([additional-text-state=\"Error\"])::part(additional-text){color:var(--udexColorRed9, #840606)}:host([additional-text-state=\"Information\"])::part(additional-text){color:var(--udexColorBlue9, #0040B0)}:host([additional-text-state=\"Warning\"])::part(additional-text){color:var(--udexColorMango9, #8D2A00)}:host::part(checkbox),:host::part(radio){padding-inline-end:var(--udexSpacer12, 12px);min-width:42px}:host([mode=\"SingleContent\"])::part(item){padding:var(--udexSpacer4, 4px) 0;border:none}:host([mode=\"SingleContent\"])::part(avatar){padding-inline-start:var(--udexSpacer12, 12px)}:host::part(additional-text){margin-inline-start:0;margin-inline-end:var(--udexSpacer8, 8px)}:host([mode=\"SingleContent\"])::part(button){padding:0}:host(.udex-list__sticky){position:absolute;top:0;right:12px;left:0;z-index:1;border-radius:var(--udexRadiusM, 8px) 0 0}::slotted([udex-list]){padding-top:var(--udexSpacer12, 12px);display:block}::slotted(b){display:inherit}::slotted([udex-button]:hover:not([active])){background-color:var(--udex-button-color-tertiary-standard-default-background)}.udex-list__item:focus-visible{outline:none}.udex-list__item{padding:var(--udexSpacer8, 8px) var(--udexSpacer12, 12px);display:flex;align-items:center}.udex-list__content-wrap{display:flex;width:100%}.udex-list__number{margin-inline-end:var(--udexSpacer8, 8px)}.udex-list__circle{display:block;min-width:20px;height:22px;position:relative}.udex-list__supporting-text{font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 21px);font-weight:var(--udexTypographyFontWeightRegular, 400);color:var(--udex-list-item-supporting-text-color-default);padding-top:var(--
|
|
1
|
+
declare const _default: ":host{--udex-list-item-padding-vertical: var(--udexSpacer8, 8px);--udex-list-item-padding-horizontal: var(--udexSpacer12, 12px);--udex-list-item-background-active: var(--sapList_Active_Background, #EAECEE);--udex-list-item-border-color-active: var(--sapList_BorderColor, #A9B4BE);--udex-list-item-color-active: var(--sapList_Active_TextColor, #000);--udex-list-item-supporting-text-color-active: var(--sapContent_LabelColor, #475E75);--udex-list-item-background-selected-hover: var(--sapButton_Selected_Hover_Background, #D1EFFF);--udex-list-item-border-color-selected-hover: var(--udexColorBlue8, #0057D2);--udex-list-item-background-default: var(--sapList_Background, #FFF);--udex-list-item-color-default: var(--sapList_HeaderTextColor, #223548);--udex-list-item-supporting-text-color-default: var(--sapContent_LabelColor, #475E75);--udex-list-item-supporting-text-color-hover: var(--sapContent_LabelColor, #475E75);--udex-list-item-background-hover: var(--sapList_Hover_Background, #F5F6F7);--udex-list-item-color-hover: var(--sapList_HeaderTextColor, #223548);--udex-list-item-border-color-selected: var(--sapList_SelectionBorderColor, #0070F2);--udex-list-item-background-selected: var(--sapList_SelectionBackgroundColor, #EBF8FF);--udex-list-item-color-selected: var(--sapList_HeaderTextColor, #223548);--udex-list-item-supporting-text-color-selected: var(--sapContent_LabelColor, #475E75);--udex-list-item-divider-border-color: var(--sapList_BorderColor, #A9B4BE);--udex-list-item-divider-border-color-hover: var(--sapList_BorderColor, #A9B4BE);--udex-list-item-outline-border-color: var(--udexColorBlue10, #002A86);--udex-list-item-disabled-opacity: var(--sapContent_DisabledOpacity, .4);background:var(--udex-list-item-background-default);color:var(--udex-list-item-color-default);display:block;border-bottom:1px solid transparent;position:relative}:host([disabled]:not([mode=\"SingleContent\"])){opacity:var(--udex-list-item-disabled-opacity);pointer-events:none}:host(:not([disabled]):not([mode=\"SingleContent\"])){cursor:pointer}:host([active]) .udex-list__supporting-text{color:var(--udex-list-item-supporting-text-color-active)}:host([active][selected]){background:var(--udex-list-item-background-active)}:host(:not([disabled]):not([selected]):not([mode=\"SingleContent\"]):hover){background:var(--udex-list-item-background-hover);color:var(--udex-list-item-color-hover)}:host(:not([mode=\"SingleContent\"]):not([disabled])[desktop]) .udex-list__item:focus:before,:host(:not([mode=\"SingleContent\"]):not([disabled])) .udex-list__item:focus-visible:before{content:\"\";position:absolute;inset:0;outline:var(--udexRadiusXXS) solid var(--udex-list-item-outline-border-color);outline-offset:-4px;border-radius:var(--udexRadiusM, 8px);pointer-events:none}:host([active]){background:var(--udex-list-item-background-active);color:var(--udex-list-item-color-active)}:host(:hover[active][focused]:not([mode=\"SingleContent\"])){background:var(--udex-list-item-background-active);border-color:var(--udex-list-item-border-color-active);color:var(--udex-list-item-color-active)}:host(:not([disabled]):hover) .udex-list__supporting-text{color:var(--udex-list-item-supporting-text-color-hover)}:host([selected]:not([mode=\"SingleContent\"])){background:var(--udex-list-item-background-selected);border-color:var(--udex-list-item-border-color-selected);color:var(--udex-list-item-color-selected)}:host(:hover[selected]:not([disabled]):not([mode=\"SingleContent\"])){background:var(--udex-list-item-background-selected-hover);border-color:var(--udex-list-item-border-color-selected-hover)}:host([selected]) .udex-list__supporting-text{color:var(--udex-list-item-supporting-text-color-selected)}:host([divider]){border-color:var(--udex-list-item-divider-border-color)}:host([divider]):hover{border-color:var(--udex-list-item-divider-border-color-hover)}:host([additional-text-state=\"Success\"])::part(additional-text){color:var(--udexColorGreen9, #1E592F)}:host([additional-text-state=\"Error\"])::part(additional-text){color:var(--udexColorRed9, #840606)}:host([additional-text-state=\"Information\"])::part(additional-text){color:var(--udexColorBlue9, #0040B0)}:host([additional-text-state=\"Warning\"])::part(additional-text){color:var(--udexColorMango9, #8D2A00)}:host::part(checkbox),:host::part(radio){padding-inline-end:var(--udexSpacer12, 12px);min-width:42px}:host([mode=\"SingleContent\"])::part(item){padding:var(--udexSpacer4, 4px) 0;border:none}:host([mode=\"SingleContent\"])::part(avatar){padding-inline-start:var(--udexSpacer12, 12px)}:host::part(additional-text){margin-inline-start:0;margin-inline-end:var(--udexSpacer8, 8px)}:host([mode=\"SingleContent\"])::part(button){padding:0}:host(.udex-list__sticky){position:absolute;top:0;right:12px;left:0;z-index:1;border-radius:var(--udexRadiusM, 8px) 0 0}::slotted([udex-list]){padding-top:var(--udexSpacer12, 12px);display:block}::slotted(b){display:inherit}::slotted([udex-button]:hover:not([active])){background-color:var(--udex-button-color-tertiary-standard-default-background)}.udex-list__item:focus-visible{outline:none}.udex-list__item{padding:var(--udexSpacer8, 8px) var(--udexSpacer12, 12px);display:flex;align-items:center}.udex-list__content-wrap{display:flex;width:100%}.udex-list__number{margin-inline-end:var(--udexSpacer8, 8px)}.udex-list__circle{display:block;min-width:20px;height:22px;position:relative}.udex-list__supporting-text{font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 21px);font-weight:var(--udexTypographyFontWeightRegular, 400);color:var(--udex-list-item-supporting-text-color-default);padding-top:var(--udexSpacer2, 2px)}.udex-list__content{display:flex;align-items:center;flex:auto}.udex-list__text-holder{display:flex;flex-direction:column;flex-basis:100%}.udex-list__add-text{font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 21px);padding-inline-start:var(--udexSpacer12, 12px);white-space:nowrap}.udex-list__icon{margin-inline-end:var(--udexSpacer8, 8px);padding-top:2px;min-width:18px;height:18px}.udex-list__avatar{display:flex;align-items:center;margin-inline-end:var(--udexSpacer8, 8px)}.udex-list__item.udex-list__sticky.udex-list__item_controlled .udex-list__checkbox,.udex-list__item.udex-searchable-list__header.udex-list__item_controlled .udex-list__checkbox,.udex-list__item .udex-list__radio,.udex-list__item .udex-list__checkbox{pointer-events:none}.udex-list__item.udex-list__item_controlled .udex-list__radio,.udex-list__item.udex-list__item_controlled .udex-list__checkbox{pointer-events:auto}.udex-list__item_large{font-size:var(--udexTypographyBodyLFontSize, 20px);line-height:var(--udexTypographyHeadingLineHeight, 22px);font-weight:var(--udexTypographyFontWeightMedium, 500)}.udex-list__item_large .udex-list__supporting-text{font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 24px)}.udex-list__flag-wrap{min-width:30px;margin-inline-end:var(--udexSpacer12, 12px);position:relative}.udex-list__flag{background-image:url(https://cdn.udex.services.sap.com/dds/design-tokens/assets/country_flag_iso3166.webp);width:30px;height:20px;margin-inline-end:var(--udexSpacer12, 12px);position:absolute;top:50%;transform:translateY(-50%)}.hidden{display:none}\n";
|
|
2
2
|
export default _default;
|
|
@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
|
|
|
3
3
|
import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
4
4
|
registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
5
5
|
registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme);
|
|
6
|
-
export default `:host{--udex-list-item-padding-vertical: var(--udexSpacer8, 8px);--udex-list-item-padding-horizontal: var(--udexSpacer12, 12px);--udex-list-item-background-active: var(--sapList_Active_Background, #EAECEE);--udex-list-item-border-color-active: var(--sapList_BorderColor, #A9B4BE);--udex-list-item-color-active: var(--sapList_Active_TextColor, #000);--udex-list-item-supporting-text-color-active: var(--sapContent_LabelColor, #475E75);--udex-list-item-background-selected-hover: var(--sapButton_Selected_Hover_Background, #D1EFFF);--udex-list-item-border-color-selected-hover: var(--udexColorBlue8, #0057D2);--udex-list-item-background-default: var(--sapList_Background, #FFF);--udex-list-item-color-default: var(--sapList_HeaderTextColor, #223548);--udex-list-item-supporting-text-color-default: var(--sapContent_LabelColor, #475E75);--udex-list-item-supporting-text-color-hover: var(--sapContent_LabelColor, #475E75);--udex-list-item-background-hover: var(--sapList_Hover_Background, #F5F6F7);--udex-list-item-color-hover: var(--sapList_HeaderTextColor, #223548);--udex-list-item-border-color-selected: var(--sapList_SelectionBorderColor, #0070F2);--udex-list-item-background-selected: var(--sapList_SelectionBackgroundColor, #EBF8FF);--udex-list-item-color-selected: var(--sapList_HeaderTextColor, #223548);--udex-list-item-supporting-text-color-selected: var(--sapContent_LabelColor, #475E75);--udex-list-item-divider-border-color: var(--sapList_BorderColor, #A9B4BE);--udex-list-item-divider-border-color-hover: var(--sapList_BorderColor, #A9B4BE);--udex-list-item-outline-border-color: var(--udexColorBlue10, #002A86);--udex-list-item-disabled-opacity: var(--sapContent_DisabledOpacity, .4);background:var(--udex-list-item-background-default);color:var(--udex-list-item-color-default);display:block;border-bottom:1px solid transparent;position:relative}:host([disabled]:not([mode="SingleContent"])){opacity:var(--udex-list-item-disabled-opacity);pointer-events:none}:host(:not([disabled]):not([mode="SingleContent"])){cursor:pointer}:host([active]) .udex-list__supporting-text{color:var(--udex-list-item-supporting-text-color-active)}:host([active][selected]){background:var(--udex-list-item-background-active)}:host(:not([disabled]):not([selected]):not([mode="SingleContent"]):hover){background:var(--udex-list-item-background-hover);color:var(--udex-list-item-color-hover)}:host(:not([mode="SingleContent"]):not([disabled])[desktop]) .udex-list__item:focus:before,:host(:not([mode="SingleContent"]):not([disabled])) .udex-list__item:focus-visible:before{content:"";position:absolute;inset:0;outline:var(--udexRadiusXXS) solid var(--udex-list-item-outline-border-color);outline-offset:-4px;border-radius:var(--udexRadiusM, 8px);pointer-events:none}:host([active]){background:var(--udex-list-item-background-active);color:var(--udex-list-item-color-active)}:host(:hover[active][focused]:not([mode="SingleContent"])){background:var(--udex-list-item-background-active);border-color:var(--udex-list-item-border-color-active);color:var(--udex-list-item-color-active)}:host(:not([disabled]):hover) .udex-list__supporting-text{color:var(--udex-list-item-supporting-text-color-hover)}:host([selected]:not([mode="SingleContent"])){background:var(--udex-list-item-background-selected);border-color:var(--udex-list-item-border-color-selected);color:var(--udex-list-item-color-selected)}:host(:hover[selected]:not([disabled]):not([mode="SingleContent"])){background:var(--udex-list-item-background-selected-hover);border-color:var(--udex-list-item-border-color-selected-hover)}:host([selected]) .udex-list__supporting-text{color:var(--udex-list-item-supporting-text-color-selected)}:host([divider]){border-color:var(--udex-list-item-divider-border-color)}:host([divider]):hover{border-color:var(--udex-list-item-divider-border-color-hover)}:host([additional-text-state="Success"])::part(additional-text){color:var(--udexColorGreen9, #1E592F)}:host([additional-text-state="Error"])::part(additional-text){color:var(--udexColorRed9, #840606)}:host([additional-text-state="Information"])::part(additional-text){color:var(--udexColorBlue9, #0040B0)}:host([additional-text-state="Warning"])::part(additional-text){color:var(--udexColorMango9, #8D2A00)}:host::part(checkbox),:host::part(radio){padding-inline-end:var(--udexSpacer12, 12px);min-width:42px}:host([mode="SingleContent"])::part(item){padding:var(--udexSpacer4, 4px) 0;border:none}:host([mode="SingleContent"])::part(avatar){padding-inline-start:var(--udexSpacer12, 12px)}:host::part(additional-text){margin-inline-start:0;margin-inline-end:var(--udexSpacer8, 8px)}:host([mode="SingleContent"])::part(button){padding:0}:host(.udex-list__sticky){position:absolute;top:0;right:12px;left:0;z-index:1;border-radius:var(--udexRadiusM, 8px) 0 0}::slotted([udex-list]){padding-top:var(--udexSpacer12, 12px);display:block}::slotted(b){display:inherit}::slotted([udex-button]:hover:not([active])){background-color:var(--udex-button-color-tertiary-standard-default-background)}.udex-list__item:focus-visible{outline:none}.udex-list__item{padding:var(--udexSpacer8, 8px) var(--udexSpacer12, 12px);display:flex;align-items:center}.udex-list__content-wrap{display:flex;width:100%}.udex-list__number{margin-inline-end:var(--udexSpacer8, 8px)}.udex-list__circle{display:block;min-width:20px;height:22px;position:relative}.udex-list__supporting-text{font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 21px);font-weight:var(--udexTypographyFontWeightRegular, 400);color:var(--udex-list-item-supporting-text-color-default);padding-top:var(--
|
|
6
|
+
export default `:host{--udex-list-item-padding-vertical: var(--udexSpacer8, 8px);--udex-list-item-padding-horizontal: var(--udexSpacer12, 12px);--udex-list-item-background-active: var(--sapList_Active_Background, #EAECEE);--udex-list-item-border-color-active: var(--sapList_BorderColor, #A9B4BE);--udex-list-item-color-active: var(--sapList_Active_TextColor, #000);--udex-list-item-supporting-text-color-active: var(--sapContent_LabelColor, #475E75);--udex-list-item-background-selected-hover: var(--sapButton_Selected_Hover_Background, #D1EFFF);--udex-list-item-border-color-selected-hover: var(--udexColorBlue8, #0057D2);--udex-list-item-background-default: var(--sapList_Background, #FFF);--udex-list-item-color-default: var(--sapList_HeaderTextColor, #223548);--udex-list-item-supporting-text-color-default: var(--sapContent_LabelColor, #475E75);--udex-list-item-supporting-text-color-hover: var(--sapContent_LabelColor, #475E75);--udex-list-item-background-hover: var(--sapList_Hover_Background, #F5F6F7);--udex-list-item-color-hover: var(--sapList_HeaderTextColor, #223548);--udex-list-item-border-color-selected: var(--sapList_SelectionBorderColor, #0070F2);--udex-list-item-background-selected: var(--sapList_SelectionBackgroundColor, #EBF8FF);--udex-list-item-color-selected: var(--sapList_HeaderTextColor, #223548);--udex-list-item-supporting-text-color-selected: var(--sapContent_LabelColor, #475E75);--udex-list-item-divider-border-color: var(--sapList_BorderColor, #A9B4BE);--udex-list-item-divider-border-color-hover: var(--sapList_BorderColor, #A9B4BE);--udex-list-item-outline-border-color: var(--udexColorBlue10, #002A86);--udex-list-item-disabled-opacity: var(--sapContent_DisabledOpacity, .4);background:var(--udex-list-item-background-default);color:var(--udex-list-item-color-default);display:block;border-bottom:1px solid transparent;position:relative}:host([disabled]:not([mode="SingleContent"])){opacity:var(--udex-list-item-disabled-opacity);pointer-events:none}:host(:not([disabled]):not([mode="SingleContent"])){cursor:pointer}:host([active]) .udex-list__supporting-text{color:var(--udex-list-item-supporting-text-color-active)}:host([active][selected]){background:var(--udex-list-item-background-active)}:host(:not([disabled]):not([selected]):not([mode="SingleContent"]):hover){background:var(--udex-list-item-background-hover);color:var(--udex-list-item-color-hover)}:host(:not([mode="SingleContent"]):not([disabled])[desktop]) .udex-list__item:focus:before,:host(:not([mode="SingleContent"]):not([disabled])) .udex-list__item:focus-visible:before{content:"";position:absolute;inset:0;outline:var(--udexRadiusXXS) solid var(--udex-list-item-outline-border-color);outline-offset:-4px;border-radius:var(--udexRadiusM, 8px);pointer-events:none}:host([active]){background:var(--udex-list-item-background-active);color:var(--udex-list-item-color-active)}:host(:hover[active][focused]:not([mode="SingleContent"])){background:var(--udex-list-item-background-active);border-color:var(--udex-list-item-border-color-active);color:var(--udex-list-item-color-active)}:host(:not([disabled]):hover) .udex-list__supporting-text{color:var(--udex-list-item-supporting-text-color-hover)}:host([selected]:not([mode="SingleContent"])){background:var(--udex-list-item-background-selected);border-color:var(--udex-list-item-border-color-selected);color:var(--udex-list-item-color-selected)}:host(:hover[selected]:not([disabled]):not([mode="SingleContent"])){background:var(--udex-list-item-background-selected-hover);border-color:var(--udex-list-item-border-color-selected-hover)}:host([selected]) .udex-list__supporting-text{color:var(--udex-list-item-supporting-text-color-selected)}:host([divider]){border-color:var(--udex-list-item-divider-border-color)}:host([divider]):hover{border-color:var(--udex-list-item-divider-border-color-hover)}:host([additional-text-state="Success"])::part(additional-text){color:var(--udexColorGreen9, #1E592F)}:host([additional-text-state="Error"])::part(additional-text){color:var(--udexColorRed9, #840606)}:host([additional-text-state="Information"])::part(additional-text){color:var(--udexColorBlue9, #0040B0)}:host([additional-text-state="Warning"])::part(additional-text){color:var(--udexColorMango9, #8D2A00)}:host::part(checkbox),:host::part(radio){padding-inline-end:var(--udexSpacer12, 12px);min-width:42px}:host([mode="SingleContent"])::part(item){padding:var(--udexSpacer4, 4px) 0;border:none}:host([mode="SingleContent"])::part(avatar){padding-inline-start:var(--udexSpacer12, 12px)}:host::part(additional-text){margin-inline-start:0;margin-inline-end:var(--udexSpacer8, 8px)}:host([mode="SingleContent"])::part(button){padding:0}:host(.udex-list__sticky){position:absolute;top:0;right:12px;left:0;z-index:1;border-radius:var(--udexRadiusM, 8px) 0 0}::slotted([udex-list]){padding-top:var(--udexSpacer12, 12px);display:block}::slotted(b){display:inherit}::slotted([udex-button]:hover:not([active])){background-color:var(--udex-button-color-tertiary-standard-default-background)}.udex-list__item:focus-visible{outline:none}.udex-list__item{padding:var(--udexSpacer8, 8px) var(--udexSpacer12, 12px);display:flex;align-items:center}.udex-list__content-wrap{display:flex;width:100%}.udex-list__number{margin-inline-end:var(--udexSpacer8, 8px)}.udex-list__circle{display:block;min-width:20px;height:22px;position:relative}.udex-list__supporting-text{font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 21px);font-weight:var(--udexTypographyFontWeightRegular, 400);color:var(--udex-list-item-supporting-text-color-default);padding-top:var(--udexSpacer2, 2px)}.udex-list__content{display:flex;align-items:center;flex:auto}.udex-list__text-holder{display:flex;flex-direction:column;flex-basis:100%}.udex-list__add-text{font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 21px);padding-inline-start:var(--udexSpacer12, 12px);white-space:nowrap}.udex-list__icon{margin-inline-end:var(--udexSpacer8, 8px);padding-top:2px;min-width:18px;height:18px}.udex-list__avatar{display:flex;align-items:center;margin-inline-end:var(--udexSpacer8, 8px)}.udex-list__item.udex-list__sticky.udex-list__item_controlled .udex-list__checkbox,.udex-list__item.udex-searchable-list__header.udex-list__item_controlled .udex-list__checkbox,.udex-list__item .udex-list__radio,.udex-list__item .udex-list__checkbox{pointer-events:none}.udex-list__item.udex-list__item_controlled .udex-list__radio,.udex-list__item.udex-list__item_controlled .udex-list__checkbox{pointer-events:auto}.udex-list__item_large{font-size:var(--udexTypographyBodyLFontSize, 20px);line-height:var(--udexTypographyHeadingLineHeight, 22px);font-weight:var(--udexTypographyFontWeightMedium, 500)}.udex-list__item_large .udex-list__supporting-text{font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 24px)}.udex-list__flag-wrap{min-width:30px;margin-inline-end:var(--udexSpacer12, 12px);position:relative}.udex-list__flag{background-image:url(https://cdn.udex.services.sap.com/dds/design-tokens/assets/country_flag_iso3166.webp);width:30px;height:20px;margin-inline-end:var(--udexSpacer12, 12px);position:absolute;top:50%;transform:translateY(-50%)}.hidden{display:none}
|
|
7
7
|
`;
|
|
8
8
|
//# sourceMappingURL=ListItem.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItem.css.js","sourceRoot":"","sources":["../../../src/generated/themes/ListItem.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAChN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme);\nexport default `:host{--udex-list-item-padding-vertical: var(--udexSpacer8, 8px);--udex-list-item-padding-horizontal: var(--udexSpacer12, 12px);--udex-list-item-background-active: var(--sapList_Active_Background, #EAECEE);--udex-list-item-border-color-active: var(--sapList_BorderColor, #A9B4BE);--udex-list-item-color-active: var(--sapList_Active_TextColor, #000);--udex-list-item-supporting-text-color-active: var(--sapContent_LabelColor, #475E75);--udex-list-item-background-selected-hover: var(--sapButton_Selected_Hover_Background, #D1EFFF);--udex-list-item-border-color-selected-hover: var(--udexColorBlue8, #0057D2);--udex-list-item-background-default: var(--sapList_Background, #FFF);--udex-list-item-color-default: var(--sapList_HeaderTextColor, #223548);--udex-list-item-supporting-text-color-default: var(--sapContent_LabelColor, #475E75);--udex-list-item-supporting-text-color-hover: var(--sapContent_LabelColor, #475E75);--udex-list-item-background-hover: var(--sapList_Hover_Background, #F5F6F7);--udex-list-item-color-hover: var(--sapList_HeaderTextColor, #223548);--udex-list-item-border-color-selected: var(--sapList_SelectionBorderColor, #0070F2);--udex-list-item-background-selected: var(--sapList_SelectionBackgroundColor, #EBF8FF);--udex-list-item-color-selected: var(--sapList_HeaderTextColor, #223548);--udex-list-item-supporting-text-color-selected: var(--sapContent_LabelColor, #475E75);--udex-list-item-divider-border-color: var(--sapList_BorderColor, #A9B4BE);--udex-list-item-divider-border-color-hover: var(--sapList_BorderColor, #A9B4BE);--udex-list-item-outline-border-color: var(--udexColorBlue10, #002A86);--udex-list-item-disabled-opacity: var(--sapContent_DisabledOpacity, .4);background:var(--udex-list-item-background-default);color:var(--udex-list-item-color-default);display:block;border-bottom:1px solid transparent;position:relative}:host([disabled]:not([mode=\"SingleContent\"])){opacity:var(--udex-list-item-disabled-opacity);pointer-events:none}:host(:not([disabled]):not([mode=\"SingleContent\"])){cursor:pointer}:host([active]) .udex-list__supporting-text{color:var(--udex-list-item-supporting-text-color-active)}:host([active][selected]){background:var(--udex-list-item-background-active)}:host(:not([disabled]):not([selected]):not([mode=\"SingleContent\"]):hover){background:var(--udex-list-item-background-hover);color:var(--udex-list-item-color-hover)}:host(:not([mode=\"SingleContent\"]):not([disabled])[desktop]) .udex-list__item:focus:before,:host(:not([mode=\"SingleContent\"]):not([disabled])) .udex-list__item:focus-visible:before{content:\"\";position:absolute;inset:0;outline:var(--udexRadiusXXS) solid var(--udex-list-item-outline-border-color);outline-offset:-4px;border-radius:var(--udexRadiusM, 8px);pointer-events:none}:host([active]){background:var(--udex-list-item-background-active);color:var(--udex-list-item-color-active)}:host(:hover[active][focused]:not([mode=\"SingleContent\"])){background:var(--udex-list-item-background-active);border-color:var(--udex-list-item-border-color-active);color:var(--udex-list-item-color-active)}:host(:not([disabled]):hover) .udex-list__supporting-text{color:var(--udex-list-item-supporting-text-color-hover)}:host([selected]:not([mode=\"SingleContent\"])){background:var(--udex-list-item-background-selected);border-color:var(--udex-list-item-border-color-selected);color:var(--udex-list-item-color-selected)}:host(:hover[selected]:not([disabled]):not([mode=\"SingleContent\"])){background:var(--udex-list-item-background-selected-hover);border-color:var(--udex-list-item-border-color-selected-hover)}:host([selected]) .udex-list__supporting-text{color:var(--udex-list-item-supporting-text-color-selected)}:host([divider]){border-color:var(--udex-list-item-divider-border-color)}:host([divider]):hover{border-color:var(--udex-list-item-divider-border-color-hover)}:host([additional-text-state=\"Success\"])::part(additional-text){color:var(--udexColorGreen9, #1E592F)}:host([additional-text-state=\"Error\"])::part(additional-text){color:var(--udexColorRed9, #840606)}:host([additional-text-state=\"Information\"])::part(additional-text){color:var(--udexColorBlue9, #0040B0)}:host([additional-text-state=\"Warning\"])::part(additional-text){color:var(--udexColorMango9, #8D2A00)}:host::part(checkbox),:host::part(radio){padding-inline-end:var(--udexSpacer12, 12px);min-width:42px}:host([mode=\"SingleContent\"])::part(item){padding:var(--udexSpacer4, 4px) 0;border:none}:host([mode=\"SingleContent\"])::part(avatar){padding-inline-start:var(--udexSpacer12, 12px)}:host::part(additional-text){margin-inline-start:0;margin-inline-end:var(--udexSpacer8, 8px)}:host([mode=\"SingleContent\"])::part(button){padding:0}:host(.udex-list__sticky){position:absolute;top:0;right:12px;left:0;z-index:1;border-radius:var(--udexRadiusM, 8px) 0 0}::slotted([udex-list]){padding-top:var(--udexSpacer12, 12px);display:block}::slotted(b){display:inherit}::slotted([udex-button]:hover:not([active])){background-color:var(--udex-button-color-tertiary-standard-default-background)}.udex-list__item:focus-visible{outline:none}.udex-list__item{padding:var(--udexSpacer8, 8px) var(--udexSpacer12, 12px);display:flex;align-items:center}.udex-list__content-wrap{display:flex;width:100%}.udex-list__number{margin-inline-end:var(--udexSpacer8, 8px)}.udex-list__circle{display:block;min-width:20px;height:22px;position:relative}.udex-list__supporting-text{font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 21px);font-weight:var(--udexTypographyFontWeightRegular, 400);color:var(--udex-list-item-supporting-text-color-default);padding-top:var(--
|
|
1
|
+
{"version":3,"file":"ListItem.css.js","sourceRoot":"","sources":["../../../src/generated/themes/ListItem.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAChN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme);\nexport default `:host{--udex-list-item-padding-vertical: var(--udexSpacer8, 8px);--udex-list-item-padding-horizontal: var(--udexSpacer12, 12px);--udex-list-item-background-active: var(--sapList_Active_Background, #EAECEE);--udex-list-item-border-color-active: var(--sapList_BorderColor, #A9B4BE);--udex-list-item-color-active: var(--sapList_Active_TextColor, #000);--udex-list-item-supporting-text-color-active: var(--sapContent_LabelColor, #475E75);--udex-list-item-background-selected-hover: var(--sapButton_Selected_Hover_Background, #D1EFFF);--udex-list-item-border-color-selected-hover: var(--udexColorBlue8, #0057D2);--udex-list-item-background-default: var(--sapList_Background, #FFF);--udex-list-item-color-default: var(--sapList_HeaderTextColor, #223548);--udex-list-item-supporting-text-color-default: var(--sapContent_LabelColor, #475E75);--udex-list-item-supporting-text-color-hover: var(--sapContent_LabelColor, #475E75);--udex-list-item-background-hover: var(--sapList_Hover_Background, #F5F6F7);--udex-list-item-color-hover: var(--sapList_HeaderTextColor, #223548);--udex-list-item-border-color-selected: var(--sapList_SelectionBorderColor, #0070F2);--udex-list-item-background-selected: var(--sapList_SelectionBackgroundColor, #EBF8FF);--udex-list-item-color-selected: var(--sapList_HeaderTextColor, #223548);--udex-list-item-supporting-text-color-selected: var(--sapContent_LabelColor, #475E75);--udex-list-item-divider-border-color: var(--sapList_BorderColor, #A9B4BE);--udex-list-item-divider-border-color-hover: var(--sapList_BorderColor, #A9B4BE);--udex-list-item-outline-border-color: var(--udexColorBlue10, #002A86);--udex-list-item-disabled-opacity: var(--sapContent_DisabledOpacity, .4);background:var(--udex-list-item-background-default);color:var(--udex-list-item-color-default);display:block;border-bottom:1px solid transparent;position:relative}:host([disabled]:not([mode=\"SingleContent\"])){opacity:var(--udex-list-item-disabled-opacity);pointer-events:none}:host(:not([disabled]):not([mode=\"SingleContent\"])){cursor:pointer}:host([active]) .udex-list__supporting-text{color:var(--udex-list-item-supporting-text-color-active)}:host([active][selected]){background:var(--udex-list-item-background-active)}:host(:not([disabled]):not([selected]):not([mode=\"SingleContent\"]):hover){background:var(--udex-list-item-background-hover);color:var(--udex-list-item-color-hover)}:host(:not([mode=\"SingleContent\"]):not([disabled])[desktop]) .udex-list__item:focus:before,:host(:not([mode=\"SingleContent\"]):not([disabled])) .udex-list__item:focus-visible:before{content:\"\";position:absolute;inset:0;outline:var(--udexRadiusXXS) solid var(--udex-list-item-outline-border-color);outline-offset:-4px;border-radius:var(--udexRadiusM, 8px);pointer-events:none}:host([active]){background:var(--udex-list-item-background-active);color:var(--udex-list-item-color-active)}:host(:hover[active][focused]:not([mode=\"SingleContent\"])){background:var(--udex-list-item-background-active);border-color:var(--udex-list-item-border-color-active);color:var(--udex-list-item-color-active)}:host(:not([disabled]):hover) .udex-list__supporting-text{color:var(--udex-list-item-supporting-text-color-hover)}:host([selected]:not([mode=\"SingleContent\"])){background:var(--udex-list-item-background-selected);border-color:var(--udex-list-item-border-color-selected);color:var(--udex-list-item-color-selected)}:host(:hover[selected]:not([disabled]):not([mode=\"SingleContent\"])){background:var(--udex-list-item-background-selected-hover);border-color:var(--udex-list-item-border-color-selected-hover)}:host([selected]) .udex-list__supporting-text{color:var(--udex-list-item-supporting-text-color-selected)}:host([divider]){border-color:var(--udex-list-item-divider-border-color)}:host([divider]):hover{border-color:var(--udex-list-item-divider-border-color-hover)}:host([additional-text-state=\"Success\"])::part(additional-text){color:var(--udexColorGreen9, #1E592F)}:host([additional-text-state=\"Error\"])::part(additional-text){color:var(--udexColorRed9, #840606)}:host([additional-text-state=\"Information\"])::part(additional-text){color:var(--udexColorBlue9, #0040B0)}:host([additional-text-state=\"Warning\"])::part(additional-text){color:var(--udexColorMango9, #8D2A00)}:host::part(checkbox),:host::part(radio){padding-inline-end:var(--udexSpacer12, 12px);min-width:42px}:host([mode=\"SingleContent\"])::part(item){padding:var(--udexSpacer4, 4px) 0;border:none}:host([mode=\"SingleContent\"])::part(avatar){padding-inline-start:var(--udexSpacer12, 12px)}:host::part(additional-text){margin-inline-start:0;margin-inline-end:var(--udexSpacer8, 8px)}:host([mode=\"SingleContent\"])::part(button){padding:0}:host(.udex-list__sticky){position:absolute;top:0;right:12px;left:0;z-index:1;border-radius:var(--udexRadiusM, 8px) 0 0}::slotted([udex-list]){padding-top:var(--udexSpacer12, 12px);display:block}::slotted(b){display:inherit}::slotted([udex-button]:hover:not([active])){background-color:var(--udex-button-color-tertiary-standard-default-background)}.udex-list__item:focus-visible{outline:none}.udex-list__item{padding:var(--udexSpacer8, 8px) var(--udexSpacer12, 12px);display:flex;align-items:center}.udex-list__content-wrap{display:flex;width:100%}.udex-list__number{margin-inline-end:var(--udexSpacer8, 8px)}.udex-list__circle{display:block;min-width:20px;height:22px;position:relative}.udex-list__supporting-text{font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 21px);font-weight:var(--udexTypographyFontWeightRegular, 400);color:var(--udex-list-item-supporting-text-color-default);padding-top:var(--udexSpacer2, 2px)}.udex-list__content{display:flex;align-items:center;flex:auto}.udex-list__text-holder{display:flex;flex-direction:column;flex-basis:100%}.udex-list__add-text{font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 21px);padding-inline-start:var(--udexSpacer12, 12px);white-space:nowrap}.udex-list__icon{margin-inline-end:var(--udexSpacer8, 8px);padding-top:2px;min-width:18px;height:18px}.udex-list__avatar{display:flex;align-items:center;margin-inline-end:var(--udexSpacer8, 8px)}.udex-list__item.udex-list__sticky.udex-list__item_controlled .udex-list__checkbox,.udex-list__item.udex-searchable-list__header.udex-list__item_controlled .udex-list__checkbox,.udex-list__item .udex-list__radio,.udex-list__item .udex-list__checkbox{pointer-events:none}.udex-list__item.udex-list__item_controlled .udex-list__radio,.udex-list__item.udex-list__item_controlled .udex-list__checkbox{pointer-events:auto}.udex-list__item_large{font-size:var(--udexTypographyBodyLFontSize, 20px);line-height:var(--udexTypographyHeadingLineHeight, 22px);font-weight:var(--udexTypographyFontWeightMedium, 500)}.udex-list__item_large .udex-list__supporting-text{font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 24px)}.udex-list__flag-wrap{min-width:30px;margin-inline-end:var(--udexSpacer12, 12px);position:relative}.udex-list__flag{background-image:url(https://cdn.udex.services.sap.com/dds/design-tokens/assets/country_flag_iso3166.webp);width:30px;height:20px;margin-inline-end:var(--udexSpacer12, 12px);position:absolute;top:50%;transform:translateY(-50%)}.hidden{display:none}\n`"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: ":host{--udex_rating_indicator_readonly_item_width: 1.5rem;--udex_rating_indicator_readonly_item_height: 1.5rem;--udex_rating_indicator_item_width: 1.5rem;--udex_rating_indicator_item_height: 1.5rem;--udex_rating_indicator_mobile_item_padding: 10px;--udex_rating_indicator_disabled_opacity: .4;--udex-rating_indicator_items_gap: 8px;--udex-rating_indicator_mobile_items_gap: 8px;--udex-rating_indicator_rated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_unrated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_read-only-unrated_color: var(--udexColorGrey6 ,#5B738B);--udex-rating_indicator_disabled-unrated_color: var(--udexColorMango6, #E76500);--udex-rating_indicator_rated_hover_color: var(--udexColorMango7, #C35500);--udex-rating_indicator_unrated_hover_color: var(--udexColorMango7, #C35500)}:host(:not([hidden])){display:inline-flex;margin:var(--_ui5-v2-
|
|
1
|
+
declare const _default: ":host{--udex_rating_indicator_readonly_item_width: 1.5rem;--udex_rating_indicator_readonly_item_height: 1.5rem;--udex_rating_indicator_item_width: 1.5rem;--udex_rating_indicator_item_height: 1.5rem;--udex_rating_indicator_mobile_item_padding: 10px;--udex_rating_indicator_disabled_opacity: .4;--udex-rating_indicator_items_gap: 8px;--udex-rating_indicator_mobile_items_gap: 8px;--udex-rating_indicator_rated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_unrated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_read-only-unrated_color: var(--udexColorGrey6 ,#5B738B);--udex-rating_indicator_disabled-unrated_color: var(--udexColorMango6, #E76500);--udex-rating_indicator_rated_hover_color: var(--udexColorMango7, #C35500);--udex-rating_indicator_unrated_hover_color: var(--udexColorMango7, #C35500)}:host(:not([hidden])){display:inline-flex;margin:var(--_ui5-v2-8-0_rating_indicator_component_spacing);cursor:pointer}:host([disabled]){opacity:var(--udex_rating_indicator_disabled_opacity);cursor:initial;outline:none}:host([readonly]){cursor:initial}:host([disabled]) .udex-rating-indicator__item-unsel,:host([readonly]) .udex-rating-indicator__item-unsel{width:var(--udex_rating_indicator_readonly_item_width);height:var(--udex_rating_indicator_readonly_item_height);padding-inline:0}:host([disabled]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_disabled-unrated_color)}:host([readonly]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_read-only-unrated_color)}:host([_focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:.125rem;border-radius:.25rem}[ui5-icon]{display:flex;text-shadow:var(--sapContent_TextShadow)}.udex-rating-indicator{font-family:var(--sapFontFamily);font-size:var(--sapFontSize, 16px);padding:0;outline:none;position:relative;display:inline-flex;gap:12px;align-items:center}.udex-rating-indicator__total{color:var(--udexColorGrey6);line-height:24px}.udex-rating-indicator__list{list-style-type:none;display:flex;align-items:center;margin:0;padding:0}.udex-rating-indicator__item{position:relative;width:var(--udex_rating_indicator_item_width);height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_items_gap)}.udex-rating-indicator__item [ui5-icon]{width:100%;height:100%;color:inherit;user-select:none}.udex-rating-indicator__item.udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-sel,.udex-rating-indicator__item.udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{position:absolute;inset-inline-start:50%;color:var(--udex-rating_indicator_rated_color)}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-sel,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__half-icon,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_hover_color)}:host(:not([readonly]):not([disabled])) .ui5-rating-indicator-root:hover{opacity:1}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_hover_color)}.udex-rating-indicator__half-icon-wrapper{width:100%;height:100%;position:absolute;inset-inline-start:-50%;top:0;z-index:32;overflow:hidden}.udex-rating-indicator--mobile .udex-rating-indicator__half-icon-wrapper{top:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator--mobile .udex-rating-indicator__item{padding:var(--udex_rating_indicator_mobile_item_padding)}:host([readonly]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel,:host([disabled]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel{padding-left:var(--udex_rating_indicator_mobile_item_padding);padding-right:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_mobile_items_gap)}\n";
|
|
2
2
|
export default _default;
|
|
@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
|
|
|
3
3
|
import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
4
4
|
registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
5
5
|
registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme);
|
|
6
|
-
export default `:host{--udex_rating_indicator_readonly_item_width: 1.5rem;--udex_rating_indicator_readonly_item_height: 1.5rem;--udex_rating_indicator_item_width: 1.5rem;--udex_rating_indicator_item_height: 1.5rem;--udex_rating_indicator_mobile_item_padding: 10px;--udex_rating_indicator_disabled_opacity: .4;--udex-rating_indicator_items_gap: 8px;--udex-rating_indicator_mobile_items_gap: 8px;--udex-rating_indicator_rated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_unrated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_read-only-unrated_color: var(--udexColorGrey6 ,#5B738B);--udex-rating_indicator_disabled-unrated_color: var(--udexColorMango6, #E76500);--udex-rating_indicator_rated_hover_color: var(--udexColorMango7, #C35500);--udex-rating_indicator_unrated_hover_color: var(--udexColorMango7, #C35500)}:host(:not([hidden])){display:inline-flex;margin:var(--_ui5-v2-
|
|
6
|
+
export default `:host{--udex_rating_indicator_readonly_item_width: 1.5rem;--udex_rating_indicator_readonly_item_height: 1.5rem;--udex_rating_indicator_item_width: 1.5rem;--udex_rating_indicator_item_height: 1.5rem;--udex_rating_indicator_mobile_item_padding: 10px;--udex_rating_indicator_disabled_opacity: .4;--udex-rating_indicator_items_gap: 8px;--udex-rating_indicator_mobile_items_gap: 8px;--udex-rating_indicator_rated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_unrated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_read-only-unrated_color: var(--udexColorGrey6 ,#5B738B);--udex-rating_indicator_disabled-unrated_color: var(--udexColorMango6, #E76500);--udex-rating_indicator_rated_hover_color: var(--udexColorMango7, #C35500);--udex-rating_indicator_unrated_hover_color: var(--udexColorMango7, #C35500)}:host(:not([hidden])){display:inline-flex;margin:var(--_ui5-v2-8-0_rating_indicator_component_spacing);cursor:pointer}:host([disabled]){opacity:var(--udex_rating_indicator_disabled_opacity);cursor:initial;outline:none}:host([readonly]){cursor:initial}:host([disabled]) .udex-rating-indicator__item-unsel,:host([readonly]) .udex-rating-indicator__item-unsel{width:var(--udex_rating_indicator_readonly_item_width);height:var(--udex_rating_indicator_readonly_item_height);padding-inline:0}:host([disabled]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_disabled-unrated_color)}:host([readonly]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_read-only-unrated_color)}:host([_focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:.125rem;border-radius:.25rem}[ui5-icon]{display:flex;text-shadow:var(--sapContent_TextShadow)}.udex-rating-indicator{font-family:var(--sapFontFamily);font-size:var(--sapFontSize, 16px);padding:0;outline:none;position:relative;display:inline-flex;gap:12px;align-items:center}.udex-rating-indicator__total{color:var(--udexColorGrey6);line-height:24px}.udex-rating-indicator__list{list-style-type:none;display:flex;align-items:center;margin:0;padding:0}.udex-rating-indicator__item{position:relative;width:var(--udex_rating_indicator_item_width);height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_items_gap)}.udex-rating-indicator__item [ui5-icon]{width:100%;height:100%;color:inherit;user-select:none}.udex-rating-indicator__item.udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-sel,.udex-rating-indicator__item.udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{position:absolute;inset-inline-start:50%;color:var(--udex-rating_indicator_rated_color)}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-sel,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__half-icon,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_hover_color)}:host(:not([readonly]):not([disabled])) .ui5-rating-indicator-root:hover{opacity:1}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_hover_color)}.udex-rating-indicator__half-icon-wrapper{width:100%;height:100%;position:absolute;inset-inline-start:-50%;top:0;z-index:32;overflow:hidden}.udex-rating-indicator--mobile .udex-rating-indicator__half-icon-wrapper{top:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator--mobile .udex-rating-indicator__item{padding:var(--udex_rating_indicator_mobile_item_padding)}:host([readonly]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel,:host([disabled]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel{padding-left:var(--udex_rating_indicator_mobile_item_padding);padding-right:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_mobile_items_gap)}
|
|
7
7
|
`;
|
|
8
8
|
//# sourceMappingURL=RatingIndicator.css.js.map
|