@fluentui/react-tag-picker 0.0.0-nightly-20240823-0407.1 → 0.0.0-nightly-20240823-1802.1

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 (30) hide show
  1. package/CHANGELOG.md +22 -51
  2. package/lib/components/TagPickerButton/useTagPickerButtonStyles.styles.js +26 -26
  3. package/lib/components/TagPickerButton/useTagPickerButtonStyles.styles.js.map +1 -1
  4. package/lib/components/TagPickerControl/useTagPickerControlStyles.styles.js +40 -40
  5. package/lib/components/TagPickerControl/useTagPickerControlStyles.styles.js.map +1 -1
  6. package/lib/components/TagPickerGroup/useTagPickerGroup.js +0 -2
  7. package/lib/components/TagPickerGroup/useTagPickerGroup.js.map +1 -1
  8. package/lib/components/TagPickerGroup/useTagPickerGroupStyles.styles.js +6 -6
  9. package/lib/components/TagPickerGroup/useTagPickerGroupStyles.styles.js.map +1 -1
  10. package/lib/components/TagPickerInput/useTagPickerInput.js +1 -1
  11. package/lib/components/TagPickerInput/useTagPickerInput.js.map +1 -1
  12. package/lib/components/TagPickerInput/useTagPickerInputStyles.styles.js +5 -5
  13. package/lib/components/TagPickerInput/useTagPickerInputStyles.styles.js.map +1 -1
  14. package/lib/components/TagPickerList/useTagPickerListStyles.styles.js +2 -2
  15. package/lib/components/TagPickerList/useTagPickerListStyles.styles.js.map +1 -1
  16. package/lib-commonjs/components/TagPickerButton/useTagPickerButtonStyles.styles.js +33 -28
  17. package/lib-commonjs/components/TagPickerButton/useTagPickerButtonStyles.styles.js.map +1 -1
  18. package/lib-commonjs/components/TagPickerControl/useTagPickerControlStyles.styles.js +68 -61
  19. package/lib-commonjs/components/TagPickerControl/useTagPickerControlStyles.styles.js.map +1 -1
  20. package/lib-commonjs/components/TagPickerGroup/useTagPickerGroup.js +0 -2
  21. package/lib-commonjs/components/TagPickerGroup/useTagPickerGroup.js.map +1 -1
  22. package/lib-commonjs/components/TagPickerGroup/useTagPickerGroupStyles.styles.js +6 -6
  23. package/lib-commonjs/components/TagPickerGroup/useTagPickerGroupStyles.styles.js.map +1 -1
  24. package/lib-commonjs/components/TagPickerInput/useTagPickerInput.js +1 -1
  25. package/lib-commonjs/components/TagPickerInput/useTagPickerInput.js.map +1 -1
  26. package/lib-commonjs/components/TagPickerInput/useTagPickerInputStyles.styles.js +14 -14
  27. package/lib-commonjs/components/TagPickerInput/useTagPickerInputStyles.styles.js.map +1 -1
  28. package/lib-commonjs/components/TagPickerList/useTagPickerListStyles.styles.js +2 -2
  29. package/lib-commonjs/components/TagPickerList/useTagPickerListStyles.styles.js.map +1 -1
  30. package/package.json +19 -19
package/CHANGELOG.md CHANGED
@@ -1,64 +1,35 @@
1
1
  # Change Log - @fluentui/react-tag-picker
2
2
 
3
- This log was last generated on Fri, 23 Aug 2024 04:11:41 GMT and should not be manually modified.
3
+ This log was last generated on Fri, 23 Aug 2024 18:07:29 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
- ## [0.0.0-nightly-20240823-0407.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-tag-picker_v0.0.0-nightly-20240823-0407.1)
7
+ ## [0.0.0-nightly-20240823-1802.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-tag-picker_v0.0.0-nightly-20240823-1802.1)
8
8
 
9
- Fri, 23 Aug 2024 04:11:41 GMT
10
- [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tag-picker_v9.3.1..@fluentui/react-tag-picker_v0.0.0-nightly-20240823-0407.1)
9
+ Fri, 23 Aug 2024 18:07:29 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tag-picker_v9.2.5..@fluentui/react-tag-picker_v0.0.0-nightly-20240823-1802.1)
11
11
 
12
12
  ### Changes
13
13
 
14
14
  - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
15
- - Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20240823-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/9636165c76ccc48fbdaa21ff025c788445b0c3fb) by beachball)
16
- - Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20240823-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/9636165c76ccc48fbdaa21ff025c788445b0c3fb) by beachball)
17
- - Bump @fluentui/react-theme to v0.0.0-nightly-20240823-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/9636165c76ccc48fbdaa21ff025c788445b0c3fb) by beachball)
18
- - Bump @fluentui/react-utilities to v0.0.0-nightly-20240823-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/9636165c76ccc48fbdaa21ff025c788445b0c3fb) by beachball)
19
- - Bump @fluentui/react-portal to v0.0.0-nightly-20240823-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/9636165c76ccc48fbdaa21ff025c788445b0c3fb) by beachball)
20
- - Bump @fluentui/react-tabster to v0.0.0-nightly-20240823-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/9636165c76ccc48fbdaa21ff025c788445b0c3fb) by beachball)
21
- - Bump @fluentui/react-aria to v0.0.0-nightly-20240823-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/9636165c76ccc48fbdaa21ff025c788445b0c3fb) by beachball)
22
- - Bump @fluentui/react-combobox to v0.0.0-nightly-20240823-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/9636165c76ccc48fbdaa21ff025c788445b0c3fb) by beachball)
23
- - Bump @fluentui/react-tags to v0.0.0-nightly-20240823-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/9636165c76ccc48fbdaa21ff025c788445b0c3fb) by beachball)
24
- - Bump @fluentui/react-context-selector to v0.0.0-nightly-20240823-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/9636165c76ccc48fbdaa21ff025c788445b0c3fb) by beachball)
25
- - Bump @fluentui/react-positioning to v0.0.0-nightly-20240823-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/9636165c76ccc48fbdaa21ff025c788445b0c3fb) by beachball)
26
- - Bump @fluentui/keyboard-keys to v0.0.0-nightly-20240823-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/9636165c76ccc48fbdaa21ff025c788445b0c3fb) by beachball)
27
- - Bump @fluentui/react-field to v0.0.0-nightly-20240823-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/9636165c76ccc48fbdaa21ff025c788445b0c3fb) by beachball)
28
- - Bump @fluentui/react-provider to v0.0.0-nightly-20240823-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/9636165c76ccc48fbdaa21ff025c788445b0c3fb) by beachball)
29
- - Bump @fluentui/react-avatar to v0.0.0-nightly-20240823-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/9636165c76ccc48fbdaa21ff025c788445b0c3fb) by beachball)
30
- - Bump @fluentui/react-button to v0.0.0-nightly-20240823-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/9636165c76ccc48fbdaa21ff025c788445b0c3fb) by beachball)
31
- - Bump @fluentui/react-conformance to v0.0.0-nightly-20240823-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/9636165c76ccc48fbdaa21ff025c788445b0c3fb) by beachball)
32
- - Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20240823-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/9636165c76ccc48fbdaa21ff025c788445b0c3fb) by beachball)
33
-
34
- ## [9.3.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-tag-picker_v9.3.1)
35
-
36
- Thu, 15 Aug 2024 13:49:46 GMT
37
- [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tag-picker_v9.3.0..@fluentui/react-tag-picker_v9.3.1)
38
-
39
- ### Patches
40
-
41
- - Bump @fluentui/react-portal to v9.4.33 ([PR #32313](https://github.com/microsoft/fluentui/pull/32313) by beachball)
42
- - Bump @fluentui/react-tabster to v9.22.5 ([PR #32313](https://github.com/microsoft/fluentui/pull/32313) by beachball)
43
- - Bump @fluentui/react-aria to v9.13.4 ([PR #32313](https://github.com/microsoft/fluentui/pull/32313) by beachball)
44
- - Bump @fluentui/react-combobox to v9.13.5 ([PR #32313](https://github.com/microsoft/fluentui/pull/32313) by beachball)
45
- - Bump @fluentui/react-tags to v9.3.16 ([PR #32313](https://github.com/microsoft/fluentui/pull/32313) by beachball)
46
- - Bump @fluentui/react-field to v9.1.74 ([PR #32313](https://github.com/microsoft/fluentui/pull/32313) by beachball)
47
-
48
- ## [9.3.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-tag-picker_v9.3.0)
49
-
50
- Thu, 15 Aug 2024 08:22:15 GMT
51
- [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tag-picker_v9.2.5..@fluentui/react-tag-picker_v9.3.0)
52
-
53
- ### Minor changes
54
-
55
- - feature: introduces noPopover property to TagPicker ([PR #32158](https://github.com/microsoft/fluentui/pull/32158) by bernardo.sunderhus@gmail.com)
56
- - Bump @fluentui/react-portal to v9.4.32 ([PR #31885](https://github.com/microsoft/fluentui/pull/31885) by beachball)
57
- - Bump @fluentui/react-tabster to v9.22.4 ([PR #31885](https://github.com/microsoft/fluentui/pull/31885) by beachball)
58
- - Bump @fluentui/react-aria to v9.13.3 ([PR #31885](https://github.com/microsoft/fluentui/pull/31885) by beachball)
59
- - Bump @fluentui/react-combobox to v9.13.4 ([PR #31885](https://github.com/microsoft/fluentui/pull/31885) by beachball)
60
- - Bump @fluentui/react-tags to v9.3.15 ([PR #31885](https://github.com/microsoft/fluentui/pull/31885) by beachball)
61
- - Bump @fluentui/react-field to v9.1.73 ([PR #31885](https://github.com/microsoft/fluentui/pull/31885) by beachball)
15
+ - Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20240823-1802.1 ([commit](https://github.com/microsoft/fluentui/commit/5dea0aaa8bad5a9e5744195db91ffbc60b7cfa93) by beachball)
16
+ - Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20240823-1802.1 ([commit](https://github.com/microsoft/fluentui/commit/5dea0aaa8bad5a9e5744195db91ffbc60b7cfa93) by beachball)
17
+ - Bump @fluentui/react-theme to v0.0.0-nightly-20240823-1802.1 ([commit](https://github.com/microsoft/fluentui/commit/5dea0aaa8bad5a9e5744195db91ffbc60b7cfa93) by beachball)
18
+ - Bump @fluentui/react-utilities to v0.0.0-nightly-20240823-1802.1 ([commit](https://github.com/microsoft/fluentui/commit/5dea0aaa8bad5a9e5744195db91ffbc60b7cfa93) by beachball)
19
+ - Bump @fluentui/react-portal to v0.0.0-nightly-20240823-1802.1 ([commit](https://github.com/microsoft/fluentui/commit/5dea0aaa8bad5a9e5744195db91ffbc60b7cfa93) by beachball)
20
+ - Bump @fluentui/react-tabster to v0.0.0-nightly-20240823-1802.1 ([commit](https://github.com/microsoft/fluentui/commit/5dea0aaa8bad5a9e5744195db91ffbc60b7cfa93) by beachball)
21
+ - Bump @fluentui/react-aria to v0.0.0-nightly-20240823-1802.1 ([commit](https://github.com/microsoft/fluentui/commit/5dea0aaa8bad5a9e5744195db91ffbc60b7cfa93) by beachball)
22
+ - Bump @fluentui/react-combobox to v0.0.0-nightly-20240823-1802.1 ([commit](https://github.com/microsoft/fluentui/commit/5dea0aaa8bad5a9e5744195db91ffbc60b7cfa93) by beachball)
23
+ - Bump @fluentui/react-tags to v0.0.0-nightly-20240823-1802.1 ([commit](https://github.com/microsoft/fluentui/commit/5dea0aaa8bad5a9e5744195db91ffbc60b7cfa93) by beachball)
24
+ - Bump @fluentui/react-context-selector to v0.0.0-nightly-20240823-1802.1 ([commit](https://github.com/microsoft/fluentui/commit/5dea0aaa8bad5a9e5744195db91ffbc60b7cfa93) by beachball)
25
+ - Bump @fluentui/react-positioning to v0.0.0-nightly-20240823-1802.1 ([commit](https://github.com/microsoft/fluentui/commit/5dea0aaa8bad5a9e5744195db91ffbc60b7cfa93) by beachball)
26
+ - Bump @fluentui/keyboard-keys to v0.0.0-nightly-20240823-1802.1 ([commit](https://github.com/microsoft/fluentui/commit/5dea0aaa8bad5a9e5744195db91ffbc60b7cfa93) by beachball)
27
+ - Bump @fluentui/react-field to v0.0.0-nightly-20240823-1802.1 ([commit](https://github.com/microsoft/fluentui/commit/5dea0aaa8bad5a9e5744195db91ffbc60b7cfa93) by beachball)
28
+ - Bump @fluentui/react-provider to v0.0.0-nightly-20240823-1802.1 ([commit](https://github.com/microsoft/fluentui/commit/5dea0aaa8bad5a9e5744195db91ffbc60b7cfa93) by beachball)
29
+ - Bump @fluentui/react-avatar to v0.0.0-nightly-20240823-1802.1 ([commit](https://github.com/microsoft/fluentui/commit/5dea0aaa8bad5a9e5744195db91ffbc60b7cfa93) by beachball)
30
+ - Bump @fluentui/react-button to v0.0.0-nightly-20240823-1802.1 ([commit](https://github.com/microsoft/fluentui/commit/5dea0aaa8bad5a9e5744195db91ffbc60b7cfa93) by beachball)
31
+ - Bump @fluentui/react-conformance to v0.0.0-nightly-20240823-1802.1 ([commit](https://github.com/microsoft/fluentui/commit/5dea0aaa8bad5a9e5744195db91ffbc60b7cfa93) by beachball)
32
+ - Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20240823-1802.1 ([commit](https://github.com/microsoft/fluentui/commit/5dea0aaa8bad5a9e5744195db91ffbc60b7cfa93) by beachball)
62
33
 
63
34
  ## [9.2.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-tag-picker_v9.2.5)
64
35
 
package/lib/components/TagPickerButton/useTagPickerButtonStyles.styles.js CHANGED
@@ -10,7 +10,7 @@ const useStyles = /*#__PURE__*/__styles({
10
10
  button: {
11
11
  Bt984gj: "f122n59",
12
12
  sshi5w: "f1nxs5xn",
13
- De3pzq: "f1c21dwh",
13
+ De3pzq: "f1qqy65v",
14
14
  Bgfg5da: 0,
15
15
  B9xav0g: 0,
16
16
  oivjwe: 0,
@@ -29,16 +29,16 @@ const useStyles = /*#__PURE__*/__styles({
29
29
  B4j52fo: 0,
30
30
  irswps: "f3bhgqh",
31
31
  B7ck84d: "f1ewtqcl",
32
- sj55zd: "f19n0e5",
33
- i8kkvl: "f14mj54c",
32
+ sj55zd: "f11dm49f",
33
+ i8kkvl: "f1ln167q",
34
34
  Bceei9c: "f1k6fduh",
35
- Bahqtrf: "fk6fouc",
35
+ Bahqtrf: "f8w1308",
36
36
  fsow6f: ["f1o700av", "fes3tcz"],
37
37
  Bh6795r: "fqerorx",
38
38
  Brovlpu: "ftqa4ok"
39
39
  },
40
40
  placeholder: {
41
- sj55zd: "fxc4j92"
41
+ sj55zd: "f5nzmq1"
42
42
  },
43
43
  medium: {
44
44
  Bahqtrf: "fk6fouc",
@@ -63,7 +63,7 @@ const useStyles = /*#__PURE__*/__styles({
63
63
  B0ocmuz: ["f14ev680", "f58uxzw"]
64
64
  },
65
65
  "extra-large": {
66
- i8kkvl: "f1rjii52",
66
+ i8kkvl: "f7edm4j",
67
67
  Bahqtrf: "fk6fouc",
68
68
  Be2twd7: "fod5ikn",
69
69
  Bhrd7zp: "figsok6",
@@ -75,9 +75,9 @@ const useStyles = /*#__PURE__*/__styles({
75
75
  B0ocmuz: ["f139mn7i", "f1v3q0m"]
76
76
  },
77
77
  outline: {
78
- De3pzq: "fxugw4r",
78
+ De3pzq: "fvk20yq",
79
79
  Bgfg5da: 0,
80
- B9xav0g: "f1c1zstj",
80
+ B9xav0g: "fgb8y08",
81
81
  oivjwe: 0,
82
82
  Bn0qgzm: 0,
83
83
  B4g9neb: 0,
@@ -97,15 +97,15 @@ const useStyles = /*#__PURE__*/__styles({
97
97
  outlineInteractive: {
98
98
  Bgoe8wy: "fvcxoqz",
99
99
  Bwzppfd: ["f1ub3y4t", "f1m52nbi"],
100
- oetu4i: "flmw63s",
100
+ oetu4i: "fyggvs6",
101
101
  gg5e9n: ["f1m52nbi", "f1ub3y4t"],
102
102
  B6oc9vd: "fvs00aa",
103
103
  ak43y8: ["f1assf6x", "f4ruux4"],
104
- wmxk5l: "fqhmt4z",
104
+ wmxk5l: "faidhye",
105
105
  B50zh58: ["f4ruux4", "f1assf6x"]
106
106
  },
107
107
  underline: {
108
- De3pzq: "f1c21dwh",
108
+ De3pzq: "f3t6axo",
109
109
  B9xav0g: 0,
110
110
  oivjwe: 0,
111
111
  Bn0qgzm: 0,
@@ -117,7 +117,7 @@ const useStyles = /*#__PURE__*/__styles({
117
117
  Dimara: "fokr779"
118
118
  },
119
119
  "filled-lighter": {
120
- De3pzq: "fxugw4r",
120
+ De3pzq: "fgp9vqk",
121
121
  Bgfg5da: 0,
122
122
  B9xav0g: 0,
123
123
  oivjwe: 0,
@@ -137,7 +137,7 @@ const useStyles = /*#__PURE__*/__styles({
137
137
  irswps: "fs2rfia"
138
138
  },
139
139
  "filled-darker": {
140
- De3pzq: "f16xq7d1",
140
+ De3pzq: "f1odxwhw",
141
141
  Bgfg5da: 0,
142
142
  B9xav0g: 0,
143
143
  oivjwe: 0,
@@ -163,11 +163,11 @@ const useStyles = /*#__PURE__*/__styles({
163
163
  Bxowmz0: ["fmyw78r", "fcee079"]
164
164
  },
165
165
  invalidUnderline: {
166
- hhx65j: "f1fgmyf4"
166
+ hhx65j: "fmvjrdq"
167
167
  },
168
168
  disabled: {
169
169
  Bceei9c: "fdrzuqr",
170
- De3pzq: "f1c21dwh",
170
+ De3pzq: "f1ada8tb",
171
171
  g2u3we: "f1jj8ep1",
172
172
  h3c5rm: ["f15xbau", "fy0fskl"],
173
173
  B9xav0g: "f4ikngz",
@@ -178,7 +178,7 @@ const useStyles = /*#__PURE__*/__styles({
178
178
  n51gp8: ["f14g86mu", "f1rvyvqg"]
179
179
  },
180
180
  disabledText: {
181
- sj55zd: "f1s2aq7o",
181
+ sj55zd: "fcxmxs1",
182
182
  Bceei9c: "fdrzuqr"
183
183
  },
184
184
  hidden: {
@@ -204,9 +204,9 @@ const useStyles = /*#__PURE__*/__styles({
204
204
  qhf8xq: "f1euv43f"
205
205
  }
206
206
  }, {
207
- d: [".f122n59{align-items:center;}", ".f1nxs5xn{min-height:32px;}", ".f1c21dwh{background-color:var(--colorTransparentBackground);}", [".f3bhgqh{border:none;}", {
207
+ d: [".f122n59{align-items:center;}", ".f1nxs5xn{min-height:32px;}", ".f1qqy65v{background-color:var(--2181, var(--2182, var(--colorTransparentBackground)));}", [".f3bhgqh{border:none;}", {
208
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));}", {
209
+ }], ".f1ewtqcl{box-sizing:border-box;}", ".f11dm49f{color:var(--2183, var(--2184, var(--colorNeutralForeground1)));}", ".f1ln167q{column-gap:var(--2185, var(--2186, var(--spacingHorizontalXXS)));}", ".f1k6fduh{cursor:pointer;}", ".f8w1308{font-family:var(--2187, var(--2188, var(--fontFamilyBase)));}", ".f1o700av{text-align:left;}", ".fes3tcz{text-align:right;}", ".fqerorx{flex-grow:1;}", ".f5nzmq1{color:var(--2189, var(--2190, var(--colorNeutralForeground4)));}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".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
210
  p: -1
211
211
  }], [".f3cq2dl{padding:3px calc(var(--spacingHorizontalSNudge) + var(--spacingHorizontalXXS)) 3px var(--spacingHorizontalSNudge);}", {
212
212
  p: -1
@@ -214,21 +214,21 @@ const useStyles = /*#__PURE__*/__styles({
214
214
  p: -1
215
215
  }], [".f58uxzw{padding:5px calc(var(--spacingHorizontalMNudge) + var(--spacingHorizontalXXS)) 5px var(--spacingHorizontalMNudge);}", {
216
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));}", {
217
+ }], ".f7edm4j{column-gap:var(--2191, var(--2192, var(--spacingHorizontalSNudge)));}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".faaz57k{line-height:var(--lineHeightBase400);}", [".f139mn7i{padding:7px var(--spacingHorizontalM) 7px calc(var(--spacingHorizontalM) + var(--spacingHorizontalSNudge));}", {
218
218
  p: -1
219
219
  }], [".f1v3q0m{padding:7px calc(var(--spacingHorizontalM) + var(--spacingHorizontalSNudge)) 7px var(--spacingHorizontalM);}", {
220
220
  p: -1
221
- }], ".fxugw4r{background-color:var(--colorNeutralBackground1);}", [".fhz96rm{border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);}", {
221
+ }], ".fvk20yq{background-color:var(--2193, var(--2194, var(--colorNeutralBackground1)));}", [".fhz96rm{border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);}", {
222
222
  p: -2
223
- }], ".f1c1zstj{border-bottom-color:var(--colorNeutralStrokeAccessible);}", [".f9ez7ne{border-bottom:var(--strokeWidthThin) solid var(--colorNeutralStrokeAccessible);}", {
223
+ }], ".fgb8y08{border-bottom-color:var(--2195, var(--2196, var(--colorNeutralStrokeAccessible)));}", ".f3t6axo{background-color:var(--2201, var(--2202, var(--colorTransparentBackground)));}", [".f9ez7ne{border-bottom:var(--strokeWidthThin) solid var(--colorNeutralStrokeAccessible);}", {
224
224
  p: -1
225
225
  }], [".fokr779{border-radius:0;}", {
226
226
  p: -1
227
- }], [".fs2rfia{border:var(--strokeWidthThin) solid transparent;}", {
227
+ }], ".fgp9vqk{background-color:var(--2203, var(--2204, var(--colorNeutralBackground1)));}", [".fs2rfia{border:var(--strokeWidthThin) solid transparent;}", {
228
228
  p: -2
229
- }], ".f16xq7d1{background-color:var(--colorNeutralBackground3);}", [".fs2rfia{border:var(--strokeWidthThin) solid transparent;}", {
229
+ }], ".f1odxwhw{background-color:var(--2205, var(--2206, var(--colorNeutralBackground3)));}", [".fs2rfia{border:var(--strokeWidthThin) solid transparent;}", {
230
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;}", {
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);}", ".fmvjrdq:not(:focus-within),.fmvjrdq:hover:not(:focus-within){border-bottom-color:var(--2207, var(--2208, var(--colorPaletteRedBorder2)));}", ".fdrzuqr{cursor:not-allowed;}", ".f1ada8tb{background-color:var(--2209, var(--2210, var(--colorTransparentBackground)));}", ".f1jj8ep1{border-top-color:var(--colorNeutralStrokeDisabled);}", ".f15xbau{border-right-color:var(--colorNeutralStrokeDisabled);}", ".fy0fskl{border-left-color:var(--colorNeutralStrokeDisabled);}", ".f4ikngz{border-bottom-color:var(--colorNeutralStrokeDisabled);}", ".fcxmxs1{color:var(--2211, var(--2212, var(--colorNeutralForegroundDisabled)));}", ".fjseox{display:none;}", ".f1ekcaio{clip:rect(0px, 0px, 0px, 0px);}", ".f1mpe4l3{height:1px;}", [".f1jlpb2r{margin:-1px;}", {
232
232
  p: -1
233
233
  }], [".f1a3p1vp{overflow:hidden;}", {
234
234
  p: -1
@@ -236,8 +236,8 @@ const useStyles = /*#__PURE__*/__styles({
236
236
  p: -1
237
237
  }], ".frkrog8{width:1px;}", ".f1euv43f{position:absolute;}"],
238
238
  f: [".ftqa4ok:focus{outline-style:none;}"],
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);}"],
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);}"],
239
+ h: [".fvcxoqz:hover{border-top-color:var(--colorNeutralStroke1Hover);}", ".f1ub3y4t:hover{border-right-color:var(--colorNeutralStroke1Hover);}", ".f1m52nbi:hover{border-left-color:var(--colorNeutralStroke1Hover);}", ".fyggvs6:hover{border-bottom-color:var(--2197, var(--2198, var(--colorNeutralStrokeAccessible)));}"],
240
+ a: [".fvs00aa:active{border-top-color:var(--colorNeutralStroke1Pressed);}", ".f1assf6x:active{border-right-color:var(--colorNeutralStroke1Pressed);}", ".f4ruux4:active{border-left-color:var(--colorNeutralStroke1Pressed);}", ".faidhye:active{border-bottom-color:var(--2199, var(--2200, var(--colorNeutralStrokeAccessible)));}"],
241
241
  m: [["@media (forced-colors: active){.fg455y9{border-top-color:GrayText;}}", {
242
242
  m: "(forced-colors: active)"
243
243
  }], ["@media (forced-colors: active){.f14g86mu{border-left-color:GrayText;}.f1rvyvqg{border-right-color:GrayText;}}", {
package/lib/components/TagPickerButton/useTagPickerButtonStyles.styles.js.map CHANGED
@@ -1 +1 @@
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 'use no memo';\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: `var(--2181, var(--2182, ${tokens.colorTransparentBackground}))`,\n border: 'none',\n boxSizing: 'border-box',\n color: `var(--2183, var(--2184, ${tokens.colorNeutralForeground1}))`,\n columnGap: `var(--2185, var(--2186, ${tokens.spacingHorizontalXXS}))`,\n cursor: 'pointer',\n fontFamily: `var(--2187, var(--2188, ${tokens.fontFamilyBase}))`,\n textAlign: 'left',\n flexGrow: 1,\n '&:focus': {\n outlineStyle: 'none'\n }\n },\n placeholder: {\n color: `var(--2189, var(--2190, ${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: `var(--2191, var(--2192, ${tokens.spacingHorizontalSNudge}))`,\n ...typographyStyles.body2,\n padding: `7px ${tokens.spacingHorizontalM} 7px ${`calc(${tokens.spacingHorizontalM} + ${tokens.spacingHorizontalSNudge})`}`\n },\n // appearance variants\n outline: {\n backgroundColor: `var(--2193, var(--2194, ${tokens.colorNeutralBackground1}))`,\n border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke1}`,\n borderBottomColor: `var(--2195, var(--2196, ${tokens.colorNeutralStrokeAccessible}))`\n },\n outlineInteractive: {\n '&:hover': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1Hover),\n borderBottomColor: `var(--2197, var(--2198, ${tokens.colorNeutralStrokeAccessible}))`\n },\n '&:active': {\n ...shorthands.borderColor(tokens.colorNeutralStroke1Pressed),\n borderBottomColor: `var(--2199, var(--2200, ${tokens.colorNeutralStrokeAccessible}))`\n }\n },\n underline: {\n backgroundColor: `var(--2201, var(--2202, ${tokens.colorTransparentBackground}))`,\n borderBottom: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStrokeAccessible}`,\n borderRadius: '0'\n },\n 'filled-lighter': {\n backgroundColor: `var(--2203, var(--2204, ${tokens.colorNeutralBackground1}))`,\n border: `${tokens.strokeWidthThin} solid transparent`\n },\n 'filled-darker': {\n backgroundColor: `var(--2205, var(--2206, ${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: `var(--2207, var(--2208, ${tokens.colorPaletteRedBorder2}))`\n }\n },\n disabled: {\n cursor: 'not-allowed',\n backgroundColor: `var(--2209, var(--2210, ${tokens.colorTransparentBackground}))`,\n ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled),\n '@media (forced-colors: active)': {\n ...shorthands.borderColor('GrayText')\n }\n },\n disabledText: {\n color: `var(--2211, var(--2212, ${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 'use no memo';\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":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,uBAAuB;AAChE,OAAO,MAAMC,yBAAyB,GAAG;EACrCC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGP,QAAA;EAAAQ,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,WAAA;IAAAP,MAAA;EAAA;EAAAQ,MAAA;IAAAL,OAAA;IAAAM,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,KAAA;IAAAd,OAAA;IAAAM,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAA;IAAAf,MAAA;IAAAE,OAAA;IAAAM,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAE,OAAA;IAAArC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAqB,kBAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,SAAA;IAAA/C,MAAA;IAAAE,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAH,OAAA;IAAA+C,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAA;IAAApD,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAA;IAAAjB,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAoC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,gBAAA;IAAAF,MAAA;EAAA;EAAAG,QAAA;IAAAtC,OAAA;IAAArB,MAAA;IAAAc,MAAA;IAAAJ,MAAA;IAAAR,OAAA;IAAAI,MAAA;IAAAsD,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,YAAA;IAAA7C,MAAA;IAAAE,OAAA;EAAA;EAAA4C,MAAA;IAAAC,MAAA;EAAA;EAAAC,cAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAA9C,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAA2C,MAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;EAAAC,CAAA;EAAAC,CAAA;EAAAC,CAAA;EAAAC,CAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAiGrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,iCAAiC,GAAIC,KAAK,IAAG;EAC1D,aAAa;;EACb,MAAMC,MAAM,GAAG5F,SAAS,CAAC,CAAC;EAC1B2F,KAAK,CAAC5F,IAAI,CAAC8F,SAAS,GAAGnG,YAAY,CAACI,yBAAyB,CAACC,IAAI,EAAE6F,MAAM,CAAC3F,MAAM,EAAE2F,MAAM,CAACD,KAAK,CAACG,IAAI,CAAC,EAAEH,KAAK,CAACI,iBAAiB,IAAIH,MAAM,CAACrB,cAAc,EAAEoB,KAAK,CAAC5F,IAAI,CAAC8F,SAAS,CAAC;EAC9K,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}
package/lib/components/TagPickerControl/useTagPickerControlStyles.styles.js CHANGED
@@ -16,11 +16,11 @@ const useStyles = /*#__PURE__*/__styles({
16
16
  Bbmb7ep: 0,
17
17
  Btl43ni: 0,
18
18
  B7oj6ja: 0,
19
- Dimara: "ft85np5",
19
+ Dimara: "fy8q5kt",
20
20
  z189sj: ["f1d8q41i", "f8lqu5g"],
21
- uwmqm3: ["f1uw59to", "fw5db7e"],
21
+ uwmqm3: ["f1ivxymg", "fft34iq"],
22
22
  Bt984gj: "f122n59",
23
- i8kkvl: "f14mj54c",
23
+ i8kkvl: "f11zr47j",
24
24
  B7ck84d: "f1ewtqcl",
25
25
  mc9l5x: "f22iagw",
26
26
  Bf4jedk: "f1exfvgq",
@@ -36,8 +36,8 @@ const useStyles = /*#__PURE__*/__styles({
36
36
  By385i5: "f1gboi2j",
37
37
  B1piin3: ["f1cjjd47", "f1a7op3"],
38
38
  Dlnsje: "f145g4dw",
39
- d9w3h3: ["f1kp91vd", "f1ibwz09"],
40
- B3778ie: ["f1ibwz09", "f1kp91vd"],
39
+ d9w3h3: ["f9ht1sx", "fg6dfk7"],
40
+ B3778ie: ["f16vujjb", "f16bc2xy"],
41
41
  B1q35kw: 0,
42
42
  Bw17bha: 0,
43
43
  Bcgy8vk: 0,
@@ -45,17 +45,17 @@ const useStyles = /*#__PURE__*/__styles({
45
45
  Gjdm7m: "f13evtba",
46
46
  b1kco5: "f1yk9hq",
47
47
  Ba2ppi3: "fhwpy7i",
48
- F2fol1: "f14ee0xe",
49
- lck23g: "f1xhbsuh",
48
+ F2fol1: "f1yeyqr",
49
+ lck23g: "f1g6yqwd",
50
50
  df92cz: "fv8e3ye",
51
51
  I188md: "ftb5wc6",
52
52
  umuwi5: "fjw5xc1",
53
53
  Blcqepd: "f1xdyd5c",
54
- nplu4u: "fatpbeo",
55
- Bioka5o: "fb7uyps",
54
+ nplu4u: "f1ubb0ws",
55
+ Bioka5o: "fa7z2mv",
56
56
  H713fs: "f1cmft4k",
57
57
  B9ooomg: "f1x58t8o",
58
- Bercvud: "f1ibeo51"
58
+ Bercvud: "f12zl4p"
59
59
  },
60
60
  listbox: {
61
61
  E5pizo: "f1hg901r",
@@ -63,7 +63,7 @@ const useStyles = /*#__PURE__*/__styles({
63
63
  Bbmb7ep: 0,
64
64
  Btl43ni: 0,
65
65
  B7oj6ja: 0,
66
- Dimara: "ft85np5",
66
+ Dimara: "f1lavgdx",
67
67
  Bxyxcbc: "fmmk62d",
68
68
  B7ck84d: "f1ewtqcl"
69
69
  },
@@ -80,9 +80,9 @@ const useStyles = /*#__PURE__*/__styles({
80
80
  sshi5w: "f5pgtk9"
81
81
  },
82
82
  outline: {
83
- De3pzq: "fxugw4r",
83
+ De3pzq: "f1ngy7pd",
84
84
  Bgfg5da: 0,
85
- B9xav0g: "f1c1zstj",
85
+ B9xav0g: "f17npylz",
86
86
  oivjwe: 0,
87
87
  Bn0qgzm: 0,
88
88
  B4g9neb: 0,
@@ -102,15 +102,15 @@ const useStyles = /*#__PURE__*/__styles({
102
102
  outlineInteractive: {
103
103
  Bgoe8wy: "fvcxoqz",
104
104
  Bwzppfd: ["f1ub3y4t", "f1m52nbi"],
105
- oetu4i: "flmw63s",
105
+ oetu4i: "ff1eehs",
106
106
  gg5e9n: ["f1m52nbi", "f1ub3y4t"],
107
107
  B6oc9vd: "fvs00aa",
108
108
  ak43y8: ["f1assf6x", "f4ruux4"],
109
- wmxk5l: "fqhmt4z",
109
+ wmxk5l: "fwr1o2j",
110
110
  B50zh58: ["f4ruux4", "f1assf6x"]
111
111
  },
112
112
  underline: {
113
- De3pzq: "f1c21dwh",
113
+ De3pzq: "flk7qii",
114
114
  B9xav0g: 0,
115
115
  oivjwe: 0,
116
116
  Bn0qgzm: 0,
@@ -122,7 +122,7 @@ const useStyles = /*#__PURE__*/__styles({
122
122
  Dimara: "fokr779"
123
123
  },
124
124
  "filled-lighter": {
125
- De3pzq: "fxugw4r",
125
+ De3pzq: "f1t525bv",
126
126
  Bgfg5da: 0,
127
127
  B9xav0g: 0,
128
128
  oivjwe: 0,
@@ -142,7 +142,7 @@ const useStyles = /*#__PURE__*/__styles({
142
142
  irswps: "f88035w"
143
143
  },
144
144
  "filled-darker": {
145
- De3pzq: "f16xq7d1",
145
+ De3pzq: "fb4biwc",
146
146
  Bgfg5da: 0,
147
147
  B9xav0g: 0,
148
148
  oivjwe: 0,
@@ -168,11 +168,11 @@ const useStyles = /*#__PURE__*/__styles({
168
168
  Bxowmz0: ["fmyw78r", "fcee079"]
169
169
  },
170
170
  invalidUnderline: {
171
- hhx65j: "f1fgmyf4"
171
+ hhx65j: "fd8qj9j"
172
172
  },
173
173
  disabled: {
174
174
  Bceei9c: "fdrzuqr",
175
- De3pzq: "f1c21dwh",
175
+ De3pzq: "f4pjzkx",
176
176
  g2u3we: "f1jj8ep1",
177
177
  h3c5rm: ["f15xbau", "fy0fskl"],
178
178
  B9xav0g: "f4ikngz",
@@ -183,24 +183,24 @@ const useStyles = /*#__PURE__*/__styles({
183
183
  n51gp8: ["f14g86mu", "f1rvyvqg"]
184
184
  }
185
185
  }, {
186
- d: [[".ft85np5{border-radius:var(--borderRadiusMedium);}", {
186
+ d: [[".fy8q5kt{border-radius:var(--2213, var(--2214, var(--borderRadiusMedium)));}", {
187
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);}", {
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));}", ".f1ivxymg{padding-left:var(--2215, var(--2216, var(--spacingHorizontalM)));}", ".fft34iq{padding-right:var(--2215, var(--2216, var(--spacingHorizontalM)));}", ".f122n59{align-items:center;}", ".f11zr47j{column-gap:var(--2217, var(--2218, 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));}", ".f9ht1sx::after{border-bottom-left-radius:var(--2219, var(--2220, var(--borderRadiusMedium)));}", ".fg6dfk7::after{border-bottom-right-radius:var(--2219, var(--2220, var(--borderRadiusMedium)));}", ".f16vujjb::after{border-bottom-right-radius:var(--2221, var(--2222, var(--borderRadiusMedium)));}", ".f16bc2xy::after{border-bottom-left-radius:var(--2221, var(--2222, var(--borderRadiusMedium)));}", [".f1mnjydx::after{border-bottom:var(--strokeWidthThick) solid var(--colorCompoundBrandStroke);}", {
189
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);}", {
190
+ }], ".f13evtba::after{clip-path:inset(calc(100% - 2px) 0 0 0);}", ".f1yk9hq::after{transform:scaleX(0);}", ".fhwpy7i::after{transition-property:transform;}", ".f1yeyqr::after{transition-duration:var(--2223, var(--2224, var(--durationUltraFast)));}", ".f1g6yqwd::after{transition-delay:var(--2225, var(--2226, var(--curveAccelerateMid)));}", ".f1hg901r{box-shadow:var(--shadow16);}", [".f1lavgdx{border-radius:var(--2233, var(--2234, var(--borderRadiusMedium)));}", {
191
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);}", {
192
+ }], ".fmmk62d{max-height:80vh;}", ".fjseox{display:none;}", ".f1nxs5xn{min-height:32px;}", ".f1w5jphr{min-height:40px;}", ".f5pgtk9{min-height:44px;}", ".f1ngy7pd{background-color:var(--2235, var(--2236, var(--colorNeutralBackground1)));}", [".fhz96rm{border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);}", {
193
193
  p: -2
194
- }], ".f1c1zstj{border-bottom-color:var(--colorNeutralStrokeAccessible);}", ".f1c21dwh{background-color:var(--colorTransparentBackground);}", [".f9ez7ne{border-bottom:var(--strokeWidthThin) solid var(--colorNeutralStrokeAccessible);}", {
194
+ }], ".f17npylz{border-bottom-color:var(--2237, var(--2238, var(--colorNeutralStrokeAccessible)));}", ".flk7qii{background-color:var(--2243, var(--2244, var(--colorTransparentBackground)));}", [".f9ez7ne{border-bottom:var(--strokeWidthThin) solid var(--colorNeutralStrokeAccessible);}", {
195
195
  p: -1
196
196
  }], [".fokr779{border-radius:0;}", {
197
197
  p: -1
198
- }], [".f88035w{border:var(--strokeWidthThin) solid var(--colorTransparentStroke);}", {
198
+ }], ".f1t525bv{background-color:var(--2245, var(--2246, var(--colorNeutralBackground1)));}", [".f88035w{border:var(--strokeWidthThin) solid var(--colorTransparentStroke);}", {
199
199
  p: -2
200
- }], ".f16xq7d1{background-color:var(--colorNeutralBackground3);}", [".f88035w{border:var(--strokeWidthThin) solid var(--colorTransparentStroke);}", {
200
+ }], ".fb4biwc{background-color:var(--2247, var(--2248, var(--colorNeutralBackground3)));}", [".f88035w{border:var(--strokeWidthThin) solid var(--colorTransparentStroke);}", {
201
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);}"],
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);}"],
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);}", ".fd8qj9j:not(:focus-within),.fd8qj9j:hover:not(:focus-within){border-bottom-color:var(--2249, var(--2250, var(--colorPaletteRedBorder2)));}", ".fdrzuqr{cursor:not-allowed;}", ".f4pjzkx{background-color:var(--2251, var(--2252, var(--colorTransparentBackground)));}", ".f1jj8ep1{border-top-color:var(--colorNeutralStrokeDisabled);}", ".f15xbau{border-right-color:var(--colorNeutralStrokeDisabled);}", ".fy0fskl{border-left-color:var(--colorNeutralStrokeDisabled);}", ".f4ikngz{border-bottom-color:var(--colorNeutralStrokeDisabled);}"],
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;}", ".f1ubb0ws:focus-within::after{transition-duration:var(--2227, var(--2228, var(--durationNormal)));}", ".fa7z2mv:focus-within::after{transition-delay:var(--2229, var(--2230, var(--curveDecelerateMid)));}", ".f12zl4p:focus-within:active::after{border-bottom-color:var(--2231, var(--2232, var(--colorCompoundBrandStrokePressed)));}"],
204
204
  m: [["@media screen and (prefers-reduced-motion: reduce){.fv8e3ye::after{transition-duration:0.01ms;}}", {
205
205
  m: "screen and (prefers-reduced-motion: reduce)"
206
206
  }], ["@media screen and (prefers-reduced-motion: reduce){.ftb5wc6::after{transition-delay:0.01ms;}}", {
@@ -216,8 +216,8 @@ const useStyles = /*#__PURE__*/__styles({
216
216
  }], ["@media (forced-colors: active){.f1cwzwz{border-bottom-color:GrayText;}}", {
217
217
  m: "(forced-colors: active)"
218
218
  }]],
219
- 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);}"],
220
- 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);}"]
219
+ h: [".fvcxoqz:hover{border-top-color:var(--colorNeutralStroke1Hover);}", ".f1ub3y4t:hover{border-right-color:var(--colorNeutralStroke1Hover);}", ".f1m52nbi:hover{border-left-color:var(--colorNeutralStroke1Hover);}", ".ff1eehs:hover{border-bottom-color:var(--2239, var(--2240, var(--colorNeutralStrokeAccessible)));}"],
220
+ a: [".fvs00aa:active{border-top-color:var(--colorNeutralStroke1Pressed);}", ".f1assf6x:active{border-right-color:var(--colorNeutralStroke1Pressed);}", ".f4ruux4:active{border-left-color:var(--colorNeutralStroke1Pressed);}", ".fwr1o2j:active{border-bottom-color:var(--2241, var(--2242, var(--colorNeutralStrokeAccessible)));}"]
221
221
  });
222
222
  const useAsideStyles = /*#__PURE__*/__styles({
223
223
  root: {
@@ -225,7 +225,7 @@ const useAsideStyles = /*#__PURE__*/__styles({
225
225
  Bt984gj: "f122n59",
226
226
  qhf8xq: "f1euv43f",
227
227
  Bhzewxz: "f15twtuk",
228
- j35jbq: ["f8b87gs", "fedtrts"],
228
+ j35jbq: ["f739d09", "fwgntsa"],
229
229
  Budl1dq: "f13p5kfd",
230
230
  wkccdc: "fjg31ve",
231
231
  Bqenvij: "f1l02sjl",
@@ -241,7 +241,7 @@ const useAsideStyles = /*#__PURE__*/__styles({
241
241
  sshi5w: "f5pgtk9"
242
242
  }
243
243
  }, {
244
- d: [".f13qh94s{display:grid;}", ".f122n59{align-items:center;}", ".f1euv43f{position:absolute;}", ".f15twtuk{top:0;}", ".f8b87gs{right:var(--spacingHorizontalM);}", ".fedtrts{left:var(--spacingHorizontalM);}", ".f13p5kfd{grid-template-columns:repeat(2, auto);}", ".fjg31ve{grid-template-rows:minmax(32px, auto) 1fr;}", ".f1l02sjl{height:100%;}", ".f113hnb5{cursor:text;}", ".f1nxs5xn{min-height:32px;}", ".f1w5jphr{min-height:40px;}", ".f5pgtk9{min-height:44px;}"]
244
+ d: [".f13qh94s{display:grid;}", ".f122n59{align-items:center;}", ".f1euv43f{position:absolute;}", ".f15twtuk{top:0;}", ".f739d09{right:var(--2253, var(--2254, var(--spacingHorizontalM)));}", ".fwgntsa{left:var(--2253, var(--2254, var(--spacingHorizontalM)));}", ".f13p5kfd{grid-template-columns:repeat(2, auto);}", ".fjg31ve{grid-template-rows:minmax(32px, auto) 1fr;}", ".f1l02sjl{height:100%;}", ".f113hnb5{cursor:text;}", ".f1nxs5xn{min-height:32px;}", ".f1w5jphr{min-height:40px;}", ".f5pgtk9{min-height:44px;}"]
245
245
  });
246
246
  export const iconSizes = {
247
247
  small: '16px',
@@ -251,30 +251,30 @@ export const iconSizes = {
251
251
  const useIconStyles = /*#__PURE__*/__styles({
252
252
  icon: {
253
253
  B7ck84d: "f1ewtqcl",
254
- sj55zd: "fxkbij4",
254
+ sj55zd: "f1to69yw",
255
255
  Bceei9c: "f1k6fduh",
256
256
  mc9l5x: "ftgm304",
257
- Be2twd7: "f1pp30po",
257
+ Be2twd7: "f1nzs8g5",
258
258
  Bo70h7d: "fvc9v3g"
259
259
  },
260
260
  medium: {
261
261
  Be2twd7: "f4ybsrx",
262
- Frg6f3: ["f1h9en5y", "f1xk557c"]
262
+ Frg6f3: ["fi32vh", "focaiuw"]
263
263
  },
264
264
  large: {
265
265
  Be2twd7: "fe5j1ua",
266
- Frg6f3: ["f1h9en5y", "f1xk557c"]
266
+ Frg6f3: ["fztc325", "f15v1zk3"]
267
267
  },
268
268
  "extra-large": {
269
269
  Be2twd7: "f1rt2boy",
270
- Frg6f3: ["f1t5qyk5", "f1ikr372"]
270
+ Frg6f3: ["f1d8wd6j", "ff4lpnm"]
271
271
  },
272
272
  disabled: {
273
- sj55zd: "f1s2aq7o",
273
+ sj55zd: "f18tmzzr",
274
274
  Bceei9c: "fdrzuqr"
275
275
  }
276
276
  }, {
277
- d: [".f1ewtqcl{box-sizing:border-box;}", ".fxkbij4{color:var(--colorNeutralStrokeAccessible);}", ".f1k6fduh{cursor:pointer;}", ".ftgm304{display:block;}", ".f1pp30po{font-size:var(--fontSizeBase500);}", ".fvc9v3g svg{display:block;}", ".f4ybsrx{font-size:16px;}", ".f1h9en5y{margin-left:var(--spacingHorizontalXXS);}", ".f1xk557c{margin-right:var(--spacingHorizontalXXS);}", ".fe5j1ua{font-size:20px;}", ".f1rt2boy{font-size:24px;}", ".f1t5qyk5{margin-left:var(--spacingHorizontalSNudge);}", ".f1ikr372{margin-right:var(--spacingHorizontalSNudge);}", ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}", ".fdrzuqr{cursor:not-allowed;}"]
277
+ d: [".f1ewtqcl{box-sizing:border-box;}", ".f1to69yw{color:var(--2255, var(--2256, var(--colorNeutralStrokeAccessible)));}", ".f1k6fduh{cursor:pointer;}", ".ftgm304{display:block;}", ".f1nzs8g5{font-size:var(--2257, var(--2258, var(--fontSizeBase500)));}", ".fvc9v3g svg{display:block;}", ".f4ybsrx{font-size:16px;}", ".fi32vh{margin-left:var(--2259, var(--2260, var(--spacingHorizontalXXS)));}", ".focaiuw{margin-right:var(--2259, var(--2260, var(--spacingHorizontalXXS)));}", ".fe5j1ua{font-size:20px;}", ".fztc325{margin-left:var(--2261, var(--2262, var(--spacingHorizontalXXS)));}", ".f15v1zk3{margin-right:var(--2261, var(--2262, var(--spacingHorizontalXXS)));}", ".f1rt2boy{font-size:24px;}", ".f1d8wd6j{margin-left:var(--2263, var(--2264, var(--spacingHorizontalSNudge)));}", ".ff4lpnm{margin-right:var(--2263, var(--2264, var(--spacingHorizontalSNudge)));}", ".f18tmzzr{color:var(--2265, var(--2266, var(--colorNeutralForegroundDisabled)));}", ".fdrzuqr{cursor:not-allowed;}"]
278
278
  });
279
279
  /**
280
280
  * Apply styling to the PickerControl slots based on the state