@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.
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/StatusLabel/__snapshots__/StatusLabel.test.tsx.snap CHANGED
@@ -27,14 +27,14 @@ 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(132, 234, 0)"
30
+ selectionColor="hsl(86, 100%, 46%)"
31
31
  style={
32
32
  [
33
33
  {
34
34
  "fontFamily": "inter-medium",
35
35
  },
36
36
  {
37
- "color": "rgb(78, 105, 116)",
37
+ "color": "hsl(197, 15%, 45%)",
38
38
  },
39
39
  {
40
40
  "textAlign": "right",
@@ -63,14 +63,14 @@ exports[`StatusLabel alignment when alignment prop set to "end" should match sna
63
63
  style={
64
64
  [
65
65
  {
66
- "backgroundColor": "rgb(50, 130, 28)",
66
+ "backgroundColor": "hsl(107, 58%, 33%)",
67
67
  "borderRadius": 3,
68
68
  "height": 12,
69
69
  "marginTop": 3,
70
70
  "width": 12,
71
71
  },
72
72
  {
73
- "backgroundColor": "rgb(50, 130, 28)",
73
+ "backgroundColor": "hsl(107, 58%, 33%)",
74
74
  },
75
75
  ]
76
76
  }
@@ -106,14 +106,14 @@ 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(132, 234, 0)"
109
+ selectionColor="hsl(86, 100%, 46%)"
110
110
  style={
111
111
  [
112
112
  {
113
113
  "fontFamily": "inter-medium",
114
114
  },
115
115
  {
116
- "color": "rgb(78, 105, 116)",
116
+ "color": "hsl(197, 15%, 45%)",
117
117
  },
118
118
  {
119
119
  "textAlign": "right",
@@ -142,14 +142,14 @@ exports[`StatusLabel alignment when alignment prop set to default ("start") shou
142
142
  style={
143
143
  [
144
144
  {
145
- "backgroundColor": "rgb(50, 130, 28)",
145
+ "backgroundColor": "hsl(107, 58%, 33%)",
146
146
  "borderRadius": 3,
147
147
  "height": 12,
148
148
  "marginTop": 3,
149
149
  "width": 12,
150
150
  },
151
151
  {
152
- "backgroundColor": "rgb(50, 130, 28)",
152
+ "backgroundColor": "hsl(107, 58%, 33%)",
153
153
  },
154
154
  ]
155
155
  }
@@ -185,14 +185,14 @@ 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(132, 234, 0)"
188
+ selectionColor="hsl(86, 100%, 46%)"
189
189
  style={
190
190
  [
191
191
  {
192
192
  "fontFamily": "inter-medium",
193
193
  },
194
194
  {
195
- "color": "rgb(78, 105, 116)",
195
+ "color": "hsl(197, 15%, 45%)",
196
196
  },
197
197
  {
198
198
  "textAlign": "right",
@@ -221,14 +221,14 @@ exports[`StatusLabel status when status prop set to "critical" should match snap
221
221
  style={
222
222
  [
223
223
  {
224
- "backgroundColor": "rgb(50, 130, 28)",
224
+ "backgroundColor": "hsl(107, 58%, 33%)",
225
225
  "borderRadius": 3,
226
226
  "height": 12,
227
227
  "marginTop": 3,
228
228
  "width": 12,
229
229
  },
230
230
  {
231
- "backgroundColor": "rgb(199, 20, 0)",
231
+ "backgroundColor": "hsl(6, 64%, 51%)",
232
232
  },
233
233
  ]
234
234
  }
@@ -264,14 +264,14 @@ 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(132, 234, 0)"
267
+ selectionColor="hsl(86, 100%, 46%)"
268
268
  style={
269
269
  [
270
270
  {
271
271
  "fontFamily": "inter-medium",
272
272
  },
273
273
  {
274
- "color": "rgb(78, 105, 116)",
274
+ "color": "hsl(197, 15%, 45%)",
275
275
  },
276
276
  {
277
277
  "textAlign": "right",
@@ -300,14 +300,14 @@ exports[`StatusLabel status when status prop set to "inactive" should match snap
300
300
  style={
301
301
  [
302
302
  {
303
- "backgroundColor": "rgb(50, 130, 28)",
303
+ "backgroundColor": "hsl(107, 58%, 33%)",
304
304
  "borderRadius": 3,
305
305
  "height": 12,
306
306
  "marginTop": 3,
307
307
  "width": 12,
308
308
  },
309
309
  {
310
- "backgroundColor": "rgb(1, 40, 55)",
310
+ "backgroundColor": "hsl(198, 25%, 33%)",
311
311
  },
312
312
  ]
313
313
  }
@@ -343,14 +343,14 @@ 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(132, 234, 0)"
346
+ selectionColor="hsl(86, 100%, 46%)"
347
347
  style={
348
348
  [
349
349
  {
350
350
  "fontFamily": "inter-medium",
351
351
  },
352
352
  {
353
- "color": "rgb(78, 105, 116)",
353
+ "color": "hsl(197, 15%, 45%)",
354
354
  },
355
355
  {
356
356
  "textAlign": "right",
@@ -379,14 +379,14 @@ exports[`StatusLabel status when status prop set to "informative" should match s
379
379
  style={
380
380
  [
381
381
  {
382
- "backgroundColor": "rgb(50, 130, 28)",
382
+ "backgroundColor": "hsl(107, 58%, 33%)",
383
383
  "borderRadius": 3,
384
384
  "height": 12,
385
385
  "marginTop": 3,
386
386
  "width": 12,
387
387
  },
388
388
  {
389
- "backgroundColor": "rgb(60, 162, 224)",
389
+ "backgroundColor": "hsl(207, 79%, 57%)",
390
390
  },
391
391
  ]
392
392
  }
@@ -422,14 +422,14 @@ 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(132, 234, 0)"
425
+ selectionColor="hsl(86, 100%, 46%)"
426
426
  style={
427
427
  [
428
428
  {
429
429
  "fontFamily": "inter-medium",
430
430
  },
431
431
  {
432
- "color": "rgb(78, 105, 116)",
432
+ "color": "hsl(197, 15%, 45%)",
433
433
  },
434
434
  {
435
435
  "textAlign": "right",
@@ -458,14 +458,14 @@ exports[`StatusLabel status when status prop set to "warning" should match snaps
458
458
  style={
459
459
  [
460
460
  {
461
- "backgroundColor": "rgb(50, 130, 28)",
461
+ "backgroundColor": "hsl(107, 58%, 33%)",
462
462
  "borderRadius": 3,
463
463
  "height": 12,
464
464
  "marginTop": 3,
465
465
  "width": 12,
466
466
  },
467
467
  {
468
- "backgroundColor": "rgb(209, 185, 46)",
468
+ "backgroundColor": "hsl(51, 64%, 49%)",
469
469
  },
470
470
  ]
471
471
  }
@@ -501,14 +501,14 @@ 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(132, 234, 0)"
504
+ selectionColor="hsl(86, 100%, 46%)"
505
505
  style={
506
506
  [
507
507
  {
508
508
  "fontFamily": "inter-medium",
509
509
  },
510
510
  {
511
- "color": "rgb(78, 105, 116)",
511
+ "color": "hsl(197, 15%, 45%)",
512
512
  },
513
513
  {
514
514
  "textAlign": "right",
@@ -537,14 +537,14 @@ exports[`StatusLabel status when status prop set to default ("success") should m
537
537
  style={
538
538
  [
539
539
  {
540
- "backgroundColor": "rgb(50, 130, 28)",
540
+ "backgroundColor": "hsl(107, 58%, 33%)",
541
541
  "borderRadius": 3,
542
542
  "height": 12,
543
543
  "marginTop": 3,
544
544
  "width": 12,
545
545
  },
546
546
  {
547
- "backgroundColor": "rgb(50, 130, 28)",
547
+ "backgroundColor": "hsl(107, 58%, 33%)",
548
548
  },
549
549
  ]
550
550
  }
package/src/Switch/components/BaseSwitch/__snapshots__/BaseSwitch.test.tsx.snap CHANGED
@@ -18,7 +18,7 @@ exports[`renders a Switch with defaultValue false 1`] = `
18
18
  onGestureHandlerStateChange={[Function]}
19
19
  onResponderTerminationRequest={[Function]}
20
20
  onStartShouldSetResponder={[Function]}
21
- onTintColor="rgb(50, 130, 28)"
21
+ onTintColor="hsl(107, 58%, 33%)"
22
22
  style={
23
23
  [
24
24
  {
@@ -26,12 +26,12 @@ exports[`renders a Switch with defaultValue false 1`] = `
26
26
  "width": 51,
27
27
  },
28
28
  {
29
- "backgroundColor": "rgb(241, 239, 233)",
29
+ "backgroundColor": "hsl(53, 21%, 93%)",
30
30
  "borderRadius": 16,
31
31
  },
32
32
  ]
33
33
  }
34
- tintColor="rgb(241, 239, 233)"
34
+ tintColor="hsl(53, 21%, 93%)"
35
35
  value={false}
36
36
  />
37
37
  `;
@@ -54,7 +54,7 @@ exports[`renders a Switch with defaultValue true 1`] = `
54
54
  onGestureHandlerStateChange={[Function]}
55
55
  onResponderTerminationRequest={[Function]}
56
56
  onStartShouldSetResponder={[Function]}
57
- onTintColor="rgb(50, 130, 28)"
57
+ onTintColor="hsl(107, 58%, 33%)"
58
58
  style={
59
59
  [
60
60
  {
@@ -62,12 +62,12 @@ exports[`renders a Switch with defaultValue true 1`] = `
62
62
  "width": 51,
63
63
  },
64
64
  {
65
- "backgroundColor": "rgb(241, 239, 233)",
65
+ "backgroundColor": "hsl(53, 21%, 93%)",
66
66
  "borderRadius": 16,
67
67
  },
68
68
  ]
69
69
  }
70
- tintColor="rgb(241, 239, 233)"
70
+ tintColor="hsl(53, 21%, 93%)"
71
71
  value={true}
72
72
  />
73
73
  `;
@@ -90,7 +90,7 @@ exports[`renders a Switch with value false 1`] = `
90
90
  onGestureHandlerStateChange={[Function]}
91
91
  onResponderTerminationRequest={[Function]}
92
92
  onStartShouldSetResponder={[Function]}
93
- onTintColor="rgb(50, 130, 28)"
93
+ onTintColor="hsl(107, 58%, 33%)"
94
94
  style={
95
95
  [
96
96
  {
@@ -98,12 +98,12 @@ exports[`renders a Switch with value false 1`] = `
98
98
  "width": 51,
99
99
  },
100
100
  {
101
- "backgroundColor": "rgb(241, 239, 233)",
101
+ "backgroundColor": "hsl(53, 21%, 93%)",
102
102
  "borderRadius": 16,
103
103
  },
104
104
  ]
105
105
  }
106
- tintColor="rgb(241, 239, 233)"
106
+ tintColor="hsl(53, 21%, 93%)"
107
107
  value={false}
108
108
  />
109
109
  `;
@@ -126,7 +126,7 @@ exports[`renders a Switch with value true 1`] = `
126
126
  onGestureHandlerStateChange={[Function]}
127
127
  onResponderTerminationRequest={[Function]}
128
128
  onStartShouldSetResponder={[Function]}
129
- onTintColor="rgb(50, 130, 28)"
129
+ onTintColor="hsl(107, 58%, 33%)"
130
130
  style={
131
131
  [
132
132
  {
@@ -134,12 +134,12 @@ exports[`renders a Switch with value true 1`] = `
134
134
  "width": 51,
135
135
  },
136
136
  {
137
- "backgroundColor": "rgb(241, 239, 233)",
137
+ "backgroundColor": "hsl(53, 21%, 93%)",
138
138
  "borderRadius": 16,
139
139
  },
140
140
  ]
141
141
  }
142
- tintColor="rgb(241, 239, 233)"
142
+ tintColor="hsl(53, 21%, 93%)"
143
143
  value={true}
144
144
  />
145
145
  `;
@@ -162,7 +162,7 @@ exports[`renders a disabled Switch with value false 1`] = `
162
162
  onGestureHandlerStateChange={[Function]}
163
163
  onResponderTerminationRequest={[Function]}
164
164
  onStartShouldSetResponder={[Function]}
165
- onTintColor="rgb(50, 130, 28)"
165
+ onTintColor="hsl(107, 58%, 33%)"
166
166
  style={
167
167
  [
168
168
  {
@@ -170,12 +170,12 @@ exports[`renders a disabled Switch with value false 1`] = `
170
170
  "width": 51,
171
171
  },
172
172
  {
173
- "backgroundColor": "rgb(241, 239, 233)",
173
+ "backgroundColor": "hsl(53, 21%, 93%)",
174
174
  "borderRadius": 16,
175
175
  },
176
176
  ]
177
177
  }
178
- tintColor="rgb(241, 239, 233)"
178
+ tintColor="hsl(53, 21%, 93%)"
179
179
  value={false}
180
180
  />
181
181
  `;
@@ -198,7 +198,7 @@ exports[`renders a disabled Switch with value true 1`] = `
198
198
  onGestureHandlerStateChange={[Function]}
199
199
  onResponderTerminationRequest={[Function]}
200
200
  onStartShouldSetResponder={[Function]}
201
- onTintColor="rgb(50, 130, 28)"
201
+ onTintColor="hsl(107, 58%, 33%)"
202
202
  style={
203
203
  [
204
204
  {
@@ -206,12 +206,12 @@ exports[`renders a disabled Switch with value true 1`] = `
206
206
  "width": 51,
207
207
  },
208
208
  {
209
- "backgroundColor": "rgb(241, 239, 233)",
209
+ "backgroundColor": "hsl(53, 21%, 93%)",
210
210
  "borderRadius": 16,
211
211
  },
212
212
  ]
213
213
  }
214
- tintColor="rgb(241, 239, 233)"
214
+ tintColor="hsl(53, 21%, 93%)"
215
215
  value={true}
216
216
  />
217
217
  `;
package/src/Text/__snapshots__/Text.test.tsx.snap CHANGED
@@ -8,14 +8,14 @@ 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(132, 234, 0)"
11
+ selectionColor="hsl(86, 100%, 46%)"
12
12
  style={
13
13
  [
14
14
  {
15
15
  "fontFamily": "inter-medium",
16
16
  },
17
17
  {
18
- "color": "rgb(66, 78, 86)",
18
+ "color": "hsl(198, 35%, 21%)",
19
19
  },
20
20
  {
21
21
  "textAlign": "left",
@@ -42,14 +42,14 @@ exports[`renders text supporting with variation success 1`] = `
42
42
  collapsable={false}
43
43
  maxFontSizeMultiplier={1.1428571428571428}
44
44
  selectable={true}
45
- selectionColor="rgb(132, 234, 0)"
45
+ selectionColor="hsl(86, 100%, 46%)"
46
46
  style={
47
47
  [
48
48
  {
49
49
  "fontFamily": "inter-medium",
50
50
  },
51
51
  {
52
- "color": "rgb(14, 78, 26)",
52
+ "color": "hsl(107, 64%, 16%)",
53
53
  },
54
54
  {
55
55
  "textAlign": "left",
@@ -76,14 +76,14 @@ 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(132, 234, 0)"
79
+ selectionColor="hsl(86, 100%, 46%)"
80
80
  style={
81
81
  [
82
82
  {
83
83
  "fontFamily": "inter-medium",
84
84
  },
85
85
  {
86
- "color": "rgb(50, 130, 28)",
86
+ "color": "hsl(107, 58%, 33%)",
87
87
  },
88
88
  {
89
89
  "textAlign": "left",
@@ -111,14 +111,14 @@ 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(132, 234, 0)"
114
+ selectionColor="hsl(86, 100%, 46%)"
115
115
  style={
116
116
  [
117
117
  {
118
118
  "fontFamily": "inter-regular",
119
119
  },
120
120
  {
121
- "color": "rgb(66, 78, 86)",
121
+ "color": "hsl(198, 35%, 21%)",
122
122
  },
123
123
  {
124
124
  "textAlign": "left",
@@ -146,14 +146,14 @@ 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(132, 234, 0)"
149
+ selectionColor="hsl(86, 100%, 46%)"
150
150
  style={
151
151
  [
152
152
  {
153
153
  "fontFamily": "inter-regular",
154
154
  },
155
155
  {
156
- "color": "rgb(66, 78, 86)",
156
+ "color": "hsl(198, 35%, 21%)",
157
157
  },
158
158
  {
159
159
  "textAlign": "left",
@@ -180,14 +180,14 @@ exports[`renders text with base variation 1`] = `
180
180
  collapsable={false}
181
181
  maxFontSizeMultiplier={3.125}
182
182
  selectable={true}
183
- selectionColor="rgb(132, 234, 0)"
183
+ selectionColor="hsl(86, 100%, 46%)"
184
184
  style={
185
185
  [
186
186
  {
187
187
  "fontFamily": "inter-regular",
188
188
  },
189
189
  {
190
- "color": "rgb(66, 78, 86)",
190
+ "color": "hsl(198, 35%, 21%)",
191
191
  },
192
192
  {
193
193
  "textAlign": "left",
@@ -214,14 +214,14 @@ exports[`renders text with center alignment 1`] = `
214
214
  collapsable={false}
215
215
  maxFontSizeMultiplier={3.125}
216
216
  selectable={true}
217
- selectionColor="rgb(132, 234, 0)"
217
+ selectionColor="hsl(86, 100%, 46%)"
218
218
  style={
219
219
  [
220
220
  {
221
221
  "fontFamily": "inter-regular",
222
222
  },
223
223
  {
224
- "color": "rgb(66, 78, 86)",
224
+ "color": "hsl(198, 35%, 21%)",
225
225
  },
226
226
  {
227
227
  "textAlign": "center",
@@ -248,14 +248,14 @@ exports[`renders text with error variation 1`] = `
248
248
  collapsable={false}
249
249
  maxFontSizeMultiplier={3.125}
250
250
  selectable={true}
251
- selectionColor="rgb(132, 234, 0)"
251
+ selectionColor="hsl(86, 100%, 46%)"
252
252
  style={
253
253
  [
254
254
  {
255
255
  "fontFamily": "inter-regular",
256
256
  },
257
257
  {
258
- "color": "rgb(199, 20, 0)",
258
+ "color": "hsl(6, 64%, 51%)",
259
259
  },
260
260
  {
261
261
  "textAlign": "left",
@@ -282,14 +282,14 @@ 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(132, 234, 0)"
285
+ selectionColor="hsl(86, 100%, 46%)"
286
286
  style={
287
287
  [
288
288
  {
289
289
  "fontFamily": "inter-regular",
290
290
  },
291
291
  {
292
- "color": "rgb(199, 20, 0)",
292
+ "color": "hsl(6, 64%, 51%)",
293
293
  },
294
294
  {
295
295
  "textAlign": "left",
@@ -316,14 +316,14 @@ exports[`renders text with info variation 1`] = `
316
316
  collapsable={false}
317
317
  maxFontSizeMultiplier={3.125}
318
318
  selectable={true}
319
- selectionColor="rgb(132, 234, 0)"
319
+ selectionColor="hsl(86, 100%, 46%)"
320
320
  style={
321
321
  [
322
322
  {
323
323
  "fontFamily": "inter-regular",
324
324
  },
325
325
  {
326
- "color": "rgb(17, 66, 85)",
326
+ "color": "hsl(207, 61%, 34%)",
327
327
  },
328
328
  {
329
329
  "textAlign": "left",
@@ -350,14 +350,14 @@ exports[`renders text with left alignment 1`] = `
350
350
  collapsable={false}
351
351
  maxFontSizeMultiplier={3.125}
352
352
  selectable={true}
353
- selectionColor="rgb(132, 234, 0)"
353
+ selectionColor="hsl(86, 100%, 46%)"
354
354
  style={
355
355
  [
356
356
  {
357
357
  "fontFamily": "inter-regular",
358
358
  },
359
359
  {
360
- "color": "rgb(66, 78, 86)",
360
+ "color": "hsl(198, 35%, 21%)",
361
361
  },
362
362
  {
363
363
  "textAlign": "left",
@@ -384,14 +384,14 @@ exports[`renders text with no additional props 1`] = `
384
384
  collapsable={false}
385
385
  maxFontSizeMultiplier={3.125}
386
386
  selectable={true}
387
- selectionColor="rgb(132, 234, 0)"
387
+ selectionColor="hsl(86, 100%, 46%)"
388
388
  style={
389
389
  [
390
390
  {
391
391
  "fontFamily": "inter-regular",
392
392
  },
393
393
  {
394
- "color": "rgb(66, 78, 86)",
394
+ "color": "hsl(198, 35%, 21%)",
395
395
  },
396
396
  {
397
397
  "textAlign": "left",
@@ -418,14 +418,14 @@ exports[`renders text with right alignment 1`] = `
418
418
  collapsable={false}
419
419
  maxFontSizeMultiplier={3.125}
420
420
  selectable={true}
421
- selectionColor="rgb(132, 234, 0)"
421
+ selectionColor="hsl(86, 100%, 46%)"
422
422
  style={
423
423
  [
424
424
  {
425
425
  "fontFamily": "inter-regular",
426
426
  },
427
427
  {
428
- "color": "rgb(66, 78, 86)",
428
+ "color": "hsl(198, 35%, 21%)",
429
429
  },
430
430
  {
431
431
  "textAlign": "right",
@@ -452,14 +452,14 @@ exports[`renders text with subdued variation 1`] = `
452
452
  collapsable={false}
453
453
  maxFontSizeMultiplier={3.125}
454
454
  selectable={true}
455
- selectionColor="rgb(132, 234, 0)"
455
+ selectionColor="hsl(86, 100%, 46%)"
456
456
  style={
457
457
  [
458
458
  {
459
459
  "fontFamily": "inter-regular",
460
460
  },
461
461
  {
462
- "color": "rgb(78, 105, 116)",
462
+ "color": "hsl(197, 15%, 45%)",
463
463
  },
464
464
  {
465
465
  "textAlign": "left",
@@ -486,14 +486,14 @@ exports[`renders text with success variation 1`] = `
486
486
  collapsable={false}
487
487
  maxFontSizeMultiplier={3.125}
488
488
  selectable={true}
489
- selectionColor="rgb(132, 234, 0)"
489
+ selectionColor="hsl(86, 100%, 46%)"
490
490
  style={
491
491
  [
492
492
  {
493
493
  "fontFamily": "inter-regular",
494
494
  },
495
495
  {
496
- "color": "rgb(14, 78, 26)",
496
+ "color": "hsl(107, 64%, 16%)",
497
497
  },
498
498
  {
499
499
  "textAlign": "left",
@@ -520,14 +520,14 @@ 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(132, 234, 0)"
523
+ selectionColor="hsl(86, 100%, 46%)"
524
524
  style={
525
525
  [
526
526
  {
527
527
  "fontFamily": "inter-regular",
528
528
  },
529
529
  {
530
- "color": "rgb(50, 130, 28)",
530
+ "color": "hsl(107, 58%, 33%)",
531
531
  },
532
532
  {
533
533
  "textAlign": "left",
@@ -554,14 +554,14 @@ exports[`renders text with warn variation 1`] = `
554
554
  collapsable={false}
555
555
  maxFontSizeMultiplier={3.125}
556
556
  selectable={true}
557
- selectionColor="rgb(132, 234, 0)"
557
+ selectionColor="hsl(86, 100%, 46%)"
558
558
  style={
559
559
  [
560
560
  {
561
561
  "fontFamily": "inter-regular",
562
562
  },
563
563
  {
564
- "color": "rgb(91, 79, 6)",
564
+ "color": "hsl(51, 64%, 24%)",
565
565
  },
566
566
  {
567
567
  "textAlign": "left",
@@ -588,14 +588,14 @@ exports[`renders with strikethrough styling 1`] = `
588
588
  collapsable={false}
589
589
  maxFontSizeMultiplier={3.125}
590
590
  selectable={true}
591
- selectionColor="rgb(132, 234, 0)"
591
+ selectionColor="hsl(86, 100%, 46%)"
592
592
  style={
593
593
  [
594
594
  {
595
595
  "fontFamily": "inter-regular",
596
596
  },
597
597
  {
598
- "color": "rgb(66, 78, 86)",
598
+ "color": "hsl(198, 35%, 21%)",
599
599
  },
600
600
  {
601
601
  "textAlign": "left",