@khanacademy/wonder-blocks-search-field 4.0.6 → 5.0.1

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @khanacademy/wonder-blocks-search-field
 
+## 5.0.1
+
+### Patch Changes
+
+-   Updated dependencies [8cfaeab0]
+-   Updated dependencies [c162abb4]
+-   Updated dependencies [c162abb4]
+-   Updated dependencies [8cfaeab0]
+    -   @khanacademy/wonder-blocks-tokens@4.1.0
+    -   @khanacademy/wonder-blocks-form@7.0.1
+    -   @khanacademy/wonder-blocks-icon-button@6.0.7
+
+## 5.0.0
+
+### Major Changes
+
+-   8d26588f: Remove `light` variant from SearchField as it is no longer needed/used.
+
+### Patch Changes
+
+-   Updated dependencies [0de25cd8]
+-   Updated dependencies [8d26588f]
+    -   @khanacademy/wonder-blocks-tokens@4.0.0
+    -   @khanacademy/wonder-blocks-form@7.0.0
+    -   @khanacademy/wonder-blocks-icon-button@6.0.6
+
 ## 4.0.6
 
 ### Patch Changes

package/dist/components/search-field.d.ts

@@ -33,10 +33,6 @@ type Props = AriaProps & {
      * Defaults to false.
      */
     disabled?: boolean;
-    /**
-     * Changes the default focus ring color to fit a dark background.
-     */
-    light?: boolean;
     /**
      * Custom styles for the main wrapper.
      */

package/dist/es/index.js

@@ -9,19 +9,18 @@ import { Id, View } from '@khanacademy/wonder-blocks-core';
 import IconButton from '@khanacademy/wonder-blocks-icon-button';
 import { TextField } from '@khanacademy/wonder-blocks-form';
 import { PhosphorIcon } from '@khanacademy/wonder-blocks-icon';
-import { color, semanticColor, spacing } from '@khanacademy/wonder-blocks-tokens';
+import { semanticColor, spacing } from '@khanacademy/wonder-blocks-tokens';
 
 const defaultLabels = {
   clearSearch: "Clear search"
 };
 
-const _excluded = ["clearAriaLabel", "autoFocus", "disabled", "light", "id", "value", "placeholder", "style", "testId", "error", "instantValidation", "validate", "onValidate", "onClick", "onChange", "onFocus", "onBlur"];
+const _excluded = ["clearAriaLabel", "autoFocus", "disabled", "id", "value", "placeholder", "style", "testId", "error", "instantValidation", "validate", "onValidate", "onClick", "onChange", "onFocus", "onBlur"];
 const SearchField = React.forwardRef(function SearchField(props, ref) {
   const {
       clearAriaLabel = defaultLabels.clearSearch,
       autoFocus,
       disabled = false,
-      light = false,
       id,
       value,
       placeholder,
@@ -64,7 +63,7 @@ const SearchField = React.forwardRef(function SearchField(props, ref) {
   }, React.createElement(PhosphorIcon, {
     icon: magnifyingGlassIcon,
     size: "small",
-    color: disabled ? light ? color.white32 : semanticColor.action.disabled.default : semanticColor.icon.primary,
+    color: disabled ? semanticColor.action.disabled.default : semanticColor.icon.primary,
     style: styles.searchIcon,
     "aria-hidden": "true"
   }), React.createElement(TextField, _extends({
@@ -72,7 +71,6 @@ const SearchField = React.forwardRef(function SearchField(props, ref) {
     type: "text",
     autoFocus: autoFocus,
     disabled: disabled,
-    light: light,
     instantValidation: instantValidation,
     validate: validate,
     onValidate: onValidate,

package/dist/index.js

@@ -44,13 +44,12 @@ const defaultLabels = {
   clearSearch: "Clear search"
 };
 
-const _excluded = ["clearAriaLabel", "autoFocus", "disabled", "light", "id", "value", "placeholder", "style", "testId", "error", "instantValidation", "validate", "onValidate", "onClick", "onChange", "onFocus", "onBlur"];
+const _excluded = ["clearAriaLabel", "autoFocus", "disabled", "id", "value", "placeholder", "style", "testId", "error", "instantValidation", "validate", "onValidate", "onClick", "onChange", "onFocus", "onBlur"];
 const SearchField = React__namespace.forwardRef(function SearchField(props, ref) {
   const {
       clearAriaLabel = defaultLabels.clearSearch,
       autoFocus,
       disabled = false,
-      light = false,
       id,
       value,
       placeholder,
@@ -93,7 +92,7 @@ const SearchField = React__namespace.forwardRef(function SearchField(props, ref)
   }, React__namespace.createElement(wonderBlocksIcon.PhosphorIcon, {
     icon: magnifyingGlassIcon__default["default"],
     size: "small",
-    color: disabled ? light ? wonderBlocksTokens.color.white32 : wonderBlocksTokens.semanticColor.action.disabled.default : wonderBlocksTokens.semanticColor.icon.primary,
+    color: disabled ? wonderBlocksTokens.semanticColor.action.disabled.default : wonderBlocksTokens.semanticColor.icon.primary,
     style: styles.searchIcon,
     "aria-hidden": "true"
   }), React__namespace.createElement(wonderBlocksForm.TextField, _extends__default["default"]({
@@ -101,7 +100,6 @@ const SearchField = React__namespace.forwardRef(function SearchField(props, ref)
     type: "text",
     autoFocus: autoFocus,
     disabled: disabled,
-    light: light,
     instantValidation: instantValidation,
     validate: validate,
     onValidate: onValidate,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@khanacademy/wonder-blocks-search-field",
-  "version": "4.0.6",
+  "version": "5.0.1",
   "design": "v1",
   "description": "Search Field components for Wonder Blocks.",
   "main": "dist/index.js",
@@ -18,10 +18,10 @@
   "dependencies": {
     "@babel/runtime": "^7.18.6",
     "@khanacademy/wonder-blocks-core": "^11.1.0",
-    "@khanacademy/wonder-blocks-form": "^6.0.6",
+    "@khanacademy/wonder-blocks-form": "^7.0.1",
     "@khanacademy/wonder-blocks-icon": "^5.0.5",
-    "@khanacademy/wonder-blocks-icon-button": "^6.0.5",
-    "@khanacademy/wonder-blocks-tokens": "^3.0.1",
+    "@khanacademy/wonder-blocks-icon-button": "^6.0.7",
+    "@khanacademy/wonder-blocks-tokens": "^4.1.0",
     "@khanacademy/wonder-blocks-typography": "^3.0.5"
   },
   "peerDependencies": {