@khanacademy/wonder-blocks-search-field 3.1.1 → 4.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,30 @@
1
1
  # @khanacademy/wonder-blocks-search-field
2
2
 
3
+ ## 4.0.0
4
+
5
+ ### Major Changes
6
+
7
+ - 56d961f1: - Migrate Wonder Blocks components off old id providers and onto new `Id` component
8
+
9
+ ### Patch Changes
10
+
11
+ - b6009b77: Deprecate the ID provider and unique ID utilities
12
+ - Updated dependencies [b6009b77]
13
+ - Updated dependencies [897686bc]
14
+ - Updated dependencies [56d961f1]
15
+ - @khanacademy/wonder-blocks-core@10.0.0
16
+ - @khanacademy/wonder-blocks-form@6.0.0
17
+ - @khanacademy/wonder-blocks-icon@5.0.2
18
+ - @khanacademy/wonder-blocks-icon-button@6.0.2
19
+ - @khanacademy/wonder-blocks-typography@3.0.2
20
+
21
+ ## 3.1.2
22
+
23
+ ### Patch Changes
24
+
25
+ - Updated dependencies [2a9c2fa8]
26
+ - @khanacademy/wonder-blocks-form@5.0.2
27
+
3
28
  ## 3.1.1
4
29
 
5
30
  ### Patch Changes
package/dist/es/index.js CHANGED
@@ -5,7 +5,7 @@ import { StyleSheet } from 'aphrodite';
5
5
  import xIcon from '@phosphor-icons/core/regular/x.svg';
6
6
  import magnifyingGlassIcon from '@phosphor-icons/core/bold/magnifying-glass-bold.svg';
7
7
  import { styles as styles$1 } from '@khanacademy/wonder-blocks-typography';
8
- import { IDProvider, View } from '@khanacademy/wonder-blocks-core';
8
+ import { Id, View } from '@khanacademy/wonder-blocks-core';
9
9
  import IconButton from '@khanacademy/wonder-blocks-icon-button';
10
10
  import { TextField } from '@khanacademy/wonder-blocks-form';
11
11
  import { PhosphorIcon } from '@khanacademy/wonder-blocks-icon';
@@ -56,9 +56,8 @@ const SearchField = React.forwardRef(function SearchField(props, ref) {
56
56
  "aria-label": clearAriaLabel
57
57
  });
58
58
  };
59
- return React.createElement(IDProvider, {
60
- id: id,
61
- scope: "search-field"
59
+ return React.createElement(Id, {
60
+ id: id
62
61
  }, uniqueId => React.createElement(View, {
63
62
  onClick: onClick,
64
63
  style: [styles.inputContainer, style]
package/dist/index.js CHANGED
@@ -85,9 +85,8 @@ const SearchField = React__namespace.forwardRef(function SearchField(props, ref)
85
85
  "aria-label": clearAriaLabel
86
86
  });
87
87
  };
88
- return React__namespace.createElement(wonderBlocksCore.IDProvider, {
89
- id: id,
90
- scope: "search-field"
88
+ return React__namespace.createElement(wonderBlocksCore.Id, {
89
+ id: id
91
90
  }, uniqueId => React__namespace.createElement(wonderBlocksCore.View, {
92
91
  onClick: onClick,
93
92
  style: [styles.inputContainer, style]
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@khanacademy/wonder-blocks-search-field",
3
- "version": "3.1.1",
3
+ "version": "4.0.0",
4
4
  "design": "v1",
5
5
  "description": "Search Field components for Wonder Blocks.",
6
6
  "main": "dist/index.js",
@@ -16,12 +16,12 @@
16
16
  },
17
17
  "dependencies": {
18
18
  "@babel/runtime": "^7.18.6",
19
- "@khanacademy/wonder-blocks-core": "^9.0.0",
20
- "@khanacademy/wonder-blocks-form": "^5.0.1",
21
- "@khanacademy/wonder-blocks-icon": "^5.0.1",
22
- "@khanacademy/wonder-blocks-icon-button": "^6.0.1",
19
+ "@khanacademy/wonder-blocks-core": "^10.0.0",
20
+ "@khanacademy/wonder-blocks-form": "^6.0.0",
21
+ "@khanacademy/wonder-blocks-icon": "^5.0.2",
22
+ "@khanacademy/wonder-blocks-icon-button": "^6.0.2",
23
23
  "@khanacademy/wonder-blocks-tokens": "^3.0.0",
24
- "@khanacademy/wonder-blocks-typography": "^3.0.1"
24
+ "@khanacademy/wonder-blocks-typography": "^3.0.2"
25
25
  },
26
26
  "peerDependencies": {
27
27
  "@phosphor-icons/core": "^2.0.2",