@coldsurf/ocean-road 1.13.2
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/dist/css/global.css +30 -0
- package/dist/index.d.ts +641 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +733 -0
- package/dist/index.js.map +1 -0
- package/dist/native.cjs +94 -0
- package/dist/native.cjs.map +1 -0
- package/dist/native.d.cts +304 -0
- package/dist/native.d.cts.map +1 -0
- package/dist/native.d.ts +304 -0
- package/dist/native.d.ts.map +1 -0
- package/dist/native.js +94 -0
- package/dist/native.js.map +1 -0
- package/dist/next.cjs +949 -0
- package/dist/next.cjs.map +1 -0
- package/dist/next.d.cts +270 -0
- package/dist/next.d.cts.map +1 -0
- package/dist/next.d.ts +270 -0
- package/dist/next.d.ts.map +1 -0
- package/dist/next.js +949 -0
- package/dist/next.js.map +1 -0
- package/native/index.d.ts +7 -0
- package/next/index.d.ts +7 -0
- package/package.json +126 -0
- package/src/GlobalStyle.tsx +111 -0
- package/src/base/badge/badge.tsx +50 -0
- package/src/base/badge/index.ts +1 -0
- package/src/base/button/button.styled.tsx +123 -0
- package/src/base/button/button.tsx +60 -0
- package/src/base/button/button.types.ts +20 -0
- package/src/base/button/button.utils.ts +36 -0
- package/src/base/button/index.tsx +2 -0
- package/src/base/checkbox/checkbox.styled.ts +52 -0
- package/src/base/checkbox/checkbox.tsx +26 -0
- package/src/base/checkbox/index.ts +1 -0
- package/src/base/icon-button/icon-button.styled.ts +8 -0
- package/src/base/icon-button/icon-button.tsx +15 -0
- package/src/base/icon-button/icon-button.types.ts +3 -0
- package/src/base/icon-button/index.ts +2 -0
- package/src/base/index.ts +11 -0
- package/src/base/label/index.ts +1 -0
- package/src/base/label/label.styled.ts +7 -0
- package/src/base/label/label.tsx +27 -0
- package/src/base/modal/index.ts +1 -0
- package/src/base/modal/modal.tsx +59 -0
- package/src/base/spinner/index.ts +2 -0
- package/src/base/spinner/spinner.styled.ts +25 -0
- package/src/base/spinner/spinner.tsx +36 -0
- package/src/base/spinner/spinner.types.ts +1 -0
- package/src/base/switch/index.ts +1 -0
- package/src/base/switch/switch.styled.tsx +49 -0
- package/src/base/switch/switch.tsx +29 -0
- package/src/base/text/index.ts +1 -0
- package/src/base/text/text.styled.ts +17 -0
- package/src/base/text/text.tsx +37 -0
- package/src/base/text-area/index.ts +2 -0
- package/src/base/text-area/text-area.styled.ts +16 -0
- package/src/base/text-area/text-area.tsx +29 -0
- package/src/base/text-area/text-area.types.ts +11 -0
- package/src/base/text-input/index.ts +2 -0
- package/src/base/text-input/text-input.styled.ts +40 -0
- package/src/base/text-input/text-input.tsx +59 -0
- package/src/base/text-input/text-input.types.ts +15 -0
- package/src/base/toast/index.ts +2 -0
- package/src/base/toast/toast.tsx +60 -0
- package/src/base/toast/toast.types.ts +5 -0
- package/src/constants.ts +1 -0
- package/src/contexts/ColorSchemeProvider.tsx +154 -0
- package/src/css/global.css +30 -0
- package/src/extensions/accordion/accordion.hooks.ts +11 -0
- package/src/extensions/accordion/accordion.tsx +80 -0
- package/src/extensions/accordion/index.ts +1 -0
- package/src/extensions/app-header/app-header.hooks.ts +94 -0
- package/src/extensions/app-header/app-header.tsx +31 -0
- package/src/extensions/app-header/app-header.types.ts +1 -0
- package/src/extensions/app-header/index.ts +8 -0
- package/src/extensions/app-logo/app-logo.tsx +40 -0
- package/src/extensions/app-logo/index.ts +1 -0
- package/src/extensions/app-store-button/app-store-button.tsx +64 -0
- package/src/extensions/app-store-button/index.ts +1 -0
- package/src/extensions/brand-icon/brand-icon.android.tsx +11 -0
- package/src/extensions/brand-icon/brand-icon.apple.tsx +11 -0
- package/src/extensions/brand-icon/brand-icon.google.tsx +11 -0
- package/src/extensions/brand-icon/brand-icon.tsx +22 -0
- package/src/extensions/brand-icon/index.ts +1 -0
- package/src/extensions/color-scheme-toggle/color-scheme-toggle.tsx +76 -0
- package/src/extensions/color-scheme-toggle/index.ts +1 -0
- package/src/extensions/dropdown/dropdown.menu-item.tsx +237 -0
- package/src/extensions/dropdown/dropdown.result-item.tsx +26 -0
- package/src/extensions/dropdown/dropdown.styled.tsx +48 -0
- package/src/extensions/dropdown/dropdown.trigger.tsx +72 -0
- package/src/extensions/dropdown/dropdown.tsx +222 -0
- package/src/extensions/dropdown/dropdown.types.ts +3 -0
- package/src/extensions/dropdown/dropdown.utils.ts +40 -0
- package/src/extensions/dropdown/index.ts +14 -0
- package/src/extensions/error-ui/index.ts +7 -0
- package/src/extensions/error-ui/network-error/index.ts +1 -0
- package/src/extensions/error-ui/network-error/network-error.styled.ts +16 -0
- package/src/extensions/error-ui/network-error/network-error.tsx +14 -0
- package/src/extensions/error-ui/unknown-error/index.ts +1 -0
- package/src/extensions/error-ui/unknown-error/unknown-error.styled.ts +16 -0
- package/src/extensions/error-ui/unknown-error/unknown-error.tsx +14 -0
- package/src/extensions/full-screen-modal/full-screen-modal.tsx +52 -0
- package/src/extensions/full-screen-modal/index.ts +1 -0
- package/src/extensions/grid-card-image/grid-card-image.tsx +11 -0
- package/src/extensions/grid-card-image/index.ts +1 -0
- package/src/extensions/grid-card-image-empty/grid-card-image-empty.tsx +11 -0
- package/src/extensions/grid-card-image-empty/index.ts +1 -0
- package/src/extensions/grid-card-item/grid-card-item.masonry.styled.tsx +95 -0
- package/src/extensions/grid-card-item/grid-card-item.masonry.tsx +63 -0
- package/src/extensions/grid-card-item/grid-card-item.styled.tsx +93 -0
- package/src/extensions/grid-card-item/grid-card-item.subscribe-btn-layout.tsx +30 -0
- package/src/extensions/grid-card-item/grid-card-item.tsx +81 -0
- package/src/extensions/grid-card-item/index.ts +2 -0
- package/src/extensions/grid-card-list/grid-card-list.masonry.styled.tsx +45 -0
- package/src/extensions/grid-card-list/grid-card-list.masonry.tsx +58 -0
- package/src/extensions/grid-card-list/grid-card-list.styled.tsx +40 -0
- package/src/extensions/grid-card-list/grid-card-list.tsx +59 -0
- package/src/extensions/grid-card-list/index.ts +2 -0
- package/src/extensions/grid-card-list-empty/grid-card-list-empty.tsx +38 -0
- package/src/extensions/grid-card-list-empty/index.ts +1 -0
- package/src/extensions/grid-card-list-load-more/grid-card-list-load-more.styled.tsx +15 -0
- package/src/extensions/grid-card-list-load-more/grid-card-list-load-more.tsx +43 -0
- package/src/extensions/grid-card-list-load-more/index.ts +1 -0
- package/src/extensions/index.ts +38 -0
- package/src/extensions/menu-item/index.ts +1 -0
- package/src/extensions/menu-item/menu-item.tsx +87 -0
- package/src/extensions/sns-icon/index.ts +1 -0
- package/src/extensions/sns-icon/sns-icon.facebook.tsx +11 -0
- package/src/extensions/sns-icon/sns-icon.instagram.tsx +11 -0
- package/src/extensions/sns-icon/sns-icon.tsx +24 -0
- package/src/extensions/sns-icon/sns-icon.x.tsx +11 -0
- package/src/extensions/sns-icon/sns-icon.youtube.tsx +11 -0
- package/src/index.ts +8 -0
- package/src/native/button/button.styled.tsx +99 -0
- package/src/native/button/button.tsx +42 -0
- package/src/native/button/index.ts +1 -0
- package/src/native/contexts/color-scheme-context/color-scheme-context.tsx +45 -0
- package/src/native/contexts/color-scheme-context/index.ts +1 -0
- package/src/native/contexts/index.ts +1 -0
- package/src/native/icon-button/icon-button.styled.ts +6 -0
- package/src/native/icon-button/icon-button.tsx +33 -0
- package/src/native/icon-button/icon-button.types.ts +14 -0
- package/src/native/icon-button/icon-button.utils.ts +114 -0
- package/src/native/icon-button/index.ts +1 -0
- package/src/native/index.ts +9 -0
- package/src/native/modal/index.ts +2 -0
- package/src/native/modal/modal.styled.ts +17 -0
- package/src/native/modal/modal.tsx +21 -0
- package/src/native/modal/modal.types.ts +8 -0
- package/src/native/profile-thumbnail/index.ts +1 -0
- package/src/native/profile-thumbnail/profile-thumbnail.tsx +91 -0
- package/src/native/spinner/index.ts +1 -0
- package/src/native/spinner/spinner.tsx +75 -0
- package/src/native/text/index.ts +2 -0
- package/src/native/text/text.tsx +51 -0
- package/src/native/text/text.types.ts +5 -0
- package/src/native/text-input/index.ts +2 -0
- package/src/native/text-input/text-input.tsx +72 -0
- package/src/native/text-input/text-input.types.ts +3 -0
- package/src/native/toast/index.ts +2 -0
- package/src/native/toast/toast.styled.ts +40 -0
- package/src/native/toast/toast.tsx +23 -0
- package/src/native/toast/toast.types.ts +10 -0
- package/src/next/app-footer/app-footer.tsx +250 -0
- package/src/next/app-footer/index.ts +1 -0
- package/src/next/app-header/app-header.fixed-header.tsx +83 -0
- package/src/next/app-header/app-header.full-screen-mobile-accordion-drawer.tsx +131 -0
- package/src/next/app-header/app-header.logo.tsx +50 -0
- package/src/next/app-header/app-header.modal-mobile-accordion-drawer.tsx +69 -0
- package/src/next/app-header/app-header.styled.ts +160 -0
- package/src/next/app-header/app-header.tsx +91 -0
- package/src/next/app-header/index.ts +13 -0
- package/src/next/global-link/global-link.store.ts +41 -0
- package/src/next/global-link/global-link.tsx +52 -0
- package/src/next/global-link/global-link.utils.ts +9 -0
- package/src/next/global-link/index.ts +3 -0
- package/src/next/grid-card-item/grid-card-item.masonry.tsx +23 -0
- package/src/next/grid-card-item/grid-card-item.tsx +23 -0
- package/src/next/grid-card-item/index.ts +2 -0
- package/src/next/index.ts +16 -0
- package/src/next/new-tab-link/index.ts +1 -0
- package/src/next/new-tab-link/new-tab-link.tsx +15 -0
- package/src/next/route-loading/index.ts +1 -0
- package/src/next/route-loading/route-loading.tsx +21 -0
- package/src/tokens/index.ts +2 -0
- package/src/tokens/tokens.ts +8 -0
- package/src/tokens/tokens.types.ts +7 -0
- package/src/utils/breakpoints.ts +9 -0
- package/src/utils/common-styles.ts +23 -0
- package/src/utils/index.ts +2 -0
- package/src/utils/media.ts +23 -0
- package/src/utils/use-prevent-scroll-effect.ts +19 -0
- package/src/utils/with-id.ts +3 -0
- package/src/utils/with-stop-propagation.ts +10 -0
|
@@ -0,0 +1,304 @@
|
|
|
1
|
+
import * as lucide_react0 from "lucide-react";
|
|
2
|
+
import { icons } from "lucide-react";
|
|
3
|
+
import * as react16 from "react";
|
|
4
|
+
import * as react5 from "react";
|
|
5
|
+
import * as react15 from "react";
|
|
6
|
+
import * as react13 from "react";
|
|
7
|
+
import * as react0$1 from "react";
|
|
8
|
+
import * as react2 from "react";
|
|
9
|
+
import * as react4 from "react";
|
|
10
|
+
import * as react1 from "react";
|
|
11
|
+
import * as react3 from "react";
|
|
12
|
+
import * as react10 from "react";
|
|
13
|
+
import * as react0 from "react";
|
|
14
|
+
import { ButtonHTMLAttributes, PropsWithChildren, ReactElement } from "react";
|
|
15
|
+
import * as react_native0 from "react-native";
|
|
16
|
+
import { ColorValue, GestureResponderEvent, StyleProp, TextInput as TextInput$1, TextInputProps as TextInputProps$1, TextProps as TextProps$1, TouchableOpacityProps, ViewStyle } from "react-native";
|
|
17
|
+
import darkColorDesignTokens from "@coldsurfers/ocean-road-design-tokens/dist/json/color/variables-dark.json";
|
|
18
|
+
import lightColorDesignTokens from "@coldsurfers/ocean-road-design-tokens/dist/json/color/variables-light.json";
|
|
19
|
+
import colorDesignTokens from "@coldsurfers/ocean-road-design-tokens/js/color/variables";
|
|
20
|
+
import { icons as icons$1 } from "lucide-react-native";
|
|
21
|
+
|
|
22
|
+
//#region src/base/button/button.types.d.ts
|
|
23
|
+
type ButtonProps = PropsWithChildren<{
|
|
24
|
+
theme?: ButtonTheme;
|
|
25
|
+
variant?: ButtonTheme;
|
|
26
|
+
size?: 'lg' | 'md' | 'sm';
|
|
27
|
+
leftIcon?: keyof typeof icons | ReactElement;
|
|
28
|
+
rightIcon?: keyof typeof icons | ReactElement;
|
|
29
|
+
textWeight?: 'light' | 'medium' | 'bold';
|
|
30
|
+
}>;
|
|
31
|
+
type ButtonTheme = 'transparent' | 'transparentDarkGray' | 'white' | 'pink' | 'indigo' | 'border';
|
|
32
|
+
//# sourceMappingURL=button.types.d.ts.map
|
|
33
|
+
//#endregion
|
|
34
|
+
//#region src/base/button/button.d.ts
|
|
35
|
+
declare const Button$1: react16.ForwardRefExoticComponent<{
|
|
36
|
+
theme?: ButtonTheme;
|
|
37
|
+
variant?: ButtonTheme;
|
|
38
|
+
size?: "lg" | "md" | "sm";
|
|
39
|
+
leftIcon?: keyof typeof icons | react16.ReactElement;
|
|
40
|
+
rightIcon?: keyof typeof icons | react16.ReactElement;
|
|
41
|
+
textWeight?: "light" | "medium" | "bold";
|
|
42
|
+
} & {
|
|
43
|
+
children?: react16.ReactNode | undefined;
|
|
44
|
+
} & ButtonHTMLAttributes<HTMLButtonElement> & react16.RefAttributes<HTMLButtonElement>>;
|
|
45
|
+
//# sourceMappingURL=button.d.ts.map
|
|
46
|
+
//#endregion
|
|
47
|
+
//#region src/native/button/button.d.ts
|
|
48
|
+
declare const Button: react5.ForwardRefExoticComponent<{
|
|
49
|
+
theme?: ButtonTheme;
|
|
50
|
+
variant?: ButtonTheme;
|
|
51
|
+
size?: "lg" | "md" | "sm";
|
|
52
|
+
leftIcon?: keyof typeof lucide_react0.icons | react5.ReactElement;
|
|
53
|
+
rightIcon?: keyof typeof lucide_react0.icons | react5.ReactElement;
|
|
54
|
+
textWeight?: "light" | "medium" | "bold";
|
|
55
|
+
} & {
|
|
56
|
+
children?: react5.ReactNode | undefined;
|
|
57
|
+
} & TouchableOpacityProps & react5.RefAttributes<react_native0.View>>;
|
|
58
|
+
//# sourceMappingURL=button.d.ts.map
|
|
59
|
+
//#endregion
|
|
60
|
+
//#region src/tokens/tokens.types.d.ts
|
|
61
|
+
type ColorDesignTokens = typeof colorDesignTokens;
|
|
62
|
+
type DarkColorDesignTokens = typeof darkColorDesignTokens;
|
|
63
|
+
type LightColorDesignTokens = typeof lightColorDesignTokens;
|
|
64
|
+
//# sourceMappingURL=tokens.types.d.ts.map
|
|
65
|
+
//#endregion
|
|
66
|
+
//#region src/tokens/tokens.d.ts
|
|
67
|
+
declare const colors: ColorDesignTokens;
|
|
68
|
+
declare const semantics: {
|
|
69
|
+
readonly color: {
|
|
70
|
+
readonly background: {
|
|
71
|
+
readonly "1": "var(--color-background-1)";
|
|
72
|
+
readonly "2": "var(--color-background-2)";
|
|
73
|
+
readonly "3": "var(--color-background-3)";
|
|
74
|
+
readonly "4": "var(--color-background-4)";
|
|
75
|
+
readonly "5": "var(--color-background-5)";
|
|
76
|
+
};
|
|
77
|
+
readonly foreground: {
|
|
78
|
+
readonly "1": "var(--color-foreground-1)";
|
|
79
|
+
readonly "2": "var(--color-foreground-2)";
|
|
80
|
+
readonly "3": "var(--color-foreground-3)";
|
|
81
|
+
readonly "4": "var(--color-foreground-4)";
|
|
82
|
+
};
|
|
83
|
+
readonly border: {
|
|
84
|
+
readonly "1": "var(--color-border-1)";
|
|
85
|
+
readonly "2": "var(--color-border-2)";
|
|
86
|
+
};
|
|
87
|
+
readonly dimmed: {
|
|
88
|
+
readonly "1": "var(--color-dimmed-1)";
|
|
89
|
+
};
|
|
90
|
+
};
|
|
91
|
+
};
|
|
92
|
+
declare const semanticVariables: {
|
|
93
|
+
readonly light: {
|
|
94
|
+
readonly color: {
|
|
95
|
+
readonly background: {
|
|
96
|
+
readonly "1": "#ffffff";
|
|
97
|
+
readonly "2": "#f1f3f5";
|
|
98
|
+
readonly "3": "#e9ecef";
|
|
99
|
+
readonly "4": "#dee2e6";
|
|
100
|
+
readonly "5": "#ced4da";
|
|
101
|
+
};
|
|
102
|
+
readonly foreground: {
|
|
103
|
+
readonly "1": "#212529";
|
|
104
|
+
readonly "2": "#343a40";
|
|
105
|
+
readonly "3": "#495057";
|
|
106
|
+
readonly "4": "#868e96";
|
|
107
|
+
};
|
|
108
|
+
readonly border: {
|
|
109
|
+
readonly "1": "#f1f3f5";
|
|
110
|
+
readonly "2": "#e9ecef";
|
|
111
|
+
};
|
|
112
|
+
readonly dimmed: {
|
|
113
|
+
readonly "1": "#f1f3f5";
|
|
114
|
+
};
|
|
115
|
+
};
|
|
116
|
+
};
|
|
117
|
+
readonly dark: {
|
|
118
|
+
readonly color: {
|
|
119
|
+
readonly background: {
|
|
120
|
+
readonly "1": "#000000";
|
|
121
|
+
readonly "2": "#212529";
|
|
122
|
+
readonly "3": "#343a40";
|
|
123
|
+
readonly "4": "#495057";
|
|
124
|
+
readonly "5": "#868e96";
|
|
125
|
+
};
|
|
126
|
+
readonly foreground: {
|
|
127
|
+
readonly "1": "#f1f3f5";
|
|
128
|
+
readonly "2": "#e9ecef";
|
|
129
|
+
readonly "3": "#dee2e6";
|
|
130
|
+
readonly "4": "#ced4da";
|
|
131
|
+
};
|
|
132
|
+
readonly border: {
|
|
133
|
+
readonly "1": "#495057";
|
|
134
|
+
readonly "2": "#868e96";
|
|
135
|
+
};
|
|
136
|
+
readonly dimmed: {
|
|
137
|
+
readonly "1": "#495057";
|
|
138
|
+
};
|
|
139
|
+
};
|
|
140
|
+
};
|
|
141
|
+
};
|
|
142
|
+
//# sourceMappingURL=tokens.d.ts.map
|
|
143
|
+
//#endregion
|
|
144
|
+
//#region src/contexts/ColorSchemeProvider.d.ts
|
|
145
|
+
type ColorScheme = 'light' | 'dark' | 'userPreference';
|
|
146
|
+
interface Theme extends DarkColorDesignTokens, LightColorDesignTokens {
|
|
147
|
+
name: 'lightMode' | 'darkMode';
|
|
148
|
+
}
|
|
149
|
+
declare const lightModeTheme: Theme;
|
|
150
|
+
declare const darkModeTheme: Theme;
|
|
151
|
+
declare const generateCssVar: (themeName: Theme["name"]) => string;
|
|
152
|
+
declare const themeVariables: Record<"color-background-1" | "color-background-2" | "color-background-3" | "color-background-4" | "color-background-5" | "color-foreground-1" | "color-foreground-2" | "color-foreground-3" | "color-foreground-4" | "color-border-1" | "color-border-2" | "color-dimmed-1", string>;
|
|
153
|
+
declare const themeToStyles: (theme: Theme) => string;
|
|
154
|
+
type ThemeContextValue = {
|
|
155
|
+
theme: Theme;
|
|
156
|
+
setTheme: (theme: ColorScheme) => void;
|
|
157
|
+
};
|
|
158
|
+
declare const ColorSchemeProvider$1: ({
|
|
159
|
+
children,
|
|
160
|
+
colorScheme,
|
|
161
|
+
id
|
|
162
|
+
}: PropsWithChildren<{
|
|
163
|
+
colorScheme: ColorScheme;
|
|
164
|
+
id?: string;
|
|
165
|
+
}>) => react15.JSX.Element;
|
|
166
|
+
declare const useColorScheme$1: () => ThemeContextValue;
|
|
167
|
+
//# sourceMappingURL=ColorSchemeProvider.d.ts.map
|
|
168
|
+
//#endregion
|
|
169
|
+
//#region src/native/contexts/color-scheme-context/color-scheme-context.d.ts
|
|
170
|
+
declare const ColorSchemeContext: react13.Context<{
|
|
171
|
+
colorScheme: ColorScheme;
|
|
172
|
+
semantics: (typeof semanticVariables)["light"]["color"] | (typeof semanticVariables)["dark"]["color"];
|
|
173
|
+
setColorScheme: (colorScheme: ColorScheme) => void;
|
|
174
|
+
}>;
|
|
175
|
+
declare const ColorSchemeProvider: ({
|
|
176
|
+
children,
|
|
177
|
+
initialColorScheme
|
|
178
|
+
}: PropsWithChildren<{
|
|
179
|
+
initialColorScheme?: ColorScheme;
|
|
180
|
+
}>) => react13.JSX.Element;
|
|
181
|
+
declare const useColorScheme: () => {
|
|
182
|
+
colorScheme: ColorScheme;
|
|
183
|
+
semantics: (typeof semanticVariables)["light"]["color"] | (typeof semanticVariables)["dark"]["color"];
|
|
184
|
+
setColorScheme: (colorScheme: ColorScheme) => void;
|
|
185
|
+
};
|
|
186
|
+
//# sourceMappingURL=color-scheme-context.d.ts.map
|
|
187
|
+
//#endregion
|
|
188
|
+
//#region src/native/icon-button/icon-button.types.d.ts
|
|
189
|
+
interface IconButtonProps extends TouchableOpacityProps {
|
|
190
|
+
icon: keyof typeof icons$1;
|
|
191
|
+
size?: IconButtonSize;
|
|
192
|
+
variant?: ButtonTheme;
|
|
193
|
+
color?: ColorValue;
|
|
194
|
+
strokeWidth?: number;
|
|
195
|
+
fill?: ColorValue;
|
|
196
|
+
}
|
|
197
|
+
type IconButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
198
|
+
//# sourceMappingURL=icon-button.types.d.ts.map
|
|
199
|
+
//#endregion
|
|
200
|
+
//#region src/native/icon-button/icon-button.d.ts
|
|
201
|
+
declare const IconButton: ({
|
|
202
|
+
icon,
|
|
203
|
+
onPress,
|
|
204
|
+
variant,
|
|
205
|
+
size,
|
|
206
|
+
style,
|
|
207
|
+
color,
|
|
208
|
+
strokeWidth,
|
|
209
|
+
fill,
|
|
210
|
+
...otherProps
|
|
211
|
+
}: IconButtonProps) => react0$1.JSX.Element;
|
|
212
|
+
//# sourceMappingURL=icon-button.d.ts.map
|
|
213
|
+
//#endregion
|
|
214
|
+
//#region src/native/modal/modal.types.d.ts
|
|
215
|
+
type ModalProps = PropsWithChildren<{
|
|
216
|
+
visible?: boolean;
|
|
217
|
+
transparent?: boolean;
|
|
218
|
+
onPressBackground?: (event: GestureResponderEvent) => void;
|
|
219
|
+
}>;
|
|
220
|
+
//# sourceMappingURL=modal.types.d.ts.map
|
|
221
|
+
//#endregion
|
|
222
|
+
//#region src/native/modal/modal.d.ts
|
|
223
|
+
declare const Modal: ({
|
|
224
|
+
children,
|
|
225
|
+
visible,
|
|
226
|
+
transparent,
|
|
227
|
+
onPressBackground
|
|
228
|
+
}: ModalProps) => react2.JSX.Element;
|
|
229
|
+
//# sourceMappingURL=modal.d.ts.map
|
|
230
|
+
//#endregion
|
|
231
|
+
//#region src/native/profile-thumbnail/profile-thumbnail.d.ts
|
|
232
|
+
type ProfileThumbnailProps = {
|
|
233
|
+
size?: 'md' | 'sm' | 'lg';
|
|
234
|
+
type?: 'square' | 'circle';
|
|
235
|
+
emptyBgText: string;
|
|
236
|
+
imageUrl?: string;
|
|
237
|
+
style?: StyleProp<ViewStyle>;
|
|
238
|
+
};
|
|
239
|
+
declare const ProfileThumbnail: ({
|
|
240
|
+
size,
|
|
241
|
+
emptyBgText,
|
|
242
|
+
imageUrl,
|
|
243
|
+
type,
|
|
244
|
+
style
|
|
245
|
+
}: ProfileThumbnailProps) => react4.JSX.Element;
|
|
246
|
+
//#endregion
|
|
247
|
+
//#region src/native/spinner/spinner.d.ts
|
|
248
|
+
interface Props {
|
|
249
|
+
positionCenter?: boolean;
|
|
250
|
+
size?: number | 'small' | 'large' | 'medium';
|
|
251
|
+
color?: ColorValue;
|
|
252
|
+
style?: StyleProp<ViewStyle>;
|
|
253
|
+
}
|
|
254
|
+
declare const Spinner: ({
|
|
255
|
+
positionCenter,
|
|
256
|
+
size,
|
|
257
|
+
color,
|
|
258
|
+
style
|
|
259
|
+
}: Props) => react1.JSX.Element;
|
|
260
|
+
//#endregion
|
|
261
|
+
//#region src/native/text/text.types.d.ts
|
|
262
|
+
interface TextProps extends TextProps$1 {
|
|
263
|
+
weight?: 'thin' | 'light' | 'regular' | 'medium' | 'bold' | 'extraBold';
|
|
264
|
+
}
|
|
265
|
+
//# sourceMappingURL=text.types.d.ts.map
|
|
266
|
+
//#endregion
|
|
267
|
+
//#region src/native/text/text.d.ts
|
|
268
|
+
declare const Text: ({
|
|
269
|
+
children,
|
|
270
|
+
weight,
|
|
271
|
+
style,
|
|
272
|
+
...others
|
|
273
|
+
}: TextProps) => react3.JSX.Element;
|
|
274
|
+
//# sourceMappingURL=text.d.ts.map
|
|
275
|
+
//#endregion
|
|
276
|
+
//#region src/native/text-input/text-input.types.d.ts
|
|
277
|
+
interface TextInputProps extends TextInputProps$1 {}
|
|
278
|
+
//# sourceMappingURL=text-input.types.d.ts.map
|
|
279
|
+
//#endregion
|
|
280
|
+
//#region src/native/text-input/text-input.d.ts
|
|
281
|
+
declare const TextInput: react10.MemoExoticComponent<react10.ForwardRefExoticComponent<TextInputProps & react10.RefAttributes<TextInput$1>>>;
|
|
282
|
+
//# sourceMappingURL=text-input.d.ts.map
|
|
283
|
+
//#endregion
|
|
284
|
+
//#region src/native/toast/toast.types.d.ts
|
|
285
|
+
interface ToastProps {
|
|
286
|
+
type: ToastType;
|
|
287
|
+
message: string;
|
|
288
|
+
onPress?: (event: GestureResponderEvent) => void;
|
|
289
|
+
autoCloseOnPress?: boolean;
|
|
290
|
+
}
|
|
291
|
+
type ToastType = 'info' | 'warning' | 'error';
|
|
292
|
+
//# sourceMappingURL=toast.types.d.ts.map
|
|
293
|
+
//#endregion
|
|
294
|
+
//#region src/native/toast/toast.d.ts
|
|
295
|
+
declare const Toast: ({
|
|
296
|
+
type,
|
|
297
|
+
message,
|
|
298
|
+
onPress
|
|
299
|
+
}: ToastProps) => react0.JSX.Element;
|
|
300
|
+
//# sourceMappingURL=toast.d.ts.map
|
|
301
|
+
|
|
302
|
+
//#endregion
|
|
303
|
+
export { Button, ColorSchemeContext, ColorSchemeProvider, IconButton, Modal, ModalProps, ProfileThumbnail, Spinner, Text, TextInput, TextInputProps, TextProps, Toast, ToastProps, ToastType, useColorScheme };
|
|
304
|
+
//# sourceMappingURL=native.d.cts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"native.d.cts","names":[],"sources":["../src/base/button/button.types.ts","../src/base/button/button.tsx","../src/native/button/button.tsx","../src/tokens/tokens.types.ts","../src/tokens/tokens.ts","../src/contexts/ColorSchemeProvider.tsx","../src/native/contexts/color-scheme-context/color-scheme-context.tsx","../src/native/icon-button/icon-button.types.ts","../src/native/icon-button/icon-button.tsx","../src/native/modal/modal.types.ts","../src/native/modal/modal.tsx","../src/native/profile-thumbnail/profile-thumbnail.tsx","../src/native/spinner/spinner.tsx","../src/native/text/text.types.ts","../src/native/text/text.tsx","../src/native/text-input/text-input.types.ts","../src/native/text-input/text-input.tsx","../src/native/toast/toast.types.ts","../src/native/toast/toast.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;KAGY,WAAA,GAAc;UAEhB;YACE;;0BAEc,QAAQ;2BACP,QAAQ;;;KAIvB,WAAA;;;;cCHC,kBAAM;UA+ClB;;;;;;;;;;;;cC9CY,eAAM;UA4BlB;;;;;;;;;;;;KCnCW,iBAAA,UAA2B;KAC3B,qBAAA,UAA+B;KAC/B,sBAAA,UAAgC;;;;cCD/B,QAAQ;cACR;;;;;;;;;;;;;;;;;;;;MJHD,SAAW,GAAA,EAAA,uBAAA;IAAA,CAAA;EAAA,CAAA;CAEF;AAGK,cIDb,iBJCa,EAAA;EAAK,SAAG,KAAA,EAAA;IACP,SAAA,KAAA,EAAA;MAAQ,SAAA,UAAA,EAAA;QANT,SAAA,GAAA,EAAA,SAAA;QAAiB,SAAA,GAAA,EAAA,SAAA;QAU/B,SAAW,GAAA,EAAA,SAAA;;;;MCHV,SA+CZ,UAAA,EAAA;QAAA,SAAA,GAAA,EAAA,SAAA;QAAA,SAAA,GAAA,EAAA,SAAA;;;;;;;;;;;;EA/CkB,CAAA;;;;QC6BlB,SAAA,GAAA,EAAA,SAAA;QAAA,SAAA,GAAA,EAAA,SAAA;QAAA,SAAA,GAAA,EAAA,SAAA;;;;;;;;;;eA5BkB,MAAA,EAAA;QAAA,SAAA,GAAA,EAAA,SAAA;;;;QCPP,SAAiB,GAAA,EAAA,SAAU;MAC3B,CAAA;IACA,CAAA;;;;;;KEOA,WAAA;UAEK,KAAA,SAAc,uBAAuB;;;cAIzC,gBAAgB;cAIhB,eAAe;cAKf,4BAA6B;cAa7B,gBAAc;cASd,uBAAwB;KAmBhC,iBAAA;SACI;oBACW;;cAuBd;;;;GAIH;eAAiC;;OAA2B,OAAA,CAAA,GAAA,CAAA;cAoDlD,wBAAc;;;;cClJd,oBAK8B,OAAA,CALZ;eAChB;qBAED,+CACA;gCACkB;;cASnB;;;GAGV;uBACoB;OACrB,OAAA,CAAA,GAAA,CAAA;cAmBW;eArCE;qBAED,+CACA;gCACkB;;;;;UCLf,eAAA,SAAwB;qBACpB;SACZ;YACG;UACF;;SAED;;KAGG,cAAA;;;;cCPC;;;;;;;;;;GAUV,oBAAe,QAAA,CAAA,GAAA,CAAA;;;;KCbN,UAAA,GAAa;;;8BAGK;;;;;cCFjB;;;;;GAKV,eAAU,MAAA,CAAA,GAAA,CAAA;;;;KCYR,qBAAA;;;;;UAKK,UAAU;;cAGP;;;;;;GAMV,0BAAqB,MAAA,CAAA,GAAA,CAAA;;;UCjBd,KAAA;;;UAGA;UACA,UAAU;;cAGP;;;;;GAAqE,UAAK,MAAA,CAAA,GAAA,CAAA;;;UCvBtE,SAAA,SAAkB;;;;;;cCEtB;;;;;GAA4D,cAAS,MAAA,CAAA,GAAA,CAAA;;;;UCFjE,cAAA,SAAuB;;;;cC6C3B,WAAS,OAAA,CAAA,oBAAA,OAAA,CAAA,0BAAA,iBAAA,OAAA,CAAA,cAAA;;;;UC7CL,UAAA;QACT;;oBAEY;;;KAIR,SAAA;;;;cCJC;;;;GAAqC,eAAU,MAAA,CAAA,GAAA,CAAA"}
|
package/dist/native.d.ts
ADDED
|
@@ -0,0 +1,304 @@
|
|
|
1
|
+
import * as react15 from "react";
|
|
2
|
+
import * as react7 from "react";
|
|
3
|
+
import * as react20 from "react";
|
|
4
|
+
import * as react13 from "react";
|
|
5
|
+
import * as react1 from "react";
|
|
6
|
+
import * as react5 from "react";
|
|
7
|
+
import * as react0$1 from "react";
|
|
8
|
+
import * as react0 from "react";
|
|
9
|
+
import * as react12 from "react";
|
|
10
|
+
import * as react2 from "react";
|
|
11
|
+
import * as react6 from "react";
|
|
12
|
+
import { ButtonHTMLAttributes, PropsWithChildren, ReactElement } from "react";
|
|
13
|
+
import { icons } from "lucide-react-native";
|
|
14
|
+
import * as react_native0 from "react-native";
|
|
15
|
+
import { ColorValue, GestureResponderEvent, StyleProp, TextInput as TextInput$1, TextInputProps as TextInputProps$1, TextProps as TextProps$1, TouchableOpacityProps, ViewStyle } from "react-native";
|
|
16
|
+
import * as lucide_react0 from "lucide-react";
|
|
17
|
+
import { icons as icons$1 } from "lucide-react";
|
|
18
|
+
import darkColorDesignTokens from "@coldsurfers/ocean-road-design-tokens/dist/json/color/variables-dark.json";
|
|
19
|
+
import lightColorDesignTokens from "@coldsurfers/ocean-road-design-tokens/dist/json/color/variables-light.json";
|
|
20
|
+
import colorDesignTokens from "@coldsurfers/ocean-road-design-tokens/js/color/variables";
|
|
21
|
+
|
|
22
|
+
//#region src/base/button/button.types.d.ts
|
|
23
|
+
type ButtonProps = PropsWithChildren<{
|
|
24
|
+
theme?: ButtonTheme;
|
|
25
|
+
variant?: ButtonTheme;
|
|
26
|
+
size?: 'lg' | 'md' | 'sm';
|
|
27
|
+
leftIcon?: keyof typeof icons$1 | ReactElement;
|
|
28
|
+
rightIcon?: keyof typeof icons$1 | ReactElement;
|
|
29
|
+
textWeight?: 'light' | 'medium' | 'bold';
|
|
30
|
+
}>;
|
|
31
|
+
type ButtonTheme = 'transparent' | 'transparentDarkGray' | 'white' | 'pink' | 'indigo' | 'border';
|
|
32
|
+
//# sourceMappingURL=button.types.d.ts.map
|
|
33
|
+
//#endregion
|
|
34
|
+
//#region src/base/button/button.d.ts
|
|
35
|
+
declare const Button$1: react15.ForwardRefExoticComponent<{
|
|
36
|
+
theme?: ButtonTheme;
|
|
37
|
+
variant?: ButtonTheme;
|
|
38
|
+
size?: "lg" | "md" | "sm";
|
|
39
|
+
leftIcon?: keyof typeof icons$1 | react15.ReactElement;
|
|
40
|
+
rightIcon?: keyof typeof icons$1 | react15.ReactElement;
|
|
41
|
+
textWeight?: "light" | "medium" | "bold";
|
|
42
|
+
} & {
|
|
43
|
+
children?: react15.ReactNode | undefined;
|
|
44
|
+
} & ButtonHTMLAttributes<HTMLButtonElement> & react15.RefAttributes<HTMLButtonElement>>;
|
|
45
|
+
//# sourceMappingURL=button.d.ts.map
|
|
46
|
+
//#endregion
|
|
47
|
+
//#region src/native/button/button.d.ts
|
|
48
|
+
declare const Button: react7.ForwardRefExoticComponent<{
|
|
49
|
+
theme?: ButtonTheme;
|
|
50
|
+
variant?: ButtonTheme;
|
|
51
|
+
size?: "lg" | "md" | "sm";
|
|
52
|
+
leftIcon?: keyof typeof lucide_react0.icons | react7.ReactElement;
|
|
53
|
+
rightIcon?: keyof typeof lucide_react0.icons | react7.ReactElement;
|
|
54
|
+
textWeight?: "light" | "medium" | "bold";
|
|
55
|
+
} & {
|
|
56
|
+
children?: react7.ReactNode | undefined;
|
|
57
|
+
} & TouchableOpacityProps & react7.RefAttributes<react_native0.View>>;
|
|
58
|
+
//# sourceMappingURL=button.d.ts.map
|
|
59
|
+
//#endregion
|
|
60
|
+
//#region src/tokens/tokens.types.d.ts
|
|
61
|
+
type ColorDesignTokens = typeof colorDesignTokens;
|
|
62
|
+
type DarkColorDesignTokens = typeof darkColorDesignTokens;
|
|
63
|
+
type LightColorDesignTokens = typeof lightColorDesignTokens;
|
|
64
|
+
//# sourceMappingURL=tokens.types.d.ts.map
|
|
65
|
+
//#endregion
|
|
66
|
+
//#region src/tokens/tokens.d.ts
|
|
67
|
+
declare const colors: ColorDesignTokens;
|
|
68
|
+
declare const semantics: {
|
|
69
|
+
readonly color: {
|
|
70
|
+
readonly background: {
|
|
71
|
+
readonly "1": "var(--color-background-1)";
|
|
72
|
+
readonly "2": "var(--color-background-2)";
|
|
73
|
+
readonly "3": "var(--color-background-3)";
|
|
74
|
+
readonly "4": "var(--color-background-4)";
|
|
75
|
+
readonly "5": "var(--color-background-5)";
|
|
76
|
+
};
|
|
77
|
+
readonly foreground: {
|
|
78
|
+
readonly "1": "var(--color-foreground-1)";
|
|
79
|
+
readonly "2": "var(--color-foreground-2)";
|
|
80
|
+
readonly "3": "var(--color-foreground-3)";
|
|
81
|
+
readonly "4": "var(--color-foreground-4)";
|
|
82
|
+
};
|
|
83
|
+
readonly border: {
|
|
84
|
+
readonly "1": "var(--color-border-1)";
|
|
85
|
+
readonly "2": "var(--color-border-2)";
|
|
86
|
+
};
|
|
87
|
+
readonly dimmed: {
|
|
88
|
+
readonly "1": "var(--color-dimmed-1)";
|
|
89
|
+
};
|
|
90
|
+
};
|
|
91
|
+
};
|
|
92
|
+
declare const semanticVariables: {
|
|
93
|
+
readonly light: {
|
|
94
|
+
readonly color: {
|
|
95
|
+
readonly background: {
|
|
96
|
+
readonly "1": "#ffffff";
|
|
97
|
+
readonly "2": "#f1f3f5";
|
|
98
|
+
readonly "3": "#e9ecef";
|
|
99
|
+
readonly "4": "#dee2e6";
|
|
100
|
+
readonly "5": "#ced4da";
|
|
101
|
+
};
|
|
102
|
+
readonly foreground: {
|
|
103
|
+
readonly "1": "#212529";
|
|
104
|
+
readonly "2": "#343a40";
|
|
105
|
+
readonly "3": "#495057";
|
|
106
|
+
readonly "4": "#868e96";
|
|
107
|
+
};
|
|
108
|
+
readonly border: {
|
|
109
|
+
readonly "1": "#f1f3f5";
|
|
110
|
+
readonly "2": "#e9ecef";
|
|
111
|
+
};
|
|
112
|
+
readonly dimmed: {
|
|
113
|
+
readonly "1": "#f1f3f5";
|
|
114
|
+
};
|
|
115
|
+
};
|
|
116
|
+
};
|
|
117
|
+
readonly dark: {
|
|
118
|
+
readonly color: {
|
|
119
|
+
readonly background: {
|
|
120
|
+
readonly "1": "#000000";
|
|
121
|
+
readonly "2": "#212529";
|
|
122
|
+
readonly "3": "#343a40";
|
|
123
|
+
readonly "4": "#495057";
|
|
124
|
+
readonly "5": "#868e96";
|
|
125
|
+
};
|
|
126
|
+
readonly foreground: {
|
|
127
|
+
readonly "1": "#f1f3f5";
|
|
128
|
+
readonly "2": "#e9ecef";
|
|
129
|
+
readonly "3": "#dee2e6";
|
|
130
|
+
readonly "4": "#ced4da";
|
|
131
|
+
};
|
|
132
|
+
readonly border: {
|
|
133
|
+
readonly "1": "#495057";
|
|
134
|
+
readonly "2": "#868e96";
|
|
135
|
+
};
|
|
136
|
+
readonly dimmed: {
|
|
137
|
+
readonly "1": "#495057";
|
|
138
|
+
};
|
|
139
|
+
};
|
|
140
|
+
};
|
|
141
|
+
};
|
|
142
|
+
//# sourceMappingURL=tokens.d.ts.map
|
|
143
|
+
//#endregion
|
|
144
|
+
//#region src/contexts/ColorSchemeProvider.d.ts
|
|
145
|
+
type ColorScheme = 'light' | 'dark' | 'userPreference';
|
|
146
|
+
interface Theme extends DarkColorDesignTokens, LightColorDesignTokens {
|
|
147
|
+
name: 'lightMode' | 'darkMode';
|
|
148
|
+
}
|
|
149
|
+
declare const lightModeTheme: Theme;
|
|
150
|
+
declare const darkModeTheme: Theme;
|
|
151
|
+
declare const generateCssVar: (themeName: Theme["name"]) => string;
|
|
152
|
+
declare const themeVariables: Record<"color-background-1" | "color-background-2" | "color-background-3" | "color-background-4" | "color-background-5" | "color-foreground-1" | "color-foreground-2" | "color-foreground-3" | "color-foreground-4" | "color-border-1" | "color-border-2" | "color-dimmed-1", string>;
|
|
153
|
+
declare const themeToStyles: (theme: Theme) => string;
|
|
154
|
+
type ThemeContextValue = {
|
|
155
|
+
theme: Theme;
|
|
156
|
+
setTheme: (theme: ColorScheme) => void;
|
|
157
|
+
};
|
|
158
|
+
declare const ColorSchemeProvider$1: ({
|
|
159
|
+
children,
|
|
160
|
+
colorScheme,
|
|
161
|
+
id
|
|
162
|
+
}: PropsWithChildren<{
|
|
163
|
+
colorScheme: ColorScheme;
|
|
164
|
+
id?: string;
|
|
165
|
+
}>) => react20.JSX.Element;
|
|
166
|
+
declare const useColorScheme$1: () => ThemeContextValue;
|
|
167
|
+
//# sourceMappingURL=ColorSchemeProvider.d.ts.map
|
|
168
|
+
//#endregion
|
|
169
|
+
//#region src/native/contexts/color-scheme-context/color-scheme-context.d.ts
|
|
170
|
+
declare const ColorSchemeContext: react13.Context<{
|
|
171
|
+
colorScheme: ColorScheme;
|
|
172
|
+
semantics: (typeof semanticVariables)["light"]["color"] | (typeof semanticVariables)["dark"]["color"];
|
|
173
|
+
setColorScheme: (colorScheme: ColorScheme) => void;
|
|
174
|
+
}>;
|
|
175
|
+
declare const ColorSchemeProvider: ({
|
|
176
|
+
children,
|
|
177
|
+
initialColorScheme
|
|
178
|
+
}: PropsWithChildren<{
|
|
179
|
+
initialColorScheme?: ColorScheme;
|
|
180
|
+
}>) => react13.JSX.Element;
|
|
181
|
+
declare const useColorScheme: () => {
|
|
182
|
+
colorScheme: ColorScheme;
|
|
183
|
+
semantics: (typeof semanticVariables)["light"]["color"] | (typeof semanticVariables)["dark"]["color"];
|
|
184
|
+
setColorScheme: (colorScheme: ColorScheme) => void;
|
|
185
|
+
};
|
|
186
|
+
//# sourceMappingURL=color-scheme-context.d.ts.map
|
|
187
|
+
//#endregion
|
|
188
|
+
//#region src/native/icon-button/icon-button.types.d.ts
|
|
189
|
+
interface IconButtonProps extends TouchableOpacityProps {
|
|
190
|
+
icon: keyof typeof icons;
|
|
191
|
+
size?: IconButtonSize;
|
|
192
|
+
variant?: ButtonTheme;
|
|
193
|
+
color?: ColorValue;
|
|
194
|
+
strokeWidth?: number;
|
|
195
|
+
fill?: ColorValue;
|
|
196
|
+
}
|
|
197
|
+
type IconButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
198
|
+
//# sourceMappingURL=icon-button.types.d.ts.map
|
|
199
|
+
//#endregion
|
|
200
|
+
//#region src/native/icon-button/icon-button.d.ts
|
|
201
|
+
declare const IconButton: ({
|
|
202
|
+
icon,
|
|
203
|
+
onPress,
|
|
204
|
+
variant,
|
|
205
|
+
size,
|
|
206
|
+
style,
|
|
207
|
+
color,
|
|
208
|
+
strokeWidth,
|
|
209
|
+
fill,
|
|
210
|
+
...otherProps
|
|
211
|
+
}: IconButtonProps) => react1.JSX.Element;
|
|
212
|
+
//# sourceMappingURL=icon-button.d.ts.map
|
|
213
|
+
//#endregion
|
|
214
|
+
//#region src/native/modal/modal.types.d.ts
|
|
215
|
+
type ModalProps = PropsWithChildren<{
|
|
216
|
+
visible?: boolean;
|
|
217
|
+
transparent?: boolean;
|
|
218
|
+
onPressBackground?: (event: GestureResponderEvent) => void;
|
|
219
|
+
}>;
|
|
220
|
+
//# sourceMappingURL=modal.types.d.ts.map
|
|
221
|
+
//#endregion
|
|
222
|
+
//#region src/native/modal/modal.d.ts
|
|
223
|
+
declare const Modal: ({
|
|
224
|
+
children,
|
|
225
|
+
visible,
|
|
226
|
+
transparent,
|
|
227
|
+
onPressBackground
|
|
228
|
+
}: ModalProps) => react5.JSX.Element;
|
|
229
|
+
//# sourceMappingURL=modal.d.ts.map
|
|
230
|
+
//#endregion
|
|
231
|
+
//#region src/native/profile-thumbnail/profile-thumbnail.d.ts
|
|
232
|
+
type ProfileThumbnailProps = {
|
|
233
|
+
size?: 'md' | 'sm' | 'lg';
|
|
234
|
+
type?: 'square' | 'circle';
|
|
235
|
+
emptyBgText: string;
|
|
236
|
+
imageUrl?: string;
|
|
237
|
+
style?: StyleProp<ViewStyle>;
|
|
238
|
+
};
|
|
239
|
+
declare const ProfileThumbnail: ({
|
|
240
|
+
size,
|
|
241
|
+
emptyBgText,
|
|
242
|
+
imageUrl,
|
|
243
|
+
type,
|
|
244
|
+
style
|
|
245
|
+
}: ProfileThumbnailProps) => react0$1.JSX.Element;
|
|
246
|
+
//#endregion
|
|
247
|
+
//#region src/native/spinner/spinner.d.ts
|
|
248
|
+
interface Props {
|
|
249
|
+
positionCenter?: boolean;
|
|
250
|
+
size?: number | 'small' | 'large' | 'medium';
|
|
251
|
+
color?: ColorValue;
|
|
252
|
+
style?: StyleProp<ViewStyle>;
|
|
253
|
+
}
|
|
254
|
+
declare const Spinner: ({
|
|
255
|
+
positionCenter,
|
|
256
|
+
size,
|
|
257
|
+
color,
|
|
258
|
+
style
|
|
259
|
+
}: Props) => react0.JSX.Element;
|
|
260
|
+
//#endregion
|
|
261
|
+
//#region src/native/text/text.types.d.ts
|
|
262
|
+
interface TextProps extends TextProps$1 {
|
|
263
|
+
weight?: 'thin' | 'light' | 'regular' | 'medium' | 'bold' | 'extraBold';
|
|
264
|
+
}
|
|
265
|
+
//# sourceMappingURL=text.types.d.ts.map
|
|
266
|
+
//#endregion
|
|
267
|
+
//#region src/native/text/text.d.ts
|
|
268
|
+
declare const Text: ({
|
|
269
|
+
children,
|
|
270
|
+
weight,
|
|
271
|
+
style,
|
|
272
|
+
...others
|
|
273
|
+
}: TextProps) => react12.JSX.Element;
|
|
274
|
+
//# sourceMappingURL=text.d.ts.map
|
|
275
|
+
//#endregion
|
|
276
|
+
//#region src/native/text-input/text-input.types.d.ts
|
|
277
|
+
interface TextInputProps extends TextInputProps$1 {}
|
|
278
|
+
//# sourceMappingURL=text-input.types.d.ts.map
|
|
279
|
+
//#endregion
|
|
280
|
+
//#region src/native/text-input/text-input.d.ts
|
|
281
|
+
declare const TextInput: react2.MemoExoticComponent<react2.ForwardRefExoticComponent<TextInputProps & react2.RefAttributes<TextInput$1>>>;
|
|
282
|
+
//# sourceMappingURL=text-input.d.ts.map
|
|
283
|
+
//#endregion
|
|
284
|
+
//#region src/native/toast/toast.types.d.ts
|
|
285
|
+
interface ToastProps {
|
|
286
|
+
type: ToastType;
|
|
287
|
+
message: string;
|
|
288
|
+
onPress?: (event: GestureResponderEvent) => void;
|
|
289
|
+
autoCloseOnPress?: boolean;
|
|
290
|
+
}
|
|
291
|
+
type ToastType = 'info' | 'warning' | 'error';
|
|
292
|
+
//# sourceMappingURL=toast.types.d.ts.map
|
|
293
|
+
//#endregion
|
|
294
|
+
//#region src/native/toast/toast.d.ts
|
|
295
|
+
declare const Toast: ({
|
|
296
|
+
type,
|
|
297
|
+
message,
|
|
298
|
+
onPress
|
|
299
|
+
}: ToastProps) => react6.JSX.Element;
|
|
300
|
+
//# sourceMappingURL=toast.d.ts.map
|
|
301
|
+
|
|
302
|
+
//#endregion
|
|
303
|
+
export { Button, ColorSchemeContext, ColorSchemeProvider, IconButton, Modal, ModalProps, ProfileThumbnail, Spinner, Text, TextInput, TextInputProps, TextProps, Toast, ToastProps, ToastType, useColorScheme };
|
|
304
|
+
//# sourceMappingURL=native.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"native.d.ts","names":[],"sources":["../src/base/button/button.types.ts","../src/base/button/button.tsx","../src/native/button/button.tsx","../src/tokens/tokens.types.ts","../src/tokens/tokens.ts","../src/contexts/ColorSchemeProvider.tsx","../src/native/contexts/color-scheme-context/color-scheme-context.tsx","../src/native/icon-button/icon-button.types.ts","../src/native/icon-button/icon-button.tsx","../src/native/modal/modal.types.ts","../src/native/modal/modal.tsx","../src/native/profile-thumbnail/profile-thumbnail.tsx","../src/native/spinner/spinner.tsx","../src/native/text/text.types.ts","../src/native/text/text.tsx","../src/native/text-input/text-input.types.ts","../src/native/text-input/text-input.tsx","../src/native/toast/toast.types.ts","../src/native/toast/toast.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;KAGY,WAAA,GAAc;UAEhB;YACE;;0BAEc,UAAQ;2BACP,UAAQ;;;KAIvB,WAAA;;;;cCHC,kBAAM;UA+ClB;;;;;;;;;;;;cC9CY,eAAM;UA4BlB;;;;;;;;;;;;KCnCW,iBAAA,UAA2B;KAC3B,qBAAA,UAA+B;KAC/B,sBAAA,UAAgC;;;;cCD/B,QAAQ;cACR;;;;;;;;;;;;;;;;;;;;MJHD,SAAW,GAAA,EAAA,uBAAA;IAAA,CAAA;EAAA,CAAA;CAEF;AAGK,cIDb,iBJCa,EAAA;EAAK,SAAG,KAAA,EAAA;IACP,SAAA,KAAA,EAAA;MAAQ,SAAA,UAAA,EAAA;QANT,SAAA,GAAA,EAAA,SAAA;QAAiB,SAAA,GAAA,EAAA,SAAA;QAU/B,SAAW,GAAA,EAAA,SAAA;;;;MCHV,SA+CZ,UAAA,EAAA;QAAA,SAAA,GAAA,EAAA,SAAA;QAAA,SAAA,GAAA,EAAA,SAAA;;;;;;;;;;;;EA/CkB,CAAA;;;;QC6BlB,SAAA,GAAA,EAAA,SAAA;QAAA,SAAA,GAAA,EAAA,SAAA;QAAA,SAAA,GAAA,EAAA,SAAA;;;;;;;;;;eA5BkB,MAAA,EAAA;QAAA,SAAA,GAAA,EAAA,SAAA;;;;QCPP,SAAiB,GAAA,EAAA,SAAU;MAC3B,CAAA;IACA,CAAA;;;;;;KEOA,WAAA;UAEK,KAAA,SAAc,uBAAuB;;;cAIzC,gBAAgB;cAIhB,eAAe;cAKf,4BAA6B;cAa7B,gBAAc;cASd,uBAAwB;KAmBhC,iBAAA;SACI;oBACW;;cAuBd;;;;GAIH;eAAiC;;OAA2B,OAAA,CAAA,GAAA,CAAA;cAoDlD,wBAAc;;;;cClJd,oBAK8B,OAAA,CALZ;eAChB;qBAED,+CACA;gCACkB;;cASnB;;;GAGV;uBACoB;OACrB,OAAA,CAAA,GAAA,CAAA;cAmBW;eArCE;qBAED,+CACA;gCACkB;;;;;UCLf,eAAA,SAAwB;qBACpB;SACZ;YACG;UACF;;SAED;;KAGG,cAAA;;;;cCPC;;;;;;;;;;GAUV,oBAAe,MAAA,CAAA,GAAA,CAAA;;;;KCbN,UAAA,GAAa;;;8BAGK;;;;;cCFjB;;;;;GAKV,eAAU,MAAA,CAAA,GAAA,CAAA;;;;KCYR,qBAAA;;;;;UAKK,UAAU;;cAGP;;;;;;GAMV,0BAAqB,QAAA,CAAA,GAAA,CAAA;;;UCjBd,KAAA;;;UAGA;UACA,UAAU;;cAGP;;;;;GAAqE,UAAK,MAAA,CAAA,GAAA,CAAA;;;UCvBtE,SAAA,SAAkB;;;;;;cCEtB;;;;;GAA4D,cAAS,OAAA,CAAA,GAAA,CAAA;;;;UCFjE,cAAA,SAAuB;;;;cC6C3B,WAAS,MAAA,CAAA,oBAAA,MAAA,CAAA,0BAAA,iBAAA,MAAA,CAAA,cAAA;;;;UC7CL,UAAA;QACT;;oBAEY;;;KAIR,SAAA;;;;cCJC;;;;GAAqC,eAAU,MAAA,CAAA,GAAA,CAAA"}
|