@storybook/react-native-theming 9.0.0-beta.7 → 9.0.0-rc.4

package/dist/index.d.ts

@@ -1,233 +1,9 @@
 import * as RN from 'react-native';
 import { ImageSourcePropType, ImageProps, TextStyle } from 'react-native';
-import * as React$1 from 'react';
+import { Theme as Theme$1 } from './theming.js';
+export { ThemeProvider, useTheme, withTheme } from './theming.js';
 import { ReactElement } from 'react';
 
-declare const color: {
-    primary: string;
-    secondary: string;
-    secondaryLighter: string;
-    tertiary: string;
-    ancillary: string;
-    orange: string;
-    gold: string;
-    green: string;
-    seafoam: string;
-    purple: string;
-    ultraviolet: string;
-    lightest: string;
-    lighter: string;
-    light: string;
-    mediumlight: string;
-    medium: string;
-    mediumdark: string;
-    dark: string;
-    darker: string;
-    darkest: string;
-    border: string;
-    positive: string;
-    negative: string;
-    warning: string;
-    critical: string;
-    defaultText: string;
-    inverseText: string;
-    positiveText: string;
-    negativeText: string;
-    warningText: string;
-};
-declare const background: {
-    app: string;
-    bar: string;
-    content: string;
-    preview: string;
-    gridCellSize: number;
-    hoverable: string;
-    positive: string;
-    negative: string;
-    warning: string;
-    critical: string;
-};
-declare const typography: {
-    weight: {
-        regular: TextStyle["fontWeight"];
-        bold: TextStyle["fontWeight"];
-    };
-    size: {
-        s1: number;
-        s2: number;
-        s3: number;
-        m1: number;
-        m2: number;
-        m3: number;
-        l1: number;
-        l2: number;
-        l3: number;
-        code: number;
-    };
-};
-type Color = typeof color;
-type Background = typeof background;
-type Typography = typeof typography;
-interface Brand {
-    title?: string | undefined;
-    url?: string | null | undefined;
-    image?: ImageSourcePropType | ReactElement | null | undefined;
-    resizeMode?: ImageProps['resizeMode'] | null | undefined;
-    target?: string | null | undefined;
-}
-interface StorybookThemeWeb {
-    base: 'light' | 'dark';
-    color: Color;
-    background: Background;
-    typography: Typography;
-    textMutedColor: string;
-    input: {
-        border: string;
-        background: string;
-        color: string;
-        borderRadius: number;
-        paddingHorizontal: number;
-        paddingVertical: number;
-    };
-    button: {
-        background: string;
-        border: string;
-    };
-    boolean: {
-        background: string;
-        selectedBackground: string;
-    };
-    layoutMargin: number;
-    appBorderColor: string;
-    appBorderRadius: number;
-    barTextColor: string;
-    barHoverColor: string;
-    barSelectedColor: string;
-    barBg: string;
-    brand?: Brand;
-}
-
-type StorybookTheme = StorybookThemeWeb;
-declare const theme: StorybookThemeWeb;
-declare const darkTheme: StorybookThemeWeb;
-
-type IsPreReact19 = 2 extends Parameters<React.FunctionComponent<any>>['length']
-  ? true
-  : false
-
-// unpack all here to avoid infinite self-referencing when defining our own JSX namespace for the pre-React 19 case
-type ReactJSXElement = true extends IsPreReact19
-  ? /** @ts-ignore */
-    JSX.Element
-  : /** @ts-ignore */
-    React.JSX.Element
-type ReactJSXElementClass = true extends IsPreReact19
-  ? /** @ts-ignore */
-    JSX.ElementClass
-  : /** @ts-ignore */
-    React.JSX.ElementClass
-type ReactJSXElementAttributesProperty = true extends IsPreReact19
-  ? /** @ts-ignore */
-    JSX.ElementAttributesProperty
-  : /** @ts-ignore */
-    React.JSX.ElementAttributesProperty
-type ReactJSXElementChildrenAttribute = true extends IsPreReact19
-  ? /** @ts-ignore */
-    JSX.ElementChildrenAttribute
-  : /** @ts-ignore */
-    React.JSX.ElementChildrenAttribute
-type ReactJSXLibraryManagedAttributes<C, P> = true extends IsPreReact19
-  ? /** @ts-ignore */
-    JSX.LibraryManagedAttributes<C, P>
-  : /** @ts-ignore */
-    React.JSX.LibraryManagedAttributes<C, P>
-type ReactJSXIntrinsicAttributes = true extends IsPreReact19
-  ? /** @ts-ignore */
-    JSX.IntrinsicAttributes
-  : /** @ts-ignore */
-    React.JSX.IntrinsicAttributes
-type ReactJSXIntrinsicClassAttributes<T> = true extends IsPreReact19
-  ? /** @ts-ignore */
-    JSX.IntrinsicClassAttributes<T>
-  : /** @ts-ignore */
-    React.JSX.IntrinsicClassAttributes<T>
-type ReactJSXIntrinsicElements = true extends IsPreReact19
-  ? /** @ts-ignore */
-    JSX.IntrinsicElements
-  : /** @ts-ignore */
-    React.JSX.IntrinsicElements
-
-type ReactJSXElementType = true extends IsPreReact19
-  ? // based on the code from @types/react@18.2.8
-    // https://github.com/DefinitelyTyped/DefinitelyTyped/blob/3197efc097d522c4bf02b94e1a0766d007d6cdeb/types/react/index.d.ts#LL3204C13-L3204C13
-    string | React.JSXElementConstructor<any>
-  : /** @ts-ignore */
-    React.JSX.ElementType
-
-declare namespace ReactJSX {
-  type ElementType = ReactJSXElementType
-  interface Element extends ReactJSXElement {}
-  interface ElementClass extends ReactJSXElementClass {}
-  interface ElementAttributesProperty
-    extends ReactJSXElementAttributesProperty {}
-  interface ElementChildrenAttribute extends ReactJSXElementChildrenAttribute {}
-
-  type LibraryManagedAttributes<C, P> = ReactJSXLibraryManagedAttributes<C, P>
-
-  interface IntrinsicAttributes extends ReactJSXIntrinsicAttributes {}
-  interface IntrinsicClassAttributes<T>
-    extends ReactJSXIntrinsicClassAttributes<T> {}
-
-  type IntrinsicElements = ReactJSXIntrinsicElements
-}
-
-/**
- * @desc Utility type for getting props type of React component.
- * It takes `defaultProps` into an account - making props with defaults optional.
- */
-type PropsOf<
-  C extends keyof ReactJSX.IntrinsicElements | React.JSXElementConstructor<any>
-> = ReactJSX.LibraryManagedAttributes<C, React.ComponentProps<C>>
-
-// We need to use this version of Omit as it's distributive (Will preserve unions)
-type DistributiveOmit<T, U> = T extends any
-  ? Pick<T, Exclude<keyof T, U>>
-  : never
-
-// Definitions by: Junyoung Clare Jang <https://github.com/Ailrun>
-// TypeScript Version: 3.1
-
-
-
-interface ThemeProviderProps {
-  theme: Partial<Theme> | ((outerTheme: Theme) => Theme)
-  children: React$1.ReactNode
-}
-
-declare function useTheme(): Theme
-
-interface ThemeProvider {
-  (props: ThemeProviderProps): React$1.ReactElement
-}
-
-declare const ThemeProvider: ThemeProvider
-
-type withTheme = <
-  C extends React$1.ComponentType<React$1.ComponentProps<C>>
->(
-  component: C
-) => React$1.FC<DistributiveOmit<PropsOf<C>, 'theme'> & { theme?: Theme }>
-
-declare const withTheme: withTheme
-
-// Definitions by: Junyoung Clare Jang <https://github.com/Ailrun>
-// TypeScript Version: 3.4
-
-
-
-// tslint:disable-next-line: no-empty-interface
-export interface Theme extends StorybookTheme {}
-
 // Definitions by: Pat Sissons <https://github.com/patsissons>
 // TypeScript Version: 3.4
 
@@ -327,7 +103,7 @@ interface CreateStyledComponent<
     ...styles: ArrayInterpolation<
       ComponentProps &
         SpecificComponentProps &
-        AdditionalProps & { theme: Theme },
+        AdditionalProps & { theme: Theme$1 },
       StyleType
     >
   ): StyledComponent<
@@ -343,7 +119,7 @@ interface CreateStyledComponent<
     ...styles: ArrayInterpolation<
       ComponentProps &
         SpecificComponentProps &
-        AdditionalProps & { theme: Theme },
+        AdditionalProps & { theme: Theme$1 },
       StyleType
     >
   ): StyledComponent<
@@ -372,7 +148,7 @@ interface CreateStyled$1 {
     options: FilteringStyledOptions<React.ComponentProps<C>, ForwardedProps>
   ): CreateStyledComponent<
     Pick<React.ComponentProps<C>, ForwardedProps> & {
-      theme?: Theme
+      theme?: Theme$1
       as?: React.ElementType
     },
     {},
@@ -385,7 +161,7 @@ interface CreateStyled$1 {
     options?: StyledOptions<React.ComponentProps<C>>
   ): CreateStyledComponent<
     React.ComponentProps<C> & {
-      theme?: Theme
+      theme?: Theme$1
       as?: React.ElementType
     },
     {},
@@ -402,7 +178,7 @@ interface CreateStyled$1 {
     options: FilteringStyledOptions<React.ComponentProps<C>, ForwardedProps>
   ): CreateStyledComponent<
     Pick<React.ComponentProps<C>, ForwardedProps> & {
-      theme?: Theme
+      theme?: Theme$1
       as?: React.ElementType
     },
     {},
@@ -414,7 +190,7 @@ interface CreateStyled$1 {
     component: C,
     options?: StyledOptions<React.ComponentProps<C>>
   ): CreateStyledComponent<
-    React.ComponentProps<C> & { theme?: Theme; as?: React.ElementType },
+    React.ComponentProps<C> & { theme?: Theme$1; as?: React.ElementType },
     {},
     {},
     ReactNativeStyleType<React.ComponentProps<C>>
@@ -431,14 +207,14 @@ type ReactNative = typeof RN
 // those 2 are just copies of the `BaseCreateStyled` with supplied `C` type argument
 type HostClassComponent<C extends React.ComponentClass<any>> =
   CreateStyledComponent<
-    React.ComponentProps<C> & { theme?: Theme; as?: React.ElementType },
+    React.ComponentProps<C> & { theme?: Theme$1; as?: React.ElementType },
     {},
     { ref?: React.Ref<InstanceType<C>> },
     ReactNativeStyleType<React.ComponentProps<C>>
   >
 type HostFunctionComponent<C extends React.FunctionComponent<any>> =
   CreateStyledComponent<
-    React.ComponentProps<C> & { theme?: Theme; as?: React.ElementType },
+    React.ComponentProps<C> & { theme?: Theme$1; as?: React.ElementType },
     {},
     {},
     ReactNativeStyleType<React.ComponentProps<C>>
@@ -495,4 +271,115 @@ interface CreateStyled extends CreateStyled$1, StyledComponents {}
 
 declare const styled: CreateStyled
 
-export { StorybookTheme, StyledComponent, ThemeProvider, darkTheme, styled, theme, useTheme, withTheme };
+declare const color: {
+    primary: string;
+    secondary: string;
+    secondaryLighter: string;
+    tertiary: string;
+    ancillary: string;
+    orange: string;
+    gold: string;
+    green: string;
+    seafoam: string;
+    purple: string;
+    ultraviolet: string;
+    lightest: string;
+    lighter: string;
+    light: string;
+    mediumlight: string;
+    medium: string;
+    mediumdark: string;
+    dark: string;
+    darker: string;
+    darkest: string;
+    border: string;
+    positive: string;
+    negative: string;
+    warning: string;
+    critical: string;
+    defaultText: string;
+    inverseText: string;
+    positiveText: string;
+    negativeText: string;
+    warningText: string;
+};
+declare const background: {
+    app: string;
+    bar: string;
+    content: string;
+    preview: string;
+    gridCellSize: number;
+    hoverable: string;
+    positive: string;
+    negative: string;
+    warning: string;
+    critical: string;
+};
+declare const typography: {
+    weight: {
+        regular: TextStyle["fontWeight"];
+        bold: TextStyle["fontWeight"];
+    };
+    size: {
+        s1: number;
+        s2: number;
+        s3: number;
+        m1: number;
+        m2: number;
+        m3: number;
+        l1: number;
+        l2: number;
+        l3: number;
+        code: number;
+    };
+};
+type Color = typeof color;
+type Background = typeof background;
+type Typography = typeof typography;
+interface Brand {
+    title?: string | undefined;
+    url?: string | null | undefined;
+    image?: ImageSourcePropType | ReactElement | null | undefined;
+    resizeMode?: ImageProps['resizeMode'] | null | undefined;
+    target?: string | null | undefined;
+}
+interface StorybookThemeWeb {
+    base: 'light' | 'dark';
+    color: Color;
+    background: Background;
+    typography: Typography;
+    textMutedColor: string;
+    input: {
+        border: string;
+        background: string;
+        color: string;
+        borderRadius: number;
+        paddingHorizontal: number;
+        paddingVertical: number;
+    };
+    button: {
+        background: string;
+        border: string;
+    };
+    boolean: {
+        background: string;
+        selectedBackground: string;
+    };
+    layoutMargin: number;
+    appBorderColor: string;
+    appBorderRadius: number;
+    barTextColor: string;
+    barHoverColor: string;
+    barSelectedColor: string;
+    barBg: string;
+    brand?: Brand;
+}
+
+type StorybookTheme = StorybookThemeWeb;
+declare const theme: StorybookThemeWeb;
+declare const darkTheme: StorybookThemeWeb;
+
+interface Theme extends StorybookTheme {
+}
+
+export { StorybookTheme, StyledComponent, Theme, darkTheme, styled, theme };