@storybook/react-native-theming 10.4.0 → 10.4.1-canary-20260510001247

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.
Files changed (3) hide show
  1. package/dist/index.d.ts +256 -330
  2. package/dist/index.js +2802 -3547
  3. package/package.json +3 -3
package/dist/index.d.ts CHANGED
@@ -1,134 +1,114 @@
1
- import * as RN from 'react-native';
2
- import { TextStyle, ImageSourcePropType, ImageProps } from 'react-native';
3
- import { Theme } from './theming.js';
4
- export { ThemeProvider, useTheme, withTheme } from './theming.js';
5
- import { ReactElement } from 'react';
1
+ import * as RN from "react-native";
2
+ import { ImageProps, ImageSourcePropType, TextStyle } from "react-native";
3
+ import * as React$1 from "react";
4
+ import { ReactElement } from "react";
6
5
 
7
- // Definitions by: Pat Sissons <https://github.com/patsissons>
8
- // TypeScript Version: 3.4
9
-
10
-
11
-
12
- type ReactNativeStyle = RN.ViewStyle | RN.TextStyle | RN.ImageStyle
13
-
14
- type ReactNativeStyleType<Props> = Props extends {
15
- style?: RN.StyleProp<infer StyleType>
6
+ //#region ../../node_modules/@emotion/react/dist/declarations/src/types.d.ts
7
+ /**
8
+ * @desc Utility type for getting props type of React component.
9
+ * It takes `defaultProps` into an account - making props with defaults optional.
10
+ */
11
+ type PropsOf<C extends keyof ReactJSX.IntrinsicElements | React.JSXElementConstructor<any>> = ReactJSX.LibraryManagedAttributes<C, React.ComponentProps<C>>;
12
+ type DistributiveOmit<T, U> = T extends any ? Pick<T, Exclude<keyof T, U>> : never;
13
+ //#endregion
14
+ //#region ../../node_modules/@emotion/react/dist/declarations/src/theming.d.ts
15
+ export interface Theme extends StorybookTheme {}
16
+ interface ThemeProviderProps {
17
+ theme: Partial<Theme> | ((outerTheme: Theme) => Theme);
18
+ children: React$1.ReactNode;
16
19
  }
17
- ? StyleType extends ReactNativeStyle
18
- ? StyleType
19
- : ReactNativeStyle
20
- : ReactNativeStyle
21
-
22
- type InterpolationPrimitive<
23
- StyleType extends ReactNativeStyle = ReactNativeStyle
24
- > =
25
- | null
26
- | undefined
27
- | boolean
28
- | number
29
- | string
30
- | ObjectInterpolation<StyleType>
31
-
32
- type ObjectInterpolation<
33
- StyleType extends ReactNativeStyle = ReactNativeStyle
34
- > = StyleType
35
-
36
- interface ArrayInterpolation<
37
- MergedProps,
38
- StyleType extends ReactNativeStyle = ReactNativeStyle
39
- > extends Array<Interpolation<MergedProps, StyleType>> {}
40
-
41
- interface FunctionInterpolation<
42
- MergedProps,
43
- StyleType extends ReactNativeStyle = ReactNativeStyle
44
- > {
45
- (mergedProps: MergedProps): Interpolation<MergedProps, StyleType>
20
+ interface ThemeProvider {
21
+ (props: ThemeProviderProps): React$1.ReactElement;
46
22
  }
47
-
48
- type Interpolation<
49
- MergedProps = unknown,
50
- StyleType extends ReactNativeStyle = ReactNativeStyle
51
- > =
52
- | InterpolationPrimitive<StyleType>
53
- | ArrayInterpolation<MergedProps, StyleType>
54
- | FunctionInterpolation<MergedProps, StyleType>
55
-
23
+ declare const useTheme: () => Theme;
24
+ interface ThemeProviderProps {
25
+ theme: Partial<Theme> | ((outerTheme: Theme) => Theme);
26
+ children: React$1.ReactNode;
27
+ }
28
+ declare const ThemeProvider: (props: ThemeProviderProps) => React$1.JSX.Element;
29
+ declare function withTheme<C extends React$1.ComponentType<React$1.ComponentProps<C>>>(Component: C): React$1.ForwardRefExoticComponent<DistributiveOmit<PropsOf<C>, 'theme'> & {
30
+ theme?: Theme;
31
+ }>;
32
+ //#endregion
33
+ //#region ../../node_modules/@emotion/react/dist/declarations/src/jsx-namespace.d.ts
34
+ type IsPreReact19 = 2 extends Parameters<React.FunctionComponent<any>>['length'] ? true : false;
35
+ /** @ts-ignore */
36
+ type ReactJSXElement = true extends IsPreReact19 ? JSX.Element : React.JSX.Element;
37
+ /** @ts-ignore */
38
+ type ReactJSXElementClass = true extends IsPreReact19 ? JSX.ElementClass : React.JSX.ElementClass;
39
+ /** @ts-ignore */
40
+ type ReactJSXElementAttributesProperty = true extends IsPreReact19 ? JSX.ElementAttributesProperty : React.JSX.ElementAttributesProperty;
41
+ /** @ts-ignore */
42
+ type ReactJSXElementChildrenAttribute = true extends IsPreReact19 ? JSX.ElementChildrenAttribute : React.JSX.ElementChildrenAttribute;
43
+ /** @ts-ignore */
44
+ type ReactJSXLibraryManagedAttributes<C, P> = true extends IsPreReact19 ? JSX.LibraryManagedAttributes<C, P> : React.JSX.LibraryManagedAttributes<C, P>;
45
+ /** @ts-ignore */
46
+ type ReactJSXIntrinsicAttributes = true extends IsPreReact19 ? JSX.IntrinsicAttributes : React.JSX.IntrinsicAttributes;
47
+ /** @ts-ignore */
48
+ type ReactJSXIntrinsicClassAttributes<T> = true extends IsPreReact19 ? JSX.IntrinsicClassAttributes<T> : React.JSX.IntrinsicClassAttributes<T>;
49
+ /** @ts-ignore */
50
+ type ReactJSXIntrinsicElements = true extends IsPreReact19 ? JSX.IntrinsicElements : React.JSX.IntrinsicElements;
51
+ /** @ts-ignore */
52
+ type ReactJSXElementType = true extends IsPreReact19 ? string | React.JSXElementConstructor<any> : React.JSX.ElementType;
53
+ declare namespace ReactJSX {
54
+ type ElementType = ReactJSXElementType;
55
+ interface Element extends ReactJSXElement {}
56
+ interface ElementClass extends ReactJSXElementClass {}
57
+ interface ElementAttributesProperty extends ReactJSXElementAttributesProperty {}
58
+ interface ElementChildrenAttribute extends ReactJSXElementChildrenAttribute {}
59
+ type LibraryManagedAttributes<C, P> = ReactJSXLibraryManagedAttributes<C, P>;
60
+ interface IntrinsicAttributes extends ReactJSXIntrinsicAttributes {}
61
+ interface IntrinsicClassAttributes<T> extends ReactJSXIntrinsicClassAttributes<T> {}
62
+ type IntrinsicElements = ReactJSXIntrinsicElements;
63
+ }
64
+ //#endregion
65
+ //#region ../../node_modules/@emotion/native/dist/declarations/types/base.d.ts
66
+ type ReactNativeStyle = RN.ViewStyle | RN.TextStyle | RN.ImageStyle;
67
+ type ReactNativeStyleType<Props> = Props extends {
68
+ style?: RN.StyleProp<infer StyleType>;
69
+ } ? StyleType extends ReactNativeStyle ? StyleType : ReactNativeStyle : ReactNativeStyle;
70
+ type InterpolationPrimitive<StyleType extends ReactNativeStyle = ReactNativeStyle> = null | undefined | boolean | number | string | ObjectInterpolation<StyleType>;
71
+ type ObjectInterpolation<StyleType extends ReactNativeStyle = ReactNativeStyle> = StyleType;
72
+ interface ArrayInterpolation<MergedProps, StyleType extends ReactNativeStyle = ReactNativeStyle> extends Array<Interpolation<MergedProps, StyleType>> {}
73
+ interface FunctionInterpolation<MergedProps, StyleType extends ReactNativeStyle = ReactNativeStyle> {
74
+ (mergedProps: MergedProps): Interpolation<MergedProps, StyleType>;
75
+ }
76
+ type Interpolation<MergedProps = unknown, StyleType extends ReactNativeStyle = ReactNativeStyle> = InterpolationPrimitive<StyleType> | ArrayInterpolation<MergedProps, StyleType> | FunctionInterpolation<MergedProps, StyleType>;
56
77
  /** Same as StyledOptions but shouldForwardProp must be a type guard */
57
- interface FilteringStyledOptions<
58
- Props = Record<string, any>,
59
- ForwardedProps extends keyof Props & string = keyof Props & string
60
- > {
61
- shouldForwardProp?: (propName: string) => propName is ForwardedProps
78
+ interface FilteringStyledOptions<Props = Record<string, any>, ForwardedProps extends keyof Props & string = keyof Props & string> {
79
+ shouldForwardProp?: (propName: string) => propName is ForwardedProps;
62
80
  }
63
-
64
81
  interface StyledOptions<Props = Record<string, any>> {
65
- shouldForwardProp?: (propName: string) => boolean
82
+ shouldForwardProp?: (propName: string) => boolean;
66
83
  }
67
-
68
84
  /**
69
85
  * @typeparam ComponentProps Props which will be included when withComponent is called
70
86
  * @typeparam SpecificComponentProps Props which will *not* be included when withComponent is called
71
87
  */
72
- interface StyledComponent<
73
- ComponentProps extends {},
74
- SpecificComponentProps extends {} = {},
75
- JSXProps extends {} = {}
76
- > extends React.FC<ComponentProps & SpecificComponentProps & JSXProps> {
77
- withComponent<C extends React.ComponentClass<React.ComponentProps<C>>>(
78
- component: C
79
- ): StyledComponent<
80
- ComponentProps & React.ComponentProps<C>,
81
- {},
82
- { ref?: React.Ref<InstanceType<C>> }
83
- >
84
- withComponent<C extends React.ComponentType<React.ComponentProps<C>>>(
85
- component: C
86
- ): StyledComponent<ComponentProps & React.ComponentProps<C>>
88
+ interface StyledComponent<ComponentProps extends {}, SpecificComponentProps extends {} = {}, JSXProps extends {} = {}> extends React.FC<ComponentProps & SpecificComponentProps & JSXProps> {
89
+ withComponent<C extends React.ComponentClass<React.ComponentProps<C>>>(component: C): StyledComponent<ComponentProps & React.ComponentProps<C>, {}, {
90
+ ref?: React.Ref<InstanceType<C>>;
91
+ }>;
92
+ withComponent<C extends React.ComponentType<React.ComponentProps<C>>>(component: C): StyledComponent<ComponentProps & React.ComponentProps<C>>;
87
93
  }
88
-
89
94
  /**
90
95
  * @typeparam ComponentProps Props which will be included when withComponent is called
91
96
  * @typeparam SpecificComponentProps Props which will *not* be included when withComponent is called
92
97
  */
93
- interface CreateStyledComponent<
94
- ComponentProps extends {},
95
- SpecificComponentProps extends {} = {},
96
- JSXProps extends {} = {},
97
- StyleType extends ReactNativeStyle = ReactNativeStyle
98
- > {
98
+ interface CreateStyledComponent<ComponentProps extends {}, SpecificComponentProps extends {} = {}, JSXProps extends {} = {}, StyleType extends ReactNativeStyle = ReactNativeStyle> {
99
99
  /**
100
100
  * @typeparam AdditionalProps Additional props to add to your styled component
101
101
  */
102
- <AdditionalProps extends {} = {}>(
103
- ...styles: ArrayInterpolation<
104
- ComponentProps &
105
- SpecificComponentProps &
106
- AdditionalProps & { theme: Theme },
107
- StyleType
108
- >
109
- ): StyledComponent<
110
- ComponentProps & AdditionalProps,
111
- SpecificComponentProps,
112
- JSXProps
113
- >
102
+ <AdditionalProps extends {} = {}>(...styles: ArrayInterpolation<ComponentProps & SpecificComponentProps & AdditionalProps & {
103
+ theme: Theme;
104
+ }, StyleType>): StyledComponent<ComponentProps & AdditionalProps, SpecificComponentProps, JSXProps>;
114
105
  /**
115
106
  * @typeparam AdditionalProps Additional props to add to your styled component
116
107
  */
117
- <AdditionalProps extends {} = {}>(
118
- template: TemplateStringsArray,
119
- ...styles: ArrayInterpolation<
120
- ComponentProps &
121
- SpecificComponentProps &
122
- AdditionalProps & { theme: Theme },
123
- StyleType
124
- >
125
- ): StyledComponent<
126
- ComponentProps & AdditionalProps,
127
- SpecificComponentProps,
128
- JSXProps
129
- >
108
+ <AdditionalProps extends {} = {}>(template: TemplateStringsArray, ...styles: ArrayInterpolation<ComponentProps & SpecificComponentProps & AdditionalProps & {
109
+ theme: Theme;
110
+ }, StyleType>): StyledComponent<ComponentProps & AdditionalProps, SpecificComponentProps, JSXProps>;
130
111
  }
131
-
132
112
  /**
133
113
  * @desc
134
114
  * This function accepts a React component.
@@ -139,246 +119,192 @@ interface CreateStyledComponent<
139
119
  * @example styled(View)<Props>(props => ({ width: props.width })
140
120
  */
141
121
  interface CreateStyled$1 {
142
- <
143
- C extends React.ComponentClass<React.ComponentProps<C>>,
144
- ForwardedProps extends keyof React.ComponentProps<C> &
145
- string = keyof React.ComponentProps<C> & string
146
- >(
147
- component: C,
148
- options: FilteringStyledOptions<React.ComponentProps<C>, ForwardedProps>
149
- ): CreateStyledComponent<
150
- Pick<React.ComponentProps<C>, ForwardedProps> & {
151
- theme?: Theme
152
- as?: React.ElementType
153
- },
154
- {},
155
- { ref?: React.Ref<InstanceType<C>> },
156
- ReactNativeStyleType<React.ComponentProps<C>>
157
- >
158
-
159
- <C extends React.ComponentClass<React.ComponentProps<C>>>(
160
- component: C,
161
- options?: StyledOptions<React.ComponentProps<C>>
162
- ): CreateStyledComponent<
163
- React.ComponentProps<C> & {
164
- theme?: Theme
165
- as?: React.ElementType
166
- },
167
- {},
168
- { ref?: React.Ref<InstanceType<C>> },
169
- ReactNativeStyleType<React.ComponentProps<C>>
170
- >
171
-
172
- <
173
- C extends React.ComponentType<React.ComponentProps<C>>,
174
- ForwardedProps extends keyof React.ComponentProps<C> &
175
- string = keyof React.ComponentProps<C> & string
176
- >(
177
- component: C,
178
- options: FilteringStyledOptions<React.ComponentProps<C>, ForwardedProps>
179
- ): CreateStyledComponent<
180
- Pick<React.ComponentProps<C>, ForwardedProps> & {
181
- theme?: Theme
182
- as?: React.ElementType
183
- },
184
- {},
185
- {},
186
- ReactNativeStyleType<React.ComponentProps<C>>
187
- >
188
-
189
- <C extends React.ComponentType<React.ComponentProps<C>>>(
190
- component: C,
191
- options?: StyledOptions<React.ComponentProps<C>>
192
- ): CreateStyledComponent<
193
- React.ComponentProps<C> & { theme?: Theme; as?: React.ElementType },
194
- {},
195
- {},
196
- ReactNativeStyleType<React.ComponentProps<C>>
197
- >
122
+ <C extends React.ComponentClass<React.ComponentProps<C>>, ForwardedProps extends keyof React.ComponentProps<C> & string = keyof React.ComponentProps<C> & string>(component: C, options: FilteringStyledOptions<React.ComponentProps<C>, ForwardedProps>): CreateStyledComponent<Pick<React.ComponentProps<C>, ForwardedProps> & {
123
+ theme?: Theme;
124
+ as?: React.ElementType;
125
+ }, {}, {
126
+ ref?: React.Ref<InstanceType<C>>;
127
+ }, ReactNativeStyleType<React.ComponentProps<C>>>;
128
+ <C extends React.ComponentClass<React.ComponentProps<C>>>(component: C, options?: StyledOptions<React.ComponentProps<C>>): CreateStyledComponent<React.ComponentProps<C> & {
129
+ theme?: Theme;
130
+ as?: React.ElementType;
131
+ }, {}, {
132
+ ref?: React.Ref<InstanceType<C>>;
133
+ }, ReactNativeStyleType<React.ComponentProps<C>>>;
134
+ <C extends React.ComponentType<React.ComponentProps<C>>, ForwardedProps extends keyof React.ComponentProps<C> & string = keyof React.ComponentProps<C> & string>(component: C, options: FilteringStyledOptions<React.ComponentProps<C>, ForwardedProps>): CreateStyledComponent<Pick<React.ComponentProps<C>, ForwardedProps> & {
135
+ theme?: Theme;
136
+ as?: React.ElementType;
137
+ }, {}, {}, ReactNativeStyleType<React.ComponentProps<C>>>;
138
+ <C extends React.ComponentType<React.ComponentProps<C>>>(component: C, options?: StyledOptions<React.ComponentProps<C>>): CreateStyledComponent<React.ComponentProps<C> & {
139
+ theme?: Theme;
140
+ as?: React.ElementType;
141
+ }, {}, {}, ReactNativeStyleType<React.ComponentProps<C>>>;
198
142
  }
199
-
200
- // Definitions by: Pat Sissons <https://github.com/patsissons>
201
- // TypeScript Version: 3.4
202
-
203
-
204
-
205
- type ReactNative = typeof RN
206
-
143
+ //#endregion
144
+ //#region ../../node_modules/@emotion/native/dist/declarations/types/index.d.ts
145
+ type ReactNative = typeof RN;
207
146
  // those 2 are just copies of the `BaseCreateStyled` with supplied `C` type argument
208
- type HostClassComponent<C extends React.ComponentClass<any>> =
209
- CreateStyledComponent<
210
- React.ComponentProps<C> & { theme?: Theme; as?: React.ElementType },
211
- {},
212
- { ref?: React.Ref<InstanceType<C>> },
213
- ReactNativeStyleType<React.ComponentProps<C>>
214
- >
215
- type HostFunctionComponent<C extends React.FunctionComponent<any>> =
216
- CreateStyledComponent<
217
- React.ComponentProps<C> & { theme?: Theme; as?: React.ElementType },
218
- {},
219
- {},
220
- ReactNativeStyleType<React.ComponentProps<C>>
221
- >
222
-
147
+ type HostClassComponent<C extends React.ComponentClass<any>> = CreateStyledComponent<React.ComponentProps<C> & {
148
+ theme?: Theme;
149
+ as?: React.ElementType;
150
+ }, {}, {
151
+ ref?: React.Ref<InstanceType<C>>;
152
+ }, ReactNativeStyleType<React.ComponentProps<C>>>;
153
+ type HostFunctionComponent<C extends React.FunctionComponent<any>> = CreateStyledComponent<React.ComponentProps<C> & {
154
+ theme?: Theme;
155
+ as?: React.ElementType;
156
+ }, {}, {}, ReactNativeStyleType<React.ComponentProps<C>>>;
223
157
  interface StyledComponents {
224
- ActivityIndicator: HostClassComponent<ReactNative['ActivityIndicator']>
225
- Button: HostClassComponent<ReactNative['Button']>
226
- DatePickerIOS: HostClassComponent<ReactNative['DatePickerIOS']>
227
- DrawerLayoutAndroid: HostClassComponent<ReactNative['DrawerLayoutAndroid']>
228
- FlatList: HostClassComponent<ReactNative['FlatList']>
229
- Image: HostClassComponent<ReactNative['Image']>
230
- ImageBackground: HostClassComponent<ReactNative['ImageBackground']>
231
- KeyboardAvoidingView: HostClassComponent<ReactNative['KeyboardAvoidingView']>
232
- ListView: HostClassComponent<ReactNative['ListView']>
233
- Modal: HostClassComponent<ReactNative['Modal']>
234
- NavigatorIOS: HostClassComponent<ReactNative['NavigatorIOS']>
235
- Picker: HostClassComponent<ReactNative['Picker']>
236
- PickerIOS: HostClassComponent<ReactNative['PickerIOS']>
237
- Pressable: HostFunctionComponent<ReactNative['Pressable']>
238
- ProgressBarAndroid: HostClassComponent<ReactNative['ProgressBarAndroid']>
239
- ProgressViewIOS: HostClassComponent<ReactNative['ProgressViewIOS']>
240
- RecyclerViewBackedScrollView: HostClassComponent<
241
- ReactNative['RecyclerViewBackedScrollView']
242
- >
243
- RefreshControl: HostClassComponent<ReactNative['RefreshControl']>
244
- SafeAreaView: HostClassComponent<ReactNative['SafeAreaView']>
245
- ScrollView: HostClassComponent<ReactNative['ScrollView']>
246
- SectionList: HostClassComponent<ReactNative['SectionList']>
247
- SegmentedControlIOS: HostClassComponent<ReactNative['SegmentedControlIOS']>
248
- Slider: HostClassComponent<ReactNative['Slider']>
249
- SnapshotViewIOS: HostClassComponent<ReactNative['SnapshotViewIOS']>
250
- StatusBar: HostClassComponent<ReactNative['StatusBar']>
251
- SwipeableListView: HostClassComponent<ReactNative['SwipeableListView']>
252
- Switch: HostClassComponent<ReactNative['Switch']>
253
- SwitchIOS: HostClassComponent<ReactNative['SwitchIOS']>
254
- TabBarIOS: HostClassComponent<ReactNative['TabBarIOS']>
255
- Text: HostClassComponent<ReactNative['Text']>
256
- TextInput: HostClassComponent<ReactNative['TextInput']>
257
- ToolbarAndroid: HostClassComponent<ReactNative['ToolbarAndroid']>
258
- TouchableHighlight: HostClassComponent<ReactNative['TouchableHighlight']>
259
- TouchableNativeFeedback: HostClassComponent<
260
- ReactNative['TouchableNativeFeedback']
261
- >
262
- TouchableOpacity: HostClassComponent<ReactNative['TouchableOpacity']>
263
- TouchableWithoutFeedback: HostClassComponent<
264
- ReactNative['TouchableWithoutFeedback']
265
- >
266
- View: HostClassComponent<ReactNative['View']>
267
- ViewPagerAndroid: HostClassComponent<ReactNative['ViewPagerAndroid']>
158
+ ActivityIndicator: HostClassComponent<ReactNative['ActivityIndicator']>;
159
+ Button: HostClassComponent<ReactNative['Button']>;
160
+ DatePickerIOS: HostClassComponent<ReactNative['DatePickerIOS']>;
161
+ DrawerLayoutAndroid: HostClassComponent<ReactNative['DrawerLayoutAndroid']>;
162
+ FlatList: HostClassComponent<ReactNative['FlatList']>;
163
+ Image: HostClassComponent<ReactNative['Image']>;
164
+ ImageBackground: HostClassComponent<ReactNative['ImageBackground']>;
165
+ KeyboardAvoidingView: HostClassComponent<ReactNative['KeyboardAvoidingView']>;
166
+ ListView: HostClassComponent<ReactNative['ListView']>;
167
+ Modal: HostClassComponent<ReactNative['Modal']>;
168
+ NavigatorIOS: HostClassComponent<ReactNative['NavigatorIOS']>;
169
+ Picker: HostClassComponent<ReactNative['Picker']>;
170
+ PickerIOS: HostClassComponent<ReactNative['PickerIOS']>;
171
+ Pressable: HostFunctionComponent<ReactNative['Pressable']>;
172
+ ProgressBarAndroid: HostClassComponent<ReactNative['ProgressBarAndroid']>;
173
+ ProgressViewIOS: HostClassComponent<ReactNative['ProgressViewIOS']>;
174
+ RecyclerViewBackedScrollView: HostClassComponent<ReactNative['RecyclerViewBackedScrollView']>;
175
+ RefreshControl: HostClassComponent<ReactNative['RefreshControl']>;
176
+ SafeAreaView: HostClassComponent<ReactNative['SafeAreaView']>;
177
+ ScrollView: HostClassComponent<ReactNative['ScrollView']>;
178
+ SectionList: HostClassComponent<ReactNative['SectionList']>;
179
+ SegmentedControlIOS: HostClassComponent<ReactNative['SegmentedControlIOS']>;
180
+ Slider: HostClassComponent<ReactNative['Slider']>;
181
+ SnapshotViewIOS: HostClassComponent<ReactNative['SnapshotViewIOS']>;
182
+ StatusBar: HostClassComponent<ReactNative['StatusBar']>;
183
+ SwipeableListView: HostClassComponent<ReactNative['SwipeableListView']>;
184
+ Switch: HostClassComponent<ReactNative['Switch']>;
185
+ SwitchIOS: HostClassComponent<ReactNative['SwitchIOS']>;
186
+ TabBarIOS: HostClassComponent<ReactNative['TabBarIOS']>;
187
+ Text: HostClassComponent<ReactNative['Text']>;
188
+ TextInput: HostClassComponent<ReactNative['TextInput']>;
189
+ ToolbarAndroid: HostClassComponent<ReactNative['ToolbarAndroid']>;
190
+ TouchableHighlight: HostClassComponent<ReactNative['TouchableHighlight']>;
191
+ TouchableNativeFeedback: HostClassComponent<ReactNative['TouchableNativeFeedback']>;
192
+ TouchableOpacity: HostClassComponent<ReactNative['TouchableOpacity']>;
193
+ TouchableWithoutFeedback: HostClassComponent<ReactNative['TouchableWithoutFeedback']>;
194
+ View: HostClassComponent<ReactNative['View']>;
195
+ ViewPagerAndroid: HostClassComponent<ReactNative['ViewPagerAndroid']>;
268
196
  }
269
-
270
197
  interface CreateStyled extends CreateStyled$1, StyledComponents {}
271
-
272
- declare const styled: CreateStyled
273
-
198
+ declare const styled: CreateStyled;
199
+ //#endregion
200
+ //#region src/web-theme.d.ts
274
201
  declare const color: {
275
- primary: string;
276
- secondary: string;
277
- secondaryLighter: string;
278
- tertiary: string;
279
- ancillary: string;
280
- orange: string;
281
- gold: string;
282
- green: string;
283
- seafoam: string;
284
- purple: string;
285
- ultraviolet: string;
286
- lightest: string;
287
- lighter: string;
288
- light: string;
289
- mediumlight: string;
290
- medium: string;
291
- mediumdark: string;
292
- dark: string;
293
- darker: string;
294
- darkest: string;
295
- border: string;
296
- positive: string;
297
- negative: string;
298
- warning: string;
299
- critical: string;
300
- defaultText: string;
301
- inverseText: string;
302
- positiveText: string;
303
- negativeText: string;
304
- warningText: string;
202
+ primary: string;
203
+ secondary: string;
204
+ secondaryLighter: string;
205
+ tertiary: string;
206
+ ancillary: string;
207
+ orange: string;
208
+ gold: string;
209
+ green: string;
210
+ seafoam: string;
211
+ purple: string;
212
+ ultraviolet: string;
213
+ lightest: string;
214
+ lighter: string;
215
+ light: string;
216
+ mediumlight: string;
217
+ medium: string;
218
+ mediumdark: string;
219
+ dark: string;
220
+ darker: string;
221
+ darkest: string;
222
+ border: string;
223
+ positive: string;
224
+ negative: string;
225
+ warning: string;
226
+ critical: string;
227
+ defaultText: string;
228
+ inverseText: string;
229
+ positiveText: string;
230
+ negativeText: string;
231
+ warningText: string;
305
232
  };
306
233
  declare const background: {
307
- app: string;
308
- bar: string;
309
- content: string;
310
- preview: string;
311
- gridCellSize: number;
312
- hoverable: string;
313
- positive: string;
314
- negative: string;
315
- warning: string;
316
- critical: string;
234
+ app: string;
235
+ bar: string;
236
+ content: string;
237
+ preview: string;
238
+ gridCellSize: number;
239
+ hoverable: string;
240
+ positive: string;
241
+ negative: string;
242
+ warning: string;
243
+ critical: string;
317
244
  };
318
245
  declare const typography: {
319
- weight: {
320
- regular: TextStyle["fontWeight"];
321
- bold: TextStyle["fontWeight"];
322
- };
323
- size: {
324
- s1: number;
325
- s2: number;
326
- s3: number;
327
- m1: number;
328
- m2: number;
329
- m3: number;
330
- l1: number;
331
- l2: number;
332
- l3: number;
333
- code: number;
334
- };
246
+ weight: {
247
+ regular: TextStyle["fontWeight"];
248
+ bold: TextStyle["fontWeight"];
249
+ };
250
+ size: {
251
+ s1: number;
252
+ s2: number;
253
+ s3: number;
254
+ m1: number;
255
+ m2: number;
256
+ m3: number;
257
+ l1: number;
258
+ l2: number;
259
+ l3: number;
260
+ code: number;
261
+ };
335
262
  };
336
263
  type Color = typeof color;
337
264
  type Background = typeof background;
338
265
  type Typography = typeof typography;
339
266
  interface Brand {
340
- title?: string | undefined;
341
- url?: string | null | undefined;
342
- image?: ImageSourcePropType | ReactElement | null | undefined;
343
- resizeMode?: ImageProps['resizeMode'] | null | undefined;
344
- target?: string | null | undefined;
267
+ title?: string | undefined;
268
+ url?: string | null | undefined;
269
+ image?: ImageSourcePropType | ReactElement | null | undefined;
270
+ resizeMode?: ImageProps['resizeMode'] | null | undefined;
271
+ target?: string | null | undefined;
345
272
  }
346
273
  interface StorybookThemeWeb {
347
- base: 'light' | 'dark';
348
- color: Color;
349
- background: Background;
350
- typography: Typography;
351
- textMutedColor: string;
352
- input: {
353
- border: string;
354
- background: string;
355
- color: string;
356
- borderRadius: number;
357
- paddingHorizontal: number;
358
- paddingVertical: number;
359
- };
360
- button: {
361
- background: string;
362
- border: string;
363
- };
364
- boolean: {
365
- background: string;
366
- selectedBackground: string;
367
- };
368
- layoutMargin: number;
369
- appBorderColor: string;
370
- appBorderRadius: number;
371
- barTextColor: string;
372
- barHoverColor: string;
373
- barSelectedColor: string;
374
- barBg: string;
375
- brand?: Brand;
274
+ base: 'light' | 'dark';
275
+ color: Color;
276
+ background: Background;
277
+ typography: Typography;
278
+ textMutedColor: string;
279
+ input: {
280
+ border: string;
281
+ background: string;
282
+ color: string;
283
+ borderRadius: number;
284
+ paddingHorizontal: number;
285
+ paddingVertical: number;
286
+ };
287
+ button: {
288
+ background: string;
289
+ border: string;
290
+ };
291
+ boolean: {
292
+ background: string;
293
+ selectedBackground: string;
294
+ };
295
+ layoutMargin: number;
296
+ appBorderColor: string;
297
+ appBorderRadius: number;
298
+ barTextColor: string;
299
+ barHoverColor: string;
300
+ barSelectedColor: string;
301
+ barBg: string;
302
+ brand?: Brand;
376
303
  }
377
-
304
+ //#endregion
305
+ //#region src/theme.d.ts
378
306
  type StorybookTheme = StorybookThemeWeb;
379
307
  declare const theme: StorybookThemeWeb;
380
308
  declare const darkTheme: StorybookThemeWeb;
381
-
382
- export { type StorybookTheme, type StyledComponent, darkTheme, styled, theme };
383
-
384
- export interface Theme extends StorybookTheme {}
309
+ //#endregion
310
+ export { type StorybookTheme, type StyledComponent, ThemeProvider, darkTheme, styled, theme, useTheme, withTheme };