@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/CHANGELOG.md CHANGED
@@ -1,5 +1,24 @@
1
1
  # @khanacademy/perseus
2
2
 
3
+ ## 1.1.1
4
+
5
+ ### Patch Changes
6
+
7
+ - 5b86aba4: bugfix: add size and rightAlign back to numeric-input widget
8
+ - 5b86aba4: bugfix for Matrix styles not getting passed through
9
+ - 6b48ca35: A tiny change that adds some aria labels to our message container so that the content will be read to screen readers upon update.
10
+
11
+ ## 1.1.0
12
+
13
+ ### Minor Changes
14
+
15
+ - 178987d6: Creates a native accessibility experience for Radio widget
16
+
17
+ ### Patch Changes
18
+
19
+ - f046585a: add shared PerseusNumericInputAnswerForm and MathFormat types to perseus-types
20
+ - e342e6b2: Update CSS to match wonderblocks, round I
21
+
3
22
  ## 1.0.0
4
23
 
5
24
  ### Major Changes
package/dist/es/index.css CHANGED
@@ -2285,8 +2285,10 @@ img.zoom-img {
2285
2285
  z-index: 3;
2286
2286
  }
2287
2287
  .framework-perseus div.paragraph {
2288
- font-size: 14px;
2289
- line-height: 19.6px;
2288
+ font-family: "Noto Serif", serif;
2289
+ font-weight: 400;
2290
+ font-size: 18px;
2291
+ line-height: 22px;
2290
2292
  margin: 22px 0px;
2291
2293
  }
2292
2294
  .framework-perseus .test-prep-blurb div.paragraph {
@@ -2295,8 +2297,11 @@ img.zoom-img {
2295
2297
  }
2296
2298
  .framework-perseus div.instructions {
2297
2299
  display: block;
2300
+ font-family: "Noto Serif", serif;
2301
+ font-weight: 800;
2302
+ font-size: 18px;
2303
+ line-height: 22px;
2298
2304
  font-style: italic;
2299
- font-weight: bold;
2300
2305
  }
2301
2306
  .framework-perseus .perseus-renderer > .paragraph > ul:not(.perseus-widget-radio),
2302
2307
  .framework-perseus .perseus-renderer > .paragraph > ol {
@@ -2888,10 +2893,12 @@ body.mobile .categorizer-container td.category input[type="radio"] + span:active
2888
2893
  .perseus-matrix .matrix-bracket.bracket-left {
2889
2894
  border-color: #666;
2890
2895
  border-left-width: 2px;
2896
+ border-right-width: 0;
2891
2897
  left: 3px;
2892
2898
  }
2893
2899
  .perseus-matrix .matrix-bracket.bracket-right {
2894
2900
  border-color: #666;
2901
+ border-left-width: 0;
2895
2902
  border-right-width: 2px;
2896
2903
  margin-left: -3px;
2897
2904
  }
@@ -3057,15 +3064,17 @@ body.mobile .perseus-matrix .math-output {
3057
3064
  line-height: 18px;
3058
3065
  }
3059
3066
  .perseus-widget-passage-container .passage-title div.paragraph {
3060
- font-size: 16px;
3067
+ font-family: "Noto Serif", serif;
3061
3068
  font-weight: 700;
3069
+ font-size: 20px;
3070
+ line-height: 22px;
3062
3071
  margin: 0 0 10px;
3063
3072
  }
3064
3073
  .perseus-widget-passage-container .passage-text div.paragraph {
3065
- font-size: 16px;
3066
- line-height: 20px;
3067
- margin: 0;
3068
- text-indent: 20px;
3074
+ font-family: "Noto Serif", serif;
3075
+ font-weight: 400;
3076
+ font-size: 20px;
3077
+ line-height: 24px;
3069
3078
  }
3070
3079
  .perseus-widget-passage-container .passage-text div.paragraph span {
3071
3080
  text-indent: 0;