@hero-design/rn 7.16.2 → 7.17.1

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 (122) hide show
  1. package/.turbo/turbo-build.log +2 -2
  2. package/es/index.js +331 -259
  3. package/lib/index.js +330 -258
  4. package/package.json +2 -2
  5. package/src/components/Accordion/__tests__/__snapshots__/AccordionItem.spec.tsx.snap +12 -12
  6. package/src/components/Accordion/__tests__/__snapshots__/index.spec.tsx.snap +18 -18
  7. package/src/components/Alert/__tests__/__snapshots__/index.spec.tsx.snap +26 -26
  8. package/src/components/Avatar/__tests__/__snapshots__/StyledAvatar.spec.tsx.snap +3 -3
  9. package/src/components/Avatar/__tests__/__snapshots__/index.spec.tsx.snap +2 -2
  10. package/src/components/Badge/__tests__/__snapshots__/Badge.spec.tsx.snap +1 -1
  11. package/src/components/Badge/__tests__/__snapshots__/Status.spec.tsx.snap +2 -2
  12. package/src/components/BottomNavigation/__tests__/__snapshots__/index.spec.tsx.snap +9 -9
  13. package/src/components/BottomSheet/__tests__/__snapshots__/index.spec.tsx.snap +12 -12
  14. package/src/components/Button/LoadingIndicator/__tests__/__snapshots__/StyledLoadingIndicator.spec.tsx.snap +2 -2
  15. package/src/components/Button/LoadingIndicator/__tests__/__snapshots__/index.spec.tsx.snap +6 -6
  16. package/src/components/Button/UtilityButton/__tests__/__snapshots__/index.spec.tsx.snap +6 -6
  17. package/src/components/Button/__tests__/__snapshots__/IconButton.spec.tsx.snap +1 -1
  18. package/src/components/Button/__tests__/__snapshots__/StyledButton.spec.tsx.snap +67 -67
  19. package/src/components/Calendar/__tests__/__snapshots__/CalendarRowItem.spec.tsx.snap +12 -12
  20. package/src/components/Card/__tests__/__snapshots__/StyledCard.spec.tsx.snap +1 -1
  21. package/src/components/Checkbox/__tests__/__snapshots__/StyledCheckbox.spec.tsx.snap +1 -1
  22. package/src/components/Checkbox/__tests__/__snapshots__/index.spec.tsx.snap +2 -2
  23. package/src/components/ContentNavigator/__tests__/__snapshots__/StyledContentNavigator.spec.tsx.snap +1 -1
  24. package/src/components/ContentNavigator/__tests__/__snapshots__/index.spec.tsx.snap +6 -6
  25. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerAndroid.spec.tsx.snap +5 -5
  26. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap +12 -12
  27. package/src/components/Divider/__tests__/__snapshots__/StyledDivider.spec.tsx.snap +12 -12
  28. package/src/components/Drawer/__tests__/__snapshots__/index.spec.tsx.snap +3 -3
  29. package/src/components/Empty/__tests__/__snapshots__/index.spec.tsx.snap +3 -3
  30. package/src/components/FAB/ActionGroup/__tests__/__snapshots__/index.spec.tsx.snap +28 -28
  31. package/src/components/FAB/__tests__/__snapshots__/AnimatedFABIcon.spec.tsx.snap +2 -2
  32. package/src/components/FAB/__tests__/__snapshots__/StyledFAB.spec.tsx.snap +3 -3
  33. package/src/components/FAB/__tests__/__snapshots__/index.spec.tsx.snap +9 -9
  34. package/src/components/Icon/__tests__/__snapshots__/index.spec.tsx.snap +3 -3
  35. package/src/components/List/BasicListItem.tsx +8 -4
  36. package/src/components/List/__tests__/__snapshots__/BasicListItem.spec.tsx.snap +3 -3
  37. package/src/components/List/__tests__/__snapshots__/ListItem.spec.tsx.snap +20 -20
  38. package/src/components/List/__tests__/__snapshots__/StyledBasicListItem.spec.tsx.snap +6 -6
  39. package/src/components/List/__tests__/__snapshots__/StyledListItem.spec.tsx.snap +12 -12
  40. package/src/components/PinInput/__tests__/__snapshots__/PinCell.spec.tsx.snap +4 -4
  41. package/src/components/PinInput/__tests__/__snapshots__/index.spec.tsx.snap +22 -22
  42. package/src/components/Progress/ProgressCircle.tsx +25 -22
  43. package/src/components/Progress/StyledProgressCircle.tsx +33 -28
  44. package/src/components/Progress/__tests__/__snapshots__/index.spec.js.snap +102 -92
  45. package/src/components/Radio/__tests__/__snapshots__/Radio.spec.tsx.snap +5 -5
  46. package/src/components/Radio/__tests__/__snapshots__/RadioGroup.spec.tsx.snap +6 -6
  47. package/src/components/Radio/__tests__/__snapshots__/StyledRadio.spec.tsx.snap +3 -3
  48. package/src/components/RichTextEditor/__tests__/__snapshots__/EditorToolbar.spec.tsx.snap +11 -11
  49. package/src/components/RichTextEditor/__tests__/__snapshots__/RichTextEditor.spec.tsx.snap +6 -6
  50. package/src/components/SectionHeading/__tests__/__snapshots__/StyledHeading.spec.tsx.snap +1 -1
  51. package/src/components/SectionHeading/__tests__/__snapshots__/index.spec.tsx.snap +9 -9
  52. package/src/components/Select/MultiSelect/Option.tsx +20 -11
  53. package/src/components/Select/MultiSelect/OptionList.tsx +47 -41
  54. package/src/components/Select/MultiSelect/__tests__/OptionList.spec.tsx +25 -14
  55. package/src/components/Select/MultiSelect/__tests__/__snapshots__/Option.spec.tsx.snap +6 -4
  56. package/src/components/Select/MultiSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap +1638 -134
  57. package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap +5312 -366
  58. package/src/components/Select/MultiSelect/__tests__/index.spec.tsx +122 -1
  59. package/src/components/Select/MultiSelect/index.tsx +26 -36
  60. package/src/components/Select/SingleSelect/Option.tsx +19 -3
  61. package/src/components/Select/SingleSelect/OptionList.tsx +47 -39
  62. package/src/components/Select/SingleSelect/__tests__/OptionList.spec.tsx +23 -12
  63. package/src/components/Select/SingleSelect/__tests__/__snapshots__/Option.spec.tsx.snap +5 -3
  64. package/src/components/Select/SingleSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap +1632 -128
  65. package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap +4932 -302
  66. package/src/components/Select/SingleSelect/__tests__/index.spec.tsx +117 -1
  67. package/src/components/Select/SingleSelect/index.tsx +26 -37
  68. package/src/components/Select/StyledOptionList.tsx +43 -44
  69. package/src/components/Select/StyledSelect.tsx +7 -3
  70. package/src/components/Select/__tests__/StyledSelect.spec.tsx +1 -9
  71. package/src/components/Select/__tests__/__snapshots__/StyledSelect.spec.tsx.snap +2 -15
  72. package/src/components/Select/__tests__/helpers.spec.tsx +74 -0
  73. package/src/components/Select/helpers.tsx +87 -4
  74. package/src/components/Select/types.ts +99 -0
  75. package/src/components/Spinner/__tests__/__snapshots__/AnimatedSpinner.spec.tsx.snap +4 -4
  76. package/src/components/Spinner/__tests__/__snapshots__/StyledSpinner.spec.tsx.snap +8 -8
  77. package/src/components/Spinner/__tests__/__snapshots__/index.spec.tsx.snap +4 -4
  78. package/src/components/Switch/__tests__/__snapshots__/StyledHeading.spec.tsx.snap +1 -1
  79. package/src/components/Switch/__tests__/__snapshots__/index.spec.tsx.snap +2 -2
  80. package/src/components/Tabs/__tests__/__snapshots__/ScrollableTabs.spec.tsx.snap +6 -6
  81. package/src/components/Tabs/__tests__/__snapshots__/index.spec.tsx.snap +8 -8
  82. package/src/components/Tag/__tests__/__snapshots__/Tag.spec.tsx.snap +8 -8
  83. package/src/components/TextInput/__tests__/__snapshots__/StyledTextInput.spec.tsx.snap +50 -50
  84. package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap +241 -85
  85. package/src/components/TextInput/__tests__/index.spec.tsx +29 -8
  86. package/src/components/TextInput/index.tsx +18 -7
  87. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerAndroid.spec.tsx.snap +5 -5
  88. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap +12 -12
  89. package/src/components/Toast/__tests__/__snapshots__/Toast.spec.tsx.snap +22 -22
  90. package/src/components/Toolbar/__tests__/__snapshots__/ToolbarGroup.spec.tsx.snap +12 -12
  91. package/src/components/Toolbar/__tests__/__snapshots__/ToolbarItem.spec.tsx.snap +8 -8
  92. package/src/components/Typography/Text/__tests__/__snapshots__/StyledText.spec.tsx.snap +13 -13
  93. package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +145 -146
  94. package/src/theme/components/alert.ts +3 -3
  95. package/src/theme/components/badge.ts +1 -1
  96. package/src/theme/components/card.ts +4 -4
  97. package/src/theme/components/list.ts +4 -4
  98. package/src/theme/components/pinInput.ts +2 -2
  99. package/src/theme/components/progress.ts +5 -5
  100. package/src/theme/components/select.ts +3 -3
  101. package/src/theme/components/toast.ts +3 -3
  102. package/src/theme/global/colors.ts +40 -39
  103. package/src/types.ts +7 -1
  104. package/types/components/List/BasicListItem.d.ts +1 -1
  105. package/types/components/Progress/StyledProgressCircle.d.ts +12 -6
  106. package/types/components/Select/MultiSelect/Option.d.ts +4 -2
  107. package/types/components/Select/MultiSelect/OptionList.d.ts +6 -7
  108. package/types/components/Select/MultiSelect/index.d.ts +5 -5
  109. package/types/components/Select/SingleSelect/Option.d.ts +4 -2
  110. package/types/components/Select/SingleSelect/OptionList.d.ts +6 -7
  111. package/types/components/Select/SingleSelect/index.d.ts +5 -5
  112. package/types/components/Select/StyledOptionList.d.ts +10 -16
  113. package/types/components/Select/StyledSelect.d.ts +8 -2
  114. package/types/components/Select/__tests__/helpers.spec.d.ts +1 -0
  115. package/types/components/Select/helpers.d.ts +14 -2
  116. package/types/components/Select/index.d.ts +1 -1
  117. package/types/components/Select/types.d.ts +32 -7
  118. package/types/components/TextInput/index.d.ts +4 -2
  119. package/types/theme/components/progress.d.ts +1 -2
  120. package/types/theme/components/select.d.ts +3 -3
  121. package/types/types.d.ts +2 -1
  122. package/src/components/Select/types.tsx +0 -52
package/src/components/Progress/__tests__/__snapshots__/index.spec.js.snap CHANGED
@@ -6,7 +6,7 @@ exports[`Progress.Bar renders correctly 1`] = `
6
6
  Array [
7
7
  Object {
8
8
  "alignSelf": "stretch",
9
- "backgroundColor": "#dadbde",
9
+ "backgroundColor": "#e8e9ea",
10
10
  "height": 4,
11
11
  "overflow": "hidden",
12
12
  },
@@ -22,7 +22,7 @@ exports[`Progress.Bar renders correctly 1`] = `
22
22
  style={
23
23
  Object {
24
24
  "alignSelf": "stretch",
25
- "backgroundColor": "#7622d7",
25
+ "backgroundColor": "#8505a2",
26
26
  "borderBottomRightRadius": 999,
27
27
  "borderTopRightRadius": 999,
28
28
  "flex": 1,
@@ -44,7 +44,7 @@ exports[`Progress.Bar renders correctly with intent 1`] = `
44
44
  Array [
45
45
  Object {
46
46
  "alignSelf": "stretch",
47
- "backgroundColor": "#dadbde",
47
+ "backgroundColor": "#e8e9ea",
48
48
  "height": 4,
49
49
  "overflow": "hidden",
50
50
  },
@@ -60,7 +60,7 @@ exports[`Progress.Bar renders correctly with intent 1`] = `
60
60
  style={
61
61
  Object {
62
62
  "alignSelf": "stretch",
63
- "backgroundColor": "#01b39c",
63
+ "backgroundColor": "#5ace7d",
64
64
  "borderBottomRightRadius": 999,
65
65
  "borderTopRightRadius": 999,
66
66
  "flex": 1,
@@ -82,9 +82,13 @@ exports[`Progress.Circle renders correctly 1`] = `
82
82
  >
83
83
  <View
84
84
  style={
85
- Object {
86
- "flexDirection": "row",
87
- }
85
+ Array [
86
+ Object {
87
+ "borderRadius": 999,
88
+ "flexDirection": "row",
89
+ },
90
+ undefined,
91
+ ]
88
92
  }
89
93
  >
90
94
  <View>
@@ -92,9 +96,9 @@ exports[`Progress.Circle renders correctly 1`] = `
92
96
  style={
93
97
  Array [
94
98
  Object {
95
- "height": 96,
99
+ "height": 76,
96
100
  "overflow": "hidden",
97
- "width": 48,
101
+ "width": 38,
98
102
  },
99
103
  undefined,
100
104
  ]
@@ -104,10 +108,10 @@ exports[`Progress.Circle renders correctly 1`] = `
104
108
  style={
105
109
  Array [
106
110
  Object {
107
- "backgroundColor": "#7622d7",
111
+ "backgroundColor": "#8505a2",
108
112
  "borderRadius": 999,
109
- "height": 96,
110
- "width": 96,
113
+ "height": 76,
114
+ "width": 76,
111
115
  },
112
116
  undefined,
113
117
  ]
@@ -127,13 +131,13 @@ exports[`Progress.Circle renders correctly 1`] = `
127
131
  "top": 0,
128
132
  "transform": Array [
129
133
  Object {
130
- "translateX": 24,
134
+ "translateX": 19,
131
135
  },
132
136
  Object {
133
137
  "rotate": "0deg",
134
138
  },
135
139
  Object {
136
- "translateX": -24,
140
+ "translateX": -19,
137
141
  },
138
142
  ],
139
143
  }
@@ -143,9 +147,9 @@ exports[`Progress.Circle renders correctly 1`] = `
143
147
  style={
144
148
  Array [
145
149
  Object {
146
- "height": 96,
150
+ "height": 76,
147
151
  "overflow": "hidden",
148
- "width": 48,
152
+ "width": 38,
149
153
  },
150
154
  undefined,
151
155
  ]
@@ -155,10 +159,10 @@ exports[`Progress.Circle renders correctly 1`] = `
155
159
  style={
156
160
  Array [
157
161
  Object {
158
- "backgroundColor": "#dadbde",
162
+ "backgroundColor": "#e8e9ea",
159
163
  "borderRadius": 999,
160
- "height": 96,
161
- "width": 96,
164
+ "height": 76,
165
+ "width": 76,
162
166
  },
163
167
  undefined,
164
168
  ]
@@ -170,6 +174,7 @@ exports[`Progress.Circle renders correctly 1`] = `
170
174
  <View
171
175
  style={
172
176
  Object {
177
+ "marginLeft": -0.1,
173
178
  "transform": Array [
174
179
  Object {
175
180
  "rotate": "180deg",
@@ -183,9 +188,9 @@ exports[`Progress.Circle renders correctly 1`] = `
183
188
  style={
184
189
  Array [
185
190
  Object {
186
- "height": 96,
191
+ "height": 76,
187
192
  "overflow": "hidden",
188
- "width": 48,
193
+ "width": 38,
189
194
  },
190
195
  undefined,
191
196
  ]
@@ -195,10 +200,10 @@ exports[`Progress.Circle renders correctly 1`] = `
195
200
  style={
196
201
  Array [
197
202
  Object {
198
- "backgroundColor": "#7622d7",
203
+ "backgroundColor": "#8505a2",
199
204
  "borderRadius": 999,
200
- "height": 96,
201
- "width": 96,
205
+ "height": 76,
206
+ "width": 76,
202
207
  },
203
208
  undefined,
204
209
  ]
@@ -219,13 +224,13 @@ exports[`Progress.Circle renders correctly 1`] = `
219
224
  "top": 0,
220
225
  "transform": Array [
221
226
  Object {
222
- "translateX": 24,
227
+ "translateX": 19,
223
228
  },
224
229
  Object {
225
230
  "rotate": "0deg",
226
231
  },
227
232
  Object {
228
- "translateX": -24,
233
+ "translateX": -19,
229
234
  },
230
235
  ],
231
236
  }
@@ -235,9 +240,9 @@ exports[`Progress.Circle renders correctly 1`] = `
235
240
  style={
236
241
  Array [
237
242
  Object {
238
- "height": 96,
243
+ "height": 76,
239
244
  "overflow": "hidden",
240
- "width": 48,
245
+ "width": 38,
241
246
  },
242
247
  undefined,
243
248
  ]
@@ -247,10 +252,10 @@ exports[`Progress.Circle renders correctly 1`] = `
247
252
  style={
248
253
  Array [
249
254
  Object {
250
- "backgroundColor": "#dadbde",
255
+ "backgroundColor": "#e8e9ea",
251
256
  "borderRadius": 999,
252
- "height": 96,
253
- "width": 96,
257
+ "height": 76,
258
+ "width": 76,
254
259
  },
255
260
  undefined,
256
261
  ]
@@ -263,13 +268,13 @@ exports[`Progress.Circle renders correctly 1`] = `
263
268
  style={
264
269
  Array [
265
270
  Object {
266
- "backgroundColor": "#7622d7",
271
+ "backgroundColor": "#8505a2",
267
272
  "borderRadius": 999,
268
- "height": 8,
269
- "left": 44,
273
+ "height": 5.7,
274
+ "left": 35.15,
270
275
  "position": "absolute",
271
276
  "top": 0,
272
- "width": 8,
277
+ "width": 5.7,
273
278
  "zIndex": 2,
274
279
  },
275
280
  undefined,
@@ -300,13 +305,13 @@ exports[`Progress.Circle renders correctly 1`] = `
300
305
  style={
301
306
  Array [
302
307
  Object {
303
- "backgroundColor": "#7622d7",
308
+ "backgroundColor": "#8505a2",
304
309
  "borderRadius": 999,
305
- "height": 8,
306
- "left": 44,
310
+ "height": 5.7,
311
+ "left": 35.15,
307
312
  "position": "absolute",
308
313
  "top": 0,
309
- "width": 8,
314
+ "width": 5.7,
310
315
  "zIndex": 2,
311
316
  },
312
317
  undefined,
@@ -322,12 +327,12 @@ exports[`Progress.Circle renders correctly 1`] = `
322
327
  "alignItems": "center",
323
328
  "backgroundColor": "#ffffff",
324
329
  "borderRadius": 999,
325
- "height": 80,
330
+ "height": 64.6,
326
331
  "justifyContent": "center",
327
- "left": 8,
332
+ "left": 5.7,
328
333
  "position": "absolute",
329
- "top": 8,
330
- "width": 80,
334
+ "top": 5.7,
335
+ "width": 64.6,
331
336
  "zIndex": 3,
332
337
  },
333
338
  undefined,
@@ -338,16 +343,16 @@ exports[`Progress.Circle renders correctly 1`] = `
338
343
  style={
339
344
  Array [
340
345
  Object {
341
- "color": "#292a2b",
346
+ "color": "#001f23",
342
347
  "fontFamily": "BeVietnamPro-Regular",
343
- "fontSize": 18,
344
- "letterSpacing": 0.54,
345
- "lineHeight": 26,
348
+ "fontSize": 16,
349
+ "letterSpacing": 0.48,
350
+ "lineHeight": 24,
346
351
  },
347
352
  undefined,
348
353
  ]
349
354
  }
350
- themeFontSize="xlarge"
355
+ themeFontSize="large"
351
356
  themeFontWeight="regular"
352
357
  themeIntent="body"
353
358
  >
@@ -364,9 +369,13 @@ exports[`Progress.Circle renders correctly with intent 1`] = `
364
369
  >
365
370
  <View
366
371
  style={
367
- Object {
368
- "flexDirection": "row",
369
- }
372
+ Array [
373
+ Object {
374
+ "borderRadius": 999,
375
+ "flexDirection": "row",
376
+ },
377
+ undefined,
378
+ ]
370
379
  }
371
380
  >
372
381
  <View>
@@ -374,9 +383,9 @@ exports[`Progress.Circle renders correctly with intent 1`] = `
374
383
  style={
375
384
  Array [
376
385
  Object {
377
- "height": 96,
386
+ "height": 76,
378
387
  "overflow": "hidden",
379
- "width": 48,
388
+ "width": 38,
380
389
  },
381
390
  undefined,
382
391
  ]
@@ -386,10 +395,10 @@ exports[`Progress.Circle renders correctly with intent 1`] = `
386
395
  style={
387
396
  Array [
388
397
  Object {
389
- "backgroundColor": "#01b39c",
398
+ "backgroundColor": "#5ace7d",
390
399
  "borderRadius": 999,
391
- "height": 96,
392
- "width": 96,
400
+ "height": 76,
401
+ "width": 76,
393
402
  },
394
403
  undefined,
395
404
  ]
@@ -409,13 +418,13 @@ exports[`Progress.Circle renders correctly with intent 1`] = `
409
418
  "top": 0,
410
419
  "transform": Array [
411
420
  Object {
412
- "translateX": 24,
421
+ "translateX": 19,
413
422
  },
414
423
  Object {
415
424
  "rotate": "0deg",
416
425
  },
417
426
  Object {
418
- "translateX": -24,
427
+ "translateX": -19,
419
428
  },
420
429
  ],
421
430
  }
@@ -425,9 +434,9 @@ exports[`Progress.Circle renders correctly with intent 1`] = `
425
434
  style={
426
435
  Array [
427
436
  Object {
428
- "height": 96,
437
+ "height": 76,
429
438
  "overflow": "hidden",
430
- "width": 48,
439
+ "width": 38,
431
440
  },
432
441
  undefined,
433
442
  ]
@@ -437,10 +446,10 @@ exports[`Progress.Circle renders correctly with intent 1`] = `
437
446
  style={
438
447
  Array [
439
448
  Object {
440
- "backgroundColor": "#dadbde",
449
+ "backgroundColor": "#e8e9ea",
441
450
  "borderRadius": 999,
442
- "height": 96,
443
- "width": 96,
451
+ "height": 76,
452
+ "width": 76,
444
453
  },
445
454
  undefined,
446
455
  ]
@@ -452,6 +461,7 @@ exports[`Progress.Circle renders correctly with intent 1`] = `
452
461
  <View
453
462
  style={
454
463
  Object {
464
+ "marginLeft": -0.1,
455
465
  "transform": Array [
456
466
  Object {
457
467
  "rotate": "180deg",
@@ -465,9 +475,9 @@ exports[`Progress.Circle renders correctly with intent 1`] = `
465
475
  style={
466
476
  Array [
467
477
  Object {
468
- "height": 96,
478
+ "height": 76,
469
479
  "overflow": "hidden",
470
- "width": 48,
480
+ "width": 38,
471
481
  },
472
482
  undefined,
473
483
  ]
@@ -477,10 +487,10 @@ exports[`Progress.Circle renders correctly with intent 1`] = `
477
487
  style={
478
488
  Array [
479
489
  Object {
480
- "backgroundColor": "#01b39c",
490
+ "backgroundColor": "#5ace7d",
481
491
  "borderRadius": 999,
482
- "height": 96,
483
- "width": 96,
492
+ "height": 76,
493
+ "width": 76,
484
494
  },
485
495
  undefined,
486
496
  ]
@@ -501,13 +511,13 @@ exports[`Progress.Circle renders correctly with intent 1`] = `
501
511
  "top": 0,
502
512
  "transform": Array [
503
513
  Object {
504
- "translateX": 24,
514
+ "translateX": 19,
505
515
  },
506
516
  Object {
507
517
  "rotate": "0deg",
508
518
  },
509
519
  Object {
510
- "translateX": -24,
520
+ "translateX": -19,
511
521
  },
512
522
  ],
513
523
  }
@@ -517,9 +527,9 @@ exports[`Progress.Circle renders correctly with intent 1`] = `
517
527
  style={
518
528
  Array [
519
529
  Object {
520
- "height": 96,
530
+ "height": 76,
521
531
  "overflow": "hidden",
522
- "width": 48,
532
+ "width": 38,
523
533
  },
524
534
  undefined,
525
535
  ]
@@ -529,10 +539,10 @@ exports[`Progress.Circle renders correctly with intent 1`] = `
529
539
  style={
530
540
  Array [
531
541
  Object {
532
- "backgroundColor": "#dadbde",
542
+ "backgroundColor": "#e8e9ea",
533
543
  "borderRadius": 999,
534
- "height": 96,
535
- "width": 96,
544
+ "height": 76,
545
+ "width": 76,
536
546
  },
537
547
  undefined,
538
548
  ]
@@ -545,13 +555,13 @@ exports[`Progress.Circle renders correctly with intent 1`] = `
545
555
  style={
546
556
  Array [
547
557
  Object {
548
- "backgroundColor": "#01b39c",
558
+ "backgroundColor": "#5ace7d",
549
559
  "borderRadius": 999,
550
- "height": 8,
551
- "left": 44,
560
+ "height": 5.7,
561
+ "left": 35.15,
552
562
  "position": "absolute",
553
563
  "top": 0,
554
- "width": 8,
564
+ "width": 5.7,
555
565
  "zIndex": 2,
556
566
  },
557
567
  undefined,
@@ -582,13 +592,13 @@ exports[`Progress.Circle renders correctly with intent 1`] = `
582
592
  style={
583
593
  Array [
584
594
  Object {
585
- "backgroundColor": "#01b39c",
595
+ "backgroundColor": "#5ace7d",
586
596
  "borderRadius": 999,
587
- "height": 8,
588
- "left": 44,
597
+ "height": 5.7,
598
+ "left": 35.15,
589
599
  "position": "absolute",
590
600
  "top": 0,
591
- "width": 8,
601
+ "width": 5.7,
592
602
  "zIndex": 2,
593
603
  },
594
604
  undefined,
@@ -604,12 +614,12 @@ exports[`Progress.Circle renders correctly with intent 1`] = `
604
614
  "alignItems": "center",
605
615
  "backgroundColor": "#ffffff",
606
616
  "borderRadius": 999,
607
- "height": 80,
617
+ "height": 64.6,
608
618
  "justifyContent": "center",
609
- "left": 8,
619
+ "left": 5.7,
610
620
  "position": "absolute",
611
- "top": 8,
612
- "width": 80,
621
+ "top": 5.7,
622
+ "width": 64.6,
613
623
  "zIndex": 3,
614
624
  },
615
625
  undefined,
@@ -620,16 +630,16 @@ exports[`Progress.Circle renders correctly with intent 1`] = `
620
630
  style={
621
631
  Array [
622
632
  Object {
623
- "color": "#292a2b",
633
+ "color": "#001f23",
624
634
  "fontFamily": "BeVietnamPro-Regular",
625
- "fontSize": 18,
626
- "letterSpacing": 0.54,
627
- "lineHeight": 26,
635
+ "fontSize": 16,
636
+ "letterSpacing": 0.48,
637
+ "lineHeight": 24,
628
638
  },
629
639
  undefined,
630
640
  ]
631
641
  }
632
- themeFontSize="xlarge"
642
+ themeFontSize="large"
633
643
  themeFontWeight="regular"
634
644
  themeIntent="body"
635
645
  >
package/src/components/Radio/__tests__/__snapshots__/Radio.spec.tsx.snap CHANGED
@@ -16,7 +16,7 @@ exports[`rendering renders correctly when checked 1`] = `
16
16
  style={
17
17
  Object {
18
18
  "alignItems": "center",
19
- "backgroundColor": "#f1e9fb",
19
+ "backgroundColor": "#f3e6f6",
20
20
  "borderRadius": 4,
21
21
  "flexDirection": "row",
22
22
  "justifyContent": "space-between",
@@ -36,7 +36,7 @@ exports[`rendering renders correctly when checked 1`] = `
36
36
  style={
37
37
  Array [
38
38
  Object {
39
- "color": "#292a2b",
39
+ "color": "#001f23",
40
40
  "fontFamily": "BeVietnamPro-Regular",
41
41
  "fontSize": 16,
42
42
  "letterSpacing": 0.48,
@@ -57,7 +57,7 @@ exports[`rendering renders correctly when checked 1`] = `
57
57
  Array [
58
58
  Object {
59
59
  "alignItems": "center",
60
- "borderColor": "#7622d7",
60
+ "borderColor": "#8505a2",
61
61
  "borderRadius": 999,
62
62
  "borderWidth": 2,
63
63
  "height": 20,
@@ -73,7 +73,7 @@ exports[`rendering renders correctly when checked 1`] = `
73
73
  style={
74
74
  Array [
75
75
  Object {
76
- "backgroundColor": "#7622d7",
76
+ "backgroundColor": "#8505a2",
77
77
  "borderRadius": 999,
78
78
  "height": 10,
79
79
  "width": 10,
@@ -123,7 +123,7 @@ exports[`rendering renders correctly when not checked 1`] = `
123
123
  style={
124
124
  Array [
125
125
  Object {
126
- "color": "#292a2b",
126
+ "color": "#001f23",
127
127
  "fontFamily": "BeVietnamPro-Regular",
128
128
  "fontSize": 16,
129
129
  "letterSpacing": 0.48,
package/src/components/Radio/__tests__/__snapshots__/RadioGroup.spec.tsx.snap CHANGED
@@ -37,7 +37,7 @@ exports[`rendering renders correctly 1`] = `
37
37
  style={
38
38
  Array [
39
39
  Object {
40
- "color": "#292a2b",
40
+ "color": "#001f23",
41
41
  "fontFamily": "BeVietnamPro-Regular",
42
42
  "fontSize": 16,
43
43
  "letterSpacing": 0.48,
@@ -116,7 +116,7 @@ exports[`rendering renders correctly 1`] = `
116
116
  style={
117
117
  Array [
118
118
  Object {
119
- "color": "#292a2b",
119
+ "color": "#001f23",
120
120
  "fontFamily": "BeVietnamPro-Regular",
121
121
  "fontSize": 16,
122
122
  "letterSpacing": 0.48,
@@ -175,7 +175,7 @@ exports[`rendering renders correctly 1`] = `
175
175
  style={
176
176
  Object {
177
177
  "alignItems": "center",
178
- "backgroundColor": "#f1e9fb",
178
+ "backgroundColor": "#f3e6f6",
179
179
  "borderRadius": 4,
180
180
  "flexDirection": "row",
181
181
  "justifyContent": "space-between",
@@ -195,7 +195,7 @@ exports[`rendering renders correctly 1`] = `
195
195
  style={
196
196
  Array [
197
197
  Object {
198
- "color": "#292a2b",
198
+ "color": "#001f23",
199
199
  "fontFamily": "BeVietnamPro-Regular",
200
200
  "fontSize": 16,
201
201
  "letterSpacing": 0.48,
@@ -216,7 +216,7 @@ exports[`rendering renders correctly 1`] = `
216
216
  Array [
217
217
  Object {
218
218
  "alignItems": "center",
219
- "borderColor": "#7622d7",
219
+ "borderColor": "#8505a2",
220
220
  "borderRadius": 999,
221
221
  "borderWidth": 2,
222
222
  "height": 20,
@@ -232,7 +232,7 @@ exports[`rendering renders correctly 1`] = `
232
232
  style={
233
233
  Array [
234
234
  Object {
235
- "backgroundColor": "#7622d7",
235
+ "backgroundColor": "#8505a2",
236
236
  "borderRadius": 999,
237
237
  "height": 10,
238
238
  "width": 10,
package/src/components/Radio/__tests__/__snapshots__/StyledRadio.spec.tsx.snap CHANGED
@@ -26,7 +26,7 @@ exports[`Circle has checked style: true 1`] = `
26
26
  Array [
27
27
  Object {
28
28
  "alignItems": "center",
29
- "borderColor": "#7622d7",
29
+ "borderColor": "#8505a2",
30
30
  "borderRadius": 999,
31
31
  "borderWidth": 2,
32
32
  "height": 20,
@@ -45,7 +45,7 @@ exports[`InnerCircle has correct style 1`] = `
45
45
  style={
46
46
  Array [
47
47
  Object {
48
- "backgroundColor": "#7622d7",
48
+ "backgroundColor": "#8505a2",
49
49
  "borderRadius": 999,
50
50
  "height": 10,
51
51
  "width": 10,
@@ -112,7 +112,7 @@ exports[`Wrapper has checked style: true 1`] = `
112
112
  style={
113
113
  Object {
114
114
  "alignItems": "center",
115
- "backgroundColor": "#f1e9fb",
115
+ "backgroundColor": "#f3e6f6",
116
116
  "borderRadius": 4,
117
117
  "flexDirection": "row",
118
118
  "justifyContent": "space-between",