@sapudex/web-components 0.173.0 → 0.184.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 +1 -1
- package/dist/Accordion.js +2 -1
- package/dist/Accordion.js.map +1 -1
- package/dist/AccordionItem.d.ts +0 -1
- package/dist/AccordionItem.js +2 -2
- package/dist/AccordionItem.js.map +1 -1
- package/dist/Badge.js +2 -1
- package/dist/Badge.js.map +1 -1
- package/dist/Breadcrumbs.d.ts +7 -7
- package/dist/Breadcrumbs.js +3 -3
- package/dist/Breadcrumbs.js.map +1 -1
- package/dist/CountrySelector.js +5 -5
- package/dist/CountrySelector.js.map +1 -1
- package/dist/DatePicker.d.ts +53 -26
- package/dist/DatePicker.js +205 -39
- package/dist/DatePicker.js.map +1 -1
- package/dist/FilterMenu.d.ts +4 -6
- package/dist/FilterMenu.js +10 -10
- package/dist/FilterMenu.js.map +1 -1
- package/dist/Footer.js +6 -2
- package/dist/Footer.js.map +1 -1
- package/dist/HeroBanner.d.ts +0 -1
- package/dist/HeroBanner.js +2 -1
- package/dist/HeroBanner.js.map +1 -1
- package/dist/Link.js +2 -0
- package/dist/Link.js.map +1 -1
- package/dist/ListSelectAll.js +2 -0
- package/dist/ListSelectAll.js.map +1 -1
- package/dist/MastheadItem.js +2 -2
- package/dist/MastheadItem.js.map +1 -1
- package/dist/MastheadMenu.js +1 -1
- package/dist/MastheadMenu.js.map +1 -1
- package/dist/MastheadMobileMenu.js +1 -1
- package/dist/MastheadMobileMenu.js.map +1 -1
- package/dist/MastheadShell.d.ts +1 -0
- package/dist/MastheadShell.js +20 -1
- package/dist/MastheadShell.js.map +1 -1
- package/dist/MediaPlayer.js +2 -2
- package/dist/MediaPlayer.js.map +1 -1
- package/dist/MessageStrip.js +2 -1
- package/dist/MessageStrip.js.map +1 -1
- package/dist/RadioButton.js +0 -1
- package/dist/RadioButton.js.map +1 -1
- package/dist/Search.d.ts +15 -1
- package/dist/Search.js +62 -16
- package/dist/Search.js.map +1 -1
- package/dist/SearchableListBase.js +3 -3
- package/dist/SearchableListBase.js.map +1 -1
- package/dist/SecondaryNavigation.js +1 -1
- package/dist/SecondaryNavigation.js.map +1 -1
- package/dist/SecondaryNavigationItem.js +1 -1
- package/dist/SecondaryNavigationItem.js.map +1 -1
- package/dist/SelectBox.d.ts +3 -3
- package/dist/SelectBox.js +6 -6
- package/dist/SelectBox.js.map +1 -1
- package/dist/SideNavigationMobile.js +1 -1
- package/dist/SideNavigationMobile.js.map +1 -1
- package/dist/StepInput.js +1 -1
- package/dist/StepInput.js.map +1 -1
- package/dist/TabNavigation.d.ts +4 -5
- package/dist/TabNavigation.js +16 -14
- package/dist/TabNavigation.js.map +1 -1
- package/dist/Table.js +2 -2
- package/dist/Table.js.map +1 -1
- package/dist/assets/{css_variables-a92ef9ad.css → bundle-c5e3cbf2.css} +1 -1
- package/dist/assets/{bundle.esm-c4ffd46a.js → bundle.esm-d98e72b5.js} +184 -184
- package/dist/assets/parameters-bundle.css-beef06a9.js +2 -0
- package/dist/css/themes/AccordionItem.css +1 -1
- package/dist/css/themes/Button.css +1 -1
- package/dist/css/themes/CountrySelector.css +1 -1
- package/dist/css/themes/ListItem.css +1 -1
- package/dist/css/themes/MastheadMenu.css +1 -1
- package/dist/css/themes/MastheadMobileMenu.css +1 -1
- package/dist/css/themes/MastheadProfileMenu.css +1 -1
- package/dist/css/themes/MessageStrip.css +1 -1
- package/dist/css/themes/Pagination.css +1 -1
- package/dist/css/themes/PhoneNumberField.css +1 -1
- package/dist/css/themes/RatingIndicator.css +1 -1
- package/dist/css/themes/Review.css +1 -1
- package/dist/css/themes/ReviewItem.css +1 -1
- package/dist/css/themes/Search.css +1 -1
- package/dist/css/themes/SearchSuggestions.css +1 -1
- package/dist/css/themes/SegmentedButton.css +1 -1
- package/dist/css/themes/SideNavigationMobileDropdown.css +1 -1
- package/dist/css/themes/Slider.css +1 -1
- package/dist/css/themes/StepInput.css +1 -1
- package/dist/css/themes/TabNavigation.css +1 -1
- package/dist/css/themes/Table.css +1 -1
- package/dist/css/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css +1 -1
- package/dist/custom-elements-internal.json +67 -49
- package/dist/custom-elements.json +62 -46
- package/dist/features/SearchSuggestionsPopover.d.ts +1 -1
- package/dist/generated/assets/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.json +1 -1
- package/dist/generated/templates/BreadcrumbsPopoverTemplate.lit.js +1 -1
- package/dist/generated/templates/BreadcrumbsPopoverTemplate.lit.js.map +1 -1
- package/dist/generated/templates/DatePickerPopoverTemplate.lit.js +1 -1
- package/dist/generated/templates/DatePickerPopoverTemplate.lit.js.map +1 -1
- package/dist/generated/templates/DatePickerTemplate.lit.js +1 -1
- package/dist/generated/templates/DatePickerTemplate.lit.js.map +1 -1
- package/dist/generated/templates/FilterMenuTemplate.lit.js +2 -2
- package/dist/generated/templates/FilterMenuTemplate.lit.js.map +1 -1
- package/dist/generated/templates/SearchTemplate.lit.js +2 -2
- package/dist/generated/templates/SearchTemplate.lit.js.map +1 -1
- package/dist/generated/templates/TabHeaderTemplate.lit.js +2 -2
- package/dist/generated/templates/TabHeaderTemplate.lit.js.map +1 -1
- package/dist/generated/themes/AccordionItem.css.js +1 -1
- package/dist/generated/themes/AccordionItem.css.js.map +1 -1
- package/dist/generated/themes/Button.css.js +1 -1
- package/dist/generated/themes/Button.css.js.map +1 -1
- package/dist/generated/themes/CountrySelector.css.js +1 -1
- package/dist/generated/themes/CountrySelector.css.js.map +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/MastheadMenu.css.js +1 -1
- package/dist/generated/themes/MastheadMenu.css.js.map +1 -1
- package/dist/generated/themes/MastheadMobileMenu.css.js +1 -1
- package/dist/generated/themes/MastheadMobileMenu.css.js.map +1 -1
- package/dist/generated/themes/MastheadProfileMenu.css.js +1 -1
- package/dist/generated/themes/MastheadProfileMenu.css.js.map +1 -1
- package/dist/generated/themes/MessageStrip.css.js +1 -1
- package/dist/generated/themes/MessageStrip.css.js.map +1 -1
- package/dist/generated/themes/Pagination.css.js +1 -1
- package/dist/generated/themes/Pagination.css.js.map +1 -1
- package/dist/generated/themes/PhoneNumberField.css.js +1 -1
- package/dist/generated/themes/PhoneNumberField.css.js.map +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/Review.css.js +1 -1
- package/dist/generated/themes/Review.css.js.map +1 -1
- package/dist/generated/themes/ReviewItem.css.js +1 -1
- package/dist/generated/themes/ReviewItem.css.js.map +1 -1
- package/dist/generated/themes/Search.css.js +1 -1
- package/dist/generated/themes/Search.css.js.map +1 -1
- package/dist/generated/themes/SearchSuggestions.css.js +1 -1
- package/dist/generated/themes/SearchSuggestions.css.js.map +1 -1
- package/dist/generated/themes/SegmentedButton.css.js +1 -1
- package/dist/generated/themes/SegmentedButton.css.js.map +1 -1
- package/dist/generated/themes/SideNavigationMobileDropdown.css.js +1 -1
- package/dist/generated/themes/SideNavigationMobileDropdown.css.js.map +1 -1
- package/dist/generated/themes/Slider.css.js +1 -1
- package/dist/generated/themes/Slider.css.js.map +1 -1
- package/dist/generated/themes/StepInput.css.js +1 -1
- package/dist/generated/themes/StepInput.css.js.map +1 -1
- package/dist/generated/themes/TabNavigation.css.js +1 -1
- package/dist/generated/themes/TabNavigation.css.js.map +1 -1
- package/dist/generated/themes/Table.css.js +1 -1
- package/dist/generated/themes/Table.css.js.map +1 -1
- package/dist/generated/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.js.map +1 -1
- package/dist/vscode.html-custom-data.json +2 -12
- package/dist/web-types.json +19 -23
- package/package.json +8 -8
- package/src/Accordion.ts +2 -1
- package/src/AccordionItem.ts +2 -2
- package/src/Badge.ts +2 -1
- package/src/Breadcrumbs.hbs +3 -3
- package/src/Breadcrumbs.ts +14 -14
- package/src/BreadcrumbsPopover.hbs +1 -1
- package/src/CountrySelector.ts +5 -5
- package/src/DatePicker.hbs +4 -5
- package/src/DatePicker.ts +257 -64
- package/src/DatePickerPopover.hbs +2 -2
- package/src/FilterMenu.hbs +2 -1
- package/src/FilterMenu.ts +13 -14
- package/src/Footer.ts +6 -2
- package/src/HeroBanner.ts +2 -1
- package/src/Link.ts +2 -0
- package/src/ListSelectAll.ts +2 -0
- package/src/MastheadItem.ts +2 -2
- package/src/MastheadMenu.ts +1 -1
- package/src/MastheadMobileMenu.ts +1 -1
- package/src/MastheadShell.ts +24 -1
- package/src/MediaPlayer.ts +2 -2
- package/src/MessageStrip.ts +2 -1
- package/src/RadioButton.ts +0 -1
- package/src/Search.hbs +3 -3
- package/src/Search.ts +82 -21
- package/src/SearchableListBase.ts +3 -3
- package/src/SecondaryNavigation.ts +1 -1
- package/src/SecondaryNavigationItem.ts +1 -1
- package/src/SelectBox.ts +9 -9
- package/src/SideNavigationMobile.ts +1 -1
- package/src/StepInput.ts +1 -1
- package/src/TabHeader.hbs +2 -2
- package/src/TabNavigation.ts +19 -18
- package/src/Table.ts +2 -2
- package/src/generated/templates/BreadcrumbsPopoverTemplate.lit.ts +1 -1
- package/src/generated/templates/DatePickerPopoverTemplate.lit.ts +1 -1
- package/src/generated/templates/DatePickerTemplate.lit.ts +1 -1
- package/src/generated/templates/FilterMenuTemplate.lit.ts +2 -2
- package/src/generated/templates/SearchTemplate.lit.ts +2 -2
- package/src/generated/templates/TabHeaderTemplate.lit.ts +2 -2
- package/src/generated/themes/AccordionItem.css.ts +1 -1
- package/src/generated/themes/Button.css.ts +1 -1
- package/src/generated/themes/CountrySelector.css.ts +1 -1
- package/src/generated/themes/ListItem.css.ts +1 -1
- package/src/generated/themes/MastheadMenu.css.ts +1 -1
- package/src/generated/themes/MastheadMobileMenu.css.ts +1 -1
- package/src/generated/themes/MastheadProfileMenu.css.ts +1 -1
- package/src/generated/themes/MessageStrip.css.ts +1 -1
- package/src/generated/themes/Pagination.css.ts +1 -1
- package/src/generated/themes/PhoneNumberField.css.ts +1 -1
- package/src/generated/themes/RatingIndicator.css.ts +1 -1
- package/src/generated/themes/Review.css.ts +1 -1
- package/src/generated/themes/ReviewItem.css.ts +1 -1
- package/src/generated/themes/Search.css.ts +1 -1
- package/src/generated/themes/SearchSuggestions.css.ts +1 -1
- package/src/generated/themes/SegmentedButton.css.ts +1 -1
- package/src/generated/themes/SideNavigationMobileDropdown.css.ts +1 -1
- package/src/generated/themes/Slider.css.ts +1 -1
- package/src/generated/themes/StepInput.css.ts +1 -1
- package/src/generated/themes/TabNavigation.css.ts +1 -1
- package/src/generated/themes/Table.css.ts +1 -1
- package/src/generated/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.ts +1 -1
- package/src/themes/AccordionItem.css +2 -2
- package/src/themes/Button.css +5 -5
- package/src/themes/CountrySelector.css +14 -14
- package/src/themes/ListItem.css +1 -1
- package/src/themes/MastheadMenu.css +2 -2
- package/src/themes/MastheadMobileMenu.css +2 -2
- package/src/themes/MastheadProfileMenu.css +2 -2
- package/src/themes/MessageStrip.css +6 -6
- package/src/themes/Pagination.css +2 -1
- package/src/themes/PhoneNumberField.css +2 -2
- package/src/themes/Review.css +1 -1
- package/src/themes/ReviewItem.css +1 -1
- package/src/themes/Search.css +34 -4
- package/src/themes/SearchSuggestions.css +16 -0
- package/src/themes/SegmentedButton.css +1 -1
- package/src/themes/SelectBox.css +1 -1
- package/src/themes/SideNavigationMobileDropdown.css +1 -1
- package/src/themes/StepInput.css +5 -5
- package/src/themes/TabNavigation.css +17 -12
- package/src/themes/Table.css +5 -5
- package/dist/assets/parameters-bundle.css-07457fce.js +0 -2
|
@@ -19,23 +19,23 @@
|
|
|
19
19
|
--udex-message-strip-min-height: 20px;
|
|
20
20
|
}
|
|
21
21
|
|
|
22
|
-
:host([design="Action"]) udex-button {
|
|
22
|
+
:host([design="Action"]) [udex-button] {
|
|
23
23
|
--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-message-strip-color-action-close-icon);
|
|
24
24
|
}
|
|
25
25
|
|
|
26
|
-
:host([design="Information"]) udex-button {
|
|
26
|
+
:host([design="Information"]) [udex-button] {
|
|
27
27
|
--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-message-strip-color-information-close-icon);
|
|
28
28
|
}
|
|
29
29
|
|
|
30
|
-
:host([design="Positive"]) udex-button {
|
|
30
|
+
:host([design="Positive"]) [udex-button] {
|
|
31
31
|
--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-message-strip-color-success-close-icon);
|
|
32
32
|
}
|
|
33
33
|
|
|
34
|
-
:host([design="Warning"]) udex-button {
|
|
34
|
+
:host([design="Warning"]) [udex-button] {
|
|
35
35
|
--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-message-strip-color-warning-close-icon);
|
|
36
36
|
}
|
|
37
37
|
|
|
38
|
-
:host([design="Negative"]) udex-button {
|
|
38
|
+
:host([design="Negative"]) [udex-button] {
|
|
39
39
|
--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-message-strip-color-error-close-icon);
|
|
40
40
|
}
|
|
41
41
|
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
border-color: var(--udex-message-strip-color-action-border);
|
|
44
44
|
}
|
|
45
45
|
|
|
46
|
-
.udex-message-strip udex-button {
|
|
46
|
+
.udex-message-strip [udex-button] {
|
|
47
47
|
position: absolute;
|
|
48
48
|
inset-inline-end: var(--udexSpacer12, 12px);
|
|
49
49
|
top: var(--udex-message-strip-close-icon-top);
|
|
@@ -356,12 +356,12 @@
|
|
|
356
356
|
display: none;
|
|
357
357
|
}
|
|
358
358
|
|
|
359
|
-
udex-dropdown {
|
|
359
|
+
[udex-dropdown] {
|
|
360
360
|
--udex-dropdown-pane-min-width: var(--udex-phone-number-field-popover-min-width);
|
|
361
361
|
}
|
|
362
362
|
|
|
363
363
|
@media (width < 640px) {
|
|
364
|
-
udex-dropdown {
|
|
364
|
+
[udex-dropdown] {
|
|
365
365
|
--udex-dropdown-pane-min-width-xs: var(--udex-phone-number-field-popover-min-width);
|
|
366
366
|
}
|
|
367
367
|
}
|
package/src/themes/Review.css
CHANGED
package/src/themes/Search.css
CHANGED
|
@@ -83,7 +83,9 @@
|
|
|
83
83
|
}
|
|
84
84
|
|
|
85
85
|
:host([mode="Home Search"]) .udex-search__root.udex-search__root--show-popover::after,
|
|
86
|
-
:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover::after
|
|
86
|
+
:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover::after,
|
|
87
|
+
:host([mode="Home Search"]) .udex-search__root.udex-search__root--show-popover-top::after,
|
|
88
|
+
:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top::after{
|
|
87
89
|
content: '';
|
|
88
90
|
position: absolute;
|
|
89
91
|
z-index: -1;
|
|
@@ -97,11 +99,22 @@
|
|
|
97
99
|
overflow-y: hidden;
|
|
98
100
|
}
|
|
99
101
|
|
|
102
|
+
:host([mode="Home Search"]) .udex-search__root.udex-search__root--show-popover-top::after,
|
|
103
|
+
:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top::after,
|
|
104
|
+
.udex-search__prefix--show-popover-top::after {
|
|
105
|
+
transform: translateY(-21px);
|
|
106
|
+
}
|
|
107
|
+
|
|
100
108
|
:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover::after {
|
|
101
109
|
inset-inline-start: auto;
|
|
102
110
|
width: 50px;
|
|
103
111
|
}
|
|
104
112
|
|
|
113
|
+
:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top::after {
|
|
114
|
+
inset-inline-start: auto;
|
|
115
|
+
width: 50px;
|
|
116
|
+
}
|
|
117
|
+
|
|
105
118
|
:host([mode="Home Search"]) .udex-search__container:not(.udex-search__container--has-value),
|
|
106
119
|
:host([mode="Home Search"]) .udex-search__container:not(.udex-search__container--has-value) .udex-search__field,
|
|
107
120
|
:host([mode="Home Search"]) .udex-search-prefix .udex-search__container:not(.udex-search__container--has-value),
|
|
@@ -159,6 +172,12 @@
|
|
|
159
172
|
background: var(--udex-input-color-background-light);
|
|
160
173
|
}
|
|
161
174
|
|
|
175
|
+
.udex-search__field::placeholder {
|
|
176
|
+
color: var(--udex-input-color-label);
|
|
177
|
+
font-size: var(--udex-input-font-size-label);
|
|
178
|
+
line-height: var(--udex-input-line-height-label);
|
|
179
|
+
}
|
|
180
|
+
|
|
162
181
|
.udex-search__field:focus {
|
|
163
182
|
outline: none;
|
|
164
183
|
}
|
|
@@ -316,7 +335,8 @@ input[type="search"]::-webkit-search-results-decoration {
|
|
|
316
335
|
z-index: 1;
|
|
317
336
|
}
|
|
318
337
|
|
|
319
|
-
.udex-search__prefix--show-popover::after
|
|
338
|
+
.udex-search__prefix--show-popover::after,
|
|
339
|
+
.udex-search__prefix--show-popover-top::after {
|
|
320
340
|
content: "";
|
|
321
341
|
position: absolute;
|
|
322
342
|
z-index: -1;
|
|
@@ -392,10 +412,20 @@ input[type="search"]::-webkit-search-results-decoration {
|
|
|
392
412
|
clip-path: inset(0px -10px -10px -10px);
|
|
393
413
|
}
|
|
394
414
|
|
|
395
|
-
.udex-search__prefix-popover
|
|
415
|
+
.udex-search__prefix-popover-top {
|
|
416
|
+
border-end-start-radius: 0;
|
|
417
|
+
border-end-end-radius: 0;
|
|
418
|
+
border: 1px solid var(--udexCoreBorderDefault);
|
|
419
|
+
border-block-end: 0;
|
|
420
|
+
box-shadow: none;
|
|
421
|
+
background-color: var(--udexColorNeutralWhite, #fff);
|
|
422
|
+
clip-path: inset(0px -10px -10px -10px);
|
|
423
|
+
}
|
|
424
|
+
|
|
425
|
+
.udex-search__prefix-popover::part(content), .udex-search__prefix-popover-top::part(content) {
|
|
396
426
|
padding: 0;
|
|
397
427
|
}
|
|
398
428
|
|
|
399
|
-
udex-dropdown {
|
|
429
|
+
[udex-dropdown] {
|
|
400
430
|
--udex-dropdown-pane-max-width: 100%;
|
|
401
431
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
:host {
|
|
2
2
|
--udex-popover-box-shadow: var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,0.3));
|
|
3
|
+
--udex-popover-top-box-shadow: 0px -2px 8px 0px rgba(34,54,73,0.3);
|
|
3
4
|
--udex-popover-background-color: var(--udexColorNeutralWhite, #fff);
|
|
4
5
|
--udex-popover-border-color: var(--udexColorGrey6, #5B738B);
|
|
5
6
|
--udex-popover-border-radius: var(--sapPopover_BorderCornerRadius, var(--udexRadiusM));
|
|
@@ -44,6 +45,21 @@
|
|
|
44
45
|
border-top: 0;
|
|
45
46
|
}
|
|
46
47
|
|
|
48
|
+
.udex-search-suggestions__root-top--home {
|
|
49
|
+
border-bottom-left-radius: 0;
|
|
50
|
+
border-bottom-right-radius: 0;
|
|
51
|
+
border-bottom: 0;
|
|
52
|
+
box-shadow: none;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
.udex-search-suggestions__root-top--home .udex-search-suggestions__block:last-child {
|
|
56
|
+
margin-bottom: -5px;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.udex-search-suggestions__root-top--home .udex-search-suggestions__block:first-child {
|
|
60
|
+
margin-top: 0;
|
|
61
|
+
}
|
|
62
|
+
|
|
47
63
|
.udex-search-suggestions__root--home .udex-search-suggestions__block:first-child {
|
|
48
64
|
margin-top: -5px;
|
|
49
65
|
}
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
--udex-segmented-button-small-width: 25px;
|
|
6
6
|
}
|
|
7
7
|
|
|
8
|
-
:host ::slotted(udex-segmented-button-item) {
|
|
8
|
+
:host ::slotted([udex-segmented-button-item]) {
|
|
9
9
|
--udex-segmented-button-item-medium-width: var(--udex-segmented-button-medium-width);
|
|
10
10
|
--udex-segmented-button-item-small-width: var(--udex-segmented-button-small-width);
|
|
11
11
|
--udex-segmented-button-item-large-width: var(--udex-segmented-button-large-width);
|
package/src/themes/SelectBox.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
:host {
|
|
2
|
-
|
|
2
|
+
--udex-select-box-popover-min-width: 0px;
|
|
3
3
|
--udex-select-box-popover-shadow: var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,0.3));
|
|
4
4
|
--udex-select-box-popover-border-color: var(--sapField_BorderColor, var(--udexCoreBorderDefault));
|
|
5
5
|
--udex-select-box-popover-border-width: var(--sapElement_BorderWidth, 1px);
|
package/src/themes/StepInput.css
CHANGED
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
--udex-step-input-color-success-active-border: var(--udexCoreSemanticSuccess9, #1E592F);
|
|
17
17
|
}
|
|
18
18
|
|
|
19
|
-
:host udex-text-field {
|
|
19
|
+
:host [udex-text-field] {
|
|
20
20
|
--udex-input-color-standard-hover-border: var(--udex-step-input-color-standard-hover-border);
|
|
21
21
|
--udex-input-color-standard-active-border: var(--udex-step-input-color-standard-active-border);
|
|
22
22
|
|
|
@@ -99,18 +99,18 @@
|
|
|
99
99
|
border-color: var(--udex-step-input-color-error-active-border);
|
|
100
100
|
}
|
|
101
101
|
|
|
102
|
-
:host(:not([displayonly])) udex-text-field::part(textfield-input) {
|
|
102
|
+
:host(:not([displayonly])) [udex-text-field]::part(textfield-input) {
|
|
103
103
|
padding-right: calc(var(--udex-step-input-button-size) + var(--udex-step-input-input-horizontal-padding));
|
|
104
104
|
padding-left: calc(var(--udex-step-input-button-size) + var(--udex-step-input-input-horizontal-padding));
|
|
105
105
|
}
|
|
106
106
|
|
|
107
|
-
:host(:not([displayonly])) udex-text-field {
|
|
107
|
+
:host(:not([displayonly])) [udex-text-field] {
|
|
108
108
|
margin-right: calc(var(--udex-step-input-button-size) * -1);
|
|
109
109
|
margin-left: calc(var(--udex-step-input-button-size) * -1);
|
|
110
110
|
width: 100%;
|
|
111
111
|
}
|
|
112
112
|
|
|
113
|
-
:host(:not([displayonly])) udex-text-field::part(textfield-input) {
|
|
113
|
+
:host(:not([displayonly])) [udex-text-field]::part(textfield-input) {
|
|
114
114
|
text-align: end;
|
|
115
115
|
}
|
|
116
116
|
|
|
@@ -118,7 +118,7 @@
|
|
|
118
118
|
order: 1;
|
|
119
119
|
}
|
|
120
120
|
|
|
121
|
-
:host udex-text-field {
|
|
121
|
+
:host [udex-text-field] {
|
|
122
122
|
order: 2;
|
|
123
123
|
}
|
|
124
124
|
|
|
@@ -2,10 +2,12 @@
|
|
|
2
2
|
--udex-header-background-color: transparent;
|
|
3
3
|
|
|
4
4
|
--udex-button-tab-vertical-gap: var(--udexSpacer32, 32px);
|
|
5
|
+
--udex-button-tab-text-transform-first-letter: uppercase;
|
|
6
|
+
--udex-button-tab-text-transform: none;
|
|
5
7
|
--udex-button-tab-text-color-default: var(--sapShell_Navigation_TextColor, var(--udexColorGrey9));
|
|
6
|
-
--udex-button-tab-text-color-hover: var(--
|
|
7
|
-
--udex-button-tab-text-color-active: var(--
|
|
8
|
-
--udex-button-tab-border-color-active: var(--
|
|
8
|
+
--udex-button-tab-text-color-hover: var(--udexColorBlue8);
|
|
9
|
+
--udex-button-tab-text-color-active: var(--udexColorBlue8);
|
|
10
|
+
--udex-button-tab-border-color-active: var(--udexColorBlue8);
|
|
9
11
|
--udex-button-tab-font-size-default: var(--sapFontSize, var(--udexTypographyNavigationBoldXLFontSize));
|
|
10
12
|
--udex-button-tab-font-family: var(--sapFontFamily, sans-serif);
|
|
11
13
|
--udex-button-tab-font-weight: var(--sapButton_Emphasized_FontWeight, var(--udexTypographyFontWeightBold));
|
|
@@ -45,9 +47,9 @@
|
|
|
45
47
|
--udex-button-more-s-border-color: var(--sapButton_Neutral_BorderColor, var(--udexColorGrey4));
|
|
46
48
|
--udex-button-more-s-icon-margin-inline-start: var(--udexSpacer4, 4px);
|
|
47
49
|
--udex-button-more-s-icon-color: var(--sapTextColor, var(--udexColorGrey9));
|
|
48
|
-
--udex-button-more-s-border-color-toggled: var(--
|
|
49
|
-
--udex-button-more-s-text-color-toggled: var(--
|
|
50
|
-
--udex-button-more-s-icon-color-toggled: var(--
|
|
50
|
+
--udex-button-more-s-border-color-toggled: var(--udexColorBlue4);
|
|
51
|
+
--udex-button-more-s-text-color-toggled: var(--sapContent_Selected_FocusColor, var(--udexColorBlue9));
|
|
52
|
+
--udex-button-more-s-icon-color-toggled: var(--sapContent_Selected_FocusColor, var(--udexColorBlue9));
|
|
51
53
|
|
|
52
54
|
--udex-button-more-m-font-size: var(--sapFontSize, var(--udexTypographyNavigationMediumXLFontSize));
|
|
53
55
|
--udex-button-more-m-font-family: var(--sapFontFamily, sans-serif);
|
|
@@ -197,10 +199,18 @@
|
|
|
197
199
|
line-height: var(--udex-button-tab-line-height);
|
|
198
200
|
text-decoration: none;
|
|
199
201
|
text-align: center;
|
|
200
|
-
text-transform:
|
|
202
|
+
text-transform: var(--udex-button-tab-text-transform);
|
|
201
203
|
white-space: normal;
|
|
202
204
|
}
|
|
203
205
|
|
|
206
|
+
.udex-tab-navigation__button-text {
|
|
207
|
+
margin: 0;
|
|
208
|
+
}
|
|
209
|
+
|
|
210
|
+
.udex-tab-navigation__button-text::first-letter {
|
|
211
|
+
text-transform: var(--udex-button-tab-text-transform-first-letter);
|
|
212
|
+
}
|
|
213
|
+
|
|
204
214
|
.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon {
|
|
205
215
|
justify-content: start;
|
|
206
216
|
}
|
|
@@ -365,11 +375,6 @@
|
|
|
365
375
|
display: none;
|
|
366
376
|
}
|
|
367
377
|
|
|
368
|
-
.udex-tab-navigation__button-text {
|
|
369
|
-
display: flex;
|
|
370
|
-
align-items: center;
|
|
371
|
-
}
|
|
372
|
-
|
|
373
378
|
.udex-tab-navigation__badge {
|
|
374
379
|
margin-inline-start: var(--udexSpacer4);
|
|
375
380
|
display: inline-flex;
|
package/src/themes/Table.css
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
:host {
|
|
2
2
|
--udex-table-toolbar-color: var(--sapList_TableGroupHeaderTextColor, var(--udexCoreTextDark, #223548));
|
|
3
3
|
--udex-table-toolbar-border-color: var(--sapList_TableGroupHeaderBorderColor, var(--udexColorGrey4, #a9b4be));
|
|
4
|
-
--udex-table-toolbar-
|
|
4
|
+
--udex-table-toolbar-background:var(--sapList_TableGroupHeaderBackground, var(--udexCoreBase, #fff));
|
|
5
5
|
--udex-table-loading-opacity: var(--sapContent_DisabledOpacity, 0.4);
|
|
6
|
-
--udex-table-loading-
|
|
6
|
+
--udex-table-loading-background: var(--udexCoreBase, #fff);
|
|
7
7
|
--udex-table-header-sticky-z-index: 3;
|
|
8
8
|
--udex-table-header-sticky-shadow: 0 8px 8px -8px rgba(34,54,73,0.3);
|
|
9
9
|
--udex-table-header-footnotes-color: var(--udexColorGrey7, #475e75);
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
content: '';
|
|
26
26
|
inset: 0;
|
|
27
27
|
position: absolute;
|
|
28
|
-
background: var(--udex-table-loading-
|
|
28
|
+
background: var(--udex-table-loading-background);
|
|
29
29
|
opacity: var(--udex-table-loading-opacity);
|
|
30
30
|
}
|
|
31
31
|
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
align-items: center;
|
|
40
40
|
border-bottom: 1px solid var(--udex-table-toolbar-border-color);
|
|
41
41
|
padding: var(--udexSpacer16);
|
|
42
|
-
background: var(--udex-table-toolbar-
|
|
42
|
+
background: var(--udex-table-toolbar-background);
|
|
43
43
|
}
|
|
44
44
|
|
|
45
45
|
.udex-table-toolbar__actions {
|
|
@@ -88,7 +88,7 @@
|
|
|
88
88
|
content: '';
|
|
89
89
|
inset: 0;
|
|
90
90
|
position: absolute;
|
|
91
|
-
background: var(--udex-table-loading-
|
|
91
|
+
background: var(--udex-table-loading-background);
|
|
92
92
|
opacity: var(--udex-table-loading-opacity);
|
|
93
93
|
}
|
|
94
94
|
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
const _={packageName:"@sapudex/web-components",fileName:"themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.json",content:`:root{--browser_scrollbar_border_radius: var(--udexRadiusM, 8px);--_ui5-v1-24-17_popup_header_font_family: var(--sapFontFamily);--_ui5-v1-24-17_popup_header_font_weight: var(--udexTypographyFontWeightRegular);--_ui5-v1-24-17_checkbox_inner_background: var(--sapBackgroundColor);--_ui5-v1-24-17_checkbox_inner_border: var(--sapElement_BorderWidth) solid var(--sapField_BorderColor);--_ui5-v1-24-17_checkbox_inner_selected_border_color: var(--sapField_BorderColor);--_ui5-v1-24-17_checkbox_checkmark_color: var(--udexColorBlue7);--_ui5-v1-24-17_checkbox_inner_hover_checked_border_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-17_checkbox_inner_hover_border_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-17_checkbox_hover_background: var(--sapInformationBackground, #EBF8FF);--_ui5-v1-24-17_checkbox_inner_active_border_color: var(--sapSelectedColor);--_ui5-v1-24-17_checkbox_label_color: var(--sapField_TextColor);--_ui5-v1-24-17_checkbox_inner_disabled_border_color: var(--sapField_BorderColor);--_ui5-v1-24-17_checkbox_disabled_label_color: var(--sapField_TextColor);--_ui5-v1-24-17_checkbox_inner_width_height: 24px;--_ui5-v1-24-17_checkbox_width_height: 42px;--_ui5-v1-24-17_checkbox_icon_size: 16px;--_ui5-v1-24-17_checkbox_partially_icon_size: 16px;--_ui5-v1-24-17_checkbox_inner_border_radius: 4px;--_ui5-v1-24-17_checkbox_disabled_opacity: var(--sapContent_DisabledOpacity);--_ui5-v1-24-17_checkbox_inner_readonly_border: var(--sapElement_BorderWidth) var(--sapField_ReadOnly_BorderColor) dashed;--_ui5-v1-24-17_checkbox_inner_success_border: var(--sapField_SuccessBorderWidth) solid var(--udexCoreSemanticSuccess6);--_ui5-v1-24-17_checkbox_inner_success_background_hover: var(--sapSuccessBackground, #F5FAE5);--_ui5-v1-24-17_checkbox_inner_error_border: var(--sapField_InvalidBorderWidth) solid var(--udexCoreSemanticError5);--_ui5-v1-24-17_checkbox_inner_error_background_hover: var(--sapErrorBackground, #FFEAF4);--_ui5-v1-24-17_checkbox_label_offset: .563rem;--_ui5-v1-24-17_checkbox_right_focus_distance: var(--udexSpacer8);--_ui5-v1-24-17_radio_button_outer_ring_bg: var(--sapField_Background, #ffffff);--_ui5-v1-24-17_radio_button_inner_size: 24px;--_ui5-v1-24-17_radio_button_checked_fill: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-17_radio_button_height: 42px;--_ui5-v1-24-17_radio_button_svg_size: 24px;--_ui5-v1-24-17_radio_button_inner_ring_radius: 25%;--_ui5-v1-24-17_radio_button_outer_ring_padding_with_label: 9px 11px 9px 9px;--_ui5-v1-24-17_radio_button_outer_ring_padding: 9px;--_ui5-v1-24-17_radio_button_label_offset: 0;--_ui5-v1-24-17_radio_button_hover_fill: #EBF8FF;--_ui5-v1-24-17_radio_button_outer_ring_checked_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-17_radio_button_outer_ring_checked_hover_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-17_radio_button_outer_ring_color: var(--sapField_BorderColor, #5b738b);--_ui5-v1-24-17_radio_button_outer_ring_hover_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-17_radio_button_inner_ring_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-17_radio_button_read_only_inner_ring_color: var(--sapField_ReadOnly_BorderColor, #5B738B);--_ui5-v1-24-17_radio_button_hover_fill_success: var(--sapSuccessBackground, #F5FAE5);--_ui5-v1-24-17_radio_button_hover_fill_error: var(--sapErrorBackground, #FFEAF4);--_ui5-v1-24-17_link_focus_background_color: transparent;--_ui5-v1-24-17_link_focus_color: var(--sapLinkColor);--_ui5-v1-24-17_link_focus_text_decoration: underline;--_ui5-v1-24-17_link_focused_hover_text_color: var(--sapLink_Hover_Color);--_ui5-v1-24-17_link_focused_hover_text_decoration: underline;--_ui5-v1-24-17_progress_indicator_bar_border_radius: 6px;--_ui5-v1-24-17_progress_indicator_root_height: .5rem;--_ui5-v1-24-17_progress_indicator_bar_height: .75rem;--_ui5-v1-24-17_progress_indicator_icon_size: 1.125rem;--_ui5-v1-24-17_progress_indicator_icon_right_position: -24px;--_ui5-v1-24-17_progress_indicator_padding_end: 24px;--_ui5-v1-24-17_toast_vertical_offset: 2.5rem;--_ui5-v1-24-17_toast_background: var(--udexColorNeutralWhite);--_ui5-v1-24-17_toast_shadow: var(--sapContent_Shadow2);--_ui5-v1-24-17_popover_box_shadow: 0px 0px 0px 1px var(--udexColorGrey4);--_ui5-v1-24-17_message_strip_padding_inline_no_icon: var(--udexSpacer12, 12px);--_ui5-v1-24-17_message_strip_padding_block_no_icon: var(--udexSpacer8, 8px);--_ui5-v1-24-17_message_strip_padding: var(--udexSpacer8, 8px) 36px;--_ui5-v1-24-17_message_strip_icon_top:calc(50% - 8px);--_ui5-v1-24-17_daypicker_daynames_container_height: 42px;--_ui5-v1-24-17_daypicker_dayname_color: var(--udexColorGrey6, #5B738B);--_ui5-v1-24-17_daypicker_weekname_color: var(--udexColorGrey6, #5B738B);--_ui5-v1-24-17_daypicker_item_now_border_color: var(--udexColorPink8, #A100C2);--_ui5-v1-24-17_daypicker_item_weeekend_filter: none;--_ui5-v1-24-17_daypicker_item_select_between_border: 1px solid var(--udexColorBlue9, #0040B0);--_ui5-v1-24-17_calendar_header_middle_button_focus_outline: 1px solid var(--udexColorBlue9, #0040B0);--_ui5-v1-24-17_calendar_header_arrow_button_box_shadow: none;--ui5-v1-24-17_carousel_active_dot_background: var(--udexColorBlue9);--_ui5-v1-24-17_tokenizer_padding: var(--udexSpacer12, 12px);--_ui5-v1-24-17_slider_handle_icon_size: var(--udexSpacer20, 1.25rem);--_ui5-v1-24-17_slider_handle_width: 2.75rem;--_ui5-v1-24-17_slider_handle_height: var(--udexSpacer32, 2rem);--_ui5-v1-24-17_slider_handle_top: -.875rem;--_ui5-v1-24-17_slider_label_color: var(--sapContent_MeasureIndicatorColor, #5b738b);--_ui5-v1-24-17_range_slider_progress_focus_top: -1.18rem;--_ui5-v1-24-17_slider_progress_after_background: var(--sapContent_MeasureIndicatorColor, #5b738b);--_ui5-v1-24-17_slider_tickmark_bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--_ui5-v1-24-17_slider_tickmark_in_range_bg: var(--sapSlider_Selected_BorderColor, #0070f2);--_ui5-v1-24-17_slider_start_end_point_left: -.875rem;--_ui5-v1-24-17_slider_tooltip_bottom: 2.5rem;--_ui5-v1-24-17_slider_tooltip_border: 1px solid var(--sapField_BorderColor, #5B738B);--_ui5-v1-24-17_slider_tooltip_border_radius: var(--udexSpacer4, .25rem);--_ui5-v1-24-17_slider_tooltip_color: var(--sapContent_MeasureIndicatorColor, #5b738b);--_ui5-v1-24-17_slider_tooltip_fontsize: var(--udexTypographyNavigationRegularMFontSize, 14px);--_ui5-v1-24-17_slider_tooltip_height: var(--udexSpacer32, 2rem);--_ui5-v1-24-17_slider_tooltip_min_width: 2.75rem;--_ui5-v1-24-17_slider_handle_focus_border: 2px solid var(--sapSlider_Active_HandleBorderColor)}udex-phone-number-field{--_ui5-v1-24-17_button_border_radius: var(--udexRadiusXS)}udex-search,udex-password-field,udex-select-box,udex-filter-menu,udex-country-selector{--_ui5-v1-24-17_button_pressed_focused_border_color: transparent}udex-password-field{--_ui5-v1-24-17_icon_transform_scale: none}.sapUiSizeCompact,.ui5-content-density-compact,[data-ui5-compact-size]{--_ui5-v1-24-17_button_base_height: 3rem;--_ui5-v1-24-17_button_base_padding: 3rem;--_ui5-v1-24-17_checkbox_inner_width_height: 24px;--_ui5-v1-24-17_checkbox_width_height: 42px;--_ui5-v1-24-17_checkbox_icon_size: 16px;--_ui5-v1-24-17_checkbox_partially_icon_size: 16px;--_ui5-v1-24-17_radio_button_min_width: 42px;--_ui5-v1-24-17_radio_button_outer_ring_padding: 9px;--_ui5-v1-24-17_radio_button_inner_size: 24px;--_ui5-v1-24-17_radio_button_height: 42px;--_ui5-v1-24-17_radio_button_svg_size: 24px;--_ui5-v1-24-17_radio_button_inner_ring_radius: 25%;--_ui5-v1-24-17_radio_button_outer_ring_padding_with_label: 9px 11px 9px 9px;--_ui5-v1-24-17_radio_button_label_offset: 0;--_ui5-v1-24-17_progress_indicator_bar_border_radius: 6px;--_ui5-v1-24-17_progress_indicator_root_height: .5rem;--_ui5-v1-24-17_progress_indicator_bar_height: .75rem;--_ui5-v1-24-17_progress_indicator_icon_size: 1.125rem;--_ui5-v1-24-17_progress_indicator_icon_right_position: -24px;--_ui5-v1-24-17_progress_indicator_padding_end: 24px;--_ui5-v1-24-17_toast_vertical_offset: 2.5rem;--_ui5-v1-24-17_tc_item_text_line_height: 1.25rem;--_ui5-v1-24-17_calendar_top_bottom_padding: var(--udexSpacer8, 8px);--_ui5-v1-24-17_calendar_left_right_padding: var(--udexSpacer8, 8px);--_ui5-v1-24-17_day_picker_item_width: 42px;--_ui5-v1-24-17_day_picker_item_height: 42px;--_ui5-v1-24-17_calendar_width: 371px;--_ui5-v1-24-17_calendar_height: auto;--_ui5-v1-24-17_calendar_header_height: 42px;--_ui5-v1-24-17_calendar_header_arrow_button_width: 42px;--_ui5-v1-24-17_month_picker_item_height: 36px;--_ui5-v1-24-17_monthpicker_item_margin: -8px 0 var(--udexSpacer16, 16px) 0;--_ui5-v1-24-17_year_picker_item_height: 36px;--_ui5-v1-24-17_yearpicker_item_margin: -8px 0 var(--udexSpacer16, 16px) 0;--_ui5-v1-24-17_slider_handle_icon_size: var(--udexSpacer20, 1.25rem);--_ui5-v1-24-17_slider_handle_width: 2.75rem;--_ui5-v1-24-17_slider_handle_height: var(--udexSpacer32, 2rem);--_ui5-v1-24-17_slider_handle_top: -.875rem;--_ui5-v1-24-17_range_slider_progress_focus_top: -1.18rem;--_ui5-v1-24-17_slider_start_end_point_left: -.875rem;--_ui5-v1-24-17_slider_tooltip_bottom: 2.5rem;--_ui5-v1-24-17_slider_tooltip_border_radius: var(--udexSpacer4, .25rem);--_ui5-v1-24-17_slider_tooltip_height: var(--udexSpacer32, 2rem);--_ui5-v1-24-17_slider_tooltip_min_width: 2.75rem;--_ui5-v1-24-17_slider_handle_focus_border: 2px solid var(--sapSlider_Active_HandleBorderColor)}
|
|
2
|
-
`},r={_};export{_,r as default};
|