@pisodev/test-component-library 2.1.2 → 2.1.4
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.
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
// This file exists for TypeScript type resolution
|
|
2
|
+
// The actual implementation is in ThemeProvider.web.tsx and ThemeProvider.native.tsx
|
|
3
|
+
// Metro bundler and Rollup will automatically pick the correct platform-specific file
|
|
4
|
+
|
|
5
|
+
export { ThemeProvider } from './ThemeProvider.native';
|
|
6
|
+
export type { ThemeProviderProps } from './ThemeProvider.native';
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
// Light Theme Colors
|
|
2
|
+
$gray-50-light: #F6F8FA;
|
|
3
|
+
$gray-100-light: #EEF0F2;
|
|
4
|
+
$gray-200-light: #E6E8EA;
|
|
5
|
+
$gray-400-light: #CED0D2;
|
|
6
|
+
$gray-600-light: #86888A;
|
|
7
|
+
$gray-800-light: #2C2E30;
|
|
8
|
+
$gray-900-light: #0C0E10;
|
|
9
|
+
|
|
10
|
+
$green-400-light: #18C792;
|
|
11
|
+
$green-500-light: #16B383;
|
|
12
|
+
$green-600-light: #12976F;
|
|
13
|
+
|
|
14
|
+
$blue-400-light: #1473FF;
|
|
15
|
+
$blue-500-light: #1267E6;
|
|
16
|
+
$blue-600-light: #0F57C2;
|
|
17
|
+
|
|
18
|
+
$red-400-light: #EB4242;
|
|
19
|
+
$red-500-light: #D43B3B;
|
|
20
|
+
$red-600-light: #B33232;
|
|
21
|
+
|
|
22
|
+
$info-light: #1473FF;
|
|
23
|
+
$success-light: #18C792;
|
|
24
|
+
$error-light: #EB4242;
|
|
25
|
+
$warning-light: #F0B800;
|
|
26
|
+
|
|
27
|
+
$paper-default-light: #FFFFFF;
|
|
28
|
+
$paper-neutral-light: #F6F8FA;
|
|
29
|
+
$paper-dialog-light: #FFFFFF;
|
|
30
|
+
|
|
31
|
+
// Dark Theme Colors
|
|
32
|
+
$gray-50-dark: #1A1C1E;
|
|
33
|
+
$gray-100-dark: #282A2C;
|
|
34
|
+
$gray-200-dark: #36383A;
|
|
35
|
+
$gray-400-dark: #525456;
|
|
36
|
+
$gray-600-dark: #888A8C;
|
|
37
|
+
$gray-800-dark: #CCCED0;
|
|
38
|
+
$gray-900-dark: #FFFFFF;
|
|
39
|
+
|
|
40
|
+
$green-400-dark: #1EEEAF;
|
|
41
|
+
$green-500-dark: #54F2C2;
|
|
42
|
+
$green-600-dark: #73F4CD;
|
|
43
|
+
|
|
44
|
+
$blue-400-dark: #1473FF;
|
|
45
|
+
$blue-500-dark: #4C95FF;
|
|
46
|
+
$blue-600-dark: #6DA8FF;
|
|
47
|
+
|
|
48
|
+
$red-400-dark: #FF4848;
|
|
49
|
+
$red-500-dark: #FF7474;
|
|
50
|
+
$red-600-dark: #FF8E8E;
|
|
51
|
+
|
|
52
|
+
$info-dark: #1473FF;
|
|
53
|
+
$success-dark: #1EEEAF;
|
|
54
|
+
$error-dark: #FF4848;
|
|
55
|
+
$warning-dark: #FFC400;
|
|
56
|
+
|
|
57
|
+
$paper-default-dark: #0C0E10;
|
|
58
|
+
$paper-neutral-dark: #0C0E10;
|
|
59
|
+
$paper-dialog-dark: #1A1C1E;
|
|
60
|
+
|
|
61
|
+
// Default (Light Theme) - 간편한 사용을 위한 기본값
|
|
62
|
+
$gray-50: $gray-50-light;
|
|
63
|
+
$gray-100: $gray-100-light;
|
|
64
|
+
$gray-200: $gray-200-light;
|
|
65
|
+
$gray-400: $gray-400-light;
|
|
66
|
+
$gray-600: $gray-600-light;
|
|
67
|
+
$gray-800: $gray-800-light;
|
|
68
|
+
$gray-900: $gray-900-light;
|
|
69
|
+
|
|
70
|
+
$green-400: $green-400-light;
|
|
71
|
+
$green-500: $green-500-light;
|
|
72
|
+
$green-600: $green-600-light;
|
|
73
|
+
|
|
74
|
+
$blue-400: $blue-400-light;
|
|
75
|
+
$blue-500: $blue-500-light;
|
|
76
|
+
$blue-600: $blue-600-light;
|
|
77
|
+
|
|
78
|
+
$red-400: $red-400-light;
|
|
79
|
+
$red-500: $red-500-light;
|
|
80
|
+
$red-600: $red-600-light;
|
|
81
|
+
|
|
82
|
+
$info: $info-light;
|
|
83
|
+
$success: $success-light;
|
|
84
|
+
$error: $error-light;
|
|
85
|
+
$warning: $warning-light;
|
|
86
|
+
|
|
87
|
+
$paper-default: $paper-default-light;
|
|
88
|
+
$paper-neutral: $paper-neutral-light;
|
|
89
|
+
$paper-dialog: $paper-dialog-light;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
export { ThemeProvider } from './ThemeProvider
|
|
1
|
+
export { ThemeProvider } from './ThemeProvider';
|
|
2
|
+
export type { ThemeProviderProps } from './ThemeProvider';
|
|
2
3
|
export { useTheme } from './useTheme';
|
|
3
4
|
export { lightTheme, darkTheme } from './colors';
|
|
4
5
|
export type { Theme, ThemeMode, ColorScale, SemanticColors, PaperColors } from './colors.types';
|
package/dist/theme/index.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
export { ThemeProvider } from './ThemeProvider
|
|
1
|
+
export { ThemeProvider } from './ThemeProvider';
|
|
2
|
+
export type { ThemeProviderProps } from './ThemeProvider';
|
|
2
3
|
export { useTheme } from './useTheme';
|
|
3
4
|
export { lightTheme, darkTheme } from './colors';
|
|
4
5
|
export type { Theme, ThemeMode, ColorScale, SemanticColors, PaperColors } from './colors.types';
|