@khanacademy/perseus 6.4.4 → 6.5.0
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.
- package/CHANGELOG.md +12 -0
- package/dist/es/index.css +583 -367
- package/dist/es/index.js +5 -3
- package/dist/es/index.js.map +1 -1
- package/dist/index.css +583 -367
- package/dist/index.js +5 -3
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
- package/src/__stories__/item-renderer.stories.tsx +5 -0
- package/src/__testdata__/item-renderer.testdata.ts +139 -0
- package/src/multi-items/__tests__/__snapshots__/multi-renderer.test.tsx.snap +8 -8
- package/src/styles/articles.less +24 -18
- package/src/styles/khan-exercise.css +577 -365
- package/src/widgets/__tests__/__snapshots__/group.test.tsx.snap +8 -8
- package/src/widgets/__tests__/__snapshots__/radio.test.ts.snap +49 -49
- package/src/widgets/radio/base-radio.tsx +2 -1
- package/src/widgets/radio/choice.tsx +1 -0
- package/tsconfig-build.tsbuildinfo +1 -1
package/dist/index.js
CHANGED
|
@@ -22764,7 +22764,8 @@ const Choice = function (props) {
|
|
|
22764
22764
|
style: {
|
|
22765
22765
|
display: "flex",
|
|
22766
22766
|
flexDirection: "row",
|
|
22767
|
-
opacity: showDimmed ? 0.5 : 1.0
|
|
22767
|
+
opacity: showDimmed ? 0.5 : 1.0,
|
|
22768
|
+
overflow: "auto"
|
|
22768
22769
|
}
|
|
22769
22770
|
}, /*#__PURE__*/React__namespace.createElement("div", {
|
|
22770
22771
|
className: "perseus-sr-only"
|
|
@@ -23240,6 +23241,7 @@ const styles$r = aphrodite.StyleSheet.create({
|
|
|
23240
23241
|
color: gray17,
|
|
23241
23242
|
fontSize: 14,
|
|
23242
23243
|
lineHeight: 1.25,
|
|
23244
|
+
fontFamily: "inherit",
|
|
23243
23245
|
fontStyle: "normal",
|
|
23244
23246
|
fontWeight: "bold",
|
|
23245
23247
|
marginBottom: 16
|
|
@@ -23310,13 +23312,13 @@ const styles$r = aphrodite.StyleSheet.create({
|
|
|
23310
23312
|
responsiveContainer: {
|
|
23311
23313
|
overflow: "auto",
|
|
23312
23314
|
marginLeft: negativePhoneMargin,
|
|
23313
|
-
marginRight: negativePhoneMargin,
|
|
23314
23315
|
paddingLeft: phoneMargin
|
|
23315
23316
|
// paddingRight is handled by responsiveFieldset
|
|
23316
23317
|
},
|
|
23317
23318
|
|
|
23318
23319
|
responsiveFieldset: {
|
|
23319
|
-
paddingRight: phoneMargin
|
|
23320
|
+
paddingRight: phoneMargin,
|
|
23321
|
+
minWidth: "auto"
|
|
23320
23322
|
}
|
|
23321
23323
|
});
|
|
23322
23324
|
|