@hero-design/rn 7.12.0 → 7.13.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.
Files changed (42) hide show
  1. package/.turbo/turbo-build.log +2 -2
  2. package/es/index.js +4908 -4728
  3. package/lib/index.js +4907 -4726
  4. package/package.json +2 -2
  5. package/src/components/Button/Button.tsx +64 -60
  6. package/src/components/Button/StyledButton.tsx +4 -6
  7. package/src/components/Button/__tests__/StyledButton.spec.tsx +11 -4
  8. package/src/components/Button/__tests__/__snapshots__/StyledButton.spec.tsx.snap +312 -78
  9. package/src/components/DatePicker/DatePickerAndroid.tsx +59 -0
  10. package/src/components/DatePicker/DatePickerIOS.tsx +87 -0
  11. package/src/components/DatePicker/StyledDatePicker.tsx +8 -0
  12. package/src/components/DatePicker/__tests__/DatePicker.spec.tsx +34 -0
  13. package/src/components/DatePicker/__tests__/DatePickerAndroid.spec.tsx +39 -0
  14. package/src/components/DatePicker/__tests__/DatePickerIOS.spec.tsx +46 -0
  15. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerAndroid.spec.tsx.snap +199 -0
  16. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap +513 -0
  17. package/src/components/DatePicker/index.tsx +15 -0
  18. package/src/components/DatePicker/types.ts +49 -0
  19. package/src/components/TimePicker/TimePickerIOS.tsx +1 -1
  20. package/src/components/TimePicker/types.ts +1 -1
  21. package/src/index.ts +2 -0
  22. package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +18 -0
  23. package/src/theme/components/button.ts +12 -0
  24. package/src/theme/components/datePicker.ts +11 -0
  25. package/src/theme/global/colors.ts +1 -0
  26. package/src/theme/index.ts +3 -0
  27. package/types/components/Button/StyledButton.d.ts +3 -3
  28. package/types/components/DatePicker/DatePickerAndroid.d.ts +3 -0
  29. package/types/components/DatePicker/DatePickerIOS.d.ts +3 -0
  30. package/types/components/DatePicker/StyledDatePicker.d.ts +8 -0
  31. package/types/components/DatePicker/__tests__/DatePicker.spec.d.ts +1 -0
  32. package/types/components/DatePicker/__tests__/DatePickerAndroid.spec.d.ts +1 -0
  33. package/types/components/DatePicker/__tests__/DatePickerIOS.spec.d.ts +1 -0
  34. package/types/components/DatePicker/index.d.ts +3 -0
  35. package/types/components/DatePicker/types.d.ts +48 -0
  36. package/types/components/TimePicker/types.d.ts +1 -1
  37. package/types/index.d.ts +2 -1
  38. package/types/theme/components/button.d.ts +12 -0
  39. package/types/theme/components/datePicker.d.ts +6 -0
  40. package/types/theme/global/colors.d.ts +1 -0
  41. package/types/theme/global/index.d.ts +1 -0
  42. package/types/theme/index.d.ts +2 -0
package/src/components/Button/__tests__/__snapshots__/StyledButton.spec.tsx.snap CHANGED
@@ -2,6 +2,15 @@
2
2
 
3
3
  exports[`StyledButtonContainer has basic-transparent style 1`] = `
4
4
  <View
5
+ accessible={true}
6
+ focusable={false}
7
+ onClick={[Function]}
8
+ onResponderGrant={[Function]}
9
+ onResponderMove={[Function]}
10
+ onResponderRelease={[Function]}
11
+ onResponderTerminate={[Function]}
12
+ onResponderTerminationRequest={[Function]}
13
+ onStartShouldSetResponder={[Function]}
5
14
  style={
6
15
  Array [
7
16
  Object {
@@ -19,76 +28,125 @@ exports[`StyledButtonContainer has basic-transparent style 1`] = `
19
28
  undefined,
20
29
  ]
21
30
  }
22
- themeVariant="basic-transparent"
23
- />
31
+ >
32
+ <Text>
33
+ Title
34
+ </Text>
35
+ </View>
24
36
  `;
25
37
 
26
38
  exports[`StyledButtonContainer has filled-danger style 1`] = `
27
39
  <View
40
+ accessible={true}
41
+ focusable={false}
42
+ onClick={[Function]}
43
+ onResponderGrant={[Function]}
44
+ onResponderMove={[Function]}
45
+ onResponderRelease={[Function]}
46
+ onResponderTerminate={[Function]}
47
+ onResponderTerminationRequest={[Function]}
48
+ onStartShouldSetResponder={[Function]}
28
49
  style={
29
50
  Array [
30
51
  Object {
31
52
  "alignItems": "center",
53
+ "alignSelf": "stretch",
32
54
  "backgroundColor": "#de350b",
33
55
  "borderRadius": 32,
34
56
  "flexDirection": "row",
35
57
  "justifyContent": "center",
36
58
  "padding": 16,
37
- "width": "100%",
38
59
  },
39
60
  undefined,
40
61
  ]
41
62
  }
42
- themeVariant="filled-danger"
43
- />
63
+ >
64
+ <Text>
65
+ Title
66
+ </Text>
67
+ </View>
44
68
  `;
45
69
 
46
70
  exports[`StyledButtonContainer has filled-primary style 1`] = `
47
71
  <View
72
+ accessible={true}
73
+ focusable={false}
74
+ onClick={[Function]}
75
+ onResponderGrant={[Function]}
76
+ onResponderMove={[Function]}
77
+ onResponderRelease={[Function]}
78
+ onResponderTerminate={[Function]}
79
+ onResponderTerminationRequest={[Function]}
80
+ onStartShouldSetResponder={[Function]}
48
81
  style={
49
82
  Array [
50
83
  Object {
51
84
  "alignItems": "center",
85
+ "alignSelf": "stretch",
52
86
  "backgroundColor": "#7622d7",
53
87
  "borderRadius": 32,
54
88
  "flexDirection": "row",
55
89
  "justifyContent": "center",
56
90
  "padding": 16,
57
- "width": "100%",
58
91
  },
59
92
  undefined,
60
93
  ]
61
94
  }
62
- themeVariant="filled-primary"
63
- />
95
+ >
96
+ <Text>
97
+ Title
98
+ </Text>
99
+ </View>
64
100
  `;
65
101
 
66
102
  exports[`StyledButtonContainer has filled-secondary style 1`] = `
67
103
  <View
104
+ accessible={true}
105
+ focusable={false}
106
+ onClick={[Function]}
107
+ onResponderGrant={[Function]}
108
+ onResponderMove={[Function]}
109
+ onResponderRelease={[Function]}
110
+ onResponderTerminate={[Function]}
111
+ onResponderTerminationRequest={[Function]}
112
+ onStartShouldSetResponder={[Function]}
68
113
  style={
69
114
  Array [
70
115
  Object {
71
116
  "alignItems": "center",
117
+ "alignSelf": "stretch",
72
118
  "backgroundColor": "#4568fb",
73
119
  "borderRadius": 32,
74
120
  "flexDirection": "row",
75
121
  "justifyContent": "center",
76
122
  "padding": 16,
77
- "width": "100%",
78
123
  },
79
124
  undefined,
80
125
  ]
81
126
  }
82
- themeVariant="filled-secondary"
83
- />
127
+ >
128
+ <Text>
129
+ Title
130
+ </Text>
131
+ </View>
84
132
  `;
85
133
 
86
134
  exports[`StyledButtonContainer has outlined-danger style 1`] = `
87
135
  <View
136
+ accessible={true}
137
+ focusable={false}
138
+ onClick={[Function]}
139
+ onResponderGrant={[Function]}
140
+ onResponderMove={[Function]}
141
+ onResponderRelease={[Function]}
142
+ onResponderTerminate={[Function]}
143
+ onResponderTerminationRequest={[Function]}
144
+ onStartShouldSetResponder={[Function]}
88
145
  style={
89
146
  Array [
90
147
  Object {
91
148
  "alignItems": "center",
149
+ "alignSelf": "stretch",
92
150
  "backgroundColor": "transparent",
93
151
  "borderColor": "#de350b",
94
152
  "borderRadius": 32,
@@ -96,21 +154,33 @@ exports[`StyledButtonContainer has outlined-danger style 1`] = `
96
154
  "flexDirection": "row",
97
155
  "justifyContent": "center",
98
156
  "padding": 14,
99
- "width": "100%",
100
157
  },
101
158
  undefined,
102
159
  ]
103
160
  }
104
- themeVariant="outlined-danger"
105
- />
161
+ >
162
+ <Text>
163
+ Title
164
+ </Text>
165
+ </View>
106
166
  `;
107
167
 
108
168
  exports[`StyledButtonContainer has outlined-primary style 1`] = `
109
169
  <View
170
+ accessible={true}
171
+ focusable={false}
172
+ onClick={[Function]}
173
+ onResponderGrant={[Function]}
174
+ onResponderMove={[Function]}
175
+ onResponderRelease={[Function]}
176
+ onResponderTerminate={[Function]}
177
+ onResponderTerminationRequest={[Function]}
178
+ onStartShouldSetResponder={[Function]}
110
179
  style={
111
180
  Array [
112
181
  Object {
113
182
  "alignItems": "center",
183
+ "alignSelf": "stretch",
114
184
  "backgroundColor": "transparent",
115
185
  "borderColor": "#7622d7",
116
186
  "borderRadius": 32,
@@ -118,21 +188,33 @@ exports[`StyledButtonContainer has outlined-primary style 1`] = `
118
188
  "flexDirection": "row",
119
189
  "justifyContent": "center",
120
190
  "padding": 14,
121
- "width": "100%",
122
191
  },
123
192
  undefined,
124
193
  ]
125
194
  }
126
- themeVariant="outlined-primary"
127
- />
195
+ >
196
+ <Text>
197
+ Title
198
+ </Text>
199
+ </View>
128
200
  `;
129
201
 
130
202
  exports[`StyledButtonContainer has outlined-secondary style 1`] = `
131
203
  <View
204
+ accessible={true}
205
+ focusable={false}
206
+ onClick={[Function]}
207
+ onResponderGrant={[Function]}
208
+ onResponderMove={[Function]}
209
+ onResponderRelease={[Function]}
210
+ onResponderTerminate={[Function]}
211
+ onResponderTerminationRequest={[Function]}
212
+ onStartShouldSetResponder={[Function]}
132
213
  style={
133
214
  Array [
134
215
  Object {
135
216
  "alignItems": "center",
217
+ "alignSelf": "stretch",
136
218
  "backgroundColor": "transparent",
137
219
  "borderColor": "#4568fb",
138
220
  "borderRadius": 32,
@@ -140,18 +222,28 @@ exports[`StyledButtonContainer has outlined-secondary style 1`] = `
140
222
  "flexDirection": "row",
141
223
  "justifyContent": "center",
142
224
  "padding": 14,
143
- "width": "100%",
144
225
  },
145
226
  undefined,
146
227
  ]
147
228
  }
148
- themeVariant="outlined-secondary"
149
- />
229
+ >
230
+ <Text>
231
+ Title
232
+ </Text>
233
+ </View>
150
234
  `;
151
235
 
152
236
  exports[`StyledButtonContainer has pressed with the correct variant basic-transparent style 1`] = `
153
237
  <View
154
- pressed={true}
238
+ accessible={true}
239
+ focusable={false}
240
+ onClick={[Function]}
241
+ onResponderGrant={[Function]}
242
+ onResponderMove={[Function]}
243
+ onResponderRelease={[Function]}
244
+ onResponderTerminate={[Function]}
245
+ onResponderTerminationRequest={[Function]}
246
+ onStartShouldSetResponder={[Function]}
155
247
  style={
156
248
  Array [
157
249
  Object {
@@ -169,80 +261,125 @@ exports[`StyledButtonContainer has pressed with the correct variant basic-transp
169
261
  undefined,
170
262
  ]
171
263
  }
172
- themeVariant="basic-transparent"
173
- />
264
+ >
265
+ <Text>
266
+ Title
267
+ </Text>
268
+ </View>
174
269
  `;
175
270
 
176
271
  exports[`StyledButtonContainer has pressed with the correct variant filled-danger style 1`] = `
177
272
  <View
178
- pressed={true}
273
+ accessible={true}
274
+ focusable={false}
275
+ onClick={[Function]}
276
+ onResponderGrant={[Function]}
277
+ onResponderMove={[Function]}
278
+ onResponderRelease={[Function]}
279
+ onResponderTerminate={[Function]}
280
+ onResponderTerminationRequest={[Function]}
281
+ onStartShouldSetResponder={[Function]}
179
282
  style={
180
283
  Array [
181
284
  Object {
182
285
  "alignItems": "center",
286
+ "alignSelf": "stretch",
183
287
  "backgroundColor": "#f2ae9d",
184
288
  "borderRadius": 32,
185
289
  "flexDirection": "row",
186
290
  "justifyContent": "center",
187
291
  "padding": 16,
188
- "width": "100%",
189
292
  },
190
293
  undefined,
191
294
  ]
192
295
  }
193
- themeVariant="filled-danger"
194
- />
296
+ >
297
+ <Text>
298
+ Title
299
+ </Text>
300
+ </View>
195
301
  `;
196
302
 
197
303
  exports[`StyledButtonContainer has pressed with the correct variant filled-primary style 1`] = `
198
304
  <View
199
- pressed={true}
305
+ accessible={true}
306
+ focusable={false}
307
+ onClick={[Function]}
308
+ onResponderGrant={[Function]}
309
+ onResponderMove={[Function]}
310
+ onResponderRelease={[Function]}
311
+ onResponderTerminate={[Function]}
312
+ onResponderTerminationRequest={[Function]}
313
+ onStartShouldSetResponder={[Function]}
200
314
  style={
201
315
  Array [
202
316
  Object {
203
317
  "alignItems": "center",
318
+ "alignSelf": "stretch",
204
319
  "backgroundColor": "#c8a7ef",
205
320
  "borderRadius": 32,
206
321
  "flexDirection": "row",
207
322
  "justifyContent": "center",
208
323
  "padding": 16,
209
- "width": "100%",
210
324
  },
211
325
  undefined,
212
326
  ]
213
327
  }
214
- themeVariant="filled-primary"
215
- />
328
+ >
329
+ <Text>
330
+ Title
331
+ </Text>
332
+ </View>
216
333
  `;
217
334
 
218
335
  exports[`StyledButtonContainer has pressed with the correct variant filled-secondary style 1`] = `
219
336
  <View
220
- pressed={true}
337
+ accessible={true}
338
+ focusable={false}
339
+ onClick={[Function]}
340
+ onResponderGrant={[Function]}
341
+ onResponderMove={[Function]}
342
+ onResponderRelease={[Function]}
343
+ onResponderTerminate={[Function]}
344
+ onResponderTerminationRequest={[Function]}
345
+ onStartShouldSetResponder={[Function]}
221
346
  style={
222
347
  Array [
223
348
  Object {
224
349
  "alignItems": "center",
350
+ "alignSelf": "stretch",
225
351
  "backgroundColor": "#d1d9fe",
226
352
  "borderRadius": 32,
227
353
  "flexDirection": "row",
228
354
  "justifyContent": "center",
229
355
  "padding": 16,
230
- "width": "100%",
231
356
  },
232
357
  undefined,
233
358
  ]
234
359
  }
235
- themeVariant="filled-secondary"
236
- />
360
+ >
361
+ <Text>
362
+ Title
363
+ </Text>
364
+ </View>
237
365
  `;
238
366
 
239
367
  exports[`StyledButtonContainer has pressed with the correct variant outlined-danger style 1`] = `
240
368
  <View
241
- pressed={true}
369
+ accessible={true}
370
+ focusable={false}
371
+ onClick={[Function]}
372
+ onResponderGrant={[Function]}
373
+ onResponderMove={[Function]}
374
+ onResponderRelease={[Function]}
375
+ onResponderTerminate={[Function]}
376
+ onResponderTerminationRequest={[Function]}
377
+ onStartShouldSetResponder={[Function]}
242
378
  style={
243
379
  Array [
244
380
  Object {
245
381
  "alignItems": "center",
382
+ "alignSelf": "stretch",
246
383
  "backgroundColor": "transparent",
247
384
  "borderColor": "#f2ae9d",
248
385
  "borderRadius": 32,
@@ -250,22 +387,33 @@ exports[`StyledButtonContainer has pressed with the correct variant outlined-dan
250
387
  "flexDirection": "row",
251
388
  "justifyContent": "center",
252
389
  "padding": 14,
253
- "width": "100%",
254
390
  },
255
391
  undefined,
256
392
  ]
257
393
  }
258
- themeVariant="outlined-danger"
259
- />
394
+ >
395
+ <Text>
396
+ Title
397
+ </Text>
398
+ </View>
260
399
  `;
261
400
 
262
401
  exports[`StyledButtonContainer has pressed with the correct variant outlined-primary style 1`] = `
263
402
  <View
264
- pressed={true}
403
+ accessible={true}
404
+ focusable={false}
405
+ onClick={[Function]}
406
+ onResponderGrant={[Function]}
407
+ onResponderMove={[Function]}
408
+ onResponderRelease={[Function]}
409
+ onResponderTerminate={[Function]}
410
+ onResponderTerminationRequest={[Function]}
411
+ onStartShouldSetResponder={[Function]}
265
412
  style={
266
413
  Array [
267
414
  Object {
268
415
  "alignItems": "center",
416
+ "alignSelf": "stretch",
269
417
  "backgroundColor": "transparent",
270
418
  "borderColor": "#c8a7ef",
271
419
  "borderRadius": 32,
@@ -273,22 +421,33 @@ exports[`StyledButtonContainer has pressed with the correct variant outlined-pri
273
421
  "flexDirection": "row",
274
422
  "justifyContent": "center",
275
423
  "padding": 14,
276
- "width": "100%",
277
424
  },
278
425
  undefined,
279
426
  ]
280
427
  }
281
- themeVariant="outlined-primary"
282
- />
428
+ >
429
+ <Text>
430
+ Title
431
+ </Text>
432
+ </View>
283
433
  `;
284
434
 
285
435
  exports[`StyledButtonContainer has pressed with the correct variant outlined-secondary style 1`] = `
286
436
  <View
287
- pressed={true}
437
+ accessible={true}
438
+ focusable={false}
439
+ onClick={[Function]}
440
+ onResponderGrant={[Function]}
441
+ onResponderMove={[Function]}
442
+ onResponderRelease={[Function]}
443
+ onResponderTerminate={[Function]}
444
+ onResponderTerminationRequest={[Function]}
445
+ onStartShouldSetResponder={[Function]}
288
446
  style={
289
447
  Array [
290
448
  Object {
291
449
  "alignItems": "center",
450
+ "alignSelf": "stretch",
292
451
  "backgroundColor": "transparent",
293
452
  "borderColor": "#d1d9fe",
294
453
  "borderRadius": 32,
@@ -296,157 +455,232 @@ exports[`StyledButtonContainer has pressed with the correct variant outlined-sec
296
455
  "flexDirection": "row",
297
456
  "justifyContent": "center",
298
457
  "padding": 14,
299
- "width": "100%",
300
458
  },
301
459
  undefined,
302
460
  ]
303
461
  }
304
- themeVariant="outlined-secondary"
305
- />
462
+ >
463
+ <Text>
464
+ Title
465
+ </Text>
466
+ </View>
306
467
  `;
307
468
 
308
469
  exports[`StyledButtonContainer has pressed with the correct variant text-danger style 1`] = `
309
470
  <View
310
- pressed={true}
471
+ accessible={true}
472
+ focusable={false}
473
+ onClick={[Function]}
474
+ onResponderGrant={[Function]}
475
+ onResponderMove={[Function]}
476
+ onResponderRelease={[Function]}
477
+ onResponderTerminate={[Function]}
478
+ onResponderTerminationRequest={[Function]}
479
+ onStartShouldSetResponder={[Function]}
311
480
  style={
312
481
  Array [
313
482
  Object {
314
483
  "alignItems": "center",
315
- "backgroundColor": "transparent",
316
484
  "borderWidth": 0,
317
485
  "flexDirection": "row",
318
486
  "justifyContent": "center",
319
487
  "padding": 16,
320
- "width": "100%",
321
488
  },
322
489
  undefined,
323
490
  ]
324
491
  }
325
- themeVariant="text-danger"
326
- />
492
+ >
493
+ <Text>
494
+ Title
495
+ </Text>
496
+ </View>
327
497
  `;
328
498
 
329
499
  exports[`StyledButtonContainer has pressed with the correct variant text-primary style 1`] = `
330
500
  <View
331
- pressed={true}
501
+ accessible={true}
502
+ focusable={false}
503
+ onClick={[Function]}
504
+ onResponderGrant={[Function]}
505
+ onResponderMove={[Function]}
506
+ onResponderRelease={[Function]}
507
+ onResponderTerminate={[Function]}
508
+ onResponderTerminationRequest={[Function]}
509
+ onStartShouldSetResponder={[Function]}
332
510
  style={
333
511
  Array [
334
512
  Object {
335
513
  "alignItems": "center",
336
- "backgroundColor": "transparent",
337
514
  "borderWidth": 0,
338
515
  "flexDirection": "row",
339
516
  "justifyContent": "center",
340
517
  "padding": 16,
341
- "width": "100%",
342
518
  },
343
519
  undefined,
344
520
  ]
345
521
  }
346
- themeVariant="text-primary"
347
- />
522
+ >
523
+ <Text>
524
+ Title
525
+ </Text>
526
+ </View>
348
527
  `;
349
528
 
350
529
  exports[`StyledButtonContainer has pressed with the correct variant text-secondary style 1`] = `
351
530
  <View
352
- pressed={true}
531
+ accessible={true}
532
+ focusable={false}
533
+ onClick={[Function]}
534
+ onResponderGrant={[Function]}
535
+ onResponderMove={[Function]}
536
+ onResponderRelease={[Function]}
537
+ onResponderTerminate={[Function]}
538
+ onResponderTerminationRequest={[Function]}
539
+ onStartShouldSetResponder={[Function]}
353
540
  style={
354
541
  Array [
355
542
  Object {
356
543
  "alignItems": "center",
357
- "backgroundColor": "transparent",
358
544
  "borderWidth": 0,
359
545
  "flexDirection": "row",
360
546
  "justifyContent": "center",
361
547
  "padding": 16,
362
- "width": "100%",
363
548
  },
364
549
  undefined,
365
550
  ]
366
551
  }
367
- themeVariant="text-secondary"
368
- />
552
+ >
553
+ <Text>
554
+ Title
555
+ </Text>
556
+ </View>
369
557
  `;
370
558
 
371
559
  exports[`StyledButtonContainer has text-danger style 1`] = `
372
560
  <View
561
+ accessible={true}
562
+ focusable={false}
563
+ onClick={[Function]}
564
+ onResponderGrant={[Function]}
565
+ onResponderMove={[Function]}
566
+ onResponderRelease={[Function]}
567
+ onResponderTerminate={[Function]}
568
+ onResponderTerminationRequest={[Function]}
569
+ onStartShouldSetResponder={[Function]}
373
570
  style={
374
571
  Array [
375
572
  Object {
376
573
  "alignItems": "center",
377
- "backgroundColor": "transparent",
378
574
  "borderWidth": 0,
379
575
  "flexDirection": "row",
380
576
  "justifyContent": "center",
381
577
  "padding": 16,
382
- "width": "100%",
383
578
  },
384
579
  undefined,
385
580
  ]
386
581
  }
387
- themeVariant="text-danger"
388
- />
582
+ >
583
+ <Text>
584
+ Title
585
+ </Text>
586
+ </View>
389
587
  `;
390
588
 
391
589
  exports[`StyledButtonContainer has text-primary style 1`] = `
392
590
  <View
591
+ accessible={true}
592
+ focusable={false}
593
+ onClick={[Function]}
594
+ onResponderGrant={[Function]}
595
+ onResponderMove={[Function]}
596
+ onResponderRelease={[Function]}
597
+ onResponderTerminate={[Function]}
598
+ onResponderTerminationRequest={[Function]}
599
+ onStartShouldSetResponder={[Function]}
393
600
  style={
394
601
  Array [
395
602
  Object {
396
603
  "alignItems": "center",
397
- "backgroundColor": "transparent",
398
604
  "borderWidth": 0,
399
605
  "flexDirection": "row",
400
606
  "justifyContent": "center",
401
607
  "padding": 16,
402
- "width": "100%",
403
608
  },
404
609
  undefined,
405
610
  ]
406
611
  }
407
- themeVariant="text-primary"
408
- />
612
+ >
613
+ <Text>
614
+ Title
615
+ </Text>
616
+ </View>
409
617
  `;
410
618
 
411
619
  exports[`StyledButtonContainer has text-secondary style 1`] = `
412
620
  <View
621
+ accessible={true}
622
+ focusable={false}
623
+ onClick={[Function]}
624
+ onResponderGrant={[Function]}
625
+ onResponderMove={[Function]}
626
+ onResponderRelease={[Function]}
627
+ onResponderTerminate={[Function]}
628
+ onResponderTerminationRequest={[Function]}
629
+ onStartShouldSetResponder={[Function]}
413
630
  style={
414
631
  Array [
415
632
  Object {
416
633
  "alignItems": "center",
417
- "backgroundColor": "transparent",
418
634
  "borderWidth": 0,
419
635
  "flexDirection": "row",
420
636
  "justifyContent": "center",
421
637
  "padding": 16,
422
- "width": "100%",
423
638
  },
424
639
  undefined,
425
640
  ]
426
641
  }
427
- themeVariant="text-secondary"
428
- />
642
+ >
643
+ <Text>
644
+ Title
645
+ </Text>
646
+ </View>
429
647
  `;
430
648
 
431
649
  exports[`StyledButtonContainer renders disabled correctly 1`] = `
432
650
  <View
433
- disabled={true}
651
+ accessibilityState={
652
+ Object {
653
+ "disabled": true,
654
+ }
655
+ }
656
+ accessible={true}
657
+ focusable={false}
658
+ onClick={[Function]}
659
+ onResponderGrant={[Function]}
660
+ onResponderMove={[Function]}
661
+ onResponderRelease={[Function]}
662
+ onResponderTerminate={[Function]}
663
+ onResponderTerminationRequest={[Function]}
664
+ onStartShouldSetResponder={[Function]}
434
665
  style={
435
666
  Array [
436
667
  Object {
437
668
  "alignItems": "center",
669
+ "alignSelf": "stretch",
438
670
  "backgroundColor": "#ccced1",
439
671
  "borderRadius": 32,
440
672
  "flexDirection": "row",
441
673
  "justifyContent": "center",
442
674
  "padding": 16,
443
- "width": "100%",
444
675
  },
445
676
  undefined,
446
677
  ]
447
678
  }
448
- themeVariant="filled-primary"
449
- />
679
+ >
680
+ <Text>
681
+ Title
682
+ </Text>
683
+ </View>
450
684
  `;
451
685
 
452
686
  exports[`StyledButtonIcon has basic-transparent style 1`] = `