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

Comparing version 3.0.5 to 3.0.6

CHANGELOG.md

 # @khanacademy/wonder-blocks-typography
 
+## 3.0.6
+
+### Patch Changes
+
+-   Updated dependencies [0199324d]
+    -   @khanacademy/wonder-blocks-core@12.0.0
+
 ## 3.0.5
@@ -4,0 +11,0 @@

dist/components/body-monospace.d.ts

@@ -5,51 +5,51 @@ import * as React from "react";
     style?: import("@khanacademy/wonder-blocks-core").StyleType;
-    testId?: string | undefined;
-    lang?: string | undefined;
-    className?: string | undefined;
-    htmlFor?: string | undefined;
-    tabIndex?: number | undefined;
-    id?: string | undefined;
-    title?: string | undefined;
-    "data-modal-launcher-portal"?: boolean | undefined;
-    "data-placement"?: string | undefined;
+    testId?: string;
+    lang?: string;
+    className?: string;
+    htmlFor?: string;
+    tabIndex?: number;
+    id?: string;
+    title?: string;
+    "data-modal-launcher-portal"?: boolean;
+    "data-placement"?: string;
 } & Readonly<import("@khanacademy/wonder-blocks-core").AriaAttributes> & Readonly<{
-    role?: import("@khanacademy/wonder-blocks-core").AriaRole | undefined;
+    role?: import("@khanacademy/wonder-blocks-core").AriaRole;
 }> & {
-    onMouseDown?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseUp?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseMove?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDoubleClick?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseOut?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseOver?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDrag?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragEnd?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragExit?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragOver?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragStart?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDrop?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
+    onMouseDown?: (e: React.MouseEvent) => unknown;
+    onMouseUp?: (e: React.MouseEvent) => unknown;
+    onMouseMove?: (e: React.MouseEvent) => unknown;
+    onClick?: (e: React.MouseEvent) => unknown;
+    onDoubleClick?: (e: React.MouseEvent) => unknown;
+    onMouseEnter?: (e: React.MouseEvent) => unknown;
+    onMouseLeave?: (e: React.MouseEvent) => unknown;
+    onMouseOut?: (e: React.MouseEvent) => unknown;
+    onMouseOver?: (e: React.MouseEvent) => unknown;
+    onDrag?: (e: React.MouseEvent) => unknown;
+    onDragEnd?: (e: React.MouseEvent) => unknown;
+    onDragEnter?: (e: React.MouseEvent) => unknown;
+    onDragExit?: (e: React.MouseEvent) => unknown;
+    onDragLeave?: (e: React.MouseEvent) => unknown;
+    onDragOver?: (e: React.MouseEvent) => unknown;
+    onDragStart?: (e: React.MouseEvent) => unknown;
+    onDrop?: (e: React.MouseEvent) => unknown;
 } & {
-    onKeyDown?: ((e: React.KeyboardEvent<Element>) => unknown) | undefined;
-    onKeyPress?: ((e: React.KeyboardEvent<Element>) => unknown) | undefined;
-    onKeyUp?: ((e: React.KeyboardEvent<Element>) => unknown) | undefined;
+    onKeyDown?: (e: React.KeyboardEvent) => unknown;
+    onKeyPress?: (e: React.KeyboardEvent) => unknown;
+    onKeyUp?: (e: React.KeyboardEvent) => unknown;
 } & {
-    onChange?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
-    onInput?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
-    onInvalid?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
-    onSubmit?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onInput?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onInvalid?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onSubmit?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
 } & {
-    onTouchCancel?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
-    onTouchEnd?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
-    onTouchMove?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
-    onTouchStart?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
+    onTouchCancel?: (e: React.TouchEvent) => unknown;
+    onTouchEnd?: (e: React.TouchEvent) => unknown;
+    onTouchMove?: (e: React.TouchEvent) => unknown;
+    onTouchStart?: (e: React.TouchEvent) => unknown;
 } & {
-    onFocus?: ((e: React.FocusEvent<Element, Element>) => unknown) | undefined;
-    onBlur?: ((e: React.FocusEvent<Element, Element>) => unknown) | undefined;
+    onFocus?: (e: React.FocusEvent) => unknown;
+    onBlur?: (e: React.FocusEvent) => unknown;
 } & {
-    tag?: string | undefined;
+    tag?: string;
 } & React.RefAttributes<unknown>, "ref"> & React.RefAttributes<unknown>>;
 export default BodyMonospace;

dist/components/body-serif-block.d.ts

@@ -5,51 +5,51 @@ import * as React from "react";
     style?: import("@khanacademy/wonder-blocks-core").StyleType;
-    testId?: string | undefined;
-    lang?: string | undefined;
-    className?: string | undefined;
-    htmlFor?: string | undefined;
-    tabIndex?: number | undefined;
-    id?: string | undefined;
-    title?: string | undefined;
-    "data-modal-launcher-portal"?: boolean | undefined;
-    "data-placement"?: string | undefined;
+    testId?: string;
+    lang?: string;
+    className?: string;
+    htmlFor?: string;
+    tabIndex?: number;
+    id?: string;
+    title?: string;
+    "data-modal-launcher-portal"?: boolean;
+    "data-placement"?: string;
 } & Readonly<import("@khanacademy/wonder-blocks-core").AriaAttributes> & Readonly<{
-    role?: import("@khanacademy/wonder-blocks-core").AriaRole | undefined;
+    role?: import("@khanacademy/wonder-blocks-core").AriaRole;
 }> & {
-    onMouseDown?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseUp?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseMove?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDoubleClick?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseOut?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseOver?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDrag?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragEnd?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragExit?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragOver?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragStart?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDrop?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
+    onMouseDown?: (e: React.MouseEvent) => unknown;
+    onMouseUp?: (e: React.MouseEvent) => unknown;
+    onMouseMove?: (e: React.MouseEvent) => unknown;
+    onClick?: (e: React.MouseEvent) => unknown;
+    onDoubleClick?: (e: React.MouseEvent) => unknown;
+    onMouseEnter?: (e: React.MouseEvent) => unknown;
+    onMouseLeave?: (e: React.MouseEvent) => unknown;
+    onMouseOut?: (e: React.MouseEvent) => unknown;
+    onMouseOver?: (e: React.MouseEvent) => unknown;
+    onDrag?: (e: React.MouseEvent) => unknown;
+    onDragEnd?: (e: React.MouseEvent) => unknown;
+    onDragEnter?: (e: React.MouseEvent) => unknown;
+    onDragExit?: (e: React.MouseEvent) => unknown;
+    onDragLeave?: (e: React.MouseEvent) => unknown;
+    onDragOver?: (e: React.MouseEvent) => unknown;
+    onDragStart?: (e: React.MouseEvent) => unknown;
+    onDrop?: (e: React.MouseEvent) => unknown;
 } & {
-    onKeyDown?: ((e: React.KeyboardEvent<Element>) => unknown) | undefined;
-    onKeyPress?: ((e: React.KeyboardEvent<Element>) => unknown) | undefined;
-    onKeyUp?: ((e: React.KeyboardEvent<Element>) => unknown) | undefined;
+    onKeyDown?: (e: React.KeyboardEvent) => unknown;
+    onKeyPress?: (e: React.KeyboardEvent) => unknown;
+    onKeyUp?: (e: React.KeyboardEvent) => unknown;
 } & {
-    onChange?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
-    onInput?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
-    onInvalid?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
-    onSubmit?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onInput?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onInvalid?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onSubmit?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
 } & {
-    onTouchCancel?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
-    onTouchEnd?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
-    onTouchMove?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
-    onTouchStart?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
+    onTouchCancel?: (e: React.TouchEvent) => unknown;
+    onTouchEnd?: (e: React.TouchEvent) => unknown;
+    onTouchMove?: (e: React.TouchEvent) => unknown;
+    onTouchStart?: (e: React.TouchEvent) => unknown;
 } & {
-    onFocus?: ((e: React.FocusEvent<Element, Element>) => unknown) | undefined;
-    onBlur?: ((e: React.FocusEvent<Element, Element>) => unknown) | undefined;
+    onFocus?: (e: React.FocusEvent) => unknown;
+    onBlur?: (e: React.FocusEvent) => unknown;
 } & {
-    tag?: string | undefined;
+    tag?: string;
 } & React.RefAttributes<unknown>, "ref"> & React.RefAttributes<unknown>>;
 export default BodySerifBlock;

dist/components/body-serif.d.ts

@@ -5,51 +5,51 @@ import * as React from "react";
     style?: import("@khanacademy/wonder-blocks-core").StyleType;
-    testId?: string | undefined;
-    lang?: string | undefined;
-    className?: string | undefined;
-    htmlFor?: string | undefined;
-    tabIndex?: number | undefined;
-    id?: string | undefined;
-    title?: string | undefined;
-    "data-modal-launcher-portal"?: boolean | undefined;
-    "data-placement"?: string | undefined;
+    testId?: string;
+    lang?: string;
+    className?: string;
+    htmlFor?: string;
+    tabIndex?: number;
+    id?: string;
+    title?: string;
+    "data-modal-launcher-portal"?: boolean;
+    "data-placement"?: string;
 } & Readonly<import("@khanacademy/wonder-blocks-core").AriaAttributes> & Readonly<{
-    role?: import("@khanacademy/wonder-blocks-core").AriaRole | undefined;
+    role?: import("@khanacademy/wonder-blocks-core").AriaRole;
 }> & {
-    onMouseDown?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseUp?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseMove?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDoubleClick?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseOut?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseOver?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDrag?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragEnd?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragExit?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragOver?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragStart?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDrop?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
+    onMouseDown?: (e: React.MouseEvent) => unknown;
+    onMouseUp?: (e: React.MouseEvent) => unknown;
+    onMouseMove?: (e: React.MouseEvent) => unknown;
+    onClick?: (e: React.MouseEvent) => unknown;
+    onDoubleClick?: (e: React.MouseEvent) => unknown;
+    onMouseEnter?: (e: React.MouseEvent) => unknown;
+    onMouseLeave?: (e: React.MouseEvent) => unknown;
+    onMouseOut?: (e: React.MouseEvent) => unknown;
+    onMouseOver?: (e: React.MouseEvent) => unknown;
+    onDrag?: (e: React.MouseEvent) => unknown;
+    onDragEnd?: (e: React.MouseEvent) => unknown;
+    onDragEnter?: (e: React.MouseEvent) => unknown;
+    onDragExit?: (e: React.MouseEvent) => unknown;
+    onDragLeave?: (e: React.MouseEvent) => unknown;
+    onDragOver?: (e: React.MouseEvent) => unknown;
+    onDragStart?: (e: React.MouseEvent) => unknown;
+    onDrop?: (e: React.MouseEvent) => unknown;
 } & {
-    onKeyDown?: ((e: React.KeyboardEvent<Element>) => unknown) | undefined;
-    onKeyPress?: ((e: React.KeyboardEvent<Element>) => unknown) | undefined;
-    onKeyUp?: ((e: React.KeyboardEvent<Element>) => unknown) | undefined;
+    onKeyDown?: (e: React.KeyboardEvent) => unknown;
+    onKeyPress?: (e: React.KeyboardEvent) => unknown;
+    onKeyUp?: (e: React.KeyboardEvent) => unknown;
 } & {
-    onChange?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
-    onInput?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
-    onInvalid?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
-    onSubmit?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onInput?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onInvalid?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onSubmit?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
 } & {
-    onTouchCancel?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
-    onTouchEnd?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
-    onTouchMove?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
-    onTouchStart?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
+    onTouchCancel?: (e: React.TouchEvent) => unknown;
+    onTouchEnd?: (e: React.TouchEvent) => unknown;
+    onTouchMove?: (e: React.TouchEvent) => unknown;
+    onTouchStart?: (e: React.TouchEvent) => unknown;
 } & {
-    onFocus?: ((e: React.FocusEvent<Element, Element>) => unknown) | undefined;
-    onBlur?: ((e: React.FocusEvent<Element, Element>) => unknown) | undefined;
+    onFocus?: (e: React.FocusEvent) => unknown;
+    onBlur?: (e: React.FocusEvent) => unknown;
 } & {
-    tag?: string | undefined;
+    tag?: string;
 } & React.RefAttributes<unknown>, "ref"> & React.RefAttributes<unknown>>;
 export default BodySerif;

dist/components/body.d.ts

@@ -5,51 +5,51 @@ import * as React from "react";
     style?: import("@khanacademy/wonder-blocks-core").StyleType;
-    testId?: string | undefined;
-    lang?: string | undefined;
-    className?: string | undefined;
-    htmlFor?: string | undefined;
-    tabIndex?: number | undefined;
-    id?: string | undefined;
-    title?: string | undefined;
-    "data-modal-launcher-portal"?: boolean | undefined;
-    "data-placement"?: string | undefined;
+    testId?: string;
+    lang?: string;
+    className?: string;
+    htmlFor?: string;
+    tabIndex?: number;
+    id?: string;
+    title?: string;
+    "data-modal-launcher-portal"?: boolean;
+    "data-placement"?: string;
 } & Readonly<import("@khanacademy/wonder-blocks-core").AriaAttributes> & Readonly<{
-    role?: import("@khanacademy/wonder-blocks-core").AriaRole | undefined;
+    role?: import("@khanacademy/wonder-blocks-core").AriaRole;
 }> & {
-    onMouseDown?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseUp?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseMove?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDoubleClick?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseOut?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseOver?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDrag?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragEnd?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragExit?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragOver?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragStart?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDrop?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
+    onMouseDown?: (e: React.MouseEvent) => unknown;
+    onMouseUp?: (e: React.MouseEvent) => unknown;
+    onMouseMove?: (e: React.MouseEvent) => unknown;
+    onClick?: (e: React.MouseEvent) => unknown;
+    onDoubleClick?: (e: React.MouseEvent) => unknown;
+    onMouseEnter?: (e: React.MouseEvent) => unknown;
+    onMouseLeave?: (e: React.MouseEvent) => unknown;
+    onMouseOut?: (e: React.MouseEvent) => unknown;
+    onMouseOver?: (e: React.MouseEvent) => unknown;
+    onDrag?: (e: React.MouseEvent) => unknown;
+    onDragEnd?: (e: React.MouseEvent) => unknown;
+    onDragEnter?: (e: React.MouseEvent) => unknown;
+    onDragExit?: (e: React.MouseEvent) => unknown;
+    onDragLeave?: (e: React.MouseEvent) => unknown;
+    onDragOver?: (e: React.MouseEvent) => unknown;
+    onDragStart?: (e: React.MouseEvent) => unknown;
+    onDrop?: (e: React.MouseEvent) => unknown;
 } & {
-    onKeyDown?: ((e: React.KeyboardEvent<Element>) => unknown) | undefined;
-    onKeyPress?: ((e: React.KeyboardEvent<Element>) => unknown) | undefined;
-    onKeyUp?: ((e: React.KeyboardEvent<Element>) => unknown) | undefined;
+    onKeyDown?: (e: React.KeyboardEvent) => unknown;
+    onKeyPress?: (e: React.KeyboardEvent) => unknown;
+    onKeyUp?: (e: React.KeyboardEvent) => unknown;
 } & {
-    onChange?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
-    onInput?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
-    onInvalid?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
-    onSubmit?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onInput?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onInvalid?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onSubmit?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
 } & {
-    onTouchCancel?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
-    onTouchEnd?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
-    onTouchMove?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
-    onTouchStart?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
+    onTouchCancel?: (e: React.TouchEvent) => unknown;
+    onTouchEnd?: (e: React.TouchEvent) => unknown;
+    onTouchMove?: (e: React.TouchEvent) => unknown;
+    onTouchStart?: (e: React.TouchEvent) => unknown;
 } & {
-    onFocus?: ((e: React.FocusEvent<Element, Element>) => unknown) | undefined;
-    onBlur?: ((e: React.FocusEvent<Element, Element>) => unknown) | undefined;
+    onFocus?: (e: React.FocusEvent) => unknown;
+    onBlur?: (e: React.FocusEvent) => unknown;
 } & {
-    tag?: string | undefined;
+    tag?: string;
 } & React.RefAttributes<unknown>, "ref"> & React.RefAttributes<unknown>>;
 export default Body;

dist/components/caption.d.ts

@@ -5,51 +5,51 @@ import * as React from "react";
     style?: import("@khanacademy/wonder-blocks-core").StyleType;
-    testId?: string | undefined;
-    lang?: string | undefined;
-    className?: string | undefined;
-    htmlFor?: string | undefined;
-    tabIndex?: number | undefined;
-    id?: string | undefined;
-    title?: string | undefined;
-    "data-modal-launcher-portal"?: boolean | undefined;
-    "data-placement"?: string | undefined;
+    testId?: string;
+    lang?: string;
+    className?: string;
+    htmlFor?: string;
+    tabIndex?: number;
+    id?: string;
+    title?: string;
+    "data-modal-launcher-portal"?: boolean;
+    "data-placement"?: string;
 } & Readonly<import("@khanacademy/wonder-blocks-core").AriaAttributes> & Readonly<{
-    role?: import("@khanacademy/wonder-blocks-core").AriaRole | undefined;
+    role?: import("@khanacademy/wonder-blocks-core").AriaRole;
 }> & {
-    onMouseDown?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseUp?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseMove?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDoubleClick?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseOut?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseOver?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDrag?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragEnd?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragExit?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragOver?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragStart?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDrop?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
+    onMouseDown?: (e: React.MouseEvent) => unknown;
+    onMouseUp?: (e: React.MouseEvent) => unknown;
+    onMouseMove?: (e: React.MouseEvent) => unknown;
+    onClick?: (e: React.MouseEvent) => unknown;
+    onDoubleClick?: (e: React.MouseEvent) => unknown;
+    onMouseEnter?: (e: React.MouseEvent) => unknown;
+    onMouseLeave?: (e: React.MouseEvent) => unknown;
+    onMouseOut?: (e: React.MouseEvent) => unknown;
+    onMouseOver?: (e: React.MouseEvent) => unknown;
+    onDrag?: (e: React.MouseEvent) => unknown;
+    onDragEnd?: (e: React.MouseEvent) => unknown;
+    onDragEnter?: (e: React.MouseEvent) => unknown;
+    onDragExit?: (e: React.MouseEvent) => unknown;
+    onDragLeave?: (e: React.MouseEvent) => unknown;
+    onDragOver?: (e: React.MouseEvent) => unknown;
+    onDragStart?: (e: React.MouseEvent) => unknown;
+    onDrop?: (e: React.MouseEvent) => unknown;
 } & {
-    onKeyDown?: ((e: React.KeyboardEvent<Element>) => unknown) | undefined;
-    onKeyPress?: ((e: React.KeyboardEvent<Element>) => unknown) | undefined;
-    onKeyUp?: ((e: React.KeyboardEvent<Element>) => unknown) | undefined;
+    onKeyDown?: (e: React.KeyboardEvent) => unknown;
+    onKeyPress?: (e: React.KeyboardEvent) => unknown;
+    onKeyUp?: (e: React.KeyboardEvent) => unknown;
 } & {
-    onChange?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
-    onInput?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
-    onInvalid?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
-    onSubmit?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onInput?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onInvalid?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onSubmit?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
 } & {
-    onTouchCancel?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
-    onTouchEnd?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
-    onTouchMove?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
-    onTouchStart?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
+    onTouchCancel?: (e: React.TouchEvent) => unknown;
+    onTouchEnd?: (e: React.TouchEvent) => unknown;
+    onTouchMove?: (e: React.TouchEvent) => unknown;
+    onTouchStart?: (e: React.TouchEvent) => unknown;
 } & {
-    onFocus?: ((e: React.FocusEvent<Element, Element>) => unknown) | undefined;
-    onBlur?: ((e: React.FocusEvent<Element, Element>) => unknown) | undefined;
+    onFocus?: (e: React.FocusEvent) => unknown;
+    onBlur?: (e: React.FocusEvent) => unknown;
 } & {
-    tag?: string | undefined;
+    tag?: string;
 } & React.RefAttributes<unknown>, "ref"> & React.RefAttributes<unknown>>;
 export default Caption;

dist/components/footnote.d.ts

@@ -5,51 +5,51 @@ import * as React from "react";
     style?: import("@khanacademy/wonder-blocks-core").StyleType;
-    testId?: string | undefined;
-    lang?: string | undefined;
-    className?: string | undefined;
-    htmlFor?: string | undefined;
-    tabIndex?: number | undefined;
-    id?: string | undefined;
-    title?: string | undefined;
-    "data-modal-launcher-portal"?: boolean | undefined;
-    "data-placement"?: string | undefined;
+    testId?: string;
+    lang?: string;
+    className?: string;
+    htmlFor?: string;
+    tabIndex?: number;
+    id?: string;
+    title?: string;
+    "data-modal-launcher-portal"?: boolean;
+    "data-placement"?: string;
 } & Readonly<import("@khanacademy/wonder-blocks-core").AriaAttributes> & Readonly<{
-    role?: import("@khanacademy/wonder-blocks-core").AriaRole | undefined;
+    role?: import("@khanacademy/wonder-blocks-core").AriaRole;
 }> & {
-    onMouseDown?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseUp?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseMove?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDoubleClick?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseOut?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseOver?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDrag?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragEnd?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragExit?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragOver?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragStart?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDrop?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
+    onMouseDown?: (e: React.MouseEvent) => unknown;
+    onMouseUp?: (e: React.MouseEvent) => unknown;
+    onMouseMove?: (e: React.MouseEvent) => unknown;
+    onClick?: (e: React.MouseEvent) => unknown;
+    onDoubleClick?: (e: React.MouseEvent) => unknown;
+    onMouseEnter?: (e: React.MouseEvent) => unknown;
+    onMouseLeave?: (e: React.MouseEvent) => unknown;
+    onMouseOut?: (e: React.MouseEvent) => unknown;
+    onMouseOver?: (e: React.MouseEvent) => unknown;
+    onDrag?: (e: React.MouseEvent) => unknown;
+    onDragEnd?: (e: React.MouseEvent) => unknown;
+    onDragEnter?: (e: React.MouseEvent) => unknown;
+    onDragExit?: (e: React.MouseEvent) => unknown;
+    onDragLeave?: (e: React.MouseEvent) => unknown;
+    onDragOver?: (e: React.MouseEvent) => unknown;
+    onDragStart?: (e: React.MouseEvent) => unknown;
+    onDrop?: (e: React.MouseEvent) => unknown;
 } & {
-    onKeyDown?: ((e: React.KeyboardEvent<Element>) => unknown) | undefined;
-    onKeyPress?: ((e: React.KeyboardEvent<Element>) => unknown) | undefined;
-    onKeyUp?: ((e: React.KeyboardEvent<Element>) => unknown) | undefined;
+    onKeyDown?: (e: React.KeyboardEvent) => unknown;
+    onKeyPress?: (e: React.KeyboardEvent) => unknown;
+    onKeyUp?: (e: React.KeyboardEvent) => unknown;
 } & {
-    onChange?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
-    onInput?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
-    onInvalid?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
-    onSubmit?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onInput?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onInvalid?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onSubmit?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
 } & {
-    onTouchCancel?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
-    onTouchEnd?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
-    onTouchMove?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
-    onTouchStart?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
+    onTouchCancel?: (e: React.TouchEvent) => unknown;
+    onTouchEnd?: (e: React.TouchEvent) => unknown;
+    onTouchMove?: (e: React.TouchEvent) => unknown;
+    onTouchStart?: (e: React.TouchEvent) => unknown;
 } & {
-    onFocus?: ((e: React.FocusEvent<Element, Element>) => unknown) | undefined;
-    onBlur?: ((e: React.FocusEvent<Element, Element>) => unknown) | undefined;
+    onFocus?: (e: React.FocusEvent) => unknown;
+    onBlur?: (e: React.FocusEvent) => unknown;
 } & {
-    tag?: string | undefined;
+    tag?: string;
 } & React.RefAttributes<unknown>, "ref"> & React.RefAttributes<unknown>>;
 export default Footnote;

dist/components/heading-large.d.ts

@@ -5,51 +5,51 @@ import * as React from "react";
     style?: import("@khanacademy/wonder-blocks-core").StyleType;
-    testId?: string | undefined;
-    lang?: string | undefined;
-    className?: string | undefined;
-    htmlFor?: string | undefined;
-    tabIndex?: number | undefined;
-    id?: string | undefined;
-    title?: string | undefined;
-    "data-modal-launcher-portal"?: boolean | undefined;
-    "data-placement"?: string | undefined;
+    testId?: string;
+    lang?: string;
+    className?: string;
+    htmlFor?: string;
+    tabIndex?: number;
+    id?: string;
+    title?: string;
+    "data-modal-launcher-portal"?: boolean;
+    "data-placement"?: string;
 } & Readonly<import("@khanacademy/wonder-blocks-core").AriaAttributes> & Readonly<{
-    role?: import("@khanacademy/wonder-blocks-core").AriaRole | undefined;
+    role?: import("@khanacademy/wonder-blocks-core").AriaRole;
 }> & {
-    onMouseDown?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseUp?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseMove?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDoubleClick?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseOut?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseOver?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDrag?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragEnd?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragExit?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragOver?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragStart?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDrop?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
+    onMouseDown?: (e: React.MouseEvent) => unknown;
+    onMouseUp?: (e: React.MouseEvent) => unknown;
+    onMouseMove?: (e: React.MouseEvent) => unknown;
+    onClick?: (e: React.MouseEvent) => unknown;
+    onDoubleClick?: (e: React.MouseEvent) => unknown;
+    onMouseEnter?: (e: React.MouseEvent) => unknown;
+    onMouseLeave?: (e: React.MouseEvent) => unknown;
+    onMouseOut?: (e: React.MouseEvent) => unknown;
+    onMouseOver?: (e: React.MouseEvent) => unknown;
+    onDrag?: (e: React.MouseEvent) => unknown;
+    onDragEnd?: (e: React.MouseEvent) => unknown;
+    onDragEnter?: (e: React.MouseEvent) => unknown;
+    onDragExit?: (e: React.MouseEvent) => unknown;
+    onDragLeave?: (e: React.MouseEvent) => unknown;
+    onDragOver?: (e: React.MouseEvent) => unknown;
+    onDragStart?: (e: React.MouseEvent) => unknown;
+    onDrop?: (e: React.MouseEvent) => unknown;
 } & {
-    onKeyDown?: ((e: React.KeyboardEvent<Element>) => unknown) | undefined;
-    onKeyPress?: ((e: React.KeyboardEvent<Element>) => unknown) | undefined;
-    onKeyUp?: ((e: React.KeyboardEvent<Element>) => unknown) | undefined;
+    onKeyDown?: (e: React.KeyboardEvent) => unknown;
+    onKeyPress?: (e: React.KeyboardEvent) => unknown;
+    onKeyUp?: (e: React.KeyboardEvent) => unknown;
 } & {
-    onChange?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
-    onInput?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
-    onInvalid?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
-    onSubmit?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onInput?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onInvalid?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onSubmit?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
 } & {
-    onTouchCancel?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
-    onTouchEnd?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
-    onTouchMove?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
-    onTouchStart?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
+    onTouchCancel?: (e: React.TouchEvent) => unknown;
+    onTouchEnd?: (e: React.TouchEvent) => unknown;
+    onTouchMove?: (e: React.TouchEvent) => unknown;
+    onTouchStart?: (e: React.TouchEvent) => unknown;
 } & {
-    onFocus?: ((e: React.FocusEvent<Element, Element>) => unknown) | undefined;
-    onBlur?: ((e: React.FocusEvent<Element, Element>) => unknown) | undefined;
+    onFocus?: (e: React.FocusEvent) => unknown;
+    onBlur?: (e: React.FocusEvent) => unknown;
 } & {
-    tag?: string | undefined;
+    tag?: string;
 } & React.RefAttributes<unknown>, "ref"> & React.RefAttributes<unknown>>;
 export default HeadingLarge;

dist/components/heading-medium.d.ts

@@ -5,51 +5,51 @@ import * as React from "react";
     style?: import("@khanacademy/wonder-blocks-core").StyleType;
-    testId?: string | undefined;
-    lang?: string | undefined;
-    className?: string | undefined;
-    htmlFor?: string | undefined;
-    tabIndex?: number | undefined;
-    id?: string | undefined;
-    title?: string | undefined;
-    "data-modal-launcher-portal"?: boolean | undefined;
-    "data-placement"?: string | undefined;
+    testId?: string;
+    lang?: string;
+    className?: string;
+    htmlFor?: string;
+    tabIndex?: number;
+    id?: string;
+    title?: string;
+    "data-modal-launcher-portal"?: boolean;
+    "data-placement"?: string;
 } & Readonly<import("@khanacademy/wonder-blocks-core").AriaAttributes> & Readonly<{
-    role?: import("@khanacademy/wonder-blocks-core").AriaRole | undefined;
+    role?: import("@khanacademy/wonder-blocks-core").AriaRole;
 }> & {
-    onMouseDown?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseUp?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseMove?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDoubleClick?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseOut?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseOver?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDrag?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragEnd?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragExit?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragOver?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragStart?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDrop?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
+    onMouseDown?: (e: React.MouseEvent) => unknown;
+    onMouseUp?: (e: React.MouseEvent) => unknown;
+    onMouseMove?: (e: React.MouseEvent) => unknown;
+    onClick?: (e: React.MouseEvent) => unknown;
+    onDoubleClick?: (e: React.MouseEvent) => unknown;
+    onMouseEnter?: (e: React.MouseEvent) => unknown;
+    onMouseLeave?: (e: React.MouseEvent) => unknown;
+    onMouseOut?: (e: React.MouseEvent) => unknown;
+    onMouseOver?: (e: React.MouseEvent) => unknown;
+    onDrag?: (e: React.MouseEvent) => unknown;
+    onDragEnd?: (e: React.MouseEvent) => unknown;
+    onDragEnter?: (e: React.MouseEvent) => unknown;
+    onDragExit?: (e: React.MouseEvent) => unknown;
+    onDragLeave?: (e: React.MouseEvent) => unknown;
+    onDragOver?: (e: React.MouseEvent) => unknown;
+    onDragStart?: (e: React.MouseEvent) => unknown;
+    onDrop?: (e: React.MouseEvent) => unknown;
 } & {
-    onKeyDown?: ((e: React.KeyboardEvent<Element>) => unknown) | undefined;
-    onKeyPress?: ((e: React.KeyboardEvent<Element>) => unknown) | undefined;
-    onKeyUp?: ((e: React.KeyboardEvent<Element>) => unknown) | undefined;
+    onKeyDown?: (e: React.KeyboardEvent) => unknown;
+    onKeyPress?: (e: React.KeyboardEvent) => unknown;
+    onKeyUp?: (e: React.KeyboardEvent) => unknown;
 } & {
-    onChange?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
-    onInput?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
-    onInvalid?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
-    onSubmit?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onInput?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onInvalid?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onSubmit?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
 } & {
-    onTouchCancel?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
-    onTouchEnd?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
-    onTouchMove?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
-    onTouchStart?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
+    onTouchCancel?: (e: React.TouchEvent) => unknown;
+    onTouchEnd?: (e: React.TouchEvent) => unknown;
+    onTouchMove?: (e: React.TouchEvent) => unknown;
+    onTouchStart?: (e: React.TouchEvent) => unknown;
 } & {
-    onFocus?: ((e: React.FocusEvent<Element, Element>) => unknown) | undefined;
-    onBlur?: ((e: React.FocusEvent<Element, Element>) => unknown) | undefined;
+    onFocus?: (e: React.FocusEvent) => unknown;
+    onBlur?: (e: React.FocusEvent) => unknown;
 } & {
-    tag?: string | undefined;
+    tag?: string;
 } & React.RefAttributes<unknown>, "ref"> & React.RefAttributes<unknown>>;
 export default HeadingMedium;

dist/components/heading-small.d.ts

@@ -5,51 +5,51 @@ import * as React from "react";
     style?: import("@khanacademy/wonder-blocks-core").StyleType;
-    testId?: string | undefined;
-    lang?: string | undefined;
-    className?: string | undefined;
-    htmlFor?: string | undefined;
-    tabIndex?: number | undefined;
-    id?: string | undefined;
-    title?: string | undefined;
-    "data-modal-launcher-portal"?: boolean | undefined;
-    "data-placement"?: string | undefined;
+    testId?: string;
+    lang?: string;
+    className?: string;
+    htmlFor?: string;
+    tabIndex?: number;
+    id?: string;
+    title?: string;
+    "data-modal-launcher-portal"?: boolean;
+    "data-placement"?: string;
 } & Readonly<import("@khanacademy/wonder-blocks-core").AriaAttributes> & Readonly<{
-    role?: import("@khanacademy/wonder-blocks-core").AriaRole | undefined;
+    role?: import("@khanacademy/wonder-blocks-core").AriaRole;
 }> & {
-    onMouseDown?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseUp?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseMove?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDoubleClick?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseOut?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseOver?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDrag?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragEnd?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragExit?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragOver?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragStart?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDrop?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
+    onMouseDown?: (e: React.MouseEvent) => unknown;
+    onMouseUp?: (e: React.MouseEvent) => unknown;
+    onMouseMove?: (e: React.MouseEvent) => unknown;
+    onClick?: (e: React.MouseEvent) => unknown;
+    onDoubleClick?: (e: React.MouseEvent) => unknown;
+    onMouseEnter?: (e: React.MouseEvent) => unknown;
+    onMouseLeave?: (e: React.MouseEvent) => unknown;
+    onMouseOut?: (e: React.MouseEvent) => unknown;
+    onMouseOver?: (e: React.MouseEvent) => unknown;
+    onDrag?: (e: React.MouseEvent) => unknown;
+    onDragEnd?: (e: React.MouseEvent) => unknown;
+    onDragEnter?: (e: React.MouseEvent) => unknown;
+    onDragExit?: (e: React.MouseEvent) => unknown;
+    onDragLeave?: (e: React.MouseEvent) => unknown;
+    onDragOver?: (e: React.MouseEvent) => unknown;
+    onDragStart?: (e: React.MouseEvent) => unknown;
+    onDrop?: (e: React.MouseEvent) => unknown;
 } & {
-    onKeyDown?: ((e: React.KeyboardEvent<Element>) => unknown) | undefined;
-    onKeyPress?: ((e: React.KeyboardEvent<Element>) => unknown) | undefined;
-    onKeyUp?: ((e: React.KeyboardEvent<Element>) => unknown) | undefined;
+    onKeyDown?: (e: React.KeyboardEvent) => unknown;
+    onKeyPress?: (e: React.KeyboardEvent) => unknown;
+    onKeyUp?: (e: React.KeyboardEvent) => unknown;
 } & {
-    onChange?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
-    onInput?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
-    onInvalid?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
-    onSubmit?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onInput?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onInvalid?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onSubmit?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
 } & {
-    onTouchCancel?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
-    onTouchEnd?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
-    onTouchMove?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
-    onTouchStart?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
+    onTouchCancel?: (e: React.TouchEvent) => unknown;
+    onTouchEnd?: (e: React.TouchEvent) => unknown;
+    onTouchMove?: (e: React.TouchEvent) => unknown;
+    onTouchStart?: (e: React.TouchEvent) => unknown;
 } & {
-    onFocus?: ((e: React.FocusEvent<Element, Element>) => unknown) | undefined;
-    onBlur?: ((e: React.FocusEvent<Element, Element>) => unknown) | undefined;
+    onFocus?: (e: React.FocusEvent) => unknown;
+    onBlur?: (e: React.FocusEvent) => unknown;
 } & {
-    tag?: string | undefined;
+    tag?: string;
 } & React.RefAttributes<unknown>, "ref"> & React.RefAttributes<unknown>>;
 export default HeadingSmall;

dist/components/heading-xsmall.d.ts

@@ -5,51 +5,51 @@ import * as React from "react";
     style?: import("@khanacademy/wonder-blocks-core").StyleType;
-    testId?: string | undefined;
-    lang?: string | undefined;
-    className?: string | undefined;
-    htmlFor?: string | undefined;
-    tabIndex?: number | undefined;
-    id?: string | undefined;
-    title?: string | undefined;
-    "data-modal-launcher-portal"?: boolean | undefined;
-    "data-placement"?: string | undefined;
+    testId?: string;
+    lang?: string;
+    className?: string;
+    htmlFor?: string;
+    tabIndex?: number;
+    id?: string;
+    title?: string;
+    "data-modal-launcher-portal"?: boolean;
+    "data-placement"?: string;
 } & Readonly<import("@khanacademy/wonder-blocks-core").AriaAttributes> & Readonly<{
-    role?: import("@khanacademy/wonder-blocks-core").AriaRole | undefined;
+    role?: import("@khanacademy/wonder-blocks-core").AriaRole;
 }> & {
-    onMouseDown?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseUp?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseMove?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDoubleClick?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseOut?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseOver?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDrag?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragEnd?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragExit?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragOver?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragStart?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDrop?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
+    onMouseDown?: (e: React.MouseEvent) => unknown;
+    onMouseUp?: (e: React.MouseEvent) => unknown;
+    onMouseMove?: (e: React.MouseEvent) => unknown;
+    onClick?: (e: React.MouseEvent) => unknown;
+    onDoubleClick?: (e: React.MouseEvent) => unknown;
+    onMouseEnter?: (e: React.MouseEvent) => unknown;
+    onMouseLeave?: (e: React.MouseEvent) => unknown;
+    onMouseOut?: (e: React.MouseEvent) => unknown;
+    onMouseOver?: (e: React.MouseEvent) => unknown;
+    onDrag?: (e: React.MouseEvent) => unknown;
+    onDragEnd?: (e: React.MouseEvent) => unknown;
+    onDragEnter?: (e: React.MouseEvent) => unknown;
+    onDragExit?: (e: React.MouseEvent) => unknown;
+    onDragLeave?: (e: React.MouseEvent) => unknown;
+    onDragOver?: (e: React.MouseEvent) => unknown;
+    onDragStart?: (e: React.MouseEvent) => unknown;
+    onDrop?: (e: React.MouseEvent) => unknown;
 } & {
-    onKeyDown?: ((e: React.KeyboardEvent<Element>) => unknown) | undefined;
-    onKeyPress?: ((e: React.KeyboardEvent<Element>) => unknown) | undefined;
-    onKeyUp?: ((e: React.KeyboardEvent<Element>) => unknown) | undefined;
+    onKeyDown?: (e: React.KeyboardEvent) => unknown;
+    onKeyPress?: (e: React.KeyboardEvent) => unknown;
+    onKeyUp?: (e: React.KeyboardEvent) => unknown;
 } & {
-    onChange?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
-    onInput?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
-    onInvalid?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
-    onSubmit?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onInput?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onInvalid?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onSubmit?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
 } & {
-    onTouchCancel?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
-    onTouchEnd?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
-    onTouchMove?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
-    onTouchStart?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
+    onTouchCancel?: (e: React.TouchEvent) => unknown;
+    onTouchEnd?: (e: React.TouchEvent) => unknown;
+    onTouchMove?: (e: React.TouchEvent) => unknown;
+    onTouchStart?: (e: React.TouchEvent) => unknown;
 } & {
-    onFocus?: ((e: React.FocusEvent<Element, Element>) => unknown) | undefined;
-    onBlur?: ((e: React.FocusEvent<Element, Element>) => unknown) | undefined;
+    onFocus?: (e: React.FocusEvent) => unknown;
+    onBlur?: (e: React.FocusEvent) => unknown;
 } & {
-    tag?: string | undefined;
+    tag?: string;
 } & React.RefAttributes<unknown>, "ref"> & React.RefAttributes<unknown>>;
 export default HeadingXSmall;

dist/components/label-large.d.ts

@@ -5,51 +5,51 @@ import * as React from "react";
     style?: import("@khanacademy/wonder-blocks-core").StyleType;
-    testId?: string | undefined;
-    lang?: string | undefined;
-    className?: string | undefined;
-    htmlFor?: string | undefined;
-    tabIndex?: number | undefined;
-    id?: string | undefined;
-    title?: string | undefined;
-    "data-modal-launcher-portal"?: boolean | undefined;
-    "data-placement"?: string | undefined;
+    testId?: string;
+    lang?: string;
+    className?: string;
+    htmlFor?: string;
+    tabIndex?: number;
+    id?: string;
+    title?: string;
+    "data-modal-launcher-portal"?: boolean;
+    "data-placement"?: string;
 } & Readonly<import("@khanacademy/wonder-blocks-core").AriaAttributes> & Readonly<{
-    role?: import("@khanacademy/wonder-blocks-core").AriaRole | undefined;
+    role?: import("@khanacademy/wonder-blocks-core").AriaRole;
 }> & {
-    onMouseDown?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseUp?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseMove?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDoubleClick?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseOut?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseOver?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDrag?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragEnd?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragExit?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragOver?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragStart?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDrop?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
+    onMouseDown?: (e: React.MouseEvent) => unknown;
+    onMouseUp?: (e: React.MouseEvent) => unknown;
+    onMouseMove?: (e: React.MouseEvent) => unknown;
+    onClick?: (e: React.MouseEvent) => unknown;
+    onDoubleClick?: (e: React.MouseEvent) => unknown;
+    onMouseEnter?: (e: React.MouseEvent) => unknown;
+    onMouseLeave?: (e: React.MouseEvent) => unknown;
+    onMouseOut?: (e: React.MouseEvent) => unknown;
+    onMouseOver?: (e: React.MouseEvent) => unknown;
+    onDrag?: (e: React.MouseEvent) => unknown;
+    onDragEnd?: (e: React.MouseEvent) => unknown;
+    onDragEnter?: (e: React.MouseEvent) => unknown;
+    onDragExit?: (e: React.MouseEvent) => unknown;
+    onDragLeave?: (e: React.MouseEvent) => unknown;
+    onDragOver?: (e: React.MouseEvent) => unknown;
+    onDragStart?: (e: React.MouseEvent) => unknown;
+    onDrop?: (e: React.MouseEvent) => unknown;
 } & {
-    onKeyDown?: ((e: React.KeyboardEvent<Element>) => unknown) | undefined;
-    onKeyPress?: ((e: React.KeyboardEvent<Element>) => unknown) | undefined;
-    onKeyUp?: ((e: React.KeyboardEvent<Element>) => unknown) | undefined;
+    onKeyDown?: (e: React.KeyboardEvent) => unknown;
+    onKeyPress?: (e: React.KeyboardEvent) => unknown;
+    onKeyUp?: (e: React.KeyboardEvent) => unknown;
 } & {
-    onChange?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
-    onInput?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
-    onInvalid?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
-    onSubmit?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onInput?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onInvalid?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onSubmit?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
 } & {
-    onTouchCancel?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
-    onTouchEnd?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
-    onTouchMove?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
-    onTouchStart?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
+    onTouchCancel?: (e: React.TouchEvent) => unknown;
+    onTouchEnd?: (e: React.TouchEvent) => unknown;
+    onTouchMove?: (e: React.TouchEvent) => unknown;
+    onTouchStart?: (e: React.TouchEvent) => unknown;
 } & {
-    onFocus?: ((e: React.FocusEvent<Element, Element>) => unknown) | undefined;
-    onBlur?: ((e: React.FocusEvent<Element, Element>) => unknown) | undefined;
+    onFocus?: (e: React.FocusEvent) => unknown;
+    onBlur?: (e: React.FocusEvent) => unknown;
 } & {
-    tag?: string | undefined;
+    tag?: string;
 } & React.RefAttributes<unknown>, "ref"> & React.RefAttributes<unknown>>;
 export default LabelLarge;

dist/components/label-medium.d.ts

@@ -5,51 +5,51 @@ import * as React from "react";
     style?: import("@khanacademy/wonder-blocks-core").StyleType;
-    testId?: string | undefined;
-    lang?: string | undefined;
-    className?: string | undefined;
-    htmlFor?: string | undefined;
-    tabIndex?: number | undefined;
-    id?: string | undefined;
-    title?: string | undefined;
-    "data-modal-launcher-portal"?: boolean | undefined;
-    "data-placement"?: string | undefined;
+    testId?: string;
+    lang?: string;
+    className?: string;
+    htmlFor?: string;
+    tabIndex?: number;
+    id?: string;
+    title?: string;
+    "data-modal-launcher-portal"?: boolean;
+    "data-placement"?: string;
 } & Readonly<import("@khanacademy/wonder-blocks-core").AriaAttributes> & Readonly<{
-    role?: import("@khanacademy/wonder-blocks-core").AriaRole | undefined;
+    role?: import("@khanacademy/wonder-blocks-core").AriaRole;
 }> & {
-    onMouseDown?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseUp?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseMove?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDoubleClick?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseOut?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseOver?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDrag?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragEnd?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragExit?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragOver?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragStart?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDrop?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
+    onMouseDown?: (e: React.MouseEvent) => unknown;
+    onMouseUp?: (e: React.MouseEvent) => unknown;
+    onMouseMove?: (e: React.MouseEvent) => unknown;
+    onClick?: (e: React.MouseEvent) => unknown;
+    onDoubleClick?: (e: React.MouseEvent) => unknown;
+    onMouseEnter?: (e: React.MouseEvent) => unknown;
+    onMouseLeave?: (e: React.MouseEvent) => unknown;
+    onMouseOut?: (e: React.MouseEvent) => unknown;
+    onMouseOver?: (e: React.MouseEvent) => unknown;
+    onDrag?: (e: React.MouseEvent) => unknown;
+    onDragEnd?: (e: React.MouseEvent) => unknown;
+    onDragEnter?: (e: React.MouseEvent) => unknown;
+    onDragExit?: (e: React.MouseEvent) => unknown;
+    onDragLeave?: (e: React.MouseEvent) => unknown;
+    onDragOver?: (e: React.MouseEvent) => unknown;
+    onDragStart?: (e: React.MouseEvent) => unknown;
+    onDrop?: (e: React.MouseEvent) => unknown;
 } & {
-    onKeyDown?: ((e: React.KeyboardEvent<Element>) => unknown) | undefined;
-    onKeyPress?: ((e: React.KeyboardEvent<Element>) => unknown) | undefined;
-    onKeyUp?: ((e: React.KeyboardEvent<Element>) => unknown) | undefined;
+    onKeyDown?: (e: React.KeyboardEvent) => unknown;
+    onKeyPress?: (e: React.KeyboardEvent) => unknown;
+    onKeyUp?: (e: React.KeyboardEvent) => unknown;
 } & {
-    onChange?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
-    onInput?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
-    onInvalid?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
-    onSubmit?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onInput?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onInvalid?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onSubmit?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
 } & {
-    onTouchCancel?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
-    onTouchEnd?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
-    onTouchMove?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
-    onTouchStart?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
+    onTouchCancel?: (e: React.TouchEvent) => unknown;
+    onTouchEnd?: (e: React.TouchEvent) => unknown;
+    onTouchMove?: (e: React.TouchEvent) => unknown;
+    onTouchStart?: (e: React.TouchEvent) => unknown;
 } & {
-    onFocus?: ((e: React.FocusEvent<Element, Element>) => unknown) | undefined;
-    onBlur?: ((e: React.FocusEvent<Element, Element>) => unknown) | undefined;
+    onFocus?: (e: React.FocusEvent) => unknown;
+    onBlur?: (e: React.FocusEvent) => unknown;
 } & {
-    tag?: string | undefined;
+    tag?: string;
 } & React.RefAttributes<unknown>, "ref"> & React.RefAttributes<unknown>>;
 export default LabelMedium;

dist/components/label-small.d.ts

@@ -5,51 +5,51 @@ import * as React from "react";
     style?: import("@khanacademy/wonder-blocks-core").StyleType;
-    testId?: string | undefined;
-    lang?: string | undefined;
-    className?: string | undefined;
-    htmlFor?: string | undefined;
-    tabIndex?: number | undefined;
-    id?: string | undefined;
-    title?: string | undefined;
-    "data-modal-launcher-portal"?: boolean | undefined;
-    "data-placement"?: string | undefined;
+    testId?: string;
+    lang?: string;
+    className?: string;
+    htmlFor?: string;
+    tabIndex?: number;
+    id?: string;
+    title?: string;
+    "data-modal-launcher-portal"?: boolean;
+    "data-placement"?: string;
 } & Readonly<import("@khanacademy/wonder-blocks-core").AriaAttributes> & Readonly<{
-    role?: import("@khanacademy/wonder-blocks-core").AriaRole | undefined;
+    role?: import("@khanacademy/wonder-blocks-core").AriaRole;
 }> & {
-    onMouseDown?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseUp?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseMove?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDoubleClick?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseOut?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseOver?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDrag?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragEnd?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragExit?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragOver?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragStart?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDrop?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
+    onMouseDown?: (e: React.MouseEvent) => unknown;
+    onMouseUp?: (e: React.MouseEvent) => unknown;
+    onMouseMove?: (e: React.MouseEvent) => unknown;
+    onClick?: (e: React.MouseEvent) => unknown;
+    onDoubleClick?: (e: React.MouseEvent) => unknown;
+    onMouseEnter?: (e: React.MouseEvent) => unknown;
+    onMouseLeave?: (e: React.MouseEvent) => unknown;
+    onMouseOut?: (e: React.MouseEvent) => unknown;
+    onMouseOver?: (e: React.MouseEvent) => unknown;
+    onDrag?: (e: React.MouseEvent) => unknown;
+    onDragEnd?: (e: React.MouseEvent) => unknown;
+    onDragEnter?: (e: React.MouseEvent) => unknown;
+    onDragExit?: (e: React.MouseEvent) => unknown;
+    onDragLeave?: (e: React.MouseEvent) => unknown;
+    onDragOver?: (e: React.MouseEvent) => unknown;
+    onDragStart?: (e: React.MouseEvent) => unknown;
+    onDrop?: (e: React.MouseEvent) => unknown;
 } & {
-    onKeyDown?: ((e: React.KeyboardEvent<Element>) => unknown) | undefined;
-    onKeyPress?: ((e: React.KeyboardEvent<Element>) => unknown) | undefined;
-    onKeyUp?: ((e: React.KeyboardEvent<Element>) => unknown) | undefined;
+    onKeyDown?: (e: React.KeyboardEvent) => unknown;
+    onKeyPress?: (e: React.KeyboardEvent) => unknown;
+    onKeyUp?: (e: React.KeyboardEvent) => unknown;
 } & {
-    onChange?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
-    onInput?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
-    onInvalid?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
-    onSubmit?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onInput?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onInvalid?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onSubmit?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
 } & {
-    onTouchCancel?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
-    onTouchEnd?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
-    onTouchMove?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
-    onTouchStart?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
+    onTouchCancel?: (e: React.TouchEvent) => unknown;
+    onTouchEnd?: (e: React.TouchEvent) => unknown;
+    onTouchMove?: (e: React.TouchEvent) => unknown;
+    onTouchStart?: (e: React.TouchEvent) => unknown;
 } & {
-    onFocus?: ((e: React.FocusEvent<Element, Element>) => unknown) | undefined;
-    onBlur?: ((e: React.FocusEvent<Element, Element>) => unknown) | undefined;
+    onFocus?: (e: React.FocusEvent) => unknown;
+    onBlur?: (e: React.FocusEvent) => unknown;
 } & {
-    tag?: string | undefined;
+    tag?: string;
 } & React.RefAttributes<unknown>, "ref"> & React.RefAttributes<unknown>>;
 export default LabelSmall;

dist/components/label-xsmall.d.ts

@@ -5,51 +5,51 @@ import * as React from "react";
     style?: import("@khanacademy/wonder-blocks-core").StyleType;
-    testId?: string | undefined;
-    lang?: string | undefined;
-    className?: string | undefined;
-    htmlFor?: string | undefined;
-    tabIndex?: number | undefined;
-    id?: string | undefined;
-    title?: string | undefined;
-    "data-modal-launcher-portal"?: boolean | undefined;
-    "data-placement"?: string | undefined;
+    testId?: string;
+    lang?: string;
+    className?: string;
+    htmlFor?: string;
+    tabIndex?: number;
+    id?: string;
+    title?: string;
+    "data-modal-launcher-portal"?: boolean;
+    "data-placement"?: string;
 } & Readonly<import("@khanacademy/wonder-blocks-core").AriaAttributes> & Readonly<{
-    role?: import("@khanacademy/wonder-blocks-core").AriaRole | undefined;
+    role?: import("@khanacademy/wonder-blocks-core").AriaRole;
 }> & {
-    onMouseDown?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseUp?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseMove?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDoubleClick?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseOut?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseOver?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDrag?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragEnd?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragExit?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragOver?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragStart?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDrop?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
+    onMouseDown?: (e: React.MouseEvent) => unknown;
+    onMouseUp?: (e: React.MouseEvent) => unknown;
+    onMouseMove?: (e: React.MouseEvent) => unknown;
+    onClick?: (e: React.MouseEvent) => unknown;
+    onDoubleClick?: (e: React.MouseEvent) => unknown;
+    onMouseEnter?: (e: React.MouseEvent) => unknown;
+    onMouseLeave?: (e: React.MouseEvent) => unknown;
+    onMouseOut?: (e: React.MouseEvent) => unknown;
+    onMouseOver?: (e: React.MouseEvent) => unknown;
+    onDrag?: (e: React.MouseEvent) => unknown;
+    onDragEnd?: (e: React.MouseEvent) => unknown;
+    onDragEnter?: (e: React.MouseEvent) => unknown;
+    onDragExit?: (e: React.MouseEvent) => unknown;
+    onDragLeave?: (e: React.MouseEvent) => unknown;
+    onDragOver?: (e: React.MouseEvent) => unknown;
+    onDragStart?: (e: React.MouseEvent) => unknown;
+    onDrop?: (e: React.MouseEvent) => unknown;
 } & {
-    onKeyDown?: ((e: React.KeyboardEvent<Element>) => unknown) | undefined;
-    onKeyPress?: ((e: React.KeyboardEvent<Element>) => unknown) | undefined;
-    onKeyUp?: ((e: React.KeyboardEvent<Element>) => unknown) | undefined;
+    onKeyDown?: (e: React.KeyboardEvent) => unknown;
+    onKeyPress?: (e: React.KeyboardEvent) => unknown;
+    onKeyUp?: (e: React.KeyboardEvent) => unknown;
 } & {
-    onChange?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
-    onInput?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
-    onInvalid?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
-    onSubmit?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onInput?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onInvalid?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onSubmit?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
 } & {
-    onTouchCancel?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
-    onTouchEnd?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
-    onTouchMove?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
-    onTouchStart?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
+    onTouchCancel?: (e: React.TouchEvent) => unknown;
+    onTouchEnd?: (e: React.TouchEvent) => unknown;
+    onTouchMove?: (e: React.TouchEvent) => unknown;
+    onTouchStart?: (e: React.TouchEvent) => unknown;
 } & {
-    onFocus?: ((e: React.FocusEvent<Element, Element>) => unknown) | undefined;
-    onBlur?: ((e: React.FocusEvent<Element, Element>) => unknown) | undefined;
+    onFocus?: (e: React.FocusEvent) => unknown;
+    onBlur?: (e: React.FocusEvent) => unknown;
 } & {
-    tag?: string | undefined;
+    tag?: string;
 } & React.RefAttributes<unknown>, "ref"> & React.RefAttributes<unknown>>;
 export default LabelXSmall;

dist/components/tagline.d.ts

@@ -5,51 +5,51 @@ import * as React from "react";
     style?: import("@khanacademy/wonder-blocks-core").StyleType;
-    testId?: string | undefined;
-    lang?: string | undefined;
-    className?: string | undefined;
-    htmlFor?: string | undefined;
-    tabIndex?: number | undefined;
-    id?: string | undefined;
-    title?: string | undefined;
-    "data-modal-launcher-portal"?: boolean | undefined;
-    "data-placement"?: string | undefined;
+    testId?: string;
+    lang?: string;
+    className?: string;
+    htmlFor?: string;
+    tabIndex?: number;
+    id?: string;
+    title?: string;
+    "data-modal-launcher-portal"?: boolean;
+    "data-placement"?: string;
 } & Readonly<import("@khanacademy/wonder-blocks-core").AriaAttributes> & Readonly<{
-    role?: import("@khanacademy/wonder-blocks-core").AriaRole | undefined;
+    role?: import("@khanacademy/wonder-blocks-core").AriaRole;
 }> & {
-    onMouseDown?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseUp?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseMove?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDoubleClick?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseOut?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseOver?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDrag?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragEnd?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragExit?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragOver?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragStart?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDrop?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
+    onMouseDown?: (e: React.MouseEvent) => unknown;
+    onMouseUp?: (e: React.MouseEvent) => unknown;
+    onMouseMove?: (e: React.MouseEvent) => unknown;
+    onClick?: (e: React.MouseEvent) => unknown;
+    onDoubleClick?: (e: React.MouseEvent) => unknown;
+    onMouseEnter?: (e: React.MouseEvent) => unknown;
+    onMouseLeave?: (e: React.MouseEvent) => unknown;
+    onMouseOut?: (e: React.MouseEvent) => unknown;
+    onMouseOver?: (e: React.MouseEvent) => unknown;
+    onDrag?: (e: React.MouseEvent) => unknown;
+    onDragEnd?: (e: React.MouseEvent) => unknown;
+    onDragEnter?: (e: React.MouseEvent) => unknown;
+    onDragExit?: (e: React.MouseEvent) => unknown;
+    onDragLeave?: (e: React.MouseEvent) => unknown;
+    onDragOver?: (e: React.MouseEvent) => unknown;
+    onDragStart?: (e: React.MouseEvent) => unknown;
+    onDrop?: (e: React.MouseEvent) => unknown;
 } & {
-    onKeyDown?: ((e: React.KeyboardEvent<Element>) => unknown) | undefined;
-    onKeyPress?: ((e: React.KeyboardEvent<Element>) => unknown) | undefined;
-    onKeyUp?: ((e: React.KeyboardEvent<Element>) => unknown) | undefined;
+    onKeyDown?: (e: React.KeyboardEvent) => unknown;
+    onKeyPress?: (e: React.KeyboardEvent) => unknown;
+    onKeyUp?: (e: React.KeyboardEvent) => unknown;
 } & {
-    onChange?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
-    onInput?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
-    onInvalid?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
-    onSubmit?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onInput?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onInvalid?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onSubmit?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
 } & {
-    onTouchCancel?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
-    onTouchEnd?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
-    onTouchMove?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
-    onTouchStart?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
+    onTouchCancel?: (e: React.TouchEvent) => unknown;
+    onTouchEnd?: (e: React.TouchEvent) => unknown;
+    onTouchMove?: (e: React.TouchEvent) => unknown;
+    onTouchStart?: (e: React.TouchEvent) => unknown;
 } & {
-    onFocus?: ((e: React.FocusEvent<Element, Element>) => unknown) | undefined;
-    onBlur?: ((e: React.FocusEvent<Element, Element>) => unknown) | undefined;
+    onFocus?: (e: React.FocusEvent) => unknown;
+    onBlur?: (e: React.FocusEvent) => unknown;
 } & {
-    tag?: string | undefined;
+    tag?: string;
 } & React.RefAttributes<unknown>, "ref"> & React.RefAttributes<unknown>>;
 export default Tagline;

dist/components/title.d.ts

@@ -5,51 +5,51 @@ import * as React from "react";
     style?: import("@khanacademy/wonder-blocks-core").StyleType;
-    testId?: string | undefined;
-    lang?: string | undefined;
-    className?: string | undefined;
-    htmlFor?: string | undefined;
-    tabIndex?: number | undefined;
-    id?: string | undefined;
-    title?: string | undefined;
-    "data-modal-launcher-portal"?: boolean | undefined;
-    "data-placement"?: string | undefined;
+    testId?: string;
+    lang?: string;
+    className?: string;
+    htmlFor?: string;
+    tabIndex?: number;
+    id?: string;
+    title?: string;
+    "data-modal-launcher-portal"?: boolean;
+    "data-placement"?: string;
 } & Readonly<import("@khanacademy/wonder-blocks-core").AriaAttributes> & Readonly<{
-    role?: import("@khanacademy/wonder-blocks-core").AriaRole | undefined;
+    role?: import("@khanacademy/wonder-blocks-core").AriaRole;
 }> & {
-    onMouseDown?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseUp?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseMove?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDoubleClick?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseOut?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onMouseOver?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDrag?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragEnd?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragEnter?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragExit?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragOver?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDragStart?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
-    onDrop?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
+    onMouseDown?: (e: React.MouseEvent) => unknown;
+    onMouseUp?: (e: React.MouseEvent) => unknown;
+    onMouseMove?: (e: React.MouseEvent) => unknown;
+    onClick?: (e: React.MouseEvent) => unknown;
+    onDoubleClick?: (e: React.MouseEvent) => unknown;
+    onMouseEnter?: (e: React.MouseEvent) => unknown;
+    onMouseLeave?: (e: React.MouseEvent) => unknown;
+    onMouseOut?: (e: React.MouseEvent) => unknown;
+    onMouseOver?: (e: React.MouseEvent) => unknown;
+    onDrag?: (e: React.MouseEvent) => unknown;
+    onDragEnd?: (e: React.MouseEvent) => unknown;
+    onDragEnter?: (e: React.MouseEvent) => unknown;
+    onDragExit?: (e: React.MouseEvent) => unknown;
+    onDragLeave?: (e: React.MouseEvent) => unknown;
+    onDragOver?: (e: React.MouseEvent) => unknown;
+    onDragStart?: (e: React.MouseEvent) => unknown;
+    onDrop?: (e: React.MouseEvent) => unknown;
 } & {
-    onKeyDown?: ((e: React.KeyboardEvent<Element>) => unknown) | undefined;
-    onKeyPress?: ((e: React.KeyboardEvent<Element>) => unknown) | undefined;
-    onKeyUp?: ((e: React.KeyboardEvent<Element>) => unknown) | undefined;
+    onKeyDown?: (e: React.KeyboardEvent) => unknown;
+    onKeyPress?: (e: React.KeyboardEvent) => unknown;
+    onKeyUp?: (e: React.KeyboardEvent) => unknown;
 } & {
-    onChange?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
-    onInput?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
-    onInvalid?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
-    onSubmit?: ((e: React.ChangeEvent<HTMLInputElement>) => unknown) | undefined;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onInput?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onInvalid?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onSubmit?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
 } & {
-    onTouchCancel?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
-    onTouchEnd?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
-    onTouchMove?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
-    onTouchStart?: ((e: React.TouchEvent<Element>) => unknown) | undefined;
+    onTouchCancel?: (e: React.TouchEvent) => unknown;
+    onTouchEnd?: (e: React.TouchEvent) => unknown;
+    onTouchMove?: (e: React.TouchEvent) => unknown;
+    onTouchStart?: (e: React.TouchEvent) => unknown;
 } & {
-    onFocus?: ((e: React.FocusEvent<Element, Element>) => unknown) | undefined;
-    onBlur?: ((e: React.FocusEvent<Element, Element>) => unknown) | undefined;
+    onFocus?: (e: React.FocusEvent) => unknown;
+    onBlur?: (e: React.FocusEvent) => unknown;
 } & {
-    tag?: string | undefined;
+    tag?: string;
 } & React.RefAttributes<unknown>, "ref"> & React.RefAttributes<unknown>>;
 export default Title;

package.json

 {
   "name": "@khanacademy/wonder-blocks-typography",
-  "version": "3.0.5",
+  "version": "3.0.6",
   "design": "v2",
@@ -20,3 +20,3 @@ "publishConfig": {
     "@babel/runtime": "^7.18.6",
-    "@khanacademy/wonder-blocks-core": "^11.1.0"
+    "@khanacademy/wonder-blocks-core": "^12.0.0"
   },
@@ -23,0 +23,0 @@ "peerDependencies": {

No alert changes

Worsened metrics

Total package byte prevSize

80078

decreased by-16.67%

Dependency changes

• + Added@khanacademy/wonder-blocks-core@12.1.1(transitive)

• - Removed@khanacademy/wonder-blocks-core@11.1.0(transitive)

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