@khanacademy/wonder-blocks-banner 1.2.5 → 1.2.7

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 # @khanacademy/wonder-blocks-banner
 
+## 1.2.7
+
+### Patch Changes
+
+-   91cb727c: Remove file extensions from imports
+-   91cb727c: Replace .defaultProps on functional component with corresponding defaults when destructuring props
+-   Updated dependencies [91cb727c]
+-   Updated dependencies [91cb727c]
+-   Updated dependencies [91cb727c]
+-   Updated dependencies [91cb727c]
+    -   @khanacademy/wonder-blocks-icon@1.2.37
+    -   @khanacademy/wonder-blocks-button@3.0.14
+    -   @khanacademy/wonder-blocks-color@1.2.1
+    -   @khanacademy/wonder-blocks-core@4.7.0
+    -   @khanacademy/wonder-blocks-icon-button@3.4.21
+    -   @khanacademy/wonder-blocks-link@3.9.1
+    -   @khanacademy/wonder-blocks-typography@1.1.38
+
+## 1.2.6
+
+### Patch Changes
+
+-   Updated dependencies [1a5624d4]
+-   Updated dependencies [48aceaad]
+-   Updated dependencies [4fa99654]
+    -   @khanacademy/wonder-blocks-icon@1.2.36
+    -   @khanacademy/wonder-blocks-link@3.9.0
+    -   @khanacademy/wonder-blocks-button@3.0.13
+    -   @khanacademy/wonder-blocks-icon-button@3.4.20
+
 ## 1.2.5
 
 ### Patch Changes

package/dist/es/index.js

@@ -63,9 +63,9 @@ const Banner = props => {
   const {
     actions,
     "aria-label": ariaLabel,
-    dismissAriaLabel,
+    dismissAriaLabel = "Dismiss banner.",
     onDismiss,
-    kind,
+    kind = "info",
     layout,
     text,
     testId
@@ -148,11 +148,6 @@ const Banner = props => {
   })) : null));
 };
 
-const defaultProps = {
-  kind: "info",
-  dismissAriaLabel: "Dismiss banner."
-};
-Banner.defaultProps = defaultProps;
 const styles = StyleSheet.create({
   backgroundColor: {
     position: "absolute",

package/dist/index.js

@@ -93,9 +93,9 @@ const Banner = props => {
   const {
     actions,
     "aria-label": ariaLabel,
-    dismissAriaLabel,
+    dismissAriaLabel = "Dismiss banner.",
     onDismiss,
-    kind,
+    kind = "info",
     layout,
     text,
     testId
@@ -178,11 +178,6 @@ const Banner = props => {
   })) : null));
 };
 
-const defaultProps = {
-  kind: "info",
-  dismissAriaLabel: "Dismiss banner."
-};
-Banner.defaultProps = defaultProps;
 const styles = aphrodite.StyleSheet.create({
   backgroundColor: {
     position: "absolute",

package/dist/index.js.flow

@@ -1,2 +1,2 @@
 // @flow
-export * from "../src/index.js";
+export * from "../src/index";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@khanacademy/wonder-blocks-banner",
-  "version": "1.2.5",
+  "version": "1.2.7",
   "design": "v1",
   "description": "Banner components for Wonder Blocks.",
   "main": "dist/index.js",
@@ -16,20 +16,20 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.18.6",
-    "@khanacademy/wonder-blocks-button": "^3.0.12",
-    "@khanacademy/wonder-blocks-color": "^1.2.0",
-    "@khanacademy/wonder-blocks-core": "^4.6.2",
-    "@khanacademy/wonder-blocks-icon": "^1.2.35",
-    "@khanacademy/wonder-blocks-icon-button": "^3.4.19",
-    "@khanacademy/wonder-blocks-link": "^3.8.17",
+    "@khanacademy/wonder-blocks-button": "^3.0.14",
+    "@khanacademy/wonder-blocks-color": "^1.2.1",
+    "@khanacademy/wonder-blocks-core": "^4.7.0",
+    "@khanacademy/wonder-blocks-icon": "^1.2.37",
+    "@khanacademy/wonder-blocks-icon-button": "^3.4.21",
+    "@khanacademy/wonder-blocks-link": "^3.9.1",
     "@khanacademy/wonder-blocks-spacing": "^3.0.5",
-    "@khanacademy/wonder-blocks-typography": "^1.1.37"
+    "@khanacademy/wonder-blocks-typography": "^1.1.38"
   },
   "peerDependencies": {
     "aphrodite": "^1.2.5",
     "react": "16.14.0"
   },
   "devDependencies": {
-    "wb-dev-build-settings": "^0.7.0"
+    "wb-dev-build-settings": "^0.7.1"
   }
 }

package/src/components/__docs__/banner.stories.js

@@ -13,8 +13,8 @@ import {LabelSmall} from "@khanacademy/wonder-blocks-typography";
 
 import type {StoryComponentType} from "@storybook/react";
 
-import BannerArgTypes from "./banner.argtypes.js";
-import ComponentInfo from "../../../../../.storybook/components/component-info.js";
+import BannerArgTypes from "./banner.argtypes";
+import ComponentInfo from "../../../../../.storybook/components/component-info";
 import {name, version} from "../../../package.json";
 
 const bannerDescription = `

package/src/components/__tests__/banner.test.js

@@ -4,7 +4,7 @@ import {render, screen} from "@testing-library/react";
 
 import Button from "@khanacademy/wonder-blocks-button";
 
-import Banner from "../banner.js";
+import Banner from "../banner";
 
 describe("Banner", () => {
     test("having no `onDismiss` prop causes the 'X' button NOT to appear", () => {

package/src/components/banner.js

@@ -11,7 +11,7 @@ import Link from "@khanacademy/wonder-blocks-link";
 import Spacing from "@khanacademy/wonder-blocks-spacing";
 import {LabelSmall} from "@khanacademy/wonder-blocks-typography";
 
-import * as bannerIcons from "./banner-icons.js";
+import * as bannerIcons from "./banner-icons";
 
 type ActionTriggerBase = {|
     title: string,
@@ -85,7 +85,7 @@ type Props = {|
     /**
      * Determines the color and icon of the banner.
      */
-    kind: BannerKind,
+    kind?: BannerKind,
 
     /**
      * Determines the edge style of the Banner.
@@ -113,7 +113,7 @@ type Props = {|
      * The accessible label for the dismiss button.
      * Please pass in a translated string.
      */
-    dismissAriaLabel: string,
+    dismissAriaLabel?: string,
 
     /**
      * Test ID used for e2e testing.
@@ -180,9 +180,9 @@ const Banner = (props: Props): React.Node => {
         // is missing in props validation when it's not.
         // eslint-disable-next-line react/prop-types
         "aria-label": ariaLabel,
-        dismissAriaLabel,
+        dismissAriaLabel = "Dismiss banner.", // default prop
         onDismiss,
-        kind,
+        kind = "info", // default prop
         layout,
         text,
         testId,
@@ -283,17 +283,6 @@ const Banner = (props: Props): React.Node => {
     );
 };
 
-type DefaultProps = {|
-    kind: Props["kind"],
-    dismissAriaLabel: Props["dismissAriaLabel"],
-|};
-
-const defaultProps: DefaultProps = {
-    kind: "info",
-    dismissAriaLabel: "Dismiss banner.",
-};
-Banner.defaultProps = defaultProps;
-
 const styles = StyleSheet.create({
     backgroundColor: {
         position: "absolute",

package/src/index.js

@@ -1,4 +1,4 @@
 // @flow
-import Banner from "./components/banner.js";
+import Banner from "./components/banner";
 
 export default Banner;