@servicetitan/anvil2 1.19.0 → 1.20.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 (5) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/Combobox.css +67 -64
  3. package/dist/Combobox2.js +39 -33
  4. package/dist/Combobox2.js.map +1 -1
  5. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,16 @@
1
1
  # @servicetitan/anvil2
2
2
 
3
+ ## 1.20.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#929](https://github.com/servicetitan/hammer/pull/929) [`54b13b4`](https://github.com/servicetitan/hammer/commit/54b13b4e8740ea535170cbcc848241d38abbfef0) Thanks [@w-a-t-s-o-n](https://github.com/w-a-t-s-o-n)! - Add `disableClearSelection` to `Combobox.Select` (single)
8
+
9
+ ### Patch Changes
10
+
11
+ - Updated dependencies [[`54b13b4`](https://github.com/servicetitan/hammer/commit/54b13b4e8740ea535170cbcc848241d38abbfef0)]:
12
+ - @servicetitan/hammer-react@1.23.0
13
+
3
14
  ## 1.19.0
4
15
 
5
16
  ### Minor Changes
package/dist/Combobox.css CHANGED
@@ -1,9 +1,9 @@
1
1
  @import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,400;0,6..12,600;0,6..12,700;1,6..12,400;1,6..12,600;1,6..12,700&display=swap");
2
2
  @layer starter, reset, base, state, application;
3
3
  @layer reset {
4
- ._buttons-wrapper_1f4cx_4,
5
- ._search-field_1f4cx_5,
6
- ._item_1f4cx_6 {
4
+ ._buttons-wrapper_1w86c_4,
5
+ ._search-field_1w86c_5,
6
+ ._item_1w86c_6 {
7
7
  all: unset;
8
8
  font-family: var(--font-family-base, "Nunito Sans", sans-serif);
9
9
  font-size: 100%;
@@ -16,8 +16,8 @@
16
16
  box-sizing: border-box;
17
17
  display: flex;
18
18
  }
19
- ._input_1f4cx_19,
20
- ._input-wrapper_1f4cx_20 {
19
+ ._input_1w86c_19,
20
+ ._input-wrapper_1w86c_20 {
21
21
  all: unset;
22
22
  font-family: var(--font-family-base, "Nunito Sans", sans-serif);
23
23
  font-size: 100%;
@@ -30,8 +30,8 @@
30
30
  box-sizing: border-box;
31
31
  display: block;
32
32
  }
33
- ._toggle-button-wrapper_1f4cx_33,
34
- ._close-button-wrapper_1f4cx_34 {
33
+ ._toggle-button-wrapper_1w86c_33,
34
+ ._close-button-wrapper_1w86c_34 {
35
35
  all: unset;
36
36
  font-family: var(--font-family-base, "Nunito Sans", sans-serif);
37
37
  font-size: 100%;
@@ -44,8 +44,8 @@
44
44
  box-sizing: border-box;
45
45
  display: revert-layer;
46
46
  }
47
- ._prefix_1f4cx_47,
48
- ._suffix_1f4cx_48 {
47
+ ._prefix_1w86c_47,
48
+ ._suffix_1w86c_48 {
49
49
  all: unset;
50
50
  font-family: var(--font-family-base, "Nunito Sans", sans-serif);
51
51
  font-size: 100%;
@@ -60,19 +60,19 @@
60
60
  }
61
61
  }
62
62
  @layer base {
63
- ._combobox_1f4cx_63 {
63
+ ._combobox_1w86c_63 {
64
64
  position: relative;
65
65
  min-width: 8rem;
66
66
  }
67
- ._search-field_1f4cx_5 {
67
+ ._search-field_1w86c_5 {
68
68
  flex-direction: column;
69
69
  gap: 0.5rem;
70
70
  font-size: 1rem;
71
71
  }
72
- ._search-field_1f4cx_5._select_1f4cx_72 {
72
+ ._search-field_1w86c_5._select_1w86c_72 {
73
73
  cursor: pointer;
74
74
  }
75
- ._popover-content_1f4cx_75 ._search-field_1f4cx_5 {
75
+ ._popover-content_1w86c_75 ._search-field_1w86c_5 {
76
76
  margin-block-end: 1rem;
77
77
  border-block-end: 0.0625rem solid var(--border-color, #949596);
78
78
  padding-block-start: 0.5rem;
@@ -80,7 +80,7 @@
80
80
  padding-inline-start: 0.5rem;
81
81
  padding-inline-end: 0.5rem;
82
82
  }
83
- ._input-wrapper_1f4cx_20 {
83
+ ._input-wrapper_1w86c_20 {
84
84
  display: flex;
85
85
  position: relative;
86
86
  border: 0.0625rem solid var(--border-color, #949596);
@@ -91,7 +91,10 @@
91
91
  padding-inline-end: 4.5rem;
92
92
  background-color: var(--background-color, #ffffff);
93
93
  }
94
- ._input-wrapper_1f4cx_20 ._input-flex_1f4cx_94 {
94
+ ._input-wrapper_1w86c_20._no-clear-button_1w86c_94 {
95
+ padding-inline-end: 2rem;
96
+ }
97
+ ._input-wrapper_1w86c_20 ._input-flex_1w86c_97 {
95
98
  flex: 1 1 100px;
96
99
  width: 0px;
97
100
  min-width: 100px;
@@ -99,7 +102,7 @@
99
102
  overflow: hidden;
100
103
  text-overflow: ellipsis;
101
104
  }
102
- ._input-wrapper_1f4cx_20 ._input_1f4cx_19 {
105
+ ._input-wrapper_1w86c_20 ._input_1w86c_19 {
103
106
  display: flex;
104
107
  align-items: center;
105
108
  flex: 1 0 100px;
@@ -111,48 +114,48 @@
111
114
  transition: outline 200ms cubic-bezier(0, 0, 0.4, 1);
112
115
  }
113
116
  @media (prefers-reduced-motion: reduce) {
114
- ._input-wrapper_1f4cx_20 ._input_1f4cx_19 {
117
+ ._input-wrapper_1w86c_20 ._input_1w86c_19 {
115
118
  transition-duration: 0.01ms !important;
116
119
  transition-property: outline;
117
120
  }
118
121
  }
119
- ._input-wrapper_1f4cx_20 ._input_1f4cx_19::placeholder {
122
+ ._input-wrapper_1w86c_20 ._input_1w86c_19::placeholder {
120
123
  color: var(--foreground-color-subdued, #737475);
121
124
  }
122
- ._input-wrapper_1f4cx_20 ._fake-placeholder_1f4cx_122 {
125
+ ._input-wrapper_1w86c_20 ._fake-placeholder_1w86c_125 {
123
126
  color: var(--foreground-color-subdued, #737475);
124
127
  user-select: none;
125
128
  }
126
- ._buttons-wrapper_1f4cx_4 {
129
+ ._buttons-wrapper_1w86c_4 {
127
130
  position: absolute;
128
131
  inset-block-start: 0;
129
132
  inset-inline-end: 0;
130
133
  height: 2.375rem;
131
134
  }
132
- ._close-button-wrapper_1f4cx_34 {
135
+ ._close-button-wrapper_1w86c_34 {
133
136
  display: flex;
134
137
  align-items: center;
135
138
  cursor: pointer;
136
139
  }
137
- ._close-button-wrapper_1f4cx_34 ._close-button_1f4cx_34 {
140
+ ._close-button-wrapper_1w86c_34 ._close-button_1w86c_34 {
138
141
  color: var(--foreground-color, #141414);
139
142
  }
140
- ._toggle-button-wrapper_1f4cx_33 {
143
+ ._toggle-button-wrapper_1w86c_33 {
141
144
  display: flex;
142
145
  align-items: center;
143
146
  cursor: pointer;
144
147
  }
145
- ._toggle-button_1f4cx_33 {
148
+ ._toggle-button_1w86c_33 {
146
149
  color: var(--foreground-color, #141414);
147
150
  transform: rotate(90deg);
148
151
  transition: transform 200ms cubic-bezier(0, 0, 0.4, 1);
149
152
  }
150
153
  @media (prefers-reduced-motion: reduce) {
151
- ._toggle-button_1f4cx_33 {
154
+ ._toggle-button_1w86c_33 {
152
155
  transition-duration: 0.01ms !important;
153
156
  }
154
157
  }
155
- ._rows-wrapper_1f4cx_155 {
158
+ ._rows-wrapper_1w86c_158 {
156
159
  display: flex;
157
160
  flex-direction: row;
158
161
  flex-wrap: wrap;
@@ -162,18 +165,18 @@
162
165
  width: 100%;
163
166
  max-width: 100%;
164
167
  }
165
- ._chip-wrapper_1f4cx_165 {
168
+ ._chip-wrapper_1w86c_168 {
166
169
  display: flex;
167
170
  justify-content: center;
168
171
  align-items: center;
169
172
  max-width: 100%;
170
173
  height: 2.375rem;
171
174
  }
172
- ._chip-wrapper_1f4cx_165 ._chip_1f4cx_165 {
175
+ ._chip-wrapper_1w86c_168 ._chip_1w86c_168 {
173
176
  max-width: 100%;
174
177
  }
175
- ._prefix_1f4cx_47,
176
- ._suffix_1f4cx_48 {
178
+ ._prefix_1w86c_47,
179
+ ._suffix_1w86c_48 {
177
180
  all: unset;
178
181
  font-family: var(--font-family-base, "Nunito Sans", sans-serif);
179
182
  font-size: 100%;
@@ -191,33 +194,33 @@
191
194
  font-weight: 600;
192
195
  min-width: 2rem;
193
196
  }
194
- ._prefix_1f4cx_47 {
197
+ ._prefix_1w86c_47 {
195
198
  padding-inline-end: 0.5rem;
196
199
  }
197
- ._suffix_1f4cx_48 {
200
+ ._suffix_1w86c_48 {
198
201
  padding-inline-start: 0.5rem;
199
202
  padding-inline-end: 0.5rem;
200
203
  }
201
- ._popover-content_1f4cx_75 {
204
+ ._popover-content_1w86c_75 {
202
205
  display: flex;
203
206
  flex-direction: column;
204
207
  overflow: hidden;
205
208
  }
206
- ._listview_1f4cx_206 {
209
+ ._listview_1w86c_209 {
207
210
  padding-block: 0.5rem;
208
211
  padding-inline: 0.5rem;
209
212
  }
210
- ._loading-spinner_1f4cx_210 {
213
+ ._loading-spinner_1w86c_213 {
211
214
  width: 1.5rem;
212
215
  height: 1.5rem;
213
216
  }
214
- ._empty_1f4cx_214 {
217
+ ._empty_1w86c_217 {
215
218
  padding-block-start: 0.75rem;
216
219
  padding-block-end: 1rem;
217
220
  padding-inline-start: 1.5rem;
218
221
  padding-inline-end: 1.5rem;
219
222
  }
220
- ._item_1f4cx_6 {
223
+ ._item_1w86c_6 {
221
224
  cursor: pointer;
222
225
  position: relative;
223
226
  font-size: 0.875rem;
@@ -229,7 +232,7 @@
229
232
  outline-offset: 0.125rem;
230
233
  outline: 0 solid var(--focus-ring-color, #0265dc);
231
234
  }
232
- ._item_1f4cx_6::before {
235
+ ._item_1w86c_6::before {
233
236
  position: absolute;
234
237
  inset-block-start: 0;
235
238
  inset-block-end: 0;
@@ -239,89 +242,89 @@
239
242
  height: 100%;
240
243
  border-radius: inherit;
241
244
  }
242
- ._item_1f4cx_6 ._children_1f4cx_242 {
245
+ ._item_1w86c_6 ._children_1w86c_245 {
243
246
  padding-inline-end: 0.5rem;
244
247
  }
245
- ._item_1f4cx_6 ._Icon_1f4cx_245 {
248
+ ._item_1w86c_6 ._Icon_1w86c_248 {
246
249
  padding-block-start: 0.0625rem;
247
250
  }
248
251
  }
249
252
  @layer state {
250
- ._input-wrapper_1f4cx_20._small_1f4cx_250 ._input_1f4cx_19 {
253
+ ._input-wrapper_1w86c_20._small_1w86c_253 ._input_1w86c_19 {
251
254
  height: 1.875rem;
252
255
  }
253
- ._input-wrapper_1f4cx_20._large_1f4cx_253 ._input_1f4cx_19 {
256
+ ._input-wrapper_1w86c_20._large_1w86c_256 ._input_1w86c_19 {
254
257
  height: 2.875rem;
255
258
  }
256
- ._input-wrapper_1f4cx_20 input._input_1f4cx_19:read-only {
259
+ ._input-wrapper_1w86c_20 input._input_1w86c_19:read-only {
257
260
  background-color: var(--background-color-strong, #f7f7f7);
258
261
  }
259
- ._input-wrapper_1f4cx_20[disabled], ._input-wrapper_1f4cx_20:has(._input_1f4cx_19:disabled) {
262
+ ._input-wrapper_1w86c_20[disabled], ._input-wrapper_1w86c_20:has(._input_1w86c_19:disabled) {
260
263
  opacity: 0.4;
261
264
  }
262
- ._input-wrapper_1f4cx_20[disabled] *, ._input-wrapper_1f4cx_20:has(._input_1f4cx_19:disabled) * {
265
+ ._input-wrapper_1w86c_20[disabled] *, ._input-wrapper_1w86c_20:has(._input_1w86c_19:disabled) * {
263
266
  cursor: not-allowed;
264
267
  }
265
- ._input-wrapper_1f4cx_20[disabled], ._input-wrapper_1f4cx_20[readonly], ._input-wrapper_1f4cx_20:has(input._input_1f4cx_19:read-only) {
268
+ ._input-wrapper_1w86c_20[disabled], ._input-wrapper_1w86c_20[readonly], ._input-wrapper_1w86c_20:has(input._input_1w86c_19:read-only) {
266
269
  background-color: var(--background-color-strong, #f7f7f7);
267
270
  }
268
- ._input-wrapper_1f4cx_20:focus:not([disabled]), ._input-wrapper_1f4cx_20:focus-visible, ._input-wrapper_1f4cx_20:has(._input_1f4cx_19:focus-visible) {
271
+ ._input-wrapper_1w86c_20:focus:not([disabled]), ._input-wrapper_1w86c_20:focus-visible, ._input-wrapper_1w86c_20:has(._input_1w86c_19:focus-visible) {
269
272
  outline-width: 0.125rem;
270
273
  }
271
- ._input-wrapper_1f4cx_20:has(._input_1f4cx_19._error_1f4cx_271) {
274
+ ._input-wrapper_1w86c_20:has(._input_1w86c_19._error_1w86c_274) {
272
275
  border-color: var(--border-color-danger, #e13212);
273
276
  }
274
- ._input-wrapper_1f4cx_20:focus:has(._input_1f4cx_19._error_1f4cx_271):not([disabled]), ._input-wrapper_1f4cx_20:focus-visible:has(._input_1f4cx_19._error_1f4cx_271), ._input-wrapper_1f4cx_20:has(._input_1f4cx_19._error_1f4cx_271:focus-visible) {
277
+ ._input-wrapper_1w86c_20:focus:has(._input_1w86c_19._error_1w86c_274):not([disabled]), ._input-wrapper_1w86c_20:focus-visible:has(._input_1w86c_19._error_1w86c_274), ._input-wrapper_1w86c_20:has(._input_1w86c_19._error_1w86c_274:focus-visible) {
275
278
  outline-color: var(--focus-ring-color-danger, #e13212);
276
279
  outline-width: 0.125rem;
277
280
  }
278
- ._small_1f4cx_250 ._buttons-wrapper_1f4cx_4 {
281
+ ._small_1w86c_253 ._buttons-wrapper_1w86c_4 {
279
282
  height: 1.875rem;
280
283
  }
281
- ._large_1f4cx_253 ._buttons-wrapper_1f4cx_4 {
284
+ ._large_1w86c_256 ._buttons-wrapper_1w86c_4 {
282
285
  height: 2.875rem;
283
286
  }
284
- ._close-button-wrapper_1f4cx_34 ._close-button_1f4cx_34[data-interactive=hover]::before, ._close-button-wrapper_1f4cx_34 ._close-button_1f4cx_34:hover::before, ._close-button-wrapper_1f4cx_34 ._close-button_1f4cx_34:disabled:not(._loading-infinite_1f4cx_284, ._loading-progress_1f4cx_284), ._close-button-wrapper_1f4cx_34 ._close-button_1f4cx_34._disabled_1f4cx_284:not(._loading-infinite_1f4cx_284, ._loading-progress_1f4cx_284), ._close-button-wrapper_1f4cx_34 ._close-button_1f4cx_34[aria-disabled=true]:not(._loading-infinite_1f4cx_284, ._loading-progress_1f4cx_284) {
287
+ ._close-button-wrapper_1w86c_34 ._close-button_1w86c_34[data-interactive=hover]::before, ._close-button-wrapper_1w86c_34 ._close-button_1w86c_34:hover::before, ._close-button-wrapper_1w86c_34 ._close-button_1w86c_34:disabled:not(._loading-infinite_1w86c_287, ._loading-progress_1w86c_287), ._close-button-wrapper_1w86c_34 ._close-button_1w86c_34._disabled_1w86c_287:not(._loading-infinite_1w86c_287, ._loading-progress_1w86c_287), ._close-button-wrapper_1w86c_34 ._close-button_1w86c_34[aria-disabled=true]:not(._loading-infinite_1w86c_287, ._loading-progress_1w86c_287) {
285
288
  background-color: inherit;
286
289
  }
287
- ._toggle-button-wrapper_1f4cx_33 ._toggle-button_1f4cx_33[aria-expanded=true] {
290
+ ._toggle-button-wrapper_1w86c_33 ._toggle-button_1w86c_33[aria-expanded=true] {
288
291
  transform: rotate(270deg);
289
292
  }
290
- ._toggle-button-wrapper_1f4cx_33 ._toggle-button_1f4cx_33[data-interactive=hover]::before, ._toggle-button-wrapper_1f4cx_33 ._toggle-button_1f4cx_33:hover::before, ._toggle-button-wrapper_1f4cx_33 ._toggle-button_1f4cx_33:disabled:not(._loading-infinite_1f4cx_284, ._loading-progress_1f4cx_284), ._toggle-button-wrapper_1f4cx_33 ._toggle-button_1f4cx_33._disabled_1f4cx_284:not(._loading-infinite_1f4cx_284, ._loading-progress_1f4cx_284), ._toggle-button-wrapper_1f4cx_33 ._toggle-button_1f4cx_33[aria-disabled=true]:not(._loading-infinite_1f4cx_284, ._loading-progress_1f4cx_284) {
293
+ ._toggle-button-wrapper_1w86c_33 ._toggle-button_1w86c_33[data-interactive=hover]::before, ._toggle-button-wrapper_1w86c_33 ._toggle-button_1w86c_33:hover::before, ._toggle-button-wrapper_1w86c_33 ._toggle-button_1w86c_33:disabled:not(._loading-infinite_1w86c_287, ._loading-progress_1w86c_287), ._toggle-button-wrapper_1w86c_33 ._toggle-button_1w86c_33._disabled_1w86c_287:not(._loading-infinite_1w86c_287, ._loading-progress_1w86c_287), ._toggle-button-wrapper_1w86c_33 ._toggle-button_1w86c_33[aria-disabled=true]:not(._loading-infinite_1w86c_287, ._loading-progress_1w86c_287) {
291
294
  background-color: inherit;
292
295
  }
293
- [aria-expanded=true] ._toggle-button-wrapper_1f4cx_33 ._toggle-button_1f4cx_33 {
296
+ [aria-expanded=true] ._toggle-button-wrapper_1w86c_33 ._toggle-button_1w86c_33 {
294
297
  transform: rotate(270deg);
295
298
  }
296
- ._small_1f4cx_250 ._chip-wrapper_1f4cx_165 {
299
+ ._small_1w86c_253 ._chip-wrapper_1w86c_168 {
297
300
  height: 1.875rem;
298
301
  }
299
- ._large_1f4cx_253 ._chip-wrapper_1f4cx_165 {
302
+ ._large_1w86c_256 ._chip-wrapper_1w86c_168 {
300
303
  height: 2.875rem;
301
304
  }
302
- ._listview-option_1f4cx_302:not([aria-disabled=true]) {
305
+ ._listview-option_1w86c_305:not([aria-disabled=true]) {
303
306
  cursor: pointer;
304
307
  }
305
- ._listview-option_1f4cx_302[aria-selected=true]:not([aria-disabled=true])::before {
308
+ ._listview-option_1w86c_305[aria-selected=true]:not([aria-disabled=true])::before {
306
309
  content: "";
307
310
  background-color: var(--overlay-color-hover, rgba(20, 20, 20, 0.0784313725));
308
311
  }
309
- ._item_1f4cx_6[data-interactive=hover]:not([aria-disabled=true])::before, ._item_1f4cx_6:hover:not([aria-disabled=true])::before, ._item_1f4cx_6[aria-selected=true]:not([aria-disabled=true])::before {
312
+ ._item_1w86c_6[data-interactive=hover]:not([aria-disabled=true])::before, ._item_1w86c_6:hover:not([aria-disabled=true])::before, ._item_1w86c_6[aria-selected=true]:not([aria-disabled=true])::before {
310
313
  content: "";
311
314
  background-color: var(--overlay-color-hover, rgba(20, 20, 20, 0.0784313725));
312
315
  }
313
- ._item_1f4cx_6[aria-disabled=true] {
316
+ ._item_1w86c_6[aria-disabled=true] {
314
317
  opacity: 0.6;
315
318
  cursor: not-allowed;
316
319
  }
317
- ._item_1f4cx_6[data-checked=true] {
320
+ ._item_1w86c_6[data-checked=true] {
318
321
  color: var(--foreground-color-primary, #0265dc);
319
322
  background-color: var(--background-color-primary-subdued, #e0f2ff);
320
323
  }
321
- ._item_1f4cx_6[data-checked=true]:hover:not([aria-disabled=true])::before, ._item_1f4cx_6[data-checked=true][aria-selected=true]:not([aria-disabled=true])::before, ._item_1f4cx_6[data-checked=true][data-interactive=hover]:not([aria-disabled=true])::before {
324
+ ._item_1w86c_6[data-checked=true]:hover:not([aria-disabled=true])::before, ._item_1w86c_6[data-checked=true][aria-selected=true]:not([aria-disabled=true])::before, ._item_1w86c_6[data-checked=true][data-interactive=hover]:not([aria-disabled=true])::before {
322
325
  background-color: var(--overlay-color-hover-primary, rgba(2, 101, 220, 0.1019607843));
323
326
  }
324
- ._item_1f4cx_6[data-checked=true]:active:not([aria-disabled=true])::before {
327
+ ._item_1w86c_6[data-checked=true]:active:not([aria-disabled=true])::before {
325
328
  background-color: var(--overlay-color-active-primary, rgba(2, 101, 220, 0.3019607843));
326
329
  }
327
330
  }
package/dist/Combobox2.js CHANGED
@@ -6278,53 +6278,54 @@ function getKeyAttributes(key) {
6278
6278
  };
6279
6279
  }
6280
6280
 
6281
- const item = "_item_1f4cx_6";
6282
- const input = "_input_1f4cx_19";
6283
- const prefix = "_prefix_1f4cx_47";
6284
- const suffix = "_suffix_1f4cx_48";
6285
- const combobox = "_combobox_1f4cx_63";
6286
- const select = "_select_1f4cx_72";
6287
- const chip = "_chip_1f4cx_165";
6288
- const listview = "_listview_1f4cx_206";
6289
- const empty = "_empty_1f4cx_214";
6290
- const children = "_children_1f4cx_242";
6291
- const Icon = "_Icon_1f4cx_245";
6292
- const small = "_small_1f4cx_250";
6293
- const large = "_large_1f4cx_253";
6294
- const error = "_error_1f4cx_271";
6295
- const disabled = "_disabled_1f4cx_284";
6281
+ const item = "_item_1w86c_6";
6282
+ const input = "_input_1w86c_19";
6283
+ const prefix = "_prefix_1w86c_47";
6284
+ const suffix = "_suffix_1w86c_48";
6285
+ const combobox = "_combobox_1w86c_63";
6286
+ const select = "_select_1w86c_72";
6287
+ const chip = "_chip_1w86c_168";
6288
+ const listview = "_listview_1w86c_209";
6289
+ const empty = "_empty_1w86c_217";
6290
+ const children = "_children_1w86c_245";
6291
+ const Icon = "_Icon_1w86c_248";
6292
+ const small = "_small_1w86c_253";
6293
+ const large = "_large_1w86c_256";
6294
+ const error = "_error_1w86c_274";
6295
+ const disabled = "_disabled_1w86c_287";
6296
6296
  const styles = {
6297
- "buttons-wrapper": "_buttons-wrapper_1f4cx_4",
6298
- "search-field": "_search-field_1f4cx_5",
6297
+ "buttons-wrapper": "_buttons-wrapper_1w86c_4",
6298
+ "search-field": "_search-field_1w86c_5",
6299
6299
  item: item,
6300
6300
  input: input,
6301
- "input-wrapper": "_input-wrapper_1f4cx_20",
6302
- "toggle-button-wrapper": "_toggle-button-wrapper_1f4cx_33",
6303
- "close-button-wrapper": "_close-button-wrapper_1f4cx_34",
6301
+ "input-wrapper": "_input-wrapper_1w86c_20",
6302
+ "toggle-button-wrapper": "_toggle-button-wrapper_1w86c_33",
6303
+ "close-button-wrapper": "_close-button-wrapper_1w86c_34",
6304
6304
  prefix: prefix,
6305
6305
  suffix: suffix,
6306
6306
  combobox: combobox,
6307
6307
  select: select,
6308
- "popover-content": "_popover-content_1f4cx_75",
6309
- "input-flex": "_input-flex_1f4cx_94",
6310
- "fake-placeholder": "_fake-placeholder_1f4cx_122",
6311
- "close-button": "_close-button_1f4cx_34",
6312
- "toggle-button": "_toggle-button_1f4cx_33",
6313
- "rows-wrapper": "_rows-wrapper_1f4cx_155",
6314
- "chip-wrapper": "_chip-wrapper_1f4cx_165",
6308
+ "popover-content": "_popover-content_1w86c_75",
6309
+ "no-clear-button": "_no-clear-button_1w86c_94",
6310
+ "input-flex": "_input-flex_1w86c_97",
6311
+ "fake-placeholder": "_fake-placeholder_1w86c_125",
6312
+ "close-button": "_close-button_1w86c_34",
6313
+ "toggle-button": "_toggle-button_1w86c_33",
6314
+ "rows-wrapper": "_rows-wrapper_1w86c_158",
6315
+ "chip-wrapper": "_chip-wrapper_1w86c_168",
6315
6316
  chip: chip,
6316
6317
  listview: listview,
6317
- "loading-spinner": "_loading-spinner_1f4cx_210",
6318
+ "loading-spinner": "_loading-spinner_1w86c_213",
6318
6319
  empty: empty,
6319
6320
  children: children,
6320
6321
  Icon: Icon,
6321
6322
  small: small,
6322
6323
  large: large,
6323
6324
  error: error,
6324
- "loading-infinite": "_loading-infinite_1f4cx_284",
6325
- "loading-progress": "_loading-progress_1f4cx_284",
6325
+ "loading-infinite": "_loading-infinite_1w86c_287",
6326
+ "loading-progress": "_loading-progress_1w86c_287",
6326
6327
  disabled: disabled,
6327
- "listview-option": "_listview-option_1f4cx_302"
6328
+ "listview-option": "_listview-option_1w86c_305"
6328
6329
  };
6329
6330
 
6330
6331
  const ComboboxTrigger = ({
@@ -6347,6 +6348,7 @@ const ComboboxTrigger = ({
6347
6348
  }) => {
6348
6349
  const {
6349
6350
  select,
6351
+ disableClearSelection,
6350
6352
  isOpen,
6351
6353
  itemToString,
6352
6354
  getLabelProps,
@@ -6374,6 +6376,7 @@ const ComboboxTrigger = ({
6374
6376
  const ComboboxTriggerClassNames = cx(styles["search-field"], {
6375
6377
  [styles["select"]]: variant === "select"
6376
6378
  });
6379
+ const noClearButton = isDisabled || isReadOnly || disableClearSelection;
6377
6380
  const ComboboxInputWrapperClassNames = cx(
6378
6381
  styles["input-wrapper"],
6379
6382
  className ? {
@@ -6381,7 +6384,8 @@ const ComboboxTrigger = ({
6381
6384
  } : {},
6382
6385
  {
6383
6386
  [styles["small"]]: size === "small",
6384
- [styles["large"]]: size === "large"
6387
+ [styles["large"]]: size === "large",
6388
+ [styles["no-clear-button"]]: noClearButton
6385
6389
  }
6386
6390
  );
6387
6391
  const ComboboxInputClassNames = cx(
@@ -6507,7 +6511,7 @@ const ComboboxTrigger = ({
6507
6511
  },
6508
6512
  children: [
6509
6513
  /* @__PURE__ */ jsxs("div", { className: styles["buttons-wrapper"], children: [
6510
- (inputValue || selectedItem || selectedItems.length) && !isDisabled && !isReadOnly ? /* @__PURE__ */ jsx("div", { className: styles["close-button-wrapper"], children: /* @__PURE__ */ jsx(
6514
+ (inputValue || selectedItem || selectedItems.length) && !noClearButton ? /* @__PURE__ */ jsx("div", { className: styles["close-button-wrapper"], children: /* @__PURE__ */ jsx(
6511
6515
  Button,
6512
6516
  {
6513
6517
  "aria-label": "clear selection",
@@ -7535,6 +7539,7 @@ const SelectSingle = function(props) {
7535
7539
  itemToString: itemToStringProp,
7536
7540
  itemToKey: itemToKeyProp,
7537
7541
  onChange,
7542
+ disableClearSelection = false,
7538
7543
  disableCloseOnClickOutside = false,
7539
7544
  disableMatchReferenceWidth = false,
7540
7545
  disableCloseOnSelectItem = false,
@@ -7637,6 +7642,7 @@ const SelectSingle = function(props) {
7637
7642
  value: {
7638
7643
  multiple: false,
7639
7644
  select: true,
7645
+ disableClearSelection,
7640
7646
  items,
7641
7647
  itemToString,
7642
7648
  itemToKey,