@jobber/components-native 0.2.1 → 0.3.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.
@@ -0,0 +1,618 @@
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`renders text supporting with no additional props 1`] = `
4
+ <Text
5
+ accessibilityRole="text"
6
+ adjustsFontSizeToFit={false}
7
+ allowFontScaling={true}
8
+ collapsable={false}
9
+ maxFontSizeMultiplier={1.1428571428571428}
10
+ selectable={true}
11
+ selectionColor="rgb(160, 215, 42)"
12
+ style={
13
+ [
14
+ {
15
+ "fontFamily": "inter-medium",
16
+ },
17
+ {
18
+ "color": "rgb(66, 78, 86)",
19
+ },
20
+ {
21
+ "textAlign": "left",
22
+ },
23
+ {
24
+ "fontSize": 14,
25
+ "lineHeight": 18,
26
+ },
27
+ {
28
+ "letterSpacing": 0,
29
+ },
30
+ ]
31
+ }
32
+ >
33
+ Test Text
34
+ </Text>
35
+ `;
36
+
37
+ exports[`renders text supporting with variation success 1`] = `
38
+ <Text
39
+ accessibilityRole="text"
40
+ adjustsFontSizeToFit={false}
41
+ allowFontScaling={true}
42
+ collapsable={false}
43
+ maxFontSizeMultiplier={1.1428571428571428}
44
+ selectable={true}
45
+ selectionColor="rgb(160, 215, 42)"
46
+ style={
47
+ [
48
+ {
49
+ "fontFamily": "inter-medium",
50
+ },
51
+ {
52
+ "color": "rgb(81, 114, 9)",
53
+ },
54
+ {
55
+ "textAlign": "left",
56
+ },
57
+ {
58
+ "fontSize": 14,
59
+ "lineHeight": 18,
60
+ },
61
+ {
62
+ "letterSpacing": 0,
63
+ },
64
+ ]
65
+ }
66
+ >
67
+ Test Text
68
+ </Text>
69
+ `;
70
+
71
+ exports[`renders text supporting with variation success reverseTheme true 1`] = `
72
+ <Text
73
+ accessibilityRole="text"
74
+ adjustsFontSizeToFit={false}
75
+ allowFontScaling={true}
76
+ collapsable={false}
77
+ maxFontSizeMultiplier={1.1428571428571428}
78
+ selectable={true}
79
+ selectionColor="rgb(160, 215, 42)"
80
+ style={
81
+ [
82
+ {
83
+ "fontFamily": "inter-medium",
84
+ },
85
+ {
86
+ "color": "rgb(125, 176, 14)",
87
+ },
88
+ {
89
+ "textAlign": "left",
90
+ },
91
+ {
92
+ "fontSize": 14,
93
+ "lineHeight": 18,
94
+ },
95
+ {
96
+ "letterSpacing": 0,
97
+ },
98
+ ]
99
+ }
100
+ >
101
+ Test Text
102
+ </Text>
103
+ `;
104
+
105
+ exports[`renders text that is not scaled down with adjustsFontSize false 1`] = `
106
+ <Text
107
+ accessibilityRole="text"
108
+ adjustsFontSizeToFit={false}
109
+ allowFontScaling={true}
110
+ collapsable={false}
111
+ maxFontSizeMultiplier={3.125}
112
+ numberOfLines={4}
113
+ selectable={true}
114
+ selectionColor="rgb(160, 215, 42)"
115
+ style={
116
+ [
117
+ {
118
+ "fontFamily": "inter-regular",
119
+ },
120
+ {
121
+ "color": "rgb(66, 78, 86)",
122
+ },
123
+ {
124
+ "textAlign": "left",
125
+ },
126
+ {
127
+ "fontSize": 16,
128
+ "lineHeight": 20,
129
+ },
130
+ {
131
+ "letterSpacing": 0,
132
+ },
133
+ ]
134
+ }
135
+ >
136
+ The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog
137
+ </Text>
138
+ `;
139
+
140
+ exports[`renders text that is scaled down with adjustsFontSize true 1`] = `
141
+ <Text
142
+ accessibilityRole="text"
143
+ adjustsFontSizeToFit={true}
144
+ allowFontScaling={true}
145
+ collapsable={false}
146
+ maxFontSizeMultiplier={3.125}
147
+ numberOfLines={4}
148
+ selectable={true}
149
+ selectionColor="rgb(160, 215, 42)"
150
+ style={
151
+ [
152
+ {
153
+ "fontFamily": "inter-regular",
154
+ },
155
+ {
156
+ "color": "rgb(66, 78, 86)",
157
+ },
158
+ {
159
+ "textAlign": "left",
160
+ },
161
+ {
162
+ "fontSize": 16,
163
+ "lineHeight": 20,
164
+ },
165
+ {
166
+ "letterSpacing": 0,
167
+ },
168
+ ]
169
+ }
170
+ >
171
+ The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog
172
+ </Text>
173
+ `;
174
+
175
+ exports[`renders text with base variation 1`] = `
176
+ <Text
177
+ accessibilityRole="text"
178
+ adjustsFontSizeToFit={false}
179
+ allowFontScaling={true}
180
+ collapsable={false}
181
+ maxFontSizeMultiplier={3.125}
182
+ selectable={true}
183
+ selectionColor="rgb(160, 215, 42)"
184
+ style={
185
+ [
186
+ {
187
+ "fontFamily": "inter-regular",
188
+ },
189
+ {
190
+ "color": "rgb(66, 78, 86)",
191
+ },
192
+ {
193
+ "textAlign": "left",
194
+ },
195
+ {
196
+ "fontSize": 16,
197
+ "lineHeight": 20,
198
+ },
199
+ {
200
+ "letterSpacing": 0,
201
+ },
202
+ ]
203
+ }
204
+ >
205
+ Test Text
206
+ </Text>
207
+ `;
208
+
209
+ exports[`renders text with center alignment 1`] = `
210
+ <Text
211
+ accessibilityRole="text"
212
+ adjustsFontSizeToFit={false}
213
+ allowFontScaling={true}
214
+ collapsable={false}
215
+ maxFontSizeMultiplier={3.125}
216
+ selectable={true}
217
+ selectionColor="rgb(160, 215, 42)"
218
+ style={
219
+ [
220
+ {
221
+ "fontFamily": "inter-regular",
222
+ },
223
+ {
224
+ "color": "rgb(66, 78, 86)",
225
+ },
226
+ {
227
+ "textAlign": "center",
228
+ },
229
+ {
230
+ "fontSize": 16,
231
+ "lineHeight": 20,
232
+ },
233
+ {
234
+ "letterSpacing": 0,
235
+ },
236
+ ]
237
+ }
238
+ >
239
+ Test Text
240
+ </Text>
241
+ `;
242
+
243
+ exports[`renders text with error variation 1`] = `
244
+ <Text
245
+ accessibilityRole="text"
246
+ adjustsFontSizeToFit={false}
247
+ allowFontScaling={true}
248
+ collapsable={false}
249
+ maxFontSizeMultiplier={3.125}
250
+ selectable={true}
251
+ selectionColor="rgb(160, 215, 42)"
252
+ style={
253
+ [
254
+ {
255
+ "fontFamily": "inter-regular",
256
+ },
257
+ {
258
+ "color": "rgb(201, 66, 33)",
259
+ },
260
+ {
261
+ "textAlign": "left",
262
+ },
263
+ {
264
+ "fontSize": 16,
265
+ "lineHeight": 20,
266
+ },
267
+ {
268
+ "letterSpacing": 0,
269
+ },
270
+ ]
271
+ }
272
+ >
273
+ Test Text
274
+ </Text>
275
+ `;
276
+
277
+ exports[`renders text with error variation reverseTheme true 1`] = `
278
+ <Text
279
+ accessibilityRole="text"
280
+ adjustsFontSizeToFit={false}
281
+ allowFontScaling={true}
282
+ collapsable={false}
283
+ maxFontSizeMultiplier={3.125}
284
+ selectable={true}
285
+ selectionColor="rgb(160, 215, 42)"
286
+ style={
287
+ [
288
+ {
289
+ "fontFamily": "inter-regular",
290
+ },
291
+ {
292
+ "color": "rgb(201, 66, 33)",
293
+ },
294
+ {
295
+ "textAlign": "left",
296
+ },
297
+ {
298
+ "fontSize": 16,
299
+ "lineHeight": 20,
300
+ },
301
+ {
302
+ "letterSpacing": 0,
303
+ },
304
+ ]
305
+ }
306
+ >
307
+ Test Text
308
+ </Text>
309
+ `;
310
+
311
+ exports[`renders text with info variation 1`] = `
312
+ <Text
313
+ accessibilityRole="text"
314
+ adjustsFontSizeToFit={false}
315
+ allowFontScaling={true}
316
+ collapsable={false}
317
+ maxFontSizeMultiplier={3.125}
318
+ selectable={true}
319
+ selectionColor="rgb(160, 215, 42)"
320
+ style={
321
+ [
322
+ {
323
+ "fontFamily": "inter-regular",
324
+ },
325
+ {
326
+ "color": "rgb(39, 105, 146)",
327
+ },
328
+ {
329
+ "textAlign": "left",
330
+ },
331
+ {
332
+ "fontSize": 16,
333
+ "lineHeight": 20,
334
+ },
335
+ {
336
+ "letterSpacing": 0,
337
+ },
338
+ ]
339
+ }
340
+ >
341
+ Test Text
342
+ </Text>
343
+ `;
344
+
345
+ exports[`renders text with left alignment 1`] = `
346
+ <Text
347
+ accessibilityRole="text"
348
+ adjustsFontSizeToFit={false}
349
+ allowFontScaling={true}
350
+ collapsable={false}
351
+ maxFontSizeMultiplier={3.125}
352
+ selectable={true}
353
+ selectionColor="rgb(160, 215, 42)"
354
+ style={
355
+ [
356
+ {
357
+ "fontFamily": "inter-regular",
358
+ },
359
+ {
360
+ "color": "rgb(66, 78, 86)",
361
+ },
362
+ {
363
+ "textAlign": "left",
364
+ },
365
+ {
366
+ "fontSize": 16,
367
+ "lineHeight": 20,
368
+ },
369
+ {
370
+ "letterSpacing": 0,
371
+ },
372
+ ]
373
+ }
374
+ >
375
+ Test Text
376
+ </Text>
377
+ `;
378
+
379
+ exports[`renders text with no additional props 1`] = `
380
+ <Text
381
+ accessibilityRole="text"
382
+ adjustsFontSizeToFit={false}
383
+ allowFontScaling={true}
384
+ collapsable={false}
385
+ maxFontSizeMultiplier={3.125}
386
+ selectable={true}
387
+ selectionColor="rgb(160, 215, 42)"
388
+ style={
389
+ [
390
+ {
391
+ "fontFamily": "inter-regular",
392
+ },
393
+ {
394
+ "color": "rgb(66, 78, 86)",
395
+ },
396
+ {
397
+ "textAlign": "left",
398
+ },
399
+ {
400
+ "fontSize": 16,
401
+ "lineHeight": 20,
402
+ },
403
+ {
404
+ "letterSpacing": 0,
405
+ },
406
+ ]
407
+ }
408
+ >
409
+ Test Text
410
+ </Text>
411
+ `;
412
+
413
+ exports[`renders text with right alignment 1`] = `
414
+ <Text
415
+ accessibilityRole="text"
416
+ adjustsFontSizeToFit={false}
417
+ allowFontScaling={true}
418
+ collapsable={false}
419
+ maxFontSizeMultiplier={3.125}
420
+ selectable={true}
421
+ selectionColor="rgb(160, 215, 42)"
422
+ style={
423
+ [
424
+ {
425
+ "fontFamily": "inter-regular",
426
+ },
427
+ {
428
+ "color": "rgb(66, 78, 86)",
429
+ },
430
+ {
431
+ "textAlign": "right",
432
+ },
433
+ {
434
+ "fontSize": 16,
435
+ "lineHeight": 20,
436
+ },
437
+ {
438
+ "letterSpacing": 0,
439
+ },
440
+ ]
441
+ }
442
+ >
443
+ Test Text
444
+ </Text>
445
+ `;
446
+
447
+ exports[`renders text with subdued variation 1`] = `
448
+ <Text
449
+ accessibilityRole="text"
450
+ adjustsFontSizeToFit={false}
451
+ allowFontScaling={true}
452
+ collapsable={false}
453
+ maxFontSizeMultiplier={3.125}
454
+ selectable={true}
455
+ selectionColor="rgb(160, 215, 42)"
456
+ style={
457
+ [
458
+ {
459
+ "fontFamily": "inter-regular",
460
+ },
461
+ {
462
+ "color": "rgba(101, 120, 132, 1)",
463
+ },
464
+ {
465
+ "textAlign": "left",
466
+ },
467
+ {
468
+ "fontSize": 16,
469
+ "lineHeight": 20,
470
+ },
471
+ {
472
+ "letterSpacing": 0,
473
+ },
474
+ ]
475
+ }
476
+ >
477
+ Test Text
478
+ </Text>
479
+ `;
480
+
481
+ exports[`renders text with success variation 1`] = `
482
+ <Text
483
+ accessibilityRole="text"
484
+ adjustsFontSizeToFit={false}
485
+ allowFontScaling={true}
486
+ collapsable={false}
487
+ maxFontSizeMultiplier={3.125}
488
+ selectable={true}
489
+ selectionColor="rgb(160, 215, 42)"
490
+ style={
491
+ [
492
+ {
493
+ "fontFamily": "inter-regular",
494
+ },
495
+ {
496
+ "color": "rgb(81, 114, 9)",
497
+ },
498
+ {
499
+ "textAlign": "left",
500
+ },
501
+ {
502
+ "fontSize": 16,
503
+ "lineHeight": 20,
504
+ },
505
+ {
506
+ "letterSpacing": 0,
507
+ },
508
+ ]
509
+ }
510
+ >
511
+ Test Text
512
+ </Text>
513
+ `;
514
+
515
+ exports[`renders text with success variation reverseTheme true 1`] = `
516
+ <Text
517
+ accessibilityRole="text"
518
+ adjustsFontSizeToFit={false}
519
+ allowFontScaling={true}
520
+ collapsable={false}
521
+ maxFontSizeMultiplier={3.125}
522
+ selectable={true}
523
+ selectionColor="rgb(160, 215, 42)"
524
+ style={
525
+ [
526
+ {
527
+ "fontFamily": "inter-regular",
528
+ },
529
+ {
530
+ "color": "rgb(125, 176, 14)",
531
+ },
532
+ {
533
+ "textAlign": "left",
534
+ },
535
+ {
536
+ "fontSize": 16,
537
+ "lineHeight": 20,
538
+ },
539
+ {
540
+ "letterSpacing": 0,
541
+ },
542
+ ]
543
+ }
544
+ >
545
+ Test Text
546
+ </Text>
547
+ `;
548
+
549
+ exports[`renders text with warn variation 1`] = `
550
+ <Text
551
+ accessibilityRole="text"
552
+ adjustsFontSizeToFit={false}
553
+ allowFontScaling={true}
554
+ collapsable={false}
555
+ maxFontSizeMultiplier={3.125}
556
+ selectable={true}
557
+ selectionColor="rgb(160, 215, 42)"
558
+ style={
559
+ [
560
+ {
561
+ "fontFamily": "inter-regular",
562
+ },
563
+ {
564
+ "color": "rgb(144, 127, 10)",
565
+ },
566
+ {
567
+ "textAlign": "left",
568
+ },
569
+ {
570
+ "fontSize": 16,
571
+ "lineHeight": 20,
572
+ },
573
+ {
574
+ "letterSpacing": 0,
575
+ },
576
+ ]
577
+ }
578
+ >
579
+ Test Text
580
+ </Text>
581
+ `;
582
+
583
+ exports[`renders with strikethrough styling 1`] = `
584
+ <Text
585
+ accessibilityRole="text"
586
+ adjustsFontSizeToFit={false}
587
+ allowFontScaling={true}
588
+ collapsable={false}
589
+ maxFontSizeMultiplier={3.125}
590
+ selectable={true}
591
+ selectionColor="rgb(160, 215, 42)"
592
+ style={
593
+ [
594
+ {
595
+ "fontFamily": "inter-regular",
596
+ },
597
+ {
598
+ "color": "rgb(66, 78, 86)",
599
+ },
600
+ {
601
+ "textAlign": "left",
602
+ },
603
+ {
604
+ "fontSize": 16,
605
+ "lineHeight": 20,
606
+ },
607
+ {
608
+ "letterSpacing": 0,
609
+ },
610
+ {
611
+ "textDecorationLine": "line-through",
612
+ },
613
+ ]
614
+ }
615
+ >
616
+ Test Text
617
+ </Text>
618
+ `;
@@ -0,0 +1 @@
1
+ export { Text, TextLevel } from "./Text";
package/src/index.ts CHANGED
@@ -1,3 +1,4 @@
1
1
  export * from "./Icon";
2
2
  export * from "./Divider";
3
3
  export * from "./Typography";
4
+ export * from "./Text";