@jobber/components-native 0.65.5 → 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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jobber/components-native",
3
- "version": "0.65.5",
3
+ "version": "0.66.0",
4
4
  "license": "MIT",
5
5
  "description": "React Native implementation of Atlantis",
6
6
  "repository": {
@@ -36,7 +36,7 @@
36
36
  "build:clean": "rm -rf ./dist"
37
37
  },
38
38
  "dependencies": {
39
- "@jobber/design": "^0.58.0",
39
+ "@jobber/design": "^0.59.0",
40
40
  "@jobber/hooks": "^2.9.5",
41
41
  "@react-native-clipboard/clipboard": "^1.11.2",
42
42
  "@react-native-picker/picker": "^2.4.10",
@@ -84,5 +84,5 @@
84
84
  "react-native-safe-area-context": "^4.5.2",
85
85
  "react-native-svg": ">=12.0.0"
86
86
  },
87
- "gitHead": "916a407845cf16c43e157df052605f4744c7f207"
87
+ "gitHead": "dc84fb83c993bf0e03e707a7958afbb57500b791"
88
88
  }
@@ -58,14 +58,14 @@ exports[`renders a Disclosure with a header and a content when open is true 1`]
58
58
  collapsable={false}
59
59
  maxFontSizeMultiplier={3.125}
60
60
  selectable={true}
61
- selectionColor="rgb(132, 234, 0)"
61
+ selectionColor="hsl(86, 100%, 46%)"
62
62
  style={
63
63
  [
64
64
  {
65
65
  "fontFamily": "inter-regular",
66
66
  },
67
67
  {
68
- "color": "rgb(66, 78, 86)",
68
+ "color": "hsl(198, 35%, 21%)",
69
69
  },
70
70
  {
71
71
  "textAlign": "left",
@@ -99,7 +99,7 @@ exports[`renders a Disclosure with a header and a content when open is true 1`]
99
99
  style={
100
100
  {
101
101
  "display": "flex",
102
- "fill": "rgb(181, 181, 181)",
102
+ "fill": "hsl(0, 0%, 72%)",
103
103
  "height": 24,
104
104
  "verticalAlign": "middle",
105
105
  "width": 24,
@@ -110,7 +110,7 @@ exports[`renders a Disclosure with a header and a content when open is true 1`]
110
110
  >
111
111
  <Path
112
112
  d="M16.297 14.709a.996.996 0 0 0 1.41-.001.994.994 0 0 0 0-1.41l-5-5.005a.998.998 0 0 0-1.415 0l-5 5a.994.994 0 0 0 0 1.41.996.996 0 0 0 1.411.001L12 10.416l4.297 4.293Z"
113
- fill="rgb(181, 181, 181)"
113
+ fill="hsl(0, 0%, 72%)"
114
114
  />
115
115
  </SVGMock>
116
116
  </View>
@@ -141,14 +141,14 @@ exports[`renders a Disclosure with a header and a content when open is true 1`]
141
141
  collapsable={false}
142
142
  maxFontSizeMultiplier={3.125}
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-regular",
149
149
  },
150
150
  {
151
- "color": "rgb(66, 78, 86)",
151
+ "color": "hsl(198, 35%, 21%)",
152
152
  },
153
153
  {
154
154
  "textAlign": "left",
@@ -229,14 +229,14 @@ exports[`renders a Disclosure with a header and with a content of size 0 when cl
229
229
  collapsable={false}
230
230
  maxFontSizeMultiplier={3.125}
231
231
  selectable={true}
232
- selectionColor="rgb(132, 234, 0)"
232
+ selectionColor="hsl(86, 100%, 46%)"
233
233
  style={
234
234
  [
235
235
  {
236
236
  "fontFamily": "inter-regular",
237
237
  },
238
238
  {
239
- "color": "rgb(66, 78, 86)",
239
+ "color": "hsl(198, 35%, 21%)",
240
240
  },
241
241
  {
242
242
  "textAlign": "left",
@@ -270,7 +270,7 @@ exports[`renders a Disclosure with a header and with a content of size 0 when cl
270
270
  style={
271
271
  {
272
272
  "display": "flex",
273
- "fill": "rgb(181, 181, 181)",
273
+ "fill": "hsl(0, 0%, 72%)",
274
274
  "height": 24,
275
275
  "verticalAlign": "middle",
276
276
  "width": 24,
@@ -281,7 +281,7 @@ exports[`renders a Disclosure with a header and with a content of size 0 when cl
281
281
  >
282
282
  <Path
283
283
  d="M16.297 14.709a.996.996 0 0 0 1.41-.001.994.994 0 0 0 0-1.41l-5-5.005a.998.998 0 0 0-1.415 0l-5 5a.994.994 0 0 0 0 1.41.996.996 0 0 0 1.411.001L12 10.416l4.297 4.293Z"
284
- fill="rgb(181, 181, 181)"
284
+ fill="hsl(0, 0%, 72%)"
285
285
  />
286
286
  </SVGMock>
287
287
  </View>
@@ -312,14 +312,14 @@ exports[`renders a Disclosure with a header and with a content of size 0 when cl
312
312
  collapsable={false}
313
313
  maxFontSizeMultiplier={3.125}
314
314
  selectable={true}
315
- selectionColor="rgb(132, 234, 0)"
315
+ selectionColor="hsl(86, 100%, 46%)"
316
316
  style={
317
317
  [
318
318
  {
319
319
  "fontFamily": "inter-regular",
320
320
  },
321
321
  {
322
- "color": "rgb(66, 78, 86)",
322
+ "color": "hsl(198, 35%, 21%)",
323
323
  },
324
324
  {
325
325
  "textAlign": "left",
@@ -400,14 +400,14 @@ exports[`should not render the caret when the Disclosure is empty 1`] = `
400
400
  collapsable={false}
401
401
  maxFontSizeMultiplier={3.125}
402
402
  selectable={true}
403
- selectionColor="rgb(132, 234, 0)"
403
+ selectionColor="hsl(86, 100%, 46%)"
404
404
  style={
405
405
  [
406
406
  {
407
407
  "fontFamily": "inter-regular",
408
408
  },
409
409
  {
410
- "color": "rgb(66, 78, 86)",
410
+ "color": "hsl(198, 35%, 21%)",
411
411
  },
412
412
  {
413
413
  "textAlign": "left",
@@ -451,14 +451,14 @@ exports[`should not render the caret when the Disclosure is empty 1`] = `
451
451
  collapsable={false}
452
452
  maxFontSizeMultiplier={3.125}
453
453
  selectable={true}
454
- selectionColor="rgb(132, 234, 0)"
454
+ selectionColor="hsl(86, 100%, 46%)"
455
455
  style={
456
456
  [
457
457
  {
458
458
  "fontFamily": "inter-regular",
459
459
  },
460
460
  {
461
- "color": "rgb(66, 78, 86)",
461
+ "color": "hsl(198, 35%, 21%)",
462
462
  },
463
463
  {
464
464
  "textAlign": "left",
@@ -8,14 +8,14 @@ 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(132, 234, 0)"
11
+ selectionColor="hsl(86, 100%, 46%)"
12
12
  style={
13
13
  [
14
14
  {
15
15
  "fontFamily": "inter-bold",
16
16
  },
17
17
  {
18
- "color": "rgb(1, 40, 55)",
18
+ "color": "hsl(197, 90%, 12%)",
19
19
  },
20
20
  {
21
21
  "textAlign": "left",
@@ -41,14 +41,14 @@ 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(132, 234, 0)"
44
+ selectionColor="hsl(86, 100%, 46%)"
45
45
  style={
46
46
  [
47
47
  {
48
48
  "fontFamily": "inter-bold",
49
49
  },
50
50
  {
51
- "color": "rgb(1, 40, 55)",
51
+ "color": "hsl(197, 90%, 12%)",
52
52
  },
53
53
  {
54
54
  "textAlign": "right",
@@ -75,14 +75,14 @@ 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(132, 234, 0)"
78
+ selectionColor="hsl(86, 100%, 46%)"
79
79
  style={
80
80
  [
81
81
  {
82
82
  "fontFamily": "inter-bold",
83
83
  },
84
84
  {
85
- "color": "rgb(1, 40, 55)",
85
+ "color": "hsl(197, 90%, 12%)",
86
86
  },
87
87
  {
88
88
  "textAlign": "left",
@@ -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(132, 234, 0)"
111
+ selectionColor="hsl(86, 100%, 46%)"
112
112
  style={
113
113
  [
114
114
  {
@@ -142,14 +142,14 @@ 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(132, 234, 0)"
145
+ selectionColor="hsl(86, 100%, 46%)"
146
146
  style={
147
147
  [
148
148
  {
149
149
  "fontFamily": "inter-semibold",
150
150
  },
151
151
  {
152
- "color": "rgb(78, 105, 116)",
152
+ "color": "hsl(197, 15%, 45%)",
153
153
  },
154
154
  {
155
155
  "textAlign": "left",
@@ -176,14 +176,14 @@ 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(132, 234, 0)"
179
+ selectionColor="hsl(86, 100%, 46%)"
180
180
  style={
181
181
  [
182
182
  {
183
183
  "fontFamily": "inter-semibold",
184
184
  },
185
185
  {
186
- "color": "rgb(1, 40, 55)",
186
+ "color": "hsl(197, 90%, 12%)",
187
187
  },
188
188
  {
189
189
  "textAlign": "left",
@@ -209,14 +209,14 @@ 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(132, 234, 0)"
212
+ selectionColor="hsl(86, 100%, 46%)"
213
213
  style={
214
214
  [
215
215
  {
216
216
  "fontFamily": "inter-bold",
217
217
  },
218
218
  {
219
- "color": "rgb(1, 40, 55)",
219
+ "color": "hsl(197, 90%, 12%)",
220
220
  },
221
221
  {
222
222
  "textAlign": "left",
@@ -243,14 +243,14 @@ 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(132, 234, 0)"
246
+ selectionColor="hsl(86, 100%, 46%)"
247
247
  style={
248
248
  [
249
249
  {
250
250
  "fontFamily": "jobberpro-xbd",
251
251
  },
252
252
  {
253
- "color": "rgb(1, 40, 55)",
253
+ "color": "hsl(197, 90%, 12%)",
254
254
  },
255
255
  {
256
256
  "textAlign": "left",
@@ -17,7 +17,7 @@ exports[`renders apple icon 1`] = `
17
17
  },
18
18
  {
19
19
  "display": "flex",
20
- "fill": "rgb(1, 40, 55)",
20
+ "fill": "hsl(198, 35%, 21%)",
21
21
  "height": 24,
22
22
  "verticalAlign": "middle",
23
23
  "width": 24,
@@ -36,7 +36,7 @@ exports[`renders apple icon 1`] = `
36
36
  <RNSVGGroup
37
37
  fill={
38
38
  {
39
- "payload": 4278265911,
39
+ "payload": 4280499528,
40
40
  "type": 0,
41
41
  }
42
42
  }
@@ -50,7 +50,7 @@ exports[`renders apple icon 1`] = `
50
50
  d="M18.467 12.754c-.027-2.996 2.453-4.453 2.566-4.52-1.404-2.048-3.581-2.328-4.346-2.35-1.828-.193-3.601 1.094-4.533 1.094-.95 0-2.384-1.076-3.93-1.044-1.988.03-3.849 1.182-4.87 2.97C1.25 12.55 2.82 17.91 4.838 20.856c1.01 1.443 2.189 3.055 3.733 2.998 1.51-.062 2.074-.963 3.897-.963 1.806 0 2.335.963 3.91.927 1.62-.026 2.641-1.45 3.615-2.907 1.166-1.654 1.635-3.283 1.653-3.367-.038-.013-3.147-1.2-3.178-4.79Zm-2.974-8.81c.812-1.015 1.368-2.397 1.213-3.8-1.175.053-2.646.814-3.492 1.807-.75.876-1.418 2.31-1.246 3.66 1.321.099 2.677-.666 3.525-1.666Z"
51
51
  fill={
52
52
  {
53
- "payload": 4278265911,
53
+ "payload": 4280499528,
54
54
  "type": 0,
55
55
  }
56
56
  }
@@ -81,7 +81,7 @@ exports[`renders home icon 1`] = `
81
81
  },
82
82
  {
83
83
  "display": "flex",
84
- "fill": "rgb(1, 40, 55)",
84
+ "fill": "hsl(198, 35%, 21%)",
85
85
  "height": 24,
86
86
  "verticalAlign": "middle",
87
87
  "width": 24,
@@ -100,7 +100,7 @@ exports[`renders home icon 1`] = `
100
100
  <RNSVGGroup
101
101
  fill={
102
102
  {
103
- "payload": 4278265911,
103
+ "payload": 4280499528,
104
104
  "type": 0,
105
105
  }
106
106
  }
@@ -114,7 +114,7 @@ exports[`renders home icon 1`] = `
114
114
  d="M13.147 3.582a2 2 0 0 0-2.294 0l-9.426 6.599a1 1 0 1 0 1.147 1.638L5 10.121V18a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3v-7.88l2.427 1.7a1 1 0 0 0 1.146-1.64l-9.426-6.598ZM17 8.721V18a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1V8.72l5-3.5 5 3.5Z"
115
115
  fill={
116
116
  {
117
- "payload": 4278265911,
117
+ "payload": 4280499528,
118
118
  "type": 0,
119
119
  }
120
120
  }
@@ -145,7 +145,7 @@ exports[`renders large arrowDown icon 1`] = `
145
145
  },
146
146
  {
147
147
  "display": "flex",
148
- "fill": "rgb(1, 40, 55)",
148
+ "fill": "hsl(198, 35%, 21%)",
149
149
  "height": 32,
150
150
  "verticalAlign": "middle",
151
151
  "width": 32,
@@ -164,7 +164,7 @@ exports[`renders large arrowDown icon 1`] = `
164
164
  <RNSVGGroup
165
165
  fill={
166
166
  {
167
- "payload": 4278265911,
167
+ "payload": 4280499528,
168
168
  "type": 0,
169
169
  }
170
170
  }
@@ -178,7 +178,7 @@ exports[`renders large arrowDown icon 1`] = `
178
178
  d="M7.703 8.291a.996.996 0 0 0-1.41.001.994.994 0 0 0 0 1.41l5 5.005a.998.998 0 0 0 1.415 0l5-5a.994.994 0 0 0 0-1.41.995.995 0 0 0-1.411-.001L12 12.584 7.703 8.291Z"
179
179
  fill={
180
180
  {
181
- "payload": 4278265911,
181
+ "payload": 4280499528,
182
182
  "type": 0,
183
183
  }
184
184
  }
@@ -209,7 +209,7 @@ exports[`renders quote icon with themed color 1`] = `
209
209
  },
210
210
  {
211
211
  "display": "flex",
212
- "fill": "rgb(124, 175, 14)",
212
+ "fill": "hsl(79, 85%, 34%)",
213
213
  "height": 24,
214
214
  "verticalAlign": "middle",
215
215
  "width": 24,
@@ -228,7 +228,7 @@ exports[`renders quote icon with themed color 1`] = `
228
228
  <RNSVGGroup
229
229
  fill={
230
230
  {
231
- "payload": 4286361358,
231
+ "payload": 4285702157,
232
232
  "type": 0,
233
233
  }
234
234
  }
@@ -242,7 +242,7 @@ exports[`renders quote icon with themed color 1`] = `
242
242
  d="M14 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm-2 0a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
243
243
  fill={
244
244
  {
245
- "payload": 4286361358,
245
+ "payload": 4285702157,
246
246
  "type": 0,
247
247
  }
248
248
  }
@@ -256,7 +256,7 @@ exports[`renders quote icon with themed color 1`] = `
256
256
  d="M3.586 6C3.196 6.39 3 6.902 3 7.414c0 .512.195 1.024.586 1.414l.99.991C4.315 10.554 4 11.175 4 12a7 7 0 0 0 7 7h9v1a1 1 0 1 0 2 0v-2a1 1 0 0 0-1-1h-3v-5a7 7 0 0 0-7-7c-.825 0-1.446.314-2.18.577l-.992-.991A1.994 1.994 0 0 0 6.414 4c-.512 0-1.023.195-1.414.586L3.586 6Zm3.393.565A7.041 7.041 0 0 0 5.565 7.98L5 7.414 6.414 6l.565.565ZM11 7a5 5 0 0 1 5 5v5h-5a5 5 0 0 1 0-10Z"
257
257
  fill={
258
258
  {
259
- "payload": 4286361358,
259
+ "payload": 4285702157,
260
260
  "type": 0,
261
261
  }
262
262
  }
@@ -287,7 +287,7 @@ exports[`renders small more icon 1`] = `
287
287
  },
288
288
  {
289
289
  "display": "flex",
290
- "fill": "rgb(1, 40, 55)",
290
+ "fill": "hsl(198, 35%, 21%)",
291
291
  "height": 16,
292
292
  "verticalAlign": "middle",
293
293
  "width": 16,
@@ -306,7 +306,7 @@ exports[`renders small more icon 1`] = `
306
306
  <RNSVGGroup
307
307
  fill={
308
308
  {
309
- "payload": 4278265911,
309
+ "payload": 4280499528,
310
310
  "type": 0,
311
311
  }
312
312
  }
@@ -320,7 +320,7 @@ exports[`renders small more icon 1`] = `
320
320
  d="M4 12a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm6 0a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm8-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z"
321
321
  fill={
322
322
  {
323
- "payload": 4278265911,
323
+ "payload": 4280499528,
324
324
  "type": 0,
325
325
  }
326
326
  }
@@ -351,7 +351,7 @@ exports[`renders star icon with custom color 1`] = `
351
351
  },
352
352
  {
353
353
  "display": "flex",
354
- "fill": "rgb(1, 40, 55)",
354
+ "fill": "hsl(198, 35%, 21%)",
355
355
  "height": 24,
356
356
  "verticalAlign": "middle",
357
357
  "width": 24,
@@ -370,7 +370,7 @@ exports[`renders star icon with custom color 1`] = `
370
370
  <RNSVGGroup
371
371
  fill={
372
372
  {
373
- "payload": 4278265911,
373
+ "payload": 4280499528,
374
374
  "type": 0,
375
375
  }
376
376
  }
@@ -415,7 +415,7 @@ exports[`renders thumbsDown icon 1`] = `
415
415
  },
416
416
  {
417
417
  "display": "flex",
418
- "fill": "rgb(1, 40, 55)",
418
+ "fill": "hsl(198, 35%, 21%)",
419
419
  "height": 24,
420
420
  "transform": [
421
421
  {
@@ -439,7 +439,7 @@ exports[`renders thumbsDown icon 1`] = `
439
439
  <RNSVGGroup
440
440
  fill={
441
441
  {
442
- "payload": 4278265911,
442
+ "payload": 4280499528,
443
443
  "type": 0,
444
444
  }
445
445
  }
@@ -453,7 +453,7 @@ exports[`renders thumbsDown icon 1`] = `
453
453
  d="M8 11.78V19h8l3-5.76v-1.29h-7.639l1.036-7.944L8 11.78ZM6.134 11l4.555-8.034c1.124-1.846 3.971-.844 3.691 1.299l-.74 5.685h6.86a.5.5 0 0 1 .5.5v3a1 1 0 0 1-.084.4l-3.276 6.648a.95.95 0 0 1-.44.453c-.132.065-.276.049-.423.049H4c-1.105 0-2-1.045-2-2.15V13a2 2 0 0 1 2-2h2.134ZM6 13H4v6h2v-6Z"
454
454
  fill={
455
455
  {
456
- "payload": 4278265911,
456
+ "payload": 4280499528,
457
457
  "type": 0,
458
458
  }
459
459
  }
@@ -69,7 +69,7 @@ describe("InputFieldWrapper", () => {
69
69
  const { getByTestId } = renderInputFieldWrapper({ disabled: true });
70
70
 
71
71
  expect(getByTestId("ATL-InputFieldWrapper").props.style).toContainEqual({
72
- backgroundColor: "rgb(225, 225, 225)",
72
+ backgroundColor: "hsl(0, 0%, 93%)",
73
73
  });
74
74
  });
75
75
 
@@ -30,7 +30,7 @@ exports[`renders blue inProgress bar when 1 or more jobs is in progress 1`] = `
30
30
  "width": "100%",
31
31
  },
32
32
  {
33
- "backgroundColor": "rgb(241, 239, 233)",
33
+ "backgroundColor": "hsl(53, 21%, 93%)",
34
34
  "width": "100%",
35
35
  },
36
36
  ]
@@ -49,7 +49,7 @@ exports[`renders blue inProgress bar when 1 or more jobs is in progress 1`] = `
49
49
  "width": "100%",
50
50
  },
51
51
  {
52
- "backgroundColor": "rgb(60, 162, 224)",
52
+ "backgroundColor": "hsl(207, 79%, 57%)",
53
53
  "width": "0%",
54
54
  },
55
55
  ]
@@ -68,7 +68,7 @@ exports[`renders blue inProgress bar when 1 or more jobs is in progress 1`] = `
68
68
  "width": "100%",
69
69
  },
70
70
  {
71
- "backgroundColor": "rgb(50, 130, 28)",
71
+ "backgroundColor": "hsl(107, 58%, 33%)",
72
72
  "width": "0%",
73
73
  },
74
74
  ]
@@ -108,7 +108,7 @@ exports[`renders green CompletedProgress bar when 1 or more jobs is completed 1`
108
108
  "width": "100%",
109
109
  },
110
110
  {
111
- "backgroundColor": "rgb(241, 239, 233)",
111
+ "backgroundColor": "hsl(53, 21%, 93%)",
112
112
  "width": "100%",
113
113
  },
114
114
  ]
@@ -127,7 +127,7 @@ exports[`renders green CompletedProgress bar when 1 or more jobs is completed 1`
127
127
  "width": "100%",
128
128
  },
129
129
  {
130
- "backgroundColor": "rgb(50, 130, 28)",
130
+ "backgroundColor": "hsl(107, 58%, 33%)",
131
131
  "width": "50%",
132
132
  },
133
133
  ]