@khanacademy/wonder-blocks-popover 6.0.0 → 6.0.2

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @khanacademy/wonder-blocks-popover
 
+## 6.0.2
+
+### Patch Changes
+
+- Updated dependencies [24bf12f]
+    - @khanacademy/wonder-blocks-tokens@6.0.0
+    - @khanacademy/wonder-blocks-icon-button@8.0.1
+    - @khanacademy/wonder-blocks-modal@7.1.7
+    - @khanacademy/wonder-blocks-styles@0.2.2
+    - @khanacademy/wonder-blocks-tooltip@4.1.7
+
+## 6.0.1
+
+### Patch Changes
+
+- 4846e9c: Update icon buttons to use the new mapping (from `primary` to `tertiary`)
+- Updated dependencies [3dc5dac]
+- Updated dependencies [4846e9c]
+- Updated dependencies [4846e9c]
+- Updated dependencies [4846e9c]
+    - @khanacademy/wonder-blocks-tokens@5.2.0
+    - @khanacademy/wonder-blocks-modal@7.1.6
+    - @khanacademy/wonder-blocks-icon-button@8.0.0
+    - @khanacademy/wonder-blocks-styles@0.2.1
+    - @khanacademy/wonder-blocks-tooltip@4.1.6
+
 ## 6.0.0
 
 ### Major Changes

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

@@ -1,11 +1,6 @@
 import * as React from "react";
 import type { AriaProps, StyleType } from "@khanacademy/wonder-blocks-core";
 type Props = AriaProps & {
-    /**
-     * Whether to display the light version of this component instead, for use
-     * when the item is used on a dark background.
-     */
-    light?: boolean;
     /**
      * Custom styles applied to the IconButton
      */
@@ -16,7 +11,6 @@ type Props = AriaProps & {
     testId?: string;
 };
 type DefaultProps = {
-    light: Props["light"];
     ["aria-label"]: Props["aria-label"];
 };
 /**

package/dist/es/index.js

@@ -541,7 +541,6 @@ Popover.defaultProps = {
 class CloseButton extends React.Component {
   render() {
     const {
-      light,
       "aria-label": ariaLabel,
       style,
       testId
@@ -553,7 +552,8 @@ class CloseButton extends React.Component {
         icon: xIcon,
         "aria-label": ariaLabel,
         onClick: close,
-        kind: light ? "primary" : "tertiary",
+        kind: "tertiary",
+        actionType: "neutral",
         style: style,
         testId: testId
       });
@@ -561,7 +561,6 @@ class CloseButton extends React.Component {
   }
 }
 CloseButton.defaultProps = {
-  light: true,
   "aria-label": "Close Popover"
 };
 
@@ -582,7 +581,6 @@ class PopoverContentCore extends React.Component {
       "aria-label": ariaLabel
     }, closeButtonVisible && React.createElement(CloseButton, {
       "aria-label": closeButtonLabel,
-      light: closeButtonLight,
       style: [styles$1.closeButton, closeButtonLight && actionStyles.inverse],
       testId: `${testId || "popover"}-close-btn`
     }), children);

package/dist/index.js

@@ -571,7 +571,6 @@ Popover.defaultProps = {
 class CloseButton extends React__namespace.Component {
   render() {
     const {
-      light,
       "aria-label": ariaLabel,
       style,
       testId
@@ -583,7 +582,8 @@ class CloseButton extends React__namespace.Component {
         icon: xIcon__default["default"],
         "aria-label": ariaLabel,
         onClick: close,
-        kind: light ? "primary" : "tertiary",
+        kind: "tertiary",
+        actionType: "neutral",
         style: style,
         testId: testId
       });
@@ -591,7 +591,6 @@ class CloseButton extends React__namespace.Component {
   }
 }
 CloseButton.defaultProps = {
-  light: true,
   "aria-label": "Close Popover"
 };
 
@@ -612,7 +611,6 @@ class PopoverContentCore extends React__namespace.Component {
       "aria-label": ariaLabel
     }, closeButtonVisible && React__namespace.createElement(CloseButton, {
       "aria-label": closeButtonLabel,
-      light: closeButtonLight,
       style: [styles$1.closeButton, closeButtonLight && wonderBlocksStyles.actionStyles.inverse],
       testId: `${testId || "popover"}-close-btn`
     }), children);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@khanacademy/wonder-blocks-popover",
-  "version": "6.0.0",
+  "version": "6.0.2",
   "design": "v1",
   "publishConfig": {
     "access": "public"
@@ -14,11 +14,11 @@
   "dependencies": {
     "@babel/runtime": "^7.24.5",
     "@khanacademy/wonder-blocks-core": "12.2.1",
-    "@khanacademy/wonder-blocks-icon-button": "7.0.0",
-    "@khanacademy/wonder-blocks-modal": "7.1.5",
-    "@khanacademy/wonder-blocks-styles": "0.2.0",
-    "@khanacademy/wonder-blocks-tokens": "5.1.1",
-    "@khanacademy/wonder-blocks-tooltip": "4.1.5",
+    "@khanacademy/wonder-blocks-icon-button": "8.0.1",
+    "@khanacademy/wonder-blocks-modal": "7.1.7",
+    "@khanacademy/wonder-blocks-styles": "0.2.2",
+    "@khanacademy/wonder-blocks-tokens": "6.0.0",
+    "@khanacademy/wonder-blocks-tooltip": "4.1.7",
     "@khanacademy/wonder-blocks-typography": "3.1.3"
   },
   "peerDependencies": {