@fluentui/react-tag-picker 9.0.3 → 9.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (25) hide show
  1. package/CHANGELOG.md +36 -2
  2. package/dist/index.d.ts +18 -2
  3. package/lib/components/TagPickerButton/useTagPickerButtonStyles.styles.js +135 -69
  4. package/lib/components/TagPickerButton/useTagPickerButtonStyles.styles.js.map +1 -1
  5. package/lib/components/TagPickerControl/useTagPickerControlStyles.styles.js +90 -54
  6. package/lib/components/TagPickerControl/useTagPickerControlStyles.styles.js.map +1 -1
  7. package/lib/components/TagPickerGroup/useTagPickerGroupStyles.styles.js +38 -20
  8. package/lib/components/TagPickerGroup/useTagPickerGroupStyles.styles.js.map +1 -1
  9. package/lib/components/TagPickerInput/useTagPickerInputStyles.styles.js +24 -15
  10. package/lib/components/TagPickerInput/useTagPickerInputStyles.styles.js.map +1 -1
  11. package/lib/components/TagPickerList/useTagPickerListStyles.styles.js +9 -6
  12. package/lib/components/TagPickerList/useTagPickerListStyles.styles.js.map +1 -1
  13. package/lib/components/TagPickerOption/TagPickerOption.types.js.map +1 -1
  14. package/lib/components/TagPickerOption/useTagPickerOption.js.map +1 -1
  15. package/lib-commonjs/components/TagPickerButton/useTagPickerButtonStyles.styles.js +200 -218
  16. package/lib-commonjs/components/TagPickerButton/useTagPickerButtonStyles.styles.js.map +1 -1
  17. package/lib-commonjs/components/TagPickerControl/useTagPickerControlStyles.styles.js +121 -169
  18. package/lib-commonjs/components/TagPickerControl/useTagPickerControlStyles.styles.js.map +1 -1
  19. package/lib-commonjs/components/TagPickerGroup/useTagPickerGroupStyles.styles.js +60 -46
  20. package/lib-commonjs/components/TagPickerGroup/useTagPickerGroupStyles.styles.js.map +1 -1
  21. package/lib-commonjs/components/TagPickerInput/useTagPickerInputStyles.styles.js +40 -51
  22. package/lib-commonjs/components/TagPickerInput/useTagPickerInputStyles.styles.js.map +1 -1
  23. package/lib-commonjs/components/TagPickerList/useTagPickerListStyles.styles.js +11 -20
  24. package/lib-commonjs/components/TagPickerList/useTagPickerListStyles.styles.js.map +1 -1
  25. package/package.json +11 -11
package/CHANGELOG.md CHANGED
@@ -1,12 +1,46 @@
1
1
  # Change Log - @fluentui/react-tag-picker
2
2
 
3
- This log was last generated on Mon, 20 May 2024 12:36:42 GMT and should not be manually modified.
3
+ This log was last generated on Thu, 06 Jun 2024 15:22:22 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.1.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-tag-picker_v9.1.0)
8
+
9
+ Thu, 06 Jun 2024 15:22:22 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tag-picker_v9.0.4..@fluentui/react-tag-picker_v9.1.0)
11
+
12
+ ### Minor changes
13
+
14
+ - feat: adds text property to TagPickerOption ([PR #31474](https://github.com/microsoft/fluentui/pull/31474) by bernardo.sunderhus@gmail.com)
15
+ - Bump @fluentui/react-jsx-runtime to v9.0.39 ([PR #31586](https://github.com/microsoft/fluentui/pull/31586) by beachball)
16
+ - Bump @fluentui/react-utilities to v9.18.10 ([PR #31586](https://github.com/microsoft/fluentui/pull/31586) by beachball)
17
+ - Bump @fluentui/react-portal to v9.4.27 ([PR #31586](https://github.com/microsoft/fluentui/pull/31586) by beachball)
18
+ - Bump @fluentui/react-tabster to v9.21.5 ([PR #31586](https://github.com/microsoft/fluentui/pull/31586) by beachball)
19
+ - Bump @fluentui/react-aria to v9.12.0 ([PR #31586](https://github.com/microsoft/fluentui/pull/31586) by beachball)
20
+ - Bump @fluentui/react-combobox to v9.11.7 ([PR #31586](https://github.com/microsoft/fluentui/pull/31586) by beachball)
21
+ - Bump @fluentui/react-tags to v9.3.8 ([PR #31586](https://github.com/microsoft/fluentui/pull/31586) by beachball)
22
+ - Bump @fluentui/react-context-selector to v9.1.61 ([PR #31586](https://github.com/microsoft/fluentui/pull/31586) by beachball)
23
+ - Bump @fluentui/react-positioning to v9.15.3 ([PR #31586](https://github.com/microsoft/fluentui/pull/31586) by beachball)
24
+ - Bump @fluentui/react-field to v9.1.67 ([PR #31586](https://github.com/microsoft/fluentui/pull/31586) by beachball)
25
+
26
+ ## [9.0.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-tag-picker_v9.0.4)
27
+
28
+ Thu, 23 May 2024 08:02:49 GMT
29
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tag-picker_v9.0.3..@fluentui/react-tag-picker_v9.0.4)
30
+
31
+ ### Patches
32
+
33
+ - chore: replace usage of .shorthands() in styles ([PR #31432](https://github.com/microsoft/fluentui/pull/31432) by olfedias@microsoft.com)
34
+ - Bump @fluentui/react-portal to v9.4.26 ([commit](https://github.com/microsoft/fluentui/commit/03599d609e8310b08c57d1f871cffbf717d79207) by beachball)
35
+ - Bump @fluentui/react-tabster to v9.21.4 ([commit](https://github.com/microsoft/fluentui/commit/03599d609e8310b08c57d1f871cffbf717d79207) by beachball)
36
+ - Bump @fluentui/react-aria to v9.11.4 ([commit](https://github.com/microsoft/fluentui/commit/03599d609e8310b08c57d1f871cffbf717d79207) by beachball)
37
+ - Bump @fluentui/react-combobox to v9.11.6 ([commit](https://github.com/microsoft/fluentui/commit/03599d609e8310b08c57d1f871cffbf717d79207) by beachball)
38
+ - Bump @fluentui/react-tags to v9.3.7 ([commit](https://github.com/microsoft/fluentui/commit/03599d609e8310b08c57d1f871cffbf717d79207) by beachball)
39
+ - Bump @fluentui/react-positioning to v9.15.2 ([commit](https://github.com/microsoft/fluentui/commit/03599d609e8310b08c57d1f871cffbf717d79207) by beachball)
40
+
7
41
  ## [9.0.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-tag-picker_v9.0.3)
8
42
 
9
- Mon, 20 May 2024 12:36:42 GMT
43
+ Mon, 20 May 2024 12:45:06 GMT
10
44
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tag-picker_v9.0.2..@fluentui/react-tag-picker_v9.0.3)
11
45
 
12
46
  ### Patches
package/dist/index.d.ts CHANGED
@@ -266,9 +266,25 @@ export declare type TagPickerOptionGroupState = OptionGroupState;
266
266
  * TagPickerOption Props
267
267
  */
268
268
  export declare type TagPickerOptionProps = ComponentProps<TagPickerOptionSlots> & {
269
- children: React_2.ReactNode;
270
269
  value: string;
271
- };
270
+ } & ({
271
+ /**
272
+ * An optional override the string value of the Option's display text,
273
+ * defaulting to the Option's child content.
274
+ * This is used as the Dropdown button's or Combobox input's value when the option is selected,
275
+ * and as the comparison for type-to-find keyboard functionality.
276
+ */
277
+ text?: string;
278
+ children: string;
279
+ } | {
280
+ /**
281
+ * The string value of the Option's display text when the Option's children are not a string.
282
+ * This is used as the Dropdown button's or Combobox input's value when the option is selected,
283
+ * and as the comparison for type-to-find keyboard functionality.
284
+ */
285
+ text: string;
286
+ children?: React_2.ReactNode;
287
+ });
272
288
 
273
289
  export declare type TagPickerOptionSlots = Pick<OptionSlots, 'root'> & {
274
290
  media?: Slot<'div'>;
@@ -11,10 +11,23 @@ const useStyles = /*#__PURE__*/__styles({
11
11
  Bt984gj: "f122n59",
12
12
  sshi5w: "f1nxs5xn",
13
13
  De3pzq: "f1c21dwh",
14
- B4j52fo: "fre7gi1",
15
- Bekrc4i: ["f1358rze", "f1rvrf73"],
16
- Bn0qgzm: "fqdk4by",
17
- ibv6hh: ["f1rvrf73", "f1358rze"],
14
+ Bgfg5da: 0,
15
+ B9xav0g: 0,
16
+ oivjwe: 0,
17
+ Bn0qgzm: 0,
18
+ B4g9neb: 0,
19
+ zhjwy3: 0,
20
+ wvpqe5: 0,
21
+ ibv6hh: 0,
22
+ u1mtju: 0,
23
+ h3c5rm: 0,
24
+ vrafjx: 0,
25
+ Bekrc4i: 0,
26
+ i8vvqc: 0,
27
+ g2u3we: 0,
28
+ icvyot: 0,
29
+ B4j52fo: 0,
30
+ irswps: "f3bhgqh",
18
31
  B7ck84d: "f1ewtqcl",
19
32
  sj55zd: "f19n0e5",
20
33
  i8kkvl: "f14mj54c",
@@ -32,20 +45,22 @@ const useStyles = /*#__PURE__*/__styles({
32
45
  Be2twd7: "fy9rknc",
33
46
  Bhrd7zp: "figsok6",
34
47
  Bg96gwp: "fwrc4pm",
35
- z8tnut: "f1khb0e9",
36
- z189sj: ["fdw0yi8", "fk8j09s"],
37
- Byoj8tv: "f1jnq6q7",
38
- uwmqm3: ["f1xile11", "fqznh8f"]
48
+ Byoj8tv: 0,
49
+ uwmqm3: 0,
50
+ z189sj: 0,
51
+ z8tnut: 0,
52
+ B0ocmuz: ["fye6m5k", "f3cq2dl"]
39
53
  },
40
54
  large: {
41
55
  Bahqtrf: "fk6fouc",
42
56
  Be2twd7: "fkhj508",
43
57
  Bhrd7zp: "figsok6",
44
58
  Bg96gwp: "f1i3iumi",
45
- z8tnut: "f1sbtcvk",
46
- z189sj: ["f11gcy0p", "f1ng84yb"],
47
- Byoj8tv: "fdghr9",
48
- uwmqm3: ["f1e60jzv", "f135dnwl"]
59
+ Byoj8tv: 0,
60
+ uwmqm3: 0,
61
+ z189sj: 0,
62
+ z8tnut: 0,
63
+ B0ocmuz: ["f14ev680", "f58uxzw"]
49
64
  },
50
65
  "extra-large": {
51
66
  i8kkvl: "f1rjii52",
@@ -53,25 +68,31 @@ const useStyles = /*#__PURE__*/__styles({
53
68
  Be2twd7: "fod5ikn",
54
69
  Bhrd7zp: "figsok6",
55
70
  Bg96gwp: "faaz57k",
56
- z8tnut: "f1a1bwwz",
57
- z189sj: ["fw5db7e", "f1uw59to"],
58
- Byoj8tv: "fy7v416",
59
- uwmqm3: ["fnphzt9", "flt1dlf"]
71
+ Byoj8tv: 0,
72
+ uwmqm3: 0,
73
+ z189sj: 0,
74
+ z8tnut: 0,
75
+ B0ocmuz: ["f139mn7i", "f1v3q0m"]
60
76
  },
61
77
  outline: {
62
78
  De3pzq: "fxugw4r",
63
- B4j52fo: "f192inf7",
64
- Bekrc4i: ["f5tn483", "f1ojsxk5"],
65
- Bn0qgzm: "f1vxd6vx",
66
- ibv6hh: ["f1ojsxk5", "f5tn483"],
67
- icvyot: "fzkkow9",
68
- vrafjx: ["fcdblym", "fjik90z"],
69
- oivjwe: "fg706s2",
70
- wvpqe5: ["fjik90z", "fcdblym"],
71
- g2u3we: "fj3muxo",
72
- h3c5rm: ["f1akhkt", "f1lxtadh"],
79
+ Bgfg5da: 0,
73
80
  B9xav0g: "f1c1zstj",
74
- zhjwy3: ["f1lxtadh", "f1akhkt"]
81
+ oivjwe: 0,
82
+ Bn0qgzm: 0,
83
+ B4g9neb: 0,
84
+ zhjwy3: 0,
85
+ wvpqe5: 0,
86
+ ibv6hh: 0,
87
+ u1mtju: 0,
88
+ h3c5rm: 0,
89
+ vrafjx: 0,
90
+ Bekrc4i: 0,
91
+ i8vvqc: 0,
92
+ g2u3we: 0,
93
+ icvyot: 0,
94
+ B4j52fo: 0,
95
+ irswps: "fhz96rm"
75
96
  },
76
97
  outlineInteractive: {
77
98
  Bgoe8wy: "fvcxoqz",
@@ -85,43 +106,55 @@ const useStyles = /*#__PURE__*/__styles({
85
106
  },
86
107
  underline: {
87
108
  De3pzq: "f1c21dwh",
88
- Bn0qgzm: "f1vxd6vx",
89
- oivjwe: "fg706s2",
90
- B9xav0g: "f1c1zstj",
91
- Bbmb7ep: ["f1krrbdw", "f1deotkl"],
92
- Beyfa6y: ["f1deotkl", "f1krrbdw"],
93
- B7oj6ja: ["f10ostut", "f1ozlkrg"],
94
- Btl43ni: ["f1ozlkrg", "f10ostut"]
109
+ B9xav0g: 0,
110
+ oivjwe: 0,
111
+ Bn0qgzm: 0,
112
+ Bgfg5da: "f9ez7ne",
113
+ Beyfa6y: 0,
114
+ Bbmb7ep: 0,
115
+ Btl43ni: 0,
116
+ B7oj6ja: 0,
117
+ Dimara: "fokr779"
95
118
  },
96
119
  "filled-lighter": {
97
120
  De3pzq: "fxugw4r",
98
- B4j52fo: "f192inf7",
99
- Bekrc4i: ["f5tn483", "f1ojsxk5"],
100
- Bn0qgzm: "f1vxd6vx",
101
- ibv6hh: ["f1ojsxk5", "f5tn483"],
102
- icvyot: "fzkkow9",
103
- vrafjx: ["fcdblym", "fjik90z"],
104
- oivjwe: "fg706s2",
105
- wvpqe5: ["fjik90z", "fcdblym"],
106
- g2u3we: "f1p3nwhy",
107
- h3c5rm: ["f11589ue", "f1pdflbu"],
108
- B9xav0g: "f1q5o8ev",
109
- zhjwy3: ["f1pdflbu", "f11589ue"]
121
+ Bgfg5da: 0,
122
+ B9xav0g: 0,
123
+ oivjwe: 0,
124
+ Bn0qgzm: 0,
125
+ B4g9neb: 0,
126
+ zhjwy3: 0,
127
+ wvpqe5: 0,
128
+ ibv6hh: 0,
129
+ u1mtju: 0,
130
+ h3c5rm: 0,
131
+ vrafjx: 0,
132
+ Bekrc4i: 0,
133
+ i8vvqc: 0,
134
+ g2u3we: 0,
135
+ icvyot: 0,
136
+ B4j52fo: 0,
137
+ irswps: "fs2rfia"
110
138
  },
111
139
  "filled-darker": {
112
140
  De3pzq: "f16xq7d1",
113
- B4j52fo: "f192inf7",
114
- Bekrc4i: ["f5tn483", "f1ojsxk5"],
115
- Bn0qgzm: "f1vxd6vx",
116
- ibv6hh: ["f1ojsxk5", "f5tn483"],
117
- icvyot: "fzkkow9",
118
- vrafjx: ["fcdblym", "fjik90z"],
119
- oivjwe: "fg706s2",
120
- wvpqe5: ["fjik90z", "fcdblym"],
121
- g2u3we: "f1p3nwhy",
122
- h3c5rm: ["f11589ue", "f1pdflbu"],
123
- B9xav0g: "f1q5o8ev",
124
- zhjwy3: ["f1pdflbu", "f11589ue"]
141
+ Bgfg5da: 0,
142
+ B9xav0g: 0,
143
+ oivjwe: 0,
144
+ Bn0qgzm: 0,
145
+ B4g9neb: 0,
146
+ zhjwy3: 0,
147
+ wvpqe5: 0,
148
+ ibv6hh: 0,
149
+ u1mtju: 0,
150
+ h3c5rm: 0,
151
+ vrafjx: 0,
152
+ Bekrc4i: 0,
153
+ i8vvqc: 0,
154
+ g2u3we: 0,
155
+ icvyot: 0,
156
+ B4j52fo: 0,
157
+ irswps: "fs2rfia"
125
158
  },
126
159
  invalid: {
127
160
  tvckwq: "fs4k3qj",
@@ -154,21 +187,54 @@ const useStyles = /*#__PURE__*/__styles({
154
187
  visuallyHidden: {
155
188
  Bh84pgu: "f1ekcaio",
156
189
  Bqenvij: "f1mpe4l3",
157
- B6of3ja: "fkrn0sh",
158
- t21cq0: ["f179hvsh", "f1538868"],
159
- jrapky: "fmxx68s",
160
- Frg6f3: ["f1538868", "f179hvsh"],
161
- B68tc82: "f1p9o1ba",
162
- Bmxbyg5: "f1sil6mw",
163
- z8tnut: "f1nbblvp",
164
- z189sj: ["fifp7yv", "f1asdtw4"],
165
- Byoj8tv: "f1ov4xf1",
166
- uwmqm3: ["f1asdtw4", "fifp7yv"],
190
+ jrapky: 0,
191
+ Frg6f3: 0,
192
+ t21cq0: 0,
193
+ B6of3ja: 0,
194
+ B74szlk: "f1jlpb2r",
195
+ B68tc82: 0,
196
+ Bmxbyg5: 0,
197
+ Bpg54ce: "f1a3p1vp",
198
+ Byoj8tv: 0,
199
+ uwmqm3: 0,
200
+ z189sj: 0,
201
+ z8tnut: 0,
202
+ B0ocmuz: "f1c5fvqg",
167
203
  a9b677: "frkrog8",
168
204
  qhf8xq: "f1euv43f"
169
205
  }
170
206
  }, {
171
- d: [".f122n59{align-items:center;}", ".f1nxs5xn{min-height:32px;}", ".f1c21dwh{background-color:var(--colorTransparentBackground);}", ".fre7gi1{border-top-width:0;}", ".f1358rze{border-right-width:0;}", ".f1rvrf73{border-left-width:0;}", ".fqdk4by{border-bottom-width:0;}", ".f1ewtqcl{box-sizing:border-box;}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".f14mj54c{column-gap:var(--spacingHorizontalXXS);}", ".f1k6fduh{cursor:pointer;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".f1o700av{text-align:left;}", ".fes3tcz{text-align:right;}", ".fqerorx{flex-grow:1;}", ".fxc4j92{color:var(--colorNeutralForeground4);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".f1khb0e9{padding-top:3px;}", ".fdw0yi8{padding-right:var(--spacingHorizontalSNudge);}", ".fk8j09s{padding-left:var(--spacingHorizontalSNudge);}", ".f1jnq6q7{padding-bottom:3px;}", ".f1xile11{padding-left:calc(var(--spacingHorizontalSNudge) + var(--spacingHorizontalXXS));}", ".fqznh8f{padding-right:calc(var(--spacingHorizontalSNudge) + var(--spacingHorizontalXXS));}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".f1sbtcvk{padding-top:5px;}", ".f11gcy0p{padding-right:var(--spacingHorizontalMNudge);}", ".f1ng84yb{padding-left:var(--spacingHorizontalMNudge);}", ".fdghr9{padding-bottom:5px;}", ".f1e60jzv{padding-left:calc(var(--spacingHorizontalMNudge) + var(--spacingHorizontalXXS));}", ".f135dnwl{padding-right:calc(var(--spacingHorizontalMNudge) + var(--spacingHorizontalXXS));}", ".f1rjii52{column-gap:var(--spacingHorizontalSNudge);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".faaz57k{line-height:var(--lineHeightBase400);}", ".f1a1bwwz{padding-top:7px;}", ".fw5db7e{padding-right:var(--spacingHorizontalM);}", ".f1uw59to{padding-left:var(--spacingHorizontalM);}", ".fy7v416{padding-bottom:7px;}", ".fnphzt9{padding-left:calc(var(--spacingHorizontalM) + var(--spacingHorizontalSNudge));}", ".flt1dlf{padding-right:calc(var(--spacingHorizontalM) + var(--spacingHorizontalSNudge));}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".f192inf7{border-top-width:var(--strokeWidthThin);}", ".f5tn483{border-right-width:var(--strokeWidthThin);}", ".f1ojsxk5{border-left-width:var(--strokeWidthThin);}", ".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".fj3muxo{border-top-color:var(--colorNeutralStroke1);}", ".f1akhkt{border-right-color:var(--colorNeutralStroke1);}", ".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}", ".f1c1zstj{border-bottom-color:var(--colorNeutralStrokeAccessible);}", ".f1krrbdw{border-bottom-right-radius:0;}", ".f1deotkl{border-bottom-left-radius:0;}", ".f10ostut{border-top-right-radius:0;}", ".f1ozlkrg{border-top-left-radius:0;}", ".f1p3nwhy{border-top-color:transparent;}", ".f11589ue{border-right-color:transparent;}", ".f1pdflbu{border-left-color:transparent;}", ".f1q5o8ev{border-bottom-color:transparent;}", ".f16xq7d1{background-color:var(--colorNeutralBackground3);}", ".fs4k3qj:not(:focus-within),.fs4k3qj:hover:not(:focus-within){border-top-color:var(--colorPaletteRedBorder2);}", ".fcee079:not(:focus-within),.fcee079:hover:not(:focus-within){border-right-color:var(--colorPaletteRedBorder2);}", ".fmyw78r:not(:focus-within),.fmyw78r:hover:not(:focus-within){border-left-color:var(--colorPaletteRedBorder2);}", ".f1fgmyf4:not(:focus-within),.f1fgmyf4:hover:not(:focus-within){border-bottom-color:var(--colorPaletteRedBorder2);}", ".fdrzuqr{cursor:not-allowed;}", ".f1jj8ep1{border-top-color:var(--colorNeutralStrokeDisabled);}", ".f15xbau{border-right-color:var(--colorNeutralStrokeDisabled);}", ".fy0fskl{border-left-color:var(--colorNeutralStrokeDisabled);}", ".f4ikngz{border-bottom-color:var(--colorNeutralStrokeDisabled);}", ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}", ".fjseox{display:none;}", ".f1ekcaio{clip:rect(0px, 0px, 0px, 0px);}", ".f1mpe4l3{height:1px;}", ".fkrn0sh{margin-top:-1px;}", ".f179hvsh{margin-right:-1px;}", ".f1538868{margin-left:-1px;}", ".fmxx68s{margin-bottom:-1px;}", ".f1p9o1ba{overflow-x:hidden;}", ".f1sil6mw{overflow-y:hidden;}", ".f1nbblvp{padding-top:0px;}", ".fifp7yv{padding-right:0px;}", ".f1asdtw4{padding-left:0px;}", ".f1ov4xf1{padding-bottom:0px;}", ".frkrog8{width:1px;}", ".f1euv43f{position:absolute;}"],
207
+ d: [".f122n59{align-items:center;}", ".f1nxs5xn{min-height:32px;}", ".f1c21dwh{background-color:var(--colorTransparentBackground);}", [".f3bhgqh{border:none;}", {
208
+ p: -2
209
+ }], ".f1ewtqcl{box-sizing:border-box;}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".f14mj54c{column-gap:var(--spacingHorizontalXXS);}", ".f1k6fduh{cursor:pointer;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".f1o700av{text-align:left;}", ".fes3tcz{text-align:right;}", ".fqerorx{flex-grow:1;}", ".fxc4j92{color:var(--colorNeutralForeground4);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", [".fye6m5k{padding:3px var(--spacingHorizontalSNudge) 3px calc(var(--spacingHorizontalSNudge) + var(--spacingHorizontalXXS));}", {
210
+ p: -1
211
+ }], [".f3cq2dl{padding:3px calc(var(--spacingHorizontalSNudge) + var(--spacingHorizontalXXS)) 3px var(--spacingHorizontalSNudge);}", {
212
+ p: -1
213
+ }], ".fkhj508{font-size:var(--fontSizeBase300);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", [".f14ev680{padding:5px var(--spacingHorizontalMNudge) 5px calc(var(--spacingHorizontalMNudge) + var(--spacingHorizontalXXS));}", {
214
+ p: -1
215
+ }], [".f58uxzw{padding:5px calc(var(--spacingHorizontalMNudge) + var(--spacingHorizontalXXS)) 5px var(--spacingHorizontalMNudge);}", {
216
+ p: -1
217
+ }], ".f1rjii52{column-gap:var(--spacingHorizontalSNudge);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".faaz57k{line-height:var(--lineHeightBase400);}", [".f139mn7i{padding:7px var(--spacingHorizontalM) 7px calc(var(--spacingHorizontalM) + var(--spacingHorizontalSNudge));}", {
218
+ p: -1
219
+ }], [".f1v3q0m{padding:7px calc(var(--spacingHorizontalM) + var(--spacingHorizontalSNudge)) 7px var(--spacingHorizontalM);}", {
220
+ p: -1
221
+ }], ".fxugw4r{background-color:var(--colorNeutralBackground1);}", [".fhz96rm{border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);}", {
222
+ p: -2
223
+ }], ".f1c1zstj{border-bottom-color:var(--colorNeutralStrokeAccessible);}", [".f9ez7ne{border-bottom:var(--strokeWidthThin) solid var(--colorNeutralStrokeAccessible);}", {
224
+ p: -1
225
+ }], [".fokr779{border-radius:0;}", {
226
+ p: -1
227
+ }], [".fs2rfia{border:var(--strokeWidthThin) solid transparent;}", {
228
+ p: -2
229
+ }], ".f16xq7d1{background-color:var(--colorNeutralBackground3);}", [".fs2rfia{border:var(--strokeWidthThin) solid transparent;}", {
230
+ p: -2
231
+ }], ".fs4k3qj:not(:focus-within),.fs4k3qj:hover:not(:focus-within){border-top-color:var(--colorPaletteRedBorder2);}", ".fcee079:not(:focus-within),.fcee079:hover:not(:focus-within){border-right-color:var(--colorPaletteRedBorder2);}", ".fmyw78r:not(:focus-within),.fmyw78r:hover:not(:focus-within){border-left-color:var(--colorPaletteRedBorder2);}", ".f1fgmyf4:not(:focus-within),.f1fgmyf4:hover:not(:focus-within){border-bottom-color:var(--colorPaletteRedBorder2);}", ".fdrzuqr{cursor:not-allowed;}", ".f1jj8ep1{border-top-color:var(--colorNeutralStrokeDisabled);}", ".f15xbau{border-right-color:var(--colorNeutralStrokeDisabled);}", ".fy0fskl{border-left-color:var(--colorNeutralStrokeDisabled);}", ".f4ikngz{border-bottom-color:var(--colorNeutralStrokeDisabled);}", ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}", ".fjseox{display:none;}", ".f1ekcaio{clip:rect(0px, 0px, 0px, 0px);}", ".f1mpe4l3{height:1px;}", [".f1jlpb2r{margin:-1px;}", {
232
+ p: -1
233
+ }], [".f1a3p1vp{overflow:hidden;}", {
234
+ p: -1
235
+ }], [".f1c5fvqg{padding:0px;}", {
236
+ p: -1
237
+ }], ".frkrog8{width:1px;}", ".f1euv43f{position:absolute;}"],
172
238
  f: [".ftqa4ok:focus{outline-style:none;}"],
173
239
  h: [".fvcxoqz:hover{border-top-color:var(--colorNeutralStroke1Hover);}", ".f1ub3y4t:hover{border-right-color:var(--colorNeutralStroke1Hover);}", ".f1m52nbi:hover{border-left-color:var(--colorNeutralStroke1Hover);}", ".flmw63s:hover{border-bottom-color:var(--colorNeutralStrokeAccessible);}"],
174
240
  a: [".fvs00aa:active{border-top-color:var(--colorNeutralStroke1Pressed);}", ".f1assf6x:active{border-right-color:var(--colorNeutralStroke1Pressed);}", ".f4ruux4:active{border-left-color:var(--colorNeutralStroke1Pressed);}", ".fqhmt4z:active{border-bottom-color:var(--colorNeutralStrokeAccessible);}"],
@@ -1 +1 @@
1
- {"version":3,"names":["__styles","mergeClasses","shorthands","tokens","typographyStyles","tagPickerButtonClassNames","root","useStyles","button","Bt984gj","sshi5w","De3pzq","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","B7ck84d","sj55zd","i8kkvl","Bceei9c","Bahqtrf","fsow6f","Bh6795r","Brovlpu","placeholder","medium","Be2twd7","Bhrd7zp","Bg96gwp","z8tnut","z189sj","Byoj8tv","uwmqm3","large","outline","icvyot","vrafjx","oivjwe","wvpqe5","g2u3we","h3c5rm","B9xav0g","zhjwy3","outlineInteractive","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","B6oc9vd","ak43y8","wmxk5l","B50zh58","underline","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","invalid","tvckwq","gk2u95","hhx65j","Bxowmz0","invalidUnderline","disabled","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","disabledText","hidden","mc9l5x","visuallyHidden","Bh84pgu","Bqenvij","B6of3ja","t21cq0","jrapky","Frg6f3","B68tc82","Bmxbyg5","a9b677","qhf8xq","d","f","h","a","m","useTagPickerButtonStyles_unstable","state","styles","className","size","hasSelectedOption"],"sources":["useTagPickerButtonStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const tagPickerButtonClassNames = {\n root: 'fui-TagPickerButton'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n button: {\n alignItems: 'center',\n minHeight: '32px',\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.border('0'),\n boxSizing: 'border-box',\n color: tokens.colorNeutralForeground1,\n columnGap: tokens.spacingHorizontalXXS,\n cursor: 'pointer',\n fontFamily: tokens.fontFamilyBase,\n textAlign: 'left',\n flexGrow: 1,\n '&:focus': {\n outlineStyle: 'none'\n }\n },\n placeholder: {\n color: tokens.colorNeutralForeground4\n },\n // size variants\n medium: {\n ...typographyStyles.caption1,\n ...shorthands.padding('3px', tokens.spacingHorizontalSNudge, '3px', `calc(${tokens.spacingHorizontalSNudge} + ${tokens.spacingHorizontalXXS})`)\n },\n large: {\n ...typographyStyles.body1,\n ...shorthands.padding('5px', tokens.spacingHorizontalMNudge, '5px', `calc(${tokens.spacingHorizontalMNudge} + ${tokens.spacingHorizontalXXS})`)\n },\n 'extra-large': {\n columnGap: tokens.spacingHorizontalSNudge,\n ...typographyStyles.body2,\n ...shorthands.padding('7px', tokens.spacingHorizontalM, '7px', `calc(${tokens.spacingHorizontalM} + ${tokens.spacingHorizontalSNudge})`)\n },\n // appearance variants\n outline: {\n backgroundColor: tokens.colorNeutralBackground1,\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1),\n borderBottomColor: tokens.colorNeutralStrokeAccessible\n },\n outlineInteractive: {\n '&:hover': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1Hover),\n borderBottomColor: tokens.colorNeutralStrokeAccessible\n },\n '&:active': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1Pressed),\n borderBottomColor: tokens.colorNeutralStrokeAccessible\n }\n },\n underline: {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderBottom(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStrokeAccessible),\n ...shorthands.borderRadius(0)\n },\n 'filled-lighter': {\n backgroundColor: tokens.colorNeutralBackground1,\n ...shorthands.border(tokens.strokeWidthThin, 'solid', 'transparent')\n },\n 'filled-darker': {\n backgroundColor: tokens.colorNeutralBackground3,\n ...shorthands.border(tokens.strokeWidthThin, 'solid', 'transparent')\n },\n invalid: {\n ':not(:focus-within),:hover:not(:focus-within)': {\n ...shorthands.borderColor(tokens.colorPaletteRedBorder2)\n }\n },\n invalidUnderline: {\n ':not(:focus-within),:hover:not(:focus-within)': {\n borderBottomColor: tokens.colorPaletteRedBorder2\n }\n },\n disabled: {\n cursor: 'not-allowed',\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled),\n '@media (forced-colors: active)': {\n ...shorthands.borderColor('GrayText')\n }\n },\n disabledText: {\n color: tokens.colorNeutralForegroundDisabled,\n cursor: 'not-allowed'\n },\n hidden: {\n display: 'none'\n },\n visuallyHidden: {\n clip: 'rect(0px, 0px, 0px, 0px)',\n height: '1px',\n ...shorthands.margin('-1px'),\n ...shorthands.overflow('hidden'),\n ...shorthands.padding('0px'),\n width: '1px',\n position: 'absolute'\n }\n});\n/**\n * Apply styling to the PickerButton slots based on the state\n */ export const useTagPickerButtonStyles_unstable = (state)=>{\n const styles = useStyles();\n state.root.className = mergeClasses(tagPickerButtonClassNames.root, styles.button, styles[state.size], state.hasSelectedOption && styles.visuallyHidden, state.root.className);\n return state;\n};\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["__styles","mergeClasses","shorthands","tokens","typographyStyles","tagPickerButtonClassNames","root","useStyles","button","Bt984gj","sshi5w","De3pzq","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","B7ck84d","sj55zd","i8kkvl","Bceei9c","Bahqtrf","fsow6f","Bh6795r","Brovlpu","placeholder","medium","Be2twd7","Bhrd7zp","Bg96gwp","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","large","outline","outlineInteractive","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","B6oc9vd","ak43y8","wmxk5l","B50zh58","underline","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","invalid","tvckwq","gk2u95","hhx65j","Bxowmz0","invalidUnderline","disabled","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","disabledText","hidden","mc9l5x","visuallyHidden","Bh84pgu","Bqenvij","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","B68tc82","Bmxbyg5","Bpg54ce","a9b677","qhf8xq","d","p","f","h","a","m","useTagPickerButtonStyles_unstable","state","styles","className","size","hasSelectedOption"],"sources":["useTagPickerButtonStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const tagPickerButtonClassNames = {\n root: 'fui-TagPickerButton'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n button: {\n alignItems: 'center',\n minHeight: '32px',\n backgroundColor: tokens.colorTransparentBackground,\n border: 'none',\n boxSizing: 'border-box',\n color: tokens.colorNeutralForeground1,\n columnGap: tokens.spacingHorizontalXXS,\n cursor: 'pointer',\n fontFamily: tokens.fontFamilyBase,\n textAlign: 'left',\n flexGrow: 1,\n '&:focus': {\n outlineStyle: 'none'\n }\n },\n placeholder: {\n color: tokens.colorNeutralForeground4\n },\n // size variants\n medium: {\n ...typographyStyles.caption1,\n padding: `3px ${tokens.spacingHorizontalSNudge} 3px ${`calc(${tokens.spacingHorizontalSNudge} + ${tokens.spacingHorizontalXXS})`}`\n },\n large: {\n ...typographyStyles.body1,\n padding: `5px ${tokens.spacingHorizontalMNudge} 5px ${`calc(${tokens.spacingHorizontalMNudge} + ${tokens.spacingHorizontalXXS})`}`\n },\n 'extra-large': {\n columnGap: tokens.spacingHorizontalSNudge,\n ...typographyStyles.body2,\n padding: `7px ${tokens.spacingHorizontalM} 7px ${`calc(${tokens.spacingHorizontalM} + ${tokens.spacingHorizontalSNudge})`}`\n },\n // appearance variants\n outline: {\n backgroundColor: tokens.colorNeutralBackground1,\n border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke1}`,\n borderBottomColor: tokens.colorNeutralStrokeAccessible\n },\n outlineInteractive: {\n '&:hover': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1Hover),\n borderBottomColor: tokens.colorNeutralStrokeAccessible\n },\n '&:active': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1Pressed),\n borderBottomColor: tokens.colorNeutralStrokeAccessible\n }\n },\n underline: {\n backgroundColor: tokens.colorTransparentBackground,\n borderBottom: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStrokeAccessible}`,\n borderRadius: '0'\n },\n 'filled-lighter': {\n backgroundColor: tokens.colorNeutralBackground1,\n border: `${tokens.strokeWidthThin} solid transparent`\n },\n 'filled-darker': {\n backgroundColor: tokens.colorNeutralBackground3,\n border: `${tokens.strokeWidthThin} solid transparent`\n },\n invalid: {\n ':not(:focus-within),:hover:not(:focus-within)': {\n ...shorthands.borderColor(tokens.colorPaletteRedBorder2)\n }\n },\n invalidUnderline: {\n ':not(:focus-within),:hover:not(:focus-within)': {\n borderBottomColor: tokens.colorPaletteRedBorder2\n }\n },\n disabled: {\n cursor: 'not-allowed',\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled),\n '@media (forced-colors: active)': {\n ...shorthands.borderColor('GrayText')\n }\n },\n disabledText: {\n color: tokens.colorNeutralForegroundDisabled,\n cursor: 'not-allowed'\n },\n hidden: {\n display: 'none'\n },\n visuallyHidden: {\n clip: 'rect(0px, 0px, 0px, 0px)',\n height: '1px',\n margin: '-1px',\n overflow: 'hidden',\n padding: '0px',\n width: '1px',\n position: 'absolute'\n }\n});\n/**\n * Apply styling to the PickerButton slots based on the state\n */ export const useTagPickerButtonStyles_unstable = (state)=>{\n const styles = useStyles();\n state.root.className = mergeClasses(tagPickerButtonClassNames.root, styles.button, styles[state.size], state.hasSelectedOption && styles.visuallyHidden, state.root.className);\n return state;\n};\n"],"mappings":"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","ignoreList":[]}
@@ -12,10 +12,11 @@ export const tagPickerControlAsideWidthToken = '--fui-TagPickerControl-aside-wid
12
12
  */
13
13
  const useStyles = /*#__PURE__*/__styles({
14
14
  root: {
15
- Bbmb7ep: ["f1aa9q02", "f16jpd5f"],
16
- Beyfa6y: ["f16jpd5f", "f1aa9q02"],
17
- B7oj6ja: ["f1jar5jt", "fyu767a"],
18
- Btl43ni: ["fyu767a", "f1jar5jt"],
15
+ Beyfa6y: 0,
16
+ Bbmb7ep: 0,
17
+ Btl43ni: 0,
18
+ B7oj6ja: 0,
19
+ Dimara: "ft85np5",
19
20
  z189sj: ["f1d8q41i", "f8lqu5g"],
20
21
  uwmqm3: ["f1uw59to", "fw5db7e"],
21
22
  Bt984gj: "f122n59",
@@ -37,9 +38,10 @@ const useStyles = /*#__PURE__*/__styles({
37
38
  Dlnsje: "f145g4dw",
38
39
  d9w3h3: ["f1kp91vd", "f1ibwz09"],
39
40
  B3778ie: ["f1ibwz09", "f1kp91vd"],
40
- Bcgy8vk: "f14pi962",
41
- Bw17bha: "f1lh990p",
42
- B1q35kw: "f1jc6hxc",
41
+ B1q35kw: 0,
42
+ Bw17bha: 0,
43
+ Bcgy8vk: 0,
44
+ Bjuhk93: "f1mnjydx",
43
45
  Gjdm7m: "f13evtba",
44
46
  b1kco5: "f1yk9hq",
45
47
  Ba2ppi3: "fhwpy7i",
@@ -57,10 +59,11 @@ const useStyles = /*#__PURE__*/__styles({
57
59
  },
58
60
  listbox: {
59
61
  E5pizo: "f1hg901r",
60
- Bbmb7ep: ["f1aa9q02", "f16jpd5f"],
61
- Beyfa6y: ["f16jpd5f", "f1aa9q02"],
62
- B7oj6ja: ["f1jar5jt", "fyu767a"],
63
- Btl43ni: ["fyu767a", "f1jar5jt"],
62
+ Beyfa6y: 0,
63
+ Bbmb7ep: 0,
64
+ Btl43ni: 0,
65
+ B7oj6ja: 0,
66
+ Dimara: "ft85np5",
64
67
  Bxyxcbc: "fmmk62d",
65
68
  B7ck84d: "f1ewtqcl"
66
69
  },
@@ -78,18 +81,23 @@ const useStyles = /*#__PURE__*/__styles({
78
81
  },
79
82
  outline: {
80
83
  De3pzq: "fxugw4r",
81
- B4j52fo: "f192inf7",
82
- Bekrc4i: ["f5tn483", "f1ojsxk5"],
83
- Bn0qgzm: "f1vxd6vx",
84
- ibv6hh: ["f1ojsxk5", "f5tn483"],
85
- icvyot: "fzkkow9",
86
- vrafjx: ["fcdblym", "fjik90z"],
87
- oivjwe: "fg706s2",
88
- wvpqe5: ["fjik90z", "fcdblym"],
89
- g2u3we: "fj3muxo",
90
- h3c5rm: ["f1akhkt", "f1lxtadh"],
84
+ Bgfg5da: 0,
91
85
  B9xav0g: "f1c1zstj",
92
- zhjwy3: ["f1lxtadh", "f1akhkt"]
86
+ oivjwe: 0,
87
+ Bn0qgzm: 0,
88
+ B4g9neb: 0,
89
+ zhjwy3: 0,
90
+ wvpqe5: 0,
91
+ ibv6hh: 0,
92
+ u1mtju: 0,
93
+ h3c5rm: 0,
94
+ vrafjx: 0,
95
+ Bekrc4i: 0,
96
+ i8vvqc: 0,
97
+ g2u3we: 0,
98
+ icvyot: 0,
99
+ B4j52fo: 0,
100
+ irswps: "fhz96rm"
93
101
  },
94
102
  outlineInteractive: {
95
103
  Bgoe8wy: "fvcxoqz",
@@ -103,43 +111,55 @@ const useStyles = /*#__PURE__*/__styles({
103
111
  },
104
112
  underline: {
105
113
  De3pzq: "f1c21dwh",
106
- Bn0qgzm: "f1vxd6vx",
107
- oivjwe: "fg706s2",
108
- B9xav0g: "f1c1zstj",
109
- Bbmb7ep: ["f1krrbdw", "f1deotkl"],
110
- Beyfa6y: ["f1deotkl", "f1krrbdw"],
111
- B7oj6ja: ["f10ostut", "f1ozlkrg"],
112
- Btl43ni: ["f1ozlkrg", "f10ostut"]
114
+ B9xav0g: 0,
115
+ oivjwe: 0,
116
+ Bn0qgzm: 0,
117
+ Bgfg5da: "f9ez7ne",
118
+ Beyfa6y: 0,
119
+ Bbmb7ep: 0,
120
+ Btl43ni: 0,
121
+ B7oj6ja: 0,
122
+ Dimara: "fokr779"
113
123
  },
114
124
  "filled-lighter": {
115
125
  De3pzq: "fxugw4r",
116
- B4j52fo: "f192inf7",
117
- Bekrc4i: ["f5tn483", "f1ojsxk5"],
118
- Bn0qgzm: "f1vxd6vx",
119
- ibv6hh: ["f1ojsxk5", "f5tn483"],
120
- icvyot: "fzkkow9",
121
- vrafjx: ["fcdblym", "fjik90z"],
122
- oivjwe: "fg706s2",
123
- wvpqe5: ["fjik90z", "fcdblym"],
124
- g2u3we: "fghlq4f",
125
- h3c5rm: ["f1gn591s", "fjscplz"],
126
- B9xav0g: "fb073pr",
127
- zhjwy3: ["fjscplz", "f1gn591s"]
126
+ Bgfg5da: 0,
127
+ B9xav0g: 0,
128
+ oivjwe: 0,
129
+ Bn0qgzm: 0,
130
+ B4g9neb: 0,
131
+ zhjwy3: 0,
132
+ wvpqe5: 0,
133
+ ibv6hh: 0,
134
+ u1mtju: 0,
135
+ h3c5rm: 0,
136
+ vrafjx: 0,
137
+ Bekrc4i: 0,
138
+ i8vvqc: 0,
139
+ g2u3we: 0,
140
+ icvyot: 0,
141
+ B4j52fo: 0,
142
+ irswps: "f88035w"
128
143
  },
129
144
  "filled-darker": {
130
145
  De3pzq: "f16xq7d1",
131
- B4j52fo: "f192inf7",
132
- Bekrc4i: ["f5tn483", "f1ojsxk5"],
133
- Bn0qgzm: "f1vxd6vx",
134
- ibv6hh: ["f1ojsxk5", "f5tn483"],
135
- icvyot: "fzkkow9",
136
- vrafjx: ["fcdblym", "fjik90z"],
137
- oivjwe: "fg706s2",
138
- wvpqe5: ["fjik90z", "fcdblym"],
139
- g2u3we: "fghlq4f",
140
- h3c5rm: ["f1gn591s", "fjscplz"],
141
- B9xav0g: "fb073pr",
142
- zhjwy3: ["fjscplz", "f1gn591s"]
146
+ Bgfg5da: 0,
147
+ B9xav0g: 0,
148
+ oivjwe: 0,
149
+ Bn0qgzm: 0,
150
+ B4g9neb: 0,
151
+ zhjwy3: 0,
152
+ wvpqe5: 0,
153
+ ibv6hh: 0,
154
+ u1mtju: 0,
155
+ h3c5rm: 0,
156
+ vrafjx: 0,
157
+ Bekrc4i: 0,
158
+ i8vvqc: 0,
159
+ g2u3we: 0,
160
+ icvyot: 0,
161
+ B4j52fo: 0,
162
+ irswps: "f88035w"
143
163
  },
144
164
  invalid: {
145
165
  tvckwq: "fs4k3qj",
@@ -163,7 +183,23 @@ const useStyles = /*#__PURE__*/__styles({
163
183
  n51gp8: ["f14g86mu", "f1rvyvqg"]
164
184
  }
165
185
  }, {
166
- d: [".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}", ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}", ".f1d8q41i{padding-right:calc(var(--spacingHorizontalM) + var(--fui-TagPickerControl-aside-width, 0px));}", ".f8lqu5g{padding-left:calc(var(--spacingHorizontalM) + var(--fui-TagPickerControl-aside-width, 0px));}", ".f1uw59to{padding-left:var(--spacingHorizontalM);}", ".fw5db7e{padding-right:var(--spacingHorizontalM);}", ".f122n59{align-items:center;}", ".f14mj54c{column-gap:var(--spacingHorizontalXXS);}", ".f1ewtqcl{box-sizing:border-box;}", ".f22iagw{display:flex;}", ".f1exfvgq{min-width:250px;}", ".f10pi13n{position:relative;}", ".fni485r{flex-wrap:wrap;}", ".f1gw3sf2::after{box-sizing:border-box;}", ".f13zj6fq::after{content:\"\";}", ".f1mdlcz9::after{position:absolute;}", ".f1a7op3::after{left:-1px;}", ".f1cjjd47::after{right:-1px;}", ".f1gboi2j::after{bottom:-1px;}", ".f145g4dw::after{height:max(2px, var(--borderRadiusMedium));}", ".f1kp91vd::after{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f1ibwz09::after{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f14pi962::after{border-bottom-width:var(--strokeWidthThick);}", ".f1lh990p::after{border-bottom-style:solid;}", ".f1jc6hxc::after{border-bottom-color:var(--colorCompoundBrandStroke);}", ".f13evtba::after{clip-path:inset(calc(100% - 2px) 0 0 0);}", ".f1yk9hq::after{transform:scaleX(0);}", ".fhwpy7i::after{transition-property:transform;}", ".f14ee0xe::after{transition-duration:var(--durationUltraFast);}", ".f1xhbsuh::after{transition-delay:var(--curveAccelerateMid);}", ".f1hg901r{box-shadow:var(--shadow16);}", ".fmmk62d{max-height:80vh;}", ".fjseox{display:none;}", ".f1nxs5xn{min-height:32px;}", ".f1w5jphr{min-height:40px;}", ".f5pgtk9{min-height:44px;}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".f192inf7{border-top-width:var(--strokeWidthThin);}", ".f5tn483{border-right-width:var(--strokeWidthThin);}", ".f1ojsxk5{border-left-width:var(--strokeWidthThin);}", ".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".fj3muxo{border-top-color:var(--colorNeutralStroke1);}", ".f1akhkt{border-right-color:var(--colorNeutralStroke1);}", ".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}", ".f1c1zstj{border-bottom-color:var(--colorNeutralStrokeAccessible);}", ".f1c21dwh{background-color:var(--colorTransparentBackground);}", ".f1krrbdw{border-bottom-right-radius:0;}", ".f1deotkl{border-bottom-left-radius:0;}", ".f10ostut{border-top-right-radius:0;}", ".f1ozlkrg{border-top-left-radius:0;}", ".fghlq4f{border-top-color:var(--colorTransparentStroke);}", ".f1gn591s{border-right-color:var(--colorTransparentStroke);}", ".fjscplz{border-left-color:var(--colorTransparentStroke);}", ".fb073pr{border-bottom-color:var(--colorTransparentStroke);}", ".f16xq7d1{background-color:var(--colorNeutralBackground3);}", ".fs4k3qj:not(:focus-within),.fs4k3qj:hover:not(:focus-within){border-top-color:var(--colorPaletteRedBorder2);}", ".fcee079:not(:focus-within),.fcee079:hover:not(:focus-within){border-right-color:var(--colorPaletteRedBorder2);}", ".fmyw78r:not(:focus-within),.fmyw78r:hover:not(:focus-within){border-left-color:var(--colorPaletteRedBorder2);}", ".f1fgmyf4:not(:focus-within),.f1fgmyf4:hover:not(:focus-within){border-bottom-color:var(--colorPaletteRedBorder2);}", ".fdrzuqr{cursor:not-allowed;}", ".f1jj8ep1{border-top-color:var(--colorNeutralStrokeDisabled);}", ".f15xbau{border-right-color:var(--colorNeutralStrokeDisabled);}", ".fy0fskl{border-left-color:var(--colorNeutralStrokeDisabled);}", ".f4ikngz{border-bottom-color:var(--colorNeutralStrokeDisabled);}"],
186
+ d: [[".ft85np5{border-radius:var(--borderRadiusMedium);}", {
187
+ p: -1
188
+ }], ".f1d8q41i{padding-right:calc(var(--spacingHorizontalM) + var(--fui-TagPickerControl-aside-width, 0px));}", ".f8lqu5g{padding-left:calc(var(--spacingHorizontalM) + var(--fui-TagPickerControl-aside-width, 0px));}", ".f1uw59to{padding-left:var(--spacingHorizontalM);}", ".fw5db7e{padding-right:var(--spacingHorizontalM);}", ".f122n59{align-items:center;}", ".f14mj54c{column-gap:var(--spacingHorizontalXXS);}", ".f1ewtqcl{box-sizing:border-box;}", ".f22iagw{display:flex;}", ".f1exfvgq{min-width:250px;}", ".f10pi13n{position:relative;}", ".fni485r{flex-wrap:wrap;}", ".f1gw3sf2::after{box-sizing:border-box;}", ".f13zj6fq::after{content:\"\";}", ".f1mdlcz9::after{position:absolute;}", ".f1a7op3::after{left:-1px;}", ".f1cjjd47::after{right:-1px;}", ".f1gboi2j::after{bottom:-1px;}", ".f145g4dw::after{height:max(2px, var(--borderRadiusMedium));}", ".f1kp91vd::after{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f1ibwz09::after{border-bottom-right-radius:var(--borderRadiusMedium);}", [".f1mnjydx::after{border-bottom:var(--strokeWidthThick) solid var(--colorCompoundBrandStroke);}", {
189
+ p: -1
190
+ }], ".f13evtba::after{clip-path:inset(calc(100% - 2px) 0 0 0);}", ".f1yk9hq::after{transform:scaleX(0);}", ".fhwpy7i::after{transition-property:transform;}", ".f14ee0xe::after{transition-duration:var(--durationUltraFast);}", ".f1xhbsuh::after{transition-delay:var(--curveAccelerateMid);}", ".f1hg901r{box-shadow:var(--shadow16);}", [".ft85np5{border-radius:var(--borderRadiusMedium);}", {
191
+ p: -1
192
+ }], ".fmmk62d{max-height:80vh;}", ".fjseox{display:none;}", ".f1nxs5xn{min-height:32px;}", ".f1w5jphr{min-height:40px;}", ".f5pgtk9{min-height:44px;}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", [".fhz96rm{border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);}", {
193
+ p: -2
194
+ }], ".f1c1zstj{border-bottom-color:var(--colorNeutralStrokeAccessible);}", ".f1c21dwh{background-color:var(--colorTransparentBackground);}", [".f9ez7ne{border-bottom:var(--strokeWidthThin) solid var(--colorNeutralStrokeAccessible);}", {
195
+ p: -1
196
+ }], [".fokr779{border-radius:0;}", {
197
+ p: -1
198
+ }], [".f88035w{border:var(--strokeWidthThin) solid var(--colorTransparentStroke);}", {
199
+ p: -2
200
+ }], ".f16xq7d1{background-color:var(--colorNeutralBackground3);}", [".f88035w{border:var(--strokeWidthThin) solid var(--colorTransparentStroke);}", {
201
+ p: -2
202
+ }], ".fs4k3qj:not(:focus-within),.fs4k3qj:hover:not(:focus-within){border-top-color:var(--colorPaletteRedBorder2);}", ".fcee079:not(:focus-within),.fcee079:hover:not(:focus-within){border-right-color:var(--colorPaletteRedBorder2);}", ".fmyw78r:not(:focus-within),.fmyw78r:hover:not(:focus-within){border-left-color:var(--colorPaletteRedBorder2);}", ".f1fgmyf4:not(:focus-within),.f1fgmyf4:hover:not(:focus-within){border-bottom-color:var(--colorPaletteRedBorder2);}", ".fdrzuqr{cursor:not-allowed;}", ".f1jj8ep1{border-top-color:var(--colorNeutralStrokeDisabled);}", ".f15xbau{border-right-color:var(--colorNeutralStrokeDisabled);}", ".fy0fskl{border-left-color:var(--colorNeutralStrokeDisabled);}", ".f4ikngz{border-bottom-color:var(--colorNeutralStrokeDisabled);}"],
167
203
  w: [".f14a1fxs:focus-within{outline-width:2px;}", ".f3e99gv:focus-within{outline-style:solid;}", ".fhljsf7:focus-within{outline-color:transparent;}", ".fjw5xc1:focus-within::after{transform:scaleX(1);}", ".f1xdyd5c:focus-within::after{transition-property:transform;}", ".fatpbeo:focus-within::after{transition-duration:var(--durationNormal);}", ".fb7uyps:focus-within::after{transition-delay:var(--curveDecelerateMid);}", ".f1ibeo51:focus-within:active::after{border-bottom-color:var(--colorCompoundBrandStrokePressed);}"],
168
204
  m: [["@media screen and (prefers-reduced-motion: reduce){.fv8e3ye::after{transition-duration:0.01ms;}}", {
169
205
  m: "screen and (prefers-reduced-motion: reduce)"