@khanacademy/wonder-blocks-form 3.1.9 → 3.1.11

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @khanacademy/wonder-blocks-form
 
+## 3.1.11
+
+### Patch Changes
+
+-   91cb727c: Remove file extensions from imports
+-   Updated dependencies [91cb727c]
+-   Updated dependencies [91cb727c]
+-   Updated dependencies [91cb727c]
+-   Updated dependencies [91cb727c]
+    -   @khanacademy/wonder-blocks-icon@1.2.37
+    -   @khanacademy/wonder-blocks-clickable@2.4.5
+    -   @khanacademy/wonder-blocks-color@1.2.1
+    -   @khanacademy/wonder-blocks-core@4.7.0
+    -   @khanacademy/wonder-blocks-layout@1.4.16
+    -   @khanacademy/wonder-blocks-typography@1.1.38
+
+## 3.1.10
+
+### Patch Changes
+
+-   Updated dependencies [1a5624d4]
+    -   @khanacademy/wonder-blocks-icon@1.2.36
+
 ## 3.1.9
 
 ### Patch Changes

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-form",
-  "version": "3.1.9",
+  "version": "3.1.11",
   "design": "v1",
   "description": "Form components for Wonder Blocks.",
   "main": "dist/index.js",
@@ -16,19 +16,19 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.18.6",
-    "@khanacademy/wonder-blocks-clickable": "^2.4.4",
-    "@khanacademy/wonder-blocks-color": "^1.2.0",
-    "@khanacademy/wonder-blocks-core": "^4.6.2",
-    "@khanacademy/wonder-blocks-icon": "^1.2.35",
-    "@khanacademy/wonder-blocks-layout": "^1.4.15",
+    "@khanacademy/wonder-blocks-clickable": "^2.4.5",
+    "@khanacademy/wonder-blocks-color": "^1.2.1",
+    "@khanacademy/wonder-blocks-core": "^4.7.0",
+    "@khanacademy/wonder-blocks-icon": "^1.2.37",
+    "@khanacademy/wonder-blocks-layout": "^1.4.16",
     "@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/__tests__/custom-snapshot.test.js

@@ -2,8 +2,8 @@
 import React from "react";
 import renderer from "react-test-renderer";
 
-import CheckboxCore from "../components/checkbox-core.js";
-import RadioCore from "../components/radio-core.js";
+import CheckboxCore from "../components/checkbox-core";
+import RadioCore from "../components/radio-core";
 
 const states = ["default", "error", "disabled"];
 const clickableStates = ["default", "hovered", "pressed"];

package/src/components/__docs__/checkbox-group.stories.js

@@ -10,7 +10,7 @@ import {LabelLarge, LabelXSmall} from "@khanacademy/wonder-blocks-typography";
 
 import type {StoryComponentType} from "@storybook/react";
 
-import ComponentInfo from "../../../../../.storybook/components/component-info.js";
+import ComponentInfo from "../../../../../.storybook/components/component-info";
 import {name, version} from "../../../package.json";
 
 export default {

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

@@ -6,9 +6,9 @@ import {View} from "@khanacademy/wonder-blocks-core";
 import {LabelMedium, LabelSmall} from "@khanacademy/wonder-blocks-typography";
 import type {StoryComponentType} from "@storybook/react";
 
-import Checkbox from "../checkbox.js";
+import Checkbox from "../checkbox";
 
-import ComponentInfo from "../../../../../.storybook/components/component-info.js";
+import ComponentInfo from "../../../../../.storybook/components/component-info";
 import {name, version} from "../../../package.json";
 
 export default {

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

@@ -13,7 +13,7 @@ import Spacing from "@khanacademy/wonder-blocks-spacing";
 
 import type {StoryComponentType} from "@storybook/react";
 
-import ComponentInfo from "../../../../../.storybook/components/component-info.js";
+import ComponentInfo from "../../../../../.storybook/components/component-info";
 import {name, version} from "../../../package.json";
 
 export default {

package/src/components/__docs__/labeled-text-field.stories.js

@@ -13,9 +13,9 @@ import Link from "@khanacademy/wonder-blocks-link";
 
 import type {StoryComponentType} from "@storybook/react";
 
-import ComponentInfo from "../../../../../.storybook/components/component-info.js";
+import ComponentInfo from "../../../../../.storybook/components/component-info";
 import {name, version} from "../../../package.json";
-import LabeledTextFieldArgTypes from "./labeled-text-field.argtypes.js";
+import LabeledTextFieldArgTypes from "./labeled-text-field.argtypes";
 
 export default {
     title: "Form / LabeledTextField",

package/src/components/__docs__/radio-group.stories.js

@@ -7,7 +7,7 @@ import {LabelLarge} from "@khanacademy/wonder-blocks-typography";
 
 import type {StoryComponentType} from "@storybook/react";
 
-import ComponentInfo from "../../../../../.storybook/components/component-info.js";
+import ComponentInfo from "../../../../../.storybook/components/component-info";
 import {name, version} from "../../../package.json";
 
 export default {

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

@@ -6,10 +6,10 @@ import {View} from "@khanacademy/wonder-blocks-core";
 import {LabelMedium, LabelSmall} from "@khanacademy/wonder-blocks-typography";
 import type {StoryComponentType} from "@storybook/react";
 
-import ComponentInfo from "../../../../../.storybook/components/component-info.js";
+import ComponentInfo from "../../../../../.storybook/components/component-info";
 import {name, version} from "../../../package.json";
 
-import Radio from "../radio.js";
+import Radio from "../radio";
 
 export default {
     title: "Form / Radio (internal)",

package/src/components/__docs__/text-field.stories.js

@@ -11,9 +11,9 @@ import Button from "@khanacademy/wonder-blocks-button";
 
 import type {StoryComponentType} from "@storybook/react";
 
-import ComponentInfo from "../../../../../.storybook/components/component-info.js";
+import ComponentInfo from "../../../../../.storybook/components/component-info";
 import {name, version} from "../../../package.json";
-import TextFieldArgTypes from "./text-field.argtypes.js";
+import TextFieldArgTypes from "./text-field.argtypes";
 
 export default {
     title: "Form / TextField",

package/src/components/__tests__/checkbox-group.test.js

@@ -3,8 +3,8 @@ import * as React from "react";
 import {render, screen} from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 
-import CheckboxGroup from "../checkbox-group.js";
-import Choice from "../choice.js";
+import CheckboxGroup from "../checkbox-group";
+import Choice from "../choice";
 
 describe("CheckboxGroup", () => {
     describe("behavior", () => {

package/src/components/__tests__/field-heading.test.js

@@ -6,8 +6,8 @@ import {StyleSheet} from "aphrodite";
 import {I18nInlineMarkup} from "@khanacademy/wonder-blocks-i18n";
 import {Body} from "@khanacademy/wonder-blocks-typography";
 
-import FieldHeading from "../field-heading.js";
-import TextField from "../text-field.js";
+import FieldHeading from "../field-heading";
+import TextField from "../text-field";
 
 describe("FieldHeading", () => {
     it("fieldheading renders the label text", () => {

package/src/components/__tests__/labeled-text-field.test.js

@@ -4,7 +4,7 @@ import {render, screen, fireEvent} from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 
 import {StyleSheet} from "aphrodite";
-import LabeledTextField from "../labeled-text-field.js";
+import LabeledTextField from "../labeled-text-field";
 
 describe("LabeledTextField", () => {
     it("labeledtextfield becomes focused", () => {

package/src/components/__tests__/radio-group.test.js

@@ -3,8 +3,8 @@ import * as React from "react";
 import {render, screen} from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 
-import RadioGroup from "../radio-group.js";
-import Choice from "../choice.js";
+import RadioGroup from "../radio-group";
+import Choice from "../choice";
 
 describe("RadioGroup", () => {
     const TestComponent = ({

package/src/components/__tests__/text-field.test.js

@@ -3,7 +3,7 @@ import * as React from "react";
 import {fireEvent, render, screen} from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 
-import TextField from "../text-field.js";
+import TextField from "../text-field";
 
 describe("TextField", () => {
     it("textfield is focused", () => {

package/src/components/checkbox-core.js

@@ -9,7 +9,7 @@ import Icon from "@khanacademy/wonder-blocks-icon";
 
 import type {IconAsset} from "@khanacademy/wonder-blocks-icon";
 
-import type {ChoiceCoreProps} from "../util/types.js";
+import type {ChoiceCoreProps} from "../util/types";
 
 type Props = {|
     ...ChoiceCoreProps,

package/src/components/checkbox-group.js

@@ -8,8 +8,8 @@ import Spacing from "@khanacademy/wonder-blocks-spacing";
 import {LabelMedium, LabelSmall} from "@khanacademy/wonder-blocks-typography";
 import type {StyleType} from "@khanacademy/wonder-blocks-core";
 
-import styles from "./group-styles.js";
-import typeof Choice from "./choice.js";
+import styles from "./group-styles";
+import typeof Choice from "./choice";
 
 // Keep synced with CheckboxGroupProps in ../util/types.js
 type CheckboxGroupProps = {|

package/src/components/checkbox.js

@@ -3,7 +3,7 @@
 import * as React from "react";
 
 import type {AriaProps, StyleType} from "@khanacademy/wonder-blocks-core";
-import ChoiceInternal from "./choice-internal.js";
+import ChoiceInternal from "./choice-internal";
 
 // Keep synced with ChoiceComponentProps in ../util/types.js
 type ChoiceComponentProps = {|

package/src/components/choice-internal.js

@@ -10,8 +10,8 @@ import {Strut} from "@khanacademy/wonder-blocks-layout";
 import Spacing from "@khanacademy/wonder-blocks-spacing";
 import {LabelMedium, LabelSmall} from "@khanacademy/wonder-blocks-typography";
 import type {AriaProps, StyleType} from "@khanacademy/wonder-blocks-core";
-import CheckboxCore from "./checkbox-core.js";
-import RadioCore from "./radio-core.js";
+import CheckboxCore from "./checkbox-core";
+import RadioCore from "./radio-core";
 
 type Props = {|
     ...AriaProps,

package/src/components/choice.js

@@ -3,8 +3,8 @@
 import * as React from "react";
 
 import type {AriaProps, StyleType} from "@khanacademy/wonder-blocks-core";
-import Checkbox from "./checkbox.js";
-import Radio from "./radio.js";
+import Checkbox from "./checkbox";
+import Radio from "./radio";
 
 type Props = {|
     ...AriaProps,

package/src/components/labeled-text-field.js

@@ -3,8 +3,8 @@ import * as React from "react";
 
 import {IDProvider, type StyleType} from "@khanacademy/wonder-blocks-core";
 
-import FieldHeading from "./field-heading.js";
-import TextField, {type TextFieldType} from "./text-field.js";
+import FieldHeading from "./field-heading";
+import TextField, {type TextFieldType} from "./text-field";
 
 type WithForwardRef = {|forwardedRef: React.Ref<"input">|};
 

package/src/components/radio-core.js

@@ -6,7 +6,7 @@ import {StyleSheet} from "aphrodite";
 import Color, {mix, fade} from "@khanacademy/wonder-blocks-color";
 import {addStyle} from "@khanacademy/wonder-blocks-core";
 
-import type {ChoiceCoreProps} from "../util/types.js";
+import type {ChoiceCoreProps} from "../util/types";
 
 type Props = {|
     ...ChoiceCoreProps,

package/src/components/radio-group.js

@@ -8,8 +8,8 @@ import Spacing from "@khanacademy/wonder-blocks-spacing";
 import {LabelMedium, LabelSmall} from "@khanacademy/wonder-blocks-typography";
 import type {StyleType} from "@khanacademy/wonder-blocks-core";
 
-import styles from "./group-styles.js";
-import typeof Choice from "./choice.js";
+import styles from "./group-styles";
+import typeof Choice from "./choice";
 
 // Keep synced with RadioGroupProps in ../util/types.js
 type RadioGroupProps = {|

package/src/components/radio.js

@@ -3,7 +3,7 @@
 import * as React from "react";
 
 import type {AriaProps, StyleType} from "@khanacademy/wonder-blocks-core";
-import ChoiceInternal from "./choice-internal.js";
+import ChoiceInternal from "./choice-internal";
 
 // Keep synced with ChoiceComponentProps in ../util/types.js
 type ChoiceComponentProps = {|

package/src/index.js

@@ -1,10 +1,10 @@
 // @flow
-import Checkbox from "./components/checkbox.js";
-import Choice from "./components/choice.js";
-import CheckboxGroup from "./components/checkbox-group.js";
-import RadioGroup from "./components/radio-group.js";
-import TextField from "./components/text-field.js";
-import LabeledTextField from "./components/labeled-text-field.js";
+import Checkbox from "./components/checkbox";
+import Choice from "./components/choice";
+import CheckboxGroup from "./components/checkbox-group";
+import RadioGroup from "./components/radio-group";
+import TextField from "./components/text-field";
+import LabeledTextField from "./components/labeled-text-field";
 
 export {
     Checkbox,

package/src/util/types.js

@@ -5,7 +5,7 @@
 // guide.
 import type {AriaProps, StyleType} from "@khanacademy/wonder-blocks-core";
 
-import typeof Choice from "../components/choice.js";
+import typeof Choice from "../components/choice";
 
 // Shared props for radio-core and checkbox-core
 export type ChoiceCoreProps = {|