rn-onboarding-analytics 1.0.0
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.
- package/LICENSE +22 -0
- package/README.md +752 -0
- package/lib/module/index.js +26 -0
- package/lib/module/index.js.map +1 -0
- package/lib/module/package.json +1 -0
- package/lib/module/spill-onboarding/adapters/expo-image.js +13 -0
- package/lib/module/spill-onboarding/adapters/expo-image.js.map +1 -0
- package/lib/module/spill-onboarding/adapters/react-native-svg.js +16 -0
- package/lib/module/spill-onboarding/adapters/react-native-svg.js.map +1 -0
- package/lib/module/spill-onboarding/analytics.js +56 -0
- package/lib/module/spill-onboarding/analytics.js.map +1 -0
- package/lib/module/spill-onboarding/buttons/PrimaryButton.js +50 -0
- package/lib/module/spill-onboarding/buttons/PrimaryButton.js.map +1 -0
- package/lib/module/spill-onboarding/buttons/SecondaryButton.js +51 -0
- package/lib/module/spill-onboarding/buttons/SecondaryButton.js.map +1 -0
- package/lib/module/spill-onboarding/buttons/SkipButton.js +35 -0
- package/lib/module/spill-onboarding/buttons/SkipButton.js.map +1 -0
- package/lib/module/spill-onboarding/components/OnboardingImageContainer.js +128 -0
- package/lib/module/spill-onboarding/components/OnboardingImageContainer.js.map +1 -0
- package/lib/module/spill-onboarding/components/OnboardingIntroPanel.js +97 -0
- package/lib/module/spill-onboarding/components/OnboardingIntroPanel.js.map +1 -0
- package/lib/module/spill-onboarding/components/OnboardingModal.js +69 -0
- package/lib/module/spill-onboarding/components/OnboardingModal.js.map +1 -0
- package/lib/module/spill-onboarding/components/OnboardingStepContainer.js +60 -0
- package/lib/module/spill-onboarding/components/OnboardingStepContainer.js.map +1 -0
- package/lib/module/spill-onboarding/components/OnboardingStepPanel.js +122 -0
- package/lib/module/spill-onboarding/components/OnboardingStepPanel.js.map +1 -0
- package/lib/module/spill-onboarding/hooks/useMeasureHeight.js +18 -0
- package/lib/module/spill-onboarding/hooks/useMeasureHeight.js.map +1 -0
- package/lib/module/spill-onboarding/icons/ArrowLeftIcon.js +57 -0
- package/lib/module/spill-onboarding/icons/ArrowLeftIcon.js.map +1 -0
- package/lib/module/spill-onboarding/icons/CloseIcon.js +49 -0
- package/lib/module/spill-onboarding/icons/CloseIcon.js.map +1 -0
- package/lib/module/spill-onboarding/index.js +206 -0
- package/lib/module/spill-onboarding/index.js.map +1 -0
- package/lib/module/spill-onboarding/types.js +4 -0
- package/lib/module/spill-onboarding/types.js.map +1 -0
- package/lib/module/utils/ThemeContext.js +78 -0
- package/lib/module/utils/ThemeContext.js.map +1 -0
- package/lib/module/utils/fontStyles.js +21 -0
- package/lib/module/utils/fontStyles.js.map +1 -0
- package/lib/module/utils/theme.js +27 -0
- package/lib/module/utils/theme.js.map +1 -0
- package/lib/typescript/package.json +1 -0
- package/lib/typescript/src/index.d.ts +5 -0
- package/lib/typescript/src/index.d.ts.map +1 -0
- package/lib/typescript/src/spill-onboarding/adapters/expo-image.d.ts +4 -0
- package/lib/typescript/src/spill-onboarding/adapters/expo-image.d.ts.map +1 -0
- package/lib/typescript/src/spill-onboarding/adapters/react-native-svg.d.ts +5 -0
- package/lib/typescript/src/spill-onboarding/adapters/react-native-svg.d.ts.map +1 -0
- package/lib/typescript/src/spill-onboarding/analytics.d.ts +2 -0
- package/lib/typescript/src/spill-onboarding/analytics.d.ts.map +1 -0
- package/lib/typescript/src/spill-onboarding/buttons/PrimaryButton.d.ts +13 -0
- package/lib/typescript/src/spill-onboarding/buttons/PrimaryButton.d.ts.map +1 -0
- package/lib/typescript/src/spill-onboarding/buttons/SecondaryButton.d.ts +13 -0
- package/lib/typescript/src/spill-onboarding/buttons/SecondaryButton.d.ts.map +1 -0
- package/lib/typescript/src/spill-onboarding/buttons/SkipButton.d.ts +6 -0
- package/lib/typescript/src/spill-onboarding/buttons/SkipButton.d.ts.map +1 -0
- package/lib/typescript/src/spill-onboarding/components/OnboardingImageContainer.d.ts +18 -0
- package/lib/typescript/src/spill-onboarding/components/OnboardingImageContainer.d.ts.map +1 -0
- package/lib/typescript/src/spill-onboarding/components/OnboardingIntroPanel.d.ts +4 -0
- package/lib/typescript/src/spill-onboarding/components/OnboardingIntroPanel.d.ts.map +1 -0
- package/lib/typescript/src/spill-onboarding/components/OnboardingModal.d.ts +8 -0
- package/lib/typescript/src/spill-onboarding/components/OnboardingModal.d.ts.map +1 -0
- package/lib/typescript/src/spill-onboarding/components/OnboardingStepContainer.d.ts +16 -0
- package/lib/typescript/src/spill-onboarding/components/OnboardingStepContainer.d.ts.map +1 -0
- package/lib/typescript/src/spill-onboarding/components/OnboardingStepPanel.d.ts +4 -0
- package/lib/typescript/src/spill-onboarding/components/OnboardingStepPanel.d.ts.map +1 -0
- package/lib/typescript/src/spill-onboarding/hooks/useMeasureHeight.d.ts +9 -0
- package/lib/typescript/src/spill-onboarding/hooks/useMeasureHeight.d.ts.map +1 -0
- package/lib/typescript/src/spill-onboarding/icons/ArrowLeftIcon.d.ts +7 -0
- package/lib/typescript/src/spill-onboarding/icons/ArrowLeftIcon.d.ts.map +1 -0
- package/lib/typescript/src/spill-onboarding/icons/CloseIcon.d.ts +7 -0
- package/lib/typescript/src/spill-onboarding/icons/CloseIcon.d.ts.map +1 -0
- package/lib/typescript/src/spill-onboarding/index.d.ts +4 -0
- package/lib/typescript/src/spill-onboarding/index.d.ts.map +1 -0
- package/lib/typescript/src/spill-onboarding/types.d.ts +192 -0
- package/lib/typescript/src/spill-onboarding/types.d.ts.map +1 -0
- package/lib/typescript/src/utils/ThemeContext.d.ts +14 -0
- package/lib/typescript/src/utils/ThemeContext.d.ts.map +1 -0
- package/lib/typescript/src/utils/fontStyles.d.ts +19 -0
- package/lib/typescript/src/utils/fontStyles.d.ts.map +1 -0
- package/lib/typescript/src/utils/theme.d.ts +30 -0
- package/lib/typescript/src/utils/theme.d.ts.map +1 -0
- package/package.json +177 -0
- package/src/index.tsx +35 -0
- package/src/spill-onboarding/adapters/expo-image.ts +12 -0
- package/src/spill-onboarding/adapters/react-native-svg.ts +17 -0
- package/src/spill-onboarding/analytics.ts +75 -0
- package/src/spill-onboarding/buttons/PrimaryButton.tsx +70 -0
- package/src/spill-onboarding/buttons/SecondaryButton.tsx +71 -0
- package/src/spill-onboarding/buttons/SkipButton.tsx +34 -0
- package/src/spill-onboarding/components/OnboardingImageContainer.tsx +181 -0
- package/src/spill-onboarding/components/OnboardingIntroPanel.tsx +105 -0
- package/src/spill-onboarding/components/OnboardingModal.tsx +75 -0
- package/src/spill-onboarding/components/OnboardingStepContainer.tsx +85 -0
- package/src/spill-onboarding/components/OnboardingStepPanel.tsx +118 -0
- package/src/spill-onboarding/hooks/useMeasureHeight.ts +21 -0
- package/src/spill-onboarding/icons/ArrowLeftIcon.tsx +69 -0
- package/src/spill-onboarding/icons/CloseIcon.tsx +55 -0
- package/src/spill-onboarding/index.tsx +251 -0
- package/src/spill-onboarding/types.ts +243 -0
- package/src/utils/ThemeContext.tsx +87 -0
- package/src/utils/fontStyles.ts +19 -0
- package/src/utils/theme.ts +29 -0
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
export const fontSizes = {
|
|
4
|
+
xxl: 34,
|
|
5
|
+
xl: 22,
|
|
6
|
+
lg: 18,
|
|
7
|
+
md: 16,
|
|
8
|
+
sm: 14,
|
|
9
|
+
xs: 12,
|
|
10
|
+
xxs: 10
|
|
11
|
+
};
|
|
12
|
+
export const lineHeights = {
|
|
13
|
+
xxl: 40,
|
|
14
|
+
xl: 28,
|
|
15
|
+
lg: 24,
|
|
16
|
+
md: 24,
|
|
17
|
+
sm: 20,
|
|
18
|
+
xs: 16,
|
|
19
|
+
xxs: 12
|
|
20
|
+
};
|
|
21
|
+
//# sourceMappingURL=fontStyles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["fontSizes","xxl","xl","lg","md","sm","xs","xxs","lineHeights"],"sourceRoot":"../../../src","sources":["utils/fontStyles.ts"],"mappings":";;AAAA,OAAO,MAAMA,SAAS,GAAG;EACvBC,GAAG,EAAE,EAAE;EACPC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,GAAG,EAAE;AACP,CAAC;AAED,OAAO,MAAMC,WAAW,GAAG;EACzBP,GAAG,EAAE,EAAE;EACPC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,GAAG,EAAE;AACP,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
export const defaultTheme = {
|
|
4
|
+
bg: {
|
|
5
|
+
primary: '#007AFF',
|
|
6
|
+
secondary: '#FFFFFF',
|
|
7
|
+
label: '#F2F2F7',
|
|
8
|
+
accent: '#1C1C1E'
|
|
9
|
+
},
|
|
10
|
+
text: {
|
|
11
|
+
primary: '#1C1C1E',
|
|
12
|
+
secondary: '#8E8E93',
|
|
13
|
+
contrast: '#FFFFFF'
|
|
14
|
+
},
|
|
15
|
+
fonts: {
|
|
16
|
+
introTitle: 'System',
|
|
17
|
+
introSubtitle: 'System',
|
|
18
|
+
introButton: 'System',
|
|
19
|
+
stepLabel: 'System',
|
|
20
|
+
stepTitle: 'System',
|
|
21
|
+
stepDescription: 'System',
|
|
22
|
+
stepButton: 'System',
|
|
23
|
+
primaryButton: 'System',
|
|
24
|
+
secondaryButton: 'System'
|
|
25
|
+
}
|
|
26
|
+
};
|
|
27
|
+
//# sourceMappingURL=theme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["defaultTheme","bg","primary","secondary","label","accent","text","contrast","fonts","introTitle","introSubtitle","introButton","stepLabel","stepTitle","stepDescription","stepButton","primaryButton","secondaryButton"],"sourceRoot":"../../../src","sources":["utils/theme.ts"],"mappings":";;AAEA,OAAO,MAAMA,YAAY,GAAG;EAC1BC,EAAE,EAAE;IACFC,OAAO,EAAE,SAAS;IAClBC,SAAS,EAAE,SAAS;IACpBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE;EACV,CAAC;EACDC,IAAI,EAAE;IACJJ,OAAO,EAAE,SAAS;IAClBC,SAAS,EAAE,SAAS;IACpBI,QAAQ,EAAE;EACZ,CAAC;EACDC,KAAK,EAAE;IACLC,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE,QAAQ;IACvBC,WAAW,EAAE,QAAQ;IACrBC,SAAS,EAAE,QAAQ;IACnBC,SAAS,EAAE,QAAQ;IACnBC,eAAe,EAAE,QAAQ;IACzBC,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE,QAAQ;IACvBC,eAAe,EAAE;EACnB;AACF,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"type":"module"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { type OnboardingProps, type OnboardingColors, type OnboardingFonts, type OnboardingIntroPanelProps, type OnboardingStepPanelProps, type OnboardingStep } from './spill-onboarding/types';
|
|
2
|
+
declare function Onboarding({ colors, fonts, ...props }: OnboardingProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export default Onboarding;
|
|
4
|
+
export type { OnboardingProps, OnboardingColors, OnboardingFonts, OnboardingIntroPanelProps, OnboardingStepPanelProps, OnboardingStep, };
|
|
5
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,yBAAyB,EAC9B,KAAK,wBAAwB,EAC7B,KAAK,cAAc,EACpB,MAAM,0BAA0B,CAAC;AAKlC,iBAAS,UAAU,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAU/D;AAED,eAAe,UAAU,CAAC;AAC1B,YAAY,EACV,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,yBAAyB,EACzB,wBAAwB,EACxB,cAAc,GACf,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"expo-image.d.ts","sourceRoot":"","sources":["../../../../../src/spill-onboarding/adapters/expo-image.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,KAAK,IAAI,aAAa,EAAE,MAAM,YAAY,CAAC;AAEzD,QAAA,IAAI,SAAS,EAAE,OAAO,aAAa,GAAG,IAAW,CAAC;AASlD,OAAO,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { type Svg as RNSVGType, type Path as RNSVGPathType } from 'react-native-svg';
|
|
2
|
+
declare let ReactNativeSVG: typeof RNSVGType | null;
|
|
3
|
+
declare let ReactNativeSVGPath: typeof RNSVGPathType | null;
|
|
4
|
+
export { ReactNativeSVG, ReactNativeSVGPath };
|
|
5
|
+
//# sourceMappingURL=react-native-svg.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"react-native-svg.d.ts","sourceRoot":"","sources":["../../../../../src/spill-onboarding/adapters/react-native-svg.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,GAAG,IAAI,SAAS,EACrB,KAAK,IAAI,IAAI,aAAa,EAC3B,MAAM,kBAAkB,CAAC;AAE1B,QAAA,IAAI,cAAc,EAAE,OAAO,SAAS,GAAG,IAAW,CAAC;AACnD,QAAA,IAAI,kBAAkB,EAAE,OAAO,aAAa,GAAG,IAAW,CAAC;AAU3D,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"analytics.d.ts","sourceRoot":"","sources":["../../../../src/spill-onboarding/analytics.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,UAAU,WACb,MAAM,GAAG,SAAS,aACf,MAAM,aACP,GAAG,kBAgEd,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type ViewStyle, type TextStyle, type GestureResponderEvent } from 'react-native';
|
|
3
|
+
interface Props {
|
|
4
|
+
text: string;
|
|
5
|
+
onPress: (event: GestureResponderEvent) => void;
|
|
6
|
+
icon?: React.ReactNode;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
style?: ViewStyle;
|
|
9
|
+
textStyle?: TextStyle;
|
|
10
|
+
}
|
|
11
|
+
declare const PrimaryButton: ({ text, onPress, icon, disabled, style, textStyle, }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export default PrimaryButton;
|
|
13
|
+
//# sourceMappingURL=PrimaryButton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PrimaryButton.d.ts","sourceRoot":"","sources":["../../../../../src/spill-onboarding/buttons/PrimaryButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,qBAAqB,EAC3B,MAAM,cAAc,CAAC;AAKtB,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAChD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,QAAA,MAAM,aAAa,yDAOhB,KAAK,4CAiBP,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type ViewStyle, type TextStyle, type GestureResponderEvent } from 'react-native';
|
|
3
|
+
interface Props {
|
|
4
|
+
text: string;
|
|
5
|
+
onPress: (event: GestureResponderEvent) => void;
|
|
6
|
+
icon?: React.ReactNode;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
style?: ViewStyle;
|
|
9
|
+
textStyle?: TextStyle;
|
|
10
|
+
}
|
|
11
|
+
declare const SecondaryButton: ({ text, onPress, icon, disabled, style, textStyle, }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export default SecondaryButton;
|
|
13
|
+
//# sourceMappingURL=SecondaryButton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SecondaryButton.d.ts","sourceRoot":"","sources":["../../../../../src/spill-onboarding/buttons/SecondaryButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,qBAAqB,EAC3B,MAAM,cAAc,CAAC;AAKtB,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAChD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,QAAA,MAAM,eAAe,yDAOlB,KAAK,4CAiBP,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SkipButton.d.ts","sourceRoot":"","sources":["../../../../../src/spill-onboarding/buttons/SkipButton.tsx"],"names":[],"mappings":"AAMA,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,iBAAS,UAAU,CAAC,EAAE,OAAO,EAAE,EAAE,KAAK,2CASrC;AAED,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { type ReactNode } from 'react';
|
|
2
|
+
import { type ImageSourcePropType } from 'react-native';
|
|
3
|
+
import { type SharedValue } from 'react-native-reanimated';
|
|
4
|
+
import type { OnboardingStep } from '../types';
|
|
5
|
+
interface OnboardingImageContainerProps {
|
|
6
|
+
currentStep: OnboardingStep | undefined;
|
|
7
|
+
currentStepImage: ImageSourcePropType | undefined;
|
|
8
|
+
position: 'top' | 'bottom';
|
|
9
|
+
animationDuration: number;
|
|
10
|
+
backgroundSpillProgress: SharedValue<number>;
|
|
11
|
+
introPanel: any;
|
|
12
|
+
stepPanel: any;
|
|
13
|
+
screenHeight: number;
|
|
14
|
+
background?: () => ReactNode;
|
|
15
|
+
}
|
|
16
|
+
declare function OnboardingImageContainer({ currentStep, currentStepImage, position, animationDuration, backgroundSpillProgress, introPanel, stepPanel, screenHeight, background, }: OnboardingImageContainerProps): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export default OnboardingImageContainer;
|
|
18
|
+
//# sourceMappingURL=OnboardingImageContainer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OnboardingImageContainer.d.ts","sourceRoot":"","sources":["../../../../../src/spill-onboarding/components/OnboardingImageContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAEL,KAAK,mBAAmB,EAIzB,MAAM,cAAc,CAAC;AACtB,OAAiB,EAMf,KAAK,WAAW,EAEjB,MAAM,yBAAyB,CAAC;AAIjC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAG/C,UAAU,6BAA6B;IACrC,WAAW,EAAE,cAAc,GAAG,SAAS,CAAC;IACxC,gBAAgB,EAAE,mBAAmB,GAAG,SAAS,CAAC;IAClD,QAAQ,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC3B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,uBAAuB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7C,UAAU,EAAE,GAAG,CAAC;IAChB,SAAS,EAAE,GAAG,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,SAAS,CAAC;CAC9B;AAED,iBAAS,wBAAwB,CAAC,EAChC,WAAW,EACX,gBAAgB,EAChB,QAAQ,EACR,iBAAiB,EACjB,uBAAuB,EACvB,UAAU,EACV,SAAS,EACT,YAAY,EACZ,UAAU,GACX,EAAE,6BAA6B,2CA6G/B;AAED,eAAe,wBAAwB,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { OnboardingIntroPanelProps } from '../types';
|
|
2
|
+
declare function OnboardingIntroPanel({ onPressStart, title, subtitle, button, image, }: OnboardingIntroPanelProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export default OnboardingIntroPanel;
|
|
4
|
+
//# sourceMappingURL=OnboardingIntroPanel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OnboardingIntroPanel.d.ts","sourceRoot":"","sources":["../../../../../src/spill-onboarding/components/OnboardingIntroPanel.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC;AAE1D,iBAAS,oBAAoB,CAAC,EAC5B,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,MAAM,EACN,KAAK,GACN,EAAE,yBAAyB,2CAwD3B;AAED,eAAe,oBAAoB,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface OnboardingModalProps {
|
|
3
|
+
onSkip?: () => void;
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
}
|
|
6
|
+
export default function OnboardingModal({ onSkip, children, }: OnboardingModalProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export {};
|
|
8
|
+
//# sourceMappingURL=OnboardingModal.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OnboardingModal.d.ts","sourceRoot":"","sources":["../../../../../src/spill-onboarding/components/OnboardingModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAWvC,UAAU,oBAAoB;IAC5B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,MAAM,EACN,QAAQ,GACT,EAAE,oBAAoB,2CAoBtB"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React, { type ReactNode } from 'react';
|
|
2
|
+
import type { OnboardingStep } from '../types';
|
|
3
|
+
interface OnboardingStepContainerProps {
|
|
4
|
+
currentStep: OnboardingStep | undefined;
|
|
5
|
+
showCloseButton?: boolean;
|
|
6
|
+
animationDuration: number;
|
|
7
|
+
onSkip?: () => void;
|
|
8
|
+
ref: React.RefObject<any>;
|
|
9
|
+
renderStepContent: () => React.ReactNode;
|
|
10
|
+
skipButton?: ({ onPress }: {
|
|
11
|
+
onPress: () => void;
|
|
12
|
+
}) => ReactNode;
|
|
13
|
+
}
|
|
14
|
+
declare function OnboardingStepContainer({ currentStep, showCloseButton, animationDuration, onSkip, ref, renderStepContent, skipButton, }: OnboardingStepContainerProps): import("react/jsx-runtime").JSX.Element | null;
|
|
15
|
+
export default OnboardingStepContainer;
|
|
16
|
+
//# sourceMappingURL=OnboardingStepContainer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OnboardingStepContainer.d.ts","sourceRoot":"","sources":["../../../../../src/spill-onboarding/components/OnboardingStepContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAWvD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,UAAU,4BAA4B;IACpC,WAAW,EAAE,cAAc,GAAG,SAAS,CAAC;IACxC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IAC1B,iBAAiB,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IACzC,UAAU,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE;QAAE,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,SAAS,CAAC;CAClE;AAED,iBAAS,uBAAuB,CAAC,EAC/B,WAAW,EACX,eAAe,EACf,iBAAiB,EACjB,MAAM,EACN,GAAG,EACH,iBAAiB,EACjB,UAAU,GACX,EAAE,4BAA4B,kDAkC9B;AAED,eAAe,uBAAuB,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { OnboardingStepPanelProps } from '../types';
|
|
2
|
+
declare function OnboardingStepPanel({ label, title, description, buttonLabel, onBackPress, onNextPress, buttonPrimary, showBackButton, }: OnboardingStepPanelProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export default OnboardingStepPanel;
|
|
4
|
+
//# sourceMappingURL=OnboardingStepPanel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OnboardingStepPanel.d.ts","sourceRoot":"","sources":["../../../../../src/spill-onboarding/components/OnboardingStepPanel.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAC;AAEzD,iBAAS,mBAAmB,CAAC,EAC3B,KAAK,EACL,KAAK,EACL,WAAW,EACX,WAAW,EACX,WAAW,EACX,WAAW,EACX,aAAa,EACb,cAAqB,GACtB,EAAE,wBAAwB,2CAuC1B;AAED,eAAe,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { View } from 'react-native';
|
|
2
|
+
import type Reanimated from 'react-native-reanimated';
|
|
3
|
+
export type ViewRef = React.ComponentRef<typeof Reanimated.View> & React.ComponentRef<typeof View>;
|
|
4
|
+
declare function useMeasureHeight(): {
|
|
5
|
+
ref: import("react").RefObject<ViewRef | null>;
|
|
6
|
+
height: number;
|
|
7
|
+
};
|
|
8
|
+
export default useMeasureHeight;
|
|
9
|
+
//# sourceMappingURL=useMeasureHeight.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMeasureHeight.d.ts","sourceRoot":"","sources":["../../../../../src/spill-onboarding/hooks/useMeasureHeight.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,UAAU,MAAM,yBAAyB,CAAC;AAEtD,MAAM,MAAM,OAAO,GAAG,KAAK,CAAC,YAAY,CAAC,OAAO,UAAU,CAAC,IAAI,CAAC,GAC9D,KAAK,CAAC,YAAY,CAAC,OAAO,IAAI,CAAC,CAAC;AAElC,iBAAS,gBAAgB;;;EAWxB;AAED,eAAe,gBAAgB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ArrowLeftIcon.d.ts","sourceRoot":"","sources":["../../../../../src/spill-onboarding/icons/ArrowLeftIcon.tsx"],"names":[],"mappings":"AAOA,UAAU,kBAAkB;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAKD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,IAAS,EACT,KAAc,GACf,EAAE,kBAAkB,2CA4CpB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CloseIcon.d.ts","sourceRoot":"","sources":["../../../../../src/spill-onboarding/icons/CloseIcon.tsx"],"names":[],"mappings":"AAEA,UAAU,cAAc;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,IAAS,EACT,KAAc,GACf,EAAE,cAAc,2CAkChB"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { type OnboardingProps } from './types';
|
|
2
|
+
declare function SpillOnboarding({ animationDuration, introPanel: introPanelProps, steps, onComplete, onSkip, onStepChange: onStepChangeProps, showCloseButton, showBackButton, wrapInModalOnWeb, background, skipButton, apiKey, }: OnboardingProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export default SpillOnboarding;
|
|
4
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/spill-onboarding/index.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AAK/C,iBAAS,eAAe,CAAC,EACvB,iBAAuB,EACvB,UAAU,EAAE,eAAe,EAC3B,KAAK,EACL,UAAU,EACV,MAAM,EACN,YAAY,EAAE,iBAAiB,EAC/B,eAAsB,EACtB,cAAqB,EACrB,gBAAuB,EACvB,UAAU,EACV,UAAU,EACV,MAAM,GACP,EAAE,eAAe,2CAuMjB;AAED,eAAe,eAAe,CAAC"}
|
|
@@ -0,0 +1,192 @@
|
|
|
1
|
+
import { type ReactNode } from 'react';
|
|
2
|
+
import type { ImageSourcePropType } from 'react-native';
|
|
3
|
+
/**
|
|
4
|
+
* Theme color tokens used by onboarding components.
|
|
5
|
+
*/
|
|
6
|
+
export interface OnboardingColors {
|
|
7
|
+
/**
|
|
8
|
+
* Background colors used across the UI.
|
|
9
|
+
*/
|
|
10
|
+
background: {
|
|
11
|
+
/**
|
|
12
|
+
* Primary page/screen background color.
|
|
13
|
+
*/
|
|
14
|
+
primary: string;
|
|
15
|
+
/**
|
|
16
|
+
* Background for panels or cards.
|
|
17
|
+
*/
|
|
18
|
+
secondary: string;
|
|
19
|
+
/**
|
|
20
|
+
* Subtle background for labels.
|
|
21
|
+
*/
|
|
22
|
+
label: string;
|
|
23
|
+
/**
|
|
24
|
+
* Accented background for emphasis areas.
|
|
25
|
+
*/
|
|
26
|
+
accent: string;
|
|
27
|
+
};
|
|
28
|
+
/**
|
|
29
|
+
* Text colors used for typography.
|
|
30
|
+
*/
|
|
31
|
+
text: {
|
|
32
|
+
/**
|
|
33
|
+
* Default body text color for readability on `background.primary`.
|
|
34
|
+
*/
|
|
35
|
+
primary: string;
|
|
36
|
+
/**
|
|
37
|
+
* Subdued text color for secondary information.
|
|
38
|
+
*/
|
|
39
|
+
secondary: string;
|
|
40
|
+
/**
|
|
41
|
+
* High-contrast text color intended for buttons/overlays.
|
|
42
|
+
*/
|
|
43
|
+
contrast: string;
|
|
44
|
+
};
|
|
45
|
+
}
|
|
46
|
+
/**
|
|
47
|
+
* Font family names used for specific text roles. Values are platform-registered font family strings.
|
|
48
|
+
*/
|
|
49
|
+
export interface OnboardingFonts {
|
|
50
|
+
/** Font for the intro screen title. */
|
|
51
|
+
introTitle?: string;
|
|
52
|
+
/** Font for the intro screen subtitle. */
|
|
53
|
+
introSubtitle?: string;
|
|
54
|
+
/** Font for the intro screen button label. */
|
|
55
|
+
introButton?: string;
|
|
56
|
+
/** Font for a step label (small caption above title). */
|
|
57
|
+
stepLabel?: string;
|
|
58
|
+
/** Font for a step title. */
|
|
59
|
+
stepTitle?: string;
|
|
60
|
+
/** Font for a step description/body. */
|
|
61
|
+
stepDescription?: string;
|
|
62
|
+
/** Font for a step primary action label. */
|
|
63
|
+
stepButton?: string;
|
|
64
|
+
/** Font for primary button labels. */
|
|
65
|
+
primaryButton?: string;
|
|
66
|
+
/** Font for secondary button labels. */
|
|
67
|
+
secondaryButton?: string;
|
|
68
|
+
}
|
|
69
|
+
/**
|
|
70
|
+
* Props for the introductory panel shown before steps begin.
|
|
71
|
+
*/
|
|
72
|
+
export interface OnboardingIntroPanelProps {
|
|
73
|
+
/** Callback invoked when the user starts the onboarding. */
|
|
74
|
+
onPressStart: () => void;
|
|
75
|
+
/** Title content; string or custom React node. */
|
|
76
|
+
title?: string | ReactNode;
|
|
77
|
+
/** Subtitle content; string or custom React node. */
|
|
78
|
+
subtitle?: string | ReactNode;
|
|
79
|
+
/**
|
|
80
|
+
* Button content. Either a simple string label or a render function
|
|
81
|
+
* that receives `onPressStart` to wire up a custom button.
|
|
82
|
+
*/
|
|
83
|
+
button: string | (({ onPressStart }: {
|
|
84
|
+
onPressStart: () => void;
|
|
85
|
+
}) => ReactNode);
|
|
86
|
+
/** Optional image shown on the intro panel. */
|
|
87
|
+
image?: ImageSourcePropType | (() => ReactNode);
|
|
88
|
+
}
|
|
89
|
+
type OnboardingStepDefault = {
|
|
90
|
+
/** Discriminator: for default steps, `component` must be omitted. */
|
|
91
|
+
component?: never;
|
|
92
|
+
/** Optional small label displayed above the title. */
|
|
93
|
+
label?: string;
|
|
94
|
+
/** Step title text. */
|
|
95
|
+
title: string;
|
|
96
|
+
/** Step description/body text. */
|
|
97
|
+
description: string;
|
|
98
|
+
/** Label for the primary action button. */
|
|
99
|
+
buttonLabel: string;
|
|
100
|
+
/** Image displayed alongside the step content. */
|
|
101
|
+
image: ImageSourcePropType;
|
|
102
|
+
/** Placement of the image relative to content. */
|
|
103
|
+
position: 'top' | 'bottom';
|
|
104
|
+
};
|
|
105
|
+
type OnboardingStepCustom = {
|
|
106
|
+
/**
|
|
107
|
+
* Custom step renderer. Receives navigation helpers and state.
|
|
108
|
+
*/
|
|
109
|
+
component: (props: {
|
|
110
|
+
/** Advance to the next step. */
|
|
111
|
+
onNext: () => void;
|
|
112
|
+
/** Go back to the previous step. */
|
|
113
|
+
onBack: () => void;
|
|
114
|
+
/** True if this is the last step. */
|
|
115
|
+
isLast: boolean;
|
|
116
|
+
}) => ReactNode;
|
|
117
|
+
/** Image displayed alongside the custom step. */
|
|
118
|
+
image: ImageSourcePropType;
|
|
119
|
+
/** Placement of the image relative to content. */
|
|
120
|
+
position: 'top' | 'bottom';
|
|
121
|
+
};
|
|
122
|
+
/**
|
|
123
|
+
* A single onboarding step. Either a default text-based step or a fully custom component.
|
|
124
|
+
*/
|
|
125
|
+
export type OnboardingStep = OnboardingStepDefault | OnboardingStepCustom;
|
|
126
|
+
/**
|
|
127
|
+
* Props consumed by the internal step panel component.
|
|
128
|
+
*/
|
|
129
|
+
export interface OnboardingStepPanelProps {
|
|
130
|
+
/** Optional small label displayed above the title. */
|
|
131
|
+
label?: string;
|
|
132
|
+
/** Step title text. */
|
|
133
|
+
title: string;
|
|
134
|
+
/** Step description text. */
|
|
135
|
+
description: string;
|
|
136
|
+
/** Label for the primary action button. */
|
|
137
|
+
buttonLabel: string;
|
|
138
|
+
/** Handler for the back button. */
|
|
139
|
+
onBackPress?: () => void;
|
|
140
|
+
/** Handler for the next/continue button. */
|
|
141
|
+
onNextPress: () => void;
|
|
142
|
+
/** Whether the primary styling should be applied to the button. */
|
|
143
|
+
buttonPrimary: boolean;
|
|
144
|
+
/** Controls visibility of the back button. */
|
|
145
|
+
showBackButton?: boolean;
|
|
146
|
+
}
|
|
147
|
+
type OnboardingIntroPanel = Omit<OnboardingIntroPanelProps, 'onPressStart'> | (({ onPressStart }: {
|
|
148
|
+
onPressStart: () => void;
|
|
149
|
+
}) => ReactNode);
|
|
150
|
+
/**
|
|
151
|
+
* Top-level props for the `Onboarding` component.
|
|
152
|
+
*/
|
|
153
|
+
export interface OnboardingProps {
|
|
154
|
+
/** Duration in milliseconds for step transition animations. */
|
|
155
|
+
animationDuration?: number;
|
|
156
|
+
/**
|
|
157
|
+
* Intro panel content. Either props for the default panel (without `onPressStart`)
|
|
158
|
+
* or a render function receiving `onPressStart` for a fully custom intro.
|
|
159
|
+
*/
|
|
160
|
+
introPanel: OnboardingIntroPanel;
|
|
161
|
+
/** Ordered list of steps to render. */
|
|
162
|
+
steps: OnboardingStep[];
|
|
163
|
+
/** Called when the user completes the final step. */
|
|
164
|
+
onComplete: () => void;
|
|
165
|
+
/** Called when the user skips the onboarding. */
|
|
166
|
+
onSkip?: () => void;
|
|
167
|
+
/** Notifies consumers when the active step index changes. */
|
|
168
|
+
onStepChange?: (stepIndex: number) => void;
|
|
169
|
+
/** Whether to show the close button in the header. */
|
|
170
|
+
showCloseButton?: boolean;
|
|
171
|
+
/** Whether to show a back button on steps */
|
|
172
|
+
showBackButton?: boolean;
|
|
173
|
+
/** Whether to wrap the onboarding in a modal on web. */
|
|
174
|
+
wrapInModalOnWeb?: boolean;
|
|
175
|
+
/** Optional custom background element rendered behind content. */
|
|
176
|
+
background?: () => ReactNode;
|
|
177
|
+
/** Optional custom close button renderer. */
|
|
178
|
+
skipButton?: ({ onPress }: {
|
|
179
|
+
onPress: () => void;
|
|
180
|
+
}) => ReactNode;
|
|
181
|
+
/** Theme colors to use for styling. */
|
|
182
|
+
colors?: OnboardingColors;
|
|
183
|
+
/** Font family set or a single family name applied where appropriate. */
|
|
184
|
+
fonts?: OnboardingFonts | string;
|
|
185
|
+
/**
|
|
186
|
+
* API Key for analytics.
|
|
187
|
+
* Required to enable analytics tracking.
|
|
188
|
+
*/
|
|
189
|
+
apiKey: string;
|
|
190
|
+
}
|
|
191
|
+
export {};
|
|
192
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/spill-onboarding/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type Theme } from './theme';
|
|
3
|
+
import { type OnboardingColors, type OnboardingFonts } from '../spill-onboarding/types';
|
|
4
|
+
interface ThemeProviderProps {
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
colors?: OnboardingColors;
|
|
7
|
+
fonts?: OnboardingFonts | string;
|
|
8
|
+
}
|
|
9
|
+
export default function ThemeProvider({ children, colors: customColors, fonts: customFonts, }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export declare function useTheme(): {
|
|
11
|
+
theme: Theme;
|
|
12
|
+
};
|
|
13
|
+
export {};
|
|
14
|
+
//# sourceMappingURL=ThemeContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../../../src/utils/ThemeContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAClE,OAAO,EAAgB,KAAK,KAAK,EAAE,MAAM,SAAS,CAAC;AAEnD,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACrB,MAAM,2BAA2B,CAAC;AASnC,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,KAAK,CAAC,EAAE,eAAe,GAAG,MAAM,CAAC;CAClC;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,QAAQ,EACR,MAAM,EAAE,YAAY,EACpB,KAAK,EAAE,WAAW,GACnB,EAAE,kBAAkB,2CAyDpB;AAED,wBAAgB,QAAQ;WA5EoB,KAAK;EA8EhD"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export declare const fontSizes: {
|
|
2
|
+
xxl: number;
|
|
3
|
+
xl: number;
|
|
4
|
+
lg: number;
|
|
5
|
+
md: number;
|
|
6
|
+
sm: number;
|
|
7
|
+
xs: number;
|
|
8
|
+
xxs: number;
|
|
9
|
+
};
|
|
10
|
+
export declare const lineHeights: {
|
|
11
|
+
xxl: number;
|
|
12
|
+
xl: number;
|
|
13
|
+
lg: number;
|
|
14
|
+
md: number;
|
|
15
|
+
sm: number;
|
|
16
|
+
xs: number;
|
|
17
|
+
xxs: number;
|
|
18
|
+
};
|
|
19
|
+
//# sourceMappingURL=fontStyles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fontStyles.d.ts","sourceRoot":"","sources":["../../../../src/utils/fontStyles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS;;;;;;;;CAQrB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;CAQvB,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import type { EdgeInsets } from 'react-native-safe-area-context';
|
|
2
|
+
export declare const defaultTheme: {
|
|
3
|
+
bg: {
|
|
4
|
+
primary: string;
|
|
5
|
+
secondary: string;
|
|
6
|
+
label: string;
|
|
7
|
+
accent: string;
|
|
8
|
+
};
|
|
9
|
+
text: {
|
|
10
|
+
primary: string;
|
|
11
|
+
secondary: string;
|
|
12
|
+
contrast: string;
|
|
13
|
+
};
|
|
14
|
+
fonts: {
|
|
15
|
+
introTitle: string;
|
|
16
|
+
introSubtitle: string;
|
|
17
|
+
introButton: string;
|
|
18
|
+
stepLabel: string;
|
|
19
|
+
stepTitle: string;
|
|
20
|
+
stepDescription: string;
|
|
21
|
+
stepButton: string;
|
|
22
|
+
primaryButton: string;
|
|
23
|
+
secondaryButton: string;
|
|
24
|
+
};
|
|
25
|
+
};
|
|
26
|
+
export type ThemeColors = typeof defaultTheme;
|
|
27
|
+
export type Theme = ThemeColors & {
|
|
28
|
+
insets: EdgeInsets;
|
|
29
|
+
};
|
|
30
|
+
//# sourceMappingURL=theme.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../src/utils/theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAEjE,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;CAuBxB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,OAAO,YAAY,CAAC;AAC9C,MAAM,MAAM,KAAK,GAAG,WAAW,GAAG;IAAE,MAAM,EAAE,UAAU,CAAA;CAAE,CAAC"}
|