@khanacademy/perseus 12.0.1 → 12.1.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 +13 -0
- package/dist/es/index.css +2 -2
- package/dist/es/index.js +9 -3
- package/dist/es/index.js.map +1 -1
- package/dist/index.css +2 -2
- package/dist/index.js +9 -3
- package/dist/index.js.map +1 -1
- package/package.json +3 -3
- package/src/__tests__/item-renderer.test.tsx +1 -19
- package/src/styles/widgets/image.less +2 -6
- package/src/widgets/__stories__/image.stories.tsx +1 -0
- package/src/widgets/__tests__/__snapshots__/group.test.tsx.snap +1 -0
- package/src/widgets/__tests__/__snapshots__/image.test.ts.snap +2 -0
- package/src/widgets/image.tsx +12 -2
- package/tsconfig-build.tsbuildinfo +1 -1
package/dist/index.css
CHANGED
|
@@ -2793,7 +2793,8 @@ body.mobile .categorizer-container td.category input[type="radio"] + span:active
|
|
|
2793
2793
|
margin-left: -20px;
|
|
2794
2794
|
}
|
|
2795
2795
|
.perseus-image-widget {
|
|
2796
|
-
margin:
|
|
2796
|
+
margin-left: auto;
|
|
2797
|
+
margin-right: auto;
|
|
2797
2798
|
}
|
|
2798
2799
|
.perseus-image-widget .perseus-image-title {
|
|
2799
2800
|
text-align: center;
|
|
@@ -2802,7 +2803,6 @@ body.mobile .categorizer-container td.category input[type="radio"] + span:active
|
|
|
2802
2803
|
color: rgba(33, 36, 44, 0.7);
|
|
2803
2804
|
padding-left: 16px;
|
|
2804
2805
|
position: relative;
|
|
2805
|
-
top: -12px;
|
|
2806
2806
|
}
|
|
2807
2807
|
.perseus-image-widget .perseus-image-caption::before {
|
|
2808
2808
|
content: "";
|
package/dist/index.js
CHANGED
|
@@ -26771,7 +26771,10 @@ class ImageWidget extends React__namespace.Component {
|
|
|
26771
26771
|
})));
|
|
26772
26772
|
}
|
|
26773
26773
|
return /*#__PURE__*/React__namespace.createElement("figure", {
|
|
26774
|
-
className: "perseus-image-widget"
|
|
26774
|
+
className: "perseus-image-widget",
|
|
26775
|
+
style: {
|
|
26776
|
+
maxWidth: backgroundImage.width
|
|
26777
|
+
}
|
|
26775
26778
|
}, image, alt, titleAndCaption);
|
|
26776
26779
|
}
|
|
26777
26780
|
let title;
|
|
@@ -26798,7 +26801,10 @@ class ImageWidget extends React__namespace.Component {
|
|
|
26798
26801
|
}));
|
|
26799
26802
|
}
|
|
26800
26803
|
return /*#__PURE__*/React__namespace.createElement("figure", {
|
|
26801
|
-
className: "perseus-image-widget"
|
|
26804
|
+
className: "perseus-image-widget",
|
|
26805
|
+
style: {
|
|
26806
|
+
maxWidth: backgroundImage.width
|
|
26807
|
+
}
|
|
26802
26808
|
}, title, image, alt, caption);
|
|
26803
26809
|
}
|
|
26804
26810
|
static validate(userInput, rubric) {
|
|
@@ -44009,7 +44015,7 @@ const init = function (options) {
|
|
|
44009
44015
|
|
|
44010
44016
|
// This file is processed by a Rollup plugin (replace) to inject the production
|
|
44011
44017
|
const libName = "@khanacademy/perseus";
|
|
44012
|
-
const libVersion = "12.0
|
|
44018
|
+
const libVersion = "12.1.0";
|
|
44013
44019
|
perseusCore.addLibraryVersionToPerseusDebug(libName, libVersion);
|
|
44014
44020
|
|
|
44015
44021
|
const apiVersion = {
|