@fluentui/react-tags 9.3.8 → 9.3.10

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 (22) hide show
  1. package/CHANGELOG.md +76 -50
  2. package/lib/components/InteractionTag/useInteractionTagStyles.styles.js +2 -0
  3. package/lib/components/InteractionTag/useInteractionTagStyles.styles.js.map +1 -1
  4. package/lib/components/InteractionTagPrimary/useInteractionTagPrimaryStyles.styles.js +2 -0
  5. package/lib/components/InteractionTagPrimary/useInteractionTagPrimaryStyles.styles.js.map +1 -1
  6. package/lib/components/InteractionTagSecondary/useInteractionTagSecondaryStyles.styles.js +2 -0
  7. package/lib/components/InteractionTagSecondary/useInteractionTagSecondaryStyles.styles.js.map +1 -1
  8. package/lib/components/Tag/useTagStyles.styles.js +2 -0
  9. package/lib/components/Tag/useTagStyles.styles.js.map +1 -1
  10. package/lib/components/TagGroup/useTagGroupStyles.styles.js +2 -0
  11. package/lib/components/TagGroup/useTagGroupStyles.styles.js.map +1 -1
  12. package/lib-commonjs/components/InteractionTag/useInteractionTagStyles.styles.js +1 -0
  13. package/lib-commonjs/components/InteractionTag/useInteractionTagStyles.styles.js.map +1 -1
  14. package/lib-commonjs/components/InteractionTagPrimary/useInteractionTagPrimaryStyles.styles.js +1 -0
  15. package/lib-commonjs/components/InteractionTagPrimary/useInteractionTagPrimaryStyles.styles.js.map +1 -1
  16. package/lib-commonjs/components/InteractionTagSecondary/useInteractionTagSecondaryStyles.styles.js +1 -0
  17. package/lib-commonjs/components/InteractionTagSecondary/useInteractionTagSecondaryStyles.styles.js.map +1 -1
  18. package/lib-commonjs/components/Tag/useTagStyles.styles.js +1 -0
  19. package/lib-commonjs/components/Tag/useTagStyles.styles.js.map +1 -1
  20. package/lib-commonjs/components/TagGroup/useTagGroupStyles.styles.js +1 -0
  21. package/lib-commonjs/components/TagGroup/useTagGroupStyles.styles.js.map +1 -1
  22. package/package.json +11 -11
package/CHANGELOG.md CHANGED
@@ -1,12 +1,38 @@
1
1
  # Change Log - @fluentui/react-tags
2
2
 
3
- This log was last generated on Thu, 06 Jun 2024 15:22:27 GMT and should not be manually modified.
3
+ This log was last generated on Mon, 01 Jul 2024 20:25:48 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.3.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.3.10)
8
+
9
+ Mon, 01 Jul 2024 20:25:48 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.3.9..@fluentui/react-tags_v9.3.10)
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-aria to v9.13.0 ([PR #31861](https://github.com/microsoft/fluentui/pull/31861) by beachball)
17
+ - Bump @fluentui/react-avatar to v9.6.31 ([PR #31861](https://github.com/microsoft/fluentui/pull/31861) by beachball)
18
+ - Bump @fluentui/react-jsx-runtime to v9.0.40 ([PR #31861](https://github.com/microsoft/fluentui/pull/31861) by beachball)
19
+ - Bump @fluentui/react-tabster to v9.22.1 ([PR #31861](https://github.com/microsoft/fluentui/pull/31861) by beachball)
20
+ - Bump @fluentui/react-utilities to v9.18.11 ([PR #31861](https://github.com/microsoft/fluentui/pull/31861) by beachball)
21
+
22
+ ## [9.3.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.3.9)
23
+
24
+ Mon, 17 Jun 2024 07:34:17 GMT
25
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.3.8..@fluentui/react-tags_v9.3.9)
26
+
27
+ ### Patches
28
+
29
+ - Bump @fluentui/react-aria to v9.12.1 ([commit](https://github.com/microsoft/fluentui/commit/9ae683c22f2e65d94422a571ad5d3f97d0a77234) by beachball)
30
+ - Bump @fluentui/react-avatar to v9.6.30 ([commit](https://github.com/microsoft/fluentui/commit/9ae683c22f2e65d94422a571ad5d3f97d0a77234) by beachball)
31
+ - Bump @fluentui/react-tabster to v9.22.0 ([commit](https://github.com/microsoft/fluentui/commit/9ae683c22f2e65d94422a571ad5d3f97d0a77234) by beachball)
32
+
7
33
  ## [9.3.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.3.8)
8
34
 
9
- Thu, 06 Jun 2024 15:22:27 GMT
35
+ Thu, 06 Jun 2024 15:26:45 GMT
10
36
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.3.7..@fluentui/react-tags_v9.3.8)
11
37
 
12
38
  ### Patches
@@ -19,7 +45,7 @@ Thu, 06 Jun 2024 15:22:27 GMT
19
45
 
20
46
  ## [9.3.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.3.7)
21
47
 
22
- Thu, 23 May 2024 08:02:50 GMT
48
+ Thu, 23 May 2024 08:02:50 GMT
23
49
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.3.6..@fluentui/react-tags_v9.3.7)
24
50
 
25
51
  ### Patches
@@ -31,7 +57,7 @@ Thu, 23 May 2024 08:02:50 GMT
31
57
 
32
58
  ## [9.3.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.3.6)
33
59
 
34
- Mon, 20 May 2024 12:45:06 GMT
60
+ Mon, 20 May 2024 12:45:06 GMT
35
61
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.3.5..@fluentui/react-tags_v9.3.6)
36
62
 
37
63
  ### Patches
@@ -46,17 +72,17 @@ Mon, 20 May 2024 12:45:06 GMT
46
72
 
47
73
  ## [9.3.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.3.5)
48
74
 
49
- Thu, 16 May 2024 09:25:19 GMT
75
+ Thu, 16 May 2024 09:25:19 GMT
50
76
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.3.4..@fluentui/react-tags_v9.3.5)
51
77
 
52
78
  ### Patches
53
79
 
54
- - 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)
80
+ - 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)
55
81
  - Bump @fluentui/react-avatar to v9.6.26 ([PR #31390](https://github.com/microsoft/fluentui/pull/31390) by beachball)
56
82
 
57
83
  ## [9.3.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.3.4)
58
84
 
59
- Thu, 09 May 2024 19:35:12 GMT
85
+ Thu, 09 May 2024 19:35:12 GMT
60
86
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.3.3..@fluentui/react-tags_v9.3.4)
61
87
 
62
88
  ### Patches
@@ -67,7 +93,7 @@ Thu, 09 May 2024 19:35:12 GMT
67
93
 
68
94
  ## [9.3.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.3.3)
69
95
 
70
- Mon, 06 May 2024 12:55:02 GMT
96
+ Mon, 06 May 2024 12:55:02 GMT
71
97
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.3.2..@fluentui/react-tags_v9.3.3)
72
98
 
73
99
  ### Patches
@@ -81,19 +107,19 @@ Mon, 06 May 2024 12:55:02 GMT
81
107
 
82
108
  ## [9.3.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.3.2)
83
109
 
84
- Thu, 02 May 2024 11:36:41 GMT
110
+ Thu, 02 May 2024 11:36:41 GMT
85
111
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.3.1..@fluentui/react-tags_v9.3.2)
86
112
 
87
113
  ### Patches
88
114
 
89
- - chore: upgrade @fluentui/react-icons to 2.0.237. ([PR #31139](https://github.com/microsoft/fluentui/pull/31139) by ololubek@microsoft.com)
115
+ - chore: upgrade @fluentui/react-icons to 2.0.237. ([PR #31139](https://github.com/microsoft/fluentui/pull/31139) by ololubek@microsoft.com)
90
116
  - Bump @fluentui/react-aria to v9.11.0 ([PR #31231](https://github.com/microsoft/fluentui/pull/31231) by beachball)
91
117
  - Bump @fluentui/react-avatar to v9.6.23 ([PR #31231](https://github.com/microsoft/fluentui/pull/31231) by beachball)
92
118
  - Bump @fluentui/react-tabster to v9.21.0 ([PR #31231](https://github.com/microsoft/fluentui/pull/31231) by beachball)
93
119
 
94
120
  ## [9.3.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.3.1)
95
121
 
96
- Tue, 23 Apr 2024 08:17:49 GMT
122
+ Tue, 23 Apr 2024 08:17:49 GMT
97
123
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.3.0..@fluentui/react-tags_v9.3.1)
98
124
 
99
125
  ### Patches
@@ -107,7 +133,7 @@ Tue, 23 Apr 2024 08:17:49 GMT
107
133
 
108
134
  ## [9.3.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.3.0)
109
135
 
110
- Wed, 17 Apr 2024 21:54:03 GMT
136
+ Wed, 17 Apr 2024 21:54:03 GMT
111
137
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.2.1..@fluentui/react-tags_v9.3.0)
112
138
 
113
139
  ### Minor changes
@@ -119,13 +145,13 @@ Wed, 17 Apr 2024 21:54:03 GMT
119
145
 
120
146
  ### Patches
121
147
 
122
- - chore: refactor styles defined in makeResetStyles() to avoid shorthands.*() ([PR #30996](https://github.com/microsoft/fluentui/pull/30996) by olfedias@microsoft.com)
148
+ - chore: refactor styles defined in makeResetStyles() to avoid shorthands.\*() ([PR #30996](https://github.com/microsoft/fluentui/pull/30996) by olfedias@microsoft.com)
123
149
  - chore: Update react-icons to 2.0.235 ([PR #31011](https://github.com/microsoft/fluentui/pull/31011) by ololubek@microsoft.com)
124
150
  - fix: use colorBrandForeground2 for brand InteractionTag foreground color ([PR #30973](https://github.com/microsoft/fluentui/pull/30973) by yuanboxue@microsoft.com)
125
151
 
126
152
  ## [9.2.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.2.1)
127
153
 
128
- Tue, 02 Apr 2024 09:48:01 GMT
154
+ Tue, 02 Apr 2024 09:48:01 GMT
129
155
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.2.0..@fluentui/react-tags_v9.2.1)
130
156
 
131
157
  ### Patches
@@ -139,7 +165,7 @@ Tue, 02 Apr 2024 09:48:01 GMT
139
165
 
140
166
  ## [9.2.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.2.0)
141
167
 
142
- Mon, 25 Mar 2024 11:12:15 GMT
168
+ Mon, 25 Mar 2024 11:12:15 GMT
143
169
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.1.3..@fluentui/react-tags_v9.2.0)
144
170
 
145
171
  ### Minor changes
@@ -148,7 +174,7 @@ Mon, 25 Mar 2024 11:12:15 GMT
148
174
 
149
175
  ## [9.1.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.1.3)
150
176
 
151
- Mon, 18 Mar 2024 19:50:46 GMT
177
+ Mon, 18 Mar 2024 19:50:46 GMT
152
178
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.1.2..@fluentui/react-tags_v9.1.3)
153
179
 
154
180
  ### Patches
@@ -163,7 +189,7 @@ Mon, 18 Mar 2024 19:50:46 GMT
163
189
 
164
190
  ## [9.1.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.1.2)
165
191
 
166
- Fri, 15 Mar 2024 21:43:49 GMT
192
+ Fri, 15 Mar 2024 21:43:49 GMT
167
193
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.1.1..@fluentui/react-tags_v9.1.2)
168
194
 
169
195
  ### Patches
@@ -178,7 +204,7 @@ Fri, 15 Mar 2024 21:43:49 GMT
178
204
 
179
205
  ## [9.1.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.1.1)
180
206
 
181
- Thu, 07 Mar 2024 19:33:27 GMT
207
+ Thu, 07 Mar 2024 19:33:27 GMT
182
208
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.1.0..@fluentui/react-tags_v9.1.1)
183
209
 
184
210
  ### Patches
@@ -193,7 +219,7 @@ Thu, 07 Mar 2024 19:33:27 GMT
193
219
 
194
220
  ## [9.1.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.1.0)
195
221
 
196
- Thu, 29 Feb 2024 14:44:21 GMT
222
+ Thu, 29 Feb 2024 14:44:21 GMT
197
223
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.0.29..@fluentui/react-tags_v9.1.0)
198
224
 
199
225
  ### Minor changes
@@ -202,7 +228,7 @@ Thu, 29 Feb 2024 14:44:21 GMT
202
228
 
203
229
  ## [9.0.29](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.0.29)
204
230
 
205
- Wed, 28 Feb 2024 02:34:19 GMT
231
+ Wed, 28 Feb 2024 02:34:19 GMT
206
232
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.0.28..@fluentui/react-tags_v9.0.29)
207
233
 
208
234
  ### Patches
@@ -216,7 +242,7 @@ Wed, 28 Feb 2024 02:34:19 GMT
216
242
 
217
243
  ## [9.0.28](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.0.28)
218
244
 
219
- Tue, 20 Feb 2024 14:22:26 GMT
245
+ Tue, 20 Feb 2024 14:22:26 GMT
220
246
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.0.27..@fluentui/react-tags_v9.0.28)
221
247
 
222
248
  ### Patches
@@ -229,7 +255,7 @@ Tue, 20 Feb 2024 14:22:26 GMT
229
255
 
230
256
  ## [9.0.27](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.0.27)
231
257
 
232
- Tue, 06 Feb 2024 17:55:21 GMT
258
+ Tue, 06 Feb 2024 17:55:21 GMT
233
259
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.0.26..@fluentui/react-tags_v9.0.27)
234
260
 
235
261
  ### Patches
@@ -240,7 +266,7 @@ Tue, 06 Feb 2024 17:55:21 GMT
240
266
 
241
267
  ## [9.0.26](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.0.26)
242
268
 
243
- Tue, 30 Jan 2024 23:16:54 GMT
269
+ Tue, 30 Jan 2024 23:16:54 GMT
244
270
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.0.25..@fluentui/react-tags_v9.0.26)
245
271
 
246
272
  ### Patches
@@ -253,7 +279,7 @@ Tue, 30 Jan 2024 23:16:54 GMT
253
279
 
254
280
  ## [9.0.25](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.0.25)
255
281
 
256
- Mon, 29 Jan 2024 13:56:06 GMT
282
+ Mon, 29 Jan 2024 13:56:06 GMT
257
283
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.0.24..@fluentui/react-tags_v9.0.25)
258
284
 
259
285
  ### Patches
@@ -262,7 +288,7 @@ Mon, 29 Jan 2024 13:56:06 GMT
262
288
 
263
289
  ## [9.0.24](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.0.24)
264
290
 
265
- Fri, 26 Jan 2024 10:40:22 GMT
291
+ Fri, 26 Jan 2024 10:40:22 GMT
266
292
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.0.23..@fluentui/react-tags_v9.0.24)
267
293
 
268
294
  ### Patches
@@ -271,7 +297,7 @@ Fri, 26 Jan 2024 10:40:22 GMT
271
297
 
272
298
  ## [9.0.23](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.0.23)
273
299
 
274
- Tue, 23 Jan 2024 15:11:00 GMT
300
+ Tue, 23 Jan 2024 15:11:00 GMT
275
301
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.0.22..@fluentui/react-tags_v9.0.23)
276
302
 
277
303
  ### Patches
@@ -284,7 +310,7 @@ Tue, 23 Jan 2024 15:11:00 GMT
284
310
 
285
311
  ## [9.0.22](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.0.22)
286
312
 
287
- Thu, 18 Jan 2024 14:25:03 GMT
313
+ Thu, 18 Jan 2024 14:25:03 GMT
288
314
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.0.21..@fluentui/react-tags_v9.0.22)
289
315
 
290
316
  ### Patches
@@ -298,7 +324,7 @@ Thu, 18 Jan 2024 14:25:03 GMT
298
324
 
299
325
  ## [9.0.21](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.0.21)
300
326
 
301
- Wed, 17 Jan 2024 16:18:50 GMT
327
+ Wed, 17 Jan 2024 16:18:50 GMT
302
328
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.0.20..@fluentui/react-tags_v9.0.21)
303
329
 
304
330
  ### Patches
@@ -311,7 +337,7 @@ Wed, 17 Jan 2024 16:18:50 GMT
311
337
 
312
338
  ## [9.0.20](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.0.20)
313
339
 
314
- Tue, 16 Jan 2024 13:14:11 GMT
340
+ Tue, 16 Jan 2024 13:14:11 GMT
315
341
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.0.19..@fluentui/react-tags_v9.0.20)
316
342
 
317
343
  ### Patches
@@ -324,7 +350,7 @@ Tue, 16 Jan 2024 13:14:11 GMT
324
350
 
325
351
  ## [9.0.19](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.0.19)
326
352
 
327
- Thu, 11 Jan 2024 09:04:29 GMT
353
+ Thu, 11 Jan 2024 09:04:29 GMT
328
354
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.0.18..@fluentui/react-tags_v9.0.19)
329
355
 
330
356
  ### Patches
@@ -334,7 +360,7 @@ Thu, 11 Jan 2024 09:04:29 GMT
334
360
 
335
361
  ## [9.0.18](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.0.18)
336
362
 
337
- Tue, 09 Jan 2024 10:21:34 GMT
363
+ Tue, 09 Jan 2024 10:21:34 GMT
338
364
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.0.17..@fluentui/react-tags_v9.0.18)
339
365
 
340
366
  ### Patches
@@ -343,7 +369,7 @@ Tue, 09 Jan 2024 10:21:34 GMT
343
369
 
344
370
  ## [9.0.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.0.17)
345
371
 
346
- Mon, 08 Jan 2024 16:24:27 GMT
372
+ Mon, 08 Jan 2024 16:24:27 GMT
347
373
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.0.16..@fluentui/react-tags_v9.0.17)
348
374
 
349
375
  ### Patches
@@ -357,7 +383,7 @@ Mon, 08 Jan 2024 16:24:27 GMT
357
383
 
358
384
  ## [9.0.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.0.16)
359
385
 
360
- Wed, 03 Jan 2024 09:26:44 GMT
386
+ Wed, 03 Jan 2024 09:26:44 GMT
361
387
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.0.15..@fluentui/react-tags_v9.0.16)
362
388
 
363
389
  ### Patches
@@ -370,7 +396,7 @@ Wed, 03 Jan 2024 09:26:44 GMT
370
396
 
371
397
  ## [9.0.15](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.0.15)
372
398
 
373
- Mon, 18 Dec 2023 17:48:16 GMT
399
+ Mon, 18 Dec 2023 17:48:16 GMT
374
400
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.0.14..@fluentui/react-tags_v9.0.15)
375
401
 
376
402
  ### Patches
@@ -379,7 +405,7 @@ Mon, 18 Dec 2023 17:48:16 GMT
379
405
 
380
406
  ## [9.0.14](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.0.14)
381
407
 
382
- Mon, 18 Dec 2023 14:40:46 GMT
408
+ Mon, 18 Dec 2023 14:40:46 GMT
383
409
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.0.13..@fluentui/react-tags_v9.0.14)
384
410
 
385
411
  ### Patches
@@ -393,7 +419,7 @@ Mon, 18 Dec 2023 14:40:46 GMT
393
419
 
394
420
  ## [9.0.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.0.13)
395
421
 
396
- Thu, 14 Dec 2023 09:58:46 GMT
422
+ Thu, 14 Dec 2023 09:58:46 GMT
397
423
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.0.12..@fluentui/react-tags_v9.0.13)
398
424
 
399
425
  ### Patches
@@ -407,7 +433,7 @@ Thu, 14 Dec 2023 09:58:46 GMT
407
433
 
408
434
  ## [9.0.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.0.12)
409
435
 
410
- Thu, 30 Nov 2023 13:42:08 GMT
436
+ Thu, 30 Nov 2023 13:42:08 GMT
411
437
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.0.11..@fluentui/react-tags_v9.0.12)
412
438
 
413
439
  ### Patches
@@ -419,7 +445,7 @@ Thu, 30 Nov 2023 13:42:08 GMT
419
445
 
420
446
  ## [9.0.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.0.11)
421
447
 
422
- Mon, 20 Nov 2023 09:55:10 GMT
448
+ Mon, 20 Nov 2023 09:55:10 GMT
423
449
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.0.10..@fluentui/react-tags_v9.0.11)
424
450
 
425
451
  ### Patches
@@ -430,7 +456,7 @@ Mon, 20 Nov 2023 09:55:10 GMT
430
456
 
431
457
  ## [9.0.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.0.10)
432
458
 
433
- Tue, 14 Nov 2023 17:51:27 GMT
459
+ Tue, 14 Nov 2023 17:51:27 GMT
434
460
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.0.9..@fluentui/react-tags_v9.0.10)
435
461
 
436
462
  ### Patches
@@ -440,7 +466,7 @@ Tue, 14 Nov 2023 17:51:27 GMT
440
466
 
441
467
  ## [9.0.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.0.9)
442
468
 
443
- Thu, 09 Nov 2023 17:29:45 GMT
469
+ Thu, 09 Nov 2023 17:29:45 GMT
444
470
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.0.8..@fluentui/react-tags_v9.0.9)
445
471
 
446
472
  ### Patches
@@ -457,7 +483,7 @@ Thu, 09 Nov 2023 17:29:45 GMT
457
483
 
458
484
  ## [9.0.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.0.8)
459
485
 
460
- Wed, 01 Nov 2023 12:55:59 GMT
486
+ Wed, 01 Nov 2023 12:55:59 GMT
461
487
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.0.7..@fluentui/react-tags_v9.0.8)
462
488
 
463
489
  ### Patches
@@ -469,7 +495,7 @@ Wed, 01 Nov 2023 12:55:59 GMT
469
495
 
470
496
  ## [9.0.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.0.7)
471
497
 
472
- Sat, 28 Oct 2023 23:35:59 GMT
498
+ Sat, 28 Oct 2023 23:35:59 GMT
473
499
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.0.6..@fluentui/react-tags_v9.0.7)
474
500
 
475
501
  ### Patches
@@ -480,7 +506,7 @@ Sat, 28 Oct 2023 23:35:59 GMT
480
506
 
481
507
  ## [9.0.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.0.6)
482
508
 
483
- Mon, 23 Oct 2023 09:51:57 GMT
509
+ Mon, 23 Oct 2023 09:51:57 GMT
484
510
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.0.5..@fluentui/react-tags_v9.0.6)
485
511
 
486
512
  ### Patches
@@ -490,7 +516,7 @@ Mon, 23 Oct 2023 09:51:57 GMT
490
516
 
491
517
  ## [9.0.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.0.5)
492
518
 
493
- Wed, 18 Oct 2023 17:54:08 GMT
519
+ Wed, 18 Oct 2023 17:54:08 GMT
494
520
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.0.4..@fluentui/react-tags_v9.0.5)
495
521
 
496
522
  ### Patches
@@ -503,7 +529,7 @@ Wed, 18 Oct 2023 17:54:08 GMT
503
529
 
504
530
  ## [9.0.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.0.4)
505
531
 
506
- Thu, 12 Oct 2023 14:55:44 GMT
532
+ Thu, 12 Oct 2023 14:55:44 GMT
507
533
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.0.3..@fluentui/react-tags_v9.0.4)
508
534
 
509
535
  ### Patches
@@ -513,7 +539,7 @@ Thu, 12 Oct 2023 14:55:44 GMT
513
539
 
514
540
  ## [9.0.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.0.3)
515
541
 
516
- Wed, 11 Oct 2023 13:54:26 GMT
542
+ Wed, 11 Oct 2023 13:54:26 GMT
517
543
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.0.2..@fluentui/react-tags_v9.0.3)
518
544
 
519
545
  ### Patches
@@ -526,7 +552,7 @@ Wed, 11 Oct 2023 13:54:26 GMT
526
552
 
527
553
  ## [9.0.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.0.2)
528
554
 
529
- Mon, 09 Oct 2023 20:45:44 GMT
555
+ Mon, 09 Oct 2023 20:45:44 GMT
530
556
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.0.1..@fluentui/react-tags_v9.0.2)
531
557
 
532
558
  ### Patches
@@ -540,7 +566,7 @@ Mon, 09 Oct 2023 20:45:44 GMT
540
566
 
541
567
  ## [9.0.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.0.1)
542
568
 
543
- Thu, 05 Oct 2023 15:25:33 GMT
569
+ Thu, 05 Oct 2023 15:25:33 GMT
544
570
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.0.0..@fluentui/react-tags_v9.0.1)
545
571
 
546
572
  ### Patches
@@ -554,7 +580,7 @@ Thu, 05 Oct 2023 15:25:33 GMT
554
580
 
555
581
  ## [9.0.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.0.0)
556
582
 
557
- Wed, 04 Oct 2023 08:45:46 GMT
583
+ Wed, 04 Oct 2023 08:45:46 GMT
558
584
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags-preview_v0.4.0..@fluentui/react-tags_v9.0.0)
559
585
 
560
586
  ### Minor changes
@@ -568,7 +594,7 @@ Wed, 04 Oct 2023 08:45:46 GMT
568
594
 
569
595
  ## [0.4.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags-preview_v0.4.0)
570
596
 
571
- Mon, 02 Oct 2023 08:56:05 GMT
597
+ Mon, 02 Oct 2023 08:56:05 GMT
572
598
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags-preview_v0.3.1..@fluentui/react-tags-preview_v0.4.0)
573
599
 
574
600
  ### Minor changes
package/lib/components/InteractionTag/useInteractionTagStyles.styles.js CHANGED
@@ -39,6 +39,8 @@ const useRootStyles = /*#__PURE__*/__styles({
39
39
  * Apply styling to the InteractionTag slots based on the state
40
40
  */
41
41
  export const useInteractionTagStyles_unstable = state => {
42
+ 'use no memo';
43
+
42
44
  const rootBaseClassName = useRootBaseClassName();
43
45
  const rootStyles = useRootStyles();
44
46
  const {
package/lib/components/InteractionTag/useInteractionTagStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["__resetStyles","__styles","mergeClasses","tokens","interactionTagClassNames","root","useRootBaseClassName","useRootStyles","rounded","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","circular","medium","Bqenvij","small","d","p","useInteractionTagStyles_unstable","state","rootBaseClassName","rootStyles","shape","size","className"],"sources":["useInteractionTagStyles.styles.js"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const interactionTagClassNames = {\n root: 'fui-InteractionTag'\n};\nconst useRootBaseClassName = makeResetStyles({\n display: 'inline-flex',\n alignItems: 'center',\n boxSizing: 'border-box',\n width: 'fit-content'\n});\nconst useRootStyles = makeStyles({\n rounded: {\n borderRadius: tokens.borderRadiusMedium\n },\n circular: {\n borderRadius: tokens.borderRadiusCircular\n },\n medium: {\n height: '32px'\n },\n small: {\n height: '24px'\n },\n 'extra-small': {\n height: '20px'\n }\n});\n/**\n * Apply styling to the InteractionTag slots based on the state\n */ export const useInteractionTagStyles_unstable = (state)=>{\n const rootBaseClassName = useRootBaseClassName();\n const rootStyles = useRootStyles();\n const { shape, size } = state;\n state.root.className = mergeClasses(interactionTagClassNames.root, rootBaseClassName, rootStyles[shape], rootStyles[size], state.root.className);\n return state;\n};\n"],"mappings":"AAAA,SAAAA,aAAA,EAAAC,QAAA,EAAsCC,YAAY,QAAQ,gBAAgB;AAC1E,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,wBAAwB,GAAG;EACpCC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,oBAAoB,gBAAGN,aAAA,iHAK5B,CAAC;AACF,MAAMO,aAAa,gBAAGN,QAAA;EAAAO,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,QAAA;IAAAL,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAE,MAAA;IAAAC,OAAA;EAAA;EAAAC,KAAA;IAAAD,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;AAAA;EAAAE,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAgBrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,gCAAgC,GAAIC,KAAK,IAAG;EACzD,MAAMC,iBAAiB,GAAGhB,oBAAoB,CAAC,CAAC;EAChD,MAAMiB,UAAU,GAAGhB,aAAa,CAAC,CAAC;EAClC,MAAM;IAAEiB,KAAK;IAAEC;EAAK,CAAC,GAAGJ,KAAK;EAC7BA,KAAK,CAAChB,IAAI,CAACqB,SAAS,GAAGxB,YAAY,CAACE,wBAAwB,CAACC,IAAI,EAAEiB,iBAAiB,EAAEC,UAAU,CAACC,KAAK,CAAC,EAAED,UAAU,CAACE,IAAI,CAAC,EAAEJ,KAAK,CAAChB,IAAI,CAACqB,SAAS,CAAC;EAChJ,OAAOL,KAAK;AAChB,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["__resetStyles","__styles","mergeClasses","tokens","interactionTagClassNames","root","useRootBaseClassName","useRootStyles","rounded","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","circular","medium","Bqenvij","small","d","p","useInteractionTagStyles_unstable","state","rootBaseClassName","rootStyles","shape","size","className"],"sources":["useInteractionTagStyles.styles.js"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const interactionTagClassNames = {\n root: 'fui-InteractionTag'\n};\nconst useRootBaseClassName = makeResetStyles({\n display: 'inline-flex',\n alignItems: 'center',\n boxSizing: 'border-box',\n width: 'fit-content'\n});\nconst useRootStyles = makeStyles({\n rounded: {\n borderRadius: tokens.borderRadiusMedium\n },\n circular: {\n borderRadius: tokens.borderRadiusCircular\n },\n medium: {\n height: '32px'\n },\n small: {\n height: '24px'\n },\n 'extra-small': {\n height: '20px'\n }\n});\n/**\n * Apply styling to the InteractionTag slots based on the state\n */ export const useInteractionTagStyles_unstable = (state)=>{\n 'use no memo';\n const rootBaseClassName = useRootBaseClassName();\n const rootStyles = useRootStyles();\n const { shape, size } = state;\n state.root.className = mergeClasses(interactionTagClassNames.root, rootBaseClassName, rootStyles[shape], rootStyles[size], state.root.className);\n return state;\n};\n"],"mappings":"AAAA,SAAAA,aAAA,EAAAC,QAAA,EAAsCC,YAAY,QAAQ,gBAAgB;AAC1E,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,wBAAwB,GAAG;EACpCC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,oBAAoB,gBAAGN,aAAA,iHAK5B,CAAC;AACF,MAAMO,aAAa,gBAAGN,QAAA;EAAAO,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,QAAA;IAAAL,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAE,MAAA;IAAAC,OAAA;EAAA;EAAAC,KAAA;IAAAD,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;AAAA;EAAAE,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAgBrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,gCAAgC,GAAIC,KAAK,IAAG;EACzD,aAAa;;EACb,MAAMC,iBAAiB,GAAGhB,oBAAoB,CAAC,CAAC;EAChD,MAAMiB,UAAU,GAAGhB,aAAa,CAAC,CAAC;EAClC,MAAM;IAAEiB,KAAK;IAAEC;EAAK,CAAC,GAAGJ,KAAK;EAC7BA,KAAK,CAAChB,IAAI,CAACqB,SAAS,GAAGxB,YAAY,CAACE,wBAAwB,CAACC,IAAI,EAAEiB,iBAAiB,EAAEC,UAAU,CAACC,KAAK,CAAC,EAAED,UAAU,CAACE,IAAI,CAAC,EAAEJ,KAAK,CAAChB,IAAI,CAACqB,SAAS,CAAC;EAChJ,OAAOL,KAAK;AAChB,CAAC","ignoreList":[]}
package/lib/components/InteractionTagPrimary/useInteractionTagPrimaryStyles.styles.js CHANGED
@@ -199,6 +199,8 @@ const useRootWithSecondaryActionStyles = /*#__PURE__*/__styles({
199
199
  d: [".f3fg2lr{border-top-right-radius:var(--borderRadiusNone);}", ".f13av6d4{border-top-left-radius:var(--borderRadiusNone);}", ".fzi6hpg{border-bottom-right-radius:var(--borderRadiusNone);}", ".fyowgf4{border-bottom-left-radius:var(--borderRadiusNone);}", ".f1n71otn{border-right-style:none;}", ".f1deefiw{border-left-style:none;}", ".f146y5a9[data-fui-focus-visible]{border-top-right-radius:var(--borderRadiusNone);}", ".f1k2ftg[data-fui-focus-visible]{border-top-left-radius:var(--borderRadiusNone);}", ".f1ndz5i7[data-fui-focus-visible]{border-bottom-right-radius:var(--borderRadiusNone);}", ".f1co4qro[data-fui-focus-visible]{border-bottom-left-radius:var(--borderRadiusNone);}", ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}", ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}", ".fdw0yi8{padding-right:var(--spacingHorizontalSNudge);}", ".fk8j09s{padding-left:var(--spacingHorizontalSNudge);}"]
200
200
  });
201
201
  export const useInteractionTagPrimaryStyles_unstable = state => {
202
+ 'use no memo';
203
+
202
204
  const rootRoundedBaseClassName = useRootRoundedBaseClassName();
203
205
  const rootCircularBaseClassName = useRootCircularBaseClassName();
204
206
  const rootStyles = useRootStyles();
package/lib/components/InteractionTagPrimary/useInteractionTagPrimaryStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["__resetStyles","__styles","mergeClasses","shorthands","createCustomFocusIndicatorStyle","tokens","iconFilledClassName","iconRegularClassName","useIconStyles","useMediaStyles","usePrimaryTextStyles","useSecondaryTextBaseClassName","interactionTagPrimaryClassNames","root","media","icon","primaryText","secondaryText","baseStyles","color","fontFamily","padding","borderStyle","appearance","textAlign","backgroundColor","display","height","alignItems","gridTemplateAreas","border","strokeWidthThin","colorTransparentStroke","outline","strokeWidthThick","colorStrokeFocus2","zIndex","useRootRoundedBaseClassName","r","s","useRootCircularBaseClassName","useRootCircularContrastStyles","withoutSecondaryAction","Bglfifq","hxi8he","B33s42s","G4pote","gw1m2h","w20ur","Byczuf6","m","p","useRootStyles","filled","De3pzq","sj55zd","eoavqd","Jwef8y","Bi91k9c","ecr2s2","lj723h","Bqrx1nm","kx9iu6","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bk3fhr4","I6i3kg","Bmfj8id","Bnrwwps","weioyw","Bpre390","brand","medium","z189sj","small","d","h","a","useRootDisabledAppearances","Bceei9c","useRootWithoutMediaStyles","uwmqm3","useRootWithSecondaryActionStyles","base","B7oj6ja","Bbmb7ep","vrafjx","B6xbmo0","kdpuga","useInteractionTagPrimaryStyles_unstable","state","rootRoundedBaseClassName","rootCircularBaseClassName","rootStyles","rootDisabledAppearances","rootWithoutMediaStyles","rootWithSecondaryActionStyles","iconStyles","mediaStyles","primaryTextStyles","secondaryTextBaseClassName","rootCircularContrastStyles","shape","size","className","hasSecondaryAction","disabled","withSecondaryText","withoutSecondaryText"],"sources":["useInteractionTagPrimaryStyles.styles.js"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\nimport { useIconStyles, useMediaStyles, usePrimaryTextStyles, useSecondaryTextBaseClassName } from '../Tag/useTagStyles.styles';\nexport const interactionTagPrimaryClassNames = {\n root: 'fui-InteractionTagPrimary',\n media: 'fui-InteractionTagPrimary__media',\n icon: 'fui-InteractionTagPrimary__icon',\n primaryText: 'fui-InteractionTagPrimary__primaryText',\n secondaryText: 'fui-InteractionTagPrimary__secondaryText'\n};\nconst baseStyles = {\n // reset default button style:\n color: 'inherit',\n fontFamily: 'inherit',\n padding: '0px',\n borderStyle: 'none',\n appearance: 'button',\n textAlign: 'unset',\n backgroundColor: 'transparent',\n display: 'inline-grid',\n height: '100%',\n alignItems: 'center',\n gridTemplateAreas: `\n \"media primary \"\n \"media secondary\"\n `,\n border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n ...createCustomFocusIndicatorStyle({\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n zIndex: 1\n })\n};\nconst useRootRoundedBaseClassName = makeResetStyles({\n ...baseStyles,\n borderRadius: tokens.borderRadiusMedium,\n /**\n * Pseudo element to draw the border for windows high contrast mode -\n * when Tag is with secondary text, primary text has negative margin that covers the border.\n */ '@media (forced-colors: active)': {\n position: 'relative',\n '::before': {\n content: '\"\"',\n borderTop: `${tokens.strokeWidthThin} solid`,\n position: 'absolute',\n top: '-1px',\n left: '-1px',\n right: '-1px',\n bottom: '-1px',\n borderTopLeftRadius: tokens.borderRadiusMedium,\n borderTopRightRadius: tokens.borderRadiusMedium\n }\n }\n});\nconst useRootCircularBaseClassName = makeResetStyles({\n ...baseStyles,\n borderRadius: tokens.borderRadiusCircular,\n /**\n * Pseudo element to draw the border for windows high contrast mode -\n * when Tag is with secondary text, primary text has negative margin that covers the border.\n */ '@media (forced-colors: active)': {\n position: 'relative',\n '::before': {\n content: '\"\"',\n borderTop: `${tokens.strokeWidthThin} solid`,\n borderLeft: `${tokens.strokeWidthThin} solid`,\n position: 'absolute',\n top: '-1px',\n left: '-1px',\n right: '-1px',\n bottom: '-1px',\n borderTopLeftRadius: tokens.borderRadiusCircular,\n borderBottomLeftRadius: tokens.borderRadiusCircular\n }\n }\n});\n/**\n * Style override for pseudo element that draws the border for windows high contrast mode\n */ const useRootCircularContrastStyles = makeStyles({\n withoutSecondaryAction: {\n '@media (forced-colors: active)': {\n position: 'relative',\n '::before': {\n borderRight: `${tokens.strokeWidthThin} solid transparent`,\n borderTopRightRadius: tokens.borderRadiusCircular,\n borderBottomRightRadius: tokens.borderRadiusCircular\n }\n }\n }\n});\nconst useRootStyles = makeStyles({\n filled: {\n backgroundColor: tokens.colorNeutralBackground3,\n color: tokens.colorNeutralForeground2,\n ':hover': {\n cursor: 'pointer',\n backgroundColor: tokens.colorNeutralBackground3Hover,\n color: tokens.colorNeutralForeground2Hover\n },\n ':active': {\n backgroundColor: tokens.colorNeutralBackground3Pressed,\n color: tokens.colorNeutralForeground2Pressed\n },\n '@media (forced-colors: active)': {\n ':hover': {\n backgroundColor: 'HighlightText'\n },\n ':active': {\n backgroundColor: 'HighlightText'\n }\n }\n },\n outline: {\n backgroundColor: tokens.colorSubtleBackground,\n color: tokens.colorNeutralForeground2,\n ...shorthands.borderColor(tokens.colorNeutralStroke1),\n ':hover': {\n cursor: 'pointer',\n backgroundColor: tokens.colorSubtleBackgroundHover,\n color: tokens.colorNeutralForeground2Hover,\n [`& .${iconFilledClassName}`]: {\n display: 'inline',\n color: tokens.colorNeutralForeground2BrandHover\n },\n [`& .${iconRegularClassName}`]: {\n display: 'none'\n }\n },\n ':active': {\n backgroundColor: tokens.colorSubtleBackgroundPressed,\n color: tokens.colorNeutralForeground2Pressed,\n [`& .${iconFilledClassName}`]: {\n display: 'inline',\n color: tokens.colorNeutralForeground2BrandPressed\n },\n [`& .${iconRegularClassName}`]: {\n display: 'none'\n }\n },\n '@media (forced-colors: active)': {\n ':hover': {\n backgroundColor: 'HighlightText'\n },\n ':active': {\n backgroundColor: 'HighlightText'\n }\n }\n },\n brand: {\n backgroundColor: tokens.colorBrandBackground2,\n color: tokens.colorBrandForeground2,\n ':hover': {\n cursor: 'pointer',\n backgroundColor: tokens.colorBrandBackground2Hover,\n color: tokens.colorCompoundBrandForeground1Hover\n },\n ':active': {\n backgroundColor: tokens.colorBrandBackground2Pressed,\n color: tokens.colorCompoundBrandForeground1Pressed\n },\n '@media (forced-colors: active)': {\n ':hover': {\n backgroundColor: 'HighlightText'\n },\n ':active': {\n backgroundColor: 'HighlightText'\n }\n }\n },\n medium: {\n paddingRight: '7px'\n },\n small: {\n paddingRight: '5px'\n },\n 'extra-small': {\n paddingRight: '5px'\n }\n});\nconst useRootDisabledAppearances = makeStyles({\n filled: {\n cursor: 'not-allowed',\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n color: tokens.colorNeutralForegroundDisabled,\n ...shorthands.borderColor(tokens.colorTransparentStrokeDisabled)\n },\n outline: {\n cursor: 'not-allowed',\n backgroundColor: tokens.colorSubtleBackground,\n color: tokens.colorNeutralForegroundDisabled,\n ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled)\n },\n brand: {\n cursor: 'not-allowed',\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n color: tokens.colorNeutralForegroundDisabled,\n ...shorthands.borderColor(tokens.colorTransparentStrokeDisabled)\n }\n});\n/**\n * Styles for InteractionTagPrimary without leading media/icon\n */ const useRootWithoutMediaStyles = makeStyles({\n medium: {\n paddingLeft: '7px'\n },\n small: {\n paddingLeft: '5px'\n },\n 'extra-small': {\n paddingLeft: '5px'\n }\n});\n/**\n * Styles for InteractionTagPrimary when InteractionTag has a Secondary button\n */ const useRootWithSecondaryActionStyles = makeStyles({\n base: {\n borderTopRightRadius: tokens.borderRadiusNone,\n borderBottomRightRadius: tokens.borderRadiusNone,\n borderRightStyle: 'none',\n ...createCustomFocusIndicatorStyle({\n borderTopRightRadius: tokens.borderRadiusNone,\n borderBottomRightRadius: tokens.borderRadiusNone\n })\n },\n medium: {\n paddingRight: tokens.spacingHorizontalS\n },\n small: {\n paddingRight: tokens.spacingHorizontalSNudge\n },\n 'extra-small': {\n paddingRight: tokens.spacingHorizontalSNudge\n }\n});\nexport const useInteractionTagPrimaryStyles_unstable = (state)=>{\n const rootRoundedBaseClassName = useRootRoundedBaseClassName();\n const rootCircularBaseClassName = useRootCircularBaseClassName();\n const rootStyles = useRootStyles();\n const rootDisabledAppearances = useRootDisabledAppearances();\n const rootWithoutMediaStyles = useRootWithoutMediaStyles();\n const rootWithSecondaryActionStyles = useRootWithSecondaryActionStyles();\n const iconStyles = useIconStyles();\n const mediaStyles = useMediaStyles();\n const primaryTextStyles = usePrimaryTextStyles();\n const secondaryTextBaseClassName = useSecondaryTextBaseClassName();\n const rootCircularContrastStyles = useRootCircularContrastStyles();\n const { shape, size, appearance } = state;\n state.root.className = mergeClasses(interactionTagPrimaryClassNames.root, shape === 'rounded' ? rootRoundedBaseClassName : rootCircularBaseClassName, shape === 'circular' && !state.hasSecondaryAction && rootCircularContrastStyles.withoutSecondaryAction, state.disabled ? rootDisabledAppearances[appearance] : rootStyles[appearance], rootStyles[size], !state.media && !state.icon && rootWithoutMediaStyles[size], state.hasSecondaryAction && rootWithSecondaryActionStyles.base, state.hasSecondaryAction && rootWithSecondaryActionStyles[size], state.root.className);\n if (state.media) {\n state.media.className = mergeClasses(interactionTagPrimaryClassNames.media, mediaStyles.base, mediaStyles[size], state.media.className);\n }\n if (state.icon) {\n state.icon.className = mergeClasses(interactionTagPrimaryClassNames.icon, iconStyles.base, iconStyles[size], state.icon.className);\n }\n if (state.primaryText) {\n state.primaryText.className = mergeClasses(interactionTagPrimaryClassNames.primaryText, primaryTextStyles.base, primaryTextStyles[size], state.secondaryText ? primaryTextStyles.withSecondaryText : primaryTextStyles.withoutSecondaryText, state.primaryText.className);\n }\n if (state.secondaryText) {\n state.secondaryText.className = mergeClasses(interactionTagPrimaryClassNames.secondaryText, secondaryTextBaseClassName, state.secondaryText.className);\n }\n return state;\n};\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["__resetStyles","__styles","mergeClasses","shorthands","createCustomFocusIndicatorStyle","tokens","iconFilledClassName","iconRegularClassName","useIconStyles","useMediaStyles","usePrimaryTextStyles","useSecondaryTextBaseClassName","interactionTagPrimaryClassNames","root","media","icon","primaryText","secondaryText","baseStyles","color","fontFamily","padding","borderStyle","appearance","textAlign","backgroundColor","display","height","alignItems","gridTemplateAreas","border","strokeWidthThin","colorTransparentStroke","outline","strokeWidthThick","colorStrokeFocus2","zIndex","useRootRoundedBaseClassName","r","s","useRootCircularBaseClassName","useRootCircularContrastStyles","withoutSecondaryAction","Bglfifq","hxi8he","B33s42s","G4pote","gw1m2h","w20ur","Byczuf6","m","p","useRootStyles","filled","De3pzq","sj55zd","eoavqd","Jwef8y","Bi91k9c","ecr2s2","lj723h","Bqrx1nm","kx9iu6","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bk3fhr4","I6i3kg","Bmfj8id","Bnrwwps","weioyw","Bpre390","brand","medium","z189sj","small","d","h","a","useRootDisabledAppearances","Bceei9c","useRootWithoutMediaStyles","uwmqm3","useRootWithSecondaryActionStyles","base","B7oj6ja","Bbmb7ep","vrafjx","B6xbmo0","kdpuga","useInteractionTagPrimaryStyles_unstable","state","rootRoundedBaseClassName","rootCircularBaseClassName","rootStyles","rootDisabledAppearances","rootWithoutMediaStyles","rootWithSecondaryActionStyles","iconStyles","mediaStyles","primaryTextStyles","secondaryTextBaseClassName","rootCircularContrastStyles","shape","size","className","hasSecondaryAction","disabled","withSecondaryText","withoutSecondaryText"],"sources":["useInteractionTagPrimaryStyles.styles.js"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\nimport { useIconStyles, useMediaStyles, usePrimaryTextStyles, useSecondaryTextBaseClassName } from '../Tag/useTagStyles.styles';\nexport const interactionTagPrimaryClassNames = {\n root: 'fui-InteractionTagPrimary',\n media: 'fui-InteractionTagPrimary__media',\n icon: 'fui-InteractionTagPrimary__icon',\n primaryText: 'fui-InteractionTagPrimary__primaryText',\n secondaryText: 'fui-InteractionTagPrimary__secondaryText'\n};\nconst baseStyles = {\n // reset default button style:\n color: 'inherit',\n fontFamily: 'inherit',\n padding: '0px',\n borderStyle: 'none',\n appearance: 'button',\n textAlign: 'unset',\n backgroundColor: 'transparent',\n display: 'inline-grid',\n height: '100%',\n alignItems: 'center',\n gridTemplateAreas: `\n \"media primary \"\n \"media secondary\"\n `,\n border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n ...createCustomFocusIndicatorStyle({\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n zIndex: 1\n })\n};\nconst useRootRoundedBaseClassName = makeResetStyles({\n ...baseStyles,\n borderRadius: tokens.borderRadiusMedium,\n /**\n * Pseudo element to draw the border for windows high contrast mode -\n * when Tag is with secondary text, primary text has negative margin that covers the border.\n */ '@media (forced-colors: active)': {\n position: 'relative',\n '::before': {\n content: '\"\"',\n borderTop: `${tokens.strokeWidthThin} solid`,\n position: 'absolute',\n top: '-1px',\n left: '-1px',\n right: '-1px',\n bottom: '-1px',\n borderTopLeftRadius: tokens.borderRadiusMedium,\n borderTopRightRadius: tokens.borderRadiusMedium\n }\n }\n});\nconst useRootCircularBaseClassName = makeResetStyles({\n ...baseStyles,\n borderRadius: tokens.borderRadiusCircular,\n /**\n * Pseudo element to draw the border for windows high contrast mode -\n * when Tag is with secondary text, primary text has negative margin that covers the border.\n */ '@media (forced-colors: active)': {\n position: 'relative',\n '::before': {\n content: '\"\"',\n borderTop: `${tokens.strokeWidthThin} solid`,\n borderLeft: `${tokens.strokeWidthThin} solid`,\n position: 'absolute',\n top: '-1px',\n left: '-1px',\n right: '-1px',\n bottom: '-1px',\n borderTopLeftRadius: tokens.borderRadiusCircular,\n borderBottomLeftRadius: tokens.borderRadiusCircular\n }\n }\n});\n/**\n * Style override for pseudo element that draws the border for windows high contrast mode\n */ const useRootCircularContrastStyles = makeStyles({\n withoutSecondaryAction: {\n '@media (forced-colors: active)': {\n position: 'relative',\n '::before': {\n borderRight: `${tokens.strokeWidthThin} solid transparent`,\n borderTopRightRadius: tokens.borderRadiusCircular,\n borderBottomRightRadius: tokens.borderRadiusCircular\n }\n }\n }\n});\nconst useRootStyles = makeStyles({\n filled: {\n backgroundColor: tokens.colorNeutralBackground3,\n color: tokens.colorNeutralForeground2,\n ':hover': {\n cursor: 'pointer',\n backgroundColor: tokens.colorNeutralBackground3Hover,\n color: tokens.colorNeutralForeground2Hover\n },\n ':active': {\n backgroundColor: tokens.colorNeutralBackground3Pressed,\n color: tokens.colorNeutralForeground2Pressed\n },\n '@media (forced-colors: active)': {\n ':hover': {\n backgroundColor: 'HighlightText'\n },\n ':active': {\n backgroundColor: 'HighlightText'\n }\n }\n },\n outline: {\n backgroundColor: tokens.colorSubtleBackground,\n color: tokens.colorNeutralForeground2,\n ...shorthands.borderColor(tokens.colorNeutralStroke1),\n ':hover': {\n cursor: 'pointer',\n backgroundColor: tokens.colorSubtleBackgroundHover,\n color: tokens.colorNeutralForeground2Hover,\n [`& .${iconFilledClassName}`]: {\n display: 'inline',\n color: tokens.colorNeutralForeground2BrandHover\n },\n [`& .${iconRegularClassName}`]: {\n display: 'none'\n }\n },\n ':active': {\n backgroundColor: tokens.colorSubtleBackgroundPressed,\n color: tokens.colorNeutralForeground2Pressed,\n [`& .${iconFilledClassName}`]: {\n display: 'inline',\n color: tokens.colorNeutralForeground2BrandPressed\n },\n [`& .${iconRegularClassName}`]: {\n display: 'none'\n }\n },\n '@media (forced-colors: active)': {\n ':hover': {\n backgroundColor: 'HighlightText'\n },\n ':active': {\n backgroundColor: 'HighlightText'\n }\n }\n },\n brand: {\n backgroundColor: tokens.colorBrandBackground2,\n color: tokens.colorBrandForeground2,\n ':hover': {\n cursor: 'pointer',\n backgroundColor: tokens.colorBrandBackground2Hover,\n color: tokens.colorCompoundBrandForeground1Hover\n },\n ':active': {\n backgroundColor: tokens.colorBrandBackground2Pressed,\n color: tokens.colorCompoundBrandForeground1Pressed\n },\n '@media (forced-colors: active)': {\n ':hover': {\n backgroundColor: 'HighlightText'\n },\n ':active': {\n backgroundColor: 'HighlightText'\n }\n }\n },\n medium: {\n paddingRight: '7px'\n },\n small: {\n paddingRight: '5px'\n },\n 'extra-small': {\n paddingRight: '5px'\n }\n});\nconst useRootDisabledAppearances = makeStyles({\n filled: {\n cursor: 'not-allowed',\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n color: tokens.colorNeutralForegroundDisabled,\n ...shorthands.borderColor(tokens.colorTransparentStrokeDisabled)\n },\n outline: {\n cursor: 'not-allowed',\n backgroundColor: tokens.colorSubtleBackground,\n color: tokens.colorNeutralForegroundDisabled,\n ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled)\n },\n brand: {\n cursor: 'not-allowed',\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n color: tokens.colorNeutralForegroundDisabled,\n ...shorthands.borderColor(tokens.colorTransparentStrokeDisabled)\n }\n});\n/**\n * Styles for InteractionTagPrimary without leading media/icon\n */ const useRootWithoutMediaStyles = makeStyles({\n medium: {\n paddingLeft: '7px'\n },\n small: {\n paddingLeft: '5px'\n },\n 'extra-small': {\n paddingLeft: '5px'\n }\n});\n/**\n * Styles for InteractionTagPrimary when InteractionTag has a Secondary button\n */ const useRootWithSecondaryActionStyles = makeStyles({\n base: {\n borderTopRightRadius: tokens.borderRadiusNone,\n borderBottomRightRadius: tokens.borderRadiusNone,\n borderRightStyle: 'none',\n ...createCustomFocusIndicatorStyle({\n borderTopRightRadius: tokens.borderRadiusNone,\n borderBottomRightRadius: tokens.borderRadiusNone\n })\n },\n medium: {\n paddingRight: tokens.spacingHorizontalS\n },\n small: {\n paddingRight: tokens.spacingHorizontalSNudge\n },\n 'extra-small': {\n paddingRight: tokens.spacingHorizontalSNudge\n }\n});\nexport const useInteractionTagPrimaryStyles_unstable = (state)=>{\n 'use no memo';\n const rootRoundedBaseClassName = useRootRoundedBaseClassName();\n const rootCircularBaseClassName = useRootCircularBaseClassName();\n const rootStyles = useRootStyles();\n const rootDisabledAppearances = useRootDisabledAppearances();\n const rootWithoutMediaStyles = useRootWithoutMediaStyles();\n const rootWithSecondaryActionStyles = useRootWithSecondaryActionStyles();\n const iconStyles = useIconStyles();\n const mediaStyles = useMediaStyles();\n const primaryTextStyles = usePrimaryTextStyles();\n const secondaryTextBaseClassName = useSecondaryTextBaseClassName();\n const rootCircularContrastStyles = useRootCircularContrastStyles();\n const { shape, size, appearance } = state;\n state.root.className = mergeClasses(interactionTagPrimaryClassNames.root, shape === 'rounded' ? rootRoundedBaseClassName : rootCircularBaseClassName, shape === 'circular' && !state.hasSecondaryAction && rootCircularContrastStyles.withoutSecondaryAction, state.disabled ? rootDisabledAppearances[appearance] : rootStyles[appearance], rootStyles[size], !state.media && !state.icon && rootWithoutMediaStyles[size], state.hasSecondaryAction && rootWithSecondaryActionStyles.base, state.hasSecondaryAction && rootWithSecondaryActionStyles[size], state.root.className);\n if (state.media) {\n state.media.className = mergeClasses(interactionTagPrimaryClassNames.media, mediaStyles.base, mediaStyles[size], state.media.className);\n }\n if (state.icon) {\n state.icon.className = mergeClasses(interactionTagPrimaryClassNames.icon, iconStyles.base, iconStyles[size], state.icon.className);\n }\n if (state.primaryText) {\n state.primaryText.className = mergeClasses(interactionTagPrimaryClassNames.primaryText, primaryTextStyles.base, primaryTextStyles[size], state.secondaryText ? primaryTextStyles.withSecondaryText : primaryTextStyles.withoutSecondaryText, state.primaryText.className);\n }\n if (state.secondaryText) {\n state.secondaryText.className = mergeClasses(interactionTagPrimaryClassNames.secondaryText, secondaryTextBaseClassName, state.secondaryText.className);\n }\n return state;\n};\n"],"mappings":"AAAA,SAAAA,aAAA,EAAAC,QAAA,EAAsCC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACtF,SAASC,+BAA+B,QAAQ,yBAAyB;AACzE,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,mBAAmB,EAAEC,oBAAoB,QAAQ,uBAAuB;AACjF,SAASC,aAAa,EAAEC,cAAc,EAAEC,oBAAoB,EAAEC,6BAA6B,QAAQ,4BAA4B;AAC/H,OAAO,MAAMC,+BAA+B,GAAG;EAC3CC,IAAI,EAAE,2BAA2B;EACjCC,KAAK,EAAE,kCAAkC;EACzCC,IAAI,EAAE,iCAAiC;EACvCC,WAAW,EAAE,wCAAwC;EACrDC,aAAa,EAAE;AACnB,CAAC;AACD,MAAMC,UAAU,GAAG;EACf;EACAC,KAAK,EAAE,SAAS;EAChBC,UAAU,EAAE,SAAS;EACrBC,OAAO,EAAE,KAAK;EACdC,WAAW,EAAE,MAAM;EACnBC,UAAU,EAAE,QAAQ;EACpBC,SAAS,EAAE,OAAO;EAClBC,eAAe,EAAE,aAAa;EAC9BC,OAAO,EAAE,aAAa;EACtBC,MAAM,EAAE,MAAM;EACdC,UAAU,EAAE,QAAQ;EACpBC,iBAAiB,EAAE;AACvB;AACA;AACA,GAAG;EACCC,MAAM,EAAE,GAAGzB,MAAM,CAAC0B,eAAe,UAAU1B,MAAM,CAAC2B,sBAAsB,EAAE;EAC1E,iBAAG5B,+BAA+B,CAAC;IAC/B6B,OAAO,EAAE,GAAG5B,MAAM,CAAC6B,gBAAgB,UAAU7B,MAAM,CAAC8B,iBAAiB,EAAE;IACvEC,MAAM,EAAE;EACZ,CAAC;AACL,CAAC;AACD,MAAMC,2BAA2B,gBAAGrC,aAAA;EAAAsC,CAAA;EAAAC,CAAA;AAAA,CAoBnC,CAAC;AACF,MAAMC,4BAA4B,gBAAGxC,aAAA;EAAAsC,CAAA;EAAAC,CAAA;AAAA,CAqBpC,CAAC;AACF;AACA;AACA;AAAI,MAAME,6BAA6B,gBAAGxC,QAAA;EAAAyC,sBAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,KAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;IAAAA,CAAA;EAAA;IAAAC,CAAA;IAAAD,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAWzC,CAAC;AACF,MAAME,aAAa,gBAAGnD,QAAA;EAAAoD,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAA7B,OAAA;IAAAqB,MAAA;IAAAC,MAAA;IAAAQ,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAV,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAS,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAV,MAAA;IAAAC,MAAA;IAAAU,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAX,OAAA;IAAAC,MAAA;EAAA;EAAAW,KAAA;IAAAnB,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAY,MAAA;IAAAC,MAAA;EAAA;EAAAC,KAAA;IAAAD,MAAA;EAAA;EAAA;IAAAA,MAAA;EAAA;AAAA;EAAAE,CAAA;EAAAC,CAAA;EAAAC,CAAA;EAAA7B,CAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAwFrB,CAAC;AACF,MAAM8B,0BAA0B,gBAAG/E,QAAA;EAAAoD,MAAA;IAAA4B,OAAA;IAAA3B,MAAA;IAAAC,MAAA;IAAAQ,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAjC,OAAA;IAAAgD,OAAA;IAAA3B,MAAA;IAAAC,MAAA;IAAAQ,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAO,KAAA;IAAAQ,OAAA;IAAA3B,MAAA;IAAAC,MAAA;IAAAQ,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAW,CAAA;AAAA,CAmBlC,CAAC;AACF;AACA;AACA;AAAI,MAAMK,yBAAyB,gBAAGjF,QAAA;EAAAyE,MAAA;IAAAS,MAAA;EAAA;EAAAP,KAAA;IAAAO,MAAA;EAAA;EAAA;IAAAA,MAAA;EAAA;AAAA;EAAAN,CAAA;AAAA,CAUrC,CAAC;AACF;AACA;AACA;AAAI,MAAMO,gCAAgC,gBAAGnF,QAAA;EAAAoF,IAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAhB,MAAA;IAAAC,MAAA;EAAA;EAAAC,KAAA;IAAAD,MAAA;EAAA;EAAA;IAAAA,MAAA;EAAA;AAAA;EAAAE,CAAA;AAAA,CAmB5C,CAAC;AACF,OAAO,MAAMc,uCAAuC,GAAIC,KAAK,IAAG;EAC5D,aAAa;;EACb,MAAMC,wBAAwB,GAAGxD,2BAA2B,CAAC,CAAC;EAC9D,MAAMyD,yBAAyB,GAAGtD,4BAA4B,CAAC,CAAC;EAChE,MAAMuD,UAAU,GAAG3C,aAAa,CAAC,CAAC;EAClC,MAAM4C,uBAAuB,GAAGhB,0BAA0B,CAAC,CAAC;EAC5D,MAAMiB,sBAAsB,GAAGf,yBAAyB,CAAC,CAAC;EAC1D,MAAMgB,6BAA6B,GAAGd,gCAAgC,CAAC,CAAC;EACxE,MAAMe,UAAU,GAAG3F,aAAa,CAAC,CAAC;EAClC,MAAM4F,WAAW,GAAG3F,cAAc,CAAC,CAAC;EACpC,MAAM4F,iBAAiB,GAAG3F,oBAAoB,CAAC,CAAC;EAChD,MAAM4F,0BAA0B,GAAG3F,6BAA6B,CAAC,CAAC;EAClE,MAAM4F,0BAA0B,GAAG9D,6BAA6B,CAAC,CAAC;EAClE,MAAM;IAAE+D,KAAK;IAAEC,IAAI;IAAElF;EAAW,CAAC,GAAGqE,KAAK;EACzCA,KAAK,CAAC/E,IAAI,CAAC6F,SAAS,GAAGxG,YAAY,CAACU,+BAA+B,CAACC,IAAI,EAAE2F,KAAK,KAAK,SAAS,GAAGX,wBAAwB,GAAGC,yBAAyB,EAAEU,KAAK,KAAK,UAAU,IAAI,CAACZ,KAAK,CAACe,kBAAkB,IAAIJ,0BAA0B,CAAC7D,sBAAsB,EAAEkD,KAAK,CAACgB,QAAQ,GAAGZ,uBAAuB,CAACzE,UAAU,CAAC,GAAGwE,UAAU,CAACxE,UAAU,CAAC,EAAEwE,UAAU,CAACU,IAAI,CAAC,EAAE,CAACb,KAAK,CAAC9E,KAAK,IAAI,CAAC8E,KAAK,CAAC7E,IAAI,IAAIkF,sBAAsB,CAACQ,IAAI,CAAC,EAAEb,KAAK,CAACe,kBAAkB,IAAIT,6BAA6B,CAACb,IAAI,EAAEO,KAAK,CAACe,kBAAkB,IAAIT,6BAA6B,CAACO,IAAI,CAAC,EAAEb,KAAK,CAAC/E,IAAI,CAAC6F,SAAS,CAAC;EACljB,IAAId,KAAK,CAAC9E,KAAK,EAAE;IACb8E,KAAK,CAAC9E,KAAK,CAAC4F,SAAS,GAAGxG,YAAY,CAACU,+BAA+B,CAACE,KAAK,EAAEsF,WAAW,CAACf,IAAI,EAAEe,WAAW,CAACK,IAAI,CAAC,EAAEb,KAAK,CAAC9E,KAAK,CAAC4F,SAAS,CAAC;EAC3I;EACA,IAAId,KAAK,CAAC7E,IAAI,EAAE;IACZ6E,KAAK,CAAC7E,IAAI,CAAC2F,SAAS,GAAGxG,YAAY,CAACU,+BAA+B,CAACG,IAAI,EAAEoF,UAAU,CAACd,IAAI,EAAEc,UAAU,CAACM,IAAI,CAAC,EAAEb,KAAK,CAAC7E,IAAI,CAAC2F,SAAS,CAAC;EACtI;EACA,IAAId,KAAK,CAAC5E,WAAW,EAAE;IACnB4E,KAAK,CAAC5E,WAAW,CAAC0F,SAAS,GAAGxG,YAAY,CAACU,+BAA+B,CAACI,WAAW,EAAEqF,iBAAiB,CAAChB,IAAI,EAAEgB,iBAAiB,CAACI,IAAI,CAAC,EAAEb,KAAK,CAAC3E,aAAa,GAAGoF,iBAAiB,CAACQ,iBAAiB,GAAGR,iBAAiB,CAACS,oBAAoB,EAAElB,KAAK,CAAC5E,WAAW,CAAC0F,SAAS,CAAC;EAC7Q;EACA,IAAId,KAAK,CAAC3E,aAAa,EAAE;IACrB2E,KAAK,CAAC3E,aAAa,CAACyF,SAAS,GAAGxG,YAAY,CAACU,+BAA+B,CAACK,aAAa,EAAEqF,0BAA0B,EAAEV,KAAK,CAAC3E,aAAa,CAACyF,SAAS,CAAC;EAC1J;EACA,OAAOd,KAAK;AAChB,CAAC","ignoreList":[]}
package/lib/components/InteractionTagSecondary/useInteractionTagSecondaryStyles.styles.js CHANGED
@@ -112,6 +112,8 @@ const useRootDisabledStyles = /*#__PURE__*/__styles({
112
112
  d: [".fdrzuqr{cursor:not-allowed;}", ".f1bg9a2p{background-color:var(--colorNeutralBackgroundDisabled);}", ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}", ".fgig46g{border-top-color:var(--colorTransparentStrokeDisabled);}", ".f1mxt3zg{border-right-color:var(--colorTransparentStrokeDisabled);}", ".fziff3p{border-left-color:var(--colorTransparentStrokeDisabled);}", ".f250w3l{border-bottom-color:var(--colorTransparentStrokeDisabled);}", ".fy0fskl{border-left-color:var(--colorNeutralStrokeDisabled);}", ".f15xbau{border-right-color:var(--colorNeutralStrokeDisabled);}", ".fhovq9v{background-color:var(--colorSubtleBackground);}", ".f1jj8ep1{border-top-color:var(--colorNeutralStrokeDisabled);}", ".f4ikngz{border-bottom-color:var(--colorNeutralStrokeDisabled);}"]
113
113
  });
114
114
  export const useInteractionTagSecondaryStyles_unstable = state => {
115
+ 'use no memo';
116
+
115
117
  const rootBaseClassName = useRootBaseClassName();
116
118
  const rootStyles = useRootStyles();
117
119
  const rootDisabledStyles = useRootDisabledStyles();
package/lib/components/InteractionTagSecondary/useInteractionTagSecondaryStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["__resetStyles","__styles","mergeClasses","shorthands","createCustomFocusIndicatorStyle","tokens","interactionTagSecondaryClassNames","root","mediumIconSize","smallIconSize","extraSmallIconSize","useRootBaseClassName","useRootStyles","filled","De3pzq","sj55zd","eoavqd","Jwef8y","Bi91k9c","ecr2s2","lj723h","Bqrx1nm","kx9iu6","outline","g2u3we","h3c5rm","B9xav0g","zhjwy3","brand","rounded","B7oj6ja","Bbmb7ep","circular","medium","Be2twd7","uwmqm3","z189sj","small","d","h","a","m","useRootDisabledStyles","Bceei9c","useInteractionTagSecondaryStyles_unstable","state","rootBaseClassName","rootStyles","rootDisabledStyles","shape","size","appearance","className","disabled"],"sources":["useInteractionTagSecondaryStyles.styles.js"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nexport const interactionTagSecondaryClassNames = {\n root: 'fui-InteractionTagSecondary'\n};\nconst mediumIconSize = '20px';\nconst smallIconSize = '16px';\nconst extraSmallIconSize = '12px';\nconst useRootBaseClassName = makeResetStyles({\n // reset default button style:\n color: 'inherit',\n fontFamily: 'inherit',\n padding: '0px',\n borderStyle: 'none',\n appearance: 'button',\n textAlign: 'unset',\n backgroundColor: 'transparent',\n display: 'flex',\n height: '100%',\n alignItems: 'center',\n ...createCustomFocusIndicatorStyle({\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`\n }),\n border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n // divider:\n borderLeftColor: tokens.colorNeutralStroke1,\n borderTopLeftRadius: tokens.borderRadiusNone,\n borderBottomLeftRadius: tokens.borderRadiusNone\n});\nconst useRootStyles = makeStyles({\n filled: {\n backgroundColor: tokens.colorNeutralBackground3,\n color: tokens.colorNeutralForeground2,\n ':hover': {\n cursor: 'pointer',\n backgroundColor: tokens.colorNeutralBackground3Hover,\n color: tokens.colorNeutralForeground2BrandHover\n },\n ':active': {\n backgroundColor: tokens.colorNeutralBackground3Pressed,\n color: tokens.colorNeutralForeground2BrandPressed\n },\n '@media (forced-colors: active)': {\n ':hover': {\n backgroundColor: 'HighlightText'\n },\n ':active': {\n backgroundColor: 'HighlightText'\n }\n }\n },\n outline: {\n backgroundColor: tokens.colorSubtleBackground,\n color: tokens.colorNeutralForeground2,\n ...shorthands.borderColor(tokens.colorNeutralStroke1),\n ':hover': {\n cursor: 'pointer',\n backgroundColor: tokens.colorSubtleBackgroundHover,\n color: tokens.colorNeutralForeground2BrandHover\n },\n ':active': {\n backgroundColor: tokens.colorSubtleBackgroundPressed,\n color: tokens.colorNeutralForeground2BrandPressed\n },\n '@media (forced-colors: active)': {\n ':hover': {\n backgroundColor: 'HighlightText'\n },\n ':active': {\n backgroundColor: 'HighlightText'\n }\n }\n },\n brand: {\n backgroundColor: tokens.colorBrandBackground2,\n color: tokens.colorBrandForeground2,\n borderLeftColor: tokens.colorBrandStroke2,\n ':hover': {\n cursor: 'pointer',\n backgroundColor: tokens.colorBrandBackground2Hover,\n color: tokens.colorCompoundBrandForeground1Hover\n },\n ':active': {\n backgroundColor: tokens.colorBrandBackground2Pressed,\n color: tokens.colorCompoundBrandForeground1Pressed\n },\n '@media (forced-colors: active)': {\n ':hover': {\n backgroundColor: 'HighlightText'\n },\n ':active': {\n backgroundColor: 'HighlightText'\n }\n }\n },\n rounded: {\n borderTopRightRadius: tokens.borderRadiusMedium,\n borderBottomRightRadius: tokens.borderRadiusMedium\n },\n circular: {\n borderTopRightRadius: tokens.borderRadiusCircular,\n borderBottomRightRadius: tokens.borderRadiusCircular\n },\n medium: {\n fontSize: mediumIconSize,\n paddingLeft: '5px',\n paddingRight: '5px'\n },\n small: {\n fontSize: smallIconSize,\n paddingLeft: '3px',\n paddingRight: '3px'\n },\n 'extra-small': {\n fontSize: extraSmallIconSize,\n paddingLeft: '5px',\n paddingRight: '5px'\n }\n});\nconst useRootDisabledStyles = makeStyles({\n filled: {\n cursor: 'not-allowed',\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n color: tokens.colorNeutralForegroundDisabled,\n ...shorthands.borderColor(tokens.colorTransparentStrokeDisabled),\n borderLeftColor: tokens.colorNeutralStrokeDisabled\n },\n outline: {\n cursor: 'not-allowed',\n backgroundColor: tokens.colorSubtleBackground,\n color: tokens.colorNeutralForegroundDisabled,\n ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled)\n },\n brand: {\n cursor: 'not-allowed',\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n color: tokens.colorNeutralForegroundDisabled,\n ...shorthands.borderColor(tokens.colorTransparentStrokeDisabled),\n borderLeftColor: tokens.colorNeutralStrokeDisabled\n }\n});\nexport const useInteractionTagSecondaryStyles_unstable = (state)=>{\n const rootBaseClassName = useRootBaseClassName();\n const rootStyles = useRootStyles();\n const rootDisabledStyles = useRootDisabledStyles();\n const { shape, size, appearance } = state;\n state.root.className = mergeClasses(interactionTagSecondaryClassNames.root, rootBaseClassName, state.disabled ? rootDisabledStyles[appearance] : rootStyles[appearance], rootStyles[shape], rootStyles[size], state.root.className);\n return state;\n};\n"],"mappings":"AAAA,SAAAA,aAAA,EAAAC,QAAA,EAAsCC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACtF,SAASC,+BAA+B,QAAQ,yBAAyB;AACzE,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,iCAAiC,GAAG;EAC7CC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,cAAc,GAAG,MAAM;AAC7B,MAAMC,aAAa,GAAG,MAAM;AAC5B,MAAMC,kBAAkB,GAAG,MAAM;AACjC,MAAMC,oBAAoB,gBAAGX,aAAA,0lCAoB5B,CAAC;AACF,MAAMY,aAAa,gBAAGX,QAAA;EAAAY,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,OAAA;IAAAT,MAAA;IAAAC,MAAA;IAAAS,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAX,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAM,KAAA;IAAAd,MAAA;IAAAC,MAAA;IAAAY,MAAA;IAAAX,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAO,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,QAAA;IAAAF,OAAA;IAAAC,OAAA;EAAA;EAAAE,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,KAAA;IAAAH,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAA;IAAAF,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;AAAA;EAAAE,CAAA;EAAAC,CAAA;EAAAC,CAAA;EAAAC,CAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAyFrB,CAAC;AACF,MAAMC,qBAAqB,gBAAGzC,QAAA;EAAAY,MAAA;IAAA8B,OAAA;IAAA7B,MAAA;IAAAC,MAAA;IAAAS,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAJ,OAAA;IAAAoB,OAAA;IAAA7B,MAAA;IAAAC,MAAA;IAAAS,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,KAAA;IAAAe,OAAA;IAAA7B,MAAA;IAAAC,MAAA;IAAAS,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAW,CAAA;AAAA,CAqB7B,CAAC;AACF,OAAO,MAAMM,yCAAyC,GAAIC,KAAK,IAAG;EAC9D,MAAMC,iBAAiB,GAAGnC,oBAAoB,CAAC,CAAC;EAChD,MAAMoC,UAAU,GAAGnC,aAAa,CAAC,CAAC;EAClC,MAAMoC,kBAAkB,GAAGN,qBAAqB,CAAC,CAAC;EAClD,MAAM;IAAEO,KAAK;IAAEC,IAAI;IAAEC;EAAW,CAAC,GAAGN,KAAK;EACzCA,KAAK,CAACtC,IAAI,CAAC6C,SAAS,GAAGlD,YAAY,CAACI,iCAAiC,CAACC,IAAI,EAAEuC,iBAAiB,EAAED,KAAK,CAACQ,QAAQ,GAAGL,kBAAkB,CAACG,UAAU,CAAC,GAAGJ,UAAU,CAACI,UAAU,CAAC,EAAEJ,UAAU,CAACE,KAAK,CAAC,EAAEF,UAAU,CAACG,IAAI,CAAC,EAAEL,KAAK,CAACtC,IAAI,CAAC6C,SAAS,CAAC;EACnO,OAAOP,KAAK;AAChB,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["__resetStyles","__styles","mergeClasses","shorthands","createCustomFocusIndicatorStyle","tokens","interactionTagSecondaryClassNames","root","mediumIconSize","smallIconSize","extraSmallIconSize","useRootBaseClassName","useRootStyles","filled","De3pzq","sj55zd","eoavqd","Jwef8y","Bi91k9c","ecr2s2","lj723h","Bqrx1nm","kx9iu6","outline","g2u3we","h3c5rm","B9xav0g","zhjwy3","brand","rounded","B7oj6ja","Bbmb7ep","circular","medium","Be2twd7","uwmqm3","z189sj","small","d","h","a","m","useRootDisabledStyles","Bceei9c","useInteractionTagSecondaryStyles_unstable","state","rootBaseClassName","rootStyles","rootDisabledStyles","shape","size","appearance","className","disabled"],"sources":["useInteractionTagSecondaryStyles.styles.js"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nexport const interactionTagSecondaryClassNames = {\n root: 'fui-InteractionTagSecondary'\n};\nconst mediumIconSize = '20px';\nconst smallIconSize = '16px';\nconst extraSmallIconSize = '12px';\nconst useRootBaseClassName = makeResetStyles({\n // reset default button style:\n color: 'inherit',\n fontFamily: 'inherit',\n padding: '0px',\n borderStyle: 'none',\n appearance: 'button',\n textAlign: 'unset',\n backgroundColor: 'transparent',\n display: 'flex',\n height: '100%',\n alignItems: 'center',\n ...createCustomFocusIndicatorStyle({\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`\n }),\n border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n // divider:\n borderLeftColor: tokens.colorNeutralStroke1,\n borderTopLeftRadius: tokens.borderRadiusNone,\n borderBottomLeftRadius: tokens.borderRadiusNone\n});\nconst useRootStyles = makeStyles({\n filled: {\n backgroundColor: tokens.colorNeutralBackground3,\n color: tokens.colorNeutralForeground2,\n ':hover': {\n cursor: 'pointer',\n backgroundColor: tokens.colorNeutralBackground3Hover,\n color: tokens.colorNeutralForeground2BrandHover\n },\n ':active': {\n backgroundColor: tokens.colorNeutralBackground3Pressed,\n color: tokens.colorNeutralForeground2BrandPressed\n },\n '@media (forced-colors: active)': {\n ':hover': {\n backgroundColor: 'HighlightText'\n },\n ':active': {\n backgroundColor: 'HighlightText'\n }\n }\n },\n outline: {\n backgroundColor: tokens.colorSubtleBackground,\n color: tokens.colorNeutralForeground2,\n ...shorthands.borderColor(tokens.colorNeutralStroke1),\n ':hover': {\n cursor: 'pointer',\n backgroundColor: tokens.colorSubtleBackgroundHover,\n color: tokens.colorNeutralForeground2BrandHover\n },\n ':active': {\n backgroundColor: tokens.colorSubtleBackgroundPressed,\n color: tokens.colorNeutralForeground2BrandPressed\n },\n '@media (forced-colors: active)': {\n ':hover': {\n backgroundColor: 'HighlightText'\n },\n ':active': {\n backgroundColor: 'HighlightText'\n }\n }\n },\n brand: {\n backgroundColor: tokens.colorBrandBackground2,\n color: tokens.colorBrandForeground2,\n borderLeftColor: tokens.colorBrandStroke2,\n ':hover': {\n cursor: 'pointer',\n backgroundColor: tokens.colorBrandBackground2Hover,\n color: tokens.colorCompoundBrandForeground1Hover\n },\n ':active': {\n backgroundColor: tokens.colorBrandBackground2Pressed,\n color: tokens.colorCompoundBrandForeground1Pressed\n },\n '@media (forced-colors: active)': {\n ':hover': {\n backgroundColor: 'HighlightText'\n },\n ':active': {\n backgroundColor: 'HighlightText'\n }\n }\n },\n rounded: {\n borderTopRightRadius: tokens.borderRadiusMedium,\n borderBottomRightRadius: tokens.borderRadiusMedium\n },\n circular: {\n borderTopRightRadius: tokens.borderRadiusCircular,\n borderBottomRightRadius: tokens.borderRadiusCircular\n },\n medium: {\n fontSize: mediumIconSize,\n paddingLeft: '5px',\n paddingRight: '5px'\n },\n small: {\n fontSize: smallIconSize,\n paddingLeft: '3px',\n paddingRight: '3px'\n },\n 'extra-small': {\n fontSize: extraSmallIconSize,\n paddingLeft: '5px',\n paddingRight: '5px'\n }\n});\nconst useRootDisabledStyles = makeStyles({\n filled: {\n cursor: 'not-allowed',\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n color: tokens.colorNeutralForegroundDisabled,\n ...shorthands.borderColor(tokens.colorTransparentStrokeDisabled),\n borderLeftColor: tokens.colorNeutralStrokeDisabled\n },\n outline: {\n cursor: 'not-allowed',\n backgroundColor: tokens.colorSubtleBackground,\n color: tokens.colorNeutralForegroundDisabled,\n ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled)\n },\n brand: {\n cursor: 'not-allowed',\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n color: tokens.colorNeutralForegroundDisabled,\n ...shorthands.borderColor(tokens.colorTransparentStrokeDisabled),\n borderLeftColor: tokens.colorNeutralStrokeDisabled\n }\n});\nexport const useInteractionTagSecondaryStyles_unstable = (state)=>{\n 'use no memo';\n const rootBaseClassName = useRootBaseClassName();\n const rootStyles = useRootStyles();\n const rootDisabledStyles = useRootDisabledStyles();\n const { shape, size, appearance } = state;\n state.root.className = mergeClasses(interactionTagSecondaryClassNames.root, rootBaseClassName, state.disabled ? rootDisabledStyles[appearance] : rootStyles[appearance], rootStyles[shape], rootStyles[size], state.root.className);\n return state;\n};\n"],"mappings":"AAAA,SAAAA,aAAA,EAAAC,QAAA,EAAsCC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACtF,SAASC,+BAA+B,QAAQ,yBAAyB;AACzE,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,iCAAiC,GAAG;EAC7CC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,cAAc,GAAG,MAAM;AAC7B,MAAMC,aAAa,GAAG,MAAM;AAC5B,MAAMC,kBAAkB,GAAG,MAAM;AACjC,MAAMC,oBAAoB,gBAAGX,aAAA,0lCAoB5B,CAAC;AACF,MAAMY,aAAa,gBAAGX,QAAA;EAAAY,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,OAAA;IAAAT,MAAA;IAAAC,MAAA;IAAAS,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAX,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAM,KAAA;IAAAd,MAAA;IAAAC,MAAA;IAAAY,MAAA;IAAAX,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAO,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,QAAA;IAAAF,OAAA;IAAAC,OAAA;EAAA;EAAAE,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,KAAA;IAAAH,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAA;IAAAF,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;AAAA;EAAAE,CAAA;EAAAC,CAAA;EAAAC,CAAA;EAAAC,CAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAyFrB,CAAC;AACF,MAAMC,qBAAqB,gBAAGzC,QAAA;EAAAY,MAAA;IAAA8B,OAAA;IAAA7B,MAAA;IAAAC,MAAA;IAAAS,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAJ,OAAA;IAAAoB,OAAA;IAAA7B,MAAA;IAAAC,MAAA;IAAAS,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,KAAA;IAAAe,OAAA;IAAA7B,MAAA;IAAAC,MAAA;IAAAS,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAW,CAAA;AAAA,CAqB7B,CAAC;AACF,OAAO,MAAMM,yCAAyC,GAAIC,KAAK,IAAG;EAC9D,aAAa;;EACb,MAAMC,iBAAiB,GAAGnC,oBAAoB,CAAC,CAAC;EAChD,MAAMoC,UAAU,GAAGnC,aAAa,CAAC,CAAC;EAClC,MAAMoC,kBAAkB,GAAGN,qBAAqB,CAAC,CAAC;EAClD,MAAM;IAAEO,KAAK;IAAEC,IAAI;IAAEC;EAAW,CAAC,GAAGN,KAAK;EACzCA,KAAK,CAACtC,IAAI,CAAC6C,SAAS,GAAGlD,YAAY,CAACI,iCAAiC,CAACC,IAAI,EAAEuC,iBAAiB,EAAED,KAAK,CAACQ,QAAQ,GAAGL,kBAAkB,CAACG,UAAU,CAAC,GAAGJ,UAAU,CAACI,UAAU,CAAC,EAAEJ,UAAU,CAACE,KAAK,CAAC,EAAEF,UAAU,CAACG,IAAI,CAAC,EAAEL,KAAK,CAACtC,IAAI,CAAC6C,SAAS,CAAC;EACnO,OAAOP,KAAK;AAChB,CAAC","ignoreList":[]}
package/lib/components/Tag/useTagStyles.styles.js CHANGED
@@ -295,6 +295,8 @@ export const useSecondaryTextBaseClassName = /*#__PURE__*/__resetStyles("r7hv1ps
295
295
  * Apply styling to the Tag slots based on the state
296
296
  */
297
297
  export const useTagStyles_unstable = state => {
298
+ 'use no memo';
299
+
298
300
  const rootRoundedBaseClassName = useRootRoundedBaseClassName();
299
301
  const rootCircularBaseClassName = useRootCircularBaseClassName();
300
302
  const rootStyles = useRootStyles();