react-native-mantine 0.8.0 → 0.10.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/lib/commonjs/components/Button/index.js +52 -17
- package/lib/commonjs/components/Button/index.js.map +1 -1
- package/lib/commonjs/components/Code/index.js +3 -1
- package/lib/commonjs/components/Code/index.js.map +1 -1
- package/lib/commonjs/components/Gradient/Gradient.js +70 -0
- package/lib/commonjs/components/Gradient/Gradient.js.map +1 -0
- package/lib/commonjs/components/Gradient/index.js +19 -0
- package/lib/commonjs/components/Gradient/index.js.map +1 -0
- package/lib/commonjs/components/Modal/index.js +33 -3
- package/lib/commonjs/components/Modal/index.js.map +1 -1
- package/lib/commonjs/components/Paper/index.js +1 -76
- package/lib/commonjs/components/Paper/index.js.map +1 -1
- package/lib/commonjs/components/Switch/index.js +6 -2
- package/lib/commonjs/components/Switch/index.js.map +1 -1
- package/lib/commonjs/components/Text/index.js +27 -8
- package/lib/commonjs/components/Text/index.js.map +1 -1
- package/lib/commonjs/components/ThemeIcon/index.js +6 -4
- package/lib/commonjs/components/ThemeIcon/index.js.map +1 -1
- package/lib/commonjs/components/Title/index.js +7 -3
- package/lib/commonjs/components/Title/index.js.map +1 -1
- package/lib/commonjs/components/index.js +33 -22
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/commonjs/theme/create-theme.js +3 -5
- package/lib/commonjs/theme/create-theme.js.map +1 -1
- package/lib/commonjs/theme/default-theme.js +168 -21
- package/lib/commonjs/theme/default-theme.js.map +1 -1
- package/lib/commonjs/theme/functions/attach-functions.js +7 -1
- package/lib/commonjs/theme/functions/attach-functions.js.map +1 -1
- package/lib/commonjs/theme/functions/fns/breakpoints.js +69 -0
- package/lib/commonjs/theme/functions/fns/breakpoints.js.map +1 -0
- package/lib/commonjs/theme/functions/fns/darken.js +25 -0
- package/lib/commonjs/theme/functions/fns/darken.js.map +1 -0
- package/lib/commonjs/theme/functions/fns/dimmed.js +19 -0
- package/lib/commonjs/theme/functions/fns/dimmed.js.map +1 -0
- package/lib/commonjs/theme/functions/fns/gradient/gradient.js +78 -0
- package/lib/commonjs/theme/functions/fns/gradient/gradient.js.map +1 -0
- package/lib/commonjs/theme/functions/fns/helpers.js +1 -2
- package/lib/commonjs/theme/functions/fns/helpers.js.map +1 -1
- package/lib/commonjs/theme/functions/fns/index.js +15 -0
- package/lib/commonjs/theme/functions/fns/index.js.map +1 -1
- package/lib/commonjs/theme/functions/fns/lighten.js +24 -0
- package/lib/commonjs/theme/functions/fns/lighten.js.map +1 -0
- package/lib/commonjs/theme/functions/fns/primary-shade.js +18 -0
- package/lib/commonjs/theme/functions/fns/primary-shade.js.map +1 -0
- package/lib/commonjs/theme/functions/fns/shadow.js +107 -0
- package/lib/commonjs/theme/functions/fns/shadow.js.map +1 -0
- package/lib/commonjs/theme/functions/fns/theme-color/theme-color.js +3 -2
- package/lib/commonjs/theme/functions/fns/theme-color/theme-color.js.map +1 -1
- package/lib/commonjs/theme/functions/fns/variant.js +7 -6
- package/lib/commonjs/theme/functions/fns/variant.js.map +1 -1
- package/lib/commonjs/theme/index.js +14 -0
- package/lib/commonjs/theme/index.js.map +1 -1
- package/lib/commonjs/theme/theme-provider.js +10 -3
- package/lib/commonjs/theme/theme-provider.js.map +1 -1
- package/lib/commonjs/theme/utils/to-rgba.js +57 -0
- package/lib/commonjs/theme/utils/to-rgba.js.map +1 -0
- package/lib/module/components/Button/index.js +53 -18
- package/lib/module/components/Button/index.js.map +1 -1
- package/lib/module/components/Code/index.js +3 -1
- package/lib/module/components/Code/index.js.map +1 -1
- package/lib/module/components/Gradient/Gradient.js +64 -0
- package/lib/module/components/Gradient/Gradient.js.map +1 -0
- package/lib/module/components/Gradient/index.js +4 -0
- package/lib/module/components/Gradient/index.js.map +1 -0
- package/lib/module/components/Modal/index.js +35 -5
- package/lib/module/components/Modal/index.js.map +1 -1
- package/lib/module/components/Paper/index.js +1 -76
- package/lib/module/components/Paper/index.js.map +1 -1
- package/lib/module/components/Switch/index.js +6 -2
- package/lib/module/components/Switch/index.js.map +1 -1
- package/lib/module/components/Text/index.js +27 -8
- package/lib/module/components/Text/index.js.map +1 -1
- package/lib/module/components/ThemeIcon/index.js +6 -4
- package/lib/module/components/ThemeIcon/index.js.map +1 -1
- package/lib/module/components/Title/index.js +7 -3
- package/lib/module/components/Title/index.js.map +1 -1
- package/lib/module/components/index.js +1 -0
- package/lib/module/components/index.js.map +1 -1
- package/lib/module/theme/create-theme.js +3 -5
- package/lib/module/theme/create-theme.js.map +1 -1
- package/lib/module/theme/default-theme.js +168 -21
- package/lib/module/theme/default-theme.js.map +1 -1
- package/lib/module/theme/functions/attach-functions.js +7 -1
- package/lib/module/theme/functions/attach-functions.js.map +1 -1
- package/lib/module/theme/functions/fns/breakpoints.js +64 -0
- package/lib/module/theme/functions/fns/breakpoints.js.map +1 -0
- package/lib/module/theme/functions/fns/darken.js +22 -0
- package/lib/module/theme/functions/fns/darken.js.map +1 -0
- package/lib/module/theme/functions/fns/dimmed.js +15 -0
- package/lib/module/theme/functions/fns/dimmed.js.map +1 -0
- package/lib/module/theme/functions/fns/gradient/gradient.js +74 -0
- package/lib/module/theme/functions/fns/gradient/gradient.js.map +1 -0
- package/lib/module/theme/functions/fns/helpers.js +1 -2
- package/lib/module/theme/functions/fns/helpers.js.map +1 -1
- package/lib/module/theme/functions/fns/index.js +15 -0
- package/lib/module/theme/functions/fns/index.js.map +1 -1
- package/lib/module/theme/functions/fns/lighten.js +21 -0
- package/lib/module/theme/functions/fns/lighten.js.map +1 -0
- package/lib/module/theme/functions/fns/primary-shade.js +14 -0
- package/lib/module/theme/functions/fns/primary-shade.js.map +1 -0
- package/lib/module/theme/functions/fns/shadow.js +103 -0
- package/lib/module/theme/functions/fns/shadow.js.map +1 -0
- package/lib/module/theme/functions/fns/theme-color/theme-color.js +3 -2
- package/lib/module/theme/functions/fns/theme-color/theme-color.js.map +1 -1
- package/lib/module/theme/functions/fns/variant.js +7 -6
- package/lib/module/theme/functions/fns/variant.js.map +1 -1
- package/lib/module/theme/index.js +2 -0
- package/lib/module/theme/index.js.map +1 -1
- package/lib/module/theme/theme-provider.js +10 -3
- package/lib/module/theme/theme-provider.js.map +1 -1
- package/lib/module/theme/utils/to-rgba.js +53 -0
- package/lib/module/theme/utils/to-rgba.js.map +1 -0
- package/lib/typescript/commonjs/src/components/Button/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/Code/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/Gradient/Gradient.d.ts +32 -0
- package/lib/typescript/commonjs/src/components/Gradient/Gradient.d.ts.map +1 -0
- package/lib/typescript/commonjs/src/components/Gradient/index.d.ts +3 -0
- package/lib/typescript/commonjs/src/components/Gradient/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/src/components/Modal/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/Paper/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/Switch/index.d.ts +3 -3
- package/lib/typescript/commonjs/src/components/Switch/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/Text/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/ThemeIcon/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/Title/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/index.d.ts +1 -0
- package/lib/typescript/commonjs/src/components/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/theme/create-theme.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/theme/default-theme.d.ts +34 -3
- package/lib/typescript/commonjs/src/theme/default-theme.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/theme/functions/attach-functions.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/theme/functions/fns/breakpoints.d.ts +15 -0
- package/lib/typescript/commonjs/src/theme/functions/fns/breakpoints.d.ts.map +1 -0
- package/lib/typescript/commonjs/src/theme/functions/fns/darken.d.ts +8 -0
- package/lib/typescript/commonjs/src/theme/functions/fns/darken.d.ts.map +1 -0
- package/lib/typescript/commonjs/src/theme/functions/fns/dimmed.d.ts +9 -0
- package/lib/typescript/commonjs/src/theme/functions/fns/dimmed.d.ts.map +1 -0
- package/lib/typescript/commonjs/src/theme/functions/fns/gradient/gradient.d.ts +13 -0
- package/lib/typescript/commonjs/src/theme/functions/fns/gradient/gradient.d.ts.map +1 -0
- package/lib/typescript/commonjs/src/theme/functions/fns/helpers.d.ts +1 -2
- package/lib/typescript/commonjs/src/theme/functions/fns/helpers.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/theme/functions/fns/index.d.ts +16 -1
- package/lib/typescript/commonjs/src/theme/functions/fns/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/theme/functions/fns/lighten.d.ts +8 -0
- package/lib/typescript/commonjs/src/theme/functions/fns/lighten.d.ts.map +1 -0
- package/lib/typescript/commonjs/src/theme/functions/fns/primary-shade.d.ts +7 -0
- package/lib/typescript/commonjs/src/theme/functions/fns/primary-shade.d.ts.map +1 -0
- package/lib/typescript/commonjs/src/theme/functions/fns/shadow.d.ts +24 -0
- package/lib/typescript/commonjs/src/theme/functions/fns/shadow.d.ts.map +1 -0
- package/lib/typescript/commonjs/src/theme/functions/fns/theme-color/theme-color.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/theme/functions/fns/variant.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/theme/index.d.ts +4 -0
- package/lib/typescript/commonjs/src/theme/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/theme/theme-provider.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/theme/utils/to-rgba.d.ts +9 -0
- package/lib/typescript/commonjs/src/theme/utils/to-rgba.d.ts.map +1 -0
- package/lib/typescript/module/src/components/Button/index.d.ts.map +1 -1
- package/lib/typescript/module/src/components/Code/index.d.ts.map +1 -1
- package/lib/typescript/module/src/components/Gradient/Gradient.d.ts +32 -0
- package/lib/typescript/module/src/components/Gradient/Gradient.d.ts.map +1 -0
- package/lib/typescript/module/src/components/Gradient/index.d.ts +3 -0
- package/lib/typescript/module/src/components/Gradient/index.d.ts.map +1 -0
- package/lib/typescript/module/src/components/Modal/index.d.ts.map +1 -1
- package/lib/typescript/module/src/components/Paper/index.d.ts.map +1 -1
- package/lib/typescript/module/src/components/Switch/index.d.ts +3 -3
- package/lib/typescript/module/src/components/Switch/index.d.ts.map +1 -1
- package/lib/typescript/module/src/components/Text/index.d.ts.map +1 -1
- package/lib/typescript/module/src/components/ThemeIcon/index.d.ts.map +1 -1
- package/lib/typescript/module/src/components/Title/index.d.ts.map +1 -1
- package/lib/typescript/module/src/components/index.d.ts +1 -0
- package/lib/typescript/module/src/components/index.d.ts.map +1 -1
- package/lib/typescript/module/src/theme/create-theme.d.ts.map +1 -1
- package/lib/typescript/module/src/theme/default-theme.d.ts +34 -3
- package/lib/typescript/module/src/theme/default-theme.d.ts.map +1 -1
- package/lib/typescript/module/src/theme/functions/attach-functions.d.ts.map +1 -1
- package/lib/typescript/module/src/theme/functions/fns/breakpoints.d.ts +15 -0
- package/lib/typescript/module/src/theme/functions/fns/breakpoints.d.ts.map +1 -0
- package/lib/typescript/module/src/theme/functions/fns/darken.d.ts +8 -0
- package/lib/typescript/module/src/theme/functions/fns/darken.d.ts.map +1 -0
- package/lib/typescript/module/src/theme/functions/fns/dimmed.d.ts +9 -0
- package/lib/typescript/module/src/theme/functions/fns/dimmed.d.ts.map +1 -0
- package/lib/typescript/module/src/theme/functions/fns/gradient/gradient.d.ts +13 -0
- package/lib/typescript/module/src/theme/functions/fns/gradient/gradient.d.ts.map +1 -0
- package/lib/typescript/module/src/theme/functions/fns/helpers.d.ts +1 -2
- package/lib/typescript/module/src/theme/functions/fns/helpers.d.ts.map +1 -1
- package/lib/typescript/module/src/theme/functions/fns/index.d.ts +16 -1
- package/lib/typescript/module/src/theme/functions/fns/index.d.ts.map +1 -1
- package/lib/typescript/module/src/theme/functions/fns/lighten.d.ts +8 -0
- package/lib/typescript/module/src/theme/functions/fns/lighten.d.ts.map +1 -0
- package/lib/typescript/module/src/theme/functions/fns/primary-shade.d.ts +7 -0
- package/lib/typescript/module/src/theme/functions/fns/primary-shade.d.ts.map +1 -0
- package/lib/typescript/module/src/theme/functions/fns/shadow.d.ts +24 -0
- package/lib/typescript/module/src/theme/functions/fns/shadow.d.ts.map +1 -0
- package/lib/typescript/module/src/theme/functions/fns/theme-color/theme-color.d.ts.map +1 -1
- package/lib/typescript/module/src/theme/functions/fns/variant.d.ts.map +1 -1
- package/lib/typescript/module/src/theme/index.d.ts +4 -0
- package/lib/typescript/module/src/theme/index.d.ts.map +1 -1
- package/lib/typescript/module/src/theme/theme-provider.d.ts.map +1 -1
- package/lib/typescript/module/src/theme/utils/to-rgba.d.ts +9 -0
- package/lib/typescript/module/src/theme/utils/to-rgba.d.ts.map +1 -0
- package/package.json +1 -1
- package/src/components/Button/index.tsx +61 -21
- package/src/components/Code/index.tsx +3 -1
- package/src/components/Gradient/Gradient.tsx +71 -0
- package/src/components/Gradient/index.tsx +2 -0
- package/src/components/Modal/index.tsx +33 -3
- package/src/components/Paper/index.tsx +1 -63
- package/src/components/Switch/index.tsx +10 -6
- package/src/components/Text/index.tsx +28 -16
- package/src/components/ThemeIcon/index.tsx +6 -4
- package/src/components/Title/index.tsx +7 -3
- package/src/components/index.tsx +1 -0
- package/src/theme/create-theme.ts +3 -5
- package/src/theme/default-theme.ts +179 -91
- package/src/theme/functions/attach-functions.ts +6 -0
- package/src/theme/functions/fns/breakpoints.ts +62 -0
- package/src/theme/functions/fns/darken.ts +16 -0
- package/src/theme/functions/fns/dimmed.ts +16 -0
- package/src/theme/functions/fns/gradient/gradient.ts +63 -0
- package/src/theme/functions/fns/helpers.ts +1 -2
- package/src/theme/functions/fns/index.ts +15 -0
- package/src/theme/functions/fns/lighten.ts +15 -0
- package/src/theme/functions/fns/primary-shade.ts +17 -0
- package/src/theme/functions/fns/shadow.ts +100 -0
- package/src/theme/functions/fns/theme-color/theme-color.ts +3 -2
- package/src/theme/functions/fns/variant.ts +6 -5
- package/src/theme/index.tsx +4 -0
- package/src/theme/theme-provider.tsx +8 -3
- package/src/theme/theme.d.ts +11 -1
- package/src/theme/utils/to-rgba.ts +69 -0
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.shadow = shadow;
|
|
7
|
+
var _reactNative = require("react-native");
|
|
8
|
+
/**
|
|
9
|
+
* Platform-specific shadow configurations
|
|
10
|
+
* iOS uses shadowColor, shadowOffset, shadowOpacity, shadowRadius
|
|
11
|
+
* Android uses elevation
|
|
12
|
+
*/
|
|
13
|
+
const SHADOW_CONFIG = {
|
|
14
|
+
xs: {
|
|
15
|
+
ios: {
|
|
16
|
+
shadowColor: '#000',
|
|
17
|
+
shadowOffset: {
|
|
18
|
+
width: 0,
|
|
19
|
+
height: 1
|
|
20
|
+
},
|
|
21
|
+
shadowOpacity: 0.05,
|
|
22
|
+
shadowRadius: 1
|
|
23
|
+
},
|
|
24
|
+
android: {
|
|
25
|
+
elevation: 1
|
|
26
|
+
}
|
|
27
|
+
},
|
|
28
|
+
sm: {
|
|
29
|
+
ios: {
|
|
30
|
+
shadowColor: '#000',
|
|
31
|
+
shadowOffset: {
|
|
32
|
+
width: 0,
|
|
33
|
+
height: 1
|
|
34
|
+
},
|
|
35
|
+
shadowOpacity: 0.1,
|
|
36
|
+
shadowRadius: 2
|
|
37
|
+
},
|
|
38
|
+
android: {
|
|
39
|
+
elevation: 2
|
|
40
|
+
}
|
|
41
|
+
},
|
|
42
|
+
md: {
|
|
43
|
+
ios: {
|
|
44
|
+
shadowColor: '#000',
|
|
45
|
+
shadowOffset: {
|
|
46
|
+
width: 0,
|
|
47
|
+
height: 2
|
|
48
|
+
},
|
|
49
|
+
shadowOpacity: 0.15,
|
|
50
|
+
shadowRadius: 4
|
|
51
|
+
},
|
|
52
|
+
android: {
|
|
53
|
+
elevation: 4
|
|
54
|
+
}
|
|
55
|
+
},
|
|
56
|
+
lg: {
|
|
57
|
+
ios: {
|
|
58
|
+
shadowColor: '#000',
|
|
59
|
+
shadowOffset: {
|
|
60
|
+
width: 0,
|
|
61
|
+
height: 4
|
|
62
|
+
},
|
|
63
|
+
shadowOpacity: 0.2,
|
|
64
|
+
shadowRadius: 8
|
|
65
|
+
},
|
|
66
|
+
android: {
|
|
67
|
+
elevation: 8
|
|
68
|
+
}
|
|
69
|
+
},
|
|
70
|
+
xl: {
|
|
71
|
+
ios: {
|
|
72
|
+
shadowColor: '#000',
|
|
73
|
+
shadowOffset: {
|
|
74
|
+
width: 0,
|
|
75
|
+
height: 8
|
|
76
|
+
},
|
|
77
|
+
shadowOpacity: 0.25,
|
|
78
|
+
shadowRadius: 16
|
|
79
|
+
},
|
|
80
|
+
android: {
|
|
81
|
+
elevation: 12
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
};
|
|
85
|
+
|
|
86
|
+
/**
|
|
87
|
+
* Returns platform-specific shadow styles for React Native
|
|
88
|
+
* @param size - Shadow size (xs, sm, md, lg, xl)
|
|
89
|
+
* @returns Object with shadow properties for the current platform
|
|
90
|
+
*
|
|
91
|
+
* @example
|
|
92
|
+
* // iOS will get: { shadowColor: '#000', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 0.15, shadowRadius: 4 }
|
|
93
|
+
* // Android will get: { elevation: 4 }
|
|
94
|
+
* const shadowStyles = shadow('md');
|
|
95
|
+
*/
|
|
96
|
+
function shadow(size) {
|
|
97
|
+
if (!size) {
|
|
98
|
+
return {};
|
|
99
|
+
}
|
|
100
|
+
const shadowSize = size;
|
|
101
|
+
const shadowConfig = SHADOW_CONFIG[shadowSize];
|
|
102
|
+
if (!shadowConfig) {
|
|
103
|
+
return {};
|
|
104
|
+
}
|
|
105
|
+
return _reactNative.Platform.OS === 'ios' ? shadowConfig.ios : shadowConfig.android;
|
|
106
|
+
}
|
|
107
|
+
//# sourceMappingURL=shadow.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_reactNative","require","SHADOW_CONFIG","xs","ios","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","android","elevation","sm","md","lg","xl","shadow","size","shadowSize","shadowConfig","Platform","OS"],"sourceRoot":"../../../../../src","sources":["theme/functions/fns/shadow.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAaA;AACA;AACA;AACA;AACA;AACA,MAAMC,aAAkF,GAAG;EACzFC,EAAE,EAAE;IACFC,GAAG,EAAE;MACHC,WAAW,EAAE,MAAM;MACnBC,YAAY,EAAE;QAAEC,KAAK,EAAE,CAAC;QAAEC,MAAM,EAAE;MAAE,CAAC;MACrCC,aAAa,EAAE,IAAI;MACnBC,YAAY,EAAE;IAChB,CAAC;IACDC,OAAO,EAAE;MACPC,SAAS,EAAE;IACb;EACF,CAAC;EACDC,EAAE,EAAE;IACFT,GAAG,EAAE;MACHC,WAAW,EAAE,MAAM;MACnBC,YAAY,EAAE;QAAEC,KAAK,EAAE,CAAC;QAAEC,MAAM,EAAE;MAAE,CAAC;MACrCC,aAAa,EAAE,GAAG;MAClBC,YAAY,EAAE;IAChB,CAAC;IACDC,OAAO,EAAE;MACPC,SAAS,EAAE;IACb;EACF,CAAC;EACDE,EAAE,EAAE;IACFV,GAAG,EAAE;MACHC,WAAW,EAAE,MAAM;MACnBC,YAAY,EAAE;QAAEC,KAAK,EAAE,CAAC;QAAEC,MAAM,EAAE;MAAE,CAAC;MACrCC,aAAa,EAAE,IAAI;MACnBC,YAAY,EAAE;IAChB,CAAC;IACDC,OAAO,EAAE;MACPC,SAAS,EAAE;IACb;EACF,CAAC;EACDG,EAAE,EAAE;IACFX,GAAG,EAAE;MACHC,WAAW,EAAE,MAAM;MACnBC,YAAY,EAAE;QAAEC,KAAK,EAAE,CAAC;QAAEC,MAAM,EAAE;MAAE,CAAC;MACrCC,aAAa,EAAE,GAAG;MAClBC,YAAY,EAAE;IAChB,CAAC;IACDC,OAAO,EAAE;MACPC,SAAS,EAAE;IACb;EACF,CAAC;EACDI,EAAE,EAAE;IACFZ,GAAG,EAAE;MACHC,WAAW,EAAE,MAAM;MACnBC,YAAY,EAAE;QAAEC,KAAK,EAAE,CAAC;QAAEC,MAAM,EAAE;MAAE,CAAC;MACrCC,aAAa,EAAE,IAAI;MACnBC,YAAY,EAAE;IAChB,CAAC;IACDC,OAAO,EAAE;MACPC,SAAS,EAAE;IACb;EACF;AACF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASK,MAAMA,CAACC,IAAkC,EAAgB;EACvE,IAAI,CAACA,IAAI,EAAE;IACT,OAAO,CAAC,CAAC;EACX;EAEA,MAAMC,UAAU,GAAGD,IAAqB;EACxC,MAAME,YAAY,GAAGlB,aAAa,CAACiB,UAAU,CAAC;EAE9C,IAAI,CAACC,YAAY,EAAE;IACjB,OAAO,CAAC,CAAC;EACX;EAEA,OAAOC,qBAAQ,CAACC,EAAE,KAAK,KAAK,GAAGF,YAAY,CAAChB,GAAG,GAAGgB,YAAY,CAACT,OAAO;AACxE","ignoreList":[]}
|
|
@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.themeColor = themeColor;
|
|
7
|
+
var _primaryShade = require("../primary-shade.js");
|
|
7
8
|
function themeColor({
|
|
8
9
|
theme,
|
|
9
10
|
color,
|
|
@@ -25,8 +26,8 @@ function themeColor({
|
|
|
25
26
|
return color;
|
|
26
27
|
}
|
|
27
28
|
|
|
28
|
-
// Use provided shade or
|
|
29
|
-
const colorShade = shade !== undefined ? shade : theme
|
|
29
|
+
// Use provided shade or get from theme based on color scheme
|
|
30
|
+
const colorShade = shade !== undefined ? shade : (0, _primaryShade.getPrimaryShade)(theme);
|
|
30
31
|
|
|
31
32
|
// Return the color at the specified shade
|
|
32
33
|
return colorPalette[colorShade] || colorPalette[0] || color;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["themeColor","theme","color","shade","startsWith","colorPalette","colors","colorShade","undefined","
|
|
1
|
+
{"version":3,"names":["_primaryShade","require","themeColor","theme","color","shade","startsWith","colorPalette","colors","colorShade","undefined","getPrimaryShade"],"sourceRoot":"../../../../../../src","sources":["theme/functions/fns/theme-color/theme-color.ts"],"mappings":";;;;;;AAEA,IAAAA,aAAA,GAAAC,OAAA;AAQO,SAASC,UAAUA,CAAC;EAAEC,KAAK;EAAEC,KAAK;EAAEC;AAAuB,CAAC,EAAU;EAC3E,IAAI,CAACD,KAAK,EAAE;IACV,OAAO,EAAE;EACX;;EAEA;EACA,IACEA,KAAK,CAACE,UAAU,CAAC,GAAG,CAAC,IACrBF,KAAK,CAACE,UAAU,CAAC,KAAK,CAAC,IACvBF,KAAK,CAACE,UAAU,CAAC,KAAK,CAAC,EACvB;IACA,OAAOF,KAAK;EACd;;EAEA;EACA,MAAMG,YAAY,GAAGJ,KAAK,CAACK,MAAM,CAACJ,KAAK,CAAC;EAExC,IAAI,CAACG,YAAY,EAAE;IACjB;IACA,OAAOH,KAAK;EACd;;EAEA;EACA,MAAMK,UAAU,GAAGJ,KAAK,KAAKK,SAAS,GAAGL,KAAK,GAAG,IAAAM,6BAAe,EAACR,KAAK,CAAC;;EAEvE;EACA,OAAOI,YAAY,CAACE,UAAU,CAAC,IAAIF,YAAY,CAAC,CAAC,CAAC,IAAIH,KAAK;AAC7D","ignoreList":[]}
|
|
@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.variant = void 0;
|
|
7
7
|
var _themeColor = require("./theme-color/theme-color.js");
|
|
8
|
+
var _primaryShade = require("./primary-shade.js");
|
|
8
9
|
const variant = theme => input => {
|
|
9
10
|
const {
|
|
10
11
|
variant,
|
|
11
|
-
color = theme.primaryColor
|
|
12
|
-
gradient
|
|
12
|
+
color = theme.primaryColor
|
|
13
13
|
} = input;
|
|
14
|
-
const primaryShade = theme
|
|
14
|
+
const primaryShade = (0, _primaryShade.getPrimaryShade)(theme);
|
|
15
15
|
const getColor = (c, shade) => (0, _themeColor.themeColor)({
|
|
16
16
|
theme,
|
|
17
17
|
color: c,
|
|
@@ -76,10 +76,11 @@ const variant = theme => input => {
|
|
|
76
76
|
}
|
|
77
77
|
case 'gradient':
|
|
78
78
|
{
|
|
79
|
-
|
|
80
|
-
|
|
79
|
+
// For gradient variant, return transparent background
|
|
80
|
+
// The actual gradient rendering is handled by LinearGradient component
|
|
81
|
+
// We just need to provide the text color and border
|
|
81
82
|
return {
|
|
82
|
-
background:
|
|
83
|
+
background: 'transparent',
|
|
83
84
|
color: '#fff',
|
|
84
85
|
border: 'transparent'
|
|
85
86
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_themeColor","require","variant","theme","input","color","primaryColor","
|
|
1
|
+
{"version":3,"names":["_themeColor","require","_primaryShade","variant","theme","input","color","primaryColor","primaryShade","getPrimaryShade","getColor","c","shade","themeColor","filledColor","background","border","hover","outlineColor","light","text","colors","gray","exports"],"sourceRoot":"../../../../../src","sources":["theme/functions/fns/variant.ts"],"mappings":";;;;;;AAEA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAuBO,MAAME,OAAO,GAAIC,KAAmB,IAAMC,KAAmB,IAAoB;EACtF,MAAM;IACJF,OAAO;IACPG,KAAK,GAAGF,KAAK,CAACG;EAChB,CAAC,GAAGF,KAAK;EAET,MAAMG,YAAY,GAAG,IAAAC,6BAAe,EAACL,KAAK,CAAC;EAC3C,MAAMM,QAAQ,GAAGA,CAACC,CAAS,EAAEC,KAAa,KAAK,IAAAC,sBAAU,EAAC;IAAET,KAAK;IAAEE,KAAK,EAAEK,CAAC;IAAEC;EAAM,CAAC,CAAC;EAErF,QAAQT,OAAO;IACb,KAAK,QAAQ;MAAE;QACb,MAAMW,WAAW,GAAGJ,QAAQ,CAACJ,KAAK,EAAEE,YAAY,CAAC;QACjD,OAAO;UACLO,UAAU,EAAED,WAAW;UACvBR,KAAK,EAAE,MAAM;UACbU,MAAM,EAAEF,WAAW;UACnBG,KAAK,EAAEP,QAAQ,CAACJ,KAAK,EAAEE,YAAY,GAAG,CAAC,GAAGA,YAAY,GAAG,CAAC,GAAGA,YAAY;QAC3E,CAAC;MACH;IAEA,KAAK,OAAO;MAAE;QACZ,OAAO;UACLO,UAAU,EAAEL,QAAQ,CAACJ,KAAK,EAAE,CAAC,CAAC;UAC9BA,KAAK,EAAEI,QAAQ,CAACJ,KAAK,EAAEE,YAAY,GAAG,CAAC,GAAGA,YAAY,GAAG,CAAC,CAAC;UAC3DQ,MAAM,EAAE,aAAa;UACrBC,KAAK,EAAEP,QAAQ,CAACJ,KAAK,EAAE,CAAC;QAC1B,CAAC;MACH;IAEA,KAAK,SAAS;MAAE;QACd,MAAMY,YAAY,GAAGR,QAAQ,CAACJ,KAAK,EAAEE,YAAY,CAAC;QAClD,OAAO;UACLO,UAAU,EAAE,aAAa;UACzBT,KAAK,EAAEY,YAAY;UACnBF,MAAM,EAAEE,YAAY;UACpBD,KAAK,EAAEP,QAAQ,CAACJ,KAAK,EAAE,CAAC;QAC1B,CAAC;MACH;IAEA,KAAK,QAAQ;MAAE;QACb,OAAO;UACLS,UAAU,EAAE,aAAa;UACzBT,KAAK,EAAEI,QAAQ,CAACJ,KAAK,EAAEE,YAAY,CAAC;UACpCQ,MAAM,EAAE,aAAa;UACrBC,KAAK,EAAEP,QAAQ,CAACJ,KAAK,EAAE,CAAC;QAC1B,CAAC;MACH;IAEA,KAAK,OAAO;MAAE;QACZ,OAAO;UACLS,UAAU,EAAE,MAAM;UAClBT,KAAK,EAAEI,QAAQ,CAACJ,KAAK,EAAEE,YAAY,CAAC;UACpCQ,MAAM,EAAE,MAAM;UACdC,KAAK,EAAE;QACT,CAAC;MACH;IAEA,KAAK,SAAS;MAAE;QACd,OAAO;UACLF,UAAU,EAAEX,KAAK,CAACe,KAAK,CAACJ,UAAU;UAClCT,KAAK,EAAEF,KAAK,CAACe,KAAK,CAACC,IAAI;UACvBJ,MAAM,EAAEZ,KAAK,CAACiB,MAAM,CAACC,IAAI,GAAG,CAAC,CAAC,IAAI,SAAS;UAC3CL,KAAK,EAAEb,KAAK,CAACiB,MAAM,CAACC,IAAI,GAAG,CAAC,CAAC,IAAI;QACnC,CAAC;MACH;IAEA,KAAK,UAAU;MAAE;QACf;QACA;QACA;QACA,OAAO;UACLP,UAAU,EAAE,aAAa;UACzBT,KAAK,EAAE,MAAM;UACbU,MAAM,EAAE;QACV,CAAC;MACH;IAEA;MAAS;QACP,OAAO;UACLD,UAAU,EAAEL,QAAQ,CAACJ,KAAK,EAAEE,YAAY,CAAC;UACzCF,KAAK,EAAE,MAAM;UACbU,MAAM,EAAEN,QAAQ,CAACJ,KAAK,EAAEE,YAAY;QACtC,CAAC;MACH;EACF;AACF,CAAC;AAAAe,OAAA,CAAApB,OAAA,GAAAA,OAAA","ignoreList":[]}
|
|
@@ -39,6 +39,18 @@ Object.defineProperty(exports, "getSize", {
|
|
|
39
39
|
return _index.getSize;
|
|
40
40
|
}
|
|
41
41
|
});
|
|
42
|
+
Object.defineProperty(exports, "gradient", {
|
|
43
|
+
enumerable: true,
|
|
44
|
+
get: function () {
|
|
45
|
+
return _gradient.gradient;
|
|
46
|
+
}
|
|
47
|
+
});
|
|
48
|
+
Object.defineProperty(exports, "shadow", {
|
|
49
|
+
enumerable: true,
|
|
50
|
+
get: function () {
|
|
51
|
+
return _shadow.shadow;
|
|
52
|
+
}
|
|
53
|
+
});
|
|
42
54
|
Object.defineProperty(exports, "useTheme", {
|
|
43
55
|
enumerable: true,
|
|
44
56
|
get: function () {
|
|
@@ -50,4 +62,6 @@ var _createStyles = require("./create-styles.js");
|
|
|
50
62
|
var _filterProps = require("./filter-props.js");
|
|
51
63
|
var _index = require("./get-size/index.js");
|
|
52
64
|
var _createTheme = require("./create-theme.js");
|
|
65
|
+
var _shadow = require("./functions/fns/shadow.js");
|
|
66
|
+
var _gradient = require("./functions/fns/gradient/gradient.js");
|
|
53
67
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_themeProvider","require","_createStyles","_filterProps","_index","_createTheme"],"sourceRoot":"../../../src","sources":["theme/index.tsx"],"mappings":"
|
|
1
|
+
{"version":3,"names":["_themeProvider","require","_createStyles","_filterProps","_index","_createTheme","_shadow","_gradient"],"sourceRoot":"../../../src","sources":["theme/index.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAEA,IAAAM,SAAA,GAAAN,OAAA","ignoreList":[]}
|
|
@@ -11,6 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
11
11
|
var _reactNative = require("react-native");
|
|
12
12
|
var _constants = require("./constants.js");
|
|
13
13
|
var _createTheme = require("./create-theme.js");
|
|
14
|
+
var _primaryShade = require("./functions/fns/primary-shade.js");
|
|
14
15
|
var _filterProps = require("./filter-props.js");
|
|
15
16
|
var _useCachedResources = _interopRequireDefault(require("../hooks/useCachedResources.js"));
|
|
16
17
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
@@ -24,7 +25,6 @@ const ThemeProvider = ({
|
|
|
24
25
|
}) => {
|
|
25
26
|
const {
|
|
26
27
|
colors,
|
|
27
|
-
primaryShade,
|
|
28
28
|
primaryColor,
|
|
29
29
|
secondaryColor
|
|
30
30
|
} = theme;
|
|
@@ -48,10 +48,17 @@ const ThemeProvider = ({
|
|
|
48
48
|
light: theme.dark,
|
|
49
49
|
dark: theme.light
|
|
50
50
|
};
|
|
51
|
+
|
|
52
|
+
// Get the primary shade for the current mode
|
|
53
|
+
const themeWithMode = {
|
|
54
|
+
...theme,
|
|
55
|
+
currentMode
|
|
56
|
+
};
|
|
57
|
+
const shade = (0, _primaryShade.getPrimaryShade)(themeWithMode);
|
|
51
58
|
return {
|
|
52
59
|
...theme,
|
|
53
|
-
primaryTextColor: (0, _lodashEs.get)(colors, `${primaryColor}.${
|
|
54
|
-
primaryBgColor: (0, _lodashEs.get)(colors, `${primaryColor}.${
|
|
60
|
+
primaryTextColor: (0, _lodashEs.get)(colors, `${primaryColor}.${shade}`, 'black'),
|
|
61
|
+
primaryBgColor: (0, _lodashEs.get)(colors, `${primaryColor}.${shade}`),
|
|
55
62
|
secondaryBgColor: (0, _lodashEs.get)(colors, `${secondaryColor}.0`),
|
|
56
63
|
...(currentMode === 'dark' ? darkTheme : {}),
|
|
57
64
|
window: _constants.Layout.window,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_lodashEs","require","_react","_interopRequireWildcard","_reactNative","_constants","_createTheme","_filterProps","_useCachedResources","_interopRequireDefault","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ThemeContext","exports","createContext","ThemeProvider","children","theme","forceMode","colors","
|
|
1
|
+
{"version":3,"names":["_lodashEs","require","_react","_interopRequireWildcard","_reactNative","_constants","_createTheme","_primaryShade","_filterProps","_useCachedResources","_interopRequireDefault","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ThemeContext","exports","createContext","ThemeProvider","children","theme","forceMode","colors","primaryColor","secondaryColor","systemDarkMode","Appearance","getColorScheme","currentMode","setCurrentMode","useState","toggleMode","forceModeDevice","mode","setColorScheme","console","log","useEffect","memoValue","useMemo","darkTheme","light","dark","themeWithMode","shade","getPrimaryShade","primaryTextColor","primaryBgColor","secondaryBgColor","window","Layout","isSmallDevice","screen","bottomNavBarHeight","isIOS","Platform","OS","OSVersion","Version","parseInt","jsx","Provider","value","useTheme","useContext","Theme","themeOverwrite","loaded","useCachedResources","createTheme","ActivityIndicator","useComponentDefaultProps","component","defaultProps","props","contextPropsPayload","components","contextProps","filterProps"],"sourceRoot":"../../../src","sources":["theme/theme-provider.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.toRgba = toRgba;
|
|
7
|
+
/* eslint-disable no-bitwise */
|
|
8
|
+
|
|
9
|
+
function isHexColor(hex) {
|
|
10
|
+
const HEX_REGEXP = /^#?([0-9A-F]{3}){1,2}$/i;
|
|
11
|
+
return HEX_REGEXP.test(hex);
|
|
12
|
+
}
|
|
13
|
+
function hexToRgba(color) {
|
|
14
|
+
let hexString = color.replace('#', '');
|
|
15
|
+
if (hexString.length === 3) {
|
|
16
|
+
const shorthandHex = hexString.split('');
|
|
17
|
+
hexString = [shorthandHex[0], shorthandHex[0], shorthandHex[1], shorthandHex[1], shorthandHex[2], shorthandHex[2]].join('');
|
|
18
|
+
}
|
|
19
|
+
const parsed = parseInt(hexString, 16);
|
|
20
|
+
const r = parsed >> 16 & 255;
|
|
21
|
+
const g = parsed >> 8 & 255;
|
|
22
|
+
const b = parsed & 255;
|
|
23
|
+
return {
|
|
24
|
+
r,
|
|
25
|
+
g,
|
|
26
|
+
b,
|
|
27
|
+
a: 1
|
|
28
|
+
};
|
|
29
|
+
}
|
|
30
|
+
function rgbStringToRgba(color) {
|
|
31
|
+
const parts = color.replace(/[^0-9,.]/g, '').split(',').map(Number);
|
|
32
|
+
const r = parts[0] || 0;
|
|
33
|
+
const g = parts[1] || 0;
|
|
34
|
+
const b = parts[2] || 0;
|
|
35
|
+
const a = parts[3] || 1;
|
|
36
|
+
return {
|
|
37
|
+
r,
|
|
38
|
+
g,
|
|
39
|
+
b,
|
|
40
|
+
a
|
|
41
|
+
};
|
|
42
|
+
}
|
|
43
|
+
function toRgba(color) {
|
|
44
|
+
if (isHexColor(color)) {
|
|
45
|
+
return hexToRgba(color);
|
|
46
|
+
}
|
|
47
|
+
if (color.startsWith('rgb')) {
|
|
48
|
+
return rgbStringToRgba(color);
|
|
49
|
+
}
|
|
50
|
+
return {
|
|
51
|
+
r: 0,
|
|
52
|
+
g: 0,
|
|
53
|
+
b: 0,
|
|
54
|
+
a: 1
|
|
55
|
+
};
|
|
56
|
+
}
|
|
57
|
+
//# sourceMappingURL=to-rgba.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["isHexColor","hex","HEX_REGEXP","test","hexToRgba","color","hexString","replace","length","shorthandHex","split","join","parsed","parseInt","r","g","b","a","rgbStringToRgba","parts","map","Number","toRgba","startsWith"],"sourceRoot":"../../../../src","sources":["theme/utils/to-rgba.ts"],"mappings":";;;;;;AAAA;;AASA,SAASA,UAAUA,CAACC,GAAW,EAAW;EACxC,MAAMC,UAAU,GAAG,yBAAyB;EAE5C,OAAOA,UAAU,CAACC,IAAI,CAACF,GAAG,CAAC;AAC7B;AAEA,SAASG,SAASA,CAACC,KAAa,EAAQ;EACtC,IAAIC,SAAS,GAAGD,KAAK,CAACE,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC;EAEtC,IAAID,SAAS,CAACE,MAAM,KAAK,CAAC,EAAE;IAC1B,MAAMC,YAAY,GAAGH,SAAS,CAACI,KAAK,CAAC,EAAE,CAAC;IACxCJ,SAAS,GAAG,CACVG,YAAY,CAAC,CAAC,CAAC,EACfA,YAAY,CAAC,CAAC,CAAC,EACfA,YAAY,CAAC,CAAC,CAAC,EACfA,YAAY,CAAC,CAAC,CAAC,EACfA,YAAY,CAAC,CAAC,CAAC,EACfA,YAAY,CAAC,CAAC,CAAC,CAChB,CAACE,IAAI,CAAC,EAAE,CAAC;EACZ;EAEA,MAAMC,MAAM,GAAGC,QAAQ,CAACP,SAAS,EAAE,EAAE,CAAC;EACtC,MAAMQ,CAAC,GAAIF,MAAM,IAAI,EAAE,GAAI,GAAG;EAC9B,MAAMG,CAAC,GAAIH,MAAM,IAAI,CAAC,GAAI,GAAG;EAC7B,MAAMI,CAAC,GAAGJ,MAAM,GAAG,GAAG;EAEtB,OAAO;IACLE,CAAC;IACDC,CAAC;IACDC,CAAC;IACDC,CAAC,EAAE;EACL,CAAC;AACH;AAEA,SAASC,eAAeA,CAACb,KAAa,EAAQ;EAC5C,MAAMc,KAAK,GAAGd,KAAK,CAACE,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC,CAACG,KAAK,CAAC,GAAG,CAAC,CAACU,GAAG,CAACC,MAAM,CAAC;EACnE,MAAMP,CAAC,GAAGK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;EACvB,MAAMJ,CAAC,GAAGI,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;EACvB,MAAMH,CAAC,GAAGG,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;EACvB,MAAMF,CAAC,GAAGE,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;EAEvB,OAAO;IAAEL,CAAC;IAAEC,CAAC;IAAEC,CAAC;IAAEC;EAAE,CAAC;AACvB;AAEO,SAASK,MAAMA,CAACjB,KAAa,EAAQ;EAC1C,IAAIL,UAAU,CAACK,KAAK,CAAC,EAAE;IACrB,OAAOD,SAAS,CAACC,KAAK,CAAC;EACzB;EAEA,IAAIA,KAAK,CAACkB,UAAU,CAAC,KAAK,CAAC,EAAE;IAC3B,OAAOL,eAAe,CAACb,KAAK,CAAC;EAC/B;EAEA,OAAO;IACLS,CAAC,EAAE,CAAC;IACJC,CAAC,EAAE,CAAC;IACJC,CAAC,EAAE,CAAC;IACJC,CAAC,EAAE;EACL,CAAC;AACH","ignoreList":[]}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import React, { forwardRef } from 'react';
|
|
4
|
+
import { LinearGradient } from 'expo-linear-gradient';
|
|
4
5
|
import { UnstyledButton } from "../UnstyledButton/index.js";
|
|
5
|
-
import { ActivityIndicator } from 'react-native';
|
|
6
|
+
import { ActivityIndicator, StyleSheet } from 'react-native';
|
|
6
7
|
import { useComponentDefaultProps } from "../../theme/theme-provider.js";
|
|
7
8
|
import useStyles from "./Button.styles.js";
|
|
8
9
|
import { BoxView } from "../BoxView/index.js";
|
|
@@ -39,7 +40,8 @@ export const _Button = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
39
40
|
} = useComponentDefaultProps('Button', defaultProps, props);
|
|
40
41
|
const {
|
|
41
42
|
styles,
|
|
42
|
-
sx
|
|
43
|
+
sx,
|
|
44
|
+
theme
|
|
43
45
|
} = useStyles({
|
|
44
46
|
radius,
|
|
45
47
|
color,
|
|
@@ -54,6 +56,47 @@ export const _Button = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
54
56
|
size
|
|
55
57
|
});
|
|
56
58
|
const loader = /*#__PURE__*/_jsx(ActivityIndicator, {});
|
|
59
|
+
const buttonContent = /*#__PURE__*/_jsx(BoxView, {
|
|
60
|
+
style: styles.inner,
|
|
61
|
+
children: /*#__PURE__*/_jsxs(BoxView, {
|
|
62
|
+
style: styles.label,
|
|
63
|
+
children: [(leftIcon || loading && loaderPosition === 'left') && /*#__PURE__*/_jsx(BoxView, {
|
|
64
|
+
style: sx(styles.icon, styles.leftIcon),
|
|
65
|
+
children: loading && loaderPosition === 'left' ? loader : leftIcon
|
|
66
|
+
}), loading && loaderPosition === 'center' && /*#__PURE__*/_jsx(BoxView, {
|
|
67
|
+
style: styles.centerLoader,
|
|
68
|
+
children: loader
|
|
69
|
+
}), withTextWrapper(children, shouldWrapInText), (rightIcon || loading && loaderPosition === 'right') && /*#__PURE__*/_jsx(BoxView, {
|
|
70
|
+
style: sx(styles.icon, styles.rightIcon),
|
|
71
|
+
children: loading && loaderPosition === 'right' ? loader : rightIcon
|
|
72
|
+
})]
|
|
73
|
+
})
|
|
74
|
+
});
|
|
75
|
+
|
|
76
|
+
// For gradient variant, wrap content in LinearGradient
|
|
77
|
+
if (variant === 'gradient') {
|
|
78
|
+
const gradientConfig = theme.fn.gradient(gradient);
|
|
79
|
+
const gradientStyle = StyleSheet.flatten([styles.root, style]);
|
|
80
|
+
const {
|
|
81
|
+
backgroundColor,
|
|
82
|
+
...restStyle
|
|
83
|
+
} = gradientStyle;
|
|
84
|
+
return /*#__PURE__*/_jsx(UnstyledButton, {
|
|
85
|
+
style: restStyle,
|
|
86
|
+
"data-button": true,
|
|
87
|
+
"data-disabled": disabled || undefined,
|
|
88
|
+
"data-loading": loading || undefined,
|
|
89
|
+
ref: ref,
|
|
90
|
+
...others,
|
|
91
|
+
children: /*#__PURE__*/_jsx(LinearGradient, {
|
|
92
|
+
colors: gradientConfig.colors,
|
|
93
|
+
start: gradientConfig.start,
|
|
94
|
+
end: gradientConfig.end,
|
|
95
|
+
style: gradientStyles.gradient,
|
|
96
|
+
children: buttonContent
|
|
97
|
+
})
|
|
98
|
+
});
|
|
99
|
+
}
|
|
57
100
|
return /*#__PURE__*/_jsx(UnstyledButton, {
|
|
58
101
|
style: sx(styles.root, style),
|
|
59
102
|
"data-button": true,
|
|
@@ -61,23 +104,15 @@ export const _Button = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
61
104
|
"data-loading": loading || undefined,
|
|
62
105
|
ref: ref,
|
|
63
106
|
...others,
|
|
64
|
-
children:
|
|
65
|
-
style: styles.inner,
|
|
66
|
-
children: /*#__PURE__*/_jsxs(BoxView, {
|
|
67
|
-
style: styles.label,
|
|
68
|
-
children: [(leftIcon || loading && loaderPosition === 'left') && /*#__PURE__*/_jsx(BoxView, {
|
|
69
|
-
style: sx(styles.icon, styles.leftIcon),
|
|
70
|
-
children: loading && loaderPosition === 'left' ? loader : leftIcon
|
|
71
|
-
}), loading && loaderPosition === 'center' && /*#__PURE__*/_jsx(BoxView, {
|
|
72
|
-
style: styles.centerLoader,
|
|
73
|
-
children: loader
|
|
74
|
-
}), withTextWrapper(children, shouldWrapInText), (rightIcon || loading && loaderPosition === 'right') && /*#__PURE__*/_jsx(BoxView, {
|
|
75
|
-
style: sx(styles.icon, styles.rightIcon),
|
|
76
|
-
children: loading && loaderPosition === 'right' ? loader : rightIcon
|
|
77
|
-
})]
|
|
78
|
-
})
|
|
79
|
-
})
|
|
107
|
+
children: buttonContent
|
|
80
108
|
});
|
|
81
109
|
});
|
|
110
|
+
const gradientStyles = StyleSheet.create({
|
|
111
|
+
gradient: {
|
|
112
|
+
flex: 1,
|
|
113
|
+
justifyContent: 'center',
|
|
114
|
+
alignItems: 'center'
|
|
115
|
+
}
|
|
116
|
+
});
|
|
82
117
|
export const Button = _Button;
|
|
83
118
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","UnstyledButton","ActivityIndicator","useComponentDefaultProps","useStyles","BoxView","withTextWrapper","jsx","_jsx","jsxs","_jsxs","defaultProps","size","type","variant","loaderPosition","_Button","props","ref","color","disabled","children","leftIcon","rightIcon","fullWidth","radius","uppercase","compact","loading","loaderProps","gradient","style","shouldWrapInText","others","styles","sx","withLeftIcon","withRightIcon","name","loader","root","undefined","
|
|
1
|
+
{"version":3,"names":["React","forwardRef","LinearGradient","UnstyledButton","ActivityIndicator","StyleSheet","useComponentDefaultProps","useStyles","BoxView","withTextWrapper","jsx","_jsx","jsxs","_jsxs","defaultProps","size","type","variant","loaderPosition","_Button","props","ref","color","disabled","children","leftIcon","rightIcon","fullWidth","radius","uppercase","compact","loading","loaderProps","gradient","style","shouldWrapInText","others","styles","sx","theme","withLeftIcon","withRightIcon","name","loader","buttonContent","inner","label","icon","centerLoader","gradientConfig","fn","gradientStyle","flatten","root","backgroundColor","restStyle","undefined","colors","start","end","gradientStyles","create","flex","justifyContent","alignItems","Button"],"sourceRoot":"../../../../src","sources":["components/Button/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
import React, { forwardRef } from 'react';
|
|
4
4
|
import { Text } from "../Text/index.js";
|
|
5
5
|
import { useTheme } from "../../theme/theme-provider.js";
|
|
6
|
+
import { getPrimaryShade } from "../../theme/functions/fns/primary-shade.js";
|
|
6
7
|
import { BoxView } from "../BoxView/index.js";
|
|
7
8
|
import { withTextWrapper } from "../../theme/utils/withTextWrapper.js";
|
|
8
9
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
@@ -19,10 +20,11 @@ export const Code = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
19
20
|
...others
|
|
20
21
|
} = props;
|
|
21
22
|
const theme = useTheme();
|
|
23
|
+
const primaryShade = getPrimaryShade(theme);
|
|
22
24
|
|
|
23
25
|
// Get background and text colors
|
|
24
26
|
const backgroundColor = theme.colors.gray?.[0] || '#F6F6F6';
|
|
25
|
-
const textColor = color ? theme.colors[color]?.[
|
|
27
|
+
const textColor = color ? theme.colors[color]?.[primaryShade] || color : theme.light.text;
|
|
26
28
|
|
|
27
29
|
// Monospace font - in React Native, we can use 'Courier' or 'Courier New'
|
|
28
30
|
const codeStyles = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","Text","useTheme","BoxView","withTextWrapper","jsx","_jsx","Code","props","ref","children","color","block","style","shouldWrapInText","others","theme","backgroundColor","colors","gray","textColor","
|
|
1
|
+
{"version":3,"names":["React","forwardRef","Text","useTheme","getPrimaryShade","BoxView","withTextWrapper","jsx","_jsx","Code","props","ref","children","color","block","style","shouldWrapInText","others","theme","primaryShade","backgroundColor","colors","gray","textColor","light","text","codeStyles","fontFamily","fontSize","fontSizes","sm","paddingHorizontal","paddingVertical","borderRadius","radius","padding","displayName"],"sourceRoot":"../../../../src","sources":["components/Code/index.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,IAAI,QAAQ,kBAAS;AAE9B,SAASC,QAAQ,QAAQ,+BAA4B;AACrD,SAASC,eAAe,QAAQ,4CAAyC;AACzE,SAASC,OAAO,QAAQ,qBAAY;AACpC,SAASC,eAAe,QAAmC,sCAAmC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAa/F;AACA;AACA;AACA,OAAO,MAAMC,IAAI,gBAAGR,UAAU,CAAiB,CAACS,KAAK,EAAEC,GAAG,KAAK;EAC7D,MAAM;IAAEC,QAAQ;IAAEC,KAAK;IAAEC,KAAK,GAAG,KAAK;IAAEC,KAAK;IAAET,eAAe,EAAEU,gBAAgB,GAAG,IAAI;IAAE,GAAGC;EAAM,CAAC,GAAGP,KAAK;EAE3G,MAAMQ,KAAK,GAAGf,QAAQ,CAAC,CAAC;EACxB,MAAMgB,YAAY,GAAGf,eAAe,CAACc,KAAK,CAAC;;EAE3C;EACA,MAAME,eAAe,GAAGF,KAAK,CAACG,MAAM,CAACC,IAAI,GAAG,CAAC,CAAC,IAAI,SAAS;EAC3D,MAAMC,SAAS,GAAGV,KAAK,GACnBK,KAAK,CAACG,MAAM,CAACR,KAAK,CAAC,GAAGM,YAAY,CAAC,IAAIN,KAAK,GAC5CK,KAAK,CAACM,KAAK,CAACC,IAAI;;EAEpB;EACA,MAAMC,UAAU,GAAG;IACjBC,UAAU,EAAE,SAAS;IACrBC,QAAQ,EAAEV,KAAK,CAACW,SAAS,CAACC,EAAE,IAAc,EAAE;IAC5CV,eAAe,EAAEA,eAAe;IAChCP,KAAK,EAAEU,SAAS;IAChBQ,iBAAiB,EAAEjB,KAAK,GAAG,EAAE,GAAG,CAAC;IACjCkB,eAAe,EAAElB,KAAK,GAAG,EAAE,GAAG,CAAC;IAC/BmB,YAAY,EAAEf,KAAK,CAACgB,MAAM,CAACJ,EAAE,IAAI;EACnC,CAAC;EAED,IAAIhB,KAAK,EAAE;IACT,oBACEN,IAAA,CAACH,OAAO;MACNM,GAAG,EAAEA,GAAI;MACTI,KAAK,EAAE,CACL;QACEK,eAAe,EAAEA,eAAe;QAChCa,YAAY,EAAEf,KAAK,CAACgB,MAAM,CAACJ,EAAE,IAAI,CAAC;QAClCK,OAAO,EAAE;MACX,CAAC,EACDpB,KAAK,CACL;MAAA,GACEE,MAAM;MAAAL,QAAA,EAETN,eAAe,CACdM,QAAQ,EACRI,gBAAgB,EAChB;QACEW,UAAU,EAAE,SAAS;QACrBC,QAAQ,EAAEV,KAAK,CAACW,SAAS,CAACC,EAAE,IAAc,EAAE;QAC5CjB,KAAK,EAAEU;MACT,CACF;IAAC,CACM,CAAC;EAEd;;EAEA;EACA;EACA,IAAI,CAACP,gBAAgB,EAAE;IACrB,OAAOJ,QAAQ;EACjB;EAEA,oBACEJ,IAAA,CAACN,IAAI;IACHS,GAAG,EAAEA,GAAI;IACTI,KAAK,EAAE,CAACW,UAAU,EAAEX,KAAK,CAAE;IAAA,GACvBE,MAAM;IAAAL,QAAA,EAETA;EAAQ,CACL,CAAC;AAEX,CAAC,CAAC;AAEFH,IAAI,CAAC2B,WAAW,GAAG,MAAM","ignoreList":[]}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import { View, StyleSheet } from 'react-native';
|
|
5
|
+
import { LinearGradient } from 'expo-linear-gradient';
|
|
6
|
+
import { useTheme } from "../../theme/theme-provider.js";
|
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
+
/**
|
|
9
|
+
* Gradient component wrapper for expo-linear-gradient
|
|
10
|
+
* Provides seamless integration with Mantine theme system
|
|
11
|
+
*
|
|
12
|
+
* @example
|
|
13
|
+
* <Gradient gradient={{ from: 'blue', to: 'cyan', deg: 45 }}>
|
|
14
|
+
* <Text>Gradient Background</Text>
|
|
15
|
+
* </Gradient>
|
|
16
|
+
*/
|
|
17
|
+
export function Gradient({
|
|
18
|
+
gradient,
|
|
19
|
+
children,
|
|
20
|
+
style,
|
|
21
|
+
fill = true
|
|
22
|
+
}) {
|
|
23
|
+
const theme = useTheme();
|
|
24
|
+
|
|
25
|
+
// Get gradient configuration from theme
|
|
26
|
+
const config = theme.fn.gradient(gradient);
|
|
27
|
+
const containerStyle = {
|
|
28
|
+
...(fill && styles.fill),
|
|
29
|
+
...style
|
|
30
|
+
};
|
|
31
|
+
return /*#__PURE__*/_jsx(LinearGradient, {
|
|
32
|
+
colors: config.colors,
|
|
33
|
+
start: config.start,
|
|
34
|
+
end: config.end,
|
|
35
|
+
style: containerStyle,
|
|
36
|
+
children: children
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
/**
|
|
41
|
+
* Fallback component when expo-linear-gradient is not available
|
|
42
|
+
* Renders a solid background using the 'from' color
|
|
43
|
+
*/
|
|
44
|
+
export function GradientFallback({
|
|
45
|
+
gradient,
|
|
46
|
+
children,
|
|
47
|
+
style
|
|
48
|
+
}) {
|
|
49
|
+
const theme = useTheme();
|
|
50
|
+
const config = theme.fn.gradient(gradient);
|
|
51
|
+
return /*#__PURE__*/_jsx(View, {
|
|
52
|
+
style: [{
|
|
53
|
+
backgroundColor: config.colors[0]
|
|
54
|
+
}, style],
|
|
55
|
+
children: children
|
|
56
|
+
});
|
|
57
|
+
}
|
|
58
|
+
const styles = StyleSheet.create({
|
|
59
|
+
fill: {
|
|
60
|
+
flex: 1
|
|
61
|
+
}
|
|
62
|
+
});
|
|
63
|
+
Gradient.displayName = 'Gradient';
|
|
64
|
+
//# sourceMappingURL=Gradient.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","View","StyleSheet","LinearGradient","useTheme","jsx","_jsx","Gradient","gradient","children","style","fill","theme","config","fn","containerStyle","styles","colors","start","end","GradientFallback","backgroundColor","create","flex","displayName"],"sourceRoot":"../../../../src","sources":["components/Gradient/Gradient.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,QAAwB,cAAc;AAC/D,SAASC,cAAc,QAAQ,sBAAsB;AAErD,SAASC,QAAQ,QAAQ,+BAA4B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAatD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,QAAQA,CAAC;EAAEC,QAAQ;EAAEC,QAAQ;EAAEC,KAAK;EAAEC,IAAI,GAAG;AAAoB,CAAC,EAAE;EAClF,MAAMC,KAAK,GAAGR,QAAQ,CAAC,CAAC;;EAExB;EACA,MAAMS,MAAsB,GAAGD,KAAK,CAACE,EAAE,CAACN,QAAQ,CAACA,QAAQ,CAAC;EAE1D,MAAMO,cAAyB,GAAG;IAChC,IAAIJ,IAAI,IAAIK,MAAM,CAACL,IAAI,CAAC;IACxB,GAAGD;EACL,CAAC;EAED,oBACEJ,IAAA,CAACH,cAAc;IACbc,MAAM,EAAEJ,MAAM,CAACI,MAAO;IACtBC,KAAK,EAAEL,MAAM,CAACK,KAAM;IACpBC,GAAG,EAAEN,MAAM,CAACM,GAAI;IAChBT,KAAK,EAAEK,cAAe;IAAAN,QAAA,EAErBA;EAAQ,CACK,CAAC;AAErB;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASW,gBAAgBA,CAAC;EAAEZ,QAAQ;EAAEC,QAAQ;EAAEC;AAAqB,CAAC,EAAE;EAC7E,MAAME,KAAK,GAAGR,QAAQ,CAAC,CAAC;EACxB,MAAMS,MAAsB,GAAGD,KAAK,CAACE,EAAE,CAACN,QAAQ,CAACA,QAAQ,CAAC;EAE1D,oBACEF,IAAA,CAACL,IAAI;IAACS,KAAK,EAAE,CAAC;MAAEW,eAAe,EAAER,MAAM,CAACI,MAAM,CAAC,CAAC;IAAE,CAAC,EAAEP,KAAK,CAAE;IAAAD,QAAA,EACzDA;EAAQ,CACL,CAAC;AAEX;AAEA,MAAMO,MAAM,GAAGd,UAAU,CAACoB,MAAM,CAAC;EAC/BX,IAAI,EAAE;IACJY,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEFhB,QAAQ,CAACiB,WAAW,GAAG,UAAU","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Gradient","GradientFallback"],"sourceRoot":"../../../../src","sources":["components/Gradient/index.tsx"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,gBAAgB,QAAQ,eAAY","ignoreList":[]}
|