@khanacademy/perseus 1.0.0 → 1.1.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 (49) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/dist/es/index.css +17 -8
  3. package/dist/es/index.js +258 -223
  4. package/dist/es/index.js.map +1 -1
  5. package/dist/index.css +17 -8
  6. package/dist/index.js +261 -225
  7. package/dist/index.js.map +1 -1
  8. package/package.json +1 -1
  9. package/src/components/__stories__/input-with-examples.stories.jsx +1 -0
  10. package/src/components/input-with-examples.jsx +41 -24
  11. package/src/components/number-input.jsx +2 -2
  12. package/src/components/simple-keypad-input.jsx +18 -21
  13. package/src/components/text-input.jsx +5 -3
  14. package/src/index.js +1 -1
  15. package/src/multi-items/__tests__/__snapshots__/multi-renderer_test.js.snap +356 -65
  16. package/src/multi-items/__tests__/multi-renderer_test.js +9 -9
  17. package/src/perseus-types.js +18 -7
  18. package/src/styles/perseus-renderer.less +8 -2
  19. package/src/styles/widgets/matrix.less +2 -0
  20. package/src/styles/widgets/passage.less +9 -5
  21. package/src/util/answer-types.js +2 -3
  22. package/src/util/math.js +3 -10
  23. package/src/widgets/__stories__/numeric-input.stories.jsx +94 -7
  24. package/src/widgets/__tests__/__snapshots__/definition_test.js.snap +4 -4
  25. package/src/widgets/__tests__/__snapshots__/graded-group-set-jipt_test.jsx.snap +15 -6
  26. package/src/widgets/__tests__/__snapshots__/graded-group-set_test.jsx.snap +5 -2
  27. package/src/widgets/__tests__/__snapshots__/graded-group_test.jsx.snap +4 -1
  28. package/src/widgets/__tests__/__snapshots__/group_test.jsx.snap +228 -67
  29. package/src/widgets/__tests__/__snapshots__/matrix_test.jsx.snap +24 -24
  30. package/src/widgets/__tests__/__snapshots__/numeric-input_test.jsx.snap +4 -4
  31. package/src/widgets/__tests__/__snapshots__/radio_test.jsx.snap +2581 -679
  32. package/src/widgets/__tests__/group_test.jsx +4 -4
  33. package/src/widgets/__tests__/numeric-input_test.jsx +12 -8
  34. package/src/widgets/__tests__/passage_test.jsx +81 -0
  35. package/src/widgets/__tests__/radio/base-radio_test.jsx +55 -7
  36. package/src/widgets/__tests__/radio/choice_test.jsx +164 -63
  37. package/src/widgets/__tests__/radio_test.jsx +39 -15
  38. package/src/widgets/definition.jsx +1 -1
  39. package/src/widgets/graded-group.jsx +5 -1
  40. package/src/widgets/group.jsx +84 -102
  41. package/src/widgets/input-number.jsx +6 -1
  42. package/src/widgets/matrix.jsx +17 -1
  43. package/src/widgets/numeric-input.jsx +99 -86
  44. package/src/widgets/radio/base-radio.jsx +3 -1
  45. package/src/widgets/radio/choice-a11y-text.js +62 -0
  46. package/src/widgets/radio/choice-icon/choice-icon.jsx +0 -68
  47. package/src/widgets/radio/choice-icon/library-choice-icon.jsx +5 -10
  48. package/src/widgets/radio/choice-icon/sat-choice-icon.jsx +3 -12
  49. package/src/widgets/radio/choice.jsx +46 -3
package/src/widgets/__tests__/__snapshots__/group_test.jsx.snap CHANGED
@@ -128,6 +128,7 @@ exports[`group widget should snapshot: initial render 1`] = `
128
128
  Choose 1 answer:
129
129
  </legend>
130
130
  <div
131
+ aria-hidden="true"
131
132
  class="instructions instructions_125m8j1"
132
133
  >
133
134
  Choose 1 answer:
@@ -145,12 +146,53 @@ exports[`group widget should snapshot: initial render 1`] = `
145
146
  <div
146
147
  style="display: flex; flex-direction: row; width: 100%; opacity: 1;"
147
148
  >
149
+ <div
150
+ class="perseus-sr-only"
151
+ >
152
+ <input
153
+ id="choice-5"
154
+ tabindex="-1"
155
+ type="radio"
156
+ />
157
+ <label
158
+ for="choice-5"
159
+ >
160
+ (Choice A)
161
+  
162
+ <span
163
+ class="mock-KatexProvider"
164
+ >
165
+ <div
166
+ class="perseus-renderer perseus-renderer-responsive"
167
+ >
168
+ <div
169
+ class="paragraph perseus-paragraph-centered"
170
+ data-perseus-paragraph-index="0"
171
+ >
172
+ <div
173
+ class="perseus-block-math"
174
+ >
175
+ <div
176
+ class="perseus-block-math-inner"
177
+ style="overflow-x: auto; overflow-y: hidden; padding-top: 10px; padding-bottom: 10px; margin-top: -10px; margin-bottom: -10px;"
178
+ >
179
+ <span
180
+ class="mock-TeX"
181
+ >
182
+ 45
183
+ </span>
184
+ </div>
185
+ </div>
186
+ </div>
187
+ </div>
188
+ </span>
189
+ </label>
190
+ </div>
148
191
  <button
149
- aria-checked="false"
150
192
  aria-disabled="false"
151
- aria-label="Select Choice A"
193
+ aria-hidden="true"
194
+ aria-label=""
152
195
  class="button_vr44p2-o_O-reset_152ygtm-o_O-link_13xlah4-o_O-inlineStyles_bc4egv description description_psmgei"
153
- role="checkbox"
154
196
  tabindex="0"
155
197
  type="button"
156
198
  >
@@ -171,16 +213,7 @@ exports[`group widget should snapshot: initial render 1`] = `
171
213
  data-test-id="choice-icon__library-choice-icon"
172
214
  style="border-color: rgba(33,36,44,0.64); color: rgba(33, 36, 44, 0.64); border-radius: 24px;"
173
215
  >
174
- <div
175
- class="perseus-sr-only"
176
- >
177
- (Choice A)
178
- </div>
179
- <div
180
- aria-hidden="true"
181
- >
182
- A
183
- </div>
216
+ A
184
217
  </div>
185
218
  </span>
186
219
  </div>
@@ -232,12 +265,53 @@ exports[`group widget should snapshot: initial render 1`] = `
232
265
  <div
233
266
  style="display: flex; flex-direction: row; width: 100%; opacity: 1;"
234
267
  >
268
+ <div
269
+ class="perseus-sr-only"
270
+ >
271
+ <input
272
+ id="choice-6"
273
+ tabindex="-1"
274
+ type="radio"
275
+ />
276
+ <label
277
+ for="choice-6"
278
+ >
279
+ (Choice B)
280
+  
281
+ <span
282
+ class="mock-KatexProvider"
283
+ >
284
+ <div
285
+ class="perseus-renderer perseus-renderer-responsive"
286
+ >
287
+ <div
288
+ class="paragraph perseus-paragraph-centered"
289
+ data-perseus-paragraph-index="0"
290
+ >
291
+ <div
292
+ class="perseus-block-math"
293
+ >
294
+ <div
295
+ class="perseus-block-math-inner"
296
+ style="overflow-x: auto; overflow-y: hidden; padding-top: 10px; padding-bottom: 10px; margin-top: -10px; margin-bottom: -10px;"
297
+ >
298
+ <span
299
+ class="mock-TeX"
300
+ >
301
+ 42
302
+ </span>
303
+ </div>
304
+ </div>
305
+ </div>
306
+ </div>
307
+ </span>
308
+ </label>
309
+ </div>
235
310
  <button
236
- aria-checked="false"
237
311
  aria-disabled="false"
238
- aria-label="Select Choice B"
312
+ aria-hidden="true"
313
+ aria-label=""
239
314
  class="button_vr44p2-o_O-reset_152ygtm-o_O-link_13xlah4-o_O-inlineStyles_bc4egv description description_psmgei"
240
- role="checkbox"
241
315
  tabindex="0"
242
316
  type="button"
243
317
  >
@@ -258,16 +332,7 @@ exports[`group widget should snapshot: initial render 1`] = `
258
332
  data-test-id="choice-icon__library-choice-icon"
259
333
  style="border-color: rgba(33,36,44,0.64); color: rgba(33, 36, 44, 0.64); border-radius: 24px;"
260
334
  >
261
- <div
262
- class="perseus-sr-only"
263
- >
264
- (Choice B)
265
- </div>
266
- <div
267
- aria-hidden="true"
268
- >
269
- B
270
- </div>
335
+ B
271
336
  </div>
272
337
  </span>
273
338
  </div>
@@ -319,12 +384,53 @@ exports[`group widget should snapshot: initial render 1`] = `
319
384
  <div
320
385
  style="display: flex; flex-direction: row; width: 100%; opacity: 1;"
321
386
  >
387
+ <div
388
+ class="perseus-sr-only"
389
+ >
390
+ <input
391
+ id="choice-7"
392
+ tabindex="-1"
393
+ type="radio"
394
+ />
395
+ <label
396
+ for="choice-7"
397
+ >
398
+ (Choice C)
399
+  
400
+ <span
401
+ class="mock-KatexProvider"
402
+ >
403
+ <div
404
+ class="perseus-renderer perseus-renderer-responsive"
405
+ >
406
+ <div
407
+ class="paragraph perseus-paragraph-centered"
408
+ data-perseus-paragraph-index="0"
409
+ >
410
+ <div
411
+ class="perseus-block-math"
412
+ >
413
+ <div
414
+ class="perseus-block-math-inner"
415
+ style="overflow-x: auto; overflow-y: hidden; padding-top: 10px; padding-bottom: 10px; margin-top: -10px; margin-bottom: -10px;"
416
+ >
417
+ <span
418
+ class="mock-TeX"
419
+ >
420
+ 30
421
+ </span>
422
+ </div>
423
+ </div>
424
+ </div>
425
+ </div>
426
+ </span>
427
+ </label>
428
+ </div>
322
429
  <button
323
- aria-checked="false"
324
430
  aria-disabled="false"
325
- aria-label="Select Choice C"
431
+ aria-hidden="true"
432
+ aria-label=""
326
433
  class="button_vr44p2-o_O-reset_152ygtm-o_O-link_13xlah4-o_O-inlineStyles_bc4egv description description_psmgei"
327
- role="checkbox"
328
434
  tabindex="0"
329
435
  type="button"
330
436
  >
@@ -345,16 +451,7 @@ exports[`group widget should snapshot: initial render 1`] = `
345
451
  data-test-id="choice-icon__library-choice-icon"
346
452
  style="border-color: rgba(33,36,44,0.64); color: rgba(33, 36, 44, 0.64); border-radius: 24px;"
347
453
  >
348
- <div
349
- class="perseus-sr-only"
350
- >
351
- (Choice C)
352
- </div>
353
- <div
354
- aria-hidden="true"
355
- >
356
- C
357
- </div>
454
+ C
358
455
  </div>
359
456
  </span>
360
457
  </div>
@@ -406,12 +503,53 @@ exports[`group widget should snapshot: initial render 1`] = `
406
503
  <div
407
504
  style="display: flex; flex-direction: row; width: 100%; opacity: 1;"
408
505
  >
506
+ <div
507
+ class="perseus-sr-only"
508
+ >
509
+ <input
510
+ id="choice-8"
511
+ tabindex="-1"
512
+ type="radio"
513
+ />
514
+ <label
515
+ for="choice-8"
516
+ >
517
+ (Choice D)
518
+  
519
+ <span
520
+ class="mock-KatexProvider"
521
+ >
522
+ <div
523
+ class="perseus-renderer perseus-renderer-responsive"
524
+ >
525
+ <div
526
+ class="paragraph perseus-paragraph-centered"
527
+ data-perseus-paragraph-index="0"
528
+ >
529
+ <div
530
+ class="perseus-block-math"
531
+ >
532
+ <div
533
+ class="perseus-block-math-inner"
534
+ style="overflow-x: auto; overflow-y: hidden; padding-top: 10px; padding-bottom: 10px; margin-top: -10px; margin-bottom: -10px;"
535
+ >
536
+ <span
537
+ class="mock-TeX"
538
+ >
539
+ 18
540
+ </span>
541
+ </div>
542
+ </div>
543
+ </div>
544
+ </div>
545
+ </span>
546
+ </label>
547
+ </div>
409
548
  <button
410
- aria-checked="false"
411
549
  aria-disabled="false"
412
- aria-label="Select Choice D"
550
+ aria-hidden="true"
551
+ aria-label=""
413
552
  class="button_vr44p2-o_O-reset_152ygtm-o_O-link_13xlah4-o_O-inlineStyles_bc4egv description description_psmgei"
414
- role="checkbox"
415
553
  tabindex="0"
416
554
  type="button"
417
555
  >
@@ -432,16 +570,7 @@ exports[`group widget should snapshot: initial render 1`] = `
432
570
  data-test-id="choice-icon__library-choice-icon"
433
571
  style="border-color: rgba(33,36,44,0.64); color: rgba(33, 36, 44, 0.64); border-radius: 24px;"
434
572
  >
435
- <div
436
- class="perseus-sr-only"
437
- >
438
- (Choice D)
439
- </div>
440
- <div
441
- aria-hidden="true"
442
- >
443
- D
444
- </div>
573
+ D
445
574
  </div>
446
575
  </span>
447
576
  </div>
@@ -493,12 +622,53 @@ exports[`group widget should snapshot: initial render 1`] = `
493
622
  <div
494
623
  style="display: flex; flex-direction: row; width: 100%; opacity: 1;"
495
624
  >
625
+ <div
626
+ class="perseus-sr-only"
627
+ >
628
+ <input
629
+ id="choice-9"
630
+ tabindex="-1"
631
+ type="radio"
632
+ />
633
+ <label
634
+ for="choice-9"
635
+ >
636
+ (Choice E)
637
+  
638
+ <span
639
+ class="mock-KatexProvider"
640
+ >
641
+ <div
642
+ class="perseus-renderer perseus-renderer-responsive"
643
+ >
644
+ <div
645
+ class="paragraph perseus-paragraph-centered"
646
+ data-perseus-paragraph-index="0"
647
+ >
648
+ <div
649
+ class="perseus-block-math"
650
+ >
651
+ <div
652
+ class="perseus-block-math-inner"
653
+ style="overflow-x: auto; overflow-y: hidden; padding-top: 10px; padding-bottom: 10px; margin-top: -10px; margin-bottom: -10px;"
654
+ >
655
+ <span
656
+ class="mock-TeX"
657
+ >
658
+ 15
659
+ </span>
660
+ </div>
661
+ </div>
662
+ </div>
663
+ </div>
664
+ </span>
665
+ </label>
666
+ </div>
496
667
  <button
497
- aria-checked="false"
498
668
  aria-disabled="false"
499
- aria-label="Select Choice E"
669
+ aria-hidden="true"
670
+ aria-label=""
500
671
  class="button_vr44p2-o_O-reset_152ygtm-o_O-link_13xlah4-o_O-inlineStyles_bc4egv description description_psmgei"
501
- role="checkbox"
502
672
  tabindex="0"
503
673
  type="button"
504
674
  >
@@ -519,16 +689,7 @@ exports[`group widget should snapshot: initial render 1`] = `
519
689
  data-test-id="choice-icon__library-choice-icon"
520
690
  style="border-color: rgba(33,36,44,0.64); color: rgba(33, 36, 44, 0.64); border-radius: 24px;"
521
691
  >
522
- <div
523
- class="perseus-sr-only"
524
- >
525
- (Choice E)
526
- </div>
527
- <div
528
- aria-hidden="true"
529
- >
530
- E
531
- </div>
692
+ E
532
693
  </div>
533
694
  </span>
534
695
  </div>
@@ -640,7 +801,7 @@ exports[`group widget should snapshot: initial render 1`] = `
640
801
  autocapitalize="off"
641
802
  autocomplete="off"
642
803
  autocorrect="off"
643
- class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3"
804
+ class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3-o_O-input_19vw1dn"
644
805
  id="input-with-examples-bnVtZXJpYy1pbnB1dCAx"
645
806
  type="text"
646
807
  value=""
@@ -850,7 +1011,7 @@ exports[`group widget should snapshot: initial render 1`] = `
850
1011
  autocapitalize="off"
851
1012
  autocomplete="off"
852
1013
  autocorrect="off"
853
- class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3"
1014
+ class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3-o_O-input_19vw1dn"
854
1015
  id="input-with-examples-bnVtZXJpYy1pbnB1dCAy"
855
1016
  type="text"
856
1017
  value=""
package/src/widgets/__tests__/__snapshots__/matrix_test.jsx.snap CHANGED
@@ -94,7 +94,7 @@ exports[`matrix widget should snapshot on mobile: first mobile render 1`] = `
94
94
  autocapitalize="off"
95
95
  autocomplete="off"
96
96
  autocorrect="off"
97
- class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3"
97
+ class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3-o_O-input_1qo22fw"
98
98
  id="input-13"
99
99
  type="text"
100
100
  value=""
@@ -107,7 +107,7 @@ exports[`matrix widget should snapshot on mobile: first mobile render 1`] = `
107
107
  autocapitalize="off"
108
108
  autocomplete="off"
109
109
  autocorrect="off"
110
- class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3"
110
+ class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3-o_O-input_1simu8f"
111
111
  id="input-14"
112
112
  type="text"
113
113
  value=""
@@ -120,7 +120,7 @@ exports[`matrix widget should snapshot on mobile: first mobile render 1`] = `
120
120
  autocapitalize="off"
121
121
  autocomplete="off"
122
122
  autocorrect="off"
123
- class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3"
123
+ class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3-o_O-input_1simu8f"
124
124
  id="input-15"
125
125
  type="text"
126
126
  value=""
@@ -133,7 +133,7 @@ exports[`matrix widget should snapshot on mobile: first mobile render 1`] = `
133
133
  autocapitalize="off"
134
134
  autocomplete="off"
135
135
  autocorrect="off"
136
- class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3"
136
+ class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3-o_O-input_1simu8f"
137
137
  id="input-16"
138
138
  type="text"
139
139
  value=""
@@ -150,7 +150,7 @@ exports[`matrix widget should snapshot on mobile: first mobile render 1`] = `
150
150
  autocapitalize="off"
151
151
  autocomplete="off"
152
152
  autocorrect="off"
153
- class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3"
153
+ class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3-o_O-input_1simu8f"
154
154
  id="input-17"
155
155
  type="text"
156
156
  value=""
@@ -163,7 +163,7 @@ exports[`matrix widget should snapshot on mobile: first mobile render 1`] = `
163
163
  autocapitalize="off"
164
164
  autocomplete="off"
165
165
  autocorrect="off"
166
- class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3"
166
+ class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3-o_O-input_1simu8f"
167
167
  id="input-18"
168
168
  type="text"
169
169
  value=""
@@ -176,7 +176,7 @@ exports[`matrix widget should snapshot on mobile: first mobile render 1`] = `
176
176
  autocapitalize="off"
177
177
  autocomplete="off"
178
178
  autocorrect="off"
179
- class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3"
179
+ class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3-o_O-input_1simu8f"
180
180
  id="input-19"
181
181
  type="text"
182
182
  value=""
@@ -189,7 +189,7 @@ exports[`matrix widget should snapshot on mobile: first mobile render 1`] = `
189
189
  autocapitalize="off"
190
190
  autocomplete="off"
191
191
  autocorrect="off"
192
- class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3"
192
+ class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3-o_O-input_1simu8f"
193
193
  id="input-20"
194
194
  type="text"
195
195
  value=""
@@ -206,7 +206,7 @@ exports[`matrix widget should snapshot on mobile: first mobile render 1`] = `
206
206
  autocapitalize="off"
207
207
  autocomplete="off"
208
208
  autocorrect="off"
209
- class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3"
209
+ class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3-o_O-input_1simu8f"
210
210
  id="input-21"
211
211
  type="text"
212
212
  value=""
@@ -219,7 +219,7 @@ exports[`matrix widget should snapshot on mobile: first mobile render 1`] = `
219
219
  autocapitalize="off"
220
220
  autocomplete="off"
221
221
  autocorrect="off"
222
- class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3"
222
+ class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3-o_O-input_1simu8f"
223
223
  id="input-22"
224
224
  type="text"
225
225
  value=""
@@ -232,7 +232,7 @@ exports[`matrix widget should snapshot on mobile: first mobile render 1`] = `
232
232
  autocapitalize="off"
233
233
  autocomplete="off"
234
234
  autocorrect="off"
235
- class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3"
235
+ class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3-o_O-input_1simu8f"
236
236
  id="input-23"
237
237
  type="text"
238
238
  value=""
@@ -245,7 +245,7 @@ exports[`matrix widget should snapshot on mobile: first mobile render 1`] = `
245
245
  autocapitalize="off"
246
246
  autocomplete="off"
247
247
  autocorrect="off"
248
- class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3"
248
+ class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3-o_O-input_1simu8f"
249
249
  id="input-24"
250
250
  type="text"
251
251
  value=""
@@ -352,7 +352,7 @@ exports[`matrix widget should snapshot: first render 1`] = `
352
352
  autocapitalize="off"
353
353
  autocomplete="off"
354
354
  autocorrect="off"
355
- class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3"
355
+ class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3-o_O-input_1qo22fw"
356
356
  id="input-1"
357
357
  type="text"
358
358
  value=""
@@ -365,7 +365,7 @@ exports[`matrix widget should snapshot: first render 1`] = `
365
365
  autocapitalize="off"
366
366
  autocomplete="off"
367
367
  autocorrect="off"
368
- class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3"
368
+ class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3-o_O-input_1simu8f"
369
369
  id="input-2"
370
370
  type="text"
371
371
  value=""
@@ -378,7 +378,7 @@ exports[`matrix widget should snapshot: first render 1`] = `
378
378
  autocapitalize="off"
379
379
  autocomplete="off"
380
380
  autocorrect="off"
381
- class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3"
381
+ class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3-o_O-input_1simu8f"
382
382
  id="input-3"
383
383
  type="text"
384
384
  value=""
@@ -391,7 +391,7 @@ exports[`matrix widget should snapshot: first render 1`] = `
391
391
  autocapitalize="off"
392
392
  autocomplete="off"
393
393
  autocorrect="off"
394
- class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3"
394
+ class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3-o_O-input_1simu8f"
395
395
  id="input-4"
396
396
  type="text"
397
397
  value=""
@@ -408,7 +408,7 @@ exports[`matrix widget should snapshot: first render 1`] = `
408
408
  autocapitalize="off"
409
409
  autocomplete="off"
410
410
  autocorrect="off"
411
- class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3"
411
+ class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3-o_O-input_1simu8f"
412
412
  id="input-5"
413
413
  type="text"
414
414
  value=""
@@ -421,7 +421,7 @@ exports[`matrix widget should snapshot: first render 1`] = `
421
421
  autocapitalize="off"
422
422
  autocomplete="off"
423
423
  autocorrect="off"
424
- class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3"
424
+ class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3-o_O-input_1simu8f"
425
425
  id="input-6"
426
426
  type="text"
427
427
  value=""
@@ -434,7 +434,7 @@ exports[`matrix widget should snapshot: first render 1`] = `
434
434
  autocapitalize="off"
435
435
  autocomplete="off"
436
436
  autocorrect="off"
437
- class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3"
437
+ class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3-o_O-input_1simu8f"
438
438
  id="input-7"
439
439
  type="text"
440
440
  value=""
@@ -447,7 +447,7 @@ exports[`matrix widget should snapshot: first render 1`] = `
447
447
  autocapitalize="off"
448
448
  autocomplete="off"
449
449
  autocorrect="off"
450
- class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3"
450
+ class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3-o_O-input_1simu8f"
451
451
  id="input-8"
452
452
  type="text"
453
453
  value=""
@@ -464,7 +464,7 @@ exports[`matrix widget should snapshot: first render 1`] = `
464
464
  autocapitalize="off"
465
465
  autocomplete="off"
466
466
  autocorrect="off"
467
- class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3"
467
+ class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3-o_O-input_1simu8f"
468
468
  id="input-9"
469
469
  type="text"
470
470
  value=""
@@ -477,7 +477,7 @@ exports[`matrix widget should snapshot: first render 1`] = `
477
477
  autocapitalize="off"
478
478
  autocomplete="off"
479
479
  autocorrect="off"
480
- class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3"
480
+ class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3-o_O-input_1simu8f"
481
481
  id="input-10"
482
482
  type="text"
483
483
  value=""
@@ -490,7 +490,7 @@ exports[`matrix widget should snapshot: first render 1`] = `
490
490
  autocapitalize="off"
491
491
  autocomplete="off"
492
492
  autocorrect="off"
493
- class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3"
493
+ class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3-o_O-input_1simu8f"
494
494
  id="input-11"
495
495
  type="text"
496
496
  value=""
@@ -503,7 +503,7 @@ exports[`matrix widget should snapshot: first render 1`] = `
503
503
  autocapitalize="off"
504
504
  autocomplete="off"
505
505
  autocorrect="off"
506
- class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3"
506
+ class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3-o_O-input_1simu8f"
507
507
  id="input-12"
508
508
  type="text"
509
509
  value=""
package/src/widgets/__tests__/__snapshots__/numeric-input_test.jsx.snap CHANGED
@@ -103,7 +103,7 @@ exports[`numeric-input widget (options: {"satStyling":false}) question Should re
103
103
  autocapitalize="off"
104
104
  autocomplete="off"
105
105
  autocorrect="off"
106
- class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3-o_O-focused_1z0d9ul"
106
+ class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3-o_O-focused_1z0d9ul-o_O-input_19vw1dn"
107
107
  id="input-with-examples-bnVtZXJpYy1pbnB1dCAx"
108
108
  type="text"
109
109
  value="1252"
@@ -314,7 +314,7 @@ exports[`numeric-input widget (options: {"satStyling":false}) question Should re
314
314
  autocapitalize="off"
315
315
  autocomplete="off"
316
316
  autocorrect="off"
317
- class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3"
317
+ class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3-o_O-input_19vw1dn"
318
318
  id="input-with-examples-bnVtZXJpYy1pbnB1dCAx"
319
319
  type="text"
320
320
  value=""
@@ -533,7 +533,7 @@ exports[`numeric-input widget (options: {"satStyling":true}) question Should ren
533
533
  autocapitalize="off"
534
534
  autocomplete="off"
535
535
  autocorrect="off"
536
- class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3-o_O-focused_1z0d9ul"
536
+ class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3-o_O-focused_1z0d9ul-o_O-input_19vw1dn"
537
537
  id="input-with-examples-bnVtZXJpYy1pbnB1dCAx"
538
538
  type="text"
539
539
  value="1252"
@@ -752,7 +752,7 @@ exports[`numeric-input widget (options: {"satStyling":true}) question Should ren
752
752
  autocapitalize="off"
753
753
  autocomplete="off"
754
754
  autocorrect="off"
755
- class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3"
755
+ class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3-o_O-input_19vw1dn"
756
756
  id="input-with-examples-bnVtZXJpYy1pbnB1dCAx"
757
757
  type="text"
758
758
  value=""