@inappstory/react-sdk 0.0.2 → 0.0.3

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.
@@ -1,38 +1,38 @@
1
- /// <reference types="node" />
2
- import { EventEmitter } from "events";
3
- import { AppearanceCommonOptions } from "./appearanceCommon";
4
- import { StoriesListOptions } from "./storiesList";
5
- import { StoryReaderOptions } from "./storyReader";
6
- import { StoryFavoriteReaderOptions } from "./storyFavoriteReader";
7
- import { GoodsWidgetOptions } from "./goodsWidget";
8
- import { GameReaderOptions } from "./gameReader";
9
- import { OverrideByMediaQuery } from "./AppearanceManager.h";
10
-
11
- export declare class AppearanceManager extends EventEmitter {
12
- constructor();
13
- private _commonOptions;
14
- setCommonOptions(options: AppearanceCommonOptions, withUpdateEvent?: boolean): AppearanceManager;
15
- get commonOptions(): AppearanceCommonOptions;
16
- private _storiesListOptions;
17
- setStoriesListOptions(options: Partial<StoriesListOptions>, withUpdateEvent?: boolean): AppearanceManager;
18
- get storiesListOptions(): StoriesListOptions;
19
- private _storyReaderOptions;
20
- setStoryReaderOptions(options: Partial<StoryReaderOptions>, withUpdateEvent?: boolean): AppearanceManager;
21
- get storyReaderOptions(): StoryReaderOptions;
22
- private _storyFavoriteReaderOptions;
23
- setStoryFavoriteReaderOptions(options: Partial<StoryFavoriteReaderOptions>, withUpdateEvent?: boolean): AppearanceManager;
24
- get storyFavoriteReaderOptions(): StoryFavoriteReaderOptions;
25
- private _goodsWidgetOptions;
26
- setGoodsWidgetOptions(options: Partial<GoodsWidgetOptions>, withUpdateEvent?: boolean): AppearanceManager;
27
- get goodsWidgetOptions(): GoodsWidgetOptions;
28
- private _gameReaderOptions;
29
- setGameReaderOptions(options: GameReaderOptions, withUpdateEvent?: boolean): AppearanceManager;
30
- get gameReaderOptions(): GameReaderOptions;
31
- setOptionsOverrideByMediaQuery(overrideByMediaQueries: OverrideByMediaQuery[]): AppearanceManager;
32
- private _mqls;
33
- initMediaQueries(overrideByMediaQueries: OverrideByMediaQuery[]): void;
34
- private _composeMqlCondition;
35
- private _composeOptionsOverrideByMediaQuery;
36
- private removeMediaQueryEventListeners;
37
- destroy(): void;
38
- }
1
+ /// <reference types="node" />
2
+ import { EventEmitter } from "events";
3
+ import { AppearanceCommonOptions } from "./appearanceCommon";
4
+ import { StoriesListOptions } from "./storiesList";
5
+ import { StoryReaderOptions } from "./storyReader";
6
+ import { StoryFavoriteReaderOptions } from "./storyFavoriteReader";
7
+ import { GoodsWidgetOptions } from "./goodsWidget";
8
+ import { GameReaderOptions } from "./gameReader";
9
+ import { OverrideByMediaQuery } from "./AppearanceManager.h";
10
+
11
+ export declare class AppearanceManager extends EventEmitter {
12
+ constructor();
13
+ private _commonOptions;
14
+ setCommonOptions(options: AppearanceCommonOptions, withUpdateEvent?: boolean): AppearanceManager;
15
+ get commonOptions(): AppearanceCommonOptions;
16
+ private _storiesListOptions;
17
+ setStoriesListOptions(options: Partial<StoriesListOptions>, withUpdateEvent?: boolean): AppearanceManager;
18
+ get storiesListOptions(): StoriesListOptions;
19
+ private _storyReaderOptions;
20
+ setStoryReaderOptions(options: Partial<StoryReaderOptions>, withUpdateEvent?: boolean): AppearanceManager;
21
+ get storyReaderOptions(): StoryReaderOptions;
22
+ private _storyFavoriteReaderOptions;
23
+ setStoryFavoriteReaderOptions(options: Partial<StoryFavoriteReaderOptions>, withUpdateEvent?: boolean): AppearanceManager;
24
+ get storyFavoriteReaderOptions(): StoryFavoriteReaderOptions;
25
+ private _goodsWidgetOptions;
26
+ setGoodsWidgetOptions(options: Partial<GoodsWidgetOptions>, withUpdateEvent?: boolean): AppearanceManager;
27
+ get goodsWidgetOptions(): GoodsWidgetOptions;
28
+ private _gameReaderOptions;
29
+ setGameReaderOptions(options: GameReaderOptions, withUpdateEvent?: boolean): AppearanceManager;
30
+ get gameReaderOptions(): GameReaderOptions;
31
+ setOptionsOverrideByMediaQuery(overrideByMediaQueries: OverrideByMediaQuery[]): AppearanceManager;
32
+ private _mqls;
33
+ initMediaQueries(overrideByMediaQueries: OverrideByMediaQuery[]): void;
34
+ private _composeMqlCondition;
35
+ private _composeOptionsOverrideByMediaQuery;
36
+ private removeMediaQueryEventListeners;
37
+ destroy(): void;
38
+ }
@@ -1,26 +1,26 @@
1
- import { StoryReaderOptions } from "./storyReader";
2
- import { GameReaderOptions } from "./gameReader";
3
- import { AppearanceCommonOptions } from "./appearanceCommon";
4
- import { StoriesListOptions } from "./storiesList";
5
- import { StoryFavoriteReaderOptions } from "./storyFavoriteReader";
6
- import { GoodsWidgetOptions } from "./goodsWidget";
7
-
8
- export type AppearanceManagerEvents = "updatedCommonOptions" | "updatedStoriesListOptions" | "updatedStoryReaderOptions" | "updatedFavoriteReaderOptions" | "updatedGameReaderOptions" | "updatedGoodsWidgetOptions";
9
-
10
- export type StoryReaderUpdateComposedOptions = {
11
- storyReaderOptions: StoryReaderOptions;
12
- gameReaderOptions: GameReaderOptions;
13
- appearanceCommon: AppearanceCommonOptions;
14
- };
15
- export type AppearanceManagerOptionGroups = {
16
- commonOptions: AppearanceCommonOptions;
17
- storiesListOptions: StoriesListOptions;
18
- storyReaderOptions: StoryReaderOptions;
19
- storyFavoriteReaderOptions: StoryFavoriteReaderOptions;
20
- goodsWidgetOptions: GoodsWidgetOptions;
21
- gameReaderOptions: GameReaderOptions;
22
- };
23
- export type OverrideByMediaQuery = Partial<{
24
- viewportMinSize: number | "sm" | "md" | "lg" | "xl";
25
- mediaQuery: null | string;
26
- }> & Partial<AppearanceManagerOptionGroups>;
1
+ import { StoryReaderOptions } from "./storyReader";
2
+ import { GameReaderOptions } from "./gameReader";
3
+ import { AppearanceCommonOptions } from "./appearanceCommon";
4
+ import { StoriesListOptions } from "./storiesList";
5
+ import { StoryFavoriteReaderOptions } from "./storyFavoriteReader";
6
+ import { GoodsWidgetOptions } from "./goodsWidget";
7
+
8
+ export type AppearanceManagerEvents = "updatedCommonOptions" | "updatedStoriesListOptions" | "updatedStoryReaderOptions" | "updatedFavoriteReaderOptions" | "updatedGameReaderOptions" | "updatedGoodsWidgetOptions";
9
+
10
+ export type StoryReaderUpdateComposedOptions = {
11
+ storyReaderOptions: StoryReaderOptions;
12
+ gameReaderOptions: GameReaderOptions;
13
+ appearanceCommon: AppearanceCommonOptions;
14
+ };
15
+ export type AppearanceManagerOptionGroups = {
16
+ commonOptions: AppearanceCommonOptions;
17
+ storiesListOptions: StoriesListOptions;
18
+ storyReaderOptions: StoryReaderOptions;
19
+ storyFavoriteReaderOptions: StoryFavoriteReaderOptions;
20
+ goodsWidgetOptions: GoodsWidgetOptions;
21
+ gameReaderOptions: GameReaderOptions;
22
+ };
23
+ export type OverrideByMediaQuery = Partial<{
24
+ viewportMinSize: number | "sm" | "md" | "lg" | "xl";
25
+ mediaQuery: null | string;
26
+ }> & Partial<AppearanceManagerOptionGroups>;
@@ -1,21 +1,21 @@
1
- export type CloseButtonPosition = "left" | "right"
2
-
3
- export type AppearanceCommonOptions = {
4
- hasFavorite?: boolean;
5
- hasLike?: boolean;
6
- hasShare?: boolean;
7
- closeButtonPosition?: CloseButtonPosition;
8
- loader?: {
9
- default: {
10
- color: Optional<string>;
11
- accentColor: Optional<string>;
12
- };
13
- custom: Optional<string>;
14
- };
15
- closeButton?: {
16
- svgSrc: {
17
- baseState: string;
18
- };
19
- };
20
- forceDesktopMode?: boolean;
1
+ export type CloseButtonPosition = "left" | "right"
2
+
3
+ export type AppearanceCommonOptions = {
4
+ hasFavorite?: boolean;
5
+ hasLike?: boolean;
6
+ hasShare?: boolean;
7
+ closeButtonPosition?: CloseButtonPosition;
8
+ loader?: {
9
+ default: {
10
+ color: Optional<string>;
11
+ accentColor: Optional<string>;
12
+ };
13
+ custom: Optional<string>;
14
+ };
15
+ closeButton?: {
16
+ svgSrc: {
17
+ baseState: string;
18
+ };
19
+ };
20
+ forceDesktopMode?: boolean;
21
21
  };
@@ -1,33 +1,33 @@
1
- import {
2
- AppearanceCommonOptions,
3
- CloseButtonPosition
4
- } from "./appearanceCommon";
5
-
6
- export type GameReaderOptions = {
7
- loader?: {
8
- default: {
9
- color: string | null,
10
- accentColor: string | null,
11
- },
12
- custom: string | null
13
- };
14
-
15
- closeButtonPosition?: CloseButtonPosition;
16
-
17
- closeButton?: {
18
- svgSrc: {
19
- baseState: string
20
- }
21
- };
22
-
23
- backdropColor?: string
24
- game?: {
25
- backdropColor: string
26
- },
27
- forceDesktopMode?: AppearanceCommonOptions["forceDesktopMode"]
28
- forceCheckOrientation?: boolean
29
- };
30
-
31
- export type OpenGameOptions = Partial<{
32
- demoMode: boolean;
1
+ import {
2
+ AppearanceCommonOptions,
3
+ CloseButtonPosition
4
+ } from "./appearanceCommon";
5
+
6
+ export type GameReaderOptions = {
7
+ loader?: {
8
+ default: {
9
+ color: string | null,
10
+ accentColor: string | null,
11
+ },
12
+ custom: string | null
13
+ };
14
+
15
+ closeButtonPosition?: CloseButtonPosition;
16
+
17
+ closeButton?: {
18
+ svgSrc: {
19
+ baseState: string
20
+ }
21
+ };
22
+
23
+ backdropColor?: string
24
+ game?: {
25
+ backdropColor: string
26
+ },
27
+ forceDesktopMode?: AppearanceCommonOptions["forceDesktopMode"]
28
+ forceCheckOrientation?: boolean
29
+ };
30
+
31
+ export type OpenGameOptions = Partial<{
32
+ demoMode: boolean;
33
33
  }>
@@ -1,39 +1,39 @@
1
- export type Goods = {}
2
-
3
- export type GoodsWidgetRenderingType = "default" | "customCard"
4
-
5
- export type GoodsWidgetOptions = {
6
- goodsWidgetRenderingType: GoodsWidgetRenderingType; // DEPRECATED?
7
- goodsList: GoodsListOptions,
8
- goodsCard: GoodsCardOptions
9
- loader: {
10
- default: {
11
- color: string,
12
- accentColor: string,
13
- },
14
- custom?: string
15
- },
16
- openGoodsWidgetHandler: (goodsList: Goods[]) => Promise<Goods[]>;
17
- getCardHtml?: (goods: Goods, index: number) => string;
18
- itemClickHandler?: (goods: Goods) => void;
19
- };
20
-
21
- export type GoodsCardOptions = {
22
- mainTextColor: string;
23
- oldPriceTextColor: string;
24
- imageBackgroundColor: string;
25
- imageCornerRadius: number;
26
- titleFont?: string;
27
- subtitleFont?: string;
28
- priceFont?: string;
29
- oldPriceFont?: string;
30
- }
31
-
32
- export type GoodsListOptions = {
33
- renderingType: GoodsWidgetRenderingType;
34
- closeBackgroundColor: string;
35
- closeImage?: string;
36
- substrateHeight: number;
37
- substrateColor: string;
38
- dimColor: string;
1
+ export type Goods = {}
2
+
3
+ export type GoodsWidgetRenderingType = "default" | "customCard"
4
+
5
+ export type GoodsWidgetOptions = {
6
+ goodsWidgetRenderingType: GoodsWidgetRenderingType; // DEPRECATED?
7
+ goodsList: GoodsListOptions,
8
+ goodsCard: GoodsCardOptions
9
+ loader: {
10
+ default: {
11
+ color: string,
12
+ accentColor: string,
13
+ },
14
+ custom?: string
15
+ },
16
+ openGoodsWidgetHandler: (goodsList: Goods[]) => Promise<Goods[]>;
17
+ getCardHtml?: (goods: Goods, index: number) => string;
18
+ itemClickHandler?: (goods: Goods) => void;
19
+ };
20
+
21
+ export type GoodsCardOptions = {
22
+ mainTextColor: string;
23
+ oldPriceTextColor: string;
24
+ imageBackgroundColor: string;
25
+ imageCornerRadius: number;
26
+ titleFont?: string;
27
+ subtitleFont?: string;
28
+ priceFont?: string;
29
+ oldPriceFont?: string;
30
+ }
31
+
32
+ export type GoodsListOptions = {
33
+ renderingType: GoodsWidgetRenderingType;
34
+ closeBackgroundColor: string;
35
+ closeImage?: string;
36
+ substrateHeight: number;
37
+ substrateColor: string;
38
+ dimColor: string;
39
39
  }
@@ -1,8 +1,8 @@
1
- export * from "./appearanceCommon"
2
- export * from "./AppearanceManager"
3
- export * from "./AppearanceManager.h"
4
- export * from "./gameReader"
5
- export * from "./goodsWidget"
6
- export * from "./storiesList"
7
- export * from "./storyFavoriteReader"
8
- export * from "./storyReader"
1
+ export * from "./appearanceCommon"
2
+ export * from "./AppearanceManager"
3
+ export * from "./AppearanceManager.h"
4
+ export * from "./gameReader"
5
+ export * from "./goodsWidget"
6
+ export * from "./storiesList"
7
+ export * from "./storyFavoriteReader"
8
+ export * from "./storyReader"
@@ -1,129 +1,129 @@
1
- /// <reference path="./utils.d.ts" />
2
-
3
- export type StoriesListSliderAlign = "center" | "left" | "right"
4
-
5
- export type StoriesListOptions = {
6
- direction: "horizontal" | "vertical";
7
- card: StoriesListCardOptions;
8
- favoriteCard: StoriesListFavoriteCardOptions;
9
- layout: {
10
- height?: number;
11
- storiesListInnerHeight?: number | null;
12
- backgroundColor?: string;
13
- sliderAlign?: StoriesListSliderAlign;
14
- };
15
- sidePadding: number;
16
- topPadding: number;
17
- bottomPadding: number;
18
- bottomMargin: number;
19
- navigation: {
20
- showControls: boolean;
21
- controlsSize: number;
22
- controlsBackgroundColor: string;
23
- controlsColor: string;
24
- };
25
- extraCss?: string;
26
- handleStoryLinkClick?: (payload: StoriesListClickEvent) => void;
27
- handleStartLoad?: (loaderContainer: HTMLElement) => void;
28
- handleStopLoad?: (loaderContainer: HTMLElement) => void;
29
- ugcCard: StoriesListUgcCardOptions;
30
- };
31
- export type StoriesListCardViewVariant = "circle" | "quad" | "rectangle"
32
-
33
- export type StoriesListCardTitleTextAlign = "left" | "center" | "right"
34
-
35
- export type StoriesListCardTitlePosition = "cardInsideBottom" | "cardOutsideTop" | "cardOutsideBottom"
36
-
37
- export type StoriesListCardCoverQuality = "medium" | "high"
38
-
39
- export type StoriesListCardOptions = Partial<{
40
- title: Partial<{
41
- color: string;
42
- padding: string | number;
43
- font: string;
44
- display: boolean;
45
- textAlign: StoriesListCardTitleTextAlign;
46
- position: StoriesListCardTitlePosition;
47
- lineClamp: number;
48
- }>;
49
- gap: number;
50
- height: number;
51
- aspectRatio: Optional<number>;
52
- coverQuality: StoriesListCardCoverQuality;
53
- coverLazyLoading: boolean;
54
- variant: StoriesListCardViewVariant;
55
- border: Partial<{
56
- radius: number;
57
- color: string;
58
- width: number;
59
- gap: number;
60
- gradient: Optional<string>;
61
- }>;
62
- boxShadow: Optional<string>;
63
- dropShadow: Optional<string>;
64
- opacity: Optional<number>;
65
- mask: Partial<{
66
- color: Optional<string>;
67
- linearGradient?: Optional<{
68
- direction: string;
69
- points: Array<string>;
70
- }>;
71
- }>;
72
- svgMask: Partial<Optional<{
73
- cardMask: Optional<string>;
74
- overlayMask: Array<{
75
- mask: Optional<string>;
76
- background: Optional<string>;
77
- }>;
78
- }>>;
79
- opened: Partial<{
80
- border: Partial<{
81
- radius: Optional<number>;
82
- color: Optional<string>;
83
- width: Optional<number>;
84
- gap: Optional<number>;
85
- gradient: Optional<string>;
86
- }>;
87
- boxShadow: Optional<string>;
88
- dropShadow: Optional<string>;
89
- opacity: Optional<number>;
90
- mask: {
91
- color: Optional<string>;
92
- linearGradient: Optional<{
93
- direction: string;
94
- points: Array<string>;
95
- }>;
96
- };
97
- svgMask: Optional<{
98
- cardMask: Optional<string>;
99
- overlayMask: Optional<Array<{
100
- mask: Optional<string>;
101
- background: Optional<string>;
102
- }>>;
103
- }>;
104
- }>;
105
- }>;
106
- export type StoriesListFavoriteCardOptions = Partial<StoriesListCardOptions & {
107
- title: StoriesListCardOptions["title"] & {
108
- content: string;
109
- };
110
- }>;
111
-
112
- export type StoriesListUgcCardOptions = Partial<Omit<StoriesListCardOptions, "opened"> & {
113
- title: Partial<StoriesListCardOptions["title"]> & {
114
- content?: Option<string>;
115
- };
116
- image: {
117
- svgSrc: {
118
- baseState: string;
119
- };
120
- };
121
- backgroundColor: string;
122
- }>;
123
- export type StoriesListClickEvent = {
124
- id: number;
125
- index: number;
126
- isDeeplink: boolean;
127
- url: string | undefined;
128
- };
1
+ /// <reference path="./utils.d.ts" />
2
+
3
+ export type StoriesListSliderAlign = "center" | "left" | "right"
4
+
5
+ export type StoriesListOptions = Partial<{
6
+ direction: "horizontal" | "vertical";
7
+ card: StoriesListCardOptions;
8
+ favoriteCard: StoriesListFavoriteCardOptions;
9
+ layout: Partial<{
10
+ height: number;
11
+ storiesListInnerHeight: number | null;
12
+ backgroundColor: string;
13
+ sliderAlign: StoriesListSliderAlign;
14
+ }>;
15
+ sidePadding: number;
16
+ topPadding: number;
17
+ bottomPadding: number;
18
+ bottomMargin: number;
19
+ navigation: Partial<{
20
+ speed: number;
21
+ showControls: boolean;
22
+ controlsSize: number;
23
+ controlsBackgroundColor: string;
24
+ controlsColor: string;
25
+ }>;
26
+ handleStoryLinkClick: (payload: StoriesListClickEvent) => void;
27
+ handleStartLoad: (loaderContainer: HTMLElement) => void;
28
+ handleStopLoad: (loaderContainer: HTMLElement) => void;
29
+ ugcCard: StoriesListUgcCardOptions;
30
+ }>;
31
+ export type StoriesListCardViewVariant = "circle" | "quad" | "rectangle"
32
+
33
+ export type StoriesListCardTitleTextAlign = "left" | "center" | "right"
34
+
35
+ export type StoriesListCardTitlePosition = "cardInsideBottom" | "cardOutsideTop" | "cardOutsideBottom"
36
+
37
+ export type StoriesListCardCoverQuality = "medium" | "high"
38
+
39
+ export type StoriesListCardOptions = Partial<{
40
+ title: Partial<{
41
+ color: string;
42
+ padding: string | number;
43
+ font: string;
44
+ display: boolean;
45
+ textAlign: StoriesListCardTitleTextAlign;
46
+ position: StoriesListCardTitlePosition;
47
+ lineClamp: number;
48
+ }>;
49
+ gap: number;
50
+ height: number;
51
+ aspectRatio: Optional<number>;
52
+ coverQuality: StoriesListCardCoverQuality;
53
+ coverLazyLoading: boolean;
54
+ variant: StoriesListCardViewVariant;
55
+ border: Partial<{
56
+ radius: number;
57
+ color: string;
58
+ width: number;
59
+ gap: number;
60
+ gradient: Optional<string>;
61
+ }>;
62
+ boxShadow: Optional<string>;
63
+ dropShadow: Optional<string>;
64
+ opacity: Optional<number>;
65
+ mask: Partial<{
66
+ color: Optional<string>;
67
+ linearGradient?: Optional<{
68
+ direction: string;
69
+ points: Array<string>;
70
+ }>;
71
+ }>;
72
+ svgMask: Partial<Optional<{
73
+ cardMask: Optional<string>;
74
+ overlayMask: Array<{
75
+ mask: Optional<string>;
76
+ background: Optional<string>;
77
+ }>;
78
+ }>>;
79
+ opened: Partial<{
80
+ border: Partial<{
81
+ radius: Optional<number>;
82
+ color: Optional<string>;
83
+ width: Optional<number>;
84
+ gap: Optional<number>;
85
+ gradient: Optional<string>;
86
+ }>;
87
+ boxShadow: Optional<string>;
88
+ dropShadow: Optional<string>;
89
+ opacity: Optional<number>;
90
+ mask: {
91
+ color: Optional<string>;
92
+ linearGradient: Optional<{
93
+ direction: string;
94
+ points: Array<string>;
95
+ }>;
96
+ };
97
+ svgMask: Optional<{
98
+ cardMask: Optional<string>;
99
+ overlayMask: Optional<Array<{
100
+ mask: Optional<string>;
101
+ background: Optional<string>;
102
+ }>>;
103
+ }>;
104
+ }>;
105
+ }>;
106
+ export type StoriesListFavoriteCardOptions = Partial<StoriesListCardOptions & {
107
+ title: StoriesListCardOptions["title"] & {
108
+ content: string;
109
+ };
110
+ }>;
111
+
112
+ export type StoriesListUgcCardOptions = Partial<Omit<StoriesListCardOptions, "opened"> & {
113
+ title: Partial<StoriesListCardOptions["title"]> & {
114
+ content?: Option<string>;
115
+ };
116
+ image: {
117
+ svgSrc: {
118
+ baseState: string;
119
+ };
120
+ };
121
+ backgroundColor: string;
122
+ }>;
123
+ export type StoriesListClickEvent = {
124
+ id: number;
125
+ index: number;
126
+ isDeeplink: boolean;
127
+ url: string | undefined;
128
+ };
129
129
  export type StoriesListEvents = "startLoad" | "endLoad"
@@ -1,20 +1,20 @@
1
- import { CloseButtonPosition } from "./appearanceCommon";
2
-
3
- export type StoryFavoriteReaderOptions = Partial<{
4
- title: Partial<{
5
- content: string;
6
- font: string;
7
- color: string;
8
- backgroundColor: string;
9
- }>,
10
- extraCss: string;
11
- closeButtonPosition?: CloseButtonPosition;
12
- closeButton: {
13
- svgSrc: {
14
- baseState: string
15
- }
16
- };
17
- headerTopOffset: number;
18
- bottomOffset: number;
19
- backgroundColor: string;
1
+ import { CloseButtonPosition } from "./appearanceCommon";
2
+
3
+ export type StoryFavoriteReaderOptions = Partial<{
4
+ title: Partial<{
5
+ content: string;
6
+ font: string;
7
+ color: string;
8
+ backgroundColor: string;
9
+ }>,
10
+ extraCss: string;
11
+ closeButtonPosition?: CloseButtonPosition;
12
+ closeButton: {
13
+ svgSrc: {
14
+ baseState: string
15
+ }
16
+ };
17
+ headerTopOffset: number;
18
+ bottomOffset: number;
19
+ backgroundColor: string;
20
20
  }>;