@fluentui/react-search - npm Package Compare versions

Comparing version 0.0.0-nightly-20240731-0407.1 to 0.0.0-nightly-20240816-2133.1

CHANGELOG.md

 # Change Log - @fluentui/react-search
 
-This log was last generated on Wed, 31 Jul 2024 04:18:14 GMT and should not be manually modified.
+This log was last generated on Fri, 16 Aug 2024 21:44:11 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly-20240731-0407.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-search_v0.0.0-nightly-20240731-0407.1)
+## [0.0.0-nightly-20240816-2133.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-search_v0.0.0-nightly-20240816-2133.1)
 
-Wed, 31 Jul 2024 04:18:14 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-search_v9.0.13..@fluentui/react-search_v0.0.0-nightly-20240731-0407.1)
+Fri, 16 Aug 2024 21:44:11 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-search_v9.0.12..@fluentui/react-search_v0.0.0-nightly-20240816-2133.1)
 
@@ -15,20 +15,9 @@ ### Changes
 - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by [e-mail])
-- Bump @fluentui/react-input to v0.0.0-nightly-20240731-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/85947bd0979efeeddb849c91c07c547e8d562781) by beachball)
-- Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20240731-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/85947bd0979efeeddb849c91c07c547e8d562781) by beachball)
-- Bump @fluentui/react-theme to v0.0.0-nightly-20240731-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/85947bd0979efeeddb849c91c07c547e8d562781) by beachball)
-- Bump @fluentui/react-utilities to v0.0.0-nightly-20240731-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/85947bd0979efeeddb849c91c07c547e8d562781) by beachball)
-- Bump @fluentui/react-conformance to v0.0.0-nightly-20240731-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/85947bd0979efeeddb849c91c07c547e8d562781) by beachball)
-- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20240731-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/85947bd0979efeeddb849c91c07c547e8d562781) by beachball)
+- Bump @fluentui/react-input to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
+- Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
+- Bump @fluentui/react-theme to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
+- Bump @fluentui/react-utilities to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
+- Bump @fluentui/react-conformance to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
+- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
 
-## [9.0.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-search_v9.0.13)
-
-Tue, 30 Jul 2024 18:47:34 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-search_v9.0.12..@fluentui/react-search_v9.0.13)
-
-### Patches
-
-- fix: replace useEventCallback with useCallback for focus ([PR #32079](https://github.com/microsoft/fluentui/pull/32079) by [e-mail])
-- fix: Expand hit target when there's no content after. ([PR #32114](https://github.com/microsoft/fluentui/pull/32114) by [e-mail])
-- Bump @fluentui/react-input to v9.4.84 ([PR #32157](https://github.com/microsoft/fluentui/pull/32157) by beachball)
-
 ## [9.0.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-search_v9.0.12)
@@ -35,0 +24,0 @@

lib-commonjs/components/SearchBox/useSearchBox.js

@@ -27,13 +27,9 @@ "use strict";
     const [focused, setFocused] = _react.useState(false);
-    const onFocus = _react.useCallback(()=>{
+    const onFocus = (0, _reactutilities.useEventCallback)(()=>{
         setFocused(true);
-    }, [
-        setFocused
-    ]);
-    const onBlur = _react.useCallback((ev)=>{
+    });
+    const onBlur = (0, _reactutilities.useEventCallback)((ev)=>{
         var _searchBoxRootRef_current;
         setFocused(!!((_searchBoxRootRef_current = searchBoxRootRef.current) === null || _searchBoxRootRef_current === void 0 ? void 0 : _searchBoxRootRef_current.contains(ev.relatedTarget)));
-    }, [
-        setFocused
-    ]);
+    });
     const rootProps = _reactutilities.slot.resolveShorthand(root);
@@ -60,4 +56,4 @@ const handleDismissClick = (0, _reactutilities.useEventCallback)((event)=>{
             ref: (0, _reactutilities.useMergedRefs)(rootProps === null || rootProps === void 0 ? void 0 : rootProps.ref, searchBoxRootRef),
-            onFocus: (0, _reactutilities.mergeCallbacks)(rootProps === null || rootProps === void 0 ? void 0 : rootProps.onFocus, onFocus),
-            onBlur: (0, _reactutilities.mergeCallbacks)(rootProps === null || rootProps === void 0 ? void 0 : rootProps.onBlur, onBlur)
+            onFocus: (0, _reactutilities.useEventCallback)((0, _reactutilities.mergeCallbacks)(rootProps === null || rootProps === void 0 ? void 0 : rootProps.onFocus, onFocus)),
+            onBlur: (0, _reactutilities.useEventCallback)((0, _reactutilities.mergeCallbacks)(rootProps === null || rootProps === void 0 ? void 0 : rootProps.onBlur, onBlur))
         }, {
@@ -64,0 +60,0 @@ elementType: 'span'

lib-commonjs/components/SearchBox/useSearchBoxStyles.styles.js

@@ -35,8 +35,8 @@ "use strict";
         uwmqm3: [
-            "fk8j09s",
-            "fdw0yi8"
+            "f1xer5qc",
+            "f1vwfgzu"
         ],
         z189sj: [
-            "fdw0yi8",
-            "fk8j09s"
+            "f1rnmnj3",
+            "frcaq29"
         ]
@@ -48,8 +48,8 @@ },
         uwmqm3: [
-            "f1f5gg8d",
-            "f1vdfbxk"
+            "f1ga1vvr",
+            "f577s3h"
         ],
         z189sj: [
-            "f1vdfbxk",
-            "f1f5gg8d"
+            "f14olgbc",
+            "f4yg0v8"
         ]
@@ -61,8 +61,8 @@ },
         uwmqm3: [
-            "f1ng84yb",
-            "f11gcy0p"
+            "fzbt8k8",
+            "fesbjht"
         ],
         z189sj: [
-            "f11gcy0p",
-            "f1ng84yb"
+            "f11w4lch",
+            "f1kw5ojf"
         ]
@@ -72,4 +72,4 @@ },
         uwmqm3: [
-            "fk8j09s",
-            "fdw0yi8"
+            "feaks35",
+            "fzcul7f"
         ],
@@ -82,8 +82,2 @@ z189sj: [
         B8uat0v: "fcoa6sg"
-    },
-    unfocusedNoContentAfter: {
-        z189sj: [
-            "fhxju0i",
-            "f1cnd47f"
-        ]
     }
@@ -94,8 +88,16 @@ }, {
         ".f1xzfw5u{max-width:468px;}",
-        ".fk8j09s{padding-left:var(--spacingHorizontalSNudge);}",
-        ".fdw0yi8{padding-right:var(--spacingHorizontalSNudge);}",
-        ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}",
-        ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}",
-        ".f1ng84yb{padding-left:var(--spacingHorizontalMNudge);}",
-        ".f11gcy0p{padding-right:var(--spacingHorizontalMNudge);}",
+        ".f1xer5qc{padding-left:var(--ctrl-token-SearchBox-1579, var(--semantic-token-SearchBox-1580, var(--spacingHorizontalSNudge)));}",
+        ".f1vwfgzu{padding-right:var(--ctrl-token-SearchBox-1579, var(--semantic-token-SearchBox-1580, var(--spacingHorizontalSNudge)));}",
+        ".f1rnmnj3{padding-right:var(--ctrl-token-SearchBox-1581, var(--semantic-token-SearchBox-1582, var(--spacingHorizontalSNudge)));}",
+        ".frcaq29{padding-left:var(--ctrl-token-SearchBox-1581, var(--semantic-token-SearchBox-1582, var(--spacingHorizontalSNudge)));}",
+        ".f1ga1vvr{padding-left:var(--ctrl-token-SearchBox-1583, var(--semantic-token-SearchBox-1584, var(--spacingHorizontalS)));}",
+        ".f577s3h{padding-right:var(--ctrl-token-SearchBox-1583, var(--semantic-token-SearchBox-1584, var(--spacingHorizontalS)));}",
+        ".f14olgbc{padding-right:var(--ctrl-token-SearchBox-1585, var(--semantic-token-SearchBox-1586, var(--spacingHorizontalS)));}",
+        ".f4yg0v8{padding-left:var(--ctrl-token-SearchBox-1585, var(--semantic-token-SearchBox-1586, var(--spacingHorizontalS)));}",
+        ".fzbt8k8{padding-left:var(--ctrl-token-SearchBox-1587, var(--semantic-token-SearchBox-1588, var(--spacingHorizontalMNudge)));}",
+        ".fesbjht{padding-right:var(--ctrl-token-SearchBox-1587, var(--semantic-token-SearchBox-1588, var(--spacingHorizontalMNudge)));}",
+        ".f11w4lch{padding-right:var(--ctrl-token-SearchBox-1589, var(--semantic-token-SearchBox-1590, var(--spacingHorizontalMNudge)));}",
+        ".f1kw5ojf{padding-left:var(--ctrl-token-SearchBox-1589, var(--semantic-token-SearchBox-1590, var(--spacingHorizontalMNudge)));}",
+        ".feaks35{padding-left:var(--ctrl-token-SearchBox-1591, var(--semantic-token-SearchBox-1592, var(--spacingHorizontalSNudge)));}",
+        ".fzcul7f{padding-right:var(--ctrl-token-SearchBox-1591, var(--semantic-token-SearchBox-1592, var(--spacingHorizontalSNudge)));}",
         ".fhxju0i{padding-right:0;}",
@@ -107,38 +109,9 @@ ".f1cnd47f{padding-left:0;}",
 });
-const useInputStyles = /*#__PURE__*/ (0, _react.__styles)({
-    small: {
-        z189sj: [
-            "fdw0yi8",
-            "fk8j09s"
-        ]
-    },
-    medium: {
-        z189sj: [
-            "f1vdfbxk",
-            "f1f5gg8d"
-        ]
-    },
-    large: {
-        z189sj: [
-            "f11gcy0p",
-            "f1ng84yb"
-        ]
-    }
-}, {
-    d: [
-        ".fdw0yi8{padding-right:var(--spacingHorizontalSNudge);}",
-        ".fk8j09s{padding-left:var(--spacingHorizontalSNudge);}",
-        ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}",
-        ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}",
-        ".f11gcy0p{padding-right:var(--spacingHorizontalMNudge);}",
-        ".f1ng84yb{padding-left:var(--spacingHorizontalMNudge);}"
-    ]
-});
 const useContentAfterStyles = /*#__PURE__*/ (0, _react.__styles)({
     contentAfter: {
         uwmqm3: [
-            "f1uw59to",
-            "fw5db7e"
+            "f1miqibf",
+            "flcjzay"
         ],
-        i8kkvl: "f1ufnopg"
+        i8kkvl: "flgljck"
     },
@@ -148,27 +121,21 @@ rest: {
         Bqenvij: "fniina8",
-        a9b677: "f3tsq5r",
-        uwmqm3: [
-            "f1cnd47f",
-            "fhxju0i"
-        ]
+        a9b677: "f3tsq5r"
     }
 }, {
     d: [
-        ".f1uw59to{padding-left:var(--spacingHorizontalM);}",
-        ".fw5db7e{padding-right:var(--spacingHorizontalM);}",
-        ".f1ufnopg{column-gap:var(--spacingHorizontalXS);}",
+        ".f1miqibf{padding-left:var(--ctrl-token-SearchBox-1593, var(--semantic-token-SearchBox-1594, var(--spacingHorizontalM)));}",
+        ".flcjzay{padding-right:var(--ctrl-token-SearchBox-1593, var(--semantic-token-SearchBox-1594, var(--spacingHorizontalM)));}",
+        ".flgljck{column-gap:var(--ctrl-token-SearchBox-1595, var(--semantic-token-SearchBox-1596, var(--spacingHorizontalXS)));}",
         ".fk73vx1{opacity:0;}",
         ".fniina8{height:0;}",
-        ".f3tsq5r{width:0;}",
-        ".f1cnd47f{padding-left:0;}",
-        ".fhxju0i{padding-right:0;}"
+        ".f3tsq5r{width:0;}"
     ]
 });
-const useDismissClassName = /*#__PURE__*/ (0, _react.__resetStyles)("r1pvzcuu", null, [
-    ".r1pvzcuu{box-sizing:border-box;color:var(--colorNeutralForeground3);display:flex;cursor:pointer;}",
-    ".r1pvzcuu>svg{font-size:20px;}"
+const useDismissClassName = /*#__PURE__*/ (0, _react.__resetStyles)("r1ogwnmi", null, [
+    ".r1ogwnmi{box-sizing:border-box;color:var(--ctrl-token-SearchBox-1597, var(--semantic-token-SearchBox-1598, var(--colorNeutralForeground3)));display:flex;cursor:pointer;}",
+    ".r1ogwnmi>svg{font-size:20px;}"
 ]);
 const useDismissStyles = /*#__PURE__*/ (0, _react.__styles)({
     disabled: {
-        sj55zd: "f1s2aq7o"
+        sj55zd: "f4be25j"
     },
@@ -184,3 +151,3 @@ small: {
     d: [
-        ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}",
+        ".f4be25j{color:var(--ctrl-token-SearchBox-1599, var(--semantic-token-SearchBox-1600, var(--colorNeutralForegroundDisabled)));}",
         ".f3qv9w>svg{font-size:16px;}",
@@ -194,8 +161,7 @@ ".f16u2scb>svg{font-size:24px;}"
     const rootStyles = useRootStyles();
-    const inputStyles = useInputStyles();
     const contentAfterStyles = useContentAfterStyles();
     const dismissClassName = useDismissClassName();
     const dismissStyles = useDismissStyles();
-    state.root.className = (0, _react.mergeClasses)(searchBoxClassNames.root, rootStyles[size], !focused && rootStyles.unfocusedNoContentAfter, state.root.className);
-    state.input.className = (0, _react.mergeClasses)(searchBoxClassNames.input, rootStyles.input, !focused && inputStyles[size], state.input.className);
+    state.root.className = (0, _react.mergeClasses)(searchBoxClassNames.root, rootStyles[size], state.root.className);
+    state.input.className = (0, _react.mergeClasses)(searchBoxClassNames.input, rootStyles.input, state.input.className);
     if (state.dismiss) {
@@ -202,0 +168,0 @@ state.dismiss.className = (0, _react.mergeClasses)(searchBoxClassNames.dismiss, dismissClassName, disabled && dismissStyles.disabled, dismissStyles[size], state.dismiss.className);

lib/components/SearchBox/useSearchBox.js

@@ -24,13 +24,9 @@ import * as React from 'react';
     const [focused, setFocused] = React.useState(false);
-    const onFocus = React.useCallback(()=>{
+    const onFocus = useEventCallback(()=>{
         setFocused(true);
-    }, [
-        setFocused
-    ]);
-    const onBlur = React.useCallback((ev)=>{
+    });
+    const onBlur = useEventCallback((ev)=>{
         var _searchBoxRootRef_current;
         setFocused(!!((_searchBoxRootRef_current = searchBoxRootRef.current) === null || _searchBoxRootRef_current === void 0 ? void 0 : _searchBoxRootRef_current.contains(ev.relatedTarget)));
-    }, [
-        setFocused
-    ]);
+    });
     const rootProps = slot.resolveShorthand(root);
@@ -57,4 +53,4 @@ const handleDismissClick = useEventCallback((event)=>{
             ref: useMergedRefs(rootProps === null || rootProps === void 0 ? void 0 : rootProps.ref, searchBoxRootRef),
-            onFocus: mergeCallbacks(rootProps === null || rootProps === void 0 ? void 0 : rootProps.onFocus, onFocus),
-            onBlur: mergeCallbacks(rootProps === null || rootProps === void 0 ? void 0 : rootProps.onBlur, onBlur)
+            onFocus: useEventCallback(mergeCallbacks(rootProps === null || rootProps === void 0 ? void 0 : rootProps.onFocus, onFocus)),
+            onBlur: useEventCallback(mergeCallbacks(rootProps === null || rootProps === void 0 ? void 0 : rootProps.onBlur, onBlur))
         }, {
@@ -61,0 +57,0 @@ elementType: 'span'

lib/components/SearchBox/useSearchBoxStyles.styles.js

@@ -18,4 +18,4 @@ import { __resetStyles, __styles, mergeClasses } from '@griffel/react';
     B2u0y6b: "f1xzfw5u",
-    uwmqm3: ["fk8j09s", "fdw0yi8"],
-    z189sj: ["fdw0yi8", "fk8j09s"]
+    uwmqm3: ["f1xer5qc", "f1vwfgzu"],
+    z189sj: ["f1rnmnj3", "frcaq29"]
   },
@@ -25,4 +25,4 @@ medium: {
     B2u0y6b: "f1xzfw5u",
-    uwmqm3: ["f1f5gg8d", "f1vdfbxk"],
-    z189sj: ["f1vdfbxk", "f1f5gg8d"]
+    uwmqm3: ["f1ga1vvr", "f577s3h"],
+    z189sj: ["f14olgbc", "f4yg0v8"]
   },
@@ -32,34 +32,18 @@ large: {
     B2u0y6b: "f1xzfw5u",
-    uwmqm3: ["f1ng84yb", "f11gcy0p"],
-    z189sj: ["f11gcy0p", "f1ng84yb"]
+    uwmqm3: ["fzbt8k8", "fesbjht"],
+    z189sj: ["f11w4lch", "f1kw5ojf"]
   },
   input: {
-    uwmqm3: ["fk8j09s", "fdw0yi8"],
+    uwmqm3: ["feaks35", "fzcul7f"],
     z189sj: ["fhxju0i", "f1cnd47f"],
     Boqhc8c: "f18izjht",
     B8uat0v: "fcoa6sg"
-  },
-  unfocusedNoContentAfter: {
-    z189sj: ["fhxju0i", "f1cnd47f"]
   }
 }, {
-  d: [".fjuset5{column-gap:0;}", ".f1xzfw5u{max-width:468px;}", ".fk8j09s{padding-left:var(--spacingHorizontalSNudge);}", ".fdw0yi8{padding-right:var(--spacingHorizontalSNudge);}", ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}", ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}", ".f1ng84yb{padding-left:var(--spacingHorizontalMNudge);}", ".f11gcy0p{padding-right:var(--spacingHorizontalMNudge);}", ".fhxju0i{padding-right:0;}", ".f1cnd47f{padding-left:0;}", ".f18izjht::-webkit-search-decoration{display:none;}", ".fcoa6sg::-webkit-search-cancel-button{display:none;}"]
+  d: [".fjuset5{column-gap:0;}", ".f1xzfw5u{max-width:468px;}", ".f1xer5qc{padding-left:var(--ctrl-token-SearchBox-1579, var(--semantic-token-SearchBox-1580, var(--spacingHorizontalSNudge)));}", ".f1vwfgzu{padding-right:var(--ctrl-token-SearchBox-1579, var(--semantic-token-SearchBox-1580, var(--spacingHorizontalSNudge)));}", ".f1rnmnj3{padding-right:var(--ctrl-token-SearchBox-1581, var(--semantic-token-SearchBox-1582, var(--spacingHorizontalSNudge)));}", ".frcaq29{padding-left:var(--ctrl-token-SearchBox-1581, var(--semantic-token-SearchBox-1582, var(--spacingHorizontalSNudge)));}", ".f1ga1vvr{padding-left:var(--ctrl-token-SearchBox-1583, var(--semantic-token-SearchBox-1584, var(--spacingHorizontalS)));}", ".f577s3h{padding-right:var(--ctrl-token-SearchBox-1583, var(--semantic-token-SearchBox-1584, var(--spacingHorizontalS)));}", ".f14olgbc{padding-right:var(--ctrl-token-SearchBox-1585, var(--semantic-token-SearchBox-1586, var(--spacingHorizontalS)));}", ".f4yg0v8{padding-left:var(--ctrl-token-SearchBox-1585, var(--semantic-token-SearchBox-1586, var(--spacingHorizontalS)));}", ".fzbt8k8{padding-left:var(--ctrl-token-SearchBox-1587, var(--semantic-token-SearchBox-1588, var(--spacingHorizontalMNudge)));}", ".fesbjht{padding-right:var(--ctrl-token-SearchBox-1587, var(--semantic-token-SearchBox-1588, var(--spacingHorizontalMNudge)));}", ".f11w4lch{padding-right:var(--ctrl-token-SearchBox-1589, var(--semantic-token-SearchBox-1590, var(--spacingHorizontalMNudge)));}", ".f1kw5ojf{padding-left:var(--ctrl-token-SearchBox-1589, var(--semantic-token-SearchBox-1590, var(--spacingHorizontalMNudge)));}", ".feaks35{padding-left:var(--ctrl-token-SearchBox-1591, var(--semantic-token-SearchBox-1592, var(--spacingHorizontalSNudge)));}", ".fzcul7f{padding-right:var(--ctrl-token-SearchBox-1591, var(--semantic-token-SearchBox-1592, var(--spacingHorizontalSNudge)));}", ".fhxju0i{padding-right:0;}", ".f1cnd47f{padding-left:0;}", ".f18izjht::-webkit-search-decoration{display:none;}", ".fcoa6sg::-webkit-search-cancel-button{display:none;}"]
 });
-const useInputStyles = /*#__PURE__*/__styles({
-  small: {
-    z189sj: ["fdw0yi8", "fk8j09s"]
-  },
-  medium: {
-    z189sj: ["f1vdfbxk", "f1f5gg8d"]
-  },
-  large: {
-    z189sj: ["f11gcy0p", "f1ng84yb"]
-  }
-}, {
-  d: [".fdw0yi8{padding-right:var(--spacingHorizontalSNudge);}", ".fk8j09s{padding-left:var(--spacingHorizontalSNudge);}", ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}", ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}", ".f11gcy0p{padding-right:var(--spacingHorizontalMNudge);}", ".f1ng84yb{padding-left:var(--spacingHorizontalMNudge);}"]
-});
 const useContentAfterStyles = /*#__PURE__*/__styles({
   contentAfter: {
-    uwmqm3: ["f1uw59to", "fw5db7e"],
-    i8kkvl: "f1ufnopg"
+    uwmqm3: ["f1miqibf", "flcjzay"],
+    i8kkvl: "flgljck"
   },
@@ -69,12 +53,11 @@ rest: {
     Bqenvij: "fniina8",
-    a9b677: "f3tsq5r",
-    uwmqm3: ["f1cnd47f", "fhxju0i"]
+    a9b677: "f3tsq5r"
   }
 }, {
-  d: [".f1uw59to{padding-left:var(--spacingHorizontalM);}", ".fw5db7e{padding-right:var(--spacingHorizontalM);}", ".f1ufnopg{column-gap:var(--spacingHorizontalXS);}", ".fk73vx1{opacity:0;}", ".fniina8{height:0;}", ".f3tsq5r{width:0;}", ".f1cnd47f{padding-left:0;}", ".fhxju0i{padding-right:0;}"]
+  d: [".f1miqibf{padding-left:var(--ctrl-token-SearchBox-1593, var(--semantic-token-SearchBox-1594, var(--spacingHorizontalM)));}", ".flcjzay{padding-right:var(--ctrl-token-SearchBox-1593, var(--semantic-token-SearchBox-1594, var(--spacingHorizontalM)));}", ".flgljck{column-gap:var(--ctrl-token-SearchBox-1595, var(--semantic-token-SearchBox-1596, var(--spacingHorizontalXS)));}", ".fk73vx1{opacity:0;}", ".fniina8{height:0;}", ".f3tsq5r{width:0;}"]
 });
-const useDismissClassName = /*#__PURE__*/__resetStyles("r1pvzcuu", null, [".r1pvzcuu{box-sizing:border-box;color:var(--colorNeutralForeground3);display:flex;cursor:pointer;}", ".r1pvzcuu>svg{font-size:20px;}"]);
+const useDismissClassName = /*#__PURE__*/__resetStyles("r1ogwnmi", null, [".r1ogwnmi{box-sizing:border-box;color:var(--ctrl-token-SearchBox-1597, var(--semantic-token-SearchBox-1598, var(--colorNeutralForeground3)));display:flex;cursor:pointer;}", ".r1ogwnmi>svg{font-size:20px;}"]);
 const useDismissStyles = /*#__PURE__*/__styles({
   disabled: {
-    sj55zd: "f1s2aq7o"
+    sj55zd: "f4be25j"
   },
@@ -89,3 +72,3 @@ small: {
 }, {
-  d: [".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}", ".f3qv9w>svg{font-size:16px;}", ".f16u2scb>svg{font-size:24px;}"]
+  d: [".f4be25j{color:var(--ctrl-token-SearchBox-1599, var(--semantic-token-SearchBox-1600, var(--colorNeutralForegroundDisabled)));}", ".f3qv9w>svg{font-size:16px;}", ".f16u2scb>svg{font-size:24px;}"]
 });
@@ -104,8 +87,7 @@ /**
   const rootStyles = useRootStyles();
-  const inputStyles = useInputStyles();
   const contentAfterStyles = useContentAfterStyles();
   const dismissClassName = useDismissClassName();
   const dismissStyles = useDismissStyles();
-  state.root.className = mergeClasses(searchBoxClassNames.root, rootStyles[size], !focused && rootStyles.unfocusedNoContentAfter, state.root.className);
-  state.input.className = mergeClasses(searchBoxClassNames.input, rootStyles.input, !focused && inputStyles[size], state.input.className);
+  state.root.className = mergeClasses(searchBoxClassNames.root, rootStyles[size], state.root.className);
+  state.input.className = mergeClasses(searchBoxClassNames.input, rootStyles.input, state.input.className);
   if (state.dismiss) {
@@ -112,0 +94,0 @@ state.dismiss.className = mergeClasses(searchBoxClassNames.dismiss, dismissClassName, disabled && dismissStyles.disabled, dismissStyles[size], state.dismiss.className);

package.json

 {
   "name": "@fluentui/react-search",
-  "version": "0.0.0-nightly-20240731-0407.1",
+  "version": "0.0.0-nightly-20240816-2133.1",
   "description": "Search input for Fluent UI v9",
@@ -28,4 +28,4 @@ "main": "lib-commonjs/index.js",
     "@fluentui/eslint-plugin": "*",
-    "@fluentui/react-conformance": "0.0.0-nightly-20240731-0407.1",
-    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20240731-0407.1",
+    "@fluentui/react-conformance": "0.0.0-nightly-20240816-2133.1",
+    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20240816-2133.1",
     "@fluentui/scripts-api-extractor": "*",
@@ -36,6 +36,6 @@ "@fluentui/scripts-tasks": "*"
     "@fluentui/react-icons": "^2.0.245",
-    "@fluentui/react-input": "0.0.0-nightly-20240731-0407.1",
-    "@fluentui/react-jsx-runtime": "0.0.0-nightly-20240731-0407.1",
-    "@fluentui/react-theme": "0.0.0-nightly-20240731-0407.1",
-    "@fluentui/react-utilities": "0.0.0-nightly-20240731-0407.1",
+    "@fluentui/react-input": "0.0.0-nightly-20240816-2133.1",
+    "@fluentui/react-jsx-runtime": "0.0.0-nightly-20240816-2133.1",
+    "@fluentui/react-theme": "0.0.0-nightly-20240816-2133.1",
+    "@fluentui/react-utilities": "0.0.0-nightly-20240816-2133.1",
     "@griffel/react": "^1.5.22",
@@ -42,0 +42,0 @@ "@swc/helpers": "^0.5.1"

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

117338

increased by0.8%

Worsened metrics

Lines of code

681

decreased by-7.47%

Dependency changes

• + Added@fluentui/keyboard-keys@0.0.0-nightly-20240816-2133.1(transitive)

• + Added@fluentui/react-context-selector@0.0.0-nightly-20240816-2133.1(transitive)

• + Added@fluentui/react-field@0.0.0-nightly-20240816-2133.1(transitive)

• + Added@fluentui/react-input@0.0.0-nightly-20240816-2133.1(transitive)

• + Added@fluentui/react-jsx-runtime@0.0.0-nightly-20240816-2133.1(transitive)

• + Added@fluentui/react-label@0.0.0-nightly-20240816-2133.1(transitive)

• + Added@fluentui/react-shared-contexts@0.0.0-nightly-20240816-2133.1(transitive)

• + Added@fluentui/react-theme@0.0.0-nightly-20240816-2133.1(transitive)

• + Added@fluentui/react-utilities@0.0.0-nightly-20240816-2133.1(transitive)

• + Added@fluentui/tokens@0.0.0-nightly-20240816-2133.1(transitive)

• - Removed@fluentui/keyboard-keys@0.0.0-nightly-20240731-0407.1(transitive)

• - Removed@fluentui/react-context-selector@0.0.0-nightly-20240731-0407.1(transitive)

• - Removed@fluentui/react-field@0.0.0-nightly-20240731-0407.1(transitive)

• - Removed@fluentui/react-input@0.0.0-nightly-20240731-0407.1(transitive)

• - Removed@fluentui/react-jsx-runtime@0.0.0-nightly-20240731-0407.1(transitive)

• - Removed@fluentui/react-label@0.0.0-nightly-20240731-0407.1(transitive)

• - Removed@fluentui/react-shared-contexts@0.0.0-nightly-20240731-0407.1(transitive)

• - Removed@fluentui/react-theme@0.0.0-nightly-20240731-0407.1(transitive)

• - Removed@fluentui/react-utilities@0.0.0-nightly-20240731-0407.1(transitive)

• - Removed@fluentui/tokens@0.0.0-nightly-20240731-0407.1(transitive)

• Updated@fluentui/react-input@0.0.0-nightly-20240816-2133.1

• Updated@fluentui/react-jsx-runtime@0.0.0-nightly-20240816-2133.1

• Updated@fluentui/react-theme@0.0.0-nightly-20240816-2133.1

• Updated@fluentui/react-utilities@0.0.0-nightly-20240816-2133.1