Skip to content

Commit 8237b22

Browse files
MarcusNotheisMarcusNotheis
authored
feat(ThemeProvider): Add jss and noInjectThemeProperties props (#102)
With the `jss` prop, you can pass a custom JSS instance if required. With the `noInjectThemeProperties`, you can skip the injection of the UI5 Web Components Theming Variables
1 parent d6ec9b2 commit 8237b22

20 files changed

+193
-174
lines changed

‎packages/main/__karma_snapshots__/ActionSheet.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,8 @@
33
#### `Render without Crashing`
44

55
```
6-
<ThemeProvider withToastContainer={false}>
7-
<JssProvider generateId={[Function]}>
6+
<ThemeProvider withToastContainer={false} noInjectThemeProperties={false}>
7+
<JssProvider generateId={[Function]} jss={[undefined]}>
88
<ThemeProvider theme={{...}}>
99
<ActionSheet openBy={{...}} placement="Bottom">
1010
<Popover openBy={{...}} placementType="Bottom" style={[undefined]} slot={[undefined]} initialFocus={{...}} headerText="" horizontalAlign="Center" verticalAlign="Center">

‎packages/main/__karma_snapshots__/AnalyticalCard.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,8 @@
33
#### `Render without Crashing`
44

55
```
6-
<ThemeProvider withToastContainer={false}>
7-
<JssProvider generateId={[Function]}>
6+
<ThemeProvider withToastContainer={false} noInjectThemeProperties={false}>
7+
<JssProvider generateId={[Function]} jss={[undefined]}>
88
<ThemeProvider theme={{...}}>
99
<AnalyticalCard header={{...}} width="20rem">
1010
<div className="AnalyticalCard--card---" style={{...}} title={[undefined]}>

‎packages/main/__karma_snapshots__/AnalyticalTable.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,8 @@
33
#### `test Asc desc`
44

55
```
6-
<ThemeProvider withToastContainer={false}>
7-
<JssProvider generateId={[Function]}>
6+
<ThemeProvider withToastContainer={false} noInjectThemeProperties={false}>
7+
<JssProvider generateId={[Function]} jss={[undefined]}>
88
<ThemeProvider theme={{...}}>
99
<WithStyles(AnalyticalTable) showPagination={true} data={{...}} title="Test" columns={{...}} alternateRowColors={false} loading={false} sortable={true} filterable={false} groupable={false} cellHeight={{...}} defaultPageSize={10} minRows={10} numItems={{...}} pivotBy={{...}} getTrProps={[Function: getTrProps]}>
1010
<AnalyticalTable showPagination={true} data={{...}} title="Test" columns={{...}} alternateRowColors={false} loading={false} sortable={true} filterable={false} groupable={false} cellHeight={{...}} defaultPageSize={10} minRows={10} numItems={{...}} pivotBy={{...}} getTrProps={[Function: getTrProps]} innerRef={{...}} classes={{...}} theme={{...}}>
@@ -656,8 +656,8 @@
656656
#### `pagination`
657657

658658
```
659-
<ThemeProvider withToastContainer={false}>
660-
<JssProvider generateId={[Function]}>
659+
<ThemeProvider withToastContainer={false} noInjectThemeProperties={false}>
660+
<JssProvider generateId={[Function]} jss={[undefined]}>
661661
<ThemeProvider theme={{...}}>
662662
<WithStyles(AnalyticalTable) defaultPageSize={1} showPagination={true} data={{...}} title="Test" columns={{...}} alternateRowColors={false} loading={false} sortable={true} filterable={false} groupable={false} cellHeight={{...}} minRows={10} numItems={{...}} pivotBy={{...}} getTrProps={[Function: getTrProps]}>
663663
<AnalyticalTable defaultPageSize={1} showPagination={true} data={{...}} title="Test" columns={{...}} alternateRowColors={false} loading={false} sortable={true} filterable={false} groupable={false} cellHeight={{...}} minRows={10} numItems={{...}} pivotBy={{...}} getTrProps={[Function: getTrProps]} innerRef={{...}} classes={{...}} theme={{...}}>

‎packages/main/__karma_snapshots__/Avatar.md

Lines changed: 26 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,8 @@
33
#### `Avatar - size: XL shape: Circle`
44

55
```
6-
<ThemeProvider withToastContainer={false}>
7-
<JssProvider generateId={[Function]}>
6+
<ThemeProvider withToastContainer={false} noInjectThemeProperties={false}>
7+
<JssProvider generateId={[Function]} jss={[undefined]}>
88
<ThemeProvider theme={{...}}>
99
<Avatar size="XL" shape="Circle" initials={{...}} image={{...}} onClick={{...}} customDisplaySize="3rem" customFontSize="1.125rem">
1010
<span className="-avatar--- -sizeXL--- -circle---" style={{...}} onClick={[Function]} tabIndex={0} onKeyDown={[Function]} title={[undefined]} slot={[undefined]} />
@@ -17,8 +17,8 @@
1717
#### `Avatar - size: XL shape: Square`
1818

1919
```
20-
<ThemeProvider withToastContainer={false}>
21-
<JssProvider generateId={[Function]}>
20+
<ThemeProvider withToastContainer={false} noInjectThemeProperties={false}>
21+
<JssProvider generateId={[Function]} jss={[undefined]}>
2222
<ThemeProvider theme={{...}}>
2323
<Avatar size="XL" shape="Square" initials={{...}} image={{...}} onClick={{...}} customDisplaySize="3rem" customFontSize="1.125rem">
2424
<span className="-avatar--- -sizeXL---" style={{...}} onClick={[Function]} tabIndex={0} onKeyDown={[Function]} title={[undefined]} slot={[undefined]} />
@@ -31,8 +31,8 @@
3131
#### `Avatar - size: L shape: Circle`
3232

3333
```
34-
<ThemeProvider withToastContainer={false}>
35-
<JssProvider generateId={[Function]}>
34+
<ThemeProvider withToastContainer={false} noInjectThemeProperties={false}>
35+
<JssProvider generateId={[Function]} jss={[undefined]}>
3636
<ThemeProvider theme={{...}}>
3737
<Avatar size="L" shape="Circle" initials={{...}} image={{...}} onClick={{...}} customDisplaySize="3rem" customFontSize="1.125rem">
3838
<span className="-avatar--- -sizeL--- -circle---" style={{...}} onClick={[Function]} tabIndex={0} onKeyDown={[Function]} title={[undefined]} slot={[undefined]} />
@@ -45,8 +45,8 @@
4545
#### `Avatar - size: L shape: Square`
4646

4747
```
48-
<ThemeProvider withToastContainer={false}>
49-
<JssProvider generateId={[Function]}>
48+
<ThemeProvider withToastContainer={false} noInjectThemeProperties={false}>
49+
<JssProvider generateId={[Function]} jss={[undefined]}>
5050
<ThemeProvider theme={{...}}>
5151
<Avatar size="L" shape="Square" initials={{...}} image={{...}} onClick={{...}} customDisplaySize="3rem" customFontSize="1.125rem">
5252
<span className="-avatar--- -sizeL---" style={{...}} onClick={[Function]} tabIndex={0} onKeyDown={[Function]} title={[undefined]} slot={[undefined]} />
@@ -59,8 +59,8 @@
5959
#### `Avatar - size: M shape: Circle`
6060

6161
```
62-
<ThemeProvider withToastContainer={false}>
63-
<JssProvider generateId={[Function]}>
62+
<ThemeProvider withToastContainer={false} noInjectThemeProperties={false}>
63+
<JssProvider generateId={[Function]} jss={[undefined]}>
6464
<ThemeProvider theme={{...}}>
6565
<Avatar size="M" shape="Circle" initials={{...}} image={{...}} onClick={{...}} customDisplaySize="3rem" customFontSize="1.125rem">
6666
<span className="-avatar--- -sizeM--- -circle---" style={{...}} onClick={[Function]} tabIndex={0} onKeyDown={[Function]} title={[undefined]} slot={[undefined]} />
@@ -73,8 +73,8 @@
7373
#### `Avatar - size: M shape: Square`
7474

7575
```
76-
<ThemeProvider withToastContainer={false}>
77-
<JssProvider generateId={[Function]}>
76+
<ThemeProvider withToastContainer={false} noInjectThemeProperties={false}>
77+
<JssProvider generateId={[Function]} jss={[undefined]}>
7878
<ThemeProvider theme={{...}}>
7979
<Avatar size="M" shape="Square" initials={{...}} image={{...}} onClick={{...}} customDisplaySize="3rem" customFontSize="1.125rem">
8080
<span className="-avatar--- -sizeM---" style={{...}} onClick={[Function]} tabIndex={0} onKeyDown={[Function]} title={[undefined]} slot={[undefined]} />
@@ -87,8 +87,8 @@
8787
#### `Avatar - size: S shape: Circle`
8888

8989
```
90-
<ThemeProvider withToastContainer={false}>
91-
<JssProvider generateId={[Function]}>
90+
<ThemeProvider withToastContainer={false} noInjectThemeProperties={false}>
91+
<JssProvider generateId={[Function]} jss={[undefined]}>
9292
<ThemeProvider theme={{...}}>
9393
<Avatar size="S" shape="Circle" initials={{...}} image={{...}} onClick={{...}} customDisplaySize="3rem" customFontSize="1.125rem">
9494
<span className="-avatar--- -sizeS--- -circle---" style={{...}} onClick={[Function]} tabIndex={0} onKeyDown={[Function]} title={[undefined]} slot={[undefined]} />
@@ -101,8 +101,8 @@
101101
#### `Avatar - size: S shape: Square`
102102

103103
```
104-
<ThemeProvider withToastContainer={false}>
105-
<JssProvider generateId={[Function]}>
104+
<ThemeProvider withToastContainer={false} noInjectThemeProperties={false}>
105+
<JssProvider generateId={[Function]} jss={[undefined]}>
106106
<ThemeProvider theme={{...}}>
107107
<Avatar size="S" shape="Square" initials={{...}} image={{...}} onClick={{...}} customDisplaySize="3rem" customFontSize="1.125rem">
108108
<span className="-avatar--- -sizeS---" style={{...}} onClick={[Function]} tabIndex={0} onKeyDown={[Function]} title={[undefined]} slot={[undefined]} />
@@ -115,8 +115,8 @@
115115
#### `Avatar - size: XS shape: Circle`
116116

117117
```
118-
<ThemeProvider withToastContainer={false}>
119-
<JssProvider generateId={[Function]}>
118+
<ThemeProvider withToastContainer={false} noInjectThemeProperties={false}>
119+
<JssProvider generateId={[Function]} jss={[undefined]}>
120120
<ThemeProvider theme={{...}}>
121121
<Avatar size="XS" shape="Circle" initials={{...}} image={{...}} onClick={{...}} customDisplaySize="3rem" customFontSize="1.125rem">
122122
<span className="-avatar--- -sizeXS--- -circle---" style={{...}} onClick={[Function]} tabIndex={0} onKeyDown={[Function]} title={[undefined]} slot={[undefined]} />
@@ -129,8 +129,8 @@
129129
#### `Avatar - size: XS shape: Square`
130130

131131
```
132-
<ThemeProvider withToastContainer={false}>
133-
<JssProvider generateId={[Function]}>
132+
<ThemeProvider withToastContainer={false} noInjectThemeProperties={false}>
133+
<JssProvider generateId={[Function]} jss={[undefined]}>
134134
<ThemeProvider theme={{...}}>
135135
<Avatar size="XS" shape="Square" initials={{...}} image={{...}} onClick={{...}} customDisplaySize="3rem" customFontSize="1.125rem">
136136
<span className="-avatar--- -sizeXS---" style={{...}} onClick={[Function]} tabIndex={0} onKeyDown={[Function]} title={[undefined]} slot={[undefined]} />
@@ -143,8 +143,8 @@
143143
#### `Avatar - size: Custom shape: Circle`
144144

145145
```
146-
<ThemeProvider withToastContainer={false}>
147-
<JssProvider generateId={[Function]}>
146+
<ThemeProvider withToastContainer={false} noInjectThemeProperties={false}>
147+
<JssProvider generateId={[Function]} jss={[undefined]}>
148148
<ThemeProvider theme={{...}}>
149149
<Avatar size="Custom" shape="Circle" initials={{...}} image={{...}} onClick={{...}} customDisplaySize="3rem" customFontSize="1.125rem">
150150
<span className="-avatar--- -circle---" style={{...}} onClick={[Function]} tabIndex={0} onKeyDown={[Function]} title={[undefined]} slot={[undefined]} />
@@ -157,8 +157,8 @@
157157
#### `Avatar - size: Custom shape: Square`
158158

159159
```
160-
<ThemeProvider withToastContainer={false}>
161-
<JssProvider generateId={[Function]}>
160+
<ThemeProvider withToastContainer={false} noInjectThemeProperties={false}>
161+
<JssProvider generateId={[Function]} jss={[undefined]}>
162162
<ThemeProvider theme={{...}}>
163163
<Avatar size="Custom" shape="Square" initials={{...}} image={{...}} onClick={{...}} customDisplaySize="3rem" customFontSize="1.125rem">
164164
<span className="-avatar---" style={{...}} onClick={[Function]} tabIndex={0} onKeyDown={[Function]} title={[undefined]} slot={[undefined]} />
@@ -171,8 +171,8 @@
171171
#### `with Initials`
172172

173173
```
174-
<ThemeProvider withToastContainer={false}>
175-
<JssProvider generateId={[Function]}>
174+
<ThemeProvider withToastContainer={false} noInjectThemeProperties={false}>
175+
<JssProvider generateId={[Function]} jss={[undefined]}>
176176
<ThemeProvider theme={{...}}>
177177
<Avatar size="XL" initials="JD" shape="Circle" image={{...}} onClick={{...}} customDisplaySize="3rem" customFontSize="1.125rem">
178178
<span className="-avatar--- -sizeXL--- -circle---" style={{...}} onClick={[Function]} tabIndex={0} onKeyDown={[Function]} title={[undefined]} slot={[undefined]}>

‎packages/main/__karma_snapshots__/Badge.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,8 @@
33
#### `Basic Test`
44

55
```
6-
<ThemeProvider withToastContainer={false}>
7-
<JssProvider generateId={[Function]}>
6+
<ThemeProvider withToastContainer={false} noInjectThemeProperties={false}>
7+
<JssProvider generateId={[Function]} jss={[undefined]}>
88
<ThemeProvider theme={{...}}>
99
<Badge colorScheme="1">
1010
<ui5-badge color-scheme="1" class="">
@@ -19,8 +19,8 @@
1919
#### `with Icon`
2020

2121
```
22-
<ThemeProvider withToastContainer={false}>
23-
<JssProvider generateId={[Function]}>
22+
<ThemeProvider withToastContainer={false} noInjectThemeProperties={false}>
23+
<JssProvider generateId={[Function]} jss={[undefined]}>
2424
<ThemeProvider theme={{...}}>
2525
<Badge icon={{...}} colorScheme="1">
2626
<ui5-badge color-scheme="1" class="">

‎packages/main/__karma_snapshots__/BusyIndicator.md

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,8 @@
33
#### `Basic Test`
44

55
```
6-
<ThemeProvider withToastContainer={false}>
7-
<JssProvider generateId={[Function]}>
6+
<ThemeProvider withToastContainer={false} noInjectThemeProperties={false}>
7+
<JssProvider generateId={[Function]} jss={[undefined]}>
88
<ThemeProvider theme={{...}}>
99
<BusyIndicator active={true} size="Large">
1010
<ui5-busyindicator active={true} size="Large" class="" />
@@ -17,8 +17,8 @@
1717
#### `Inactive`
1818

1919
```
20-
<ThemeProvider withToastContainer={false}>
21-
<JssProvider generateId={[Function]}>
20+
<ThemeProvider withToastContainer={false} noInjectThemeProperties={false}>
21+
<JssProvider generateId={[Function]} jss={[undefined]}>
2222
<ThemeProvider theme={{...}}>
2323
<BusyIndicator size="Large">
2424
<ui5-busyindicator size="Large" class="" />
@@ -31,8 +31,8 @@
3131
#### `Size Medium`
3232

3333
```
34-
<ThemeProvider withToastContainer={false}>
35-
<JssProvider generateId={[Function]}>
34+
<ThemeProvider withToastContainer={false} noInjectThemeProperties={false}>
35+
<JssProvider generateId={[Function]} jss={[undefined]}>
3636
<ThemeProvider theme={{...}}>
3737
<BusyIndicator active={true} size="Medium">
3838
<ui5-busyindicator active={true} size="Medium" class="" />
@@ -45,8 +45,8 @@
4545
#### `Size Small`
4646

4747
```
48-
<ThemeProvider withToastContainer={false}>
49-
<JssProvider generateId={[Function]}>
48+
<ThemeProvider withToastContainer={false} noInjectThemeProperties={false}>
49+
<JssProvider generateId={[Function]} jss={[undefined]}>
5050
<ThemeProvider theme={{...}}>
5151
<BusyIndicator active={true} size="Small">
5252
<ui5-busyindicator active={true} size="Small" class="" />

‎packages/main/__karma_snapshots__/Button.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,8 @@
33
#### `Basic Test (generated)`
44

55
```
6-
<ThemeProvider withToastContainer={false}>
7-
<JssProvider generateId={[Function]}>
6+
<ThemeProvider withToastContainer={false} noInjectThemeProperties={false}>
7+
<JssProvider generateId={[Function]} jss={[undefined]}>
88
<ThemeProvider theme={{...}}>
99
<Button design="Default">
1010
<ui5-button design="Default" class="" />

‎packages/main/__karma_snapshots__/Calendar.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,8 @@
33
#### `Basic Test (generated)`
44

55
```
6-
<ThemeProvider withToastContainer={false}>
7-
<JssProvider generateId={[Function]}>
6+
<ThemeProvider withToastContainer={false} noInjectThemeProperties={false}>
7+
<JssProvider generateId={[Function]} jss={[undefined]}>
88
<ThemeProvider theme={{...}}>
99
<Calendar>
1010
<ui5-calendar class="" />

‎packages/main/__karma_snapshots__/CalendarHeader.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,8 @@
33
#### `Basic Test (generated)`
44

55
```
6-
<ThemeProvider withToastContainer={false}>
7-
<JssProvider generateId={[Function]}>
6+
<ThemeProvider withToastContainer={false} noInjectThemeProperties={false}>
7+
<JssProvider generateId={[Function]} jss={[undefined]}>
88
<ThemeProvider theme={{...}}>
99
<CalendarHeader>
1010
<ui5-calendar-header class="" />

‎packages/main/__karma_snapshots__/Card.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,8 @@
33
#### `Basic Test (generated)`
44

55
```
6-
<ThemeProvider withToastContainer={false}>
7-
<JssProvider generateId={[Function]}>
6+
<ThemeProvider withToastContainer={false} noInjectThemeProperties={false}>
7+
<JssProvider generateId={[Function]} jss={[undefined]}>
88
<ThemeProvider theme={{...}}>
99
<Card>
1010
<ui5-card class="" />

‎packages/main/__karma_snapshots__/Carousel.md

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,8 @@
33
#### `Renders without crashing`
44

55
```
6-
<ThemeProvider withToastContainer={false}>
7-
<JssProvider generateId={[Function]}>
6+
<ThemeProvider withToastContainer={false} noInjectThemeProperties={false}>
7+
<JssProvider generateId={[Function]} jss={[undefined]}>
88
<ThemeProvider theme={{...}}>
99
<Carousel activePage={0} arrowsPlacement="Content" onPageChanged={[Function: onPageChanged]} height="100%" width="100%" showPageIndicator={true} loop={false} pageIndicatorPlacement="Bottom">
1010
<div className="Carousel--carousel---" style={{...}} title={[undefined]} slot={[undefined]} role="list">
@@ -92,8 +92,8 @@
9292
#### `Should render a text indicator`
9393

9494
```
95-
<ThemeProvider withToastContainer={false}>
96-
<JssProvider generateId={[Function]}>
95+
<ThemeProvider withToastContainer={false} noInjectThemeProperties={false}>
96+
<JssProvider generateId={[Function]} jss={[undefined]}>
9797
<ThemeProvider theme={{...}}>
9898
<Carousel activePage={0} arrowsPlacement="Content" onPageChanged={[Function: onPageChanged]} height="100%" width="100%" showPageIndicator={true} loop={false} pageIndicatorPlacement="Bottom">
9999
<div className="Carousel--carousel---" style={{...}} title={[undefined]} slot={[undefined]} role="list">
@@ -180,8 +180,8 @@
180180
#### `CarouselArrowsPlacement: Content`
181181

182182
```
183-
<ThemeProvider withToastContainer={false}>
184-
<JssProvider generateId={[Function]}>
183+
<ThemeProvider withToastContainer={false} noInjectThemeProperties={false}>
184+
<JssProvider generateId={[Function]} jss={[undefined]}>
185185
<ThemeProvider theme={{...}}>
186186
<Carousel arrowsPlacement="Content" activePage={0} onPageChanged={[Function: onPageChanged]} height="100%" width="100%" showPageIndicator={true} loop={false} pageIndicatorPlacement="Bottom">
187187
<div className="Carousel--carousel---" style={{...}} title={[undefined]} slot={[undefined]} role="list">
@@ -269,8 +269,8 @@
269269
#### `CarouselArrowsPlacement: PageIndicator`
270270

271271
```
272-
<ThemeProvider withToastContainer={false}>
273-
<JssProvider generateId={[Function]}>
272+
<ThemeProvider withToastContainer={false} noInjectThemeProperties={false}>
273+
<JssProvider generateId={[Function]} jss={[undefined]}>
274274
<ThemeProvider theme={{...}}>
275275
<Carousel arrowsPlacement="PageIndicator" activePage={0} onPageChanged={[Function: onPageChanged]} height="100%" width="100%" showPageIndicator={true} loop={false} pageIndicatorPlacement="Bottom">
276276
<div className="Carousel--carousel---" style={{...}} title={[undefined]} slot={[undefined]} role="list">
@@ -358,8 +358,8 @@
358358
#### `Page Indicator Placement: Top`
359359

360360
```
361-
<ThemeProvider withToastContainer={false}>
362-
<JssProvider generateId={[Function]}>
361+
<ThemeProvider withToastContainer={false} noInjectThemeProperties={false}>
362+
<JssProvider generateId={[Function]} jss={[undefined]}>
363363
<ThemeProvider theme={{...}}>
364364
<Carousel arrowsPlacement="PageIndicator" pageIndicatorPlacement="Top" activePage={0} onPageChanged={[Function: onPageChanged]} height="100%" width="100%" showPageIndicator={true} loop={false}>
365365
<div className="Carousel--carousel---" style={{...}} title={[undefined]} slot={[undefined]} role="list">
@@ -445,8 +445,8 @@
445445
```
446446

447447
```
448-
<ThemeProvider withToastContainer={false}>
449-
<JssProvider generateId={[Function]}>
448+
<ThemeProvider withToastContainer={false} noInjectThemeProperties={false}>
449+
<JssProvider generateId={[Function]} jss={[undefined]}>
450450
<ThemeProvider theme={{...}}>
451451
<Carousel arrowsPlacement="PageIndicator" pageIndicatorPlacement="Top" activePage={1} onPageChanged={[Function: onPageChanged]} height="100%" width="100%" showPageIndicator={true} loop={false}>
452452
<div className="Carousel--carousel---" style={{...}} title={[undefined]} slot={[undefined]} role="list">
@@ -534,8 +534,8 @@
534534
#### `Update activePage via prop`
535535

536536
```
537-
<ThemeProvider withToastContainer={false}>
538-
<JssProvider generateId={[Function]}>
537+
<ThemeProvider withToastContainer={false} noInjectThemeProperties={false}>
538+
<JssProvider generateId={[Function]} jss={[undefined]}>
539539
<ThemeProvider theme={{...}}>
540540
<Carousel activePage={0} arrowsPlacement="Content" onPageChanged={[Function: onPageChanged]} height="100%" width="100%" showPageIndicator={true} loop={false} pageIndicatorPlacement="Bottom">
541541
<div className="Carousel--carousel---" style={{...}} title={[undefined]} slot={[undefined]} role="list">

0 commit comments

Comments
 (0)