@khanacademy/wonder-blocks-link - npm Package Compare versions

Comparing version 3.1.4 to 3.2.0

components/link.js

@@ -7,2 +7,3 @@ // @flow
 import type {AriaProps, StyleType} from "@khanacademy/wonder-blocks-core";
+import type {Typography} from "@khanacademy/wonder-blocks-typography";
 import LinkCore from "./link-core.js";
@@ -14,5 +15,5 @@
     /**
-     * Text to appear on the link.
+     * Text to appear on the link. It can be a plain text or a Typography element.
      */
-    children: string,
+    children: string | React.Element<Typography>,
 
@@ -19,0 +20,0 @@ /**

components/link.md

@@ -1,2 +0,2 @@
-Link example:
+### Example: Link
 
@@ -22,1 +22,16 @@ ```js
 ```
+
+### Example: Link with Typography element
+
+You can also use a Typography element instead of just plain text.
+
+```js
+const {HeadingSmall} = require("@khanacademy/wonder-blocks-typography");
+const {View} = require("@khanacademy/wonder-blocks-core");
+
+<View>
+    <Link href="#nonexistent-link">
+        <HeadingSmall>Heading inside a Link element</HeadingSmall>
+    </Link>
+</View>
+```

generated-snapshot.test.js

@@ -57,2 +57,16 @@ // This file is auto-generated by gen-snapshot-tests.js
     });
+    it("example 2", () => {
+        const {HeadingSmall} = require("@khanacademy/wonder-blocks-typography");
+        const {View} = require("@khanacademy/wonder-blocks-core");
+
+        const example = (
+            <View>
+                <Link href="#nonexistent-link">
+                    <HeadingSmall>Heading inside a Link element</HeadingSmall>
+                </Link>
+            </View>
+        );
+        const tree = renderer.create(example).toJSON();
+        expect(tree).toMatchSnapshot();
+    });
 });

package.json

 {
   "name": "@khanacademy/wonder-blocks-link",
-  "version": "3.1.4",
+  "version": "3.2.0",
   "design": "v1",
@@ -18,4 +18,4 @@ "publishConfig": {
   "dependencies": {
-    "@khanacademy/wonder-blocks-color": "^1.1.4",
-    "@khanacademy/wonder-blocks-core": "^2.3.0"
+    "@khanacademy/wonder-blocks-color": "^1.1.5",
+    "@khanacademy/wonder-blocks-core": "^2.3.1"
   },
@@ -22,0 +22,0 @@ "peerDependencies": {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

68351

increased by3.79%

Lines of code

1102

increased by1.29%

Dependency changes

• Updated@khanacademy/wonder-blocks-color@^1.1.5

• Updated@khanacademy/wonder-blocks-core@^2.3.1