react-native-app-onboard 0.2.0 → 0.2.1
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/README.md +2 -2
- package/lib/commonjs/components/OnboardingPages.js +4 -5
- package/lib/commonjs/components/OnboardingPages.js.map +1 -1
- package/lib/commonjs/components/Pagination.js +2 -2
- package/lib/commonjs/components/Pagination.js.map +1 -1
- package/lib/commonjs/utils/color.js +308 -0
- package/lib/commonjs/utils/color.js.map +1 -0
- package/lib/module/components/OnboardingPages.js +4 -4
- package/lib/module/components/OnboardingPages.js.map +1 -1
- package/lib/module/components/Pagination.js +2 -2
- package/lib/module/components/Pagination.js.map +1 -1
- package/lib/module/utils/color.js +299 -0
- package/lib/module/utils/color.js.map +1 -0
- package/lib/typescript/src/components/Pagination.d.ts.map +1 -1
- package/lib/typescript/src/utils/color.d.ts +18 -0
- package/lib/typescript/src/utils/color.d.ts.map +1 -0
- package/package.json +1 -5
- package/src/components/OnboardingPages.tsx +7 -7
- package/src/components/Pagination.tsx +2 -6
- package/src/utils/color.ts +284 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["View","Pressable","Animated","StyleSheet","React","
|
|
1
|
+
{"version":3,"names":["View","Pressable","Animated","StyleSheet","React","setAlpha","useOnboarding","Button","Pagination","props","isDone","currentPage","progress","scrollTo","previousPage","dots","Array","from","length","numberOfScreens","_","i","width","showPrevious","createElement","style","styles","pagination","backgroundColor","paginationContainerStyle","buttons","leftButton","buttonLeftContainerStyle","onPress","buttonTextStyle","previousLabelStyle","buttonStyle","previousButtonContainerStyle","label","previousLabel","showSkip","hasSkipPosition","onSkip","skipLabelStyle","skipButtonContainerStyle","skipLabel","paginationStyle","accessible","accessibilityRole","accessibilityValue","min","max","now","progressTrack","color","mirror","progressBarStyle","progressFill","progressBarFillStyle","dotsContainer","dotsContainerStyle","map","inputRange","dotOpacity","animatedValue","interpolate","outputRange","extrapolate","dotProps","dotsAreTappable","accessibilityLabel","accessibilityState","selected","dot","key","opacity","_extends","hitSlop","rightButton","buttonRightContainerStyle","showNext","onNext","nextLabel","nextLabelStyle","nextButtonContainerStyle","showDone","onDone","doneLabel","doneLabelStyle","doneButtonContainerStyle","create","flexDirection","justifyContent","alignItems","height","paddingVertical","paddingHorizontal","borderRadius","marginHorizontal","flex","overflow","text","fontSize","transform","scaleX"],"sourceRoot":"../../../src","sources":["components/Pagination.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,299 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Minimal color helpers — a tiny, dependency-free replacement for the subset of
|
|
3
|
+
* tinycolor2 this library used: perceived brightness, HSL-based lighten/darken,
|
|
4
|
+
* and producing an `rgba()` string with a custom alpha.
|
|
5
|
+
*
|
|
6
|
+
* Accepts hex (`#rgb`, `#rgba`, `#rrggbb`, `#rrggbbaa`), `rgb()`/`rgba()`, and
|
|
7
|
+
* CSS named colors. Invalid input resolves to black, matching tinycolor's
|
|
8
|
+
* behavior of treating unparseable colors as having zero brightness.
|
|
9
|
+
*/
|
|
10
|
+
|
|
11
|
+
// CSS extended color keywords (same set tinycolor recognizes).
|
|
12
|
+
const NAMED_COLORS = {
|
|
13
|
+
aliceblue: '#f0f8ff',
|
|
14
|
+
antiquewhite: '#faebd7',
|
|
15
|
+
aqua: '#00ffff',
|
|
16
|
+
aquamarine: '#7fffd4',
|
|
17
|
+
azure: '#f0ffff',
|
|
18
|
+
beige: '#f5f5dc',
|
|
19
|
+
bisque: '#ffe4c4',
|
|
20
|
+
black: '#000000',
|
|
21
|
+
blanchedalmond: '#ffebcd',
|
|
22
|
+
blue: '#0000ff',
|
|
23
|
+
blueviolet: '#8a2be2',
|
|
24
|
+
brown: '#a52a2a',
|
|
25
|
+
burlywood: '#deb887',
|
|
26
|
+
cadetblue: '#5f9ea0',
|
|
27
|
+
chartreuse: '#7fff00',
|
|
28
|
+
chocolate: '#d2691e',
|
|
29
|
+
coral: '#ff7f50',
|
|
30
|
+
cornflowerblue: '#6495ed',
|
|
31
|
+
cornsilk: '#fff8dc',
|
|
32
|
+
crimson: '#dc143c',
|
|
33
|
+
cyan: '#00ffff',
|
|
34
|
+
darkblue: '#00008b',
|
|
35
|
+
darkcyan: '#008b8b',
|
|
36
|
+
darkgoldenrod: '#b8860b',
|
|
37
|
+
darkgray: '#a9a9a9',
|
|
38
|
+
darkgreen: '#006400',
|
|
39
|
+
darkgrey: '#a9a9a9',
|
|
40
|
+
darkkhaki: '#bdb76b',
|
|
41
|
+
darkmagenta: '#8b008b',
|
|
42
|
+
darkolivegreen: '#556b2f',
|
|
43
|
+
darkorange: '#ff8c00',
|
|
44
|
+
darkorchid: '#9932cc',
|
|
45
|
+
darkred: '#8b0000',
|
|
46
|
+
darksalmon: '#e9967a',
|
|
47
|
+
darkseagreen: '#8fbc8f',
|
|
48
|
+
darkslateblue: '#483d8b',
|
|
49
|
+
darkslategray: '#2f4f4f',
|
|
50
|
+
darkslategrey: '#2f4f4f',
|
|
51
|
+
darkturquoise: '#00ced1',
|
|
52
|
+
darkviolet: '#9400d3',
|
|
53
|
+
deeppink: '#ff1493',
|
|
54
|
+
deepskyblue: '#00bfff',
|
|
55
|
+
dimgray: '#696969',
|
|
56
|
+
dimgrey: '#696969',
|
|
57
|
+
dodgerblue: '#1e90ff',
|
|
58
|
+
firebrick: '#b22222',
|
|
59
|
+
floralwhite: '#fffaf0',
|
|
60
|
+
forestgreen: '#228b22',
|
|
61
|
+
fuchsia: '#ff00ff',
|
|
62
|
+
gainsboro: '#dcdcdc',
|
|
63
|
+
ghostwhite: '#f8f8ff',
|
|
64
|
+
gold: '#ffd700',
|
|
65
|
+
goldenrod: '#daa520',
|
|
66
|
+
gray: '#808080',
|
|
67
|
+
green: '#008000',
|
|
68
|
+
greenyellow: '#adff2f',
|
|
69
|
+
grey: '#808080',
|
|
70
|
+
honeydew: '#f0fff0',
|
|
71
|
+
hotpink: '#ff69b4',
|
|
72
|
+
indianred: '#cd5c5c',
|
|
73
|
+
indigo: '#4b0082',
|
|
74
|
+
ivory: '#fffff0',
|
|
75
|
+
khaki: '#f0e68c',
|
|
76
|
+
lavender: '#e6e6fa',
|
|
77
|
+
lavenderblush: '#fff0f5',
|
|
78
|
+
lawngreen: '#7cfc00',
|
|
79
|
+
lemonchiffon: '#fffacd',
|
|
80
|
+
lightblue: '#add8e6',
|
|
81
|
+
lightcoral: '#f08080',
|
|
82
|
+
lightcyan: '#e0ffff',
|
|
83
|
+
lightgoldenrodyellow: '#fafad2',
|
|
84
|
+
lightgray: '#d3d3d3',
|
|
85
|
+
lightgreen: '#90ee90',
|
|
86
|
+
lightgrey: '#d3d3d3',
|
|
87
|
+
lightpink: '#ffb6c1',
|
|
88
|
+
lightsalmon: '#ffa07a',
|
|
89
|
+
lightseagreen: '#20b2aa',
|
|
90
|
+
lightskyblue: '#87cefa',
|
|
91
|
+
lightslategray: '#778899',
|
|
92
|
+
lightslategrey: '#778899',
|
|
93
|
+
lightsteelblue: '#b0c4de',
|
|
94
|
+
lightyellow: '#ffffe0',
|
|
95
|
+
lime: '#00ff00',
|
|
96
|
+
limegreen: '#32cd32',
|
|
97
|
+
linen: '#faf0e6',
|
|
98
|
+
magenta: '#ff00ff',
|
|
99
|
+
maroon: '#800000',
|
|
100
|
+
mediumaquamarine: '#66cdaa',
|
|
101
|
+
mediumblue: '#0000cd',
|
|
102
|
+
mediumorchid: '#ba55d3',
|
|
103
|
+
mediumpurple: '#9370db',
|
|
104
|
+
mediumseagreen: '#3cb371',
|
|
105
|
+
mediumslateblue: '#7b68ee',
|
|
106
|
+
mediumspringgreen: '#00fa9a',
|
|
107
|
+
mediumturquoise: '#48d1cc',
|
|
108
|
+
mediumvioletred: '#c71585',
|
|
109
|
+
midnightblue: '#191970',
|
|
110
|
+
mintcream: '#f5fffa',
|
|
111
|
+
mistyrose: '#ffe4e1',
|
|
112
|
+
moccasin: '#ffe4b5',
|
|
113
|
+
navajowhite: '#ffdead',
|
|
114
|
+
navy: '#000080',
|
|
115
|
+
oldlace: '#fdf5e6',
|
|
116
|
+
olive: '#808000',
|
|
117
|
+
olivedrab: '#6b8e23',
|
|
118
|
+
orange: '#ffa500',
|
|
119
|
+
orangered: '#ff4500',
|
|
120
|
+
orchid: '#da70d6',
|
|
121
|
+
palegoldenrod: '#eee8aa',
|
|
122
|
+
palegreen: '#98fb98',
|
|
123
|
+
paleturquoise: '#afeeee',
|
|
124
|
+
palevioletred: '#db7093',
|
|
125
|
+
papayawhip: '#ffefd5',
|
|
126
|
+
peachpuff: '#ffdab9',
|
|
127
|
+
peru: '#cd853f',
|
|
128
|
+
pink: '#ffc0cb',
|
|
129
|
+
plum: '#dda0dd',
|
|
130
|
+
powderblue: '#b0e0e6',
|
|
131
|
+
purple: '#800080',
|
|
132
|
+
rebeccapurple: '#663399',
|
|
133
|
+
red: '#ff0000',
|
|
134
|
+
rosybrown: '#bc8f8f',
|
|
135
|
+
royalblue: '#4169e1',
|
|
136
|
+
saddlebrown: '#8b4513',
|
|
137
|
+
salmon: '#fa8072',
|
|
138
|
+
sandybrown: '#f4a460',
|
|
139
|
+
seagreen: '#2e8b57',
|
|
140
|
+
seashell: '#fff5ee',
|
|
141
|
+
sienna: '#a0522d',
|
|
142
|
+
silver: '#c0c0c0',
|
|
143
|
+
skyblue: '#87ceeb',
|
|
144
|
+
slateblue: '#6a5acd',
|
|
145
|
+
slategray: '#708090',
|
|
146
|
+
slategrey: '#708090',
|
|
147
|
+
snow: '#fffafa',
|
|
148
|
+
springgreen: '#00ff7f',
|
|
149
|
+
steelblue: '#4682b4',
|
|
150
|
+
tan: '#d2b48c',
|
|
151
|
+
teal: '#008080',
|
|
152
|
+
thistle: '#d8bfd8',
|
|
153
|
+
tomato: '#ff6347',
|
|
154
|
+
turquoise: '#40e0d0',
|
|
155
|
+
violet: '#ee82ee',
|
|
156
|
+
wheat: '#f5deb3',
|
|
157
|
+
white: '#ffffff',
|
|
158
|
+
whitesmoke: '#f5f5f5',
|
|
159
|
+
yellow: '#ffff00',
|
|
160
|
+
yellowgreen: '#9acd32'
|
|
161
|
+
};
|
|
162
|
+
const clamp = (value, min, max) => Math.min(max, Math.max(min, value));
|
|
163
|
+
function parse(input) {
|
|
164
|
+
let color = (input || '').trim().toLowerCase();
|
|
165
|
+
const named = NAMED_COLORS[color];
|
|
166
|
+
if (named) color = named;
|
|
167
|
+
if (color[0] === '#') {
|
|
168
|
+
let hex = color.slice(1);
|
|
169
|
+
if (hex.length === 3 || hex.length === 4) {
|
|
170
|
+
hex = hex.split('').map(c => c + c).join('');
|
|
171
|
+
}
|
|
172
|
+
const r = parseInt(hex.slice(0, 2), 16);
|
|
173
|
+
const g = parseInt(hex.slice(2, 4), 16);
|
|
174
|
+
const b = parseInt(hex.slice(4, 6), 16);
|
|
175
|
+
const a = hex.length === 8 ? parseInt(hex.slice(6, 8), 16) / 255 : 1;
|
|
176
|
+
if (![r, g, b].some(Number.isNaN)) return {
|
|
177
|
+
r,
|
|
178
|
+
g,
|
|
179
|
+
b,
|
|
180
|
+
a
|
|
181
|
+
};
|
|
182
|
+
}
|
|
183
|
+
const rgb = color.match(/^rgba?\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)\s*(?:,\s*([\d.]+)\s*)?\)$/);
|
|
184
|
+
if (rgb) {
|
|
185
|
+
return {
|
|
186
|
+
r: Number(rgb[1]),
|
|
187
|
+
g: Number(rgb[2]),
|
|
188
|
+
b: Number(rgb[3]),
|
|
189
|
+
a: rgb[4] !== undefined ? Number(rgb[4]) : 1
|
|
190
|
+
};
|
|
191
|
+
}
|
|
192
|
+
return {
|
|
193
|
+
r: 0,
|
|
194
|
+
g: 0,
|
|
195
|
+
b: 0,
|
|
196
|
+
a: 1
|
|
197
|
+
};
|
|
198
|
+
}
|
|
199
|
+
function rgbToHsl({
|
|
200
|
+
r,
|
|
201
|
+
g,
|
|
202
|
+
b
|
|
203
|
+
}) {
|
|
204
|
+
const rn = r / 255;
|
|
205
|
+
const gn = g / 255;
|
|
206
|
+
const bn = b / 255;
|
|
207
|
+
const max = Math.max(rn, gn, bn);
|
|
208
|
+
const min = Math.min(rn, gn, bn);
|
|
209
|
+
const l = (max + min) / 2;
|
|
210
|
+
let h = 0;
|
|
211
|
+
let s = 0;
|
|
212
|
+
if (max !== min) {
|
|
213
|
+
const d = max - min;
|
|
214
|
+
s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
|
|
215
|
+
switch (max) {
|
|
216
|
+
case rn:
|
|
217
|
+
h = (gn - bn) / d + (gn < bn ? 6 : 0);
|
|
218
|
+
break;
|
|
219
|
+
case gn:
|
|
220
|
+
h = (bn - rn) / d + 2;
|
|
221
|
+
break;
|
|
222
|
+
default:
|
|
223
|
+
h = (rn - gn) / d + 4;
|
|
224
|
+
}
|
|
225
|
+
h /= 6;
|
|
226
|
+
}
|
|
227
|
+
return {
|
|
228
|
+
h,
|
|
229
|
+
s,
|
|
230
|
+
l
|
|
231
|
+
};
|
|
232
|
+
}
|
|
233
|
+
function hslToRgb(h, s, l) {
|
|
234
|
+
if (s === 0) {
|
|
235
|
+
const v = l * 255;
|
|
236
|
+
return {
|
|
237
|
+
r: v,
|
|
238
|
+
g: v,
|
|
239
|
+
b: v
|
|
240
|
+
};
|
|
241
|
+
}
|
|
242
|
+
const hue2rgb = (p, q, t) => {
|
|
243
|
+
let tt = t;
|
|
244
|
+
if (tt < 0) tt += 1;
|
|
245
|
+
if (tt > 1) tt -= 1;
|
|
246
|
+
if (tt < 1 / 6) return p + (q - p) * 6 * tt;
|
|
247
|
+
if (tt < 1 / 2) return q;
|
|
248
|
+
if (tt < 2 / 3) return p + (q - p) * (2 / 3 - tt) * 6;
|
|
249
|
+
return p;
|
|
250
|
+
};
|
|
251
|
+
const q = l < 0.5 ? l * (1 + s) : l + s - l * s;
|
|
252
|
+
const p = 2 * l - q;
|
|
253
|
+
return {
|
|
254
|
+
r: hue2rgb(p, q, h + 1 / 3) * 255,
|
|
255
|
+
g: hue2rgb(p, q, h) * 255,
|
|
256
|
+
b: hue2rgb(p, q, h - 1 / 3) * 255
|
|
257
|
+
};
|
|
258
|
+
}
|
|
259
|
+
const toHex = n => Math.round(clamp(n, 0, 255)).toString(16).padStart(2, '0');
|
|
260
|
+
|
|
261
|
+
/** Perceived brightness on a 0–255 scale (W3C formula, as tinycolor uses). */
|
|
262
|
+
export function getBrightness(input) {
|
|
263
|
+
const {
|
|
264
|
+
r,
|
|
265
|
+
g,
|
|
266
|
+
b
|
|
267
|
+
} = parse(input);
|
|
268
|
+
return (r * 299 + g * 587 + b * 114) / 1000;
|
|
269
|
+
}
|
|
270
|
+
function adjustLightness(input, delta) {
|
|
271
|
+
const hsl = rgbToHsl(parse(input));
|
|
272
|
+
const {
|
|
273
|
+
r,
|
|
274
|
+
g,
|
|
275
|
+
b
|
|
276
|
+
} = hslToRgb(hsl.h, hsl.s, clamp(hsl.l + delta, 0, 1));
|
|
277
|
+
return `#${toHex(r)}${toHex(g)}${toHex(b)}`;
|
|
278
|
+
}
|
|
279
|
+
|
|
280
|
+
/** Lighten by `amount` percent (HSL lightness), returning a hex string. */
|
|
281
|
+
export function lighten(input, amount = 10) {
|
|
282
|
+
return adjustLightness(input, amount / 100);
|
|
283
|
+
}
|
|
284
|
+
|
|
285
|
+
/** Darken by `amount` percent (HSL lightness), returning a hex string. */
|
|
286
|
+
export function darken(input, amount = 10) {
|
|
287
|
+
return adjustLightness(input, -amount / 100);
|
|
288
|
+
}
|
|
289
|
+
|
|
290
|
+
/** Return an `rgba()` string for `input` with the given alpha. */
|
|
291
|
+
export function setAlpha(input, alpha) {
|
|
292
|
+
const {
|
|
293
|
+
r,
|
|
294
|
+
g,
|
|
295
|
+
b
|
|
296
|
+
} = parse(input);
|
|
297
|
+
return `rgba(${Math.round(r)}, ${Math.round(g)}, ${Math.round(b)}, ${alpha})`;
|
|
298
|
+
}
|
|
299
|
+
//# sourceMappingURL=color.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["NAMED_COLORS","aliceblue","antiquewhite","aqua","aquamarine","azure","beige","bisque","black","blanchedalmond","blue","blueviolet","brown","burlywood","cadetblue","chartreuse","chocolate","coral","cornflowerblue","cornsilk","crimson","cyan","darkblue","darkcyan","darkgoldenrod","darkgray","darkgreen","darkgrey","darkkhaki","darkmagenta","darkolivegreen","darkorange","darkorchid","darkred","darksalmon","darkseagreen","darkslateblue","darkslategray","darkslategrey","darkturquoise","darkviolet","deeppink","deepskyblue","dimgray","dimgrey","dodgerblue","firebrick","floralwhite","forestgreen","fuchsia","gainsboro","ghostwhite","gold","goldenrod","gray","green","greenyellow","grey","honeydew","hotpink","indianred","indigo","ivory","khaki","lavender","lavenderblush","lawngreen","lemonchiffon","lightblue","lightcoral","lightcyan","lightgoldenrodyellow","lightgray","lightgreen","lightgrey","lightpink","lightsalmon","lightseagreen","lightskyblue","lightslategray","lightslategrey","lightsteelblue","lightyellow","lime","limegreen","linen","magenta","maroon","mediumaquamarine","mediumblue","mediumorchid","mediumpurple","mediumseagreen","mediumslateblue","mediumspringgreen","mediumturquoise","mediumvioletred","midnightblue","mintcream","mistyrose","moccasin","navajowhite","navy","oldlace","olive","olivedrab","orange","orangered","orchid","palegoldenrod","palegreen","paleturquoise","palevioletred","papayawhip","peachpuff","peru","pink","plum","powderblue","purple","rebeccapurple","red","rosybrown","royalblue","saddlebrown","salmon","sandybrown","seagreen","seashell","sienna","silver","skyblue","slateblue","slategray","slategrey","snow","springgreen","steelblue","tan","teal","thistle","tomato","turquoise","violet","wheat","white","whitesmoke","yellow","yellowgreen","clamp","value","min","max","Math","parse","input","color","trim","toLowerCase","named","hex","slice","length","split","map","c","join","r","parseInt","g","b","a","some","Number","isNaN","rgb","match","undefined","rgbToHsl","rn","gn","bn","l","h","s","d","hslToRgb","v","hue2rgb","p","q","t","tt","toHex","n","round","toString","padStart","getBrightness","adjustLightness","delta","hsl","lighten","amount","darken","setAlpha","alpha"],"sourceRoot":"../../../src","sources":["utils/color.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,QAAQ,EAER,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,KAAK,WAAW,GAAG;IACjB,aAAa,EAAE,QAAQ,CAAC,KAAK,CAAC;IAC9B,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACrC,aAAa,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACzC,wBAAwB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAChD,yBAAyB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjD,wBAAwB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAChD,kBAAkB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC1C,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,kBAAkB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC1C,wBAAwB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAChD,wBAAwB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAChD,wBAAwB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAChD,4BAA4B,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpD,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,kBAAkB,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IACtC,eAAe,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IACtC,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACxC,oBAAoB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC5C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,wBAAgB,UAAU,CAAC,KAAK,EAAE,WAAW,
|
|
1
|
+
{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,QAAQ,EAER,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,KAAK,WAAW,GAAG;IACjB,aAAa,EAAE,QAAQ,CAAC,KAAK,CAAC;IAC9B,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACrC,aAAa,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACzC,wBAAwB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAChD,yBAAyB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjD,wBAAwB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAChD,kBAAkB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC1C,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,kBAAkB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC1C,wBAAwB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAChD,wBAAwB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAChD,wBAAwB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAChD,4BAA4B,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpD,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,kBAAkB,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IACtC,eAAe,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IACtC,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACxC,oBAAoB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC5C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,wBAAgB,UAAU,CAAC,KAAK,EAAE,WAAW,qBA+I5C"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Minimal color helpers — a tiny, dependency-free replacement for the subset of
|
|
3
|
+
* tinycolor2 this library used: perceived brightness, HSL-based lighten/darken,
|
|
4
|
+
* and producing an `rgba()` string with a custom alpha.
|
|
5
|
+
*
|
|
6
|
+
* Accepts hex (`#rgb`, `#rgba`, `#rrggbb`, `#rrggbbaa`), `rgb()`/`rgba()`, and
|
|
7
|
+
* CSS named colors. Invalid input resolves to black, matching tinycolor's
|
|
8
|
+
* behavior of treating unparseable colors as having zero brightness.
|
|
9
|
+
*/
|
|
10
|
+
/** Perceived brightness on a 0–255 scale (W3C formula, as tinycolor uses). */
|
|
11
|
+
export declare function getBrightness(input: string): number;
|
|
12
|
+
/** Lighten by `amount` percent (HSL lightness), returning a hex string. */
|
|
13
|
+
export declare function lighten(input: string, amount?: number): string;
|
|
14
|
+
/** Darken by `amount` percent (HSL lightness), returning a hex string. */
|
|
15
|
+
export declare function darken(input: string, amount?: number): string;
|
|
16
|
+
/** Return an `rgba()` string for `input` with the given alpha. */
|
|
17
|
+
export declare function setAlpha(input: string, alpha: number): string;
|
|
18
|
+
//# sourceMappingURL=color.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../../src/utils/color.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAyPH,8EAA8E;AAC9E,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAGnD;AAQD,2EAA2E;AAC3E,wBAAgB,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,SAAK,GAAG,MAAM,CAE1D;AAED,0EAA0E;AAC1E,wBAAgB,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,SAAK,GAAG,MAAM,CAEzD;AAED,kEAAkE;AAClE,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAG7D"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-native-app-onboard",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.1",
|
|
4
4
|
"description": "React Native App Onboard is a customizable, easy-to-use, and efficient library for creating compelling onboarding experiences for your React Native applications. It provides smooth, fluid transitions and animations, with a focus on simplicity and usability.",
|
|
5
5
|
"main": "lib/commonjs/index",
|
|
6
6
|
"module": "lib/module/index",
|
|
@@ -72,7 +72,6 @@
|
|
|
72
72
|
"@types/jest": "^29.5.5",
|
|
73
73
|
"@types/react": "^18.2.44",
|
|
74
74
|
"@types/react-test-renderer": "^18.0.0",
|
|
75
|
-
"@types/tinycolor2": "^1.4.6",
|
|
76
75
|
"@typescript/native-preview": "^7.0.0-dev.20260606.1",
|
|
77
76
|
"commitlint": "^17.0.2",
|
|
78
77
|
"del-cli": "^5.1.0",
|
|
@@ -172,9 +171,6 @@
|
|
|
172
171
|
]
|
|
173
172
|
]
|
|
174
173
|
},
|
|
175
|
-
"dependencies": {
|
|
176
|
-
"tinycolor2": "^1.6.0"
|
|
177
|
-
},
|
|
178
174
|
"workspaces": [
|
|
179
175
|
"example"
|
|
180
176
|
]
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { useMemo } from 'react';
|
|
2
|
-
import
|
|
2
|
+
import { getBrightness, lighten, darken } from '../utils/color';
|
|
3
3
|
import {
|
|
4
4
|
Animated,
|
|
5
5
|
StyleSheet,
|
|
@@ -36,14 +36,14 @@ export const OnboardingPages = ({
|
|
|
36
36
|
const pageWidth = props.width || width;
|
|
37
37
|
const currentPage_ = props.pages[props.currentPage];
|
|
38
38
|
const currentBackgroundColor = currentPage_?.backgroundColor ?? 'white';
|
|
39
|
-
const isLight =
|
|
39
|
+
const isLight = getBrightness(currentBackgroundColor) > 180;
|
|
40
40
|
const footerBackgroundColor = isLight
|
|
41
|
-
?
|
|
42
|
-
:
|
|
41
|
+
? darken(currentBackgroundColor, 30)
|
|
42
|
+
: lighten(currentBackgroundColor, 30);
|
|
43
43
|
const color =
|
|
44
|
-
|
|
45
|
-
?
|
|
46
|
-
:
|
|
44
|
+
getBrightness(footerBackgroundColor) > 180
|
|
45
|
+
? darken(footerBackgroundColor, 60)
|
|
46
|
+
: lighten(footerBackgroundColor, 60);
|
|
47
47
|
|
|
48
48
|
const interpolatedBackgroundColor = useMemo(() => {
|
|
49
49
|
const pages = props.pages;
|
|
@@ -8,7 +8,7 @@ import {
|
|
|
8
8
|
type TextStyle,
|
|
9
9
|
} from 'react-native';
|
|
10
10
|
import React from 'react';
|
|
11
|
-
import
|
|
11
|
+
import { setAlpha } from '../utils/color';
|
|
12
12
|
import { useOnboarding } from '../hooks/useOnboarding';
|
|
13
13
|
import { Button } from './button';
|
|
14
14
|
|
|
@@ -101,11 +101,7 @@ export function Pagination(props: FooterProps) {
|
|
|
101
101
|
styles.progressTrack,
|
|
102
102
|
// Derive a faint track from the (background-aware) fill color so it
|
|
103
103
|
// stays visible on both light and dark pages.
|
|
104
|
-
{
|
|
105
|
-
backgroundColor: tinycolor(props.color)
|
|
106
|
-
.setAlpha(0.25)
|
|
107
|
-
.toRgbString(),
|
|
108
|
-
},
|
|
104
|
+
{ backgroundColor: setAlpha(props.color, 0.25) },
|
|
109
105
|
// Mirror the fill direction so it grows from the trailing edge.
|
|
110
106
|
props.mirror && styles.mirror,
|
|
111
107
|
props.progressBarStyle,
|