@khanacademy/wonder-blocks-icon-button - npm Package Compare versions

Comparing version 3.1.6 to 3.1.7

components/icon-button.md

 Primary, secondary, and tertiary IconButton examples:
 ```js
-const {View} = require("@khanacademy/wonder-blocks-core");
-const {icons} = require("@khanacademy/wonder-blocks-icon");
-const {Strut} = require("@khanacademy/wonder-blocks-layout");
+import {View} from "@khanacademy/wonder-blocks-core";
+import {icons} from "@khanacademy/wonder-blocks-icon";
+import IconButton from "@khanacademy/wonder-blocks-icon-button";
+import {Strut} from "@khanacademy/wonder-blocks-layout";
 
@@ -46,6 +47,7 @@ <View style={{flexDirection: "row"}}>
 ```js
-const Color = require("@khanacademy/wonder-blocks-color").default;
-const {View} = require("@khanacademy/wonder-blocks-core");
-const {icons} = require("@khanacademy/wonder-blocks-icon");
-const {StyleSheet} = require("aphrodite");
+import Color from "@khanacademy/wonder-blocks-color";
+import {View} from "@khanacademy/wonder-blocks-core";
+import {icons} from "@khanacademy/wonder-blocks-icon";
+import IconButton from "@khanacademy/wonder-blocks-icon-button";
+import {StyleSheet} from "aphrodite";
 
@@ -52,0 +54,0 @@ const styles = StyleSheet.create({

generated-snapshot.test.js

@@ -11,12 +11,17 @@ // This file is auto-generated by gen-snapshot-tests.js
 jest.mock("react-dom");
-import IconButton from "./components/icon-button.js";
+import {View} from "@khanacademy/wonder-blocks-core";
+import {icons} from "@khanacademy/wonder-blocks-icon";
+import IconButton from "@khanacademy/wonder-blocks-icon-button";
+import {Strut} from "@khanacademy/wonder-blocks-layout";
+import Color from "@khanacademy/wonder-blocks-color";
+import {StyleSheet} from "aphrodite";
 
 describe("wonder-blocks-icon-button", () => {
     it("example 1", () => {
-        const {View} = require("@khanacademy/wonder-blocks-core");
-        const {icons} = require("@khanacademy/wonder-blocks-icon");
-        const {Strut} = require("@khanacademy/wonder-blocks-layout");
-
         const example = (
-            <View style={{flexDirection: "row"}}>
+            <View
+                style={{
+                    flexDirection: "row",
+                }}
+            >
                 <IconButton
@@ -60,8 +65,4 @@ icon={icons.search}
     });
+
     it("example 2", () => {
-        const Color = require("@khanacademy/wonder-blocks-color").default;
-        const {View} = require("@khanacademy/wonder-blocks-core");
-        const {icons} = require("@khanacademy/wonder-blocks-icon");
-        const {StyleSheet} = require("aphrodite");
-
         const styles = StyleSheet.create({
@@ -74,3 +75,2 @@ row: {
         });
-
         const example = (
@@ -77,0 +77,0 @@ <View style={[styles.row]}>

package.json

 {
   "name": "@khanacademy/wonder-blocks-icon-button",
-  "version": "3.1.6",
+  "version": "3.1.7",
   "design": "v1",
@@ -18,5 +18,5 @@ "publishConfig": {
   "dependencies": {
-    "@khanacademy/wonder-blocks-color": "^1.1.6",
-    "@khanacademy/wonder-blocks-core": "^2.4.0",
-    "@khanacademy/wonder-blocks-icon": "^1.2.2"
+    "@khanacademy/wonder-blocks-color": "^1.1.7",
+    "@khanacademy/wonder-blocks-core": "^2.4.1",
+    "@khanacademy/wonder-blocks-icon": "^1.2.3"
   },
@@ -23,0 +23,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

Lines of code

1399

increased by0.14%

Worsened metrics

Total package byte prevSize

178931

decreased by-0.02%

Dependency changes

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

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

• Updated@khanacademy/wonder-blocks-icon@^1.2.3