@jobber/components-native 0.18.0 → 0.19.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 (5) hide show
  1. package/package.json +3 -3
  2. package/src/Heading/__snapshots__/Heading.test.tsx.snap +8 -8
  3. package/src/StatusLabel/__snapshots__/StatusLabel.test.tsx.snap +7 -7
  4. package/src/Text/__snapshots__/Text.test.tsx.snap +18 -18
  5. package/src/Typography/__snapshots__/Typography.test.tsx.snap +26 -26
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jobber/components-native",
3
- "version": "0.18.0",
3
+ "version": "0.19.0",
4
4
  "license": "MIT",
5
5
  "main": "dist/src/index.js",
6
6
  "module": "dist/src/index.js",
@@ -21,7 +21,7 @@
21
21
  "build:clean": "rm -rf ./dist"
22
22
  },
23
23
  "dependencies": {
24
- "@jobber/design": "^0.40.0",
24
+ "@jobber/design": "^0.41.0",
25
25
  "lodash.chunk": "^4.2.0",
26
26
  "react-hook-form": "^7.30.0",
27
27
  "react-intl": "^6.4.2",
@@ -49,5 +49,5 @@
49
49
  "react": "^18",
50
50
  "react-native": ">=0.69.2"
51
51
  },
52
- "gitHead": "792c5dfee7847194e09713617184b61f70431e30"
52
+ "gitHead": "e112ab079fb049e3ef003bb4c27ccae64cd75991"
53
53
  }
package/src/Heading/__snapshots__/Heading.test.tsx.snap CHANGED
@@ -8,7 +8,7 @@ exports[`when Heading called with Subtitle variation should match snapshot 1`] =
8
8
  collapsable={false}
9
9
  maxFontSizeMultiplier={1}
10
10
  selectable={true}
11
- selectionColor="rgb(160, 215, 42)"
11
+ selectionColor="rgb(132, 234, 0)"
12
12
  style={
13
13
  [
14
14
  {
@@ -41,7 +41,7 @@ exports[`when Heading called with an alignment should match snapshot 1`] = `
41
41
  allowFontScaling={true}
42
42
  collapsable={false}
43
43
  selectable={true}
44
- selectionColor="rgb(160, 215, 42)"
44
+ selectionColor="rgb(132, 234, 0)"
45
45
  style={
46
46
  [
47
47
  {
@@ -75,7 +75,7 @@ exports[`when Heading called with maxLines should match snapshot 1`] = `
75
75
  collapsable={false}
76
76
  numberOfLines={1}
77
77
  selectable={true}
78
- selectionColor="rgb(160, 215, 42)"
78
+ selectionColor="rgb(132, 234, 0)"
79
79
  style={
80
80
  [
81
81
  {
@@ -108,7 +108,7 @@ exports[`when Heading called with reverseTheme should match snapshot 1`] = `
108
108
  allowFontScaling={true}
109
109
  collapsable={false}
110
110
  selectable={true}
111
- selectionColor="rgb(160, 215, 42)"
111
+ selectionColor="rgb(132, 234, 0)"
112
112
  style={
113
113
  [
114
114
  {
@@ -142,7 +142,7 @@ exports[`when Heading called with sub-heading variation and text-color should ma
142
142
  collapsable={false}
143
143
  maxFontSizeMultiplier={1.375}
144
144
  selectable={true}
145
- selectionColor="rgb(160, 215, 42)"
145
+ selectionColor="rgb(132, 234, 0)"
146
146
  style={
147
147
  [
148
148
  {
@@ -176,7 +176,7 @@ exports[`when Heading called with sub-heading variation should match snapshot 1`
176
176
  collapsable={false}
177
177
  maxFontSizeMultiplier={1.375}
178
178
  selectable={true}
179
- selectionColor="rgb(160, 215, 42)"
179
+ selectionColor="rgb(132, 234, 0)"
180
180
  style={
181
181
  [
182
182
  {
@@ -209,7 +209,7 @@ exports[`when Heading called with text as the only prop should match snapshot 1`
209
209
  allowFontScaling={true}
210
210
  collapsable={false}
211
211
  selectable={true}
212
- selectionColor="rgb(160, 215, 42)"
212
+ selectionColor="rgb(132, 234, 0)"
213
213
  style={
214
214
  [
215
215
  {
@@ -243,7 +243,7 @@ exports[`when Heading called with title variation should match snapshot 1`] = `
243
243
  collapsable={false}
244
244
  maxFontSizeMultiplier={1.0625}
245
245
  selectable={true}
246
- selectionColor="rgb(160, 215, 42)"
246
+ selectionColor="rgb(132, 234, 0)"
247
247
  style={
248
248
  [
249
249
  {
package/src/StatusLabel/__snapshots__/StatusLabel.test.tsx.snap CHANGED
@@ -27,7 +27,7 @@ exports[`StatusLabel alignment when alignment prop set to "end" should match sna
27
27
  collapsable={false}
28
28
  maxFontSizeMultiplier={1.1428571428571428}
29
29
  selectable={true}
30
- selectionColor="rgb(160, 215, 42)"
30
+ selectionColor="rgb(132, 234, 0)"
31
31
  style={
32
32
  [
33
33
  {
@@ -106,7 +106,7 @@ exports[`StatusLabel alignment when alignment prop set to default ("start") shou
106
106
  collapsable={false}
107
107
  maxFontSizeMultiplier={1.1428571428571428}
108
108
  selectable={true}
109
- selectionColor="rgb(160, 215, 42)"
109
+ selectionColor="rgb(132, 234, 0)"
110
110
  style={
111
111
  [
112
112
  {
@@ -185,7 +185,7 @@ exports[`StatusLabel status when status prop set to "critical" should match snap
185
185
  collapsable={false}
186
186
  maxFontSizeMultiplier={1.1428571428571428}
187
187
  selectable={true}
188
- selectionColor="rgb(160, 215, 42)"
188
+ selectionColor="rgb(132, 234, 0)"
189
189
  style={
190
190
  [
191
191
  {
@@ -264,7 +264,7 @@ exports[`StatusLabel status when status prop set to "inactive" should match snap
264
264
  collapsable={false}
265
265
  maxFontSizeMultiplier={1.1428571428571428}
266
266
  selectable={true}
267
- selectionColor="rgb(160, 215, 42)"
267
+ selectionColor="rgb(132, 234, 0)"
268
268
  style={
269
269
  [
270
270
  {
@@ -343,7 +343,7 @@ exports[`StatusLabel status when status prop set to "informative" should match s
343
343
  collapsable={false}
344
344
  maxFontSizeMultiplier={1.1428571428571428}
345
345
  selectable={true}
346
- selectionColor="rgb(160, 215, 42)"
346
+ selectionColor="rgb(132, 234, 0)"
347
347
  style={
348
348
  [
349
349
  {
@@ -422,7 +422,7 @@ exports[`StatusLabel status when status prop set to "warning" should match snaps
422
422
  collapsable={false}
423
423
  maxFontSizeMultiplier={1.1428571428571428}
424
424
  selectable={true}
425
- selectionColor="rgb(160, 215, 42)"
425
+ selectionColor="rgb(132, 234, 0)"
426
426
  style={
427
427
  [
428
428
  {
@@ -501,7 +501,7 @@ exports[`StatusLabel status when status prop set to default ("success") should m
501
501
  collapsable={false}
502
502
  maxFontSizeMultiplier={1.1428571428571428}
503
503
  selectable={true}
504
- selectionColor="rgb(160, 215, 42)"
504
+ selectionColor="rgb(132, 234, 0)"
505
505
  style={
506
506
  [
507
507
  {
package/src/Text/__snapshots__/Text.test.tsx.snap CHANGED
@@ -8,7 +8,7 @@ exports[`renders text supporting with no additional props 1`] = `
8
8
  collapsable={false}
9
9
  maxFontSizeMultiplier={1.1428571428571428}
10
10
  selectable={true}
11
- selectionColor="rgb(160, 215, 42)"
11
+ selectionColor="rgb(132, 234, 0)"
12
12
  style={
13
13
  [
14
14
  {
@@ -42,7 +42,7 @@ exports[`renders text supporting with variation success 1`] = `
42
42
  collapsable={false}
43
43
  maxFontSizeMultiplier={1.1428571428571428}
44
44
  selectable={true}
45
- selectionColor="rgb(160, 215, 42)"
45
+ selectionColor="rgb(132, 234, 0)"
46
46
  style={
47
47
  [
48
48
  {
@@ -76,7 +76,7 @@ exports[`renders text supporting with variation success reverseTheme true 1`] =
76
76
  collapsable={false}
77
77
  maxFontSizeMultiplier={1.1428571428571428}
78
78
  selectable={true}
79
- selectionColor="rgb(160, 215, 42)"
79
+ selectionColor="rgb(132, 234, 0)"
80
80
  style={
81
81
  [
82
82
  {
@@ -111,7 +111,7 @@ exports[`renders text that is not scaled down with adjustsFontSize false 1`] = `
111
111
  maxFontSizeMultiplier={3.125}
112
112
  numberOfLines={4}
113
113
  selectable={true}
114
- selectionColor="rgb(160, 215, 42)"
114
+ selectionColor="rgb(132, 234, 0)"
115
115
  style={
116
116
  [
117
117
  {
@@ -146,7 +146,7 @@ exports[`renders text that is scaled down with adjustsFontSize true 1`] = `
146
146
  maxFontSizeMultiplier={3.125}
147
147
  numberOfLines={4}
148
148
  selectable={true}
149
- selectionColor="rgb(160, 215, 42)"
149
+ selectionColor="rgb(132, 234, 0)"
150
150
  style={
151
151
  [
152
152
  {
@@ -180,7 +180,7 @@ exports[`renders text with base variation 1`] = `
180
180
  collapsable={false}
181
181
  maxFontSizeMultiplier={3.125}
182
182
  selectable={true}
183
- selectionColor="rgb(160, 215, 42)"
183
+ selectionColor="rgb(132, 234, 0)"
184
184
  style={
185
185
  [
186
186
  {
@@ -214,7 +214,7 @@ exports[`renders text with center alignment 1`] = `
214
214
  collapsable={false}
215
215
  maxFontSizeMultiplier={3.125}
216
216
  selectable={true}
217
- selectionColor="rgb(160, 215, 42)"
217
+ selectionColor="rgb(132, 234, 0)"
218
218
  style={
219
219
  [
220
220
  {
@@ -248,7 +248,7 @@ exports[`renders text with error variation 1`] = `
248
248
  collapsable={false}
249
249
  maxFontSizeMultiplier={3.125}
250
250
  selectable={true}
251
- selectionColor="rgb(160, 215, 42)"
251
+ selectionColor="rgb(132, 234, 0)"
252
252
  style={
253
253
  [
254
254
  {
@@ -282,7 +282,7 @@ exports[`renders text with error variation reverseTheme true 1`] = `
282
282
  collapsable={false}
283
283
  maxFontSizeMultiplier={3.125}
284
284
  selectable={true}
285
- selectionColor="rgb(160, 215, 42)"
285
+ selectionColor="rgb(132, 234, 0)"
286
286
  style={
287
287
  [
288
288
  {
@@ -316,7 +316,7 @@ exports[`renders text with info variation 1`] = `
316
316
  collapsable={false}
317
317
  maxFontSizeMultiplier={3.125}
318
318
  selectable={true}
319
- selectionColor="rgb(160, 215, 42)"
319
+ selectionColor="rgb(132, 234, 0)"
320
320
  style={
321
321
  [
322
322
  {
@@ -350,7 +350,7 @@ exports[`renders text with left alignment 1`] = `
350
350
  collapsable={false}
351
351
  maxFontSizeMultiplier={3.125}
352
352
  selectable={true}
353
- selectionColor="rgb(160, 215, 42)"
353
+ selectionColor="rgb(132, 234, 0)"
354
354
  style={
355
355
  [
356
356
  {
@@ -384,7 +384,7 @@ exports[`renders text with no additional props 1`] = `
384
384
  collapsable={false}
385
385
  maxFontSizeMultiplier={3.125}
386
386
  selectable={true}
387
- selectionColor="rgb(160, 215, 42)"
387
+ selectionColor="rgb(132, 234, 0)"
388
388
  style={
389
389
  [
390
390
  {
@@ -418,7 +418,7 @@ exports[`renders text with right alignment 1`] = `
418
418
  collapsable={false}
419
419
  maxFontSizeMultiplier={3.125}
420
420
  selectable={true}
421
- selectionColor="rgb(160, 215, 42)"
421
+ selectionColor="rgb(132, 234, 0)"
422
422
  style={
423
423
  [
424
424
  {
@@ -452,7 +452,7 @@ exports[`renders text with subdued variation 1`] = `
452
452
  collapsable={false}
453
453
  maxFontSizeMultiplier={3.125}
454
454
  selectable={true}
455
- selectionColor="rgb(160, 215, 42)"
455
+ selectionColor="rgb(132, 234, 0)"
456
456
  style={
457
457
  [
458
458
  {
@@ -486,7 +486,7 @@ exports[`renders text with success variation 1`] = `
486
486
  collapsable={false}
487
487
  maxFontSizeMultiplier={3.125}
488
488
  selectable={true}
489
- selectionColor="rgb(160, 215, 42)"
489
+ selectionColor="rgb(132, 234, 0)"
490
490
  style={
491
491
  [
492
492
  {
@@ -520,7 +520,7 @@ exports[`renders text with success variation reverseTheme true 1`] = `
520
520
  collapsable={false}
521
521
  maxFontSizeMultiplier={3.125}
522
522
  selectable={true}
523
- selectionColor="rgb(160, 215, 42)"
523
+ selectionColor="rgb(132, 234, 0)"
524
524
  style={
525
525
  [
526
526
  {
@@ -554,7 +554,7 @@ exports[`renders text with warn variation 1`] = `
554
554
  collapsable={false}
555
555
  maxFontSizeMultiplier={3.125}
556
556
  selectable={true}
557
- selectionColor="rgb(160, 215, 42)"
557
+ selectionColor="rgb(132, 234, 0)"
558
558
  style={
559
559
  [
560
560
  {
@@ -588,7 +588,7 @@ exports[`renders with strikethrough styling 1`] = `
588
588
  collapsable={false}
589
589
  maxFontSizeMultiplier={3.125}
590
590
  selectable={true}
591
- selectionColor="rgb(160, 215, 42)"
591
+ selectionColor="rgb(132, 234, 0)"
592
592
  style={
593
593
  [
594
594
  {
package/src/Typography/__snapshots__/Typography.test.tsx.snap CHANGED
@@ -7,7 +7,7 @@ exports[`renders text respecting the text direction 1`] = `
7
7
  allowFontScaling={true}
8
8
  collapsable={false}
9
9
  selectable={true}
10
- selectionColor="rgb(160, 215, 42)"
10
+ selectionColor="rgb(132, 234, 0)"
11
11
  style={
12
12
  [
13
13
  {
@@ -41,7 +41,7 @@ exports[`renders text using the maxLines is also passed 1`] = `
41
41
  collapsable={false}
42
42
  numberOfLines={2}
43
43
  selectable={true}
44
- selectionColor="rgb(160, 215, 42)"
44
+ selectionColor="rgb(132, 234, 0)"
45
45
  style={
46
46
  [
47
47
  {
@@ -75,7 +75,7 @@ exports[`renders text with adjustsFontSizeToFit set to true 1`] = `
75
75
  collapsable={false}
76
76
  numberOfLines={1}
77
77
  selectable={true}
78
- selectionColor="rgb(160, 215, 42)"
78
+ selectionColor="rgb(132, 234, 0)"
79
79
  style={
80
80
  [
81
81
  {
@@ -108,7 +108,7 @@ exports[`renders text with black style and display as fontFamily 1`] = `
108
108
  allowFontScaling={true}
109
109
  collapsable={false}
110
110
  selectable={true}
111
- selectionColor="rgb(160, 215, 42)"
111
+ selectionColor="rgb(132, 234, 0)"
112
112
  style={
113
113
  [
114
114
  {
@@ -141,7 +141,7 @@ exports[`renders text with bold style 1`] = `
141
141
  allowFontScaling={true}
142
142
  collapsable={false}
143
143
  selectable={true}
144
- selectionColor="rgb(160, 215, 42)"
144
+ selectionColor="rgb(132, 234, 0)"
145
145
  style={
146
146
  [
147
147
  {
@@ -174,7 +174,7 @@ exports[`renders text with bold style and display as fontFamily 1`] = `
174
174
  allowFontScaling={true}
175
175
  collapsable={false}
176
176
  selectable={true}
177
- selectionColor="rgb(160, 215, 42)"
177
+ selectionColor="rgb(132, 234, 0)"
178
178
  style={
179
179
  [
180
180
  {
@@ -207,7 +207,7 @@ exports[`renders text with bold weight and italic style 1`] = `
207
207
  allowFontScaling={true}
208
208
  collapsable={false}
209
209
  selectable={true}
210
- selectionColor="rgb(160, 215, 42)"
210
+ selectionColor="rgb(132, 234, 0)"
211
211
  style={
212
212
  [
213
213
  {
@@ -240,7 +240,7 @@ exports[`renders text with center align 1`] = `
240
240
  allowFontScaling={true}
241
241
  collapsable={false}
242
242
  selectable={true}
243
- selectionColor="rgb(160, 215, 42)"
243
+ selectionColor="rgb(132, 234, 0)"
244
244
  style={
245
245
  [
246
246
  {
@@ -273,7 +273,7 @@ exports[`renders text with default color 1`] = `
273
273
  allowFontScaling={true}
274
274
  collapsable={false}
275
275
  selectable={true}
276
- selectionColor="rgb(160, 215, 42)"
276
+ selectionColor="rgb(132, 234, 0)"
277
277
  style={
278
278
  [
279
279
  {
@@ -306,7 +306,7 @@ exports[`renders text with default size 1`] = `
306
306
  allowFontScaling={true}
307
307
  collapsable={false}
308
308
  selectable={true}
309
- selectionColor="rgb(160, 215, 42)"
309
+ selectionColor="rgb(132, 234, 0)"
310
310
  style={
311
311
  [
312
312
  {
@@ -339,7 +339,7 @@ exports[`renders text with extraBold weight and display as fontFamily 1`] = `
339
339
  allowFontScaling={true}
340
340
  collapsable={false}
341
341
  selectable={true}
342
- selectionColor="rgb(160, 215, 42)"
342
+ selectionColor="rgb(132, 234, 0)"
343
343
  style={
344
344
  [
345
345
  {
@@ -372,7 +372,7 @@ exports[`renders text with green color 1`] = `
372
372
  allowFontScaling={true}
373
373
  collapsable={false}
374
374
  selectable={true}
375
- selectionColor="rgb(160, 215, 42)"
375
+ selectionColor="rgb(132, 234, 0)"
376
376
  style={
377
377
  [
378
378
  {
@@ -405,7 +405,7 @@ exports[`renders text with italic style 1`] = `
405
405
  allowFontScaling={true}
406
406
  collapsable={false}
407
407
  selectable={true}
408
- selectionColor="rgb(160, 215, 42)"
408
+ selectionColor="rgb(132, 234, 0)"
409
409
  style={
410
410
  [
411
411
  {
@@ -438,7 +438,7 @@ exports[`renders text with large size 1`] = `
438
438
  allowFontScaling={true}
439
439
  collapsable={false}
440
440
  selectable={true}
441
- selectionColor="rgb(160, 215, 42)"
441
+ selectionColor="rgb(132, 234, 0)"
442
442
  style={
443
443
  [
444
444
  {
@@ -471,7 +471,7 @@ exports[`renders text with letter spacing 1`] = `
471
471
  allowFontScaling={true}
472
472
  collapsable={false}
473
473
  selectable={true}
474
- selectionColor="rgb(160, 215, 42)"
474
+ selectionColor="rgb(132, 234, 0)"
475
475
  style={
476
476
  [
477
477
  {
@@ -504,7 +504,7 @@ exports[`renders text with line height override 1`] = `
504
504
  allowFontScaling={true}
505
505
  collapsable={false}
506
506
  selectable={true}
507
- selectionColor="rgb(160, 215, 42)"
507
+ selectionColor="rgb(132, 234, 0)"
508
508
  style={
509
509
  [
510
510
  {
@@ -537,7 +537,7 @@ exports[`renders text with lowercase transform 1`] = `
537
537
  allowFontScaling={true}
538
538
  collapsable={false}
539
539
  selectable={true}
540
- selectionColor="rgb(160, 215, 42)"
540
+ selectionColor="rgb(132, 234, 0)"
541
541
  style={
542
542
  [
543
543
  {
@@ -570,7 +570,7 @@ exports[`renders text with multiple properties 1`] = `
570
570
  allowFontScaling={true}
571
571
  collapsable={false}
572
572
  selectable={true}
573
- selectionColor="rgb(160, 215, 42)"
573
+ selectionColor="rgb(132, 234, 0)"
574
574
  style={
575
575
  [
576
576
  {
@@ -603,7 +603,7 @@ exports[`renders text with no additional props 1`] = `
603
603
  allowFontScaling={true}
604
604
  collapsable={false}
605
605
  selectable={true}
606
- selectionColor="rgb(160, 215, 42)"
606
+ selectionColor="rgb(132, 234, 0)"
607
607
  style={
608
608
  [
609
609
  {
@@ -636,7 +636,7 @@ exports[`renders text with regular style 1`] = `
636
636
  allowFontScaling={true}
637
637
  collapsable={false}
638
638
  selectable={true}
639
- selectionColor="rgb(160, 215, 42)"
639
+ selectionColor="rgb(132, 234, 0)"
640
640
  style={
641
641
  [
642
642
  {
@@ -669,7 +669,7 @@ exports[`renders text with reverseTheme false with reversible color 1`] = `
669
669
  allowFontScaling={true}
670
670
  collapsable={false}
671
671
  selectable={true}
672
- selectionColor="rgb(160, 215, 42)"
672
+ selectionColor="rgb(132, 234, 0)"
673
673
  style={
674
674
  [
675
675
  {
@@ -702,7 +702,7 @@ exports[`renders text with reverseTheme true with reversible color 1`] = `
702
702
  allowFontScaling={true}
703
703
  collapsable={false}
704
704
  selectable={true}
705
- selectionColor="rgb(160, 215, 42)"
705
+ selectionColor="rgb(132, 234, 0)"
706
706
  style={
707
707
  [
708
708
  {
@@ -735,7 +735,7 @@ exports[`renders text with small size 1`] = `
735
735
  allowFontScaling={true}
736
736
  collapsable={false}
737
737
  selectable={true}
738
- selectionColor="rgb(160, 215, 42)"
738
+ selectionColor="rgb(132, 234, 0)"
739
739
  style={
740
740
  [
741
741
  {
@@ -768,7 +768,7 @@ exports[`renders text with strikethough styling 1`] = `
768
768
  allowFontScaling={true}
769
769
  collapsable={false}
770
770
  selectable={true}
771
- selectionColor="rgb(160, 215, 42)"
771
+ selectionColor="rgb(132, 234, 0)"
772
772
  style={
773
773
  [
774
774
  {
@@ -804,7 +804,7 @@ exports[`renders text with uppercase transform 1`] = `
804
804
  allowFontScaling={true}
805
805
  collapsable={false}
806
806
  selectable={true}
807
- selectionColor="rgb(160, 215, 42)"
807
+ selectionColor="rgb(132, 234, 0)"
808
808
  style={
809
809
  [
810
810
  {
@@ -837,7 +837,7 @@ exports[`renders text with white color 1`] = `
837
837
  allowFontScaling={true}
838
838
  collapsable={false}
839
839
  selectable={true}
840
- selectionColor="rgb(160, 215, 42)"
840
+ selectionColor="rgb(132, 234, 0)"
841
841
  style={
842
842
  [
843
843
  {