@khanacademy/perseus 1.1.0 → 1.1.2

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 (45) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/es/index.css +3 -0
  3. package/dist/es/index.js +15385 -15345
  4. package/dist/es/index.js.map +1 -1
  5. package/dist/index.css +3 -0
  6. package/dist/index.js +15309 -15269
  7. package/dist/index.js.map +1 -1
  8. package/dist/strings.js +1 -0
  9. package/package.json +1 -1
  10. package/src/__stories__/hints-renderer.stories.jsx +52 -0
  11. package/src/components/__stories__/input-with-examples.stories.jsx +1 -0
  12. package/src/components/input-with-examples.jsx +41 -24
  13. package/src/components/text-input.jsx +5 -3
  14. package/src/hints-renderer.jsx +13 -4
  15. package/src/mixins/__tests__/widget-prop-blacklist_test.js +23 -0
  16. package/src/mixins/widget-prop-blacklist.js +15 -1
  17. package/src/multi-items/__tests__/__snapshots__/multi-renderer_test.js.snap +30 -10
  18. package/src/styles/widgets/matrix.less +2 -0
  19. package/src/styles/widgets/passage.less +1 -0
  20. package/src/types.js +1 -1
  21. package/src/widgets/__stories__/numeric-input.stories.jsx +53 -7
  22. package/src/widgets/__tests__/__snapshots__/graded-group-set-jipt_test.jsx.snap +18 -9
  23. package/src/widgets/__tests__/__snapshots__/graded-group-set_test.jsx.snap +12 -3
  24. package/src/widgets/__tests__/__snapshots__/graded-group_test.jsx.snap +6 -3
  25. package/src/widgets/__tests__/__snapshots__/group_test.jsx.snap +32 -12
  26. package/src/widgets/__tests__/__snapshots__/matrix_test.jsx.snap +24 -24
  27. package/src/widgets/__tests__/__snapshots__/numeric-input_test.jsx.snap +4 -4
  28. package/src/widgets/__tests__/__snapshots__/passage-ref_test.jsx.snap +3 -3
  29. package/src/widgets/__tests__/__snapshots__/passage_test.jsx.snap +6 -6
  30. package/src/widgets/__tests__/__snapshots__/radio_test.jsx.snap +300 -218
  31. package/src/widgets/__tests__/radio/base-radio_test.jsx +90 -6
  32. package/src/widgets/__tests__/radio/choice-icon_test.jsx +74 -0
  33. package/src/widgets/__tests__/radio/choice_test.jsx +39 -30
  34. package/src/widgets/__tests__/radio_test.jsx +228 -22
  35. package/src/widgets/graded-group-set.jsx +8 -1
  36. package/src/widgets/graded-group.jsx +7 -2
  37. package/src/widgets/matrix.jsx +17 -1
  38. package/src/widgets/numeric-input.jsx +12 -6
  39. package/src/widgets/passage-ref.jsx +21 -5
  40. package/src/widgets/passage.jsx +3 -1
  41. package/src/widgets/radio/__stories__/base-radio.stories.jsx +7 -3
  42. package/src/widgets/radio/base-radio.jsx +3 -1
  43. package/src/widgets/radio/choice-icon/cross-out-line.jsx +3 -2
  44. package/src/widgets/radio/choice-icon/library-choice-icon.jsx +17 -6
  45. package/src/widgets/radio/choice.jsx +2 -1
package/src/widgets/__tests__/__snapshots__/graded-group_test.jsx.snap CHANGED
@@ -36,7 +36,7 @@ exports[`graded-group should snapshot: initial render (mobile: false) 1`] = `
36
36
  class="perseus-graded-group"
37
37
  >
38
38
  <div
39
- class="title_6pk9ag"
39
+ class="title_1lagzkb"
40
40
  >
41
41
  Metabolic strategies of bacteria
42
42
  </div>
@@ -463,7 +463,10 @@ exports[`graded-group should snapshot: initial render (mobile: false) 1`] = `
463
463
  </div>
464
464
  </div>
465
465
  </span>
466
- <p />
466
+ <p
467
+ aria-live="polite"
468
+ role="status"
469
+ />
467
470
  <button
468
471
  aria-disabled="false"
469
472
  class="button_vr44p2-o_O-shared_lwskrm-o_O-default_1w5v67"
@@ -522,7 +525,7 @@ exports[`graded-group should snapshot: initial render (mobile: true) 1`] = `
522
525
  class="gradedGroup_14sgdtb perseus-graded-group"
523
526
  >
524
527
  <div
525
- class="title_6pk9ag"
528
+ class="title_1lagzkb"
526
529
  >
527
530
  Metabolic strategies of bacteria
528
531
  </div>
package/src/widgets/__tests__/__snapshots__/group_test.jsx.snap CHANGED
@@ -197,7 +197,7 @@ exports[`group widget should snapshot: initial render 1`] = `
197
197
  type="button"
198
198
  >
199
199
  <div
200
- style="display: flex; flex-direction: row; justify-content: center; align-content: center; padding-top: 8px; padding-bottom: 8px;"
200
+ style="display: flex; flex-direction: row; justify-content: center; align-content: center; padding-top: 8px; padding-bottom: 8px; padding-left: 8px;"
201
201
  >
202
202
  <div
203
203
  class="iconWrapper_17y0hv9"
@@ -213,7 +213,11 @@ exports[`group widget should snapshot: initial render 1`] = `
213
213
  data-test-id="choice-icon__library-choice-icon"
214
214
  style="border-color: rgba(33,36,44,0.64); color: rgba(33, 36, 44, 0.64); border-radius: 24px;"
215
215
  >
216
- A
216
+ <div
217
+ class="innerWrapper_177sg8x"
218
+ >
219
+ A
220
+ </div>
217
221
  </div>
218
222
  </span>
219
223
  </div>
@@ -316,7 +320,7 @@ exports[`group widget should snapshot: initial render 1`] = `
316
320
  type="button"
317
321
  >
318
322
  <div
319
- style="display: flex; flex-direction: row; justify-content: center; align-content: center; padding-top: 8px; padding-bottom: 8px;"
323
+ style="display: flex; flex-direction: row; justify-content: center; align-content: center; padding-top: 8px; padding-bottom: 8px; padding-left: 8px;"
320
324
  >
321
325
  <div
322
326
  class="iconWrapper_17y0hv9"
@@ -332,7 +336,11 @@ exports[`group widget should snapshot: initial render 1`] = `
332
336
  data-test-id="choice-icon__library-choice-icon"
333
337
  style="border-color: rgba(33,36,44,0.64); color: rgba(33, 36, 44, 0.64); border-radius: 24px;"
334
338
  >
335
- B
339
+ <div
340
+ class="innerWrapper_177sg8x"
341
+ >
342
+ B
343
+ </div>
336
344
  </div>
337
345
  </span>
338
346
  </div>
@@ -435,7 +443,7 @@ exports[`group widget should snapshot: initial render 1`] = `
435
443
  type="button"
436
444
  >
437
445
  <div
438
- style="display: flex; flex-direction: row; justify-content: center; align-content: center; padding-top: 8px; padding-bottom: 8px;"
446
+ style="display: flex; flex-direction: row; justify-content: center; align-content: center; padding-top: 8px; padding-bottom: 8px; padding-left: 8px;"
439
447
  >
440
448
  <div
441
449
  class="iconWrapper_17y0hv9"
@@ -451,7 +459,11 @@ exports[`group widget should snapshot: initial render 1`] = `
451
459
  data-test-id="choice-icon__library-choice-icon"
452
460
  style="border-color: rgba(33,36,44,0.64); color: rgba(33, 36, 44, 0.64); border-radius: 24px;"
453
461
  >
454
- C
462
+ <div
463
+ class="innerWrapper_177sg8x"
464
+ >
465
+ C
466
+ </div>
455
467
  </div>
456
468
  </span>
457
469
  </div>
@@ -554,7 +566,7 @@ exports[`group widget should snapshot: initial render 1`] = `
554
566
  type="button"
555
567
  >
556
568
  <div
557
- style="display: flex; flex-direction: row; justify-content: center; align-content: center; padding-top: 8px; padding-bottom: 8px;"
569
+ style="display: flex; flex-direction: row; justify-content: center; align-content: center; padding-top: 8px; padding-bottom: 8px; padding-left: 8px;"
558
570
  >
559
571
  <div
560
572
  class="iconWrapper_17y0hv9"
@@ -570,7 +582,11 @@ exports[`group widget should snapshot: initial render 1`] = `
570
582
  data-test-id="choice-icon__library-choice-icon"
571
583
  style="border-color: rgba(33,36,44,0.64); color: rgba(33, 36, 44, 0.64); border-radius: 24px;"
572
584
  >
573
- D
585
+ <div
586
+ class="innerWrapper_177sg8x"
587
+ >
588
+ D
589
+ </div>
574
590
  </div>
575
591
  </span>
576
592
  </div>
@@ -673,7 +689,7 @@ exports[`group widget should snapshot: initial render 1`] = `
673
689
  type="button"
674
690
  >
675
691
  <div
676
- style="display: flex; flex-direction: row; justify-content: center; align-content: center; padding-top: 8px; padding-bottom: 8px;"
692
+ style="display: flex; flex-direction: row; justify-content: center; align-content: center; padding-top: 8px; padding-bottom: 8px; padding-left: 8px;"
677
693
  >
678
694
  <div
679
695
  class="iconWrapper_17y0hv9"
@@ -689,7 +705,11 @@ exports[`group widget should snapshot: initial render 1`] = `
689
705
  data-test-id="choice-icon__library-choice-icon"
690
706
  style="border-color: rgba(33,36,44,0.64); color: rgba(33, 36, 44, 0.64); border-radius: 24px;"
691
707
  >
692
- E
708
+ <div
709
+ class="innerWrapper_177sg8x"
710
+ >
711
+ E
712
+ </div>
693
713
  </div>
694
714
  </span>
695
715
  </div>
@@ -801,7 +821,7 @@ exports[`group widget should snapshot: initial render 1`] = `
801
821
  autocapitalize="off"
802
822
  autocomplete="off"
803
823
  autocorrect="off"
804
- class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3"
824
+ class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3-o_O-input_19vw1dn"
805
825
  id="input-with-examples-bnVtZXJpYy1pbnB1dCAx"
806
826
  type="text"
807
827
  value=""
@@ -1011,7 +1031,7 @@ exports[`group widget should snapshot: initial render 1`] = `
1011
1031
  autocapitalize="off"
1012
1032
  autocomplete="off"
1013
1033
  autocorrect="off"
1014
- class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3"
1034
+ class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3-o_O-input_19vw1dn"
1015
1035
  id="input-with-examples-bnVtZXJpYy1pbnB1dCAy"
1016
1036
  type="text"
1017
1037
  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=""
package/src/widgets/__tests__/__snapshots__/passage-ref_test.jsx.snap CHANGED
@@ -55,7 +55,7 @@ exports[`passage-ref widget should render with invalid reference 1`] = `
55
55
  <div>
56
56
  <div>
57
57
  <div
58
- class="measurer_1ugaxv"
58
+ class="measurer_vtwrnx"
59
59
  >
60
60
  <div>
61
61
  <div
@@ -200,7 +200,7 @@ exports[`passage-ref widget should render with multi-line reference 1`] = `
200
200
  <div>
201
201
  <div>
202
202
  <div
203
- class="measurer_1ugaxv"
203
+ class="measurer_vtwrnx"
204
204
  >
205
205
  <div>
206
206
  <div
@@ -350,7 +350,7 @@ exports[`passage-ref widget should render with single-line reference 1`] = `
350
350
  <div>
351
351
  <div>
352
352
  <div
353
- class="measurer_1ugaxv"
353
+ class="measurer_vtwrnx"
354
354
  >
355
355
  <div>
356
356
  <div
package/src/widgets/__tests__/__snapshots__/passage_test.jsx.snap CHANGED
@@ -219,7 +219,7 @@ exports[`passage widget should snapshot multiple passages (mobile: false) 1`] =
219
219
  <div>
220
220
  <div>
221
221
  <div
222
- class="measurer_1ugaxv"
222
+ class="measurer_vtwrnx"
223
223
  >
224
224
  <div>
225
225
  <div
@@ -711,7 +711,7 @@ exports[`passage widget should snapshot multiple passages (mobile: false) 1`] =
711
711
  <div>
712
712
  <div>
713
713
  <div
714
- class="measurer_1ugaxv"
714
+ class="measurer_vtwrnx"
715
715
  >
716
716
  <div>
717
717
  <div
@@ -1090,7 +1090,7 @@ exports[`passage widget should snapshot multiple passages (mobile: true) 1`] = `
1090
1090
  <div>
1091
1091
  <div>
1092
1092
  <div
1093
- class="measurer_1ugaxv"
1093
+ class="measurer_vtwrnx"
1094
1094
  >
1095
1095
  <div>
1096
1096
  <div
@@ -1582,7 +1582,7 @@ exports[`passage widget should snapshot multiple passages (mobile: true) 1`] = `
1582
1582
  <div>
1583
1583
  <div>
1584
1584
  <div
1585
- class="measurer_1ugaxv"
1585
+ class="measurer_vtwrnx"
1586
1586
  >
1587
1587
  <div>
1588
1588
  <div
@@ -1840,7 +1840,7 @@ exports[`passage widget should snapshot simple passage (mobile: false) 1`] = `
1840
1840
  <div>
1841
1841
  <div>
1842
1842
  <div
1843
- class="measurer_1ugaxv"
1843
+ class="measurer_vtwrnx"
1844
1844
  >
1845
1845
  <div>
1846
1846
  <div
@@ -1941,7 +1941,7 @@ exports[`passage widget should snapshot simple passage (mobile: true) 1`] = `
1941
1941
  <div>
1942
1942
  <div>
1943
1943
  <div
1944
- class="measurer_1ugaxv"
1944
+ class="measurer_vtwrnx"
1945
1945
  >
1946
1946
  <div>
1947
1947
  <div