@khanacademy/wonder-blocks-icon-button 5.5.0 → 5.6.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @khanacademy/wonder-blocks-icon-button
 
+## 5.6.0
+
+### Minor Changes
+
+-   75da0046: Adds `id` prop and fixes `type` prop to set 'button' as default value.
+
 ## 5.5.0
 
 ### Minor Changes

package/dist/components/icon-button.d.ts

@@ -4,6 +4,10 @@ import type { AriaProps, StyleType } from "@khanacademy/wonder-blocks-core";
 import { Link } from "react-router-dom";
 export type IconButtonSize = "xsmall" | "small" | "medium" | "large";
 export type SharedProps = Partial<Omit<AriaProps, "aria-disabled">> & {
+    /**
+     * A unique identifier for the IconButton.
+     */
+    id?: string;
     /**
      * A Phosphor icon asset (imported as a static SVG file).
      */

package/dist/es/index.js

@@ -177,7 +177,7 @@ function ThemedIconButton(props) {
   }, props.children);
 }
 
-const _excluded$1 = ["color", "disabled", "href", "icon", "kind", "light", "size", "skipClientNav", "style", "testId"];
+const _excluded$1 = ["color", "disabled", "href", "icon", "kind", "light", "size", "skipClientNav", "style", "testId", "type"];
 function IconChooser({
   icon,
   size
@@ -213,7 +213,8 @@ const IconButtonCore = React.forwardRef(function IconButtonCore(props, ref) {
       size = "medium",
       skipClientNav,
       style,
-      testId
+      testId,
+      type = "button"
     } = props,
     restProps = _objectWithoutPropertiesLoose(props, _excluded$1);
   const {
@@ -241,7 +242,7 @@ const IconButtonCore = React.forwardRef(function IconButtonCore(props, ref) {
       }), child);
     } else {
       return React.createElement(StyledButton, _extends({
-        type: "button"
+        type: type
       }, commonProps, {
         onClick: disabled ? undefined : restProps.onClick,
         "aria-disabled": disabled,

package/dist/index.js

@@ -204,7 +204,7 @@ function ThemedIconButton(props) {
   }, props.children);
 }
 
-const _excluded$1 = ["color", "disabled", "href", "icon", "kind", "light", "size", "skipClientNav", "style", "testId"];
+const _excluded$1 = ["color", "disabled", "href", "icon", "kind", "light", "size", "skipClientNav", "style", "testId", "type"];
 function IconChooser({
   icon,
   size
@@ -240,7 +240,8 @@ const IconButtonCore = React__namespace.forwardRef(function IconButtonCore(props
       size = "medium",
       skipClientNav,
       style,
-      testId
+      testId,
+      type = "button"
     } = props,
     restProps = _objectWithoutPropertiesLoose__default["default"](props, _excluded$1);
   const {
@@ -268,7 +269,7 @@ const IconButtonCore = React__namespace.forwardRef(function IconButtonCore(props
       }), child);
     } else {
       return React__namespace.createElement(StyledButton, _extends__default["default"]({
-        type: "button"
+        type: type
       }, commonProps, {
         onClick: disabled ? undefined : restProps.onClick,
         "aria-disabled": disabled,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@khanacademy/wonder-blocks-icon-button",
-  "version": "5.5.0",
+  "version": "5.6.0",
   "design": "v1",
   "publishConfig": {
     "access": "public"