@zohodesk/components 1.6.21 → 1.6.22-exp-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 (152) hide show
  1. package/README.md +4 -0
  2. package/es/AppContainer/AppContainer.module.css +9 -3
  3. package/es/AppContainer/__tests__/__snapshots__/AppContainer.spec.js.snap +6 -6
  4. package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +42 -42
  5. package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +73 -97
  6. package/es/Button/__tests__/__snapshots__/Button.spec.js.snap +3 -3
  7. package/es/Button/css/cssJSLogic.js +6 -6
  8. package/es/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +8 -8
  9. package/es/CheckBox/CheckBox.js +2 -2
  10. package/es/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +108 -182
  11. package/es/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +32 -41
  12. package/es/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap +21 -21
  13. package/es/ColorSelect/_shared/ColorIndicator/__tests__/__snapshots__/ColorIndicator.spec.js.snap +9 -9
  14. package/es/ColorSelect/_shared/ColoredTag/__tests__/__snapshots__/ColoredTag.spec.js.snap +5 -5
  15. package/es/DateTime/CalendarView.js +2 -2
  16. package/es/DateTime/DateWidget.js +2 -2
  17. package/es/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +24 -24
  18. package/es/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +4 -4
  19. package/es/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +4 -4
  20. package/es/DateTime/__tests__/__snapshots__/Time.spec.js.snap +12 -12
  21. package/es/DropBox/DropBoxElement/css/cssJSLogic.js +6 -6
  22. package/es/DropDown/DropDownItem.js +1 -1
  23. package/es/DropDown/__tests__/__snapshots__/DropDownHeading.spec.js.snap +1 -1
  24. package/es/DropDown/__tests__/__snapshots__/DropDownItem.spec.js.snap +1 -1
  25. package/es/DropDown/__tests__/__snapshots__/DropDownSearch.spec.js.snap +2 -2
  26. package/es/DropDown/__tests__/__snapshots__/DropDownSeparator.spec.js.snap +1 -1
  27. package/es/Heading/__tests__/__snapshots__/Heading.spec.js.snap +7 -7
  28. package/es/Label/Label.js +1 -1
  29. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +24 -48
  30. package/es/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap +2 -2
  31. package/es/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +4 -4
  32. package/es/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +7 -7
  33. package/es/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +21 -21
  34. package/es/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +7 -7
  35. package/es/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +21 -28
  36. package/es/MultiSelect/MobileHeader/__tests__/__snapshots__/MobileHeader.spec.js.snap +1 -1
  37. package/es/MultiSelect/MultiSelect.js +1 -1
  38. package/es/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +5 -6
  39. package/es/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +20 -23
  40. package/es/MultiSelect/__tests__/__snapshots__/EmptyState.spec.js.snap +1 -1
  41. package/es/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +25 -34
  42. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +2 -2
  43. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +5 -6
  44. package/es/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +3 -3
  45. package/es/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +10 -10
  46. package/es/Radio/Radio.js +1 -1
  47. package/es/Radio/__tests__/__snapshots__/Radio.spec.js.snap +91 -171
  48. package/es/Ribbon/Ribbon.js +3 -16
  49. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +21 -24
  50. package/es/Select/SelectWithAvatar.js +1 -1
  51. package/es/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +4 -4
  52. package/es/Select/__tests__/__snapshots__/Select.spec.js.snap +394 -416
  53. package/es/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +3 -3
  54. package/es/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +4 -4
  55. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +12 -12
  56. package/es/Switch/Switch.js +1 -1
  57. package/es/Switch/__tests__/__snapshots__/Switch.spec.js.snap +76 -88
  58. package/es/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +4 -4
  59. package/es/Tag/Tag.js +1 -2
  60. package/es/Tag/__tests__/__snapshots__/Tag.spec.js.snap +196 -288
  61. package/es/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +44 -44
  62. package/es/TextBoxIcon/TextBoxIcon.js +1 -1
  63. package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +81 -81
  64. package/es/Textarea/Textarea.js +1 -1
  65. package/es/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +46 -46
  66. package/es/Tooltip/Tooltip.js +1 -1
  67. package/es/Typography/__tests__/__snapshots__/Typography.spec.js.snap +3 -3
  68. package/es/Typography/css/cssJSLogic.js +2 -2
  69. package/es/common/basic.module.css +9 -8
  70. package/es/deprecated/Switch/Switch.js +1 -1
  71. package/es/semantic/Button/__tests__/__snapshots__/Button.spec.js.snap +1 -1
  72. package/es/shared/ArrowIcon/__tests__/__snapshots__/ArrowIcon.spec.js.snap +14 -14
  73. package/es/shared/InputFieldLine/__tests__/__snapshots__/InputFieldLine.spec.js.snap +17 -17
  74. package/es/v1/Button/__tests__/__snapshots__/Button.spec.js.snap +8 -8
  75. package/es/v1/shared/Loader/__tests__/__snapshots__/Loader.spec.js.snap +1 -1
  76. package/es/v1/shared/SuccessTick/__tests__/__snapshots__/SuccessTick.spec.js.snap +1 -1
  77. package/lib/AppContainer/AppContainer.module.css +9 -3
  78. package/lib/AppContainer/__tests__/__snapshots__/AppContainer.spec.js.snap +6 -6
  79. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +42 -42
  80. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +73 -97
  81. package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +3 -3
  82. package/lib/Button/css/cssJSLogic.js +3 -3
  83. package/lib/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +8 -8
  84. package/lib/CheckBox/CheckBox.js +2 -2
  85. package/lib/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +108 -182
  86. package/lib/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +32 -41
  87. package/lib/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap +21 -21
  88. package/lib/ColorSelect/_shared/ColorIndicator/__tests__/__snapshots__/ColorIndicator.spec.js.snap +9 -9
  89. package/lib/ColorSelect/_shared/ColoredTag/__tests__/__snapshots__/ColoredTag.spec.js.snap +5 -5
  90. package/lib/DateTime/CalendarView.js +2 -2
  91. package/lib/DateTime/DateWidget.js +2 -2
  92. package/lib/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +24 -24
  93. package/lib/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +4 -4
  94. package/lib/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +4 -4
  95. package/lib/DateTime/__tests__/__snapshots__/Time.spec.js.snap +12 -12
  96. package/lib/DropBox/DropBoxElement/css/cssJSLogic.js +2 -2
  97. package/lib/DropDown/DropDownItem.js +1 -1
  98. package/lib/DropDown/__tests__/__snapshots__/DropDownHeading.spec.js.snap +1 -1
  99. package/lib/DropDown/__tests__/__snapshots__/DropDownItem.spec.js.snap +1 -1
  100. package/lib/DropDown/__tests__/__snapshots__/DropDownSearch.spec.js.snap +2 -2
  101. package/lib/DropDown/__tests__/__snapshots__/DropDownSeparator.spec.js.snap +1 -1
  102. package/lib/Heading/__tests__/__snapshots__/Heading.spec.js.snap +7 -7
  103. package/lib/Label/Label.js +1 -1
  104. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +24 -48
  105. package/lib/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap +2 -2
  106. package/lib/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +4 -4
  107. package/lib/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +7 -7
  108. package/lib/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +21 -21
  109. package/lib/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +7 -7
  110. package/lib/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +21 -28
  111. package/lib/MultiSelect/MobileHeader/__tests__/__snapshots__/MobileHeader.spec.js.snap +1 -1
  112. package/lib/MultiSelect/MultiSelect.js +1 -1
  113. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +5 -6
  114. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +20 -23
  115. package/lib/MultiSelect/__tests__/__snapshots__/EmptyState.spec.js.snap +1 -1
  116. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +25 -34
  117. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +2 -2
  118. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +5 -6
  119. package/lib/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +3 -3
  120. package/lib/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +10 -10
  121. package/lib/Radio/Radio.js +1 -1
  122. package/lib/Radio/__tests__/__snapshots__/Radio.spec.js.snap +91 -171
  123. package/lib/Ribbon/Ribbon.js +2 -15
  124. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +21 -24
  125. package/lib/Select/SelectWithAvatar.js +1 -1
  126. package/lib/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +4 -4
  127. package/lib/Select/__tests__/__snapshots__/Select.spec.js.snap +394 -416
  128. package/lib/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +3 -3
  129. package/lib/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +4 -4
  130. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +12 -12
  131. package/lib/Switch/Switch.js +1 -1
  132. package/lib/Switch/__tests__/__snapshots__/Switch.spec.js.snap +76 -88
  133. package/lib/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +4 -4
  134. package/lib/Tag/Tag.js +1 -1
  135. package/lib/Tag/__tests__/__snapshots__/Tag.spec.js.snap +196 -288
  136. package/lib/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +44 -44
  137. package/lib/TextBoxIcon/TextBoxIcon.js +1 -1
  138. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +81 -81
  139. package/lib/Textarea/Textarea.js +1 -1
  140. package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +46 -46
  141. package/lib/Tooltip/Tooltip.js +1 -1
  142. package/lib/Typography/__tests__/__snapshots__/Typography.spec.js.snap +3 -3
  143. package/lib/Typography/css/cssJSLogic.js +1 -1
  144. package/lib/common/basic.module.css +9 -8
  145. package/lib/deprecated/Switch/Switch.js +1 -1
  146. package/lib/semantic/Button/__tests__/__snapshots__/Button.spec.js.snap +1 -1
  147. package/lib/shared/ArrowIcon/__tests__/__snapshots__/ArrowIcon.spec.js.snap +14 -14
  148. package/lib/shared/InputFieldLine/__tests__/__snapshots__/InputFieldLine.spec.js.snap +17 -17
  149. package/lib/v1/Button/__tests__/__snapshots__/Button.spec.js.snap +8 -8
  150. package/lib/v1/shared/Loader/__tests__/__snapshots__/Loader.spec.js.snap +1 -1
  151. package/lib/v1/shared/SuccessTick/__tests__/__snapshots__/SuccessTick.spec.js.snap +1 -1
  152. package/package.json +11 -12
package/es/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap CHANGED
@@ -4,8 +4,7 @@ exports[`CheckBox component Should be disable 1`] = `
4
4
  <DocumentFragment>
5
5
  <div
6
6
  aria-checked="true"
7
- class="flex row alignItems_center container disabled
8
- checkedprimary"
7
+ class="flex row alignItems_center container disabled checkedprimary"
9
8
  data-id="checkBox"
10
9
  data-selector-id="container"
11
10
  data-test-id="checkBox"
@@ -13,7 +12,7 @@ exports[`CheckBox component Should be disable 1`] = `
13
12
  tabindex="-1"
14
13
  >
15
14
  <div
16
- class="noShrink boxContainer medium filled disabled"
15
+ class="noShrink boxContainer medium filled disabled"
17
16
  data-id="boxComponent"
18
17
  data-selector-id="box"
19
18
  data-test-id="boxComponent"
@@ -22,7 +21,7 @@ exports[`CheckBox component Should be disable 1`] = `
22
21
  type="hidden"
23
22
  />
24
23
  <label
25
- class="checkbox disabled medium "
24
+ class="checkbox disabled medium"
26
25
  >
27
26
  <svg
28
27
  viewBox="0 0 40 40"
@@ -35,7 +34,7 @@ exports[`CheckBox component Should be disable 1`] = `
35
34
  />
36
35
  </svg>
37
36
  <svg
38
- class="tick mediumtick disabled"
37
+ class="tick mediumtick disabled"
39
38
  viewBox="0 0 44 44"
40
39
  xmlns="http://www.w3.org/2000/svg"
41
40
  >
@@ -53,10 +52,7 @@ exports[`CheckBox component Should be disable 1`] = `
53
52
  data-test-id="boxComponent"
54
53
  >
55
54
  <label
56
- class="label title medium disable font_default
57
- dotted cursor
58
-
59
- disabled "
55
+ class="label title medium disable font_default dotted cursor disabled"
60
56
  data-id="label"
61
57
  data-selector-id="label"
62
58
  data-test-id="label"
@@ -81,7 +77,7 @@ exports[`CheckBox component Should be isReadOnly 1`] = `
81
77
  tabindex="-1"
82
78
  >
83
79
  <div
84
- class="noShrink boxContainer medium filled disabled"
80
+ class="noShrink boxContainer medium filled disabled"
85
81
  data-id="boxComponent"
86
82
  data-selector-id="box"
87
83
  data-test-id="boxComponent"
@@ -90,7 +86,7 @@ exports[`CheckBox component Should be isReadOnly 1`] = `
90
86
  type="hidden"
91
87
  />
92
88
  <label
93
- class="checkbox readonly medium "
89
+ class="checkbox readonly medium"
94
90
  >
95
91
  <svg
96
92
  viewBox="0 0 40 40"
@@ -124,7 +120,7 @@ exports[`CheckBox component Should be render ID 1`] = `
124
120
  tabindex="0"
125
121
  >
126
122
  <div
127
- class="noShrink boxContainer medium filled"
123
+ class="noShrink boxContainer medium filled"
128
124
  data-id="boxComponent"
129
125
  data-selector-id="box"
130
126
  data-test-id="boxComponent"
@@ -134,7 +130,7 @@ exports[`CheckBox component Should be render ID 1`] = `
134
130
  type="hidden"
135
131
  />
136
132
  <label
137
- class="checkbox pointer medium "
133
+ class="checkbox pointer medium"
138
134
  >
139
135
  <svg
140
136
  viewBox="0 0 40 40"
@@ -159,10 +155,7 @@ exports[`CheckBox component Should be render ID 1`] = `
159
155
  data-test-id="boxComponent"
160
156
  >
161
157
  <label
162
- class="label title medium default font_default
163
- dotted cursor
164
-
165
- pointer "
158
+ class="label title medium default font_default dotted cursor pointer"
166
159
  data-id="label"
167
160
  data-selector-id="label"
168
161
  data-test-id="label"
@@ -188,7 +181,7 @@ exports[`CheckBox component Should be render activeStyle is minus 1`] = `
188
181
  tabindex="0"
189
182
  >
190
183
  <div
191
- class="noShrink boxContainer medium filled"
184
+ class="noShrink boxContainer medium filled"
192
185
  data-id="boxComponent"
193
186
  data-selector-id="box"
194
187
  data-test-id="boxComponent"
@@ -197,7 +190,7 @@ exports[`CheckBox component Should be render activeStyle is minus 1`] = `
197
190
  type="hidden"
198
191
  />
199
192
  <label
200
- class="checkbox pointer medium "
193
+ class="checkbox pointer medium"
201
194
  >
202
195
  <svg
203
196
  viewBox="0 0 40 40"
@@ -231,7 +224,7 @@ exports[`CheckBox component Should be render dataSelectorId 1`] = `
231
224
  tabindex="0"
232
225
  >
233
226
  <div
234
- class="noShrink boxContainer medium filled"
227
+ class="noShrink boxContainer medium filled"
235
228
  data-id="boxComponent"
236
229
  data-selector-id="box"
237
230
  data-test-id="boxComponent"
@@ -240,7 +233,7 @@ exports[`CheckBox component Should be render dataSelectorId 1`] = `
240
233
  type="hidden"
241
234
  />
242
235
  <label
243
- class="checkbox pointer medium "
236
+ class="checkbox pointer medium"
244
237
  >
245
238
  <svg
246
239
  viewBox="0 0 40 40"
@@ -275,7 +268,7 @@ exports[`CheckBox component Should be render disabledTitle and title 1`] = `
275
268
  tabindex="-1"
276
269
  >
277
270
  <div
278
- class="noShrink boxContainer medium filled disabled"
271
+ class="noShrink boxContainer medium filled disabled"
279
272
  data-id="boxComponent"
280
273
  data-selector-id="box"
281
274
  data-test-id="boxComponent"
@@ -284,7 +277,7 @@ exports[`CheckBox component Should be render disabledTitle and title 1`] = `
284
277
  type="hidden"
285
278
  />
286
279
  <label
287
- class="checkbox disabled medium "
280
+ class="checkbox disabled medium"
288
281
  >
289
282
  <svg
290
283
  viewBox="0 0 40 40"
@@ -309,10 +302,7 @@ exports[`CheckBox component Should be render disabledTitle and title 1`] = `
309
302
  data-test-id="boxComponent"
310
303
  >
311
304
  <label
312
- class="label title medium disable font_default
313
- dotted cursor
314
-
315
- disabled "
305
+ class="label title medium disable font_default dotted cursor disabled"
316
306
  data-id="label"
317
307
  data-selector-id="label"
318
308
  data-test-id="label"
@@ -337,7 +327,7 @@ exports[`CheckBox component Should be render isClipped is false 1`] = `
337
327
  tabindex="0"
338
328
  >
339
329
  <div
340
- class="noShrink boxContainer medium filled"
330
+ class="noShrink boxContainer medium filled"
341
331
  data-id="boxComponent"
342
332
  data-selector-id="box"
343
333
  data-test-id="boxComponent"
@@ -346,7 +336,7 @@ exports[`CheckBox component Should be render isClipped is false 1`] = `
346
336
  type="hidden"
347
337
  />
348
338
  <label
349
- class="checkbox pointer medium "
339
+ class="checkbox pointer medium"
350
340
  >
351
341
  <svg
352
342
  viewBox="0 0 40 40"
@@ -380,7 +370,7 @@ exports[`CheckBox component Should be render isFilled 1`] = `
380
370
  tabindex="0"
381
371
  >
382
372
  <div
383
- class="noShrink boxContainer medium filled"
373
+ class="noShrink boxContainer medium filled"
384
374
  data-id="boxComponent"
385
375
  data-selector-id="box"
386
376
  data-test-id="boxComponent"
@@ -389,7 +379,7 @@ exports[`CheckBox component Should be render isFilled 1`] = `
389
379
  type="hidden"
390
380
  />
391
381
  <label
392
- class="checkbox pointer medium "
382
+ class="checkbox pointer medium"
393
383
  >
394
384
  <svg
395
385
  viewBox="0 0 40 40"
@@ -423,7 +413,7 @@ exports[`CheckBox component Should be render name 1`] = `
423
413
  tabindex="0"
424
414
  >
425
415
  <div
426
- class="noShrink boxContainer medium filled"
416
+ class="noShrink boxContainer medium filled"
427
417
  data-id="boxComponent"
428
418
  data-selector-id="box"
429
419
  data-test-id="boxComponent"
@@ -433,7 +423,7 @@ exports[`CheckBox component Should be render name 1`] = `
433
423
  type="hidden"
434
424
  />
435
425
  <label
436
- class="checkbox pointer medium "
426
+ class="checkbox pointer medium"
437
427
  >
438
428
  <svg
439
429
  viewBox="0 0 40 40"
@@ -467,7 +457,7 @@ exports[`CheckBox component Should be render text 1`] = `
467
457
  tabindex="0"
468
458
  >
469
459
  <div
470
- class="noShrink boxContainer medium filled"
460
+ class="noShrink boxContainer medium filled"
471
461
  data-id="boxComponent"
472
462
  data-selector-id="box"
473
463
  data-test-id="boxComponent"
@@ -476,7 +466,7 @@ exports[`CheckBox component Should be render text 1`] = `
476
466
  type="hidden"
477
467
  />
478
468
  <label
479
- class="checkbox pointer medium "
469
+ class="checkbox pointer medium"
480
470
  >
481
471
  <svg
482
472
  viewBox="0 0 40 40"
@@ -501,10 +491,7 @@ exports[`CheckBox component Should be render text 1`] = `
501
491
  data-test-id="boxComponent"
502
492
  >
503
493
  <label
504
- class="label title medium default font_default
505
- dotted cursor
506
-
507
- pointer "
494
+ class="label title medium default font_default dotted cursor pointer"
508
495
  data-id="label"
509
496
  data-selector-id="label"
510
497
  data-test-id="label"
@@ -530,7 +517,7 @@ exports[`CheckBox component Should be render title 1`] = `
530
517
  tabindex="0"
531
518
  >
532
519
  <div
533
- class="noShrink boxContainer medium filled"
520
+ class="noShrink boxContainer medium filled"
534
521
  data-id="boxComponent"
535
522
  data-selector-id="box"
536
523
  data-test-id="boxComponent"
@@ -539,7 +526,7 @@ exports[`CheckBox component Should be render title 1`] = `
539
526
  type="hidden"
540
527
  />
541
528
  <label
542
- class="checkbox pointer medium "
529
+ class="checkbox pointer medium"
543
530
  >
544
531
  <svg
545
532
  viewBox="0 0 40 40"
@@ -564,10 +551,7 @@ exports[`CheckBox component Should be render title 1`] = `
564
551
  data-test-id="boxComponent"
565
552
  >
566
553
  <label
567
- class="label title medium default font_default
568
- dotted cursor
569
-
570
- pointer "
554
+ class="label title medium default font_default dotted cursor pointer"
571
555
  data-id="label"
572
556
  data-selector-id="label"
573
557
  data-test-id="label"
@@ -592,7 +576,7 @@ exports[`CheckBox component Should be render with the basic set of default props
592
576
  tabindex="0"
593
577
  >
594
578
  <div
595
- class="noShrink boxContainer medium filled"
579
+ class="noShrink boxContainer medium filled"
596
580
  data-id="boxComponent"
597
581
  data-selector-id="box"
598
582
  data-test-id="boxComponent"
@@ -601,7 +585,7 @@ exports[`CheckBox component Should be render with the basic set of default props
601
585
  type="hidden"
602
586
  />
603
587
  <label
604
- class="checkbox pointer medium "
588
+ class="checkbox pointer medium"
605
589
  >
606
590
  <svg
607
591
  viewBox="0 0 40 40"
@@ -627,8 +611,7 @@ exports[`CheckBox component Should render active - danger 1`] = `
627
611
  <DocumentFragment>
628
612
  <div
629
613
  aria-checked="true"
630
- class="flex row alignItems_center container pointer danger
631
- checkeddanger"
614
+ class="flex row alignItems_center container pointer danger checkeddanger"
632
615
  data-id="checkBox"
633
616
  data-selector-id="container"
634
617
  data-test-id="checkBox"
@@ -636,7 +619,7 @@ exports[`CheckBox component Should render active - danger 1`] = `
636
619
  tabindex="0"
637
620
  >
638
621
  <div
639
- class="noShrink boxContainer medium filled"
622
+ class="noShrink boxContainer medium filled"
640
623
  data-id="boxComponent"
641
624
  data-selector-id="box"
642
625
  data-test-id="boxComponent"
@@ -645,7 +628,7 @@ exports[`CheckBox component Should render active - danger 1`] = `
645
628
  type="hidden"
646
629
  />
647
630
  <label
648
- class="checkbox pointer medium "
631
+ class="checkbox pointer medium"
649
632
  >
650
633
  <svg
651
634
  viewBox="0 0 40 40"
@@ -658,7 +641,7 @@ exports[`CheckBox component Should render active - danger 1`] = `
658
641
  />
659
642
  </svg>
660
643
  <svg
661
- class="tick mediumtick "
644
+ class="tick mediumtick"
662
645
  viewBox="0 0 44 44"
663
646
  xmlns="http://www.w3.org/2000/svg"
664
647
  >
@@ -676,10 +659,7 @@ exports[`CheckBox component Should render active - danger 1`] = `
676
659
  data-test-id="boxComponent"
677
660
  >
678
661
  <label
679
- class="label title medium default font_default
680
- dotted cursor activedangerLabel
681
- checkeddangerLabel
682
- pointer "
662
+ class="label title medium default font_default dotted cursor activedangerLabel checkeddangerLabel pointer"
683
663
  data-id="label"
684
664
  data-selector-id="label"
685
665
  data-test-id="label"
@@ -696,8 +676,7 @@ exports[`CheckBox component Should render active - primary 1`] = `
696
676
  <DocumentFragment>
697
677
  <div
698
678
  aria-checked="true"
699
- class="flex row alignItems_center container pointer primary
700
- checkedprimary"
679
+ class="flex row alignItems_center container pointer primary checkedprimary"
701
680
  data-id="checkBox"
702
681
  data-selector-id="container"
703
682
  data-test-id="checkBox"
@@ -705,7 +684,7 @@ exports[`CheckBox component Should render active - primary 1`] = `
705
684
  tabindex="0"
706
685
  >
707
686
  <div
708
- class="noShrink boxContainer medium filled"
687
+ class="noShrink boxContainer medium filled"
709
688
  data-id="boxComponent"
710
689
  data-selector-id="box"
711
690
  data-test-id="boxComponent"
@@ -714,7 +693,7 @@ exports[`CheckBox component Should render active - primary 1`] = `
714
693
  type="hidden"
715
694
  />
716
695
  <label
717
- class="checkbox pointer medium "
696
+ class="checkbox pointer medium"
718
697
  >
719
698
  <svg
720
699
  viewBox="0 0 40 40"
@@ -727,7 +706,7 @@ exports[`CheckBox component Should render active - primary 1`] = `
727
706
  />
728
707
  </svg>
729
708
  <svg
730
- class="tick mediumtick "
709
+ class="tick mediumtick"
731
710
  viewBox="0 0 44 44"
732
711
  xmlns="http://www.w3.org/2000/svg"
733
712
  >
@@ -745,10 +724,7 @@ exports[`CheckBox component Should render active - primary 1`] = `
745
724
  data-test-id="boxComponent"
746
725
  >
747
726
  <label
748
- class="label title medium default font_default
749
- dotted cursor activeprimaryLabel
750
- checkedprimaryLabel
751
- pointer "
727
+ class="label title medium default font_default dotted cursor activeprimaryLabel checkedprimaryLabel pointer"
752
728
  data-id="label"
753
729
  data-selector-id="label"
754
730
  data-test-id="label"
@@ -773,7 +749,7 @@ exports[`CheckBox component Should render labelSize - default 1`] = `
773
749
  tabindex="0"
774
750
  >
775
751
  <div
776
- class="noShrink boxContainer medium filled"
752
+ class="noShrink boxContainer medium filled"
777
753
  data-id="boxComponent"
778
754
  data-selector-id="box"
779
755
  data-test-id="boxComponent"
@@ -782,7 +758,7 @@ exports[`CheckBox component Should render labelSize - default 1`] = `
782
758
  type="hidden"
783
759
  />
784
760
  <label
785
- class="checkbox pointer medium "
761
+ class="checkbox pointer medium"
786
762
  >
787
763
  <svg
788
764
  viewBox="0 0 40 40"
@@ -807,10 +783,7 @@ exports[`CheckBox component Should render labelSize - default 1`] = `
807
783
  data-test-id="boxComponent"
808
784
  >
809
785
  <label
810
- class="label title medium default font_default
811
- dotted cursor
812
-
813
- pointer "
786
+ class="label title medium default font_default dotted cursor pointer"
814
787
  data-id="label"
815
788
  data-selector-id="label"
816
789
  data-test-id="label"
@@ -835,7 +808,7 @@ exports[`CheckBox component Should render labelSize - large 1`] = `
835
808
  tabindex="0"
836
809
  >
837
810
  <div
838
- class="noShrink boxContainer medium filled"
811
+ class="noShrink boxContainer medium filled"
839
812
  data-id="boxComponent"
840
813
  data-selector-id="box"
841
814
  data-test-id="boxComponent"
@@ -844,7 +817,7 @@ exports[`CheckBox component Should render labelSize - large 1`] = `
844
817
  type="hidden"
845
818
  />
846
819
  <label
847
- class="checkbox pointer medium "
820
+ class="checkbox pointer medium"
848
821
  >
849
822
  <svg
850
823
  viewBox="0 0 40 40"
@@ -869,10 +842,7 @@ exports[`CheckBox component Should render labelSize - large 1`] = `
869
842
  data-test-id="boxComponent"
870
843
  >
871
844
  <label
872
- class="label title large default font_default
873
- dotted cursor
874
-
875
- pointer "
845
+ class="label title large default font_default dotted cursor pointer"
876
846
  data-id="label"
877
847
  data-selector-id="label"
878
848
  data-test-id="label"
@@ -897,7 +867,7 @@ exports[`CheckBox component Should render labelSize - medium 1`] = `
897
867
  tabindex="0"
898
868
  >
899
869
  <div
900
- class="noShrink boxContainer medium filled"
870
+ class="noShrink boxContainer medium filled"
901
871
  data-id="boxComponent"
902
872
  data-selector-id="box"
903
873
  data-test-id="boxComponent"
@@ -906,7 +876,7 @@ exports[`CheckBox component Should render labelSize - medium 1`] = `
906
876
  type="hidden"
907
877
  />
908
878
  <label
909
- class="checkbox pointer medium "
879
+ class="checkbox pointer medium"
910
880
  >
911
881
  <svg
912
882
  viewBox="0 0 40 40"
@@ -931,10 +901,7 @@ exports[`CheckBox component Should render labelSize - medium 1`] = `
931
901
  data-test-id="boxComponent"
932
902
  >
933
903
  <label
934
- class="label title medium default font_default
935
- dotted cursor
936
-
937
- pointer "
904
+ class="label title medium default font_default dotted cursor pointer"
938
905
  data-id="label"
939
906
  data-selector-id="label"
940
907
  data-test-id="label"
@@ -959,7 +926,7 @@ exports[`CheckBox component Should render labelSize - primary 1`] = `
959
926
  tabindex="0"
960
927
  >
961
928
  <div
962
- class="noShrink boxContainer medium filled"
929
+ class="noShrink boxContainer medium filled"
963
930
  data-id="boxComponent"
964
931
  data-selector-id="box"
965
932
  data-test-id="boxComponent"
@@ -968,7 +935,7 @@ exports[`CheckBox component Should render labelSize - primary 1`] = `
968
935
  type="hidden"
969
936
  />
970
937
  <label
971
- class="checkbox pointer medium "
938
+ class="checkbox pointer medium"
972
939
  >
973
940
  <svg
974
941
  viewBox="0 0 40 40"
@@ -993,10 +960,7 @@ exports[`CheckBox component Should render labelSize - primary 1`] = `
993
960
  data-test-id="boxComponent"
994
961
  >
995
962
  <label
996
- class="label title medium default font_primary
997
- dotted cursor
998
-
999
- pointer "
963
+ class="label title medium default font_primary dotted cursor pointer"
1000
964
  data-id="label"
1001
965
  data-selector-id="label"
1002
966
  data-test-id="label"
@@ -1021,7 +985,7 @@ exports[`CheckBox component Should render labelSize - small 1`] = `
1021
985
  tabindex="0"
1022
986
  >
1023
987
  <div
1024
- class="noShrink boxContainer medium filled"
988
+ class="noShrink boxContainer medium filled"
1025
989
  data-id="boxComponent"
1026
990
  data-selector-id="box"
1027
991
  data-test-id="boxComponent"
@@ -1030,7 +994,7 @@ exports[`CheckBox component Should render labelSize - small 1`] = `
1030
994
  type="hidden"
1031
995
  />
1032
996
  <label
1033
- class="checkbox pointer medium "
997
+ class="checkbox pointer medium"
1034
998
  >
1035
999
  <svg
1036
1000
  viewBox="0 0 40 40"
@@ -1055,10 +1019,7 @@ exports[`CheckBox component Should render labelSize - small 1`] = `
1055
1019
  data-test-id="boxComponent"
1056
1020
  >
1057
1021
  <label
1058
- class="label title small default font_default
1059
- dotted cursor
1060
-
1061
- pointer "
1022
+ class="label title small default font_default dotted cursor pointer"
1062
1023
  data-id="label"
1063
1024
  data-selector-id="label"
1064
1025
  data-test-id="label"
@@ -1075,8 +1036,7 @@ exports[`CheckBox component Should render palette and checkbox with checked - da
1075
1036
  <DocumentFragment>
1076
1037
  <div
1077
1038
  aria-checked="true"
1078
- class="flex row alignItems_center container pointer danger
1079
- checkeddanger"
1039
+ class="flex row alignItems_center container pointer danger checkeddanger"
1080
1040
  data-id="checkBox"
1081
1041
  data-selector-id="container"
1082
1042
  data-test-id="checkBox"
@@ -1084,7 +1044,7 @@ exports[`CheckBox component Should render palette and checkbox with checked - da
1084
1044
  tabindex="0"
1085
1045
  >
1086
1046
  <div
1087
- class="noShrink boxContainer medium filled"
1047
+ class="noShrink boxContainer medium filled"
1088
1048
  data-id="boxComponent"
1089
1049
  data-selector-id="box"
1090
1050
  data-test-id="boxComponent"
@@ -1093,7 +1053,7 @@ exports[`CheckBox component Should render palette and checkbox with checked - da
1093
1053
  type="hidden"
1094
1054
  />
1095
1055
  <label
1096
- class="checkbox pointer medium "
1056
+ class="checkbox pointer medium"
1097
1057
  >
1098
1058
  <svg
1099
1059
  viewBox="0 0 40 40"
@@ -1106,7 +1066,7 @@ exports[`CheckBox component Should render palette and checkbox with checked - da
1106
1066
  />
1107
1067
  </svg>
1108
1068
  <svg
1109
- class="tick mediumtick "
1069
+ class="tick mediumtick"
1110
1070
  viewBox="0 0 44 44"
1111
1071
  xmlns="http://www.w3.org/2000/svg"
1112
1072
  >
@@ -1124,10 +1084,7 @@ exports[`CheckBox component Should render palette and checkbox with checked - da
1124
1084
  data-test-id="boxComponent"
1125
1085
  >
1126
1086
  <label
1127
- class="label title medium default font_default
1128
- dotted cursor activedangerLabel
1129
- checkeddangerLabel
1130
- pointer "
1087
+ class="label title medium default font_default dotted cursor activedangerLabel checkeddangerLabel pointer"
1131
1088
  data-id="label"
1132
1089
  data-selector-id="label"
1133
1090
  data-test-id="label"
@@ -1144,8 +1101,7 @@ exports[`CheckBox component Should render palette and checkbox with checked - pr
1144
1101
  <DocumentFragment>
1145
1102
  <div
1146
1103
  aria-checked="true"
1147
- class="flex row alignItems_center container pointer primary
1148
- checkedprimary"
1104
+ class="flex row alignItems_center container pointer primary checkedprimary"
1149
1105
  data-id="checkBox"
1150
1106
  data-selector-id="container"
1151
1107
  data-test-id="checkBox"
@@ -1153,7 +1109,7 @@ exports[`CheckBox component Should render palette and checkbox with checked - pr
1153
1109
  tabindex="0"
1154
1110
  >
1155
1111
  <div
1156
- class="noShrink boxContainer medium filled"
1112
+ class="noShrink boxContainer medium filled"
1157
1113
  data-id="boxComponent"
1158
1114
  data-selector-id="box"
1159
1115
  data-test-id="boxComponent"
@@ -1162,7 +1118,7 @@ exports[`CheckBox component Should render palette and checkbox with checked - pr
1162
1118
  type="hidden"
1163
1119
  />
1164
1120
  <label
1165
- class="checkbox pointer medium "
1121
+ class="checkbox pointer medium"
1166
1122
  >
1167
1123
  <svg
1168
1124
  viewBox="0 0 40 40"
@@ -1175,7 +1131,7 @@ exports[`CheckBox component Should render palette and checkbox with checked - pr
1175
1131
  />
1176
1132
  </svg>
1177
1133
  <svg
1178
- class="tick mediumtick "
1134
+ class="tick mediumtick"
1179
1135
  viewBox="0 0 44 44"
1180
1136
  xmlns="http://www.w3.org/2000/svg"
1181
1137
  >
@@ -1193,10 +1149,7 @@ exports[`CheckBox component Should render palette and checkbox with checked - pr
1193
1149
  data-test-id="boxComponent"
1194
1150
  >
1195
1151
  <label
1196
- class="label title medium default font_default
1197
- dotted cursor activeprimaryLabel
1198
- checkedprimaryLabel
1199
- pointer "
1152
+ class="label title medium default font_default dotted cursor activeprimaryLabel checkedprimaryLabel pointer"
1200
1153
  data-id="label"
1201
1154
  data-selector-id="label"
1202
1155
  data-test-id="label"
@@ -1221,7 +1174,7 @@ exports[`CheckBox component Should render secondaryText 1`] = `
1221
1174
  tabindex="0"
1222
1175
  >
1223
1176
  <div
1224
- class="noShrink alignSelf_start boxContainer withSecondaryText medium filled"
1177
+ class="noShrink alignSelf_start boxContainer withSecondaryText medium filled"
1225
1178
  data-id="boxComponent"
1226
1179
  data-selector-id="box"
1227
1180
  data-test-id="boxComponent"
@@ -1230,7 +1183,7 @@ exports[`CheckBox component Should render secondaryText 1`] = `
1230
1183
  type="hidden"
1231
1184
  />
1232
1185
  <label
1233
- class="checkbox pointer medium "
1186
+ class="checkbox pointer medium"
1234
1187
  >
1235
1188
  <svg
1236
1189
  viewBox="0 0 40 40"
@@ -1255,10 +1208,7 @@ exports[`CheckBox component Should render secondaryText 1`] = `
1255
1208
  data-test-id="boxComponent"
1256
1209
  >
1257
1210
  <label
1258
- class="label title medium default font_default
1259
- dotted cursor
1260
-
1261
- pointer "
1211
+ class="label title medium default font_default dotted cursor pointer"
1262
1212
  data-id="label"
1263
1213
  data-selector-id="label"
1264
1214
  data-test-id="label"
@@ -1267,7 +1217,7 @@ exports[`CheckBox component Should render secondaryText 1`] = `
1267
1217
  checkboxText
1268
1218
  </label>
1269
1219
  <div
1270
- class="size12 lineheight_1_2 secondaryText "
1220
+ class="size12 lineheight_1_2 secondaryText"
1271
1221
  data-title="secondaryText"
1272
1222
  >
1273
1223
  secondaryText
@@ -1289,7 +1239,7 @@ exports[`CheckBox component Should render size - danger 1`] = `
1289
1239
  tabindex="0"
1290
1240
  >
1291
1241
  <div
1292
- class="noShrink boxContainer medium filled"
1242
+ class="noShrink boxContainer medium filled"
1293
1243
  data-id="boxComponent"
1294
1244
  data-selector-id="box"
1295
1245
  data-test-id="boxComponent"
@@ -1298,7 +1248,7 @@ exports[`CheckBox component Should render size - danger 1`] = `
1298
1248
  type="hidden"
1299
1249
  />
1300
1250
  <label
1301
- class="checkbox pointer medium "
1251
+ class="checkbox pointer medium"
1302
1252
  >
1303
1253
  <svg
1304
1254
  viewBox="0 0 40 40"
@@ -1323,10 +1273,7 @@ exports[`CheckBox component Should render size - danger 1`] = `
1323
1273
  data-test-id="boxComponent"
1324
1274
  >
1325
1275
  <label
1326
- class="label title medium danger font_default
1327
- dotted cursor
1328
-
1329
- pointer "
1276
+ class="label title medium danger font_default dotted cursor pointer"
1330
1277
  data-id="label"
1331
1278
  data-selector-id="label"
1332
1279
  data-test-id="label"
@@ -1351,7 +1298,7 @@ exports[`CheckBox component Should render size - default 1`] = `
1351
1298
  tabindex="0"
1352
1299
  >
1353
1300
  <div
1354
- class="noShrink boxContainer medium filled"
1301
+ class="noShrink boxContainer medium filled"
1355
1302
  data-id="boxComponent"
1356
1303
  data-selector-id="box"
1357
1304
  data-test-id="boxComponent"
@@ -1360,7 +1307,7 @@ exports[`CheckBox component Should render size - default 1`] = `
1360
1307
  type="hidden"
1361
1308
  />
1362
1309
  <label
1363
- class="checkbox pointer medium "
1310
+ class="checkbox pointer medium"
1364
1311
  >
1365
1312
  <svg
1366
1313
  viewBox="0 0 40 40"
@@ -1385,10 +1332,7 @@ exports[`CheckBox component Should render size - default 1`] = `
1385
1332
  data-test-id="boxComponent"
1386
1333
  >
1387
1334
  <label
1388
- class="label title medium default font_default
1389
- dotted cursor
1390
-
1391
- pointer "
1335
+ class="label title medium default font_default dotted cursor pointer"
1392
1336
  data-id="label"
1393
1337
  data-selector-id="label"
1394
1338
  data-test-id="label"
@@ -1413,7 +1357,7 @@ exports[`CheckBox component Should render size - mandatory 1`] = `
1413
1357
  tabindex="0"
1414
1358
  >
1415
1359
  <div
1416
- class="noShrink boxContainer medium filled"
1360
+ class="noShrink boxContainer medium filled"
1417
1361
  data-id="boxComponent"
1418
1362
  data-selector-id="box"
1419
1363
  data-test-id="boxComponent"
@@ -1422,7 +1366,7 @@ exports[`CheckBox component Should render size - mandatory 1`] = `
1422
1366
  type="hidden"
1423
1367
  />
1424
1368
  <label
1425
- class="checkbox pointer medium "
1369
+ class="checkbox pointer medium"
1426
1370
  >
1427
1371
  <svg
1428
1372
  viewBox="0 0 40 40"
@@ -1447,10 +1391,7 @@ exports[`CheckBox component Should render size - mandatory 1`] = `
1447
1391
  data-test-id="boxComponent"
1448
1392
  >
1449
1393
  <label
1450
- class="label title medium mandatory font_default
1451
- dotted cursor
1452
-
1453
- pointer "
1394
+ class="label title medium mandatory font_default dotted cursor pointer"
1454
1395
  data-id="label"
1455
1396
  data-selector-id="label"
1456
1397
  data-test-id="label"
@@ -1467,8 +1408,7 @@ exports[`CheckBox component Should render size - medium 1`] = `
1467
1408
  <DocumentFragment>
1468
1409
  <div
1469
1410
  aria-checked="true"
1470
- class="inlineFlex row alignItems_center container pointer primary
1471
- checkedprimary"
1411
+ class="inlineFlex row alignItems_center container pointer primary checkedprimary"
1472
1412
  data-id="checkBox"
1473
1413
  data-selector-id="container"
1474
1414
  data-test-id="checkBox"
@@ -1476,7 +1416,7 @@ exports[`CheckBox component Should render size - medium 1`] = `
1476
1416
  tabindex="0"
1477
1417
  >
1478
1418
  <div
1479
- class="noShrink boxContainer medium filled"
1419
+ class="noShrink boxContainer medium filled"
1480
1420
  data-id="boxComponent"
1481
1421
  data-selector-id="box"
1482
1422
  data-test-id="boxComponent"
@@ -1485,7 +1425,7 @@ exports[`CheckBox component Should render size - medium 1`] = `
1485
1425
  type="hidden"
1486
1426
  />
1487
1427
  <label
1488
- class="checkbox pointer medium "
1428
+ class="checkbox pointer medium"
1489
1429
  >
1490
1430
  <svg
1491
1431
  viewBox="0 0 40 40"
@@ -1498,7 +1438,7 @@ exports[`CheckBox component Should render size - medium 1`] = `
1498
1438
  />
1499
1439
  </svg>
1500
1440
  <svg
1501
- class="tick mediumtick "
1441
+ class="tick mediumtick"
1502
1442
  viewBox="0 0 44 44"
1503
1443
  xmlns="http://www.w3.org/2000/svg"
1504
1444
  >
@@ -1525,7 +1465,7 @@ exports[`CheckBox component Should render size - primary 1`] = `
1525
1465
  tabindex="0"
1526
1466
  >
1527
1467
  <div
1528
- class="noShrink boxContainer medium filled"
1468
+ class="noShrink boxContainer medium filled"
1529
1469
  data-id="boxComponent"
1530
1470
  data-selector-id="box"
1531
1471
  data-test-id="boxComponent"
@@ -1534,7 +1474,7 @@ exports[`CheckBox component Should render size - primary 1`] = `
1534
1474
  type="hidden"
1535
1475
  />
1536
1476
  <label
1537
- class="checkbox pointer medium "
1477
+ class="checkbox pointer medium"
1538
1478
  >
1539
1479
  <svg
1540
1480
  viewBox="0 0 40 40"
@@ -1559,10 +1499,7 @@ exports[`CheckBox component Should render size - primary 1`] = `
1559
1499
  data-test-id="boxComponent"
1560
1500
  >
1561
1501
  <label
1562
- class="label title medium primary font_default
1563
- dotted cursor
1564
-
1565
- pointer "
1502
+ class="label title medium primary font_default dotted cursor pointer"
1566
1503
  data-id="label"
1567
1504
  data-selector-id="label"
1568
1505
  data-test-id="label"
@@ -1587,7 +1524,7 @@ exports[`CheckBox component Should render size - secondary 1`] = `
1587
1524
  tabindex="0"
1588
1525
  >
1589
1526
  <div
1590
- class="noShrink boxContainer medium filled"
1527
+ class="noShrink boxContainer medium filled"
1591
1528
  data-id="boxComponent"
1592
1529
  data-selector-id="box"
1593
1530
  data-test-id="boxComponent"
@@ -1596,7 +1533,7 @@ exports[`CheckBox component Should render size - secondary 1`] = `
1596
1533
  type="hidden"
1597
1534
  />
1598
1535
  <label
1599
- class="checkbox pointer medium "
1536
+ class="checkbox pointer medium"
1600
1537
  >
1601
1538
  <svg
1602
1539
  viewBox="0 0 40 40"
@@ -1621,10 +1558,7 @@ exports[`CheckBox component Should render size - secondary 1`] = `
1621
1558
  data-test-id="boxComponent"
1622
1559
  >
1623
1560
  <label
1624
- class="label title medium secondary font_default
1625
- dotted cursor
1626
-
1627
- pointer "
1561
+ class="label title medium secondary font_default dotted cursor pointer"
1628
1562
  data-id="label"
1629
1563
  data-selector-id="label"
1630
1564
  data-test-id="label"
@@ -1641,8 +1575,7 @@ exports[`CheckBox component Should render size - small 1`] = `
1641
1575
  <DocumentFragment>
1642
1576
  <div
1643
1577
  aria-checked="true"
1644
- class="inlineFlex row alignItems_center container pointer primary
1645
- checkedprimary"
1578
+ class="inlineFlex row alignItems_center container pointer primary checkedprimary"
1646
1579
  data-id="checkBox"
1647
1580
  data-selector-id="container"
1648
1581
  data-test-id="checkBox"
@@ -1650,7 +1583,7 @@ exports[`CheckBox component Should render size - small 1`] = `
1650
1583
  tabindex="0"
1651
1584
  >
1652
1585
  <div
1653
- class="noShrink boxContainer small filled"
1586
+ class="noShrink boxContainer small filled"
1654
1587
  data-id="boxComponent"
1655
1588
  data-selector-id="box"
1656
1589
  data-test-id="boxComponent"
@@ -1659,7 +1592,7 @@ exports[`CheckBox component Should render size - small 1`] = `
1659
1592
  type="hidden"
1660
1593
  />
1661
1594
  <label
1662
- class="checkbox pointer small "
1595
+ class="checkbox pointer small"
1663
1596
  >
1664
1597
  <svg
1665
1598
  viewBox="0 0 40 40"
@@ -1672,7 +1605,7 @@ exports[`CheckBox component Should render size - small 1`] = `
1672
1605
  />
1673
1606
  </svg>
1674
1607
  <svg
1675
- class="tick smalltick "
1608
+ class="tick smalltick"
1676
1609
  viewBox="0 0 44 44"
1677
1610
  xmlns="http://www.w3.org/2000/svg"
1678
1611
  >
@@ -1694,8 +1627,7 @@ exports[`CheckBox component rendering ally ariaLabel , ariaLabelledby, ariaHidde
1694
1627
  aria-hidden="false"
1695
1628
  aria-label="ariaLabelCheckBox"
1696
1629
  aria-labelledby="ariaLabelledbyCheckBox"
1697
- class="inlineFlex row alignItems_center container pointer primary
1698
- checkedprimary"
1630
+ class="inlineFlex row alignItems_center container pointer primary checkedprimary"
1699
1631
  data-id="checkBox"
1700
1632
  data-selector-id="container"
1701
1633
  data-test-id="checkBox"
@@ -1703,7 +1635,7 @@ exports[`CheckBox component rendering ally ariaLabel , ariaLabelledby, ariaHidde
1703
1635
  tabindex="0"
1704
1636
  >
1705
1637
  <div
1706
- class="noShrink boxContainer medium filled"
1638
+ class="noShrink boxContainer medium filled"
1707
1639
  data-id="boxComponent"
1708
1640
  data-selector-id="box"
1709
1641
  data-test-id="boxComponent"
@@ -1712,7 +1644,7 @@ exports[`CheckBox component rendering ally ariaLabel , ariaLabelledby, ariaHidde
1712
1644
  type="hidden"
1713
1645
  />
1714
1646
  <label
1715
- class="checkbox pointer medium "
1647
+ class="checkbox pointer medium"
1716
1648
  >
1717
1649
  <svg
1718
1650
  viewBox="0 0 40 40"
@@ -1725,7 +1657,7 @@ exports[`CheckBox component rendering ally ariaLabel , ariaLabelledby, ariaHidde
1725
1657
  />
1726
1658
  </svg>
1727
1659
  <svg
1728
- class="tick mediumtick "
1660
+ class="tick mediumtick"
1729
1661
  viewBox="0 0 44 44"
1730
1662
  xmlns="http://www.w3.org/2000/svg"
1731
1663
  >
@@ -1747,8 +1679,7 @@ exports[`CheckBox component rendering ally ariaLabel , ariaLabelledby, ariaHidde
1747
1679
  aria-hidden="true"
1748
1680
  aria-label="ariaLabelCheckBox"
1749
1681
  aria-labelledby="ariaLabelledbyCheckBox"
1750
- class="inlineFlex row alignItems_center container pointer primary
1751
- checkedprimary"
1682
+ class="inlineFlex row alignItems_center container pointer primary checkedprimary"
1752
1683
  data-id="checkBox"
1753
1684
  data-selector-id="container"
1754
1685
  data-test-id="checkBox"
@@ -1756,7 +1687,7 @@ exports[`CheckBox component rendering ally ariaLabel , ariaLabelledby, ariaHidde
1756
1687
  tabindex="-1"
1757
1688
  >
1758
1689
  <div
1759
- class="noShrink boxContainer medium filled"
1690
+ class="noShrink boxContainer medium filled"
1760
1691
  data-id="boxComponent"
1761
1692
  data-selector-id="box"
1762
1693
  data-test-id="boxComponent"
@@ -1765,7 +1696,7 @@ exports[`CheckBox component rendering ally ariaLabel , ariaLabelledby, ariaHidde
1765
1696
  type="hidden"
1766
1697
  />
1767
1698
  <label
1768
- class="checkbox pointer medium "
1699
+ class="checkbox pointer medium"
1769
1700
  >
1770
1701
  <svg
1771
1702
  viewBox="0 0 40 40"
@@ -1778,7 +1709,7 @@ exports[`CheckBox component rendering ally ariaLabel , ariaLabelledby, ariaHidde
1778
1709
  />
1779
1710
  </svg>
1780
1711
  <svg
1781
- class="tick mediumtick "
1712
+ class="tick mediumtick"
1782
1713
  viewBox="0 0 44 44"
1783
1714
  xmlns="http://www.w3.org/2000/svg"
1784
1715
  >
@@ -1806,7 +1737,7 @@ exports[`CheckBox component rendering the Custom Props 1`] = `
1806
1737
  tabindex="0"
1807
1738
  >
1808
1739
  <div
1809
- class="noShrink boxContainer medium filled"
1740
+ class="noShrink boxContainer medium filled"
1810
1741
  data-id="boxComponent"
1811
1742
  data-selector-id="box"
1812
1743
  data-test-id="boxComponent"
@@ -1815,7 +1746,7 @@ exports[`CheckBox component rendering the Custom Props 1`] = `
1815
1746
  type="hidden"
1816
1747
  />
1817
1748
  <label
1818
- class="checkbox pointer medium "
1749
+ class="checkbox pointer medium"
1819
1750
  >
1820
1751
  <svg
1821
1752
  viewBox="0 0 40 40"
@@ -1840,8 +1771,7 @@ exports[`CheckBox component rendering the Custom Props 1`] = `
1840
1771
  data-test-id="boxComponent"
1841
1772
  >
1842
1773
  <label
1843
- class="label title medium default font_default
1844
- dotted cursor checkBoxCustomClass "
1774
+ class="label title medium default font_default dotted cursor checkBoxCustomClass"
1845
1775
  data-id="label"
1846
1776
  data-selector-id="label"
1847
1777
  data-test-id="label"
@@ -1858,8 +1788,7 @@ exports[`CheckBox component rendering the Custom class 1`] = `
1858
1788
  <DocumentFragment>
1859
1789
  <div
1860
1790
  aria-checked="true"
1861
- class="flex row alignItems_center container pointer primary
1862
- checkedprimary customCheckBoxClass"
1791
+ class="flex row alignItems_center container pointer primary checkedprimary customCheckBoxClass"
1863
1792
  data-id="checkBox"
1864
1793
  data-selector-id="container"
1865
1794
  data-test-id="checkBox"
@@ -1867,7 +1796,7 @@ exports[`CheckBox component rendering the Custom class 1`] = `
1867
1796
  tabindex="0"
1868
1797
  >
1869
1798
  <div
1870
- class="noShrink boxContainer medium customCBoxSizeClass filled"
1799
+ class="noShrink boxContainer medium filled customCBoxSizeClass"
1871
1800
  data-id="boxComponent"
1872
1801
  data-selector-id="box"
1873
1802
  data-test-id="boxComponent"
@@ -1889,7 +1818,7 @@ exports[`CheckBox component rendering the Custom class 1`] = `
1889
1818
  />
1890
1819
  </svg>
1891
1820
  <svg
1892
- class="tick mediumtick customTickSizeClass "
1821
+ class="tick mediumtick customTickSizeClass"
1893
1822
  viewBox="0 0 44 44"
1894
1823
  xmlns="http://www.w3.org/2000/svg"
1895
1824
  >
@@ -1907,10 +1836,7 @@ exports[`CheckBox component rendering the Custom class 1`] = `
1907
1836
  data-test-id="boxComponent"
1908
1837
  >
1909
1838
  <label
1910
- class="label title medium default font_default
1911
- dotted cursor
1912
-
1913
- pointer customLabelClass "
1839
+ class="label title medium default font_default dotted cursor pointer customLabelClass"
1914
1840
  data-id="label"
1915
1841
  data-selector-id="label"
1916
1842
  data-test-id="label"