@khanacademy/wonder-blocks-modal 6.0.1 → 7.0.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @khanacademy/wonder-blocks-modal
 
+## 7.0.0
+
+### Major Changes
+
+-   56d961f1: - Migrate Wonder Blocks components off old id providers and onto new `Id` component
+
+### Patch Changes
+
+-   b6009b77: Deprecate the ID provider and unique ID utilities
+-   Updated dependencies [b6009b77]
+-   Updated dependencies [897686bc]
+-   Updated dependencies [56d961f1]
+    -   @khanacademy/wonder-blocks-core@10.0.0
+    -   @khanacademy/wonder-blocks-breadcrumbs@3.0.2
+    -   @khanacademy/wonder-blocks-icon-button@6.0.2
+    -   @khanacademy/wonder-blocks-layout@3.0.2
+    -   @khanacademy/wonder-blocks-typography@3.0.2
+
 ## 6.0.1
 
 ### Patch Changes

package/dist/components/modal-header.d.ts

@@ -55,7 +55,8 @@ type Props = Common | WithSubtitle | WithBreadcrumbs;
  *   ModalHeader doesn’t have to have the `titleId` prop however this is
  *   recommended. It should match the `aria-labelledby` prop of the
  *   [ModalDialog](/#modaldialog) component. If you want to see an example of
- *   how to generate this ID, check [IDProvider](/#idprovider).
+ *   how to generate this ID look at the `React.useId` hook documentation, o
+ *   check [Id](/#id).
  *
  * **Implementation notes:**
  *

package/dist/es/index.js

@@ -1,6 +1,6 @@
 import _extends from '@babel/runtime/helpers/extends';
 import * as React from 'react';
-import { View, IDProvider } from '@khanacademy/wonder-blocks-core';
+import { View, Id } from '@khanacademy/wonder-blocks-core';
 import { mergeTheme, createThemeContext, ThemeSwitcherContext, useScopedTheme, useStyles } from '@khanacademy/wonder-blocks-theming';
 import * as tokens from '@khanacademy/wonder-blocks-tokens';
 import { color, spacing } from '@khanacademy/wonder-blocks-tokens';
@@ -777,9 +777,8 @@ class OnePaneDialog extends React.Component {
       styleSheets: styleSheets
     }, ({
       styles
-    }) => React.createElement(IDProvider, {
-      id: titleId,
-      scope: "modal"
+    }) => React.createElement(Id, {
+      id: titleId
     }, uniqueId => React.createElement(ModalDialog, {
       style: [styles.dialog, style],
       above: above,

package/dist/index.js

@@ -807,9 +807,8 @@ class OnePaneDialog extends React__namespace.Component {
       styleSheets: styleSheets
     }, ({
       styles
-    }) => React__namespace.createElement(wonderBlocksCore.IDProvider, {
-      id: titleId,
-      scope: "modal"
+    }) => React__namespace.createElement(wonderBlocksCore.Id, {
+      id: titleId
     }, uniqueId => React__namespace.createElement(ModalDialog, {
       style: [styles.dialog, style],
       above: above,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@khanacademy/wonder-blocks-modal",
-  "version": "6.0.1",
+  "version": "7.0.0",
   "design": "v2",
   "publishConfig": {
     "access": "public"
@@ -16,14 +16,14 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.18.6",
-    "@khanacademy/wonder-blocks-breadcrumbs": "^3.0.1",
-    "@khanacademy/wonder-blocks-core": "^9.0.0",
-    "@khanacademy/wonder-blocks-icon-button": "^6.0.1",
-    "@khanacademy/wonder-blocks-layout": "^3.0.1",
+    "@khanacademy/wonder-blocks-breadcrumbs": "^3.0.2",
+    "@khanacademy/wonder-blocks-core": "^10.0.0",
+    "@khanacademy/wonder-blocks-icon-button": "^6.0.2",
+    "@khanacademy/wonder-blocks-layout": "^3.0.2",
     "@khanacademy/wonder-blocks-theming": "^3.0.0",
     "@khanacademy/wonder-blocks-timing": "^6.0.0",
     "@khanacademy/wonder-blocks-tokens": "^3.0.0",
-    "@khanacademy/wonder-blocks-typography": "^3.0.1"
+    "@khanacademy/wonder-blocks-typography": "^3.0.2"
   },
   "peerDependencies": {
     "@phosphor-icons/core": "^2.0.2",
@@ -32,7 +32,7 @@
     "react-dom": "18.2.0"
   },
   "devDependencies": {
-    "@khanacademy/wonder-blocks-breadcrumbs": "^3.0.1",
+    "@khanacademy/wonder-blocks-breadcrumbs": "^3.0.2",
     "@khanacademy/wb-dev-build-settings": "^2.0.0"
   }
 }