@jobber/components-native 0.65.4 → 0.66.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 (14) hide show
  1. package/dist/package.json +3 -3
  2. package/dist/tsconfig.tsbuildinfo +1 -1
  3. package/package.json +3 -3
  4. package/src/Disclosure/__snapshots__/Disclosure.test.tsx.snap +16 -16
  5. package/src/Heading/__snapshots__/Heading.test.tsx.snap +15 -15
  6. package/src/Icon/__snapshots__/Icon.test.tsx.snap +21 -21
  7. package/src/InputFieldWrapper/InputFieldWrapper.test.tsx +1 -1
  8. package/src/ProgressBar/__snapshots__/ProgressBar.test.tsx.snap +5 -5
  9. package/src/StatusLabel/__snapshots__/StatusLabel.test.tsx.snap +28 -28
  10. package/src/Switch/components/BaseSwitch/__snapshots__/BaseSwitch.test.tsx.snap +18 -18
  11. package/src/Text/__snapshots__/Text.test.tsx.snap +36 -36
  12. package/src/TextList/__snapshots__/TextList.test.tsx.snap +8 -8
  13. package/src/ThumbnailList/__snapshots__/ThumbnailList.test.tsx.snap +2 -2
  14. package/src/Typography/__snapshots__/Typography.test.tsx.snap +50 -50
package/src/TextList/__snapshots__/TextList.test.tsx.snap CHANGED
@@ -41,14 +41,14 @@ exports[`TextList when the bulletItems is provided displays the text list 1`] =
41
41
  collapsable={false}
42
42
  maxFontSizeMultiplier={3.125}
43
43
  selectable={true}
44
- selectionColor="rgb(132, 234, 0)"
44
+ selectionColor="hsl(86, 100%, 46%)"
45
45
  style={
46
46
  [
47
47
  {
48
48
  "fontFamily": "inter-regular",
49
49
  },
50
50
  {
51
- "color": "rgb(66, 78, 86)",
51
+ "color": "hsl(198, 35%, 21%)",
52
52
  },
53
53
  {
54
54
  "textAlign": "left",
@@ -80,14 +80,14 @@ exports[`TextList when the bulletItems is provided displays the text list 1`] =
80
80
  collapsable={false}
81
81
  maxFontSizeMultiplier={3.125}
82
82
  selectable={true}
83
- selectionColor="rgb(132, 234, 0)"
83
+ selectionColor="hsl(86, 100%, 46%)"
84
84
  style={
85
85
  [
86
86
  {
87
87
  "fontFamily": "inter-regular",
88
88
  },
89
89
  {
90
- "color": "rgb(66, 78, 86)",
90
+ "color": "hsl(198, 35%, 21%)",
91
91
  },
92
92
  {
93
93
  "textAlign": "left",
@@ -132,14 +132,14 @@ exports[`TextList when the bulletItems is provided displays the text list 1`] =
132
132
  collapsable={false}
133
133
  maxFontSizeMultiplier={3.125}
134
134
  selectable={true}
135
- selectionColor="rgb(132, 234, 0)"
135
+ selectionColor="hsl(86, 100%, 46%)"
136
136
  style={
137
137
  [
138
138
  {
139
139
  "fontFamily": "inter-regular",
140
140
  },
141
141
  {
142
- "color": "rgb(66, 78, 86)",
142
+ "color": "hsl(198, 35%, 21%)",
143
143
  },
144
144
  {
145
145
  "textAlign": "left",
@@ -171,14 +171,14 @@ exports[`TextList when the bulletItems is provided displays the text list 1`] =
171
171
  collapsable={false}
172
172
  maxFontSizeMultiplier={3.125}
173
173
  selectable={true}
174
- selectionColor="rgb(132, 234, 0)"
174
+ selectionColor="hsl(86, 100%, 46%)"
175
175
  style={
176
176
  [
177
177
  {
178
178
  "fontFamily": "inter-regular",
179
179
  },
180
180
  {
181
- "color": "rgb(66, 78, 86)",
181
+ "color": "hsl(198, 35%, 21%)",
182
182
  },
183
183
  {
184
184
  "textAlign": "left",
package/src/ThumbnailList/__snapshots__/ThumbnailList.test.tsx.snap CHANGED
@@ -70,8 +70,8 @@ exports[`renders a thumbnail component with attachments 1`] = `
70
70
  style={
71
71
  [
72
72
  {
73
- "backgroundColor": "rgb(241, 239, 233)",
74
- "borderColor": "rgb(218, 224, 226)",
73
+ "backgroundColor": "hsl(53, 21%, 93%)",
74
+ "borderColor": "hsl(200, 13%, 87%)",
75
75
  "borderRadius": 8,
76
76
  "borderWidth": 1,
77
77
  "marginBottom": 8,
package/src/Typography/__snapshots__/Typography.test.tsx.snap CHANGED
@@ -7,14 +7,14 @@ exports[`renders text respecting the text direction 1`] = `
7
7
  allowFontScaling={true}
8
8
  collapsable={false}
9
9
  selectable={true}
10
- selectionColor="rgb(132, 234, 0)"
10
+ selectionColor="hsl(86, 100%, 46%)"
11
11
  style={
12
12
  [
13
13
  {
14
14
  "fontFamily": "inter-regular",
15
15
  },
16
16
  {
17
- "color": "rgba(101, 120, 132, 1)",
17
+ "color": "hsl(197, 15%, 45%)",
18
18
  },
19
19
  {
20
20
  "textAlign": "right",
@@ -41,14 +41,14 @@ 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(132, 234, 0)"
44
+ selectionColor="hsl(86, 100%, 46%)"
45
45
  style={
46
46
  [
47
47
  {
48
48
  "fontFamily": "inter-regular",
49
49
  },
50
50
  {
51
- "color": "rgba(101, 120, 132, 1)",
51
+ "color": "hsl(197, 15%, 45%)",
52
52
  },
53
53
  {
54
54
  "textAlign": "left",
@@ -75,14 +75,14 @@ exports[`renders text with adjustsFontSizeToFit set to true 1`] = `
75
75
  collapsable={false}
76
76
  numberOfLines={1}
77
77
  selectable={true}
78
- selectionColor="rgb(132, 234, 0)"
78
+ selectionColor="hsl(86, 100%, 46%)"
79
79
  style={
80
80
  [
81
81
  {
82
82
  "fontFamily": "inter-regular",
83
83
  },
84
84
  {
85
- "color": "rgba(101, 120, 132, 1)",
85
+ "color": "hsl(197, 15%, 45%)",
86
86
  },
87
87
  {
88
88
  "textAlign": "left",
@@ -108,14 +108,14 @@ 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(132, 234, 0)"
111
+ selectionColor="hsl(86, 100%, 46%)"
112
112
  style={
113
113
  [
114
114
  {
115
115
  "fontFamily": "jobberpro-blk",
116
116
  },
117
117
  {
118
- "color": "rgba(101, 120, 132, 1)",
118
+ "color": "hsl(197, 15%, 45%)",
119
119
  },
120
120
  {
121
121
  "textAlign": "left",
@@ -141,14 +141,14 @@ exports[`renders text with bold style 1`] = `
141
141
  allowFontScaling={true}
142
142
  collapsable={false}
143
143
  selectable={true}
144
- selectionColor="rgb(132, 234, 0)"
144
+ selectionColor="hsl(86, 100%, 46%)"
145
145
  style={
146
146
  [
147
147
  {
148
148
  "fontFamily": "inter-bold",
149
149
  },
150
150
  {
151
- "color": "rgba(101, 120, 132, 1)",
151
+ "color": "hsl(197, 15%, 45%)",
152
152
  },
153
153
  {
154
154
  "textAlign": "left",
@@ -174,14 +174,14 @@ 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(132, 234, 0)"
177
+ selectionColor="hsl(86, 100%, 46%)"
178
178
  style={
179
179
  [
180
180
  {
181
181
  "fontFamily": "jobberpro-bd",
182
182
  },
183
183
  {
184
- "color": "rgba(101, 120, 132, 1)",
184
+ "color": "hsl(197, 15%, 45%)",
185
185
  },
186
186
  {
187
187
  "textAlign": "left",
@@ -207,14 +207,14 @@ 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(132, 234, 0)"
210
+ selectionColor="hsl(86, 100%, 46%)"
211
211
  style={
212
212
  [
213
213
  {
214
214
  "fontFamily": "inter-regular",
215
215
  },
216
216
  {
217
- "color": "rgba(101, 120, 132, 1)",
217
+ "color": "hsl(197, 15%, 45%)",
218
218
  },
219
219
  {
220
220
  "textAlign": "left",
@@ -240,14 +240,14 @@ exports[`renders text with center align 1`] = `
240
240
  allowFontScaling={true}
241
241
  collapsable={false}
242
242
  selectable={true}
243
- selectionColor="rgb(132, 234, 0)"
243
+ selectionColor="hsl(86, 100%, 46%)"
244
244
  style={
245
245
  [
246
246
  {
247
247
  "fontFamily": "inter-regular",
248
248
  },
249
249
  {
250
- "color": "rgba(101, 120, 132, 1)",
250
+ "color": "hsl(197, 15%, 45%)",
251
251
  },
252
252
  {
253
253
  "textAlign": "center",
@@ -273,14 +273,14 @@ exports[`renders text with default color 1`] = `
273
273
  allowFontScaling={true}
274
274
  collapsable={false}
275
275
  selectable={true}
276
- selectionColor="rgb(132, 234, 0)"
276
+ selectionColor="hsl(86, 100%, 46%)"
277
277
  style={
278
278
  [
279
279
  {
280
280
  "fontFamily": "inter-regular",
281
281
  },
282
282
  {
283
- "color": "rgba(101, 120, 132, 1)",
283
+ "color": "hsl(197, 15%, 45%)",
284
284
  },
285
285
  {
286
286
  "textAlign": "left",
@@ -306,14 +306,14 @@ exports[`renders text with default size 1`] = `
306
306
  allowFontScaling={true}
307
307
  collapsable={false}
308
308
  selectable={true}
309
- selectionColor="rgb(132, 234, 0)"
309
+ selectionColor="hsl(86, 100%, 46%)"
310
310
  style={
311
311
  [
312
312
  {
313
313
  "fontFamily": "inter-regular",
314
314
  },
315
315
  {
316
- "color": "rgba(101, 120, 132, 1)",
316
+ "color": "hsl(197, 15%, 45%)",
317
317
  },
318
318
  {
319
319
  "textAlign": "left",
@@ -339,14 +339,14 @@ 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(132, 234, 0)"
342
+ selectionColor="hsl(86, 100%, 46%)"
343
343
  style={
344
344
  [
345
345
  {
346
346
  "fontFamily": "jobberpro-xbd",
347
347
  },
348
348
  {
349
- "color": "rgba(101, 120, 132, 1)",
349
+ "color": "hsl(197, 15%, 45%)",
350
350
  },
351
351
  {
352
352
  "textAlign": "left",
@@ -372,14 +372,14 @@ exports[`renders text with green color 1`] = `
372
372
  allowFontScaling={true}
373
373
  collapsable={false}
374
374
  selectable={true}
375
- selectionColor="rgb(132, 234, 0)"
375
+ selectionColor="hsl(86, 100%, 46%)"
376
376
  style={
377
377
  [
378
378
  {
379
379
  "fontFamily": "inter-regular",
380
380
  },
381
381
  {
382
- "color": "rgb(50, 130, 28)",
382
+ "color": "hsl(107, 58%, 33%)",
383
383
  },
384
384
  {
385
385
  "textAlign": "left",
@@ -405,14 +405,14 @@ exports[`renders text with italic style 1`] = `
405
405
  allowFontScaling={true}
406
406
  collapsable={false}
407
407
  selectable={true}
408
- selectionColor="rgb(132, 234, 0)"
408
+ selectionColor="hsl(86, 100%, 46%)"
409
409
  style={
410
410
  [
411
411
  {
412
412
  "fontFamily": "inter-regular",
413
413
  },
414
414
  {
415
- "color": "rgba(101, 120, 132, 1)",
415
+ "color": "hsl(197, 15%, 45%)",
416
416
  },
417
417
  {
418
418
  "textAlign": "left",
@@ -438,14 +438,14 @@ exports[`renders text with large size 1`] = `
438
438
  allowFontScaling={true}
439
439
  collapsable={false}
440
440
  selectable={true}
441
- selectionColor="rgb(132, 234, 0)"
441
+ selectionColor="hsl(86, 100%, 46%)"
442
442
  style={
443
443
  [
444
444
  {
445
445
  "fontFamily": "inter-regular",
446
446
  },
447
447
  {
448
- "color": "rgba(101, 120, 132, 1)",
448
+ "color": "hsl(197, 15%, 45%)",
449
449
  },
450
450
  {
451
451
  "textAlign": "left",
@@ -471,14 +471,14 @@ exports[`renders text with letter spacing 1`] = `
471
471
  allowFontScaling={true}
472
472
  collapsable={false}
473
473
  selectable={true}
474
- selectionColor="rgb(132, 234, 0)"
474
+ selectionColor="hsl(86, 100%, 46%)"
475
475
  style={
476
476
  [
477
477
  {
478
478
  "fontFamily": "inter-regular",
479
479
  },
480
480
  {
481
- "color": "rgba(101, 120, 132, 1)",
481
+ "color": "hsl(197, 15%, 45%)",
482
482
  },
483
483
  {
484
484
  "textAlign": "left",
@@ -504,14 +504,14 @@ exports[`renders text with line height override 1`] = `
504
504
  allowFontScaling={true}
505
505
  collapsable={false}
506
506
  selectable={true}
507
- selectionColor="rgb(132, 234, 0)"
507
+ selectionColor="hsl(86, 100%, 46%)"
508
508
  style={
509
509
  [
510
510
  {
511
511
  "fontFamily": "inter-regular",
512
512
  },
513
513
  {
514
- "color": "rgba(101, 120, 132, 1)",
514
+ "color": "hsl(197, 15%, 45%)",
515
515
  },
516
516
  {
517
517
  "textAlign": "left",
@@ -537,14 +537,14 @@ exports[`renders text with lowercase transform 1`] = `
537
537
  allowFontScaling={true}
538
538
  collapsable={false}
539
539
  selectable={true}
540
- selectionColor="rgb(132, 234, 0)"
540
+ selectionColor="hsl(86, 100%, 46%)"
541
541
  style={
542
542
  [
543
543
  {
544
544
  "fontFamily": "inter-regular",
545
545
  },
546
546
  {
547
- "color": "rgba(101, 120, 132, 1)",
547
+ "color": "hsl(197, 15%, 45%)",
548
548
  },
549
549
  {
550
550
  "textAlign": "left",
@@ -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(132, 234, 0)"
573
+ selectionColor="hsl(86, 100%, 46%)"
574
574
  style={
575
575
  [
576
576
  {
@@ -603,14 +603,14 @@ exports[`renders text with no additional props 1`] = `
603
603
  allowFontScaling={true}
604
604
  collapsable={false}
605
605
  selectable={true}
606
- selectionColor="rgb(132, 234, 0)"
606
+ selectionColor="hsl(86, 100%, 46%)"
607
607
  style={
608
608
  [
609
609
  {
610
610
  "fontFamily": "inter-regular",
611
611
  },
612
612
  {
613
- "color": "rgba(101, 120, 132, 1)",
613
+ "color": "hsl(197, 15%, 45%)",
614
614
  },
615
615
  {
616
616
  "textAlign": "left",
@@ -636,14 +636,14 @@ exports[`renders text with regular style 1`] = `
636
636
  allowFontScaling={true}
637
637
  collapsable={false}
638
638
  selectable={true}
639
- selectionColor="rgb(132, 234, 0)"
639
+ selectionColor="hsl(86, 100%, 46%)"
640
640
  style={
641
641
  [
642
642
  {
643
643
  "fontFamily": "inter-regular",
644
644
  },
645
645
  {
646
- "color": "rgba(101, 120, 132, 1)",
646
+ "color": "hsl(197, 15%, 45%)",
647
647
  },
648
648
  {
649
649
  "textAlign": "left",
@@ -669,14 +669,14 @@ 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(132, 234, 0)"
672
+ selectionColor="hsl(86, 100%, 46%)"
673
673
  style={
674
674
  [
675
675
  {
676
676
  "fontFamily": "inter-regular",
677
677
  },
678
678
  {
679
- "color": "rgb(14, 78, 26)",
679
+ "color": "hsl(107, 64%, 16%)",
680
680
  },
681
681
  {
682
682
  "textAlign": "left",
@@ -702,14 +702,14 @@ 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(132, 234, 0)"
705
+ selectionColor="hsl(86, 100%, 46%)"
706
706
  style={
707
707
  [
708
708
  {
709
709
  "fontFamily": "inter-regular",
710
710
  },
711
711
  {
712
- "color": "rgb(50, 130, 28)",
712
+ "color": "hsl(107, 58%, 33%)",
713
713
  },
714
714
  {
715
715
  "textAlign": "left",
@@ -735,14 +735,14 @@ exports[`renders text with small size 1`] = `
735
735
  allowFontScaling={true}
736
736
  collapsable={false}
737
737
  selectable={true}
738
- selectionColor="rgb(132, 234, 0)"
738
+ selectionColor="hsl(86, 100%, 46%)"
739
739
  style={
740
740
  [
741
741
  {
742
742
  "fontFamily": "inter-regular",
743
743
  },
744
744
  {
745
- "color": "rgba(101, 120, 132, 1)",
745
+ "color": "hsl(197, 15%, 45%)",
746
746
  },
747
747
  {
748
748
  "textAlign": "left",
@@ -768,14 +768,14 @@ exports[`renders text with strikethough styling 1`] = `
768
768
  allowFontScaling={true}
769
769
  collapsable={false}
770
770
  selectable={true}
771
- selectionColor="rgb(132, 234, 0)"
771
+ selectionColor="hsl(86, 100%, 46%)"
772
772
  style={
773
773
  [
774
774
  {
775
775
  "fontFamily": "inter-regular",
776
776
  },
777
777
  {
778
- "color": "rgba(101, 120, 132, 1)",
778
+ "color": "hsl(197, 15%, 45%)",
779
779
  },
780
780
  {
781
781
  "textAlign": "left",
@@ -804,14 +804,14 @@ exports[`renders text with uppercase transform 1`] = `
804
804
  allowFontScaling={true}
805
805
  collapsable={false}
806
806
  selectable={true}
807
- selectionColor="rgb(132, 234, 0)"
807
+ selectionColor="hsl(86, 100%, 46%)"
808
808
  style={
809
809
  [
810
810
  {
811
811
  "fontFamily": "inter-regular",
812
812
  },
813
813
  {
814
- "color": "rgba(101, 120, 132, 1)",
814
+ "color": "hsl(197, 15%, 45%)",
815
815
  },
816
816
  {
817
817
  "textAlign": "left",
@@ -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(132, 234, 0)"
840
+ selectionColor="hsl(86, 100%, 46%)"
841
841
  style={
842
842
  [
843
843
  {