Skip to content

Commit c7ca7bb

Browse files
Lukas742Lukas742
authored
feat: update @ui5/webcomponents to 1.9.3 (#3886)
1 parent 658607c commit c7ca7bb

File tree

29 files changed

+444
-130
lines changed

29 files changed

+444
-130
lines changed

‎package.json

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -35,9 +35,9 @@
3535
"@storybook/manager-webpack5": "6.5.14",
3636
"@storybook/react": "6.5.14",
3737
"@storybook/theming": "6.5.14",
38-
"@ui5/webcomponents": "1.9.1",
39-
"@ui5/webcomponents-fiori": "1.9.1",
40-
"@ui5/webcomponents-icons": "1.9.1",
38+
"@ui5/webcomponents": "1.9.3",
39+
"@ui5/webcomponents-fiori": "1.9.3",
40+
"@ui5/webcomponents-icons": "1.9.3",
4141
"react": "18.2.0",
4242
"react-dom": "18.2.0",
4343
"react-syntax-highlighter": "^15.2.1",
@@ -59,7 +59,7 @@
5959
"@types/react-dom": "^18.0.0",
6060
"@typescript-eslint/eslint-plugin": "^5.45.1",
6161
"@typescript-eslint/parser": "^5.45.1",
62-
"@ui5/webcomponents-tools": "1.9.1",
62+
"@ui5/webcomponents-tools": "1.9.3",
6363
"@vitejs/plugin-react": "^3.0.0",
6464
"chromatic": "^6.5.3",
6565
"cypress": "^12.1.0",

‎packages/base/package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@
1919
},
2020
"peerDependencies": {
2121
"@types/react": "*",
22-
"@ui5/webcomponents-base": "~1.9.0",
22+
"@ui5/webcomponents-base": "~1.9.3",
2323
"react": "^16.14.0 || ^17.0.0 || ^18.0.0"
2424
},
2525
"peerDependenciesMeta": {

‎packages/base/src/styling/ThemingParameters.ts

Lines changed: 64 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -237,6 +237,70 @@ export const ThemingParameters = {
237237
sapShell_PositiveColor: 'var(--sapShell_PositiveColor)',
238238
sapShell_InformativeColor: 'var(--sapShell_InformativeColor)',
239239
sapShell_NeutralColor: 'var(--sapShell_NeutralColor)',
240+
sapShell_Category_1_Background: 'var(--sapShell_Category_1_Background)',
241+
sapShell_Category_1_BorderColor: 'var(--sapShell_Category_1_BorderColor)',
242+
sapShell_Category_1_TextColor: 'var(--sapShell_Category_1_TextColor)',
243+
sapShell_Category_1_TextShadow: 'var(--sapShell_Category_1_TextShadow)',
244+
sapShell_Category_2_Background: 'var(--sapShell_Category_2_Background)',
245+
sapShell_Category_2_BorderColor: 'var(--sapShell_Category_2_BorderColor)',
246+
sapShell_Category_2_TextColor: 'var(--sapShell_Category_2_TextColor)',
247+
sapShell_Category_2_TextShadow: 'var(--sapShell_Category_2_TextShadow)',
248+
sapShell_Category_3_Background: 'var(--sapShell_Category_3_Background)',
249+
sapShell_Category_3_BorderColor: 'var(--sapShell_Category_3_BorderColor)',
250+
sapShell_Category_3_TextColor: 'var(--sapShell_Category_3_TextColor)',
251+
sapShell_Category_3_TextShadow: 'var(--sapShell_Category_3_TextShadow)',
252+
sapShell_Category_4_Background: 'var(--sapShell_Category_4_Background)',
253+
sapShell_Category_4_BorderColor: 'var(--sapShell_Category_4_BorderColor)',
254+
sapShell_Category_4_TextColor: 'var(--sapShell_Category_4_TextColor)',
255+
sapShell_Category_4_TextShadow: 'var(--sapShell_Category_4_TextShadow)',
256+
sapShell_Category_5_Background: 'var(--sapShell_Category_5_Background)',
257+
sapShell_Category_5_BorderColor: 'var(--sapShell_Category_5_BorderColor)',
258+
sapShell_Category_5_TextColor: 'var(--sapShell_Category_5_TextColor)',
259+
sapShell_Category_5_TextShadow: 'var(--sapShell_Category_5_TextShadow)',
260+
sapShell_Category_6_Background: 'var(--sapShell_Category_6_Background)',
261+
sapShell_Category_6_BorderColor: 'var(--sapShell_Category_6_BorderColor)',
262+
sapShell_Category_6_TextColor: 'var(--sapShell_Category_6_TextColor)',
263+
sapShell_Category_6_TextShadow: 'var(--sapShell_Category_6_TextShadow)',
264+
sapShell_Category_7_Background: 'var(--sapShell_Category_7_Background)',
265+
sapShell_Category_7_BorderColor: 'var(--sapShell_Category_7_BorderColor)',
266+
sapShell_Category_7_TextColor: 'var(--sapShell_Category_7_TextColor)',
267+
sapShell_Category_7_TextShadow: 'var(--sapShell_Category_7_TextShadow)',
268+
sapShell_Category_8_Background: 'var(--sapShell_Category_8_Background)',
269+
sapShell_Category_8_BorderColor: 'var(--sapShell_Category_8_BorderColor)',
270+
sapShell_Category_8_TextColor: 'var(--sapShell_Category_8_TextColor)',
271+
sapShell_Category_8_TextShadow: 'var(--sapShell_Category_8_TextShadow)',
272+
sapShell_Category_9_Background: 'var(--sapShell_Category_9_Background)',
273+
sapShell_Category_9_BorderColor: 'var(--sapShell_Category_9_BorderColor)',
274+
sapShell_Category_9_TextColor: 'var(--sapShell_Category_9_TextColor)',
275+
sapShell_Category_9_TextShadow: 'var(--sapShell_Category_9_TextShadow)',
276+
sapShell_Category_10_Background: 'var(--sapShell_Category_10_Background)',
277+
sapShell_Category_10_BorderColor: 'var(--sapShell_Category_10_BorderColor)',
278+
sapShell_Category_10_TextColor: 'var(--sapShell_Category_10_TextColor)',
279+
sapShell_Category_10_TextShadow: 'var(--sapShell_Category_10_TextShadow)',
280+
sapShell_Category_11_Background: 'var(--sapShell_Category_11_Background)',
281+
sapShell_Category_11_BorderColor: 'var(--sapShell_Category_11_BorderColor)',
282+
sapShell_Category_11_TextColor: 'var(--sapShell_Category_11_TextColor)',
283+
sapShell_Category_11_TextShadow: 'var(--sapShell_Category_11_TextShadow)',
284+
sapShell_Category_12_Background: 'var(--sapShell_Category_12_Background)',
285+
sapShell_Category_12_BorderColor: 'var(--sapShell_Category_12_BorderColor)',
286+
sapShell_Category_12_TextColor: 'var(--sapShell_Category_12_TextColor)',
287+
sapShell_Category_12_TextShadow: 'var(--sapShell_Category_12_TextShadow)',
288+
sapShell_Category_13_Background: 'var(--sapShell_Category_13_Background)',
289+
sapShell_Category_13_BorderColor: 'var(--sapShell_Category_13_BorderColor)',
290+
sapShell_Category_13_TextColor: 'var(--sapShell_Category_13_TextColor)',
291+
sapShell_Category_13_TextShadow: 'var(--sapShell_Category_13_TextShadow)',
292+
sapShell_Category_14_Background: 'var(--sapShell_Category_14_Background)',
293+
sapShell_Category_14_BorderColor: 'var(--sapShell_Category_14_BorderColor)',
294+
sapShell_Category_14_TextColor: 'var(--sapShell_Category_14_TextColor)',
295+
sapShell_Category_14_TextShadow: 'var(--sapShell_Category_14_TextShadow)',
296+
sapShell_Category_15_Background: 'var(--sapShell_Category_15_Background)',
297+
sapShell_Category_15_BorderColor: 'var(--sapShell_Category_15_BorderColor)',
298+
sapShell_Category_15_TextColor: 'var(--sapShell_Category_15_TextColor)',
299+
sapShell_Category_15_TextShadow: 'var(--sapShell_Category_15_TextShadow)',
300+
sapShell_Category_16_Background: 'var(--sapShell_Category_16_Background)',
301+
sapShell_Category_16_BorderColor: 'var(--sapShell_Category_16_BorderColor)',
302+
sapShell_Category_16_TextColor: 'var(--sapShell_Category_16_TextColor)',
303+
sapShell_Category_16_TextShadow: 'var(--sapShell_Category_16_TextShadow)',
240304
sapAvatar_1_Background: 'var(--sapAvatar_1_Background)',
241305
sapAvatar_1_BorderColor: 'var(--sapAvatar_1_BorderColor)',
242306
sapAvatar_1_TextColor: 'var(--sapAvatar_1_TextColor)',

‎packages/cra-template-seed/template.json

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
{
22
"package": {
33
"dependencies": {
4-
"@ui5/webcomponents": "~1.9.0",
5-
"@ui5/webcomponents-fiori": "~1.9.0",
6-
"@ui5/webcomponents-icons": "~1.9.0",
4+
"@ui5/webcomponents": "~1.9.3",
5+
"@ui5/webcomponents-fiori": "~1.9.3",
6+
"@ui5/webcomponents-icons": "~1.9.3",
77
"@ui5/webcomponents-react": "latest",
88
"axios": "^0.27.2",
99
"formik": "^2.2.9",

‎packages/cra-template/template.json

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
{
22
"package": {
33
"dependencies": {
4-
"@ui5/webcomponents": "~1.9.0",
5-
"@ui5/webcomponents-fiori": "~1.9.0",
6-
"@ui5/webcomponents-icons": "~1.9.0",
4+
"@ui5/webcomponents": "~1.9.3",
5+
"@ui5/webcomponents-fiori": "~1.9.3",
6+
"@ui5/webcomponents-icons": "~1.9.3",
77
"@ui5/webcomponents-react": "latest",
88
"@testing-library/jest-dom": "^5.16.4",
99
"@testing-library/react": "^13.1.1",

‎packages/main/package.json

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -31,10 +31,10 @@
3131
"peerDependencies": {
3232
"@types/react": "*",
3333
"@types/react-dom": "*",
34-
"@ui5/webcomponents": "~1.9.0",
35-
"@ui5/webcomponents-base": "~1.9.0",
36-
"@ui5/webcomponents-fiori": "~1.9.0",
37-
"@ui5/webcomponents-icons": "~1.9.0",
34+
"@ui5/webcomponents": "~1.9.3",
35+
"@ui5/webcomponents-base": "~1.9.3",
36+
"@ui5/webcomponents-fiori": "~1.9.3",
37+
"@ui5/webcomponents-icons": "~1.9.3",
3838
"react": "^16.14.0 || ^17.0.0 || ^18.0.0",
3939
"react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0"
4040
},

‎packages/main/scripts/create-web-components-wrapper.mjs

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -443,6 +443,7 @@ const recursivePropertyResolver = (componentSpec, { properties, slots, events, m
443443
events,
444444
methods
445445
});
446+
446447
if (
447448
componentSpec.extends === 'UI5Element' ||
448449
componentSpec.extends === 'sap.ui.webcomponents.base.UI5Element' ||
@@ -460,6 +461,7 @@ const recursivePropertyResolver = (componentSpec, { properties, slots, events, m
460461
}
461462
return c.module === componentSpec.extends;
462463
});
464+
463465
if (parentComponent) {
464466
return recursivePropertyResolver(parentComponent, {
465467
properties,

‎packages/main/src/components/ObjectPage/__snapshots__/ObjectPage.test.tsx.snap

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -22,9 +22,11 @@ exports[`ObjectPage Default with Sections 1`] = `
2222
<ui5-tabcontainer
2323
class="ObjectPage-tabContainerComponent"
2424
collapsed="true"
25+
content-background-design="Solid"
2526
data-component-name="ObjectPageTabContainer"
2627
data-sap-ui-fastnavgroup="true"
2728
fixed="true"
29+
header-background-design="Solid"
2830
tab-layout="Standard"
2931
tabs-overflow-mode="End"
3032
ui5-tabcontainer=""
@@ -188,9 +190,11 @@ exports[`ObjectPage Default with SubSections 1`] = `
188190
<ui5-tabcontainer
189191
class="ObjectPage-tabContainerComponent"
190192
collapsed="true"
193+
content-background-design="Solid"
191194
data-component-name="ObjectPageTabContainer"
192195
data-sap-ui-fastnavgroup="true"
193196
fixed="true"
197+
header-background-design="Solid"
194198
tab-layout="Standard"
195199
tabs-overflow-mode="End"
196200
ui5-tabcontainer=""
@@ -623,9 +627,11 @@ exports[`ObjectPage IconTabBar Mode 1`] = `
623627
<ui5-tabcontainer
624628
class="ObjectPage-tabContainerComponent"
625629
collapsed="true"
630+
content-background-design="Solid"
626631
data-component-name="ObjectPageTabContainer"
627632
data-sap-ui-fastnavgroup="true"
628633
fixed="true"
634+
header-background-design="Solid"
629635
tab-layout="Standard"
630636
tabs-overflow-mode="End"
631637
ui5-tabcontainer=""
@@ -929,9 +935,11 @@ exports[`ObjectPage Not crashing with 1 section - Default Mode 1`] = `
929935
<ui5-tabcontainer
930936
class="ObjectPage-tabContainerComponent"
931937
collapsed="true"
938+
content-background-design="Solid"
932939
data-component-name="ObjectPageTabContainer"
933940
data-sap-ui-fastnavgroup="true"
934941
fixed="true"
942+
header-background-design="Solid"
935943
tab-layout="Standard"
936944
tabs-overflow-mode="End"
937945
ui5-tabcontainer=""
@@ -1007,9 +1015,11 @@ exports[`ObjectPage Not crashing with 1 section - IconTabBar Mode 1`] = `
10071015
<ui5-tabcontainer
10081016
class="ObjectPage-tabContainerComponent"
10091017
collapsed="true"
1018+
content-background-design="Solid"
10101019
data-component-name="ObjectPageTabContainer"
10111020
data-sap-ui-fastnavgroup="true"
10121021
fixed="true"
1022+
header-background-design="Solid"
10131023
tab-layout="Standard"
10141024
tabs-overflow-mode="End"
10151025
ui5-tabcontainer=""
@@ -1219,9 +1229,11 @@ exports[`ObjectPage with anchor-bar 1`] = `
12191229
<ui5-tabcontainer
12201230
class="ObjectPage-tabContainerComponent"
12211231
collapsed="true"
1232+
content-background-design="Solid"
12221233
data-component-name="ObjectPageTabContainer"
12231234
data-sap-ui-fastnavgroup="true"
12241235
fixed="true"
1236+
header-background-design="Solid"
12251237
tab-layout="Standard"
12261238
tabs-overflow-mode="End"
12271239
ui5-tabcontainer=""
@@ -1674,9 +1686,11 @@ exports[`ObjectPage with footer 1`] = `
16741686
<ui5-tabcontainer
16751687
class="ObjectPage-tabContainerComponent"
16761688
collapsed="true"
1689+
content-background-design="Solid"
16771690
data-component-name="ObjectPageTabContainer"
16781691
data-sap-ui-fastnavgroup="true"
16791692
fixed="true"
1693+
header-background-design="Solid"
16801694
tab-layout="Standard"
16811695
tabs-overflow-mode="End"
16821696
ui5-tabcontainer=""
@@ -2144,9 +2158,11 @@ exports[`ObjectPage with header 1`] = `
21442158
<ui5-tabcontainer
21452159
class="ObjectPage-tabContainerComponent"
21462160
collapsed="true"
2161+
content-background-design="Solid"
21472162
data-component-name="ObjectPageTabContainer"
21482163
data-sap-ui-fastnavgroup="true"
21492164
fixed="true"
2165+
header-background-design="Solid"
21502166
tab-layout="Standard"
21512167
tabs-overflow-mode="End"
21522168
ui5-tabcontainer=""
@@ -2636,9 +2652,11 @@ exports[`ObjectPage with img 1`] = `
26362652
<ui5-tabcontainer
26372653
class="ObjectPage-tabContainerComponent"
26382654
collapsed="true"
2655+
content-background-design="Solid"
26392656
data-component-name="ObjectPageTabContainer"
26402657
data-sap-ui-fastnavgroup="true"
26412658
fixed="true"
2659+
header-background-design="Solid"
26422660
tab-layout="Standard"
26432661
tabs-overflow-mode="End"
26442662
ui5-tabcontainer=""
@@ -3143,9 +3161,11 @@ exports[`ObjectPage with img 2`] = `
31433161
<ui5-tabcontainer
31443162
class="ObjectPage-tabContainerComponent"
31453163
collapsed="true"
3164+
content-background-design="Solid"
31463165
data-component-name="ObjectPageTabContainer"
31473166
data-sap-ui-fastnavgroup="true"
31483167
fixed="true"
3168+
header-background-design="Solid"
31493169
tab-layout="Standard"
31503170
tabs-overflow-mode="End"
31513171
ui5-tabcontainer=""
@@ -3620,9 +3640,11 @@ exports[`ObjectPage with title 1`] = `
36203640
<ui5-tabcontainer
36213641
class="ObjectPage-tabContainerComponent"
36223642
collapsed="true"
3643+
content-background-design="Solid"
36233644
data-component-name="ObjectPageTabContainer"
36243645
data-sap-ui-fastnavgroup="true"
36253646
fixed="true"
3647+
header-background-design="Solid"
36263648
tab-layout="Standard"
36273649
tabs-overflow-mode="End"
36283650
ui5-tabcontainer=""
@@ -4102,9 +4124,11 @@ exports[`ObjectPage with title, header & footer 1`] = `
41024124
<ui5-tabcontainer
41034125
class="ObjectPage-tabContainerComponent"
41044126
collapsed="true"
4127+
content-background-design="Solid"
41054128
data-component-name="ObjectPageTabContainer"
41064129
data-sap-ui-fastnavgroup="true"
41074130
fixed="true"
4131+
header-background-design="Solid"
41084132
tab-layout="Standard"
41094133
tabs-overflow-mode="End"
41104134
ui5-tabcontainer=""

‎packages/main/src/enums/TabContainerBackgroundDesign.ts

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
// Generated file - do not change manually!
2+
3+
/**
4+
* Defines the Tab Container's header and content background colors
5+
*/
6+
export enum TabContainerBackgroundDesign {
7+
/**
8+
* A Solid background color.
9+
*/
10+
Solid = 'Solid',
11+
12+
/**
13+
* A Translucent background color.
14+
*/
15+
Translucent = 'Translucent',
16+
17+
/**
18+
* A Transparent background color.
19+
*/
20+
Transparent = 'Transparent'
21+
}

‎packages/main/src/enums/index.ts

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -55,6 +55,7 @@ export * from './SideContentPosition';
5555
export * from './SideContentVisibility';
5656
export * from './Size';
5757
export * from './SwitchDesign';
58+
export * from './TabContainerBackgroundDesign';
5859
export * from './TabLayout';
5960
export * from './TableGrowingMode';
6061
export * from './TableMode';

‎packages/main/src/webComponents/TabContainer/TabContainer.stories.mdx

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,6 +17,7 @@ import '@ui5/webcomponents-icons/dist/sys-monitor.js';
1717
import SubcomponentsSection from '../../../../../.storybook/docs/SubcomponentsSection.md';
1818
import TabDescription from '../Tab/TabDescription.md';
1919
import TabSeparatorDescription from '../TabSeparator/TabSeparatorDescription.md';
20+
import { TabContainerBackgroundDesign } from '../../enums';
2021

2122
<Meta
2223
title="Layouts & Floorplans / TabContainer"
@@ -27,7 +28,9 @@ import TabSeparatorDescription from '../TabSeparator/TabSeparatorDescription.md'
2728
overflowButton: { control: { disable: true } }
2829
}}
2930
args={{
30-
tabLayout: TabLayout.Standard
31+
tabLayout: TabLayout.Standard,
32+
contentBackgroundDesign: TabContainerBackgroundDesign.Solid,
33+
headerBackgroundDesign: TabContainerBackgroundDesign.Solid
3134
}}
3235
/>
3336

‎packages/main/src/webComponents/TabContainer/__snapshots__/TabContainer.test.tsx.snap

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,9 @@
33
exports[`TabContainer Basic Test (generated) 1`] = `
44
<DocumentFragment>
55
<ui5-tabcontainer
6+
content-background-design="Solid"
67
data-sap-ui-fastnavgroup="true"
8+
header-background-design="Solid"
79
tab-layout="Standard"
810
tabs-overflow-mode="End"
911
ui5-tabcontainer=""

0 commit comments

Comments
 (0)