@fluentui/react-search 9.0.7 → 9.0.9

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.
Files changed (6) hide show
  1. package/CHANGELOG.md +41 -19
  2. package/lib/components/SearchBox/useSearchBoxStyles.styles.js +2 -0
  3. package/lib/components/SearchBox/useSearchBoxStyles.styles.js.map +1 -1
  4. package/lib-commonjs/components/SearchBox/useSearchBoxStyles.styles.js +1 -0
  5. package/lib-commonjs/components/SearchBox/useSearchBoxStyles.styles.js.map +1 -1
  6. package/package.json +7 -8
package/CHANGELOG.md CHANGED
@@ -1,12 +1,34 @@
1
1
  # Change Log - @fluentui/react-search
2
2
 
3
- This log was last generated on Thu, 06 Jun 2024 15:22:20 GMT and should not be manually modified.
3
+ This log was last generated on Mon, 01 Jul 2024 20:25:42 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.0.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-search_v9.0.9)
8
+
9
+ Mon, 01 Jul 2024 20:25:42 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-search_v9.0.8..@fluentui/react-search_v9.0.9)
11
+
12
+ ### Patches
13
+
14
+ - chore: Update react-icons package to ^2.0.245 ([PR #31802](https://github.com/microsoft/fluentui/pull/31802) by ololubek@microsoft.com)
15
+ - chore: add eslint react-compiler ([PR #31457](https://github.com/microsoft/fluentui/pull/31457) by seanmonahan@microsoft.com)
16
+ - Bump @fluentui/react-input to v9.4.80 ([PR #31861](https://github.com/microsoft/fluentui/pull/31861) by beachball)
17
+ - Bump @fluentui/react-jsx-runtime to v9.0.40 ([PR #31861](https://github.com/microsoft/fluentui/pull/31861) by beachball)
18
+ - Bump @fluentui/react-utilities to v9.18.11 ([PR #31861](https://github.com/microsoft/fluentui/pull/31861) by beachball)
19
+
20
+ ## [9.0.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-search_v9.0.8)
21
+
22
+ Mon, 17 Jun 2024 07:34:17 GMT
23
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-search_v9.0.7..@fluentui/react-search_v9.0.8)
24
+
25
+ ### Patches
26
+
27
+ - Bump @fluentui/react-input to v9.4.79 ([commit](https://github.com/microsoft/fluentui/commit/9ae683c22f2e65d94422a571ad5d3f97d0a77234) by beachball)
28
+
7
29
  ## [9.0.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-search_v9.0.7)
8
30
 
9
- Thu, 06 Jun 2024 15:22:20 GMT
31
+ Thu, 06 Jun 2024 15:26:38 GMT
10
32
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-search_v9.0.6..@fluentui/react-search_v9.0.7)
11
33
 
12
34
  ### Patches
@@ -18,7 +40,7 @@ Thu, 06 Jun 2024 15:22:20 GMT
18
40
 
19
41
  ## [9.0.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-search_v9.0.6)
20
42
 
21
- Thu, 23 May 2024 08:02:52 GMT
43
+ Thu, 23 May 2024 08:02:52 GMT
22
44
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-search_v9.0.5..@fluentui/react-search_v9.0.6)
23
45
 
24
46
  ### Patches
@@ -27,7 +49,7 @@ Thu, 23 May 2024 08:02:52 GMT
27
49
 
28
50
  ## [9.0.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-search_v9.0.5)
29
51
 
30
- Mon, 20 May 2024 12:45:03 GMT
52
+ Mon, 20 May 2024 12:45:03 GMT
31
53
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-search_v9.0.4..@fluentui/react-search_v9.0.5)
32
54
 
33
55
  ### Patches
@@ -39,17 +61,17 @@ Mon, 20 May 2024 12:45:03 GMT
39
61
 
40
62
  ## [9.0.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-search_v9.0.4)
41
63
 
42
- Thu, 16 May 2024 09:25:17 GMT
64
+ Thu, 16 May 2024 09:25:17 GMT
43
65
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-search_v9.0.3..@fluentui/react-search_v9.0.4)
44
66
 
45
67
  ### Patches
46
68
 
47
- - chore: Upgrade react-icons version to 2.0.239 to pick up provider export map fix. ([PR #31287](https://github.com/microsoft/fluentui/pull/31287) by ololubek@microsoft.com)
69
+ - chore: Upgrade react-icons version to 2.0.239 to pick up provider export map fix. ([PR #31287](https://github.com/microsoft/fluentui/pull/31287) by ololubek@microsoft.com)
48
70
  - Bump @fluentui/react-input to v9.4.75 ([PR #31390](https://github.com/microsoft/fluentui/pull/31390) by beachball)
49
71
 
50
72
  ## [9.0.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-search_v9.0.3)
51
73
 
52
- Mon, 06 May 2024 12:55:02 GMT
74
+ Mon, 06 May 2024 12:55:02 GMT
53
75
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-search_v9.0.2..@fluentui/react-search_v9.0.3)
54
76
 
55
77
  ### Patches
@@ -60,17 +82,17 @@ Mon, 06 May 2024 12:55:02 GMT
60
82
 
61
83
  ## [9.0.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-search_v9.0.2)
62
84
 
63
- Thu, 02 May 2024 11:36:37 GMT
85
+ Thu, 02 May 2024 11:36:37 GMT
64
86
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-search_v9.0.1..@fluentui/react-search_v9.0.2)
65
87
 
66
88
  ### Patches
67
89
 
68
- - chore: upgrade @fluentui/react-icons to 2.0.237. ([PR #31139](https://github.com/microsoft/fluentui/pull/31139) by ololubek@microsoft.com)
90
+ - chore: upgrade @fluentui/react-icons to 2.0.237. ([PR #31139](https://github.com/microsoft/fluentui/pull/31139) by ololubek@microsoft.com)
69
91
  - Bump @fluentui/react-input to v9.4.73 ([PR #31231](https://github.com/microsoft/fluentui/pull/31231) by beachball)
70
92
 
71
93
  ## [9.0.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-search_v9.0.1)
72
94
 
73
- Tue, 23 Apr 2024 08:17:49 GMT
95
+ Tue, 23 Apr 2024 08:17:49 GMT
74
96
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-search_v9.0.0..@fluentui/react-search_v9.0.1)
75
97
 
76
98
  ### Patches
@@ -81,7 +103,7 @@ Tue, 23 Apr 2024 08:17:49 GMT
81
103
 
82
104
  ## [9.0.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-search_v9.0.0)
83
105
 
84
- Wed, 17 Apr 2024 21:53:57 GMT
106
+ Wed, 17 Apr 2024 21:53:57 GMT
85
107
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-search-preview_v0.2.0..@fluentui/react-search_v9.0.0)
86
108
 
87
109
  ### Minor changes
@@ -95,7 +117,7 @@ Wed, 17 Apr 2024 21:53:57 GMT
95
117
 
96
118
  ## [0.2.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-search-preview_v0.2.0)
97
119
 
98
- Thu, 04 Apr 2024 12:08:08 GMT
120
+ Thu, 04 Apr 2024 12:08:08 GMT
99
121
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-search-preview_v0.1.51..@fluentui/react-search-preview_v0.2.0)
100
122
 
101
123
  ### Minor changes
@@ -104,7 +126,7 @@ Thu, 04 Apr 2024 12:08:08 GMT
104
126
 
105
127
  ## [0.1.51](https://github.com/microsoft/fluentui/tree/@fluentui/react-search-preview_v0.1.51)
106
128
 
107
- Tue, 02 Apr 2024 09:48:01 GMT
129
+ Tue, 02 Apr 2024 09:48:01 GMT
108
130
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-search-preview_v0.1.50..@fluentui/react-search-preview_v0.1.51)
109
131
 
110
132
  ### Patches
@@ -115,7 +137,7 @@ Tue, 02 Apr 2024 09:48:01 GMT
115
137
 
116
138
  ## [0.1.50](https://github.com/microsoft/fluentui/tree/@fluentui/react-search-preview_v0.1.50)
117
139
 
118
- Mon, 25 Mar 2024 11:12:15 GMT
140
+ Mon, 25 Mar 2024 11:12:15 GMT
119
141
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-search-preview_v0.1.49..@fluentui/react-search-preview_v0.1.50)
120
142
 
121
143
  ### Patches
@@ -124,7 +146,7 @@ Mon, 25 Mar 2024 11:12:15 GMT
124
146
 
125
147
  ## [0.1.49](https://github.com/microsoft/fluentui/tree/@fluentui/react-search-preview_v0.1.49)
126
148
 
127
- Mon, 18 Mar 2024 19:50:46 GMT
149
+ Mon, 18 Mar 2024 19:50:46 GMT
128
150
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-search-preview_v0.1.48..@fluentui/react-search-preview_v0.1.49)
129
151
 
130
152
  ### Patches
@@ -136,7 +158,7 @@ Mon, 18 Mar 2024 19:50:46 GMT
136
158
 
137
159
  ## [0.1.48](https://github.com/microsoft/fluentui/tree/@fluentui/react-search-preview_v0.1.48)
138
160
 
139
- Fri, 15 Mar 2024 21:43:49 GMT
161
+ Fri, 15 Mar 2024 21:43:49 GMT
140
162
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-search-preview_v0.1.47..@fluentui/react-search-preview_v0.1.48)
141
163
 
142
164
  ### Patches
@@ -148,7 +170,7 @@ Fri, 15 Mar 2024 21:43:49 GMT
148
170
 
149
171
  ## [0.1.47](https://github.com/microsoft/fluentui/tree/@fluentui/react-search-preview_v0.1.47)
150
172
 
151
- Thu, 07 Mar 2024 19:33:27 GMT
173
+ Thu, 07 Mar 2024 19:33:27 GMT
152
174
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-search-preview_v0.1.46..@fluentui/react-search-preview_v0.1.47)
153
175
 
154
176
  ### Patches
@@ -160,7 +182,7 @@ Thu, 07 Mar 2024 19:33:27 GMT
160
182
 
161
183
  ## [0.1.46](https://github.com/microsoft/fluentui/tree/@fluentui/react-search-preview_v0.1.46)
162
184
 
163
- Wed, 28 Feb 2024 02:34:19 GMT
185
+ Wed, 28 Feb 2024 02:34:19 GMT
164
186
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-search-preview_v0.1.45..@fluentui/react-search-preview_v0.1.46)
165
187
 
166
188
  ### Patches
@@ -171,7 +193,7 @@ Wed, 28 Feb 2024 02:34:19 GMT
171
193
 
172
194
  ## [0.1.45](https://github.com/microsoft/fluentui/tree/@fluentui/react-search-preview_v0.1.45)
173
195
 
174
- Tue, 20 Feb 2024 14:22:24 GMT
196
+ Tue, 20 Feb 2024 14:22:24 GMT
175
197
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-search-preview_v0.1.44..@fluentui/react-search-preview_v0.1.45)
176
198
 
177
199
  ### Patches
package/lib/components/SearchBox/useSearchBoxStyles.styles.js CHANGED
@@ -71,6 +71,8 @@ const useDismissStyles = /*#__PURE__*/__styles({
71
71
  * Apply styling to the SearchBox slots based on the state
72
72
  */
73
73
  export const useSearchBoxStyles_unstable = state => {
74
+ 'use no memo';
75
+
74
76
  const {
75
77
  disabled,
76
78
  focused,
package/lib/components/SearchBox/useSearchBoxStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["__resetStyles","__styles","mergeClasses","tokens","useInputStyles_unstable","searchBoxClassNames","root","dismiss","contentAfter","contentBefore","input","useRootStyles","small","i8kkvl","B2u0y6b","uwmqm3","z189sj","medium","large","Boqhc8c","B8uat0v","d","useContentAfterStyles","rest","abs64n","Bqenvij","a9b677","useDismissClassName","useDismissStyles","disabled","sj55zd","Duoase","useSearchBoxStyles_unstable","state","focused","size","rootStyles","contentAfterStyles","dismissClassName","dismissStyles","className"],"sources":["useSearchBoxStyles.styles.js"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { useInputStyles_unstable } from '@fluentui/react-input';\nexport const searchBoxClassNames = {\n root: 'fui-SearchBox',\n dismiss: 'fui-SearchBox__dismiss',\n contentAfter: 'fui-SearchBox__contentAfter',\n contentBefore: 'fui-SearchBox__contentBefore',\n input: 'fui-SearchBox__input'\n};\n/**\n * Styles for the root slot\n */ const useRootStyles = makeStyles({\n small: {\n columnGap: 0,\n maxWidth: '468px',\n paddingLeft: tokens.spacingHorizontalSNudge,\n paddingRight: tokens.spacingHorizontalSNudge\n },\n medium: {\n columnGap: 0,\n maxWidth: '468px',\n paddingLeft: tokens.spacingHorizontalS,\n paddingRight: tokens.spacingHorizontalS\n },\n large: {\n columnGap: 0,\n maxWidth: '468px',\n paddingLeft: tokens.spacingHorizontalMNudge,\n paddingRight: tokens.spacingHorizontalMNudge\n },\n input: {\n paddingLeft: tokens.spacingHorizontalSNudge,\n paddingRight: 0,\n // removes the WebKit pseudoelement styling\n '::-webkit-search-decoration': {\n display: 'none'\n },\n '::-webkit-search-cancel-button': {\n display: 'none'\n }\n }\n});\nconst useContentAfterStyles = makeStyles({\n contentAfter: {\n paddingLeft: tokens.spacingHorizontalM,\n columnGap: tokens.spacingHorizontalXS\n },\n rest: {\n opacity: 0,\n height: 0,\n width: 0\n }\n});\nconst useDismissClassName = makeResetStyles({\n boxSizing: 'border-box',\n color: tokens.colorNeutralForeground3,\n display: 'flex',\n // special case styling for icons (most common case) to ensure they're centered vertically\n // size: medium (default)\n '> svg': {\n fontSize: '20px'\n },\n cursor: 'pointer'\n});\nconst useDismissStyles = makeStyles({\n disabled: {\n color: tokens.colorNeutralForegroundDisabled\n },\n // Ensure resizable icons show up with the proper font size\n small: {\n '> svg': {\n fontSize: '16px'\n }\n },\n medium: {\n },\n large: {\n '> svg': {\n fontSize: '24px'\n }\n }\n});\n/**\n * Apply styling to the SearchBox slots based on the state\n */ export const useSearchBoxStyles_unstable = (state)=>{\n const { disabled, focused, size } = state;\n const rootStyles = useRootStyles();\n const contentAfterStyles = useContentAfterStyles();\n const dismissClassName = useDismissClassName();\n const dismissStyles = useDismissStyles();\n state.root.className = mergeClasses(searchBoxClassNames.root, rootStyles[size], state.root.className);\n state.input.className = mergeClasses(searchBoxClassNames.input, rootStyles.input, state.input.className);\n if (state.dismiss) {\n state.dismiss.className = mergeClasses(searchBoxClassNames.dismiss, dismissClassName, disabled && dismissStyles.disabled, dismissStyles[size], state.dismiss.className);\n }\n if (state.contentBefore) {\n state.contentBefore.className = mergeClasses(searchBoxClassNames.contentBefore, state.contentBefore.className);\n }\n if (state.contentAfter) {\n state.contentAfter.className = mergeClasses(searchBoxClassNames.contentAfter, contentAfterStyles.contentAfter, !focused && contentAfterStyles.rest, state.contentAfter.className);\n } else if (state.dismiss) {\n state.dismiss.className = mergeClasses(state.dismiss.className, contentAfterStyles.contentAfter);\n }\n useInputStyles_unstable(state);\n return state;\n};\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["__resetStyles","__styles","mergeClasses","tokens","useInputStyles_unstable","searchBoxClassNames","root","dismiss","contentAfter","contentBefore","input","useRootStyles","small","i8kkvl","B2u0y6b","uwmqm3","z189sj","medium","large","Boqhc8c","B8uat0v","d","useContentAfterStyles","rest","abs64n","Bqenvij","a9b677","useDismissClassName","useDismissStyles","disabled","sj55zd","Duoase","useSearchBoxStyles_unstable","state","focused","size","rootStyles","contentAfterStyles","dismissClassName","dismissStyles","className"],"sources":["useSearchBoxStyles.styles.js"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { useInputStyles_unstable } from '@fluentui/react-input';\nexport const searchBoxClassNames = {\n root: 'fui-SearchBox',\n dismiss: 'fui-SearchBox__dismiss',\n contentAfter: 'fui-SearchBox__contentAfter',\n contentBefore: 'fui-SearchBox__contentBefore',\n input: 'fui-SearchBox__input'\n};\n/**\n * Styles for the root slot\n */ const useRootStyles = makeStyles({\n small: {\n columnGap: 0,\n maxWidth: '468px',\n paddingLeft: tokens.spacingHorizontalSNudge,\n paddingRight: tokens.spacingHorizontalSNudge\n },\n medium: {\n columnGap: 0,\n maxWidth: '468px',\n paddingLeft: tokens.spacingHorizontalS,\n paddingRight: tokens.spacingHorizontalS\n },\n large: {\n columnGap: 0,\n maxWidth: '468px',\n paddingLeft: tokens.spacingHorizontalMNudge,\n paddingRight: tokens.spacingHorizontalMNudge\n },\n input: {\n paddingLeft: tokens.spacingHorizontalSNudge,\n paddingRight: 0,\n // removes the WebKit pseudoelement styling\n '::-webkit-search-decoration': {\n display: 'none'\n },\n '::-webkit-search-cancel-button': {\n display: 'none'\n }\n }\n});\nconst useContentAfterStyles = makeStyles({\n contentAfter: {\n paddingLeft: tokens.spacingHorizontalM,\n columnGap: tokens.spacingHorizontalXS\n },\n rest: {\n opacity: 0,\n height: 0,\n width: 0\n }\n});\nconst useDismissClassName = makeResetStyles({\n boxSizing: 'border-box',\n color: tokens.colorNeutralForeground3,\n display: 'flex',\n // special case styling for icons (most common case) to ensure they're centered vertically\n // size: medium (default)\n '> svg': {\n fontSize: '20px'\n },\n cursor: 'pointer'\n});\nconst useDismissStyles = makeStyles({\n disabled: {\n color: tokens.colorNeutralForegroundDisabled\n },\n // Ensure resizable icons show up with the proper font size\n small: {\n '> svg': {\n fontSize: '16px'\n }\n },\n medium: {\n },\n large: {\n '> svg': {\n fontSize: '24px'\n }\n }\n});\n/**\n * Apply styling to the SearchBox slots based on the state\n */ export const useSearchBoxStyles_unstable = (state)=>{\n 'use no memo';\n const { disabled, focused, size } = state;\n const rootStyles = useRootStyles();\n const contentAfterStyles = useContentAfterStyles();\n const dismissClassName = useDismissClassName();\n const dismissStyles = useDismissStyles();\n state.root.className = mergeClasses(searchBoxClassNames.root, rootStyles[size], state.root.className);\n state.input.className = mergeClasses(searchBoxClassNames.input, rootStyles.input, state.input.className);\n if (state.dismiss) {\n state.dismiss.className = mergeClasses(searchBoxClassNames.dismiss, dismissClassName, disabled && dismissStyles.disabled, dismissStyles[size], state.dismiss.className);\n }\n if (state.contentBefore) {\n state.contentBefore.className = mergeClasses(searchBoxClassNames.contentBefore, state.contentBefore.className);\n }\n if (state.contentAfter) {\n state.contentAfter.className = mergeClasses(searchBoxClassNames.contentAfter, contentAfterStyles.contentAfter, !focused && contentAfterStyles.rest, state.contentAfter.className);\n } else if (state.dismiss) {\n state.dismiss.className = mergeClasses(state.dismiss.className, contentAfterStyles.contentAfter);\n }\n useInputStyles_unstable(state);\n return state;\n};\n"],"mappings":"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","ignoreList":[]}
package/lib-commonjs/components/SearchBox/useSearchBoxStyles.styles.js CHANGED
@@ -138,6 +138,7 @@ const useDismissStyles = /*#__PURE__*/ (0, _react.__styles)({
138
138
  ]
139
139
  });
140
140
  const useSearchBoxStyles_unstable = (state)=>{
141
+ 'use no memo';
141
142
  const { disabled, focused, size } = state;
142
143
  const rootStyles = useRootStyles();
143
144
  const contentAfterStyles = useContentAfterStyles();
package/lib-commonjs/components/SearchBox/useSearchBoxStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["useSearchBoxStyles.styles.js"],"sourcesContent":["import { __resetStyles, __styles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { useInputStyles_unstable } from '@fluentui/react-input';\nexport const searchBoxClassNames = {\n root: 'fui-SearchBox',\n dismiss: 'fui-SearchBox__dismiss',\n contentAfter: 'fui-SearchBox__contentAfter',\n contentBefore: 'fui-SearchBox__contentBefore',\n input: 'fui-SearchBox__input'\n};\n/**\n * Styles for the root slot\n */\nconst useRootStyles = /*#__PURE__*/__styles({\n small: {\n i8kkvl: \"fjuset5\",\n B2u0y6b: \"f1xzfw5u\",\n uwmqm3: [\"fk8j09s\", \"fdw0yi8\"],\n z189sj: [\"fdw0yi8\", \"fk8j09s\"]\n },\n medium: {\n i8kkvl: \"fjuset5\",\n B2u0y6b: \"f1xzfw5u\",\n uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"],\n z189sj: [\"f1vdfbxk\", \"f1f5gg8d\"]\n },\n large: {\n i8kkvl: \"fjuset5\",\n B2u0y6b: \"f1xzfw5u\",\n uwmqm3: [\"f1ng84yb\", \"f11gcy0p\"],\n z189sj: [\"f11gcy0p\", \"f1ng84yb\"]\n },\n input: {\n uwmqm3: [\"fk8j09s\", \"fdw0yi8\"],\n z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n Boqhc8c: \"f18izjht\",\n B8uat0v: \"fcoa6sg\"\n }\n}, {\n 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;}\"]\n});\nconst useContentAfterStyles = /*#__PURE__*/__styles({\n contentAfter: {\n uwmqm3: [\"f1uw59to\", \"fw5db7e\"],\n i8kkvl: \"f1ufnopg\"\n },\n rest: {\n abs64n: \"fk73vx1\",\n Bqenvij: \"fniina8\",\n a9b677: \"f3tsq5r\"\n }\n}, {\n 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;}\"]\n});\nconst useDismissClassName = /*#__PURE__*/__resetStyles(\"r1pvzcuu\", null, [\".r1pvzcuu{box-sizing:border-box;color:var(--colorNeutralForeground3);display:flex;cursor:pointer;}\", \".r1pvzcuu>svg{font-size:20px;}\"]);\nconst useDismissStyles = /*#__PURE__*/__styles({\n disabled: {\n sj55zd: \"f1s2aq7o\"\n },\n small: {\n Duoase: \"f3qv9w\"\n },\n medium: {},\n large: {\n Duoase: \"f16u2scb\"\n }\n}, {\n d: [\".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\", \".f3qv9w>svg{font-size:16px;}\", \".f16u2scb>svg{font-size:24px;}\"]\n});\n/**\n * Apply styling to the SearchBox slots based on the state\n */\nexport const useSearchBoxStyles_unstable = state => {\n const {\n disabled,\n focused,\n size\n } = state;\n const rootStyles = useRootStyles();\n const contentAfterStyles = useContentAfterStyles();\n const dismissClassName = useDismissClassName();\n const dismissStyles = useDismissStyles();\n state.root.className = mergeClasses(searchBoxClassNames.root, rootStyles[size], state.root.className);\n state.input.className = mergeClasses(searchBoxClassNames.input, rootStyles.input, state.input.className);\n if (state.dismiss) {\n state.dismiss.className = mergeClasses(searchBoxClassNames.dismiss, dismissClassName, disabled && dismissStyles.disabled, dismissStyles[size], state.dismiss.className);\n }\n if (state.contentBefore) {\n state.contentBefore.className = mergeClasses(searchBoxClassNames.contentBefore, state.contentBefore.className);\n }\n if (state.contentAfter) {\n state.contentAfter.className = mergeClasses(searchBoxClassNames.contentAfter, contentAfterStyles.contentAfter, !focused && contentAfterStyles.rest, state.contentAfter.className);\n } else if (state.dismiss) {\n state.dismiss.className = mergeClasses(state.dismiss.className, contentAfterStyles.contentAfter);\n }\n useInputStyles_unstable(state);\n return state;\n};\n//# sourceMappingURL=useSearchBoxStyles.styles.js.map"],"names":["searchBoxClassNames","useSearchBoxStyles_unstable","root","dismiss","contentAfter","contentBefore","input","useRootStyles","__styles","small","i8kkvl","B2u0y6b","uwmqm3","z189sj","medium","large","Boqhc8c","B8uat0v","d","useContentAfterStyles","rest","abs64n","Bqenvij","a9b677","useDismissClassName","__resetStyles","useDismissStyles","disabled","sj55zd","Duoase","state","focused","size","rootStyles","contentAfterStyles","dismissClassName","dismissStyles","className","mergeClasses","useInputStyles_unstable"],"mappings":"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"}
1
+ {"version":3,"sources":["useSearchBoxStyles.styles.js"],"sourcesContent":["import { __resetStyles, __styles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { useInputStyles_unstable } from '@fluentui/react-input';\nexport const searchBoxClassNames = {\n root: 'fui-SearchBox',\n dismiss: 'fui-SearchBox__dismiss',\n contentAfter: 'fui-SearchBox__contentAfter',\n contentBefore: 'fui-SearchBox__contentBefore',\n input: 'fui-SearchBox__input'\n};\n/**\n * Styles for the root slot\n */\nconst useRootStyles = /*#__PURE__*/__styles({\n small: {\n i8kkvl: \"fjuset5\",\n B2u0y6b: \"f1xzfw5u\",\n uwmqm3: [\"fk8j09s\", \"fdw0yi8\"],\n z189sj: [\"fdw0yi8\", \"fk8j09s\"]\n },\n medium: {\n i8kkvl: \"fjuset5\",\n B2u0y6b: \"f1xzfw5u\",\n uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"],\n z189sj: [\"f1vdfbxk\", \"f1f5gg8d\"]\n },\n large: {\n i8kkvl: \"fjuset5\",\n B2u0y6b: \"f1xzfw5u\",\n uwmqm3: [\"f1ng84yb\", \"f11gcy0p\"],\n z189sj: [\"f11gcy0p\", \"f1ng84yb\"]\n },\n input: {\n uwmqm3: [\"fk8j09s\", \"fdw0yi8\"],\n z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n Boqhc8c: \"f18izjht\",\n B8uat0v: \"fcoa6sg\"\n }\n}, {\n 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;}\"]\n});\nconst useContentAfterStyles = /*#__PURE__*/__styles({\n contentAfter: {\n uwmqm3: [\"f1uw59to\", \"fw5db7e\"],\n i8kkvl: \"f1ufnopg\"\n },\n rest: {\n abs64n: \"fk73vx1\",\n Bqenvij: \"fniina8\",\n a9b677: \"f3tsq5r\"\n }\n}, {\n 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;}\"]\n});\nconst useDismissClassName = /*#__PURE__*/__resetStyles(\"r1pvzcuu\", null, [\".r1pvzcuu{box-sizing:border-box;color:var(--colorNeutralForeground3);display:flex;cursor:pointer;}\", \".r1pvzcuu>svg{font-size:20px;}\"]);\nconst useDismissStyles = /*#__PURE__*/__styles({\n disabled: {\n sj55zd: \"f1s2aq7o\"\n },\n small: {\n Duoase: \"f3qv9w\"\n },\n medium: {},\n large: {\n Duoase: \"f16u2scb\"\n }\n}, {\n d: [\".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\", \".f3qv9w>svg{font-size:16px;}\", \".f16u2scb>svg{font-size:24px;}\"]\n});\n/**\n * Apply styling to the SearchBox slots based on the state\n */\nexport const useSearchBoxStyles_unstable = state => {\n 'use no memo';\n\n const {\n disabled,\n focused,\n size\n } = state;\n const rootStyles = useRootStyles();\n const contentAfterStyles = useContentAfterStyles();\n const dismissClassName = useDismissClassName();\n const dismissStyles = useDismissStyles();\n state.root.className = mergeClasses(searchBoxClassNames.root, rootStyles[size], state.root.className);\n state.input.className = mergeClasses(searchBoxClassNames.input, rootStyles.input, state.input.className);\n if (state.dismiss) {\n state.dismiss.className = mergeClasses(searchBoxClassNames.dismiss, dismissClassName, disabled && dismissStyles.disabled, dismissStyles[size], state.dismiss.className);\n }\n if (state.contentBefore) {\n state.contentBefore.className = mergeClasses(searchBoxClassNames.contentBefore, state.contentBefore.className);\n }\n if (state.contentAfter) {\n state.contentAfter.className = mergeClasses(searchBoxClassNames.contentAfter, contentAfterStyles.contentAfter, !focused && contentAfterStyles.rest, state.contentAfter.className);\n } else if (state.dismiss) {\n state.dismiss.className = mergeClasses(state.dismiss.className, contentAfterStyles.contentAfter);\n }\n useInputStyles_unstable(state);\n return state;\n};\n//# sourceMappingURL=useSearchBoxStyles.styles.js.map"],"names":["searchBoxClassNames","useSearchBoxStyles_unstable","root","dismiss","contentAfter","contentBefore","input","useRootStyles","__styles","small","i8kkvl","B2u0y6b","uwmqm3","z189sj","medium","large","Boqhc8c","B8uat0v","d","useContentAfterStyles","rest","abs64n","Bqenvij","a9b677","useDismissClassName","__resetStyles","useDismissStyles","disabled","sj55zd","Duoase","state","focused","size","rootStyles","contentAfterStyles","dismissClassName","dismissStyles","className","mergeClasses","useInputStyles_unstable"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-search",
3
- "version": "9.0.7",
3
+ "version": "9.0.9",
4
4
  "description": "Search input for Fluent UI v9",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -18,10 +18,9 @@
18
18
  "just": "just-scripts",
19
19
  "lint": "just-scripts lint",
20
20
  "test": "jest --passWithNoTests",
21
- "test-ssr": "test-ssr \"./stories/**/*.stories.tsx\"",
22
- "type-check": "tsc -b tsconfig.json",
21
+ "type-check": "just-scripts type-check",
23
22
  "generate-api": "just-scripts generate-api",
24
- "storybook": "start-storybook",
23
+ "storybook": "yarn --cwd ../stories storybook",
25
24
  "start": "yarn storybook"
26
25
  },
27
26
  "devDependencies": {
@@ -32,11 +31,11 @@
32
31
  "@fluentui/scripts-tasks": "*"
33
32
  },
34
33
  "dependencies": {
35
- "@fluentui/react-icons": "^2.0.239",
36
- "@fluentui/react-input": "^9.4.78",
37
- "@fluentui/react-jsx-runtime": "^9.0.39",
34
+ "@fluentui/react-icons": "^2.0.245",
35
+ "@fluentui/react-input": "^9.4.80",
36
+ "@fluentui/react-jsx-runtime": "^9.0.40",
38
37
  "@fluentui/react-theme": "^9.1.19",
39
- "@fluentui/react-utilities": "^9.18.10",
38
+ "@fluentui/react-utilities": "^9.18.11",
40
39
  "@griffel/react": "^1.5.22",
41
40
  "@swc/helpers": "^0.5.1"
42
41
  },