@jamadd/react-native-template-ui 0.7.3 → 0.7.5
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useResponsiveProp","useTheme","useRestyleTheme","useColorScheme","darkTheme","lightTheme","useThemeColors","colors","useThemeSpacing","spacing","useThemeBreakpoints","breakpoints","useThemeBreakpointValues","propValue","useThemeBreakpoint","responsiveVal","smallPhone","phone","smallTablet","tablet","desktop","useThemeZIndices","zIndices","useThemeBorderRadii","borderRadii","useThemeTextVariants","textVariants","useIsDarkColorScheme","overrideColorScheme","colorScheme","useColorSchemeTheme"],"sourceRoot":"../../../src","sources":["hooks/theme.ts"],"mappings":";;AAAA,SACEA,iBAAiB,EACjBC,QAAQ,IAAIC,eAAe,QAGtB,kBAAkB;AACzB,SAASC,cAAc,QAA8B,cAAc;AAEnE,SAASC,SAAS,EAAEC,UAAU,QAAQ,yBAAsB;AAE5D,OAAO,SAASJ,QAAQA,CAAA,
|
|
1
|
+
{"version":3,"names":["useResponsiveProp","useTheme","useRestyleTheme","useColorScheme","darkTheme","lightTheme","useThemeColors","colors","useThemeSpacing","spacing","useThemeBreakpoints","breakpoints","useThemeBreakpointValues","propValue","useThemeBreakpoint","responsiveVal","smallPhone","phone","smallTablet","tablet","desktop","useThemeZIndices","zIndices","useThemeBorderRadii","borderRadii","useThemeTextVariants","textVariants","useIsDarkColorScheme","overrideColorScheme","colorScheme","useColorSchemeTheme"],"sourceRoot":"../../../src","sources":["hooks/theme.ts"],"mappings":";;AAAA,SACEA,iBAAiB,EACjBC,QAAQ,IAAIC,eAAe,QAGtB,kBAAkB;AACzB,SAASC,cAAc,QAA8B,cAAc;AAEnE,SAASC,SAAS,EAAEC,UAAU,QAAQ,yBAAsB;AAE5D,OAAO,SAASJ,QAAQA,CAAA,EAAoB;EAC1C,OAAOC,eAAe,CAAI,CAAC;AAC7B;AAEA,OAAO,SAASI,cAAcA,CAAA,EAAoB;EAChD,OAAOL,QAAQ,CAAI,CAAC,CAACM,MAAM;AAC7B;AAEA,OAAO,SAASC,eAAeA,CAAA,EAAoB;EACjD,OAAOP,QAAQ,CAAI,CAAC,CAACQ,OAAO;AAC9B;AAEA,OAAO,SAASC,mBAAmBA,CAAA,EAAoB;EACrD,OAAOT,QAAQ,CAAI,CAAC,CAACU,WAAW;AAClC;AAEA,OAAO,SAASC,wBAAwBA,CACtCC,SAAmD,EACnD;EACA,OAAOb,iBAAiB,CAACa,SAAS,CAAC;AACrC;AAEA,OAAO,SAASC,kBAAkBA,CAAA,EAAG;EACnC,MAAMC,aAA+D,GAAG;IACtEC,UAAU,EAAE,YAAY;IACxBC,KAAK,EAAE,OAAO;IACdC,WAAW,EAAE,aAAa;IAC1BC,MAAM,EAAE,QAAQ;IAChBC,OAAO,EAAE;EACX,CAAC;EAED,OAAOR,wBAAwB,CAACG,aAAa,CAAC;AAChD;AAEA,OAAO,SAASM,gBAAgBA,CAAA,EAAoB;EAClD,OAAOpB,QAAQ,CAAI,CAAC,CAACqB,QAAQ;AAC/B;AAEA,OAAO,SAASC,mBAAmBA,CAAA,EAAoB;EACrD,OAAOtB,QAAQ,CAAI,CAAC,CAACuB,WAAW;AAClC;AAEA,OAAO,SAASC,oBAAoBA,CAAA,EAAoB;EACtD,OAAOxB,QAAQ,CAAI,CAAC,CAACyB,YAAY;AACnC;AAEA,OAAO,SAASC,oBAAoBA,CAACC,mBAAqC,EAAE;EAC1E,MAAMC,WAAW,GAAG1B,cAAc,CAAC,CAAC;EAEpC,OAAO,CAACyB,mBAAmB,IAAIC,WAAW,MAAM,MAAM;AACxD;AAEA,OAAO,SAASC,mBAAmBA,CAACF,mBAAqC,EAAE;EACzE,OAAOD,oBAAoB,CAACC,mBAAmB,CAAC,GAAGxB,SAAS,GAAGC,UAAU;AAC3E","ignoreList":[]}
|
|
@@ -1,115 +1,8 @@
|
|
|
1
1
|
import { type PropValue, type ResponsiveValue } from '@shopify/restyle';
|
|
2
2
|
import { type ColorSchemeName } from 'react-native';
|
|
3
3
|
import type { Theme, ThemeBreakpoints } from '../types/theme';
|
|
4
|
-
export declare function useTheme():
|
|
5
|
-
|
|
6
|
-
transparent: import("..").Palette;
|
|
7
|
-
themePri: import("..").Palette;
|
|
8
|
-
themeSec: import("..").Palette;
|
|
9
|
-
themePriT: import("..").Palette;
|
|
10
|
-
background: import("..").Palette;
|
|
11
|
-
backgroundOverlay: import("..").Palette;
|
|
12
|
-
text: import("..").Palette;
|
|
13
|
-
textOverlay: import("..").Palette;
|
|
14
|
-
textButton: import("..").Palette;
|
|
15
|
-
border: import("..").Palette;
|
|
16
|
-
separator: import("..").Palette;
|
|
17
|
-
err: import("..").Palette;
|
|
18
|
-
};
|
|
19
|
-
spacing: {
|
|
20
|
-
none: import("..").Spacing;
|
|
21
|
-
xxxs: import("..").Spacing;
|
|
22
|
-
xxs: import("..").Spacing;
|
|
23
|
-
xs: import("..").Spacing;
|
|
24
|
-
s: import("..").Spacing;
|
|
25
|
-
m: import("..").Spacing;
|
|
26
|
-
l: import("..").Spacing;
|
|
27
|
-
xl: import("..").Spacing;
|
|
28
|
-
xxl: import("..").Spacing;
|
|
29
|
-
xxxl: import("..").Spacing;
|
|
30
|
-
};
|
|
31
|
-
breakpoints: {
|
|
32
|
-
smallPhone: number;
|
|
33
|
-
phone: number;
|
|
34
|
-
smallTablet: number;
|
|
35
|
-
tablet: number;
|
|
36
|
-
desktop: number;
|
|
37
|
-
};
|
|
38
|
-
zIndices: {
|
|
39
|
-
bottom: import("..").ZIndex;
|
|
40
|
-
middle: import("..").ZIndex;
|
|
41
|
-
top: import("..").ZIndex;
|
|
42
|
-
};
|
|
43
|
-
borderRadii: {
|
|
44
|
-
s: import("..").BorderRadius;
|
|
45
|
-
m: import("..").BorderRadius;
|
|
46
|
-
l: import("..").BorderRadius;
|
|
47
|
-
round: import("..").BorderRadius;
|
|
48
|
-
};
|
|
49
|
-
textVariants: {
|
|
50
|
-
textXSBold: {
|
|
51
|
-
fontWeight: string;
|
|
52
|
-
fontSize: import("..").FontSize;
|
|
53
|
-
lineHeight: import("..").FontLineHeight;
|
|
54
|
-
color: string;
|
|
55
|
-
};
|
|
56
|
-
textSBold: {
|
|
57
|
-
fontWeight: string;
|
|
58
|
-
fontSize: import("..").FontSize;
|
|
59
|
-
lineHeight: import("..").FontLineHeight;
|
|
60
|
-
color: string;
|
|
61
|
-
};
|
|
62
|
-
textMBold: {
|
|
63
|
-
fontWeight: string;
|
|
64
|
-
fontSize: import("..").FontSize;
|
|
65
|
-
lineHeight: import("..").FontLineHeight;
|
|
66
|
-
color: string;
|
|
67
|
-
};
|
|
68
|
-
textLBold: {
|
|
69
|
-
fontWeight: string;
|
|
70
|
-
fontSize: import("..").FontSize;
|
|
71
|
-
lineHeight: import("..").FontLineHeight;
|
|
72
|
-
color: string;
|
|
73
|
-
};
|
|
74
|
-
textXLBold: {
|
|
75
|
-
fontWeight: string;
|
|
76
|
-
fontSize: import("..").FontSize;
|
|
77
|
-
lineHeight: import("..").FontLineHeight;
|
|
78
|
-
color: string;
|
|
79
|
-
};
|
|
80
|
-
defaults: {
|
|
81
|
-
fontSize: import("..").FontSize;
|
|
82
|
-
lineHeight: import("..").FontLineHeight;
|
|
83
|
-
color: string;
|
|
84
|
-
};
|
|
85
|
-
textXS: {
|
|
86
|
-
fontSize: import("..").FontSize;
|
|
87
|
-
lineHeight: import("..").FontLineHeight;
|
|
88
|
-
color: string;
|
|
89
|
-
};
|
|
90
|
-
textS: {
|
|
91
|
-
fontSize: import("..").FontSize;
|
|
92
|
-
lineHeight: import("..").FontLineHeight;
|
|
93
|
-
color: string;
|
|
94
|
-
};
|
|
95
|
-
textM: {
|
|
96
|
-
fontSize: import("..").FontSize;
|
|
97
|
-
lineHeight: import("..").FontLineHeight;
|
|
98
|
-
color: string;
|
|
99
|
-
};
|
|
100
|
-
textL: {
|
|
101
|
-
fontSize: import("..").FontSize;
|
|
102
|
-
lineHeight: import("..").FontLineHeight;
|
|
103
|
-
color: string;
|
|
104
|
-
};
|
|
105
|
-
textXL: {
|
|
106
|
-
fontSize: import("..").FontSize;
|
|
107
|
-
lineHeight: import("..").FontLineHeight;
|
|
108
|
-
color: string;
|
|
109
|
-
};
|
|
110
|
-
};
|
|
111
|
-
};
|
|
112
|
-
export declare function useThemeColors(): {
|
|
4
|
+
export declare function useTheme<T extends Theme>(): T;
|
|
5
|
+
export declare function useThemeColors<T extends Theme>(): {
|
|
113
6
|
transparent: import("..").Palette;
|
|
114
7
|
themePri: import("..").Palette;
|
|
115
8
|
themeSec: import("..").Palette;
|
|
@@ -123,7 +16,7 @@ export declare function useThemeColors(): {
|
|
|
123
16
|
separator: import("..").Palette;
|
|
124
17
|
err: import("..").Palette;
|
|
125
18
|
};
|
|
126
|
-
export declare function useThemeSpacing(): {
|
|
19
|
+
export declare function useThemeSpacing<T extends Theme>(): {
|
|
127
20
|
none: import("..").Spacing;
|
|
128
21
|
xxxs: import("..").Spacing;
|
|
129
22
|
xxs: import("..").Spacing;
|
|
@@ -135,7 +28,7 @@ export declare function useThemeSpacing(): {
|
|
|
135
28
|
xxl: import("..").Spacing;
|
|
136
29
|
xxxl: import("..").Spacing;
|
|
137
30
|
};
|
|
138
|
-
export declare function useThemeBreakpoints(): {
|
|
31
|
+
export declare function useThemeBreakpoints<T extends Theme>(): {
|
|
139
32
|
smallPhone: number;
|
|
140
33
|
phone: number;
|
|
141
34
|
smallTablet: number;
|
|
@@ -144,18 +37,18 @@ export declare function useThemeBreakpoints(): {
|
|
|
144
37
|
};
|
|
145
38
|
export declare function useThemeBreakpointValues<T extends PropValue>(propValue: ResponsiveValue<T, Theme['breakpoints']>): T | undefined;
|
|
146
39
|
export declare function useThemeBreakpoint(): ThemeBreakpoints;
|
|
147
|
-
export declare function useThemeZIndices(): {
|
|
40
|
+
export declare function useThemeZIndices<T extends Theme>(): {
|
|
148
41
|
bottom: import("..").ZIndex;
|
|
149
42
|
middle: import("..").ZIndex;
|
|
150
43
|
top: import("..").ZIndex;
|
|
151
44
|
};
|
|
152
|
-
export declare function useThemeBorderRadii(): {
|
|
45
|
+
export declare function useThemeBorderRadii<T extends Theme>(): {
|
|
153
46
|
s: import("..").BorderRadius;
|
|
154
47
|
m: import("..").BorderRadius;
|
|
155
48
|
l: import("..").BorderRadius;
|
|
156
49
|
round: import("..").BorderRadius;
|
|
157
50
|
};
|
|
158
|
-
export declare function useThemeTextVariants(): {
|
|
51
|
+
export declare function useThemeTextVariants<T extends Theme>(): {
|
|
159
52
|
textXSBold: {
|
|
160
53
|
fontWeight: string;
|
|
161
54
|
fontSize: import("..").FontSize;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../src/hooks/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,SAAS,EACd,KAAK,eAAe,EACrB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAkB,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,KAAK,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAG9D,wBAAgB,QAAQ
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../src/hooks/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,SAAS,EACd,KAAK,eAAe,EACrB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAkB,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,KAAK,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAG9D,wBAAgB,QAAQ,CAAC,CAAC,SAAS,KAAK,OAEvC;AAED,wBAAgB,cAAc,CAAC,CAAC,SAAS,KAAK;;;;;;;;;;;;;EAE7C;AAED,wBAAgB,eAAe,CAAC,CAAC,SAAS,KAAK;;;;;;;;;;;EAE9C;AAED,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,KAAK;;;;;;EAElD;AAED,wBAAgB,wBAAwB,CAAC,CAAC,SAAS,SAAS,EAC1D,SAAS,EAAE,eAAe,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,iBAGpD;AAED,wBAAgB,kBAAkB,IASkB,gBAAgB,CACnE;AAED,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,KAAK;;;;EAE/C;AAED,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,KAAK;;;;;EAElD;AAED,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAEnD;AAED,wBAAgB,oBAAoB,CAAC,mBAAmB,CAAC,EAAE,eAAe,WAIzE;AAED,wBAAgB,mBAAmB,CAAC,mBAAmB,CAAC,EAAE,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAExE"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jamadd/react-native-template-ui",
|
|
3
|
-
"version": "0.7.
|
|
3
|
+
"version": "0.7.5",
|
|
4
4
|
"description": "React Native Template UI is a collection of UI components designed by JaMa D&D.",
|
|
5
5
|
"main": "./lib/module/index.js",
|
|
6
6
|
"types": "./lib/typescript/src/index.d.ts",
|