@zohodesk/dot 1.8.2 → 1.8.3

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 (20) hide show
  1. package/README.md +6 -0
  2. package/es/FlipCard/__tests__/__snapshots__/FlipCard.spec.js.snap +74 -74
  3. package/es/form/fields/CheckBoxField/__tests__/__snapshots__/CheckBoxField.spec.js.snap +3 -3
  4. package/es/form/fields/Fields.module.css +8 -3
  5. package/es/form/fields/RadioField/RadioField.js +40 -14
  6. package/es/form/fields/RadioField/__tests__/RadioField.spec.js +33 -0
  7. package/es/form/fields/RadioField/__tests__/__snapshots__/RadioField.spec.js.snap +573 -77
  8. package/es/form/fields/RadioField/props/defaultProps.js +1 -0
  9. package/es/form/fields/RadioField/props/propTypes.js +6 -0
  10. package/es/list/AvatarFlip/__tests__/__snapshots__/AvatarFlip.spec.js.snap +1 -1
  11. package/lib/FlipCard/__tests__/__snapshots__/FlipCard.spec.js.snap +74 -74
  12. package/lib/form/fields/CheckBoxField/__tests__/__snapshots__/CheckBoxField.spec.js.snap +3 -3
  13. package/lib/form/fields/Fields.module.css +8 -3
  14. package/lib/form/fields/RadioField/RadioField.js +39 -15
  15. package/lib/form/fields/RadioField/__tests__/RadioField.spec.js +33 -0
  16. package/lib/form/fields/RadioField/__tests__/__snapshots__/RadioField.spec.js.snap +573 -77
  17. package/lib/form/fields/RadioField/props/defaultProps.js +1 -0
  18. package/lib/form/fields/RadioField/props/propTypes.js +6 -0
  19. package/lib/list/AvatarFlip/__tests__/__snapshots__/AvatarFlip.spec.js.snap +1 -1
  20. package/package.json +3 -3
package/es/form/fields/RadioField/props/defaultProps.js CHANGED
@@ -8,6 +8,7 @@ export const defaultProps = {
8
8
  labelSize: 'medium',
9
9
  labelPalette: 'default',
10
10
  isActive: false,
11
+ customClass: {},
11
12
  customProps: {},
12
13
  dataSelectorId: 'radioField'
13
14
  };
package/es/form/fields/RadioField/props/propTypes.js CHANGED
@@ -22,6 +22,12 @@ export const propTypes = {
22
22
  validationRuleMessage: PropTypes.string,
23
23
  validationRulePalette: PropTypes.string,
24
24
  variant: PropTypes.oneOf(['primary', 'default', 'secondary']),
25
+ customClass: {
26
+ customWrapperClass: PropTypes.string,
27
+ customLabelClass: PropTypes.string,
28
+ customRadioWrapperClass: PropTypes.string,
29
+ customRadioClass: PropTypes.string
30
+ },
25
31
  customProps: PropTypes.shape({
26
32
  LabelProps: PropTypes.object,
27
33
  RadioProps: PropTypes.object,
package/es/list/AvatarFlip/__tests__/__snapshots__/AvatarFlip.spec.js.snap CHANGED
@@ -29,7 +29,7 @@ exports[`AvatarFlip rendering the defult props 1`] = `
29
29
  tabindex="0"
30
30
  >
31
31
  <div
32
- class="boxContainer medium filled shrinkOff"
32
+ class="boxContainer medium filled shrinkOff"
33
33
  data-id="boxComponent"
34
34
  data-selector-id="box"
35
35
  data-test-id="boxComponent"
package/lib/FlipCard/__tests__/__snapshots__/FlipCard.spec.js.snap CHANGED
@@ -25,7 +25,7 @@ exports[`FlipCard renders correctly with channel: call and action: missed 1`] =
25
25
  tabindex="0"
26
26
  >
27
27
  <div
28
- class="boxContainer medium filled shrinkOff"
28
+ class="boxContainer medium filled shrinkOff"
29
29
  data-id="boxComponent"
30
30
  data-selector-id="box"
31
31
  data-test-id="boxComponent"
@@ -113,7 +113,7 @@ exports[`FlipCard renders correctly with channel: chat and action: outgoing 1`]
113
113
  tabindex="0"
114
114
  >
115
115
  <div
116
- class="boxContainer medium filled shrinkOff"
116
+ class="boxContainer medium filled shrinkOff"
117
117
  data-id="boxComponent"
118
118
  data-selector-id="box"
119
119
  data-test-id="boxComponent"
@@ -207,7 +207,7 @@ exports[`FlipCard renders correctly with channel: email and action: incoming 1`]
207
207
  tabindex="0"
208
208
  >
209
209
  <div
210
- class="boxContainer medium filled shrinkOff"
210
+ class="boxContainer medium filled shrinkOff"
211
211
  data-id="boxComponent"
212
212
  data-selector-id="box"
213
213
  data-test-id="boxComponent"
@@ -301,7 +301,7 @@ exports[`FlipCard renders correctly with channel: sms and action: outgoing 1`] =
301
301
  tabindex="0"
302
302
  >
303
303
  <div
304
- class="boxContainer medium filled shrinkOff"
304
+ class="boxContainer medium filled shrinkOff"
305
305
  data-id="boxComponent"
306
306
  data-selector-id="box"
307
307
  data-test-id="boxComponent"
@@ -389,7 +389,7 @@ exports[`FlipCard renders correctly with channel: social and action: incoming 1`
389
389
  tabindex="0"
390
390
  >
391
391
  <div
392
- class="boxContainer medium filled shrinkOff"
392
+ class="boxContainer medium filled shrinkOff"
393
393
  data-id="boxComponent"
394
394
  data-selector-id="box"
395
395
  data-test-id="boxComponent"
@@ -477,7 +477,7 @@ exports[`FlipCard renders correctly with className, channel, and action 1`] = `
477
477
  tabindex="0"
478
478
  >
479
479
  <div
480
- class="boxContainer medium filled shrinkOff"
480
+ class="boxContainer medium filled shrinkOff"
481
481
  data-id="boxComponent"
482
482
  data-selector-id="box"
483
483
  data-test-id="boxComponent"
@@ -571,7 +571,7 @@ exports[`FlipCard renders correctly with customProps for AvatarIconProps 1`] = `
571
571
  tabindex="0"
572
572
  >
573
573
  <div
574
- class="boxContainer medium filled shrinkOff"
574
+ class="boxContainer medium filled shrinkOff"
575
575
  data-id="boxComponent"
576
576
  data-selector-id="box"
577
577
  data-test-id="boxComponent"
@@ -656,7 +656,7 @@ exports[`FlipCard renders correctly with customProps for AvatarUserProps 1`] = `
656
656
  tabindex="0"
657
657
  >
658
658
  <div
659
- class="boxContainer medium filled shrinkOff"
659
+ class="boxContainer medium filled shrinkOff"
660
660
  data-id="boxComponent"
661
661
  data-selector-id="box"
662
662
  data-test-id="boxComponent"
@@ -762,7 +762,7 @@ exports[`FlipCard renders correctly with customProps for ChannelIconProps 1`] =
762
762
  tabindex="0"
763
763
  >
764
764
  <div
765
- class="boxContainer medium filled shrinkOff"
765
+ class="boxContainer medium filled shrinkOff"
766
766
  data-id="boxComponent"
767
767
  data-selector-id="box"
768
768
  data-test-id="boxComponent"
@@ -847,7 +847,7 @@ exports[`FlipCard renders correctly with customProps for CheckBoxProps 1`] = `
847
847
  tabindex="0"
848
848
  >
849
849
  <div
850
- class="boxContainer medium filled shrinkOff"
850
+ class="boxContainer medium filled shrinkOff"
851
851
  data-id="boxComponent"
852
852
  data-selector-id="box"
853
853
  data-test-id="boxComponent"
@@ -938,7 +938,7 @@ exports[`FlipCard renders correctly with customProps for multiple props 1`] = `
938
938
  tabindex="0"
939
939
  >
940
940
  <div
941
- class="boxContainer medium filled shrinkOff"
941
+ class="boxContainer medium filled shrinkOff"
942
942
  data-id="boxComponent"
943
943
  data-selector-id="box"
944
944
  data-test-id="boxComponent"
@@ -1029,7 +1029,7 @@ exports[`FlipCard renders correctly with customTextClass, channel, and action 1`
1029
1029
  tabindex="0"
1030
1030
  >
1031
1031
  <div
1032
- class="boxContainer medium filled shrinkOff"
1032
+ class="boxContainer medium filled shrinkOff"
1033
1033
  data-id="boxComponent"
1034
1034
  data-selector-id="box"
1035
1035
  data-test-id="boxComponent"
@@ -1117,7 +1117,7 @@ exports[`FlipCard renders correctly with iconSize as a number 1`] = `
1117
1117
  tabindex="0"
1118
1118
  >
1119
1119
  <div
1120
- class="boxContainer medium filled shrinkOff"
1120
+ class="boxContainer medium filled shrinkOff"
1121
1121
  data-id="boxComponent"
1122
1122
  data-selector-id="box"
1123
1123
  data-test-id="boxComponent"
@@ -1202,7 +1202,7 @@ exports[`FlipCard renders correctly with iconSize as a number and channel & acti
1202
1202
  tabindex="0"
1203
1203
  >
1204
1204
  <div
1205
- class="boxContainer medium filled shrinkOff"
1205
+ class="boxContainer medium filled shrinkOff"
1206
1206
  data-id="boxComponent"
1207
1207
  data-selector-id="box"
1208
1208
  data-test-id="boxComponent"
@@ -1296,7 +1296,7 @@ exports[`FlipCard renders correctly with name and icon 1`] = `
1296
1296
  tabindex="0"
1297
1297
  >
1298
1298
  <div
1299
- class="boxContainer medium filled shrinkOff"
1299
+ class="boxContainer medium filled shrinkOff"
1300
1300
  data-id="boxComponent"
1301
1301
  data-selector-id="box"
1302
1302
  data-test-id="boxComponent"
@@ -1370,7 +1370,7 @@ exports[`FlipCard renders correctly with name but without icon 1`] = `
1370
1370
  tabindex="0"
1371
1371
  >
1372
1372
  <div
1373
- class="boxContainer medium filled shrinkOff"
1373
+ class="boxContainer medium filled shrinkOff"
1374
1374
  data-id="boxComponent"
1375
1375
  data-selector-id="box"
1376
1376
  data-test-id="boxComponent"
@@ -1460,7 +1460,7 @@ exports[`FlipCard renders correctly with needTitle set to false and name 1`] = `
1460
1460
  tabindex="0"
1461
1461
  >
1462
1462
  <div
1463
- class="boxContainer medium filled shrinkOff"
1463
+ class="boxContainer medium filled shrinkOff"
1464
1464
  data-id="boxComponent"
1465
1465
  data-selector-id="box"
1466
1466
  data-test-id="boxComponent"
@@ -1549,7 +1549,7 @@ exports[`FlipCard renders correctly with needTitle set to false, icon, and name
1549
1549
  tabindex="0"
1550
1550
  >
1551
1551
  <div
1552
- class="boxContainer medium filled shrinkOff"
1552
+ class="boxContainer medium filled shrinkOff"
1553
1553
  data-id="boxComponent"
1554
1554
  data-selector-id="box"
1555
1555
  data-test-id="boxComponent"
@@ -1623,7 +1623,7 @@ exports[`FlipCard renders correctly with needTitle set to true and name 1`] = `
1623
1623
  tabindex="0"
1624
1624
  >
1625
1625
  <div
1626
- class="boxContainer medium filled shrinkOff"
1626
+ class="boxContainer medium filled shrinkOff"
1627
1627
  data-id="boxComponent"
1628
1628
  data-selector-id="box"
1629
1629
  data-test-id="boxComponent"
@@ -1713,7 +1713,7 @@ exports[`FlipCard renders correctly with needTitle set to true, icon, and name 1
1713
1713
  tabindex="0"
1714
1714
  >
1715
1715
  <div
1716
- class="boxContainer medium filled shrinkOff"
1716
+ class="boxContainer medium filled shrinkOff"
1717
1717
  data-id="boxComponent"
1718
1718
  data-selector-id="box"
1719
1719
  data-test-id="boxComponent"
@@ -1787,7 +1787,7 @@ exports[`FlipCard renders correctly with palette, channel, and action 1`] = `
1787
1787
  tabindex="0"
1788
1788
  >
1789
1789
  <div
1790
- class="boxContainer medium filled shrinkOff"
1790
+ class="boxContainer medium filled shrinkOff"
1791
1791
  data-id="boxComponent"
1792
1792
  data-selector-id="box"
1793
1793
  data-test-id="boxComponent"
@@ -1881,7 +1881,7 @@ exports[`FlipCard renders correctly with size: large and icon 1`] = `
1881
1881
  tabindex="0"
1882
1882
  >
1883
1883
  <div
1884
- class="boxContainer medium filled shrinkOff"
1884
+ class="boxContainer medium filled shrinkOff"
1885
1885
  data-id="boxComponent"
1886
1886
  data-selector-id="box"
1887
1887
  data-test-id="boxComponent"
@@ -1954,7 +1954,7 @@ exports[`FlipCard renders correctly with size: large and initial 1`] = `
1954
1954
  tabindex="0"
1955
1955
  >
1956
1956
  <div
1957
- class="boxContainer medium filled shrinkOff"
1957
+ class="boxContainer medium filled shrinkOff"
1958
1958
  data-id="boxComponent"
1959
1959
  data-selector-id="box"
1960
1960
  data-test-id="boxComponent"
@@ -2041,7 +2041,7 @@ exports[`FlipCard renders correctly with size: large and name 1`] = `
2041
2041
  tabindex="0"
2042
2042
  >
2043
2043
  <div
2044
- class="boxContainer medium filled shrinkOff"
2044
+ class="boxContainer medium filled shrinkOff"
2045
2045
  data-id="boxComponent"
2046
2046
  data-selector-id="box"
2047
2047
  data-test-id="boxComponent"
@@ -2131,7 +2131,7 @@ exports[`FlipCard renders correctly with size: large and src 1`] = `
2131
2131
  tabindex="0"
2132
2132
  >
2133
2133
  <div
2134
- class="boxContainer medium filled shrinkOff"
2134
+ class="boxContainer medium filled shrinkOff"
2135
2135
  data-id="boxComponent"
2136
2136
  data-selector-id="box"
2137
2137
  data-test-id="boxComponent"
@@ -2220,7 +2220,7 @@ exports[`FlipCard renders correctly with size: medium and icon 1`] = `
2220
2220
  tabindex="0"
2221
2221
  >
2222
2222
  <div
2223
- class="boxContainer medium filled shrinkOff"
2223
+ class="boxContainer medium filled shrinkOff"
2224
2224
  data-id="boxComponent"
2225
2225
  data-selector-id="box"
2226
2226
  data-test-id="boxComponent"
@@ -2293,7 +2293,7 @@ exports[`FlipCard renders correctly with size: medium and initial 1`] = `
2293
2293
  tabindex="0"
2294
2294
  >
2295
2295
  <div
2296
- class="boxContainer medium filled shrinkOff"
2296
+ class="boxContainer medium filled shrinkOff"
2297
2297
  data-id="boxComponent"
2298
2298
  data-selector-id="box"
2299
2299
  data-test-id="boxComponent"
@@ -2380,7 +2380,7 @@ exports[`FlipCard renders correctly with size: medium and name 1`] = `
2380
2380
  tabindex="0"
2381
2381
  >
2382
2382
  <div
2383
- class="boxContainer medium filled shrinkOff"
2383
+ class="boxContainer medium filled shrinkOff"
2384
2384
  data-id="boxComponent"
2385
2385
  data-selector-id="box"
2386
2386
  data-test-id="boxComponent"
@@ -2470,7 +2470,7 @@ exports[`FlipCard renders correctly with size: medium and src 1`] = `
2470
2470
  tabindex="0"
2471
2471
  >
2472
2472
  <div
2473
- class="boxContainer medium filled shrinkOff"
2473
+ class="boxContainer medium filled shrinkOff"
2474
2474
  data-id="boxComponent"
2475
2475
  data-selector-id="box"
2476
2476
  data-test-id="boxComponent"
@@ -2559,7 +2559,7 @@ exports[`FlipCard renders correctly with size: small and icon 1`] = `
2559
2559
  tabindex="0"
2560
2560
  >
2561
2561
  <div
2562
- class="boxContainer medium filled shrinkOff"
2562
+ class="boxContainer medium filled shrinkOff"
2563
2563
  data-id="boxComponent"
2564
2564
  data-selector-id="box"
2565
2565
  data-test-id="boxComponent"
@@ -2632,7 +2632,7 @@ exports[`FlipCard renders correctly with size: small and initial 1`] = `
2632
2632
  tabindex="0"
2633
2633
  >
2634
2634
  <div
2635
- class="boxContainer medium filled shrinkOff"
2635
+ class="boxContainer medium filled shrinkOff"
2636
2636
  data-id="boxComponent"
2637
2637
  data-selector-id="box"
2638
2638
  data-test-id="boxComponent"
@@ -2719,7 +2719,7 @@ exports[`FlipCard renders correctly with size: small and name 1`] = `
2719
2719
  tabindex="0"
2720
2720
  >
2721
2721
  <div
2722
- class="boxContainer medium filled shrinkOff"
2722
+ class="boxContainer medium filled shrinkOff"
2723
2723
  data-id="boxComponent"
2724
2724
  data-selector-id="box"
2725
2725
  data-test-id="boxComponent"
@@ -2809,7 +2809,7 @@ exports[`FlipCard renders correctly with size: small and src 1`] = `
2809
2809
  tabindex="0"
2810
2810
  >
2811
2811
  <div
2812
- class="boxContainer medium filled shrinkOff"
2812
+ class="boxContainer medium filled shrinkOff"
2813
2813
  data-id="boxComponent"
2814
2814
  data-selector-id="box"
2815
2815
  data-test-id="boxComponent"
@@ -2898,7 +2898,7 @@ exports[`FlipCard renders correctly with textPalette, channel, and action 1`] =
2898
2898
  tabindex="0"
2899
2899
  >
2900
2900
  <div
2901
- class="boxContainer medium filled shrinkOff"
2901
+ class="boxContainer medium filled shrinkOff"
2902
2902
  data-id="boxComponent"
2903
2903
  data-selector-id="box"
2904
2904
  data-test-id="boxComponent"
@@ -2986,7 +2986,7 @@ exports[`FlipCard renders with action 1`] = `
2986
2986
  tabindex="0"
2987
2987
  >
2988
2988
  <div
2989
- class="boxContainer medium filled shrinkOff"
2989
+ class="boxContainer medium filled shrinkOff"
2990
2990
  data-id="boxComponent"
2991
2991
  data-selector-id="box"
2992
2992
  data-test-id="boxComponent"
@@ -3071,7 +3071,7 @@ exports[`FlipCard renders with channel 1`] = `
3071
3071
  tabindex="0"
3072
3072
  >
3073
3073
  <div
3074
- class="boxContainer medium filled shrinkOff"
3074
+ class="boxContainer medium filled shrinkOff"
3075
3075
  data-id="boxComponent"
3076
3076
  data-selector-id="box"
3077
3077
  data-test-id="boxComponent"
@@ -3156,7 +3156,7 @@ exports[`FlipCard renders with channelTitle 1`] = `
3156
3156
  tabindex="0"
3157
3157
  >
3158
3158
  <div
3159
- class="boxContainer medium filled shrinkOff"
3159
+ class="boxContainer medium filled shrinkOff"
3160
3160
  data-id="boxComponent"
3161
3161
  data-selector-id="box"
3162
3162
  data-test-id="boxComponent"
@@ -3241,7 +3241,7 @@ exports[`FlipCard renders with className 1`] = `
3241
3241
  tabindex="0"
3242
3242
  >
3243
3243
  <div
3244
- class="boxContainer medium filled shrinkOff"
3244
+ class="boxContainer medium filled shrinkOff"
3245
3245
  data-id="boxComponent"
3246
3246
  data-selector-id="box"
3247
3247
  data-test-id="boxComponent"
@@ -3326,7 +3326,7 @@ exports[`FlipCard renders with customProps 1`] = `
3326
3326
  tabindex="0"
3327
3327
  >
3328
3328
  <div
3329
- class="boxContainer medium filled shrinkOff"
3329
+ class="boxContainer medium filled shrinkOff"
3330
3330
  data-id="boxComponent"
3331
3331
  data-selector-id="box"
3332
3332
  data-test-id="boxComponent"
@@ -3438,7 +3438,7 @@ exports[`FlipCard renders with customTextClass 1`] = `
3438
3438
  tabindex="0"
3439
3439
  >
3440
3440
  <div
3441
- class="boxContainer medium filled shrinkOff"
3441
+ class="boxContainer medium filled shrinkOff"
3442
3442
  data-id="boxComponent"
3443
3443
  data-selector-id="box"
3444
3444
  data-test-id="boxComponent"
@@ -3523,7 +3523,7 @@ exports[`FlipCard renders with dataId 1`] = `
3523
3523
  tabindex="0"
3524
3524
  >
3525
3525
  <div
3526
- class="boxContainer medium filled shrinkOff"
3526
+ class="boxContainer medium filled shrinkOff"
3527
3527
  data-id="boxComponent"
3528
3528
  data-selector-id="box"
3529
3529
  data-test-id="boxComponent"
@@ -3610,7 +3610,7 @@ exports[`FlipCard renders with default props 1`] = `
3610
3610
  tabindex="0"
3611
3611
  >
3612
3612
  <div
3613
- class="boxContainer medium filled shrinkOff"
3613
+ class="boxContainer medium filled shrinkOff"
3614
3614
  data-id="boxComponent"
3615
3615
  data-selector-id="box"
3616
3616
  data-test-id="boxComponent"
@@ -3695,7 +3695,7 @@ exports[`FlipCard renders with frontClass 1`] = `
3695
3695
  tabindex="0"
3696
3696
  >
3697
3697
  <div
3698
- class="boxContainer medium filled shrinkOff"
3698
+ class="boxContainer medium filled shrinkOff"
3699
3699
  data-id="boxComponent"
3700
3700
  data-selector-id="box"
3701
3701
  data-test-id="boxComponent"
@@ -3780,7 +3780,7 @@ exports[`FlipCard renders with icon 1`] = `
3780
3780
  tabindex="0"
3781
3781
  >
3782
3782
  <div
3783
- class="boxContainer medium filled shrinkOff"
3783
+ class="boxContainer medium filled shrinkOff"
3784
3784
  data-id="boxComponent"
3785
3785
  data-selector-id="box"
3786
3786
  data-test-id="boxComponent"
@@ -3862,7 +3862,7 @@ exports[`FlipCard renders with iconClass 1`] = `
3862
3862
  tabindex="0"
3863
3863
  >
3864
3864
  <div
3865
- class="boxContainer medium filled shrinkOff"
3865
+ class="boxContainer medium filled shrinkOff"
3866
3866
  data-id="boxComponent"
3867
3867
  data-selector-id="box"
3868
3868
  data-test-id="boxComponent"
@@ -3947,7 +3947,7 @@ exports[`FlipCard renders with iconColor 1`] = `
3947
3947
  tabindex="0"
3948
3948
  >
3949
3949
  <div
3950
- class="boxContainer medium filled shrinkOff"
3950
+ class="boxContainer medium filled shrinkOff"
3951
3951
  data-id="boxComponent"
3952
3952
  data-selector-id="box"
3953
3953
  data-test-id="boxComponent"
@@ -4032,7 +4032,7 @@ exports[`FlipCard renders with iconSize 1`] = `
4032
4032
  tabindex="0"
4033
4033
  >
4034
4034
  <div
4035
- class="boxContainer medium filled shrinkOff"
4035
+ class="boxContainer medium filled shrinkOff"
4036
4036
  data-id="boxComponent"
4037
4037
  data-selector-id="box"
4038
4038
  data-test-id="boxComponent"
@@ -4117,7 +4117,7 @@ exports[`FlipCard renders with id 1`] = `
4117
4117
  tabindex="0"
4118
4118
  >
4119
4119
  <div
4120
- class="boxContainer medium filled shrinkOff"
4120
+ class="boxContainer medium filled shrinkOff"
4121
4121
  data-id="boxComponent"
4122
4122
  data-selector-id="box"
4123
4123
  data-test-id="boxComponent"
@@ -4202,7 +4202,7 @@ exports[`FlipCard renders with initial 1`] = `
4202
4202
  tabindex="0"
4203
4203
  >
4204
4204
  <div
4205
- class="boxContainer medium filled shrinkOff"
4205
+ class="boxContainer medium filled shrinkOff"
4206
4206
  data-id="boxComponent"
4207
4207
  data-selector-id="box"
4208
4208
  data-test-id="boxComponent"
@@ -4289,7 +4289,7 @@ exports[`FlipCard renders with isChecked - true 1`] = `
4289
4289
  tabindex="0"
4290
4290
  >
4291
4291
  <div
4292
- class="boxContainer medium filled shrinkOff"
4292
+ class="boxContainer medium filled shrinkOff"
4293
4293
  data-id="boxComponent"
4294
4294
  data-selector-id="box"
4295
4295
  data-test-id="boxComponent"
@@ -4380,7 +4380,7 @@ exports[`FlipCard renders with isFilledCheckbox - true 1`] = `
4380
4380
  tabindex="0"
4381
4381
  >
4382
4382
  <div
4383
- class="boxContainer medium filled shrinkOff"
4383
+ class="boxContainer medium filled shrinkOff"
4384
4384
  data-id="boxComponent"
4385
4385
  data-selector-id="box"
4386
4386
  data-test-id="boxComponent"
@@ -4465,7 +4465,7 @@ exports[`FlipCard renders with isPaidUser - true 1`] = `
4465
4465
  tabindex="0"
4466
4466
  >
4467
4467
  <div
4468
- class="boxContainer medium filled shrinkOff"
4468
+ class="boxContainer medium filled shrinkOff"
4469
4469
  data-id="boxComponent"
4470
4470
  data-selector-id="box"
4471
4471
  data-test-id="boxComponent"
@@ -4571,7 +4571,7 @@ exports[`FlipCard renders with isPortalUser - true 1`] = `
4571
4571
  tabindex="0"
4572
4572
  >
4573
4573
  <div
4574
- class="boxContainer medium filled shrinkOff"
4574
+ class="boxContainer medium filled shrinkOff"
4575
4575
  data-id="boxComponent"
4576
4576
  data-selector-id="box"
4577
4577
  data-test-id="boxComponent"
@@ -4670,7 +4670,7 @@ exports[`FlipCard renders with name 1`] = `
4670
4670
  tabindex="0"
4671
4671
  >
4672
4672
  <div
4673
- class="boxContainer medium filled shrinkOff"
4673
+ class="boxContainer medium filled shrinkOff"
4674
4674
  data-id="boxComponent"
4675
4675
  data-selector-id="box"
4676
4676
  data-test-id="boxComponent"
@@ -4760,7 +4760,7 @@ exports[`FlipCard renders with needTitle - true 1`] = `
4760
4760
  tabindex="0"
4761
4761
  >
4762
4762
  <div
4763
- class="boxContainer medium filled shrinkOff"
4763
+ class="boxContainer medium filled shrinkOff"
4764
4764
  data-id="boxComponent"
4765
4765
  data-selector-id="box"
4766
4766
  data-test-id="boxComponent"
@@ -4888,7 +4888,7 @@ exports[`FlipCard renders with noNeedFlip set to false 1`] = `
4888
4888
  tabindex="0"
4889
4889
  >
4890
4890
  <div
4891
- class="boxContainer medium filled shrinkOff"
4891
+ class="boxContainer medium filled shrinkOff"
4892
4892
  data-id="boxComponent"
4893
4893
  data-selector-id="box"
4894
4894
  data-test-id="boxComponent"
@@ -4973,7 +4973,7 @@ exports[`FlipCard renders with noNeedFlip set to false and custom props 1`] = `
4973
4973
  tabindex="0"
4974
4974
  >
4975
4975
  <div
4976
- class="boxContainer medium filled shrinkOff"
4976
+ class="boxContainer medium filled shrinkOff"
4977
4977
  data-id="boxComponent"
4978
4978
  data-selector-id="box"
4979
4979
  data-test-id="boxComponent"
@@ -5064,7 +5064,7 @@ exports[`FlipCard renders with noNeedFlip set to false and isChecked set to true
5064
5064
  tabindex="0"
5065
5065
  >
5066
5066
  <div
5067
- class="boxContainer medium filled shrinkOff"
5067
+ class="boxContainer medium filled shrinkOff"
5068
5068
  data-id="boxComponent"
5069
5069
  data-selector-id="box"
5070
5070
  data-test-id="boxComponent"
@@ -5155,7 +5155,7 @@ exports[`FlipCard renders with noNeedFlip set to false and size variations 1`] =
5155
5155
  tabindex="0"
5156
5156
  >
5157
5157
  <div
5158
- class="boxContainer medium filled shrinkOff"
5158
+ class="boxContainer medium filled shrinkOff"
5159
5159
  data-id="boxComponent"
5160
5160
  data-selector-id="box"
5161
5161
  data-test-id="boxComponent"
@@ -5240,7 +5240,7 @@ exports[`FlipCard renders with noNeedFlip set to false and size variations 2`] =
5240
5240
  tabindex="0"
5241
5241
  >
5242
5242
  <div
5243
- class="boxContainer medium filled shrinkOff"
5243
+ class="boxContainer medium filled shrinkOff"
5244
5244
  data-id="boxComponent"
5245
5245
  data-selector-id="box"
5246
5246
  data-test-id="boxComponent"
@@ -5325,7 +5325,7 @@ exports[`FlipCard renders with noNeedFlip set to false and size variations 3`] =
5325
5325
  tabindex="0"
5326
5326
  >
5327
5327
  <div
5328
- class="boxContainer medium filled shrinkOff"
5328
+ class="boxContainer medium filled shrinkOff"
5329
5329
  data-id="boxComponent"
5330
5330
  data-selector-id="box"
5331
5331
  data-test-id="boxComponent"
@@ -5621,7 +5621,7 @@ exports[`FlipCard renders with palette - default 1`] = `
5621
5621
  tabindex="0"
5622
5622
  >
5623
5623
  <div
5624
- class="boxContainer medium filled shrinkOff"
5624
+ class="boxContainer medium filled shrinkOff"
5625
5625
  data-id="boxComponent"
5626
5626
  data-selector-id="box"
5627
5627
  data-test-id="boxComponent"
@@ -5706,7 +5706,7 @@ exports[`FlipCard renders with palette - info 1`] = `
5706
5706
  tabindex="0"
5707
5707
  >
5708
5708
  <div
5709
- class="boxContainer medium filled shrinkOff"
5709
+ class="boxContainer medium filled shrinkOff"
5710
5710
  data-id="boxComponent"
5711
5711
  data-selector-id="box"
5712
5712
  data-test-id="boxComponent"
@@ -5791,7 +5791,7 @@ exports[`FlipCard renders with palette - primary 1`] = `
5791
5791
  tabindex="0"
5792
5792
  >
5793
5793
  <div
5794
- class="boxContainer medium filled shrinkOff"
5794
+ class="boxContainer medium filled shrinkOff"
5795
5795
  data-id="boxComponent"
5796
5796
  data-selector-id="box"
5797
5797
  data-test-id="boxComponent"
@@ -5876,7 +5876,7 @@ exports[`FlipCard renders with palette - secondary 1`] = `
5876
5876
  tabindex="0"
5877
5877
  >
5878
5878
  <div
5879
- class="boxContainer medium filled shrinkOff"
5879
+ class="boxContainer medium filled shrinkOff"
5880
5880
  data-id="boxComponent"
5881
5881
  data-selector-id="box"
5882
5882
  data-test-id="boxComponent"
@@ -5961,7 +5961,7 @@ exports[`FlipCard renders with size - large 1`] = `
5961
5961
  tabindex="0"
5962
5962
  >
5963
5963
  <div
5964
- class="boxContainer medium filled shrinkOff"
5964
+ class="boxContainer medium filled shrinkOff"
5965
5965
  data-id="boxComponent"
5966
5966
  data-selector-id="box"
5967
5967
  data-test-id="boxComponent"
@@ -6046,7 +6046,7 @@ exports[`FlipCard renders with size - medium 1`] = `
6046
6046
  tabindex="0"
6047
6047
  >
6048
6048
  <div
6049
- class="boxContainer medium filled shrinkOff"
6049
+ class="boxContainer medium filled shrinkOff"
6050
6050
  data-id="boxComponent"
6051
6051
  data-selector-id="box"
6052
6052
  data-test-id="boxComponent"
@@ -6131,7 +6131,7 @@ exports[`FlipCard renders with size - small 1`] = `
6131
6131
  tabindex="0"
6132
6132
  >
6133
6133
  <div
6134
- class="boxContainer medium filled shrinkOff"
6134
+ class="boxContainer medium filled shrinkOff"
6135
6135
  data-id="boxComponent"
6136
6136
  data-selector-id="box"
6137
6137
  data-test-id="boxComponent"
@@ -6216,7 +6216,7 @@ exports[`FlipCard renders with src 1`] = `
6216
6216
  tabindex="0"
6217
6217
  >
6218
6218
  <div
6219
- class="boxContainer medium filled shrinkOff"
6219
+ class="boxContainer medium filled shrinkOff"
6220
6220
  data-id="boxComponent"
6221
6221
  data-selector-id="box"
6222
6222
  data-test-id="boxComponent"
@@ -6305,7 +6305,7 @@ exports[`FlipCard renders with textPalette - black 1`] = `
6305
6305
  tabindex="0"
6306
6306
  >
6307
6307
  <div
6308
- class="boxContainer medium filled shrinkOff"
6308
+ class="boxContainer medium filled shrinkOff"
6309
6309
  data-id="boxComponent"
6310
6310
  data-selector-id="box"
6311
6311
  data-test-id="boxComponent"
@@ -6390,7 +6390,7 @@ exports[`FlipCard renders with textPalette - white 1`] = `
6390
6390
  tabindex="0"
6391
6391
  >
6392
6392
  <div
6393
- class="boxContainer medium filled shrinkOff"
6393
+ class="boxContainer medium filled shrinkOff"
6394
6394
  data-id="boxComponent"
6395
6395
  data-selector-id="box"
6396
6396
  data-test-id="boxComponent"
@@ -6477,7 +6477,7 @@ exports[`FlipCard renders with ticList 1`] = `
6477
6477
  tabindex="0"
6478
6478
  >
6479
6479
  <div
6480
- class="boxContainer medium filled shrinkOff"
6480
+ class="boxContainer medium filled shrinkOff"
6481
6481
  data-id="boxComponent"
6482
6482
  data-selector-id="box"
6483
6483
  data-test-id="boxComponent"
@@ -6564,7 +6564,7 @@ exports[`FlipCard renders with ticListContainer 1`] = `
6564
6564
  tabindex="0"
6565
6565
  >
6566
6566
  <div
6567
- class="boxContainer medium filled shrinkOff"
6567
+ class="boxContainer medium filled shrinkOff"
6568
6568
  data-id="boxComponent"
6569
6569
  data-selector-id="box"
6570
6570
  data-test-id="boxComponent"
@@ -6650,7 +6650,7 @@ exports[`FlipCard renders with tourId 1`] = `
6650
6650
  tabindex="0"
6651
6651
  >
6652
6652
  <div
6653
- class="boxContainer medium filled shrinkOff"
6653
+ class="boxContainer medium filled shrinkOff"
6654
6654
  data-id="boxComponent"
6655
6655
  data-selector-id="box"
6656
6656
  data-test-id="boxComponent"