@innovaccer/design-system 2.5.0-2 → 2.5.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 (123) hide show
  1. package/.all-contributorsrc +170 -0
  2. package/.github/workflows/jira.yml +1 -2
  3. package/.github/workflows/main.yml +1 -6
  4. package/.github/workflows/test.yml +22 -0
  5. package/CHANGELOG.md +21 -54
  6. package/CONTRIBUTING.md +23 -0
  7. package/README.md +124 -75
  8. package/core/components/atoms/button/Button.tsx +56 -55
  9. package/core/components/atoms/button/__tests__/Button.test.tsx +3 -12
  10. package/core/components/atoms/checkbox/Checkbox.tsx +3 -6
  11. package/core/components/atoms/collapsible/__stories__/index.story.tsx +2 -2
  12. package/core/components/atoms/dropdown/DropdownList.tsx +1 -1
  13. package/core/components/atoms/dropdown/__stories__/Options.tsx +15 -0
  14. package/core/components/atoms/dropdown/__tests__/Dropdown.test.tsx +202 -1
  15. package/core/components/atoms/dropdown/__tests__/Option.test.tsx +3 -0
  16. package/core/components/atoms/message/__stories__/CustomDescription.tsx +25 -0
  17. package/core/components/atoms/metaList/Meta.tsx +3 -1
  18. package/core/components/atoms/metaList/__tests__/MetaList.test.tsx +30 -36
  19. package/core/components/atoms/metricInput/MetricInput.tsx +2 -2
  20. package/core/components/atoms/outsideClick/__stories__/index.story.tsx +1 -1
  21. package/core/components/atoms/radio/Radio.tsx +7 -10
  22. package/core/components/atoms/radio/__tests__/Radio.test.tsx +13 -7
  23. package/core/components/css-utilities/Align/Align.story.tsx +1 -1
  24. package/core/components/css-utilities/Background/Background.story.tsx +1 -1
  25. package/core/components/css-utilities/Border/Border.story.tsx +128 -0
  26. package/core/components/css-utilities/Display/Display.story.tsx +1 -1
  27. package/core/components/css-utilities/Flex/Flex.story.tsx +1 -1
  28. package/core/components/css-utilities/Miscellaneous/Miscellaneous.story.tsx +1 -1
  29. package/core/components/css-utilities/Overflow/Overflow.story.tsx +1 -1
  30. package/core/components/css-utilities/Position/Position.story.tsx +1 -1
  31. package/core/components/css-utilities/Sizing/Sizing.story.tsx +1 -1
  32. package/core/components/css-utilities/Spacing/Spacing.story.tsx +1 -1
  33. package/core/components/molecules/chatMessage/__tests__/ChatMessage.test.tsx +20 -46
  34. package/core/components/molecules/dropzone/__tests__/Dropzone.test.tsx +47 -111
  35. package/core/components/molecules/dropzone/__tests__/Utilities.test.tsx +13 -13
  36. package/core/components/molecules/editableChipInput/EditableChipInput.tsx +3 -1
  37. package/core/components/molecules/editableInput/EditableInput.tsx +5 -3
  38. package/core/components/molecules/editableInput/__stories__/variants/Uncontrolled.story.tsx +1 -1
  39. package/core/components/molecules/editableInput/__tests__/EditableInput.test.tsx +1 -3
  40. package/core/components/molecules/emptyState/_tests_/EmptyState.test.tsx +3 -7
  41. package/core/components/molecules/fileUploader/FileUploaderItem.tsx +13 -2
  42. package/core/components/molecules/fileUploader/__stories__/index.story.tsx +156 -21
  43. package/core/components/molecules/fileUploader/__tests__/FileUploader.test.tsx +21 -80
  44. package/core/components/molecules/fileUploader/__tests__/FileUploaderList.test.tsx +9 -40
  45. package/core/components/molecules/fullscreenModal/FullscreenModal.tsx +7 -13
  46. package/core/components/molecules/fullscreenModal/__stories__/Layering.story.tsx +2 -2
  47. package/core/components/molecules/modal/Modal.tsx +18 -17
  48. package/core/components/molecules/modal/ModalBody.tsx +1 -1
  49. package/core/components/molecules/modal/__stories__/Layering.story.tsx +1 -1
  50. package/core/components/molecules/modal/__stories__/NoFooter.story.tsx +0 -1
  51. package/core/components/molecules/modal/__stories__/Scrolling.story.tsx +20 -38
  52. package/core/components/molecules/modal/__tests__/Modal.test.tsx +1 -1
  53. package/core/components/molecules/sidesheet/Sidesheet.tsx +16 -17
  54. package/core/components/organisms/choiceList/ChoiceList.tsx +212 -0
  55. package/core/components/organisms/choiceList/__stories__/Alignment.story.tsx +32 -0
  56. package/core/components/organisms/choiceList/__stories__/AllowMultiple.story.tsx +23 -0
  57. package/core/components/organisms/choiceList/__stories__/Controlled.story.tsx +34 -0
  58. package/core/components/organisms/choiceList/__stories__/index.story.tsx +18 -0
  59. package/core/components/organisms/choiceList/__tests__/ChoiceList.test.tsx +155 -0
  60. package/core/components/organisms/choiceList/__tests__/__snapshots__/ChoiceList.test.tsx.snap +3393 -0
  61. package/core/components/organisms/choiceList/index.tsx +2 -0
  62. package/core/components/organisms/datePicker/__tests__/DatePicker.test.tsx +136 -46
  63. package/core/components/organisms/datePicker/__tests__/__snapshots__/DatePicker.test.tsx.snap +2594 -102
  64. package/core/components/organisms/dateRangePicker/DateRangePicker.tsx +5 -0
  65. package/core/components/organisms/dateRangePicker/__tests__/DateRangePicker.test.tsx +49 -410
  66. package/core/components/organisms/dateRangePicker/__tests__/Utilities.test.tsx +39 -0
  67. package/core/components/organisms/dateRangePicker/__tests__/__snapshots__/DateRangePicker.test.tsx.snap +45390 -2679
  68. package/core/components/organisms/dateRangePicker/utilities.tsx +2 -5
  69. package/core/components/organisms/grid/Cell.tsx +5 -4
  70. package/core/components/organisms/grid/Grid.tsx +1 -1
  71. package/core/components/organisms/grid/GridCell.tsx +18 -7
  72. package/core/components/organisms/grid/GridHead.tsx +1 -1
  73. package/core/components/organisms/grid/GridRow.tsx +5 -12
  74. package/core/components/organisms/grid/__tests__/Grid.test.tsx +179 -1
  75. package/core/components/organisms/grid/__tests__/GridCell.test.tsx +218 -0
  76. package/core/components/organisms/grid/__tests__/__snapshots__/Grid.test.tsx.snap +1024 -0
  77. package/core/components/organisms/grid/__tests__/rowUtility.test.tsx +62 -0
  78. package/core/components/organisms/inlineMessage/InlineMessage.tsx +10 -14
  79. package/core/components/organisms/inlineMessage/__stories__/InlineMessageWithinTable.story.tsx +9 -12
  80. package/core/components/organisms/inlineMessage/__stories__/variants/Default.story.tsx +2 -4
  81. package/core/components/organisms/inlineMessage/__stories__/variants/Error.story.tsx +2 -5
  82. package/core/components/organisms/inlineMessage/__stories__/variants/Info.story.tsx +2 -5
  83. package/core/components/organisms/inlineMessage/__stories__/variants/Success.story.tsx +2 -5
  84. package/core/components/organisms/inlineMessage/__stories__/variants/Warning.story.tsx +2 -5
  85. package/core/components/organisms/inlineMessage/__tests__/InlineMessage.test.tsx +4 -20
  86. package/core/components/organisms/navigation/VerticalNavigation.tsx +14 -3
  87. package/core/components/organisms/navigation/__tests__/Navigation.test.tsx +179 -0
  88. package/core/components/organisms/navigation/__tests__/__snapshots__/Navigation.test.tsx.snap +530 -0
  89. package/core/components/organisms/table/DraggableDropdown.tsx +1 -0
  90. package/core/components/organisms/table/Header.tsx +11 -2
  91. package/core/components/organisms/table/Table.tsx +2 -2
  92. package/core/components/organisms/table/__stories__/NestedTableWithNestedCard.story.tsx +4 -1
  93. package/core/components/organisms/table/__stories__/variants/nestedRows.story.tsx +5 -2
  94. package/core/components/organisms/table/__tests__/Table.test.tsx +292 -0
  95. package/core/components/organisms/table/__tests__/__snapshots__/Table.test.tsx.snap +349041 -0
  96. package/core/components/organisms/timePicker/__tests__/TimePicker.test.tsx +15 -66
  97. package/core/components/patterns/dateRangePicker/withCustomPopover.story.tsx +47 -36
  98. package/core/index.tsx +1 -1
  99. package/core/index.type.tsx +1 -0
  100. package/core/utils/OverlayManager.tsx +1 -3
  101. package/core/utils/__tests__/__snapshots__/TS.test.tsx.snap +4 -0
  102. package/core/utils/types.tsx +3 -4
  103. package/css/dist/index.css +78 -8
  104. package/css/dist/index.css.map +1 -1
  105. package/css/src/components/button.css +8 -4
  106. package/css/src/components/choiceList.css +25 -0
  107. package/css/src/components/modal.css +1 -2
  108. package/css/src/utils/border.css +39 -0
  109. package/dist/core/components/atoms/popperWrapper/PopperWrapper.d.ts +50 -49
  110. package/dist/core/components/css-utilities/Border/Border.story.d.ts +13 -0
  111. package/dist/core/components/organisms/choiceList/ChoiceList.d.ts +33 -0
  112. package/dist/core/components/organisms/choiceList/index.d.ts +2 -0
  113. package/dist/core/components/organisms/dateRangePicker/utilities.d.ts +2 -2
  114. package/dist/core/index.d.ts +1 -0
  115. package/dist/core/index.type.d.ts +1 -0
  116. package/dist/index.esm.js +207 -58
  117. package/dist/index.js +209 -57
  118. package/dist/index.js.map +1 -1
  119. package/dist/index.umd.js +1 -1
  120. package/dist/index.umd.js.br +0 -0
  121. package/dist/index.umd.js.gz +0 -0
  122. package/jest.config.js +2 -1
  123. package/package.json +6 -4
package/core/components/organisms/choiceList/__tests__/__snapshots__/ChoiceList.test.tsx.snap ADDED
@@ -0,0 +1,3393 @@
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`ChoiceList component
4
+ title: "ChoiceList", choices: {}, size: "regular", alignment: "horizontal", allowMultiple: false, disabled: false, name: "ChoiceList", value: "ChoiceList", onChange: "[Function]"
5
+ 1`] = `
6
+ <body>
7
+ <div>
8
+ <fieldset
9
+ class="ChoiceList"
10
+ data-test="DesignSystem-ChoiceList-Wrapper"
11
+ >
12
+ <div
13
+ class="Label"
14
+ data-test="DesignSystem-Label"
15
+ >
16
+ <label
17
+ class="Label-text"
18
+ data-test="DesignSystem-Label--Text"
19
+ >
20
+ ChoiceList
21
+ </label>
22
+ </div>
23
+ <div
24
+ class="ChoiceList--alignHorizontal"
25
+ >
26
+ <div
27
+ class="Radio ChoiceList-radio--horizontal ml-0"
28
+ data-test="DesignSystem-Radio"
29
+ >
30
+ <div
31
+ class="Radio-outerWrapper Radio-outerWrapper--regular"
32
+ data-test="DesignSystem-Radio-OuterWrapper"
33
+ >
34
+ <input
35
+ class="Radio-input"
36
+ data-test="DesignSystem-Radio-Input"
37
+ id="choiceList-radio-Test-uid"
38
+ name="choiceList"
39
+ type="radio"
40
+ value="radio"
41
+ />
42
+ <span
43
+ class="Radio-wrapper Radio-wrapper--regular"
44
+ />
45
+ </div>
46
+ <div
47
+ class="Radio-labelWrapper"
48
+ >
49
+ <label
50
+ class="Radio-Label"
51
+ data-test="DesignSystem-Radio-Label"
52
+ for="choiceList-radio-Test-uid"
53
+ >
54
+ <span
55
+ class="Text Text--default Text--regular"
56
+ data-test="DesignSystem-Text"
57
+ >
58
+ radio
59
+ </span>
60
+ </label>
61
+ </div>
62
+ </div>
63
+ <div
64
+ class="Radio ChoiceList-radio--horizontal"
65
+ data-test="DesignSystem-Radio"
66
+ >
67
+ <div
68
+ class="Radio-outerWrapper Radio-outerWrapper--regular"
69
+ data-test="DesignSystem-Radio-OuterWrapper"
70
+ >
71
+ <input
72
+ class="Radio-input"
73
+ data-test="DesignSystem-Radio-Input"
74
+ id="choiceList-radio-Test-uid"
75
+ name="choiceList"
76
+ type="radio"
77
+ value="radio"
78
+ />
79
+ <span
80
+ class="Radio-wrapper Radio-wrapper--regular"
81
+ />
82
+ </div>
83
+ <div
84
+ class="Radio-labelWrapper"
85
+ >
86
+ <label
87
+ class="Radio-Label"
88
+ data-test="DesignSystem-Radio-Label"
89
+ for="choiceList-radio-Test-uid"
90
+ >
91
+ <span
92
+ class="Text Text--default Text--regular"
93
+ data-test="DesignSystem-Text"
94
+ >
95
+ radio
96
+ </span>
97
+ </label>
98
+ </div>
99
+ </div>
100
+ </div>
101
+ </fieldset>
102
+ </div>
103
+ </body>
104
+ `;
105
+
106
+ exports[`ChoiceList component
107
+ title: "ChoiceList", choices: {}, size: "regular", alignment: "horizontal", allowMultiple: false, disabled: false, name: "ChoiceList", value: "ChoiceList", onChange: "[Function]"
108
+ 2`] = `
109
+ <body>
110
+ <div>
111
+ <fieldset
112
+ class="ChoiceList"
113
+ data-test="DesignSystem-ChoiceList-Wrapper"
114
+ >
115
+ <div
116
+ class="Label"
117
+ data-test="DesignSystem-Label"
118
+ >
119
+ <label
120
+ class="Label-text"
121
+ data-test="DesignSystem-Label--Text"
122
+ >
123
+ ChoiceList
124
+ </label>
125
+ </div>
126
+ <div
127
+ class="ChoiceList--alignHorizontal"
128
+ >
129
+ <div
130
+ class="Radio ChoiceList-radio--horizontal ml-0"
131
+ data-test="DesignSystem-Radio"
132
+ >
133
+ <div
134
+ class="Radio-outerWrapper Radio-outerWrapper--regular"
135
+ data-test="DesignSystem-Radio-OuterWrapper"
136
+ >
137
+ <input
138
+ class="Radio-input"
139
+ data-test="DesignSystem-Radio-Input"
140
+ id="choiceList-radio-Test-uid"
141
+ name="choiceList"
142
+ type="radio"
143
+ value="radio"
144
+ />
145
+ <span
146
+ class="Radio-wrapper Radio-wrapper--regular"
147
+ />
148
+ </div>
149
+ <div
150
+ class="Radio-labelWrapper"
151
+ >
152
+ <label
153
+ class="Radio-Label"
154
+ data-test="DesignSystem-Radio-Label"
155
+ for="choiceList-radio-Test-uid"
156
+ >
157
+ <span
158
+ class="Text Text--default Text--regular"
159
+ data-test="DesignSystem-Text"
160
+ >
161
+ radio
162
+ </span>
163
+ </label>
164
+ </div>
165
+ </div>
166
+ <div
167
+ class="Radio ChoiceList-radio--horizontal"
168
+ data-test="DesignSystem-Radio"
169
+ >
170
+ <div
171
+ class="Radio-outerWrapper Radio-outerWrapper--regular"
172
+ data-test="DesignSystem-Radio-OuterWrapper"
173
+ >
174
+ <input
175
+ class="Radio-input"
176
+ data-test="DesignSystem-Radio-Input"
177
+ id="choiceList-radio-Test-uid"
178
+ name="choiceList"
179
+ type="radio"
180
+ value="radio"
181
+ />
182
+ <span
183
+ class="Radio-wrapper Radio-wrapper--regular"
184
+ />
185
+ </div>
186
+ <div
187
+ class="Radio-labelWrapper"
188
+ >
189
+ <label
190
+ class="Radio-Label"
191
+ data-test="DesignSystem-Radio-Label"
192
+ for="choiceList-radio-Test-uid"
193
+ >
194
+ <span
195
+ class="Text Text--default Text--regular"
196
+ data-test="DesignSystem-Text"
197
+ >
198
+ radio
199
+ </span>
200
+ </label>
201
+ </div>
202
+ </div>
203
+ </div>
204
+ </fieldset>
205
+ </div>
206
+ </body>
207
+ `;
208
+
209
+ exports[`ChoiceList component
210
+ title: "ChoiceList", choices: {}, size: "regular", alignment: "horizontal", allowMultiple: false, disabled: true, name: "ChoiceList", value: "ChoiceList", onChange: "[Function]"
211
+ 1`] = `
212
+ <body>
213
+ <div>
214
+ <fieldset
215
+ class="ChoiceList"
216
+ data-test="DesignSystem-ChoiceList-Wrapper"
217
+ >
218
+ <div
219
+ class="Label"
220
+ data-test="DesignSystem-Label"
221
+ >
222
+ <label
223
+ class="Label-text"
224
+ data-test="DesignSystem-Label--Text"
225
+ >
226
+ ChoiceList
227
+ </label>
228
+ </div>
229
+ <div
230
+ class="ChoiceList--alignHorizontal"
231
+ >
232
+ <div
233
+ class="Radio Radio--disabled ChoiceList-radio--horizontal ml-0"
234
+ data-test="DesignSystem-Radio"
235
+ >
236
+ <div
237
+ class="Radio-outerWrapper Radio-outerWrapper--regular"
238
+ data-test="DesignSystem-Radio-OuterWrapper"
239
+ >
240
+ <input
241
+ class="Radio-input"
242
+ data-test="DesignSystem-Radio-Input"
243
+ disabled=""
244
+ id="choiceList-radio-Test-uid"
245
+ name="choiceList"
246
+ type="radio"
247
+ value="radio"
248
+ />
249
+ <span
250
+ class="Radio-wrapper Radio-wrapper--regular"
251
+ />
252
+ </div>
253
+ <div
254
+ class="Radio-labelWrapper"
255
+ >
256
+ <label
257
+ class="Radio-Label"
258
+ data-test="DesignSystem-Radio-Label"
259
+ for="choiceList-radio-Test-uid"
260
+ >
261
+ <span
262
+ class="Text Text--disabled Text--regular"
263
+ data-test="DesignSystem-Text"
264
+ >
265
+ radio
266
+ </span>
267
+ </label>
268
+ </div>
269
+ </div>
270
+ <div
271
+ class="Radio Radio--disabled ChoiceList-radio--horizontal"
272
+ data-test="DesignSystem-Radio"
273
+ >
274
+ <div
275
+ class="Radio-outerWrapper Radio-outerWrapper--regular"
276
+ data-test="DesignSystem-Radio-OuterWrapper"
277
+ >
278
+ <input
279
+ class="Radio-input"
280
+ data-test="DesignSystem-Radio-Input"
281
+ disabled=""
282
+ id="choiceList-radio-Test-uid"
283
+ name="choiceList"
284
+ type="radio"
285
+ value="radio"
286
+ />
287
+ <span
288
+ class="Radio-wrapper Radio-wrapper--regular"
289
+ />
290
+ </div>
291
+ <div
292
+ class="Radio-labelWrapper"
293
+ >
294
+ <label
295
+ class="Radio-Label"
296
+ data-test="DesignSystem-Radio-Label"
297
+ for="choiceList-radio-Test-uid"
298
+ >
299
+ <span
300
+ class="Text Text--disabled Text--regular"
301
+ data-test="DesignSystem-Text"
302
+ >
303
+ radio
304
+ </span>
305
+ </label>
306
+ </div>
307
+ </div>
308
+ </div>
309
+ </fieldset>
310
+ </div>
311
+ </body>
312
+ `;
313
+
314
+ exports[`ChoiceList component
315
+ title: "ChoiceList", choices: {}, size: "regular", alignment: "horizontal", allowMultiple: false, disabled: true, name: "ChoiceList", value: "ChoiceList", onChange: "[Function]"
316
+ 2`] = `
317
+ <body>
318
+ <div>
319
+ <fieldset
320
+ class="ChoiceList"
321
+ data-test="DesignSystem-ChoiceList-Wrapper"
322
+ >
323
+ <div
324
+ class="Label"
325
+ data-test="DesignSystem-Label"
326
+ >
327
+ <label
328
+ class="Label-text"
329
+ data-test="DesignSystem-Label--Text"
330
+ >
331
+ ChoiceList
332
+ </label>
333
+ </div>
334
+ <div
335
+ class="ChoiceList--alignHorizontal"
336
+ >
337
+ <div
338
+ class="Radio Radio--disabled ChoiceList-radio--horizontal ml-0"
339
+ data-test="DesignSystem-Radio"
340
+ >
341
+ <div
342
+ class="Radio-outerWrapper Radio-outerWrapper--regular"
343
+ data-test="DesignSystem-Radio-OuterWrapper"
344
+ >
345
+ <input
346
+ class="Radio-input"
347
+ data-test="DesignSystem-Radio-Input"
348
+ disabled=""
349
+ id="choiceList-radio-Test-uid"
350
+ name="choiceList"
351
+ type="radio"
352
+ value="radio"
353
+ />
354
+ <span
355
+ class="Radio-wrapper Radio-wrapper--regular"
356
+ />
357
+ </div>
358
+ <div
359
+ class="Radio-labelWrapper"
360
+ >
361
+ <label
362
+ class="Radio-Label"
363
+ data-test="DesignSystem-Radio-Label"
364
+ for="choiceList-radio-Test-uid"
365
+ >
366
+ <span
367
+ class="Text Text--disabled Text--regular"
368
+ data-test="DesignSystem-Text"
369
+ >
370
+ radio
371
+ </span>
372
+ </label>
373
+ </div>
374
+ </div>
375
+ <div
376
+ class="Radio Radio--disabled ChoiceList-radio--horizontal"
377
+ data-test="DesignSystem-Radio"
378
+ >
379
+ <div
380
+ class="Radio-outerWrapper Radio-outerWrapper--regular"
381
+ data-test="DesignSystem-Radio-OuterWrapper"
382
+ >
383
+ <input
384
+ class="Radio-input"
385
+ data-test="DesignSystem-Radio-Input"
386
+ disabled=""
387
+ id="choiceList-radio-Test-uid"
388
+ name="choiceList"
389
+ type="radio"
390
+ value="radio"
391
+ />
392
+ <span
393
+ class="Radio-wrapper Radio-wrapper--regular"
394
+ />
395
+ </div>
396
+ <div
397
+ class="Radio-labelWrapper"
398
+ >
399
+ <label
400
+ class="Radio-Label"
401
+ data-test="DesignSystem-Radio-Label"
402
+ for="choiceList-radio-Test-uid"
403
+ >
404
+ <span
405
+ class="Text Text--disabled Text--regular"
406
+ data-test="DesignSystem-Text"
407
+ >
408
+ radio
409
+ </span>
410
+ </label>
411
+ </div>
412
+ </div>
413
+ </div>
414
+ </fieldset>
415
+ </div>
416
+ </body>
417
+ `;
418
+
419
+ exports[`ChoiceList component
420
+ title: "ChoiceList", choices: {}, size: "regular", alignment: "horizontal", allowMultiple: true, disabled: false, name: "ChoiceList", value: "ChoiceList", onChange: "[Function]"
421
+ 1`] = `
422
+ <body>
423
+ <div>
424
+ <fieldset
425
+ class="ChoiceList"
426
+ data-test="DesignSystem-ChoiceList-Wrapper"
427
+ >
428
+ <div
429
+ class="Label"
430
+ data-test="DesignSystem-Label"
431
+ >
432
+ <label
433
+ class="Label-text"
434
+ data-test="DesignSystem-Label--Text"
435
+ >
436
+ ChoiceList
437
+ </label>
438
+ </div>
439
+ <div
440
+ class="ChoiceList--alignHorizontal"
441
+ >
442
+ <div
443
+ class="Checkbox ChoiceList-checkbox--horizontal ml-0"
444
+ data-test="DesignSystem-Checkbox"
445
+ >
446
+ <div
447
+ class="Checkbox-outerWrapper Checkbox-outerWrapper--regular"
448
+ data-test="DesignSystem-Checkbox-OuterWrapper"
449
+ >
450
+ <input
451
+ class="Checkbox-input"
452
+ data-test="DesignSystem-Checkbox-InputBox"
453
+ id="choiceList-radio-Test-uid"
454
+ name="choiceList"
455
+ tabindex="0"
456
+ type="checkbox"
457
+ value="radio"
458
+ />
459
+ <span
460
+ class="Checkbox-wrapper"
461
+ data-test="DesignSystem-Checkbox-Icon"
462
+ />
463
+ </div>
464
+ <div
465
+ class="Checkbox-labelWrapper"
466
+ >
467
+ <label
468
+ class="Checkbox-label"
469
+ data-test="DesignSystem-Checkbox-Label"
470
+ for="choiceList-radio-Test-uid"
471
+ >
472
+ <span
473
+ class="Text Text--default Text--regular"
474
+ data-test="DesignSystem-Text"
475
+ >
476
+ radio
477
+ </span>
478
+ </label>
479
+ </div>
480
+ </div>
481
+ <div
482
+ class="Checkbox ChoiceList-checkbox--horizontal"
483
+ data-test="DesignSystem-Checkbox"
484
+ >
485
+ <div
486
+ class="Checkbox-outerWrapper Checkbox-outerWrapper--regular"
487
+ data-test="DesignSystem-Checkbox-OuterWrapper"
488
+ >
489
+ <input
490
+ class="Checkbox-input"
491
+ data-test="DesignSystem-Checkbox-InputBox"
492
+ id="choiceList-radio-Test-uid"
493
+ name="choiceList"
494
+ tabindex="0"
495
+ type="checkbox"
496
+ value="radio"
497
+ />
498
+ <span
499
+ class="Checkbox-wrapper"
500
+ data-test="DesignSystem-Checkbox-Icon"
501
+ />
502
+ </div>
503
+ <div
504
+ class="Checkbox-labelWrapper"
505
+ >
506
+ <label
507
+ class="Checkbox-label"
508
+ data-test="DesignSystem-Checkbox-Label"
509
+ for="choiceList-radio-Test-uid"
510
+ >
511
+ <span
512
+ class="Text Text--default Text--regular"
513
+ data-test="DesignSystem-Text"
514
+ >
515
+ radio
516
+ </span>
517
+ </label>
518
+ </div>
519
+ </div>
520
+ </div>
521
+ </fieldset>
522
+ </div>
523
+ </body>
524
+ `;
525
+
526
+ exports[`ChoiceList component
527
+ title: "ChoiceList", choices: {}, size: "regular", alignment: "horizontal", allowMultiple: true, disabled: false, name: "ChoiceList", value: "ChoiceList", onChange: "[Function]"
528
+ 2`] = `
529
+ <body>
530
+ <div>
531
+ <fieldset
532
+ class="ChoiceList"
533
+ data-test="DesignSystem-ChoiceList-Wrapper"
534
+ >
535
+ <div
536
+ class="Label"
537
+ data-test="DesignSystem-Label"
538
+ >
539
+ <label
540
+ class="Label-text"
541
+ data-test="DesignSystem-Label--Text"
542
+ >
543
+ ChoiceList
544
+ </label>
545
+ </div>
546
+ <div
547
+ class="ChoiceList--alignHorizontal"
548
+ >
549
+ <div
550
+ class="Checkbox ChoiceList-checkbox--horizontal ml-0"
551
+ data-test="DesignSystem-Checkbox"
552
+ >
553
+ <div
554
+ class="Checkbox-outerWrapper Checkbox-outerWrapper--regular"
555
+ data-test="DesignSystem-Checkbox-OuterWrapper"
556
+ >
557
+ <input
558
+ class="Checkbox-input"
559
+ data-test="DesignSystem-Checkbox-InputBox"
560
+ id="choiceList-radio-Test-uid"
561
+ name="choiceList"
562
+ tabindex="0"
563
+ type="checkbox"
564
+ value="radio"
565
+ />
566
+ <span
567
+ class="Checkbox-wrapper"
568
+ data-test="DesignSystem-Checkbox-Icon"
569
+ />
570
+ </div>
571
+ <div
572
+ class="Checkbox-labelWrapper"
573
+ >
574
+ <label
575
+ class="Checkbox-label"
576
+ data-test="DesignSystem-Checkbox-Label"
577
+ for="choiceList-radio-Test-uid"
578
+ >
579
+ <span
580
+ class="Text Text--default Text--regular"
581
+ data-test="DesignSystem-Text"
582
+ >
583
+ radio
584
+ </span>
585
+ </label>
586
+ </div>
587
+ </div>
588
+ <div
589
+ class="Checkbox ChoiceList-checkbox--horizontal"
590
+ data-test="DesignSystem-Checkbox"
591
+ >
592
+ <div
593
+ class="Checkbox-outerWrapper Checkbox-outerWrapper--regular"
594
+ data-test="DesignSystem-Checkbox-OuterWrapper"
595
+ >
596
+ <input
597
+ class="Checkbox-input"
598
+ data-test="DesignSystem-Checkbox-InputBox"
599
+ id="choiceList-radio-Test-uid"
600
+ name="choiceList"
601
+ tabindex="0"
602
+ type="checkbox"
603
+ value="radio"
604
+ />
605
+ <span
606
+ class="Checkbox-wrapper"
607
+ data-test="DesignSystem-Checkbox-Icon"
608
+ />
609
+ </div>
610
+ <div
611
+ class="Checkbox-labelWrapper"
612
+ >
613
+ <label
614
+ class="Checkbox-label"
615
+ data-test="DesignSystem-Checkbox-Label"
616
+ for="choiceList-radio-Test-uid"
617
+ >
618
+ <span
619
+ class="Text Text--default Text--regular"
620
+ data-test="DesignSystem-Text"
621
+ >
622
+ radio
623
+ </span>
624
+ </label>
625
+ </div>
626
+ </div>
627
+ </div>
628
+ </fieldset>
629
+ </div>
630
+ </body>
631
+ `;
632
+
633
+ exports[`ChoiceList component
634
+ title: "ChoiceList", choices: {}, size: "regular", alignment: "horizontal", allowMultiple: true, disabled: true, name: "ChoiceList", value: "ChoiceList", onChange: "[Function]"
635
+ 1`] = `
636
+ <body>
637
+ <div>
638
+ <fieldset
639
+ class="ChoiceList"
640
+ data-test="DesignSystem-ChoiceList-Wrapper"
641
+ >
642
+ <div
643
+ class="Label"
644
+ data-test="DesignSystem-Label"
645
+ >
646
+ <label
647
+ class="Label-text"
648
+ data-test="DesignSystem-Label--Text"
649
+ >
650
+ ChoiceList
651
+ </label>
652
+ </div>
653
+ <div
654
+ class="ChoiceList--alignHorizontal"
655
+ >
656
+ <div
657
+ class="Checkbox Checkbox--disabled ChoiceList-checkbox--horizontal ml-0"
658
+ data-test="DesignSystem-Checkbox"
659
+ >
660
+ <div
661
+ class="Checkbox-outerWrapper Checkbox-outerWrapper--regular"
662
+ data-test="DesignSystem-Checkbox-OuterWrapper"
663
+ >
664
+ <input
665
+ class="Checkbox-input"
666
+ data-test="DesignSystem-Checkbox-InputBox"
667
+ disabled=""
668
+ id="choiceList-radio-Test-uid"
669
+ name="choiceList"
670
+ tabindex="0"
671
+ type="checkbox"
672
+ value="radio"
673
+ />
674
+ <span
675
+ class="Checkbox-wrapper"
676
+ data-test="DesignSystem-Checkbox-Icon"
677
+ />
678
+ </div>
679
+ <div
680
+ class="Checkbox-labelWrapper"
681
+ >
682
+ <label
683
+ class="Checkbox-label"
684
+ data-test="DesignSystem-Checkbox-Label"
685
+ for="choiceList-radio-Test-uid"
686
+ >
687
+ <span
688
+ class="Text Text--disabled Text--regular"
689
+ data-test="DesignSystem-Text"
690
+ >
691
+ radio
692
+ </span>
693
+ </label>
694
+ </div>
695
+ </div>
696
+ <div
697
+ class="Checkbox Checkbox--disabled ChoiceList-checkbox--horizontal"
698
+ data-test="DesignSystem-Checkbox"
699
+ >
700
+ <div
701
+ class="Checkbox-outerWrapper Checkbox-outerWrapper--regular"
702
+ data-test="DesignSystem-Checkbox-OuterWrapper"
703
+ >
704
+ <input
705
+ class="Checkbox-input"
706
+ data-test="DesignSystem-Checkbox-InputBox"
707
+ disabled=""
708
+ id="choiceList-radio-Test-uid"
709
+ name="choiceList"
710
+ tabindex="0"
711
+ type="checkbox"
712
+ value="radio"
713
+ />
714
+ <span
715
+ class="Checkbox-wrapper"
716
+ data-test="DesignSystem-Checkbox-Icon"
717
+ />
718
+ </div>
719
+ <div
720
+ class="Checkbox-labelWrapper"
721
+ >
722
+ <label
723
+ class="Checkbox-label"
724
+ data-test="DesignSystem-Checkbox-Label"
725
+ for="choiceList-radio-Test-uid"
726
+ >
727
+ <span
728
+ class="Text Text--disabled Text--regular"
729
+ data-test="DesignSystem-Text"
730
+ >
731
+ radio
732
+ </span>
733
+ </label>
734
+ </div>
735
+ </div>
736
+ </div>
737
+ </fieldset>
738
+ </div>
739
+ </body>
740
+ `;
741
+
742
+ exports[`ChoiceList component
743
+ title: "ChoiceList", choices: {}, size: "regular", alignment: "horizontal", allowMultiple: true, disabled: true, name: "ChoiceList", value: "ChoiceList", onChange: "[Function]"
744
+ 2`] = `
745
+ <body>
746
+ <div>
747
+ <fieldset
748
+ class="ChoiceList"
749
+ data-test="DesignSystem-ChoiceList-Wrapper"
750
+ >
751
+ <div
752
+ class="Label"
753
+ data-test="DesignSystem-Label"
754
+ >
755
+ <label
756
+ class="Label-text"
757
+ data-test="DesignSystem-Label--Text"
758
+ >
759
+ ChoiceList
760
+ </label>
761
+ </div>
762
+ <div
763
+ class="ChoiceList--alignHorizontal"
764
+ >
765
+ <div
766
+ class="Checkbox Checkbox--disabled ChoiceList-checkbox--horizontal ml-0"
767
+ data-test="DesignSystem-Checkbox"
768
+ >
769
+ <div
770
+ class="Checkbox-outerWrapper Checkbox-outerWrapper--regular"
771
+ data-test="DesignSystem-Checkbox-OuterWrapper"
772
+ >
773
+ <input
774
+ class="Checkbox-input"
775
+ data-test="DesignSystem-Checkbox-InputBox"
776
+ disabled=""
777
+ id="choiceList-radio-Test-uid"
778
+ name="choiceList"
779
+ tabindex="0"
780
+ type="checkbox"
781
+ value="radio"
782
+ />
783
+ <span
784
+ class="Checkbox-wrapper"
785
+ data-test="DesignSystem-Checkbox-Icon"
786
+ />
787
+ </div>
788
+ <div
789
+ class="Checkbox-labelWrapper"
790
+ >
791
+ <label
792
+ class="Checkbox-label"
793
+ data-test="DesignSystem-Checkbox-Label"
794
+ for="choiceList-radio-Test-uid"
795
+ >
796
+ <span
797
+ class="Text Text--disabled Text--regular"
798
+ data-test="DesignSystem-Text"
799
+ >
800
+ radio
801
+ </span>
802
+ </label>
803
+ </div>
804
+ </div>
805
+ <div
806
+ class="Checkbox Checkbox--disabled ChoiceList-checkbox--horizontal"
807
+ data-test="DesignSystem-Checkbox"
808
+ >
809
+ <div
810
+ class="Checkbox-outerWrapper Checkbox-outerWrapper--regular"
811
+ data-test="DesignSystem-Checkbox-OuterWrapper"
812
+ >
813
+ <input
814
+ class="Checkbox-input"
815
+ data-test="DesignSystem-Checkbox-InputBox"
816
+ disabled=""
817
+ id="choiceList-radio-Test-uid"
818
+ name="choiceList"
819
+ tabindex="0"
820
+ type="checkbox"
821
+ value="radio"
822
+ />
823
+ <span
824
+ class="Checkbox-wrapper"
825
+ data-test="DesignSystem-Checkbox-Icon"
826
+ />
827
+ </div>
828
+ <div
829
+ class="Checkbox-labelWrapper"
830
+ >
831
+ <label
832
+ class="Checkbox-label"
833
+ data-test="DesignSystem-Checkbox-Label"
834
+ for="choiceList-radio-Test-uid"
835
+ >
836
+ <span
837
+ class="Text Text--disabled Text--regular"
838
+ data-test="DesignSystem-Text"
839
+ >
840
+ radio
841
+ </span>
842
+ </label>
843
+ </div>
844
+ </div>
845
+ </div>
846
+ </fieldset>
847
+ </div>
848
+ </body>
849
+ `;
850
+
851
+ exports[`ChoiceList component
852
+ title: "ChoiceList", choices: {}, size: "regular", alignment: "vertical", allowMultiple: false, disabled: false, name: "ChoiceList", value: "ChoiceList", onChange: "[Function]"
853
+ 1`] = `
854
+ <body>
855
+ <div>
856
+ <fieldset
857
+ class="ChoiceList"
858
+ data-test="DesignSystem-ChoiceList-Wrapper"
859
+ >
860
+ <div
861
+ class="Label"
862
+ data-test="DesignSystem-Label"
863
+ >
864
+ <label
865
+ class="Label-text"
866
+ data-test="DesignSystem-Label--Text"
867
+ >
868
+ ChoiceList
869
+ </label>
870
+ </div>
871
+ <div
872
+ class="ChoiceList--alignVertical"
873
+ >
874
+ <div
875
+ class="Radio ChoiceList-radio--vertical mt-0"
876
+ data-test="DesignSystem-Radio"
877
+ >
878
+ <div
879
+ class="Radio-outerWrapper Radio-outerWrapper--regular"
880
+ data-test="DesignSystem-Radio-OuterWrapper"
881
+ >
882
+ <input
883
+ class="Radio-input"
884
+ data-test="DesignSystem-Radio-Input"
885
+ id="choiceList-radio-Test-uid"
886
+ name="choiceList"
887
+ type="radio"
888
+ value="radio"
889
+ />
890
+ <span
891
+ class="Radio-wrapper Radio-wrapper--regular"
892
+ />
893
+ </div>
894
+ <div
895
+ class="Radio-labelWrapper"
896
+ >
897
+ <label
898
+ class="Radio-Label"
899
+ data-test="DesignSystem-Radio-Label"
900
+ for="choiceList-radio-Test-uid"
901
+ >
902
+ <span
903
+ class="Text Text--default Text--regular"
904
+ data-test="DesignSystem-Text"
905
+ >
906
+ radio
907
+ </span>
908
+ </label>
909
+ </div>
910
+ </div>
911
+ <div
912
+ class="Radio ChoiceList-radio--vertical"
913
+ data-test="DesignSystem-Radio"
914
+ >
915
+ <div
916
+ class="Radio-outerWrapper Radio-outerWrapper--regular"
917
+ data-test="DesignSystem-Radio-OuterWrapper"
918
+ >
919
+ <input
920
+ class="Radio-input"
921
+ data-test="DesignSystem-Radio-Input"
922
+ id="choiceList-radio-Test-uid"
923
+ name="choiceList"
924
+ type="radio"
925
+ value="radio"
926
+ />
927
+ <span
928
+ class="Radio-wrapper Radio-wrapper--regular"
929
+ />
930
+ </div>
931
+ <div
932
+ class="Radio-labelWrapper"
933
+ >
934
+ <label
935
+ class="Radio-Label"
936
+ data-test="DesignSystem-Radio-Label"
937
+ for="choiceList-radio-Test-uid"
938
+ >
939
+ <span
940
+ class="Text Text--default Text--regular"
941
+ data-test="DesignSystem-Text"
942
+ >
943
+ radio
944
+ </span>
945
+ </label>
946
+ </div>
947
+ </div>
948
+ </div>
949
+ </fieldset>
950
+ </div>
951
+ </body>
952
+ `;
953
+
954
+ exports[`ChoiceList component
955
+ title: "ChoiceList", choices: {}, size: "regular", alignment: "vertical", allowMultiple: false, disabled: false, name: "ChoiceList", value: "ChoiceList", onChange: "[Function]"
956
+ 2`] = `
957
+ <body>
958
+ <div>
959
+ <fieldset
960
+ class="ChoiceList"
961
+ data-test="DesignSystem-ChoiceList-Wrapper"
962
+ >
963
+ <div
964
+ class="Label"
965
+ data-test="DesignSystem-Label"
966
+ >
967
+ <label
968
+ class="Label-text"
969
+ data-test="DesignSystem-Label--Text"
970
+ >
971
+ ChoiceList
972
+ </label>
973
+ </div>
974
+ <div
975
+ class="ChoiceList--alignVertical"
976
+ >
977
+ <div
978
+ class="Radio ChoiceList-radio--vertical mt-0"
979
+ data-test="DesignSystem-Radio"
980
+ >
981
+ <div
982
+ class="Radio-outerWrapper Radio-outerWrapper--regular"
983
+ data-test="DesignSystem-Radio-OuterWrapper"
984
+ >
985
+ <input
986
+ class="Radio-input"
987
+ data-test="DesignSystem-Radio-Input"
988
+ id="choiceList-radio-Test-uid"
989
+ name="choiceList"
990
+ type="radio"
991
+ value="radio"
992
+ />
993
+ <span
994
+ class="Radio-wrapper Radio-wrapper--regular"
995
+ />
996
+ </div>
997
+ <div
998
+ class="Radio-labelWrapper"
999
+ >
1000
+ <label
1001
+ class="Radio-Label"
1002
+ data-test="DesignSystem-Radio-Label"
1003
+ for="choiceList-radio-Test-uid"
1004
+ >
1005
+ <span
1006
+ class="Text Text--default Text--regular"
1007
+ data-test="DesignSystem-Text"
1008
+ >
1009
+ radio
1010
+ </span>
1011
+ </label>
1012
+ </div>
1013
+ </div>
1014
+ <div
1015
+ class="Radio ChoiceList-radio--vertical"
1016
+ data-test="DesignSystem-Radio"
1017
+ >
1018
+ <div
1019
+ class="Radio-outerWrapper Radio-outerWrapper--regular"
1020
+ data-test="DesignSystem-Radio-OuterWrapper"
1021
+ >
1022
+ <input
1023
+ class="Radio-input"
1024
+ data-test="DesignSystem-Radio-Input"
1025
+ id="choiceList-radio-Test-uid"
1026
+ name="choiceList"
1027
+ type="radio"
1028
+ value="radio"
1029
+ />
1030
+ <span
1031
+ class="Radio-wrapper Radio-wrapper--regular"
1032
+ />
1033
+ </div>
1034
+ <div
1035
+ class="Radio-labelWrapper"
1036
+ >
1037
+ <label
1038
+ class="Radio-Label"
1039
+ data-test="DesignSystem-Radio-Label"
1040
+ for="choiceList-radio-Test-uid"
1041
+ >
1042
+ <span
1043
+ class="Text Text--default Text--regular"
1044
+ data-test="DesignSystem-Text"
1045
+ >
1046
+ radio
1047
+ </span>
1048
+ </label>
1049
+ </div>
1050
+ </div>
1051
+ </div>
1052
+ </fieldset>
1053
+ </div>
1054
+ </body>
1055
+ `;
1056
+
1057
+ exports[`ChoiceList component
1058
+ title: "ChoiceList", choices: {}, size: "regular", alignment: "vertical", allowMultiple: false, disabled: true, name: "ChoiceList", value: "ChoiceList", onChange: "[Function]"
1059
+ 1`] = `
1060
+ <body>
1061
+ <div>
1062
+ <fieldset
1063
+ class="ChoiceList"
1064
+ data-test="DesignSystem-ChoiceList-Wrapper"
1065
+ >
1066
+ <div
1067
+ class="Label"
1068
+ data-test="DesignSystem-Label"
1069
+ >
1070
+ <label
1071
+ class="Label-text"
1072
+ data-test="DesignSystem-Label--Text"
1073
+ >
1074
+ ChoiceList
1075
+ </label>
1076
+ </div>
1077
+ <div
1078
+ class="ChoiceList--alignVertical"
1079
+ >
1080
+ <div
1081
+ class="Radio Radio--disabled ChoiceList-radio--vertical mt-0"
1082
+ data-test="DesignSystem-Radio"
1083
+ >
1084
+ <div
1085
+ class="Radio-outerWrapper Radio-outerWrapper--regular"
1086
+ data-test="DesignSystem-Radio-OuterWrapper"
1087
+ >
1088
+ <input
1089
+ class="Radio-input"
1090
+ data-test="DesignSystem-Radio-Input"
1091
+ disabled=""
1092
+ id="choiceList-radio-Test-uid"
1093
+ name="choiceList"
1094
+ type="radio"
1095
+ value="radio"
1096
+ />
1097
+ <span
1098
+ class="Radio-wrapper Radio-wrapper--regular"
1099
+ />
1100
+ </div>
1101
+ <div
1102
+ class="Radio-labelWrapper"
1103
+ >
1104
+ <label
1105
+ class="Radio-Label"
1106
+ data-test="DesignSystem-Radio-Label"
1107
+ for="choiceList-radio-Test-uid"
1108
+ >
1109
+ <span
1110
+ class="Text Text--disabled Text--regular"
1111
+ data-test="DesignSystem-Text"
1112
+ >
1113
+ radio
1114
+ </span>
1115
+ </label>
1116
+ </div>
1117
+ </div>
1118
+ <div
1119
+ class="Radio Radio--disabled ChoiceList-radio--vertical"
1120
+ data-test="DesignSystem-Radio"
1121
+ >
1122
+ <div
1123
+ class="Radio-outerWrapper Radio-outerWrapper--regular"
1124
+ data-test="DesignSystem-Radio-OuterWrapper"
1125
+ >
1126
+ <input
1127
+ class="Radio-input"
1128
+ data-test="DesignSystem-Radio-Input"
1129
+ disabled=""
1130
+ id="choiceList-radio-Test-uid"
1131
+ name="choiceList"
1132
+ type="radio"
1133
+ value="radio"
1134
+ />
1135
+ <span
1136
+ class="Radio-wrapper Radio-wrapper--regular"
1137
+ />
1138
+ </div>
1139
+ <div
1140
+ class="Radio-labelWrapper"
1141
+ >
1142
+ <label
1143
+ class="Radio-Label"
1144
+ data-test="DesignSystem-Radio-Label"
1145
+ for="choiceList-radio-Test-uid"
1146
+ >
1147
+ <span
1148
+ class="Text Text--disabled Text--regular"
1149
+ data-test="DesignSystem-Text"
1150
+ >
1151
+ radio
1152
+ </span>
1153
+ </label>
1154
+ </div>
1155
+ </div>
1156
+ </div>
1157
+ </fieldset>
1158
+ </div>
1159
+ </body>
1160
+ `;
1161
+
1162
+ exports[`ChoiceList component
1163
+ title: "ChoiceList", choices: {}, size: "regular", alignment: "vertical", allowMultiple: false, disabled: true, name: "ChoiceList", value: "ChoiceList", onChange: "[Function]"
1164
+ 2`] = `
1165
+ <body>
1166
+ <div>
1167
+ <fieldset
1168
+ class="ChoiceList"
1169
+ data-test="DesignSystem-ChoiceList-Wrapper"
1170
+ >
1171
+ <div
1172
+ class="Label"
1173
+ data-test="DesignSystem-Label"
1174
+ >
1175
+ <label
1176
+ class="Label-text"
1177
+ data-test="DesignSystem-Label--Text"
1178
+ >
1179
+ ChoiceList
1180
+ </label>
1181
+ </div>
1182
+ <div
1183
+ class="ChoiceList--alignVertical"
1184
+ >
1185
+ <div
1186
+ class="Radio Radio--disabled ChoiceList-radio--vertical mt-0"
1187
+ data-test="DesignSystem-Radio"
1188
+ >
1189
+ <div
1190
+ class="Radio-outerWrapper Radio-outerWrapper--regular"
1191
+ data-test="DesignSystem-Radio-OuterWrapper"
1192
+ >
1193
+ <input
1194
+ class="Radio-input"
1195
+ data-test="DesignSystem-Radio-Input"
1196
+ disabled=""
1197
+ id="choiceList-radio-Test-uid"
1198
+ name="choiceList"
1199
+ type="radio"
1200
+ value="radio"
1201
+ />
1202
+ <span
1203
+ class="Radio-wrapper Radio-wrapper--regular"
1204
+ />
1205
+ </div>
1206
+ <div
1207
+ class="Radio-labelWrapper"
1208
+ >
1209
+ <label
1210
+ class="Radio-Label"
1211
+ data-test="DesignSystem-Radio-Label"
1212
+ for="choiceList-radio-Test-uid"
1213
+ >
1214
+ <span
1215
+ class="Text Text--disabled Text--regular"
1216
+ data-test="DesignSystem-Text"
1217
+ >
1218
+ radio
1219
+ </span>
1220
+ </label>
1221
+ </div>
1222
+ </div>
1223
+ <div
1224
+ class="Radio Radio--disabled ChoiceList-radio--vertical"
1225
+ data-test="DesignSystem-Radio"
1226
+ >
1227
+ <div
1228
+ class="Radio-outerWrapper Radio-outerWrapper--regular"
1229
+ data-test="DesignSystem-Radio-OuterWrapper"
1230
+ >
1231
+ <input
1232
+ class="Radio-input"
1233
+ data-test="DesignSystem-Radio-Input"
1234
+ disabled=""
1235
+ id="choiceList-radio-Test-uid"
1236
+ name="choiceList"
1237
+ type="radio"
1238
+ value="radio"
1239
+ />
1240
+ <span
1241
+ class="Radio-wrapper Radio-wrapper--regular"
1242
+ />
1243
+ </div>
1244
+ <div
1245
+ class="Radio-labelWrapper"
1246
+ >
1247
+ <label
1248
+ class="Radio-Label"
1249
+ data-test="DesignSystem-Radio-Label"
1250
+ for="choiceList-radio-Test-uid"
1251
+ >
1252
+ <span
1253
+ class="Text Text--disabled Text--regular"
1254
+ data-test="DesignSystem-Text"
1255
+ >
1256
+ radio
1257
+ </span>
1258
+ </label>
1259
+ </div>
1260
+ </div>
1261
+ </div>
1262
+ </fieldset>
1263
+ </div>
1264
+ </body>
1265
+ `;
1266
+
1267
+ exports[`ChoiceList component
1268
+ title: "ChoiceList", choices: {}, size: "regular", alignment: "vertical", allowMultiple: true, disabled: false, name: "ChoiceList", value: "ChoiceList", onChange: "[Function]"
1269
+ 1`] = `
1270
+ <body>
1271
+ <div>
1272
+ <fieldset
1273
+ class="ChoiceList"
1274
+ data-test="DesignSystem-ChoiceList-Wrapper"
1275
+ >
1276
+ <div
1277
+ class="Label"
1278
+ data-test="DesignSystem-Label"
1279
+ >
1280
+ <label
1281
+ class="Label-text"
1282
+ data-test="DesignSystem-Label--Text"
1283
+ >
1284
+ ChoiceList
1285
+ </label>
1286
+ </div>
1287
+ <div
1288
+ class="ChoiceList--alignVertical"
1289
+ >
1290
+ <div
1291
+ class="Checkbox ChoiceList-checkbox--vertical mt-0"
1292
+ data-test="DesignSystem-Checkbox"
1293
+ >
1294
+ <div
1295
+ class="Checkbox-outerWrapper Checkbox-outerWrapper--regular"
1296
+ data-test="DesignSystem-Checkbox-OuterWrapper"
1297
+ >
1298
+ <input
1299
+ class="Checkbox-input"
1300
+ data-test="DesignSystem-Checkbox-InputBox"
1301
+ id="choiceList-radio-Test-uid"
1302
+ name="choiceList"
1303
+ tabindex="0"
1304
+ type="checkbox"
1305
+ value="radio"
1306
+ />
1307
+ <span
1308
+ class="Checkbox-wrapper"
1309
+ data-test="DesignSystem-Checkbox-Icon"
1310
+ />
1311
+ </div>
1312
+ <div
1313
+ class="Checkbox-labelWrapper"
1314
+ >
1315
+ <label
1316
+ class="Checkbox-label"
1317
+ data-test="DesignSystem-Checkbox-Label"
1318
+ for="choiceList-radio-Test-uid"
1319
+ >
1320
+ <span
1321
+ class="Text Text--default Text--regular"
1322
+ data-test="DesignSystem-Text"
1323
+ >
1324
+ radio
1325
+ </span>
1326
+ </label>
1327
+ </div>
1328
+ </div>
1329
+ <div
1330
+ class="Checkbox ChoiceList-checkbox--vertical"
1331
+ data-test="DesignSystem-Checkbox"
1332
+ >
1333
+ <div
1334
+ class="Checkbox-outerWrapper Checkbox-outerWrapper--regular"
1335
+ data-test="DesignSystem-Checkbox-OuterWrapper"
1336
+ >
1337
+ <input
1338
+ class="Checkbox-input"
1339
+ data-test="DesignSystem-Checkbox-InputBox"
1340
+ id="choiceList-radio-Test-uid"
1341
+ name="choiceList"
1342
+ tabindex="0"
1343
+ type="checkbox"
1344
+ value="radio"
1345
+ />
1346
+ <span
1347
+ class="Checkbox-wrapper"
1348
+ data-test="DesignSystem-Checkbox-Icon"
1349
+ />
1350
+ </div>
1351
+ <div
1352
+ class="Checkbox-labelWrapper"
1353
+ >
1354
+ <label
1355
+ class="Checkbox-label"
1356
+ data-test="DesignSystem-Checkbox-Label"
1357
+ for="choiceList-radio-Test-uid"
1358
+ >
1359
+ <span
1360
+ class="Text Text--default Text--regular"
1361
+ data-test="DesignSystem-Text"
1362
+ >
1363
+ radio
1364
+ </span>
1365
+ </label>
1366
+ </div>
1367
+ </div>
1368
+ </div>
1369
+ </fieldset>
1370
+ </div>
1371
+ </body>
1372
+ `;
1373
+
1374
+ exports[`ChoiceList component
1375
+ title: "ChoiceList", choices: {}, size: "regular", alignment: "vertical", allowMultiple: true, disabled: false, name: "ChoiceList", value: "ChoiceList", onChange: "[Function]"
1376
+ 2`] = `
1377
+ <body>
1378
+ <div>
1379
+ <fieldset
1380
+ class="ChoiceList"
1381
+ data-test="DesignSystem-ChoiceList-Wrapper"
1382
+ >
1383
+ <div
1384
+ class="Label"
1385
+ data-test="DesignSystem-Label"
1386
+ >
1387
+ <label
1388
+ class="Label-text"
1389
+ data-test="DesignSystem-Label--Text"
1390
+ >
1391
+ ChoiceList
1392
+ </label>
1393
+ </div>
1394
+ <div
1395
+ class="ChoiceList--alignVertical"
1396
+ >
1397
+ <div
1398
+ class="Checkbox ChoiceList-checkbox--vertical mt-0"
1399
+ data-test="DesignSystem-Checkbox"
1400
+ >
1401
+ <div
1402
+ class="Checkbox-outerWrapper Checkbox-outerWrapper--regular"
1403
+ data-test="DesignSystem-Checkbox-OuterWrapper"
1404
+ >
1405
+ <input
1406
+ class="Checkbox-input"
1407
+ data-test="DesignSystem-Checkbox-InputBox"
1408
+ id="choiceList-radio-Test-uid"
1409
+ name="choiceList"
1410
+ tabindex="0"
1411
+ type="checkbox"
1412
+ value="radio"
1413
+ />
1414
+ <span
1415
+ class="Checkbox-wrapper"
1416
+ data-test="DesignSystem-Checkbox-Icon"
1417
+ />
1418
+ </div>
1419
+ <div
1420
+ class="Checkbox-labelWrapper"
1421
+ >
1422
+ <label
1423
+ class="Checkbox-label"
1424
+ data-test="DesignSystem-Checkbox-Label"
1425
+ for="choiceList-radio-Test-uid"
1426
+ >
1427
+ <span
1428
+ class="Text Text--default Text--regular"
1429
+ data-test="DesignSystem-Text"
1430
+ >
1431
+ radio
1432
+ </span>
1433
+ </label>
1434
+ </div>
1435
+ </div>
1436
+ <div
1437
+ class="Checkbox ChoiceList-checkbox--vertical"
1438
+ data-test="DesignSystem-Checkbox"
1439
+ >
1440
+ <div
1441
+ class="Checkbox-outerWrapper Checkbox-outerWrapper--regular"
1442
+ data-test="DesignSystem-Checkbox-OuterWrapper"
1443
+ >
1444
+ <input
1445
+ class="Checkbox-input"
1446
+ data-test="DesignSystem-Checkbox-InputBox"
1447
+ id="choiceList-radio-Test-uid"
1448
+ name="choiceList"
1449
+ tabindex="0"
1450
+ type="checkbox"
1451
+ value="radio"
1452
+ />
1453
+ <span
1454
+ class="Checkbox-wrapper"
1455
+ data-test="DesignSystem-Checkbox-Icon"
1456
+ />
1457
+ </div>
1458
+ <div
1459
+ class="Checkbox-labelWrapper"
1460
+ >
1461
+ <label
1462
+ class="Checkbox-label"
1463
+ data-test="DesignSystem-Checkbox-Label"
1464
+ for="choiceList-radio-Test-uid"
1465
+ >
1466
+ <span
1467
+ class="Text Text--default Text--regular"
1468
+ data-test="DesignSystem-Text"
1469
+ >
1470
+ radio
1471
+ </span>
1472
+ </label>
1473
+ </div>
1474
+ </div>
1475
+ </div>
1476
+ </fieldset>
1477
+ </div>
1478
+ </body>
1479
+ `;
1480
+
1481
+ exports[`ChoiceList component
1482
+ title: "ChoiceList", choices: {}, size: "regular", alignment: "vertical", allowMultiple: true, disabled: true, name: "ChoiceList", value: "ChoiceList", onChange: "[Function]"
1483
+ 1`] = `
1484
+ <body>
1485
+ <div>
1486
+ <fieldset
1487
+ class="ChoiceList"
1488
+ data-test="DesignSystem-ChoiceList-Wrapper"
1489
+ >
1490
+ <div
1491
+ class="Label"
1492
+ data-test="DesignSystem-Label"
1493
+ >
1494
+ <label
1495
+ class="Label-text"
1496
+ data-test="DesignSystem-Label--Text"
1497
+ >
1498
+ ChoiceList
1499
+ </label>
1500
+ </div>
1501
+ <div
1502
+ class="ChoiceList--alignVertical"
1503
+ >
1504
+ <div
1505
+ class="Checkbox Checkbox--disabled ChoiceList-checkbox--vertical mt-0"
1506
+ data-test="DesignSystem-Checkbox"
1507
+ >
1508
+ <div
1509
+ class="Checkbox-outerWrapper Checkbox-outerWrapper--regular"
1510
+ data-test="DesignSystem-Checkbox-OuterWrapper"
1511
+ >
1512
+ <input
1513
+ class="Checkbox-input"
1514
+ data-test="DesignSystem-Checkbox-InputBox"
1515
+ disabled=""
1516
+ id="choiceList-radio-Test-uid"
1517
+ name="choiceList"
1518
+ tabindex="0"
1519
+ type="checkbox"
1520
+ value="radio"
1521
+ />
1522
+ <span
1523
+ class="Checkbox-wrapper"
1524
+ data-test="DesignSystem-Checkbox-Icon"
1525
+ />
1526
+ </div>
1527
+ <div
1528
+ class="Checkbox-labelWrapper"
1529
+ >
1530
+ <label
1531
+ class="Checkbox-label"
1532
+ data-test="DesignSystem-Checkbox-Label"
1533
+ for="choiceList-radio-Test-uid"
1534
+ >
1535
+ <span
1536
+ class="Text Text--disabled Text--regular"
1537
+ data-test="DesignSystem-Text"
1538
+ >
1539
+ radio
1540
+ </span>
1541
+ </label>
1542
+ </div>
1543
+ </div>
1544
+ <div
1545
+ class="Checkbox Checkbox--disabled ChoiceList-checkbox--vertical"
1546
+ data-test="DesignSystem-Checkbox"
1547
+ >
1548
+ <div
1549
+ class="Checkbox-outerWrapper Checkbox-outerWrapper--regular"
1550
+ data-test="DesignSystem-Checkbox-OuterWrapper"
1551
+ >
1552
+ <input
1553
+ class="Checkbox-input"
1554
+ data-test="DesignSystem-Checkbox-InputBox"
1555
+ disabled=""
1556
+ id="choiceList-radio-Test-uid"
1557
+ name="choiceList"
1558
+ tabindex="0"
1559
+ type="checkbox"
1560
+ value="radio"
1561
+ />
1562
+ <span
1563
+ class="Checkbox-wrapper"
1564
+ data-test="DesignSystem-Checkbox-Icon"
1565
+ />
1566
+ </div>
1567
+ <div
1568
+ class="Checkbox-labelWrapper"
1569
+ >
1570
+ <label
1571
+ class="Checkbox-label"
1572
+ data-test="DesignSystem-Checkbox-Label"
1573
+ for="choiceList-radio-Test-uid"
1574
+ >
1575
+ <span
1576
+ class="Text Text--disabled Text--regular"
1577
+ data-test="DesignSystem-Text"
1578
+ >
1579
+ radio
1580
+ </span>
1581
+ </label>
1582
+ </div>
1583
+ </div>
1584
+ </div>
1585
+ </fieldset>
1586
+ </div>
1587
+ </body>
1588
+ `;
1589
+
1590
+ exports[`ChoiceList component
1591
+ title: "ChoiceList", choices: {}, size: "regular", alignment: "vertical", allowMultiple: true, disabled: true, name: "ChoiceList", value: "ChoiceList", onChange: "[Function]"
1592
+ 2`] = `
1593
+ <body>
1594
+ <div>
1595
+ <fieldset
1596
+ class="ChoiceList"
1597
+ data-test="DesignSystem-ChoiceList-Wrapper"
1598
+ >
1599
+ <div
1600
+ class="Label"
1601
+ data-test="DesignSystem-Label"
1602
+ >
1603
+ <label
1604
+ class="Label-text"
1605
+ data-test="DesignSystem-Label--Text"
1606
+ >
1607
+ ChoiceList
1608
+ </label>
1609
+ </div>
1610
+ <div
1611
+ class="ChoiceList--alignVertical"
1612
+ >
1613
+ <div
1614
+ class="Checkbox Checkbox--disabled ChoiceList-checkbox--vertical mt-0"
1615
+ data-test="DesignSystem-Checkbox"
1616
+ >
1617
+ <div
1618
+ class="Checkbox-outerWrapper Checkbox-outerWrapper--regular"
1619
+ data-test="DesignSystem-Checkbox-OuterWrapper"
1620
+ >
1621
+ <input
1622
+ class="Checkbox-input"
1623
+ data-test="DesignSystem-Checkbox-InputBox"
1624
+ disabled=""
1625
+ id="choiceList-radio-Test-uid"
1626
+ name="choiceList"
1627
+ tabindex="0"
1628
+ type="checkbox"
1629
+ value="radio"
1630
+ />
1631
+ <span
1632
+ class="Checkbox-wrapper"
1633
+ data-test="DesignSystem-Checkbox-Icon"
1634
+ />
1635
+ </div>
1636
+ <div
1637
+ class="Checkbox-labelWrapper"
1638
+ >
1639
+ <label
1640
+ class="Checkbox-label"
1641
+ data-test="DesignSystem-Checkbox-Label"
1642
+ for="choiceList-radio-Test-uid"
1643
+ >
1644
+ <span
1645
+ class="Text Text--disabled Text--regular"
1646
+ data-test="DesignSystem-Text"
1647
+ >
1648
+ radio
1649
+ </span>
1650
+ </label>
1651
+ </div>
1652
+ </div>
1653
+ <div
1654
+ class="Checkbox Checkbox--disabled ChoiceList-checkbox--vertical"
1655
+ data-test="DesignSystem-Checkbox"
1656
+ >
1657
+ <div
1658
+ class="Checkbox-outerWrapper Checkbox-outerWrapper--regular"
1659
+ data-test="DesignSystem-Checkbox-OuterWrapper"
1660
+ >
1661
+ <input
1662
+ class="Checkbox-input"
1663
+ data-test="DesignSystem-Checkbox-InputBox"
1664
+ disabled=""
1665
+ id="choiceList-radio-Test-uid"
1666
+ name="choiceList"
1667
+ tabindex="0"
1668
+ type="checkbox"
1669
+ value="radio"
1670
+ />
1671
+ <span
1672
+ class="Checkbox-wrapper"
1673
+ data-test="DesignSystem-Checkbox-Icon"
1674
+ />
1675
+ </div>
1676
+ <div
1677
+ class="Checkbox-labelWrapper"
1678
+ >
1679
+ <label
1680
+ class="Checkbox-label"
1681
+ data-test="DesignSystem-Checkbox-Label"
1682
+ for="choiceList-radio-Test-uid"
1683
+ >
1684
+ <span
1685
+ class="Text Text--disabled Text--regular"
1686
+ data-test="DesignSystem-Text"
1687
+ >
1688
+ radio
1689
+ </span>
1690
+ </label>
1691
+ </div>
1692
+ </div>
1693
+ </div>
1694
+ </fieldset>
1695
+ </div>
1696
+ </body>
1697
+ `;
1698
+
1699
+ exports[`ChoiceList component
1700
+ title: "ChoiceList", choices: {}, size: "tiny", alignment: "horizontal", allowMultiple: false, disabled: false, name: "ChoiceList", value: "ChoiceList", onChange: "[Function]"
1701
+ 1`] = `
1702
+ <body>
1703
+ <div>
1704
+ <fieldset
1705
+ class="ChoiceList"
1706
+ data-test="DesignSystem-ChoiceList-Wrapper"
1707
+ >
1708
+ <div
1709
+ class="Label"
1710
+ data-test="DesignSystem-Label"
1711
+ >
1712
+ <label
1713
+ class="Label-text"
1714
+ data-test="DesignSystem-Label--Text"
1715
+ >
1716
+ ChoiceList
1717
+ </label>
1718
+ </div>
1719
+ <div
1720
+ class="ChoiceList--alignHorizontal"
1721
+ >
1722
+ <div
1723
+ class="Radio ChoiceList-radio--horizontal ml-0"
1724
+ data-test="DesignSystem-Radio"
1725
+ >
1726
+ <div
1727
+ class="Radio-outerWrapper Radio-outerWrapper--tiny"
1728
+ data-test="DesignSystem-Radio-OuterWrapper"
1729
+ >
1730
+ <input
1731
+ class="Radio-input"
1732
+ data-test="DesignSystem-Radio-Input"
1733
+ id="choiceList-radio-Test-uid"
1734
+ name="choiceList"
1735
+ type="radio"
1736
+ value="radio"
1737
+ />
1738
+ <span
1739
+ class="Radio-wrapper Radio-wrapper--tiny"
1740
+ />
1741
+ </div>
1742
+ <div
1743
+ class="Radio-labelWrapper"
1744
+ >
1745
+ <label
1746
+ class="Radio-Label"
1747
+ data-test="DesignSystem-Radio-Label"
1748
+ for="choiceList-radio-Test-uid"
1749
+ >
1750
+ <span
1751
+ class="Text Text--default Text--small"
1752
+ data-test="DesignSystem-Text"
1753
+ >
1754
+ radio
1755
+ </span>
1756
+ </label>
1757
+ </div>
1758
+ </div>
1759
+ <div
1760
+ class="Radio ChoiceList-radio--horizontal"
1761
+ data-test="DesignSystem-Radio"
1762
+ >
1763
+ <div
1764
+ class="Radio-outerWrapper Radio-outerWrapper--tiny"
1765
+ data-test="DesignSystem-Radio-OuterWrapper"
1766
+ >
1767
+ <input
1768
+ class="Radio-input"
1769
+ data-test="DesignSystem-Radio-Input"
1770
+ id="choiceList-radio-Test-uid"
1771
+ name="choiceList"
1772
+ type="radio"
1773
+ value="radio"
1774
+ />
1775
+ <span
1776
+ class="Radio-wrapper Radio-wrapper--tiny"
1777
+ />
1778
+ </div>
1779
+ <div
1780
+ class="Radio-labelWrapper"
1781
+ >
1782
+ <label
1783
+ class="Radio-Label"
1784
+ data-test="DesignSystem-Radio-Label"
1785
+ for="choiceList-radio-Test-uid"
1786
+ >
1787
+ <span
1788
+ class="Text Text--default Text--small"
1789
+ data-test="DesignSystem-Text"
1790
+ >
1791
+ radio
1792
+ </span>
1793
+ </label>
1794
+ </div>
1795
+ </div>
1796
+ </div>
1797
+ </fieldset>
1798
+ </div>
1799
+ </body>
1800
+ `;
1801
+
1802
+ exports[`ChoiceList component
1803
+ title: "ChoiceList", choices: {}, size: "tiny", alignment: "horizontal", allowMultiple: false, disabled: false, name: "ChoiceList", value: "ChoiceList", onChange: "[Function]"
1804
+ 2`] = `
1805
+ <body>
1806
+ <div>
1807
+ <fieldset
1808
+ class="ChoiceList"
1809
+ data-test="DesignSystem-ChoiceList-Wrapper"
1810
+ >
1811
+ <div
1812
+ class="Label"
1813
+ data-test="DesignSystem-Label"
1814
+ >
1815
+ <label
1816
+ class="Label-text"
1817
+ data-test="DesignSystem-Label--Text"
1818
+ >
1819
+ ChoiceList
1820
+ </label>
1821
+ </div>
1822
+ <div
1823
+ class="ChoiceList--alignHorizontal"
1824
+ >
1825
+ <div
1826
+ class="Radio ChoiceList-radio--horizontal ml-0"
1827
+ data-test="DesignSystem-Radio"
1828
+ >
1829
+ <div
1830
+ class="Radio-outerWrapper Radio-outerWrapper--tiny"
1831
+ data-test="DesignSystem-Radio-OuterWrapper"
1832
+ >
1833
+ <input
1834
+ class="Radio-input"
1835
+ data-test="DesignSystem-Radio-Input"
1836
+ id="choiceList-radio-Test-uid"
1837
+ name="choiceList"
1838
+ type="radio"
1839
+ value="radio"
1840
+ />
1841
+ <span
1842
+ class="Radio-wrapper Radio-wrapper--tiny"
1843
+ />
1844
+ </div>
1845
+ <div
1846
+ class="Radio-labelWrapper"
1847
+ >
1848
+ <label
1849
+ class="Radio-Label"
1850
+ data-test="DesignSystem-Radio-Label"
1851
+ for="choiceList-radio-Test-uid"
1852
+ >
1853
+ <span
1854
+ class="Text Text--default Text--small"
1855
+ data-test="DesignSystem-Text"
1856
+ >
1857
+ radio
1858
+ </span>
1859
+ </label>
1860
+ </div>
1861
+ </div>
1862
+ <div
1863
+ class="Radio ChoiceList-radio--horizontal"
1864
+ data-test="DesignSystem-Radio"
1865
+ >
1866
+ <div
1867
+ class="Radio-outerWrapper Radio-outerWrapper--tiny"
1868
+ data-test="DesignSystem-Radio-OuterWrapper"
1869
+ >
1870
+ <input
1871
+ class="Radio-input"
1872
+ data-test="DesignSystem-Radio-Input"
1873
+ id="choiceList-radio-Test-uid"
1874
+ name="choiceList"
1875
+ type="radio"
1876
+ value="radio"
1877
+ />
1878
+ <span
1879
+ class="Radio-wrapper Radio-wrapper--tiny"
1880
+ />
1881
+ </div>
1882
+ <div
1883
+ class="Radio-labelWrapper"
1884
+ >
1885
+ <label
1886
+ class="Radio-Label"
1887
+ data-test="DesignSystem-Radio-Label"
1888
+ for="choiceList-radio-Test-uid"
1889
+ >
1890
+ <span
1891
+ class="Text Text--default Text--small"
1892
+ data-test="DesignSystem-Text"
1893
+ >
1894
+ radio
1895
+ </span>
1896
+ </label>
1897
+ </div>
1898
+ </div>
1899
+ </div>
1900
+ </fieldset>
1901
+ </div>
1902
+ </body>
1903
+ `;
1904
+
1905
+ exports[`ChoiceList component
1906
+ title: "ChoiceList", choices: {}, size: "tiny", alignment: "horizontal", allowMultiple: false, disabled: true, name: "ChoiceList", value: "ChoiceList", onChange: "[Function]"
1907
+ 1`] = `
1908
+ <body>
1909
+ <div>
1910
+ <fieldset
1911
+ class="ChoiceList"
1912
+ data-test="DesignSystem-ChoiceList-Wrapper"
1913
+ >
1914
+ <div
1915
+ class="Label"
1916
+ data-test="DesignSystem-Label"
1917
+ >
1918
+ <label
1919
+ class="Label-text"
1920
+ data-test="DesignSystem-Label--Text"
1921
+ >
1922
+ ChoiceList
1923
+ </label>
1924
+ </div>
1925
+ <div
1926
+ class="ChoiceList--alignHorizontal"
1927
+ >
1928
+ <div
1929
+ class="Radio Radio--disabled ChoiceList-radio--horizontal ml-0"
1930
+ data-test="DesignSystem-Radio"
1931
+ >
1932
+ <div
1933
+ class="Radio-outerWrapper Radio-outerWrapper--tiny"
1934
+ data-test="DesignSystem-Radio-OuterWrapper"
1935
+ >
1936
+ <input
1937
+ class="Radio-input"
1938
+ data-test="DesignSystem-Radio-Input"
1939
+ disabled=""
1940
+ id="choiceList-radio-Test-uid"
1941
+ name="choiceList"
1942
+ type="radio"
1943
+ value="radio"
1944
+ />
1945
+ <span
1946
+ class="Radio-wrapper Radio-wrapper--tiny"
1947
+ />
1948
+ </div>
1949
+ <div
1950
+ class="Radio-labelWrapper"
1951
+ >
1952
+ <label
1953
+ class="Radio-Label"
1954
+ data-test="DesignSystem-Radio-Label"
1955
+ for="choiceList-radio-Test-uid"
1956
+ >
1957
+ <span
1958
+ class="Text Text--disabled Text--small"
1959
+ data-test="DesignSystem-Text"
1960
+ >
1961
+ radio
1962
+ </span>
1963
+ </label>
1964
+ </div>
1965
+ </div>
1966
+ <div
1967
+ class="Radio Radio--disabled ChoiceList-radio--horizontal"
1968
+ data-test="DesignSystem-Radio"
1969
+ >
1970
+ <div
1971
+ class="Radio-outerWrapper Radio-outerWrapper--tiny"
1972
+ data-test="DesignSystem-Radio-OuterWrapper"
1973
+ >
1974
+ <input
1975
+ class="Radio-input"
1976
+ data-test="DesignSystem-Radio-Input"
1977
+ disabled=""
1978
+ id="choiceList-radio-Test-uid"
1979
+ name="choiceList"
1980
+ type="radio"
1981
+ value="radio"
1982
+ />
1983
+ <span
1984
+ class="Radio-wrapper Radio-wrapper--tiny"
1985
+ />
1986
+ </div>
1987
+ <div
1988
+ class="Radio-labelWrapper"
1989
+ >
1990
+ <label
1991
+ class="Radio-Label"
1992
+ data-test="DesignSystem-Radio-Label"
1993
+ for="choiceList-radio-Test-uid"
1994
+ >
1995
+ <span
1996
+ class="Text Text--disabled Text--small"
1997
+ data-test="DesignSystem-Text"
1998
+ >
1999
+ radio
2000
+ </span>
2001
+ </label>
2002
+ </div>
2003
+ </div>
2004
+ </div>
2005
+ </fieldset>
2006
+ </div>
2007
+ </body>
2008
+ `;
2009
+
2010
+ exports[`ChoiceList component
2011
+ title: "ChoiceList", choices: {}, size: "tiny", alignment: "horizontal", allowMultiple: false, disabled: true, name: "ChoiceList", value: "ChoiceList", onChange: "[Function]"
2012
+ 2`] = `
2013
+ <body>
2014
+ <div>
2015
+ <fieldset
2016
+ class="ChoiceList"
2017
+ data-test="DesignSystem-ChoiceList-Wrapper"
2018
+ >
2019
+ <div
2020
+ class="Label"
2021
+ data-test="DesignSystem-Label"
2022
+ >
2023
+ <label
2024
+ class="Label-text"
2025
+ data-test="DesignSystem-Label--Text"
2026
+ >
2027
+ ChoiceList
2028
+ </label>
2029
+ </div>
2030
+ <div
2031
+ class="ChoiceList--alignHorizontal"
2032
+ >
2033
+ <div
2034
+ class="Radio Radio--disabled ChoiceList-radio--horizontal ml-0"
2035
+ data-test="DesignSystem-Radio"
2036
+ >
2037
+ <div
2038
+ class="Radio-outerWrapper Radio-outerWrapper--tiny"
2039
+ data-test="DesignSystem-Radio-OuterWrapper"
2040
+ >
2041
+ <input
2042
+ class="Radio-input"
2043
+ data-test="DesignSystem-Radio-Input"
2044
+ disabled=""
2045
+ id="choiceList-radio-Test-uid"
2046
+ name="choiceList"
2047
+ type="radio"
2048
+ value="radio"
2049
+ />
2050
+ <span
2051
+ class="Radio-wrapper Radio-wrapper--tiny"
2052
+ />
2053
+ </div>
2054
+ <div
2055
+ class="Radio-labelWrapper"
2056
+ >
2057
+ <label
2058
+ class="Radio-Label"
2059
+ data-test="DesignSystem-Radio-Label"
2060
+ for="choiceList-radio-Test-uid"
2061
+ >
2062
+ <span
2063
+ class="Text Text--disabled Text--small"
2064
+ data-test="DesignSystem-Text"
2065
+ >
2066
+ radio
2067
+ </span>
2068
+ </label>
2069
+ </div>
2070
+ </div>
2071
+ <div
2072
+ class="Radio Radio--disabled ChoiceList-radio--horizontal"
2073
+ data-test="DesignSystem-Radio"
2074
+ >
2075
+ <div
2076
+ class="Radio-outerWrapper Radio-outerWrapper--tiny"
2077
+ data-test="DesignSystem-Radio-OuterWrapper"
2078
+ >
2079
+ <input
2080
+ class="Radio-input"
2081
+ data-test="DesignSystem-Radio-Input"
2082
+ disabled=""
2083
+ id="choiceList-radio-Test-uid"
2084
+ name="choiceList"
2085
+ type="radio"
2086
+ value="radio"
2087
+ />
2088
+ <span
2089
+ class="Radio-wrapper Radio-wrapper--tiny"
2090
+ />
2091
+ </div>
2092
+ <div
2093
+ class="Radio-labelWrapper"
2094
+ >
2095
+ <label
2096
+ class="Radio-Label"
2097
+ data-test="DesignSystem-Radio-Label"
2098
+ for="choiceList-radio-Test-uid"
2099
+ >
2100
+ <span
2101
+ class="Text Text--disabled Text--small"
2102
+ data-test="DesignSystem-Text"
2103
+ >
2104
+ radio
2105
+ </span>
2106
+ </label>
2107
+ </div>
2108
+ </div>
2109
+ </div>
2110
+ </fieldset>
2111
+ </div>
2112
+ </body>
2113
+ `;
2114
+
2115
+ exports[`ChoiceList component
2116
+ title: "ChoiceList", choices: {}, size: "tiny", alignment: "horizontal", allowMultiple: true, disabled: false, name: "ChoiceList", value: "ChoiceList", onChange: "[Function]"
2117
+ 1`] = `
2118
+ <body>
2119
+ <div>
2120
+ <fieldset
2121
+ class="ChoiceList"
2122
+ data-test="DesignSystem-ChoiceList-Wrapper"
2123
+ >
2124
+ <div
2125
+ class="Label"
2126
+ data-test="DesignSystem-Label"
2127
+ >
2128
+ <label
2129
+ class="Label-text"
2130
+ data-test="DesignSystem-Label--Text"
2131
+ >
2132
+ ChoiceList
2133
+ </label>
2134
+ </div>
2135
+ <div
2136
+ class="ChoiceList--alignHorizontal"
2137
+ >
2138
+ <div
2139
+ class="Checkbox ChoiceList-checkbox--horizontal ml-0"
2140
+ data-test="DesignSystem-Checkbox"
2141
+ >
2142
+ <div
2143
+ class="Checkbox-outerWrapper Checkbox-outerWrapper--tiny"
2144
+ data-test="DesignSystem-Checkbox-OuterWrapper"
2145
+ >
2146
+ <input
2147
+ class="Checkbox-input"
2148
+ data-test="DesignSystem-Checkbox-InputBox"
2149
+ id="choiceList-radio-Test-uid"
2150
+ name="choiceList"
2151
+ tabindex="0"
2152
+ type="checkbox"
2153
+ value="radio"
2154
+ />
2155
+ <span
2156
+ class="Checkbox-wrapper"
2157
+ data-test="DesignSystem-Checkbox-Icon"
2158
+ />
2159
+ </div>
2160
+ <div
2161
+ class="Checkbox-labelWrapper"
2162
+ >
2163
+ <label
2164
+ class="Checkbox-label"
2165
+ data-test="DesignSystem-Checkbox-Label"
2166
+ for="choiceList-radio-Test-uid"
2167
+ >
2168
+ <span
2169
+ class="Text Text--default Text--small"
2170
+ data-test="DesignSystem-Text"
2171
+ >
2172
+ radio
2173
+ </span>
2174
+ </label>
2175
+ </div>
2176
+ </div>
2177
+ <div
2178
+ class="Checkbox ChoiceList-checkbox--horizontal"
2179
+ data-test="DesignSystem-Checkbox"
2180
+ >
2181
+ <div
2182
+ class="Checkbox-outerWrapper Checkbox-outerWrapper--tiny"
2183
+ data-test="DesignSystem-Checkbox-OuterWrapper"
2184
+ >
2185
+ <input
2186
+ class="Checkbox-input"
2187
+ data-test="DesignSystem-Checkbox-InputBox"
2188
+ id="choiceList-radio-Test-uid"
2189
+ name="choiceList"
2190
+ tabindex="0"
2191
+ type="checkbox"
2192
+ value="radio"
2193
+ />
2194
+ <span
2195
+ class="Checkbox-wrapper"
2196
+ data-test="DesignSystem-Checkbox-Icon"
2197
+ />
2198
+ </div>
2199
+ <div
2200
+ class="Checkbox-labelWrapper"
2201
+ >
2202
+ <label
2203
+ class="Checkbox-label"
2204
+ data-test="DesignSystem-Checkbox-Label"
2205
+ for="choiceList-radio-Test-uid"
2206
+ >
2207
+ <span
2208
+ class="Text Text--default Text--small"
2209
+ data-test="DesignSystem-Text"
2210
+ >
2211
+ radio
2212
+ </span>
2213
+ </label>
2214
+ </div>
2215
+ </div>
2216
+ </div>
2217
+ </fieldset>
2218
+ </div>
2219
+ </body>
2220
+ `;
2221
+
2222
+ exports[`ChoiceList component
2223
+ title: "ChoiceList", choices: {}, size: "tiny", alignment: "horizontal", allowMultiple: true, disabled: false, name: "ChoiceList", value: "ChoiceList", onChange: "[Function]"
2224
+ 2`] = `
2225
+ <body>
2226
+ <div>
2227
+ <fieldset
2228
+ class="ChoiceList"
2229
+ data-test="DesignSystem-ChoiceList-Wrapper"
2230
+ >
2231
+ <div
2232
+ class="Label"
2233
+ data-test="DesignSystem-Label"
2234
+ >
2235
+ <label
2236
+ class="Label-text"
2237
+ data-test="DesignSystem-Label--Text"
2238
+ >
2239
+ ChoiceList
2240
+ </label>
2241
+ </div>
2242
+ <div
2243
+ class="ChoiceList--alignHorizontal"
2244
+ >
2245
+ <div
2246
+ class="Checkbox ChoiceList-checkbox--horizontal ml-0"
2247
+ data-test="DesignSystem-Checkbox"
2248
+ >
2249
+ <div
2250
+ class="Checkbox-outerWrapper Checkbox-outerWrapper--tiny"
2251
+ data-test="DesignSystem-Checkbox-OuterWrapper"
2252
+ >
2253
+ <input
2254
+ class="Checkbox-input"
2255
+ data-test="DesignSystem-Checkbox-InputBox"
2256
+ id="choiceList-radio-Test-uid"
2257
+ name="choiceList"
2258
+ tabindex="0"
2259
+ type="checkbox"
2260
+ value="radio"
2261
+ />
2262
+ <span
2263
+ class="Checkbox-wrapper"
2264
+ data-test="DesignSystem-Checkbox-Icon"
2265
+ />
2266
+ </div>
2267
+ <div
2268
+ class="Checkbox-labelWrapper"
2269
+ >
2270
+ <label
2271
+ class="Checkbox-label"
2272
+ data-test="DesignSystem-Checkbox-Label"
2273
+ for="choiceList-radio-Test-uid"
2274
+ >
2275
+ <span
2276
+ class="Text Text--default Text--small"
2277
+ data-test="DesignSystem-Text"
2278
+ >
2279
+ radio
2280
+ </span>
2281
+ </label>
2282
+ </div>
2283
+ </div>
2284
+ <div
2285
+ class="Checkbox ChoiceList-checkbox--horizontal"
2286
+ data-test="DesignSystem-Checkbox"
2287
+ >
2288
+ <div
2289
+ class="Checkbox-outerWrapper Checkbox-outerWrapper--tiny"
2290
+ data-test="DesignSystem-Checkbox-OuterWrapper"
2291
+ >
2292
+ <input
2293
+ class="Checkbox-input"
2294
+ data-test="DesignSystem-Checkbox-InputBox"
2295
+ id="choiceList-radio-Test-uid"
2296
+ name="choiceList"
2297
+ tabindex="0"
2298
+ type="checkbox"
2299
+ value="radio"
2300
+ />
2301
+ <span
2302
+ class="Checkbox-wrapper"
2303
+ data-test="DesignSystem-Checkbox-Icon"
2304
+ />
2305
+ </div>
2306
+ <div
2307
+ class="Checkbox-labelWrapper"
2308
+ >
2309
+ <label
2310
+ class="Checkbox-label"
2311
+ data-test="DesignSystem-Checkbox-Label"
2312
+ for="choiceList-radio-Test-uid"
2313
+ >
2314
+ <span
2315
+ class="Text Text--default Text--small"
2316
+ data-test="DesignSystem-Text"
2317
+ >
2318
+ radio
2319
+ </span>
2320
+ </label>
2321
+ </div>
2322
+ </div>
2323
+ </div>
2324
+ </fieldset>
2325
+ </div>
2326
+ </body>
2327
+ `;
2328
+
2329
+ exports[`ChoiceList component
2330
+ title: "ChoiceList", choices: {}, size: "tiny", alignment: "horizontal", allowMultiple: true, disabled: true, name: "ChoiceList", value: "ChoiceList", onChange: "[Function]"
2331
+ 1`] = `
2332
+ <body>
2333
+ <div>
2334
+ <fieldset
2335
+ class="ChoiceList"
2336
+ data-test="DesignSystem-ChoiceList-Wrapper"
2337
+ >
2338
+ <div
2339
+ class="Label"
2340
+ data-test="DesignSystem-Label"
2341
+ >
2342
+ <label
2343
+ class="Label-text"
2344
+ data-test="DesignSystem-Label--Text"
2345
+ >
2346
+ ChoiceList
2347
+ </label>
2348
+ </div>
2349
+ <div
2350
+ class="ChoiceList--alignHorizontal"
2351
+ >
2352
+ <div
2353
+ class="Checkbox Checkbox--disabled ChoiceList-checkbox--horizontal ml-0"
2354
+ data-test="DesignSystem-Checkbox"
2355
+ >
2356
+ <div
2357
+ class="Checkbox-outerWrapper Checkbox-outerWrapper--tiny"
2358
+ data-test="DesignSystem-Checkbox-OuterWrapper"
2359
+ >
2360
+ <input
2361
+ class="Checkbox-input"
2362
+ data-test="DesignSystem-Checkbox-InputBox"
2363
+ disabled=""
2364
+ id="choiceList-radio-Test-uid"
2365
+ name="choiceList"
2366
+ tabindex="0"
2367
+ type="checkbox"
2368
+ value="radio"
2369
+ />
2370
+ <span
2371
+ class="Checkbox-wrapper"
2372
+ data-test="DesignSystem-Checkbox-Icon"
2373
+ />
2374
+ </div>
2375
+ <div
2376
+ class="Checkbox-labelWrapper"
2377
+ >
2378
+ <label
2379
+ class="Checkbox-label"
2380
+ data-test="DesignSystem-Checkbox-Label"
2381
+ for="choiceList-radio-Test-uid"
2382
+ >
2383
+ <span
2384
+ class="Text Text--disabled Text--small"
2385
+ data-test="DesignSystem-Text"
2386
+ >
2387
+ radio
2388
+ </span>
2389
+ </label>
2390
+ </div>
2391
+ </div>
2392
+ <div
2393
+ class="Checkbox Checkbox--disabled ChoiceList-checkbox--horizontal"
2394
+ data-test="DesignSystem-Checkbox"
2395
+ >
2396
+ <div
2397
+ class="Checkbox-outerWrapper Checkbox-outerWrapper--tiny"
2398
+ data-test="DesignSystem-Checkbox-OuterWrapper"
2399
+ >
2400
+ <input
2401
+ class="Checkbox-input"
2402
+ data-test="DesignSystem-Checkbox-InputBox"
2403
+ disabled=""
2404
+ id="choiceList-radio-Test-uid"
2405
+ name="choiceList"
2406
+ tabindex="0"
2407
+ type="checkbox"
2408
+ value="radio"
2409
+ />
2410
+ <span
2411
+ class="Checkbox-wrapper"
2412
+ data-test="DesignSystem-Checkbox-Icon"
2413
+ />
2414
+ </div>
2415
+ <div
2416
+ class="Checkbox-labelWrapper"
2417
+ >
2418
+ <label
2419
+ class="Checkbox-label"
2420
+ data-test="DesignSystem-Checkbox-Label"
2421
+ for="choiceList-radio-Test-uid"
2422
+ >
2423
+ <span
2424
+ class="Text Text--disabled Text--small"
2425
+ data-test="DesignSystem-Text"
2426
+ >
2427
+ radio
2428
+ </span>
2429
+ </label>
2430
+ </div>
2431
+ </div>
2432
+ </div>
2433
+ </fieldset>
2434
+ </div>
2435
+ </body>
2436
+ `;
2437
+
2438
+ exports[`ChoiceList component
2439
+ title: "ChoiceList", choices: {}, size: "tiny", alignment: "horizontal", allowMultiple: true, disabled: true, name: "ChoiceList", value: "ChoiceList", onChange: "[Function]"
2440
+ 2`] = `
2441
+ <body>
2442
+ <div>
2443
+ <fieldset
2444
+ class="ChoiceList"
2445
+ data-test="DesignSystem-ChoiceList-Wrapper"
2446
+ >
2447
+ <div
2448
+ class="Label"
2449
+ data-test="DesignSystem-Label"
2450
+ >
2451
+ <label
2452
+ class="Label-text"
2453
+ data-test="DesignSystem-Label--Text"
2454
+ >
2455
+ ChoiceList
2456
+ </label>
2457
+ </div>
2458
+ <div
2459
+ class="ChoiceList--alignHorizontal"
2460
+ >
2461
+ <div
2462
+ class="Checkbox Checkbox--disabled ChoiceList-checkbox--horizontal ml-0"
2463
+ data-test="DesignSystem-Checkbox"
2464
+ >
2465
+ <div
2466
+ class="Checkbox-outerWrapper Checkbox-outerWrapper--tiny"
2467
+ data-test="DesignSystem-Checkbox-OuterWrapper"
2468
+ >
2469
+ <input
2470
+ class="Checkbox-input"
2471
+ data-test="DesignSystem-Checkbox-InputBox"
2472
+ disabled=""
2473
+ id="choiceList-radio-Test-uid"
2474
+ name="choiceList"
2475
+ tabindex="0"
2476
+ type="checkbox"
2477
+ value="radio"
2478
+ />
2479
+ <span
2480
+ class="Checkbox-wrapper"
2481
+ data-test="DesignSystem-Checkbox-Icon"
2482
+ />
2483
+ </div>
2484
+ <div
2485
+ class="Checkbox-labelWrapper"
2486
+ >
2487
+ <label
2488
+ class="Checkbox-label"
2489
+ data-test="DesignSystem-Checkbox-Label"
2490
+ for="choiceList-radio-Test-uid"
2491
+ >
2492
+ <span
2493
+ class="Text Text--disabled Text--small"
2494
+ data-test="DesignSystem-Text"
2495
+ >
2496
+ radio
2497
+ </span>
2498
+ </label>
2499
+ </div>
2500
+ </div>
2501
+ <div
2502
+ class="Checkbox Checkbox--disabled ChoiceList-checkbox--horizontal"
2503
+ data-test="DesignSystem-Checkbox"
2504
+ >
2505
+ <div
2506
+ class="Checkbox-outerWrapper Checkbox-outerWrapper--tiny"
2507
+ data-test="DesignSystem-Checkbox-OuterWrapper"
2508
+ >
2509
+ <input
2510
+ class="Checkbox-input"
2511
+ data-test="DesignSystem-Checkbox-InputBox"
2512
+ disabled=""
2513
+ id="choiceList-radio-Test-uid"
2514
+ name="choiceList"
2515
+ tabindex="0"
2516
+ type="checkbox"
2517
+ value="radio"
2518
+ />
2519
+ <span
2520
+ class="Checkbox-wrapper"
2521
+ data-test="DesignSystem-Checkbox-Icon"
2522
+ />
2523
+ </div>
2524
+ <div
2525
+ class="Checkbox-labelWrapper"
2526
+ >
2527
+ <label
2528
+ class="Checkbox-label"
2529
+ data-test="DesignSystem-Checkbox-Label"
2530
+ for="choiceList-radio-Test-uid"
2531
+ >
2532
+ <span
2533
+ class="Text Text--disabled Text--small"
2534
+ data-test="DesignSystem-Text"
2535
+ >
2536
+ radio
2537
+ </span>
2538
+ </label>
2539
+ </div>
2540
+ </div>
2541
+ </div>
2542
+ </fieldset>
2543
+ </div>
2544
+ </body>
2545
+ `;
2546
+
2547
+ exports[`ChoiceList component
2548
+ title: "ChoiceList", choices: {}, size: "tiny", alignment: "vertical", allowMultiple: false, disabled: false, name: "ChoiceList", value: "ChoiceList", onChange: "[Function]"
2549
+ 1`] = `
2550
+ <body>
2551
+ <div>
2552
+ <fieldset
2553
+ class="ChoiceList"
2554
+ data-test="DesignSystem-ChoiceList-Wrapper"
2555
+ >
2556
+ <div
2557
+ class="Label"
2558
+ data-test="DesignSystem-Label"
2559
+ >
2560
+ <label
2561
+ class="Label-text"
2562
+ data-test="DesignSystem-Label--Text"
2563
+ >
2564
+ ChoiceList
2565
+ </label>
2566
+ </div>
2567
+ <div
2568
+ class="ChoiceList--alignVertical"
2569
+ >
2570
+ <div
2571
+ class="Radio ChoiceList-radio--vertical mt-0"
2572
+ data-test="DesignSystem-Radio"
2573
+ >
2574
+ <div
2575
+ class="Radio-outerWrapper Radio-outerWrapper--tiny"
2576
+ data-test="DesignSystem-Radio-OuterWrapper"
2577
+ >
2578
+ <input
2579
+ class="Radio-input"
2580
+ data-test="DesignSystem-Radio-Input"
2581
+ id="choiceList-radio-Test-uid"
2582
+ name="choiceList"
2583
+ type="radio"
2584
+ value="radio"
2585
+ />
2586
+ <span
2587
+ class="Radio-wrapper Radio-wrapper--tiny"
2588
+ />
2589
+ </div>
2590
+ <div
2591
+ class="Radio-labelWrapper"
2592
+ >
2593
+ <label
2594
+ class="Radio-Label"
2595
+ data-test="DesignSystem-Radio-Label"
2596
+ for="choiceList-radio-Test-uid"
2597
+ >
2598
+ <span
2599
+ class="Text Text--default Text--small"
2600
+ data-test="DesignSystem-Text"
2601
+ >
2602
+ radio
2603
+ </span>
2604
+ </label>
2605
+ </div>
2606
+ </div>
2607
+ <div
2608
+ class="Radio ChoiceList-radio--vertical"
2609
+ data-test="DesignSystem-Radio"
2610
+ >
2611
+ <div
2612
+ class="Radio-outerWrapper Radio-outerWrapper--tiny"
2613
+ data-test="DesignSystem-Radio-OuterWrapper"
2614
+ >
2615
+ <input
2616
+ class="Radio-input"
2617
+ data-test="DesignSystem-Radio-Input"
2618
+ id="choiceList-radio-Test-uid"
2619
+ name="choiceList"
2620
+ type="radio"
2621
+ value="radio"
2622
+ />
2623
+ <span
2624
+ class="Radio-wrapper Radio-wrapper--tiny"
2625
+ />
2626
+ </div>
2627
+ <div
2628
+ class="Radio-labelWrapper"
2629
+ >
2630
+ <label
2631
+ class="Radio-Label"
2632
+ data-test="DesignSystem-Radio-Label"
2633
+ for="choiceList-radio-Test-uid"
2634
+ >
2635
+ <span
2636
+ class="Text Text--default Text--small"
2637
+ data-test="DesignSystem-Text"
2638
+ >
2639
+ radio
2640
+ </span>
2641
+ </label>
2642
+ </div>
2643
+ </div>
2644
+ </div>
2645
+ </fieldset>
2646
+ </div>
2647
+ </body>
2648
+ `;
2649
+
2650
+ exports[`ChoiceList component
2651
+ title: "ChoiceList", choices: {}, size: "tiny", alignment: "vertical", allowMultiple: false, disabled: false, name: "ChoiceList", value: "ChoiceList", onChange: "[Function]"
2652
+ 2`] = `
2653
+ <body>
2654
+ <div>
2655
+ <fieldset
2656
+ class="ChoiceList"
2657
+ data-test="DesignSystem-ChoiceList-Wrapper"
2658
+ >
2659
+ <div
2660
+ class="Label"
2661
+ data-test="DesignSystem-Label"
2662
+ >
2663
+ <label
2664
+ class="Label-text"
2665
+ data-test="DesignSystem-Label--Text"
2666
+ >
2667
+ ChoiceList
2668
+ </label>
2669
+ </div>
2670
+ <div
2671
+ class="ChoiceList--alignVertical"
2672
+ >
2673
+ <div
2674
+ class="Radio ChoiceList-radio--vertical mt-0"
2675
+ data-test="DesignSystem-Radio"
2676
+ >
2677
+ <div
2678
+ class="Radio-outerWrapper Radio-outerWrapper--tiny"
2679
+ data-test="DesignSystem-Radio-OuterWrapper"
2680
+ >
2681
+ <input
2682
+ class="Radio-input"
2683
+ data-test="DesignSystem-Radio-Input"
2684
+ id="choiceList-radio-Test-uid"
2685
+ name="choiceList"
2686
+ type="radio"
2687
+ value="radio"
2688
+ />
2689
+ <span
2690
+ class="Radio-wrapper Radio-wrapper--tiny"
2691
+ />
2692
+ </div>
2693
+ <div
2694
+ class="Radio-labelWrapper"
2695
+ >
2696
+ <label
2697
+ class="Radio-Label"
2698
+ data-test="DesignSystem-Radio-Label"
2699
+ for="choiceList-radio-Test-uid"
2700
+ >
2701
+ <span
2702
+ class="Text Text--default Text--small"
2703
+ data-test="DesignSystem-Text"
2704
+ >
2705
+ radio
2706
+ </span>
2707
+ </label>
2708
+ </div>
2709
+ </div>
2710
+ <div
2711
+ class="Radio ChoiceList-radio--vertical"
2712
+ data-test="DesignSystem-Radio"
2713
+ >
2714
+ <div
2715
+ class="Radio-outerWrapper Radio-outerWrapper--tiny"
2716
+ data-test="DesignSystem-Radio-OuterWrapper"
2717
+ >
2718
+ <input
2719
+ class="Radio-input"
2720
+ data-test="DesignSystem-Radio-Input"
2721
+ id="choiceList-radio-Test-uid"
2722
+ name="choiceList"
2723
+ type="radio"
2724
+ value="radio"
2725
+ />
2726
+ <span
2727
+ class="Radio-wrapper Radio-wrapper--tiny"
2728
+ />
2729
+ </div>
2730
+ <div
2731
+ class="Radio-labelWrapper"
2732
+ >
2733
+ <label
2734
+ class="Radio-Label"
2735
+ data-test="DesignSystem-Radio-Label"
2736
+ for="choiceList-radio-Test-uid"
2737
+ >
2738
+ <span
2739
+ class="Text Text--default Text--small"
2740
+ data-test="DesignSystem-Text"
2741
+ >
2742
+ radio
2743
+ </span>
2744
+ </label>
2745
+ </div>
2746
+ </div>
2747
+ </div>
2748
+ </fieldset>
2749
+ </div>
2750
+ </body>
2751
+ `;
2752
+
2753
+ exports[`ChoiceList component
2754
+ title: "ChoiceList", choices: {}, size: "tiny", alignment: "vertical", allowMultiple: false, disabled: true, name: "ChoiceList", value: "ChoiceList", onChange: "[Function]"
2755
+ 1`] = `
2756
+ <body>
2757
+ <div>
2758
+ <fieldset
2759
+ class="ChoiceList"
2760
+ data-test="DesignSystem-ChoiceList-Wrapper"
2761
+ >
2762
+ <div
2763
+ class="Label"
2764
+ data-test="DesignSystem-Label"
2765
+ >
2766
+ <label
2767
+ class="Label-text"
2768
+ data-test="DesignSystem-Label--Text"
2769
+ >
2770
+ ChoiceList
2771
+ </label>
2772
+ </div>
2773
+ <div
2774
+ class="ChoiceList--alignVertical"
2775
+ >
2776
+ <div
2777
+ class="Radio Radio--disabled ChoiceList-radio--vertical mt-0"
2778
+ data-test="DesignSystem-Radio"
2779
+ >
2780
+ <div
2781
+ class="Radio-outerWrapper Radio-outerWrapper--tiny"
2782
+ data-test="DesignSystem-Radio-OuterWrapper"
2783
+ >
2784
+ <input
2785
+ class="Radio-input"
2786
+ data-test="DesignSystem-Radio-Input"
2787
+ disabled=""
2788
+ id="choiceList-radio-Test-uid"
2789
+ name="choiceList"
2790
+ type="radio"
2791
+ value="radio"
2792
+ />
2793
+ <span
2794
+ class="Radio-wrapper Radio-wrapper--tiny"
2795
+ />
2796
+ </div>
2797
+ <div
2798
+ class="Radio-labelWrapper"
2799
+ >
2800
+ <label
2801
+ class="Radio-Label"
2802
+ data-test="DesignSystem-Radio-Label"
2803
+ for="choiceList-radio-Test-uid"
2804
+ >
2805
+ <span
2806
+ class="Text Text--disabled Text--small"
2807
+ data-test="DesignSystem-Text"
2808
+ >
2809
+ radio
2810
+ </span>
2811
+ </label>
2812
+ </div>
2813
+ </div>
2814
+ <div
2815
+ class="Radio Radio--disabled ChoiceList-radio--vertical"
2816
+ data-test="DesignSystem-Radio"
2817
+ >
2818
+ <div
2819
+ class="Radio-outerWrapper Radio-outerWrapper--tiny"
2820
+ data-test="DesignSystem-Radio-OuterWrapper"
2821
+ >
2822
+ <input
2823
+ class="Radio-input"
2824
+ data-test="DesignSystem-Radio-Input"
2825
+ disabled=""
2826
+ id="choiceList-radio-Test-uid"
2827
+ name="choiceList"
2828
+ type="radio"
2829
+ value="radio"
2830
+ />
2831
+ <span
2832
+ class="Radio-wrapper Radio-wrapper--tiny"
2833
+ />
2834
+ </div>
2835
+ <div
2836
+ class="Radio-labelWrapper"
2837
+ >
2838
+ <label
2839
+ class="Radio-Label"
2840
+ data-test="DesignSystem-Radio-Label"
2841
+ for="choiceList-radio-Test-uid"
2842
+ >
2843
+ <span
2844
+ class="Text Text--disabled Text--small"
2845
+ data-test="DesignSystem-Text"
2846
+ >
2847
+ radio
2848
+ </span>
2849
+ </label>
2850
+ </div>
2851
+ </div>
2852
+ </div>
2853
+ </fieldset>
2854
+ </div>
2855
+ </body>
2856
+ `;
2857
+
2858
+ exports[`ChoiceList component
2859
+ title: "ChoiceList", choices: {}, size: "tiny", alignment: "vertical", allowMultiple: false, disabled: true, name: "ChoiceList", value: "ChoiceList", onChange: "[Function]"
2860
+ 2`] = `
2861
+ <body>
2862
+ <div>
2863
+ <fieldset
2864
+ class="ChoiceList"
2865
+ data-test="DesignSystem-ChoiceList-Wrapper"
2866
+ >
2867
+ <div
2868
+ class="Label"
2869
+ data-test="DesignSystem-Label"
2870
+ >
2871
+ <label
2872
+ class="Label-text"
2873
+ data-test="DesignSystem-Label--Text"
2874
+ >
2875
+ ChoiceList
2876
+ </label>
2877
+ </div>
2878
+ <div
2879
+ class="ChoiceList--alignVertical"
2880
+ >
2881
+ <div
2882
+ class="Radio Radio--disabled ChoiceList-radio--vertical mt-0"
2883
+ data-test="DesignSystem-Radio"
2884
+ >
2885
+ <div
2886
+ class="Radio-outerWrapper Radio-outerWrapper--tiny"
2887
+ data-test="DesignSystem-Radio-OuterWrapper"
2888
+ >
2889
+ <input
2890
+ class="Radio-input"
2891
+ data-test="DesignSystem-Radio-Input"
2892
+ disabled=""
2893
+ id="choiceList-radio-Test-uid"
2894
+ name="choiceList"
2895
+ type="radio"
2896
+ value="radio"
2897
+ />
2898
+ <span
2899
+ class="Radio-wrapper Radio-wrapper--tiny"
2900
+ />
2901
+ </div>
2902
+ <div
2903
+ class="Radio-labelWrapper"
2904
+ >
2905
+ <label
2906
+ class="Radio-Label"
2907
+ data-test="DesignSystem-Radio-Label"
2908
+ for="choiceList-radio-Test-uid"
2909
+ >
2910
+ <span
2911
+ class="Text Text--disabled Text--small"
2912
+ data-test="DesignSystem-Text"
2913
+ >
2914
+ radio
2915
+ </span>
2916
+ </label>
2917
+ </div>
2918
+ </div>
2919
+ <div
2920
+ class="Radio Radio--disabled ChoiceList-radio--vertical"
2921
+ data-test="DesignSystem-Radio"
2922
+ >
2923
+ <div
2924
+ class="Radio-outerWrapper Radio-outerWrapper--tiny"
2925
+ data-test="DesignSystem-Radio-OuterWrapper"
2926
+ >
2927
+ <input
2928
+ class="Radio-input"
2929
+ data-test="DesignSystem-Radio-Input"
2930
+ disabled=""
2931
+ id="choiceList-radio-Test-uid"
2932
+ name="choiceList"
2933
+ type="radio"
2934
+ value="radio"
2935
+ />
2936
+ <span
2937
+ class="Radio-wrapper Radio-wrapper--tiny"
2938
+ />
2939
+ </div>
2940
+ <div
2941
+ class="Radio-labelWrapper"
2942
+ >
2943
+ <label
2944
+ class="Radio-Label"
2945
+ data-test="DesignSystem-Radio-Label"
2946
+ for="choiceList-radio-Test-uid"
2947
+ >
2948
+ <span
2949
+ class="Text Text--disabled Text--small"
2950
+ data-test="DesignSystem-Text"
2951
+ >
2952
+ radio
2953
+ </span>
2954
+ </label>
2955
+ </div>
2956
+ </div>
2957
+ </div>
2958
+ </fieldset>
2959
+ </div>
2960
+ </body>
2961
+ `;
2962
+
2963
+ exports[`ChoiceList component
2964
+ title: "ChoiceList", choices: {}, size: "tiny", alignment: "vertical", allowMultiple: true, disabled: false, name: "ChoiceList", value: "ChoiceList", onChange: "[Function]"
2965
+ 1`] = `
2966
+ <body>
2967
+ <div>
2968
+ <fieldset
2969
+ class="ChoiceList"
2970
+ data-test="DesignSystem-ChoiceList-Wrapper"
2971
+ >
2972
+ <div
2973
+ class="Label"
2974
+ data-test="DesignSystem-Label"
2975
+ >
2976
+ <label
2977
+ class="Label-text"
2978
+ data-test="DesignSystem-Label--Text"
2979
+ >
2980
+ ChoiceList
2981
+ </label>
2982
+ </div>
2983
+ <div
2984
+ class="ChoiceList--alignVertical"
2985
+ >
2986
+ <div
2987
+ class="Checkbox ChoiceList-checkbox--vertical mt-0"
2988
+ data-test="DesignSystem-Checkbox"
2989
+ >
2990
+ <div
2991
+ class="Checkbox-outerWrapper Checkbox-outerWrapper--tiny"
2992
+ data-test="DesignSystem-Checkbox-OuterWrapper"
2993
+ >
2994
+ <input
2995
+ class="Checkbox-input"
2996
+ data-test="DesignSystem-Checkbox-InputBox"
2997
+ id="choiceList-radio-Test-uid"
2998
+ name="choiceList"
2999
+ tabindex="0"
3000
+ type="checkbox"
3001
+ value="radio"
3002
+ />
3003
+ <span
3004
+ class="Checkbox-wrapper"
3005
+ data-test="DesignSystem-Checkbox-Icon"
3006
+ />
3007
+ </div>
3008
+ <div
3009
+ class="Checkbox-labelWrapper"
3010
+ >
3011
+ <label
3012
+ class="Checkbox-label"
3013
+ data-test="DesignSystem-Checkbox-Label"
3014
+ for="choiceList-radio-Test-uid"
3015
+ >
3016
+ <span
3017
+ class="Text Text--default Text--small"
3018
+ data-test="DesignSystem-Text"
3019
+ >
3020
+ radio
3021
+ </span>
3022
+ </label>
3023
+ </div>
3024
+ </div>
3025
+ <div
3026
+ class="Checkbox ChoiceList-checkbox--vertical"
3027
+ data-test="DesignSystem-Checkbox"
3028
+ >
3029
+ <div
3030
+ class="Checkbox-outerWrapper Checkbox-outerWrapper--tiny"
3031
+ data-test="DesignSystem-Checkbox-OuterWrapper"
3032
+ >
3033
+ <input
3034
+ class="Checkbox-input"
3035
+ data-test="DesignSystem-Checkbox-InputBox"
3036
+ id="choiceList-radio-Test-uid"
3037
+ name="choiceList"
3038
+ tabindex="0"
3039
+ type="checkbox"
3040
+ value="radio"
3041
+ />
3042
+ <span
3043
+ class="Checkbox-wrapper"
3044
+ data-test="DesignSystem-Checkbox-Icon"
3045
+ />
3046
+ </div>
3047
+ <div
3048
+ class="Checkbox-labelWrapper"
3049
+ >
3050
+ <label
3051
+ class="Checkbox-label"
3052
+ data-test="DesignSystem-Checkbox-Label"
3053
+ for="choiceList-radio-Test-uid"
3054
+ >
3055
+ <span
3056
+ class="Text Text--default Text--small"
3057
+ data-test="DesignSystem-Text"
3058
+ >
3059
+ radio
3060
+ </span>
3061
+ </label>
3062
+ </div>
3063
+ </div>
3064
+ </div>
3065
+ </fieldset>
3066
+ </div>
3067
+ </body>
3068
+ `;
3069
+
3070
+ exports[`ChoiceList component
3071
+ title: "ChoiceList", choices: {}, size: "tiny", alignment: "vertical", allowMultiple: true, disabled: false, name: "ChoiceList", value: "ChoiceList", onChange: "[Function]"
3072
+ 2`] = `
3073
+ <body>
3074
+ <div>
3075
+ <fieldset
3076
+ class="ChoiceList"
3077
+ data-test="DesignSystem-ChoiceList-Wrapper"
3078
+ >
3079
+ <div
3080
+ class="Label"
3081
+ data-test="DesignSystem-Label"
3082
+ >
3083
+ <label
3084
+ class="Label-text"
3085
+ data-test="DesignSystem-Label--Text"
3086
+ >
3087
+ ChoiceList
3088
+ </label>
3089
+ </div>
3090
+ <div
3091
+ class="ChoiceList--alignVertical"
3092
+ >
3093
+ <div
3094
+ class="Checkbox ChoiceList-checkbox--vertical mt-0"
3095
+ data-test="DesignSystem-Checkbox"
3096
+ >
3097
+ <div
3098
+ class="Checkbox-outerWrapper Checkbox-outerWrapper--tiny"
3099
+ data-test="DesignSystem-Checkbox-OuterWrapper"
3100
+ >
3101
+ <input
3102
+ class="Checkbox-input"
3103
+ data-test="DesignSystem-Checkbox-InputBox"
3104
+ id="choiceList-radio-Test-uid"
3105
+ name="choiceList"
3106
+ tabindex="0"
3107
+ type="checkbox"
3108
+ value="radio"
3109
+ />
3110
+ <span
3111
+ class="Checkbox-wrapper"
3112
+ data-test="DesignSystem-Checkbox-Icon"
3113
+ />
3114
+ </div>
3115
+ <div
3116
+ class="Checkbox-labelWrapper"
3117
+ >
3118
+ <label
3119
+ class="Checkbox-label"
3120
+ data-test="DesignSystem-Checkbox-Label"
3121
+ for="choiceList-radio-Test-uid"
3122
+ >
3123
+ <span
3124
+ class="Text Text--default Text--small"
3125
+ data-test="DesignSystem-Text"
3126
+ >
3127
+ radio
3128
+ </span>
3129
+ </label>
3130
+ </div>
3131
+ </div>
3132
+ <div
3133
+ class="Checkbox ChoiceList-checkbox--vertical"
3134
+ data-test="DesignSystem-Checkbox"
3135
+ >
3136
+ <div
3137
+ class="Checkbox-outerWrapper Checkbox-outerWrapper--tiny"
3138
+ data-test="DesignSystem-Checkbox-OuterWrapper"
3139
+ >
3140
+ <input
3141
+ class="Checkbox-input"
3142
+ data-test="DesignSystem-Checkbox-InputBox"
3143
+ id="choiceList-radio-Test-uid"
3144
+ name="choiceList"
3145
+ tabindex="0"
3146
+ type="checkbox"
3147
+ value="radio"
3148
+ />
3149
+ <span
3150
+ class="Checkbox-wrapper"
3151
+ data-test="DesignSystem-Checkbox-Icon"
3152
+ />
3153
+ </div>
3154
+ <div
3155
+ class="Checkbox-labelWrapper"
3156
+ >
3157
+ <label
3158
+ class="Checkbox-label"
3159
+ data-test="DesignSystem-Checkbox-Label"
3160
+ for="choiceList-radio-Test-uid"
3161
+ >
3162
+ <span
3163
+ class="Text Text--default Text--small"
3164
+ data-test="DesignSystem-Text"
3165
+ >
3166
+ radio
3167
+ </span>
3168
+ </label>
3169
+ </div>
3170
+ </div>
3171
+ </div>
3172
+ </fieldset>
3173
+ </div>
3174
+ </body>
3175
+ `;
3176
+
3177
+ exports[`ChoiceList component
3178
+ title: "ChoiceList", choices: {}, size: "tiny", alignment: "vertical", allowMultiple: true, disabled: true, name: "ChoiceList", value: "ChoiceList", onChange: "[Function]"
3179
+ 1`] = `
3180
+ <body>
3181
+ <div>
3182
+ <fieldset
3183
+ class="ChoiceList"
3184
+ data-test="DesignSystem-ChoiceList-Wrapper"
3185
+ >
3186
+ <div
3187
+ class="Label"
3188
+ data-test="DesignSystem-Label"
3189
+ >
3190
+ <label
3191
+ class="Label-text"
3192
+ data-test="DesignSystem-Label--Text"
3193
+ >
3194
+ ChoiceList
3195
+ </label>
3196
+ </div>
3197
+ <div
3198
+ class="ChoiceList--alignVertical"
3199
+ >
3200
+ <div
3201
+ class="Checkbox Checkbox--disabled ChoiceList-checkbox--vertical mt-0"
3202
+ data-test="DesignSystem-Checkbox"
3203
+ >
3204
+ <div
3205
+ class="Checkbox-outerWrapper Checkbox-outerWrapper--tiny"
3206
+ data-test="DesignSystem-Checkbox-OuterWrapper"
3207
+ >
3208
+ <input
3209
+ class="Checkbox-input"
3210
+ data-test="DesignSystem-Checkbox-InputBox"
3211
+ disabled=""
3212
+ id="choiceList-radio-Test-uid"
3213
+ name="choiceList"
3214
+ tabindex="0"
3215
+ type="checkbox"
3216
+ value="radio"
3217
+ />
3218
+ <span
3219
+ class="Checkbox-wrapper"
3220
+ data-test="DesignSystem-Checkbox-Icon"
3221
+ />
3222
+ </div>
3223
+ <div
3224
+ class="Checkbox-labelWrapper"
3225
+ >
3226
+ <label
3227
+ class="Checkbox-label"
3228
+ data-test="DesignSystem-Checkbox-Label"
3229
+ for="choiceList-radio-Test-uid"
3230
+ >
3231
+ <span
3232
+ class="Text Text--disabled Text--small"
3233
+ data-test="DesignSystem-Text"
3234
+ >
3235
+ radio
3236
+ </span>
3237
+ </label>
3238
+ </div>
3239
+ </div>
3240
+ <div
3241
+ class="Checkbox Checkbox--disabled ChoiceList-checkbox--vertical"
3242
+ data-test="DesignSystem-Checkbox"
3243
+ >
3244
+ <div
3245
+ class="Checkbox-outerWrapper Checkbox-outerWrapper--tiny"
3246
+ data-test="DesignSystem-Checkbox-OuterWrapper"
3247
+ >
3248
+ <input
3249
+ class="Checkbox-input"
3250
+ data-test="DesignSystem-Checkbox-InputBox"
3251
+ disabled=""
3252
+ id="choiceList-radio-Test-uid"
3253
+ name="choiceList"
3254
+ tabindex="0"
3255
+ type="checkbox"
3256
+ value="radio"
3257
+ />
3258
+ <span
3259
+ class="Checkbox-wrapper"
3260
+ data-test="DesignSystem-Checkbox-Icon"
3261
+ />
3262
+ </div>
3263
+ <div
3264
+ class="Checkbox-labelWrapper"
3265
+ >
3266
+ <label
3267
+ class="Checkbox-label"
3268
+ data-test="DesignSystem-Checkbox-Label"
3269
+ for="choiceList-radio-Test-uid"
3270
+ >
3271
+ <span
3272
+ class="Text Text--disabled Text--small"
3273
+ data-test="DesignSystem-Text"
3274
+ >
3275
+ radio
3276
+ </span>
3277
+ </label>
3278
+ </div>
3279
+ </div>
3280
+ </div>
3281
+ </fieldset>
3282
+ </div>
3283
+ </body>
3284
+ `;
3285
+
3286
+ exports[`ChoiceList component
3287
+ title: "ChoiceList", choices: {}, size: "tiny", alignment: "vertical", allowMultiple: true, disabled: true, name: "ChoiceList", value: "ChoiceList", onChange: "[Function]"
3288
+ 2`] = `
3289
+ <body>
3290
+ <div>
3291
+ <fieldset
3292
+ class="ChoiceList"
3293
+ data-test="DesignSystem-ChoiceList-Wrapper"
3294
+ >
3295
+ <div
3296
+ class="Label"
3297
+ data-test="DesignSystem-Label"
3298
+ >
3299
+ <label
3300
+ class="Label-text"
3301
+ data-test="DesignSystem-Label--Text"
3302
+ >
3303
+ ChoiceList
3304
+ </label>
3305
+ </div>
3306
+ <div
3307
+ class="ChoiceList--alignVertical"
3308
+ >
3309
+ <div
3310
+ class="Checkbox Checkbox--disabled ChoiceList-checkbox--vertical mt-0"
3311
+ data-test="DesignSystem-Checkbox"
3312
+ >
3313
+ <div
3314
+ class="Checkbox-outerWrapper Checkbox-outerWrapper--tiny"
3315
+ data-test="DesignSystem-Checkbox-OuterWrapper"
3316
+ >
3317
+ <input
3318
+ class="Checkbox-input"
3319
+ data-test="DesignSystem-Checkbox-InputBox"
3320
+ disabled=""
3321
+ id="choiceList-radio-Test-uid"
3322
+ name="choiceList"
3323
+ tabindex="0"
3324
+ type="checkbox"
3325
+ value="radio"
3326
+ />
3327
+ <span
3328
+ class="Checkbox-wrapper"
3329
+ data-test="DesignSystem-Checkbox-Icon"
3330
+ />
3331
+ </div>
3332
+ <div
3333
+ class="Checkbox-labelWrapper"
3334
+ >
3335
+ <label
3336
+ class="Checkbox-label"
3337
+ data-test="DesignSystem-Checkbox-Label"
3338
+ for="choiceList-radio-Test-uid"
3339
+ >
3340
+ <span
3341
+ class="Text Text--disabled Text--small"
3342
+ data-test="DesignSystem-Text"
3343
+ >
3344
+ radio
3345
+ </span>
3346
+ </label>
3347
+ </div>
3348
+ </div>
3349
+ <div
3350
+ class="Checkbox Checkbox--disabled ChoiceList-checkbox--vertical"
3351
+ data-test="DesignSystem-Checkbox"
3352
+ >
3353
+ <div
3354
+ class="Checkbox-outerWrapper Checkbox-outerWrapper--tiny"
3355
+ data-test="DesignSystem-Checkbox-OuterWrapper"
3356
+ >
3357
+ <input
3358
+ class="Checkbox-input"
3359
+ data-test="DesignSystem-Checkbox-InputBox"
3360
+ disabled=""
3361
+ id="choiceList-radio-Test-uid"
3362
+ name="choiceList"
3363
+ tabindex="0"
3364
+ type="checkbox"
3365
+ value="radio"
3366
+ />
3367
+ <span
3368
+ class="Checkbox-wrapper"
3369
+ data-test="DesignSystem-Checkbox-Icon"
3370
+ />
3371
+ </div>
3372
+ <div
3373
+ class="Checkbox-labelWrapper"
3374
+ >
3375
+ <label
3376
+ class="Checkbox-label"
3377
+ data-test="DesignSystem-Checkbox-Label"
3378
+ for="choiceList-radio-Test-uid"
3379
+ >
3380
+ <span
3381
+ class="Text Text--disabled Text--small"
3382
+ data-test="DesignSystem-Text"
3383
+ >
3384
+ radio
3385
+ </span>
3386
+ </label>
3387
+ </div>
3388
+ </div>
3389
+ </div>
3390
+ </fieldset>
3391
+ </div>
3392
+ </body>
3393
+ `;