@box/blueprint-web 17.15.1 → 17.15.2

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 (4) hide show
  1. package/dist/lib-esm/combobox/combobox.module.js +1 -1
  2. package/dist/lib-esm/components.css +60 -53
  3. package/dist/lib-esm/index.css +60 -53
  4. package/package.json +3 -3
package/dist/lib-esm/combobox/combobox.module.js CHANGED
@@ -1,4 +1,4 @@
1
1
  import '../index.css';
2
- var styles = {"container":"bp_combobox_module_container--0d975","label":"bp_combobox_module_label--0d975","textInput":"bp_combobox_module_textInput--0d975","popover":"bp_combobox_module_popover--0d975","disabled":"bp_combobox_module_disabled--0d975","hiddenLabel":"bp_combobox_module_hiddenLabel--0d975","comboboxContainer":"bp_combobox_module_comboboxContainer--0d975","comboboxContainerInner":"bp_combobox_module_comboboxContainerInner--0d975","withChips":"bp_combobox_module_withChips--0d975","error":"bp_combobox_module_error--0d975","withComboboxButtons":"bp_combobox_module_withComboboxButtons--0d975","withInlineErrorAndEndButton":"bp_combobox_module_withInlineErrorAndEndButton--0d975","textInputWrapper":"bp_combobox_module_textInputWrapper--0d975","comboboxButtons":"bp_combobox_module_comboboxButtons--0d975","inlineErrorIcon":"bp_combobox_module_inlineErrorIcon--0d975","inlineError":"bp_combobox_module_inlineError--0d975","popoverInner":"bp_combobox_module_popoverInner--0d975","option":"bp_combobox_module_option--0d975","indicator":"bp_combobox_module_indicator--0d975","indicatorIcon":"bp_combobox_module_indicatorIcon--0d975","optionWithIndicator":"bp_combobox_module_optionWithIndicator--0d975","loadingIndicator":"bp_combobox_module_loadingIndicator--0d975"};
2
+ var styles = {"container":"bp_combobox_module_container--9b3ff","label":"bp_combobox_module_label--9b3ff","textInput":"bp_combobox_module_textInput--9b3ff","popover":"bp_combobox_module_popover--9b3ff","disabled":"bp_combobox_module_disabled--9b3ff","hiddenLabel":"bp_combobox_module_hiddenLabel--9b3ff","comboboxContainer":"bp_combobox_module_comboboxContainer--9b3ff","comboboxContainerInner":"bp_combobox_module_comboboxContainerInner--9b3ff","withChips":"bp_combobox_module_withChips--9b3ff","error":"bp_combobox_module_error--9b3ff","withComboboxButtons":"bp_combobox_module_withComboboxButtons--9b3ff","withInlineErrorAndEndButton":"bp_combobox_module_withInlineErrorAndEndButton--9b3ff","textInputWrapper":"bp_combobox_module_textInputWrapper--9b3ff","comboboxButtons":"bp_combobox_module_comboboxButtons--9b3ff","inlineErrorIcon":"bp_combobox_module_inlineErrorIcon--9b3ff","inlineError":"bp_combobox_module_inlineError--9b3ff","popoverInner":"bp_combobox_module_popoverInner--9b3ff","option":"bp_combobox_module_option--9b3ff","indicator":"bp_combobox_module_indicator--9b3ff","indicatorIcon":"bp_combobox_module_indicatorIcon--9b3ff","optionWithIndicator":"bp_combobox_module_optionWithIndicator--9b3ff","loadingIndicator":"bp_combobox_module_loadingIndicator--9b3ff"};
3
3
 
4
4
  export { styles as default };
package/dist/lib-esm/components.css CHANGED
@@ -5007,7 +5007,7 @@
5007
5007
  .bp_text_area_module_textAreaContainer--44657 .bp_text_area_module_inlineError--44657{
5008
5008
  margin-block-start:var(--text-area-container-row-gap);
5009
5009
  }
5010
- .bp_combobox_module_container--0d975[data-modern=false]{
5010
+ .bp_combobox_module_container--9b3ff[data-modern=false]{
5011
5011
  --max-lines:3;
5012
5012
  --input-height:var(--space-5);
5013
5013
  --chip-height:var(--space-7);
@@ -5058,6 +5058,7 @@
5058
5058
  --combobox-text-input-color:var(--text-text-on-light);
5059
5059
  --combobox-text-input-wrapper-gap:var(--space-2);
5060
5060
  --combobox-text-input-background-color:#0000;
5061
+ --combobox-text-input-placeholder-color:var(--text-text-on-light-secondary);
5061
5062
  --combobox-error-icon-fill:var(--icon-icon-error-on-light);
5062
5063
  --combobox-inline-error-margin-block-start:var(--space-2);
5063
5064
  --combobox-inline-error-icon-width:var(--size-5);
@@ -5073,7 +5074,7 @@
5073
5074
  text-decoration:var(--body-default-text-decoration);
5074
5075
  text-transform:var(--body-default-text-case);
5075
5076
  }
5076
- .bp_combobox_module_container--0d975[data-modern=false] .bp_combobox_module_label--0d975{
5077
+ .bp_combobox_module_container--9b3ff[data-modern=false] .bp_combobox_module_label--9b3ff{
5077
5078
  font-family:var(--body-default-bold-font-family);
5078
5079
  font-size:var(--body-default-bold-font-size);
5079
5080
  font-weight:var(--body-default-bold-font-weight);
@@ -5082,7 +5083,7 @@
5082
5083
  text-decoration:var(--body-default-bold-text-decoration);
5083
5084
  text-transform:var(--body-default-bold-text-case);
5084
5085
  }
5085
- .bp_combobox_module_container--0d975[data-modern=false] .bp_combobox_module_textInput--0d975{
5086
+ .bp_combobox_module_container--9b3ff[data-modern=false] .bp_combobox_module_textInput--9b3ff{
5086
5087
  font-family:var(--body-default-font-family);
5087
5088
  font-size:var(--body-default-font-size);
5088
5089
  font-weight:var(--body-default-font-weight);
@@ -5092,7 +5093,7 @@
5092
5093
  text-transform:var(--body-default-text-case);
5093
5094
  }
5094
5095
 
5095
- .bp_combobox_module_container--0d975[data-modern=true]{
5096
+ .bp_combobox_module_container--9b3ff[data-modern=true]{
5096
5097
  --max-lines:3;
5097
5098
  --bp-innershadow-01:var(--innershadow-1);
5098
5099
  --bp-input-height:var(--bp-space-050);
@@ -5149,6 +5150,7 @@
5149
5150
  --combobox-text-input-color:var(--bp-text-text-on-light);
5150
5151
  --combobox-text-input-wrapper-gap:var(--bp-space-020);
5151
5152
  --combobox-text-input-background-color:#0000;
5153
+ --combobox-text-input-placeholder-color:var(--bp-text-text-on-light-secondary);
5152
5154
  --combobox-error-icon-fill:var(--bp-icon-icon-error-on-light);
5153
5155
  --combobox-inline-error-margin-block-start:var(--bp-space-020);
5154
5156
  --combobox-inline-error-icon-width:var(--bp-size-050);
@@ -5163,7 +5165,7 @@
5163
5165
  letter-spacing:var(--bp-font-letter-spacing-01);
5164
5166
  line-height:var(--bp-font-line-height-04);
5165
5167
  }
5166
- :where(body.is-inter-font) .bp_combobox_module_container--0d975[data-modern=true]{
5168
+ :where(body.is-inter-font) .bp_combobox_module_container--9b3ff[data-modern=true]{
5167
5169
  font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
5168
5170
  font-size:.875rem;
5169
5171
  font-style:normal;
@@ -5174,7 +5176,7 @@
5174
5176
  text-transform:none;
5175
5177
  }
5176
5178
 
5177
- .bp_combobox_module_container--0d975[data-modern=true] .bp_combobox_module_label--0d975{
5179
+ .bp_combobox_module_container--9b3ff[data-modern=true] .bp_combobox_module_label--9b3ff{
5178
5180
  font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
5179
5181
  font-size:var(--bp-font-size-05);
5180
5182
  font-style:normal;
@@ -5182,7 +5184,7 @@
5182
5184
  letter-spacing:var(--bp-font-letter-spacing-01);
5183
5185
  line-height:var(--bp-font-line-height-04);
5184
5186
  }
5185
- :where(body.is-inter-font) .bp_combobox_module_container--0d975[data-modern=true] .bp_combobox_module_label--0d975{
5187
+ :where(body.is-inter-font) .bp_combobox_module_container--9b3ff[data-modern=true] .bp_combobox_module_label--9b3ff{
5186
5188
  font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
5187
5189
  font-size:.875rem;
5188
5190
  font-style:normal;
@@ -5193,7 +5195,7 @@
5193
5195
  text-transform:none;
5194
5196
  }
5195
5197
 
5196
- .bp_combobox_module_container--0d975[data-modern=true] .bp_combobox_module_textInput--0d975{
5198
+ .bp_combobox_module_container--9b3ff[data-modern=true] .bp_combobox_module_textInput--9b3ff{
5197
5199
  font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
5198
5200
  font-size:var(--bp-font-size-05);
5199
5201
  font-style:normal;
@@ -5201,7 +5203,7 @@
5201
5203
  letter-spacing:var(--bp-font-letter-spacing-01);
5202
5204
  line-height:var(--bp-font-line-height-04);
5203
5205
  }
5204
- :where(body.is-inter-font) .bp_combobox_module_container--0d975[data-modern=true] .bp_combobox_module_textInput--0d975{
5206
+ :where(body.is-inter-font) .bp_combobox_module_container--9b3ff[data-modern=true] .bp_combobox_module_textInput--9b3ff{
5205
5207
  font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
5206
5208
  font-size:.875rem;
5207
5209
  font-style:normal;
@@ -5212,7 +5214,7 @@
5212
5214
  text-transform:none;
5213
5215
  }
5214
5216
 
5215
- .bp_combobox_module_popover--0d975[data-modern=false]{
5217
+ .bp_combobox_module_popover--9b3ff[data-modern=false]{
5216
5218
  --option-height:2.25rem;
5217
5219
  --dropdown-max-height:12.5rem;
5218
5220
  --combobox-popover-max-height:min(
@@ -5253,7 +5255,7 @@
5253
5255
  text-transform:var(--body-default-text-case);
5254
5256
  }
5255
5257
 
5256
- .bp_combobox_module_popover--0d975[data-modern=true]{
5258
+ .bp_combobox_module_popover--9b3ff[data-modern=true]{
5257
5259
  --option-height:2.25rem;
5258
5260
  --dropdown-max-height:12.5rem;
5259
5261
  --bp-dropshadow-03:var(--dropshadow-3);
@@ -5293,7 +5295,7 @@
5293
5295
  letter-spacing:var(--bp-font-letter-spacing-01);
5294
5296
  line-height:var(--bp-font-line-height-04);
5295
5297
  }
5296
- :where(body.is-inter-font) .bp_combobox_module_popover--0d975[data-modern=true]{
5298
+ :where(body.is-inter-font) .bp_combobox_module_popover--9b3ff[data-modern=true]{
5297
5299
  font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
5298
5300
  font-size:.875rem;
5299
5301
  font-style:normal;
@@ -5304,22 +5306,22 @@
5304
5306
  text-transform:none;
5305
5307
  }
5306
5308
 
5307
- .bp_combobox_module_container--0d975{
5309
+ .bp_combobox_module_container--9b3ff{
5308
5310
  display:flex;
5309
5311
  flex-direction:column;
5310
5312
  }
5311
- .bp_combobox_module_container--0d975.bp_combobox_module_disabled--0d975{
5313
+ .bp_combobox_module_container--9b3ff.bp_combobox_module_disabled--9b3ff{
5312
5314
  opacity:var(--disabled-opacity);
5313
5315
  }
5314
- .bp_combobox_module_container--0d975 .bp_combobox_module_label--0d975{
5316
+ .bp_combobox_module_container--9b3ff .bp_combobox_module_label--9b3ff{
5315
5317
  color:var(--combobox-label-color);
5316
5318
  flex:0 0 fit-content;
5317
5319
  overflow-wrap:break-word;
5318
5320
  }
5319
- .bp_combobox_module_container--0d975 .bp_combobox_module_label--0d975:not(.bp_combobox_module_hiddenLabel--0d975){
5321
+ .bp_combobox_module_container--9b3ff .bp_combobox_module_label--9b3ff:not(.bp_combobox_module_hiddenLabel--9b3ff){
5320
5322
  margin-block-end:var(--combobox-label-margin-block-end);
5321
5323
  }
5322
- .bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975{
5324
+ .bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff{
5323
5325
  --combobox-container-border-compensation:0px;
5324
5326
  background-color:var(--combobox-container-background-color);
5325
5327
  border-bottom:var(--combobox-container-border-bottom-width) solid var(--combobox-container-border-color);
@@ -5332,7 +5334,7 @@
5332
5334
  overflow:hidden;
5333
5335
  position:relative;
5334
5336
  }
5335
- .bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975 .bp_combobox_module_comboboxContainerInner--0d975{
5337
+ .bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff .bp_combobox_module_comboboxContainerInner--9b3ff{
5336
5338
  display:flex;
5337
5339
  flex-wrap:wrap;
5338
5340
  gap:var(--combobox-container-contents-gap);
@@ -5340,31 +5342,31 @@
5340
5342
  padding-block:var(--combobox-container-padding-block);
5341
5343
  padding-inline:calc(var(--combobox-container-padding-inline) - max(var(--blueprint-combobox-padding-compensation-inline-start, 0px), var(--combobox-container-border-compensation))) calc(var(--combobox-container-padding-inline) - var(--combobox-container-border-compensation));
5342
5344
  }
5343
- .bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975.bp_combobox_module_withChips--0d975 .bp_combobox_module_comboboxContainerInner--0d975{
5345
+ .bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff.bp_combobox_module_withChips--9b3ff .bp_combobox_module_comboboxContainerInner--9b3ff{
5344
5346
  max-height:var(--combobox-container-with-chips-max-height);
5345
5347
  padding-block:var(--combobox-container-with-chips-padding-block);
5346
5348
  }
5347
- .bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975.bp_combobox_module_withChips--0d975:not(:disabled).bp_combobox_module_error--0d975 .bp_combobox_module_comboboxContainerInner--0d975{
5349
+ .bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff.bp_combobox_module_withChips--9b3ff:not(:disabled).bp_combobox_module_error--9b3ff .bp_combobox_module_comboboxContainerInner--9b3ff{
5348
5350
  padding-block:var(--combobox-container-with-chips-error-padding-block);
5349
5351
  }
5350
- .bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975.bp_combobox_module_withChips--0d975:not(:disabled):has(input:focus) .bp_combobox_module_comboboxContainerInner--0d975{
5352
+ .bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff.bp_combobox_module_withChips--9b3ff:not(:disabled):has(input:focus) .bp_combobox_module_comboboxContainerInner--9b3ff{
5351
5353
  padding-block:var(--combobox-container-with-chips-focus-padding-block);
5352
5354
  }
5353
- .bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975.bp_combobox_module_withComboboxButtons--0d975 .bp_combobox_module_comboboxContainerInner--0d975{
5355
+ .bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff.bp_combobox_module_withComboboxButtons--9b3ff .bp_combobox_module_comboboxContainerInner--9b3ff{
5354
5356
  padding-inline-end:calc(var(--combobox-container-padding-inline-end-with-buttons) - var(--combobox-container-border-compensation));
5355
5357
  }
5356
- .bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975.bp_combobox_module_withComboboxButtons--0d975.bp_combobox_module_withInlineErrorAndEndButton--0d975 .bp_combobox_module_comboboxContainerInner--0d975{
5358
+ .bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff.bp_combobox_module_withComboboxButtons--9b3ff.bp_combobox_module_withInlineErrorAndEndButton--9b3ff .bp_combobox_module_comboboxContainerInner--9b3ff{
5357
5359
  padding-inline-end:calc(var(--combobox-container-padding-inline-end-with-inline-error-and-buttons) - var(--combobox-container-border-compensation));
5358
5360
  }
5359
- .bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975:not(:disabled):has(input:focus){
5361
+ .bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff:not(:disabled):has(input:focus){
5360
5362
  --combobox-container-border-compensation:calc(var(--combobox-border-width-focus) - var(--combobox-border-width));
5361
5363
  background-color:var(--combobox-container-focus-background-color);
5362
5364
  border:var(--combobox-container-focus-border);
5363
5365
  }
5364
- .bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975:not(:disabled):has(input:focus) .bp_combobox_module_comboboxContainerInner--0d975{
5366
+ .bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff:not(:disabled):has(input:focus) .bp_combobox_module_comboboxContainerInner--9b3ff{
5365
5367
  padding-block:var(--combobox-container-focus-padding-block);
5366
5368
  }
5367
- .bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975:not(:disabled).bp_combobox_module_error--0d975,.bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975:not(:disabled):has([aria-invalid=true]){
5369
+ .bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff:not(:disabled).bp_combobox_module_error--9b3ff,.bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff:not(:disabled):has([aria-invalid=true]){
5368
5370
  --combobox-container-border-compensation:calc(var(--combobox-border-width-error) - var(--combobox-border-width));
5369
5371
  background-color:var(--combobox-container-error-background-color);
5370
5372
  border-bottom:var(--combobox-container-error-border-bottom-width) solid var(--combobox-container-error-border-color);
@@ -5372,22 +5374,22 @@
5372
5374
  border-right:var(--combobox-container-error-border-right-width) solid var(--combobox-container-error-border-color);
5373
5375
  border-top:var(--combobox-container-error-border-top-width) solid var(--combobox-container-error-border-color);
5374
5376
  }
5375
- .bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975:not(:disabled).bp_combobox_module_error--0d975 .bp_combobox_module_comboboxContainerInner--0d975,.bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975:not(:disabled):has([aria-invalid=true]) .bp_combobox_module_comboboxContainerInner--0d975{
5377
+ .bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff:not(:disabled).bp_combobox_module_error--9b3ff .bp_combobox_module_comboboxContainerInner--9b3ff,.bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff:not(:disabled):has([aria-invalid=true]) .bp_combobox_module_comboboxContainerInner--9b3ff{
5376
5378
  padding-block:var(--combobox-container-error-padding-block);
5377
5379
  }
5378
- .bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975:not(:disabled, :has(input:focus)):has(input:hover):not(.bp_combobox_module_error--0d975, :has([aria-invalid=true])){
5380
+ .bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff:not(:disabled, :has(input:focus)):has(input:hover):not(.bp_combobox_module_error--9b3ff, :has([aria-invalid=true])){
5379
5381
  border-bottom:var(--combobox-container-border-bottom-width) solid var(--combobox-container-border-color-hover);
5380
5382
  border-left:var(--combobox-container-border-left-width) solid var(--combobox-container-border-color-hover);
5381
5383
  border-right:var(--combobox-container-border-right-width) solid var(--combobox-container-border-color-hover);
5382
5384
  border-top:var(--combobox-container-border-top-width) solid var(--combobox-container-border-color-hover);
5383
5385
  }
5384
- .bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975 .bp_combobox_module_textInputWrapper--0d975{
5386
+ .bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff .bp_combobox_module_textInputWrapper--9b3ff{
5385
5387
  align-items:center;
5386
5388
  display:flex;
5387
5389
  flex:content;
5388
5390
  gap:var(--combobox-text-input-wrapper-gap);
5389
5391
  }
5390
- .bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975 .bp_combobox_module_textInputWrapper--0d975 .bp_combobox_module_textInput--0d975{
5392
+ .bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff .bp_combobox_module_textInputWrapper--9b3ff .bp_combobox_module_textInput--9b3ff{
5391
5393
  background-color:var(--combobox-text-input-background-color);
5392
5394
  border:none;
5393
5395
  color:var(--combobox-text-input-color);
@@ -5396,10 +5398,14 @@
5396
5398
  padding:0;
5397
5399
  width:100%;
5398
5400
  }
5399
- .bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975 .bp_combobox_module_textInputWrapper--0d975 .bp_combobox_module_errorIcon--0d975 path{
5401
+ .bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff .bp_combobox_module_textInputWrapper--9b3ff .bp_combobox_module_textInput--9b3ff::placeholder{
5402
+ color:var(--combobox-text-input-placeholder-color);
5403
+ opacity:1;
5404
+ }
5405
+ .bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff .bp_combobox_module_textInputWrapper--9b3ff .bp_combobox_module_errorIcon--9b3ff path{
5400
5406
  fill:var(--combobox-error-icon-fill);
5401
5407
  }
5402
- .bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975 .bp_combobox_module_textInputWrapper--0d975 .bp_combobox_module_comboboxButtons--0d975{
5408
+ .bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff .bp_combobox_module_textInputWrapper--9b3ff .bp_combobox_module_comboboxButtons--9b3ff{
5403
5409
  align-items:center;
5404
5410
  display:flex;
5405
5411
  gap:var(--combobox-buttons-gap);
@@ -5407,22 +5413,22 @@
5407
5413
  right:calc(var(--combobox-button-spacing) - var(--combobox-container-border-compensation));
5408
5414
  top:calc(var(--combobox-button-spacing) - var(--combobox-container-border-compensation));
5409
5415
  }
5410
- .bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975 .bp_combobox_module_textInputWrapper--0d975 .bp_combobox_module_inlineErrorIcon--0d975{
5416
+ .bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff .bp_combobox_module_textInputWrapper--9b3ff .bp_combobox_module_inlineErrorIcon--9b3ff{
5411
5417
  height:var(--combobox-inline-error-icon-height);
5412
5418
  width:var(--combobox-inline-error-icon-width);
5413
5419
  }
5414
- .bp_combobox_module_container--0d975 .bp_combobox_module_inlineError--0d975{
5420
+ .bp_combobox_module_container--9b3ff .bp_combobox_module_inlineError--9b3ff{
5415
5421
  margin-block-start:var(--combobox-inline-error-margin-block-start);
5416
5422
  }
5417
- .bp_combobox_module_container--0d975[data-modern=true] .bp_combobox_module_comboboxContainer--0d975[data-bp-animated=true]{
5423
+ .bp_combobox_module_container--9b3ff[data-modern=true] .bp_combobox_module_comboboxContainer--9b3ff[data-bp-animated=true]{
5418
5424
  transition-duration:var(--bp-duration-short);
5419
5425
  transition-property:border-color, background-color;
5420
5426
  transition-timing-function:var(--bp-curve-small-off);
5421
5427
  }
5422
- .bp_combobox_module_container--0d975[data-modern=true] .bp_combobox_module_comboboxContainer--0d975[data-bp-animated=true]:not(:disabled).bp_combobox_module_error--0d975,.bp_combobox_module_container--0d975[data-modern=true] .bp_combobox_module_comboboxContainer--0d975[data-bp-animated=true]:not(:disabled):has([aria-invalid=true]),.bp_combobox_module_container--0d975[data-modern=true] .bp_combobox_module_comboboxContainer--0d975[data-bp-animated=true]:not(:disabled):has(input:focus),.bp_combobox_module_container--0d975[data-modern=true] .bp_combobox_module_comboboxContainer--0d975[data-bp-animated=true]:not(:disabled):has(input:hover){
5428
+ .bp_combobox_module_container--9b3ff[data-modern=true] .bp_combobox_module_comboboxContainer--9b3ff[data-bp-animated=true]:not(:disabled).bp_combobox_module_error--9b3ff,.bp_combobox_module_container--9b3ff[data-modern=true] .bp_combobox_module_comboboxContainer--9b3ff[data-bp-animated=true]:not(:disabled):has([aria-invalid=true]),.bp_combobox_module_container--9b3ff[data-modern=true] .bp_combobox_module_comboboxContainer--9b3ff[data-bp-animated=true]:not(:disabled):has(input:focus),.bp_combobox_module_container--9b3ff[data-modern=true] .bp_combobox_module_comboboxContainer--9b3ff[data-bp-animated=true]:not(:disabled):has(input:hover){
5423
5429
  transition-timing-function:var(--bp-curve-small-on);
5424
5430
  }
5425
- .bp_combobox_module_popover--0d975{
5431
+ .bp_combobox_module_popover--9b3ff{
5426
5432
  backdrop-filter:var(--combobox-popover-backdrop-filter);
5427
5433
  background-color:var(--combobox-popover-background-color);
5428
5434
  border:var(--combobox-popover-border);
@@ -5431,13 +5437,14 @@
5431
5437
  overflow:hidden;
5432
5438
  z-index:var(--z-index-popover);
5433
5439
  }
5434
- .bp_combobox_module_popover--0d975 .bp_combobox_module_popoverInner--0d975{
5440
+ .bp_combobox_module_popover--9b3ff .bp_combobox_module_popoverInner--9b3ff{
5441
+ box-sizing:initial !important;
5435
5442
  max-height:var(--combobox-popover-max-height);
5436
5443
  overflow:auto;
5437
5444
  padding-block:var(--combobox-popover-padding-block);
5438
5445
  padding-inline:var(--combobox-popover-padding-inline);
5439
5446
  }
5440
- .bp_combobox_module_popover--0d975 .bp_combobox_module_option--0d975{
5447
+ .bp_combobox_module_popover--9b3ff .bp_combobox_module_option--9b3ff{
5441
5448
  border:var(--combobox-option-border);
5442
5449
  border-radius:var(--combobox-option-border-radius);
5443
5450
  box-sizing:border-box;
@@ -5452,21 +5459,21 @@
5452
5459
  user-select:none;
5453
5460
  width:100%;
5454
5461
  }
5455
- .bp_combobox_module_popover--0d975 .bp_combobox_module_option--0d975[aria-disabled]{
5462
+ .bp_combobox_module_popover--9b3ff .bp_combobox_module_option--9b3ff[aria-disabled]{
5456
5463
  opacity:var(--combobox-option-disabled-opacity);
5457
5464
  }
5458
- .bp_combobox_module_popover--0d975 .bp_combobox_module_option--0d975[data-active-item]:not([aria-disabled]){
5465
+ .bp_combobox_module_popover--9b3ff .bp_combobox_module_option--9b3ff[data-active-item]:not([aria-disabled]){
5459
5466
  background-color:var(--combobox-option-active-background-color);
5460
5467
  border:var(--combobox-option-active-border);
5461
5468
  }
5462
- .bp_combobox_module_popover--0d975 .bp_combobox_module_option--0d975:active{
5469
+ .bp_combobox_module_popover--9b3ff .bp_combobox_module_option--9b3ff:active{
5463
5470
  background-color:var(--combobox-option-hover-background-color);
5464
5471
  border:var(--combobox-option-border);
5465
5472
  }
5466
- .bp_combobox_module_popover--0d975 .bp_combobox_module_option--0d975:hover{
5473
+ .bp_combobox_module_popover--9b3ff .bp_combobox_module_option--9b3ff:hover{
5467
5474
  background-color:var(--combobox-option-hover-background-color);
5468
5475
  }
5469
- .bp_combobox_module_popover--0d975 .bp_combobox_module_option--0d975 .bp_combobox_module_indicator--0d975{
5476
+ .bp_combobox_module_popover--9b3ff .bp_combobox_module_option--9b3ff .bp_combobox_module_indicator--9b3ff{
5470
5477
  align-items:center;
5471
5478
  display:flex;
5472
5479
  height:var(--combobox-option-indicator-height);
@@ -5475,44 +5482,44 @@
5475
5482
  position:absolute;
5476
5483
  top:var(--combobox-option-indicator-top);
5477
5484
  }
5478
- .bp_combobox_module_popover--0d975 .bp_combobox_module_option--0d975 .bp_combobox_module_indicator--0d975 .bp_combobox_module_indicatorIcon--0d975 path{
5485
+ .bp_combobox_module_popover--9b3ff .bp_combobox_module_option--9b3ff .bp_combobox_module_indicator--9b3ff .bp_combobox_module_indicatorIcon--9b3ff path{
5479
5486
  fill:var(--combobox-option-indicator-icon-fill);
5480
5487
  }
5481
- .bp_combobox_module_popover--0d975 .bp_combobox_module_optionWithIndicator--0d975{
5488
+ .bp_combobox_module_popover--9b3ff .bp_combobox_module_optionWithIndicator--9b3ff{
5482
5489
  padding-inline:var(--combobox-option-with-indicator-padding-inline);
5483
5490
  }
5484
- .bp_combobox_module_popover--0d975 .bp_combobox_module_loadingIndicator--0d975{
5491
+ .bp_combobox_module_popover--9b3ff .bp_combobox_module_loadingIndicator--9b3ff{
5485
5492
  position:var(--combobox-loading-indicator-position);
5486
5493
  }
5487
- .bp_combobox_module_popover--0d975 .bp_combobox_module_noResultOption--0d975{
5494
+ .bp_combobox_module_popover--9b3ff .bp_combobox_module_noResultOption--9b3ff{
5488
5495
  color:var(--combobox-no-result-option-color);
5489
5496
  -webkit-user-select:none;
5490
5497
  user-select:none;
5491
5498
  }
5492
5499
 
5493
- .bp_combobox_module_popover--0d975[data-modern=true][data-bp-animated=true]{
5500
+ .bp_combobox_module_popover--9b3ff[data-modern=true][data-bp-animated=true]{
5494
5501
  opacity:var(--bp-opacity-hidden);
5495
5502
  transform:translateY(calc(var(--bp-space-020)*-1));
5496
5503
  transition-duration:var(--bp-duration-short);
5497
5504
  transition-property:opacity, transform;
5498
5505
  transition-timing-function:var(--bp-curve-medium-off);
5499
5506
  }
5500
- .bp_combobox_module_popover--0d975[data-modern=true][data-bp-animated=true][data-side=top]{
5507
+ .bp_combobox_module_popover--9b3ff[data-modern=true][data-bp-animated=true][data-side=top]{
5501
5508
  transform:translateY(var(--bp-space-020));
5502
5509
  }
5503
- .bp_combobox_module_popover--0d975[data-modern=true][data-bp-animated=true][data-enter]{
5510
+ .bp_combobox_module_popover--9b3ff[data-modern=true][data-bp-animated=true][data-enter]{
5504
5511
  opacity:var(--bp-opacity-visible);
5505
5512
  transform:translateY(0);
5506
5513
  transition-duration:var(--bp-duration-medium);
5507
5514
  transition-timing-function:var(--bp-curve-medium-on);
5508
5515
  }
5509
5516
 
5510
- .bp_combobox_module_popover--0d975[data-modern=true][data-bp-animated=true] .bp_combobox_module_option--0d975{
5517
+ .bp_combobox_module_popover--9b3ff[data-modern=true][data-bp-animated=true] .bp_combobox_module_option--9b3ff{
5511
5518
  transition-duration:var(--bp-duration-short);
5512
5519
  transition-property:background-color;
5513
5520
  transition-timing-function:var(--bp-curve-small-off);
5514
5521
  }
5515
- .bp_combobox_module_popover--0d975[data-modern=true][data-bp-animated=true] .bp_combobox_module_option--0d975:active,.bp_combobox_module_popover--0d975[data-modern=true][data-bp-animated=true] .bp_combobox_module_option--0d975:hover,.bp_combobox_module_popover--0d975[data-modern=true][data-bp-animated=true] .bp_combobox_module_option--0d975[data-active-item]:not([aria-disabled]){
5522
+ .bp_combobox_module_popover--9b3ff[data-modern=true][data-bp-animated=true] .bp_combobox_module_option--9b3ff:active,.bp_combobox_module_popover--9b3ff[data-modern=true][data-bp-animated=true] .bp_combobox_module_option--9b3ff:hover,.bp_combobox_module_popover--9b3ff[data-modern=true][data-bp-animated=true] .bp_combobox_module_option--9b3ff[data-active-item]:not([aria-disabled]){
5516
5523
  transition-timing-function:var(--bp-curve-small-on);
5517
5524
  }
5518
5525
  .bp_combobox_group_module_container--07d83[data-modern=false]{
package/dist/lib-esm/index.css CHANGED
@@ -5007,7 +5007,7 @@
5007
5007
  .bp_text_area_module_textAreaContainer--44657 .bp_text_area_module_inlineError--44657{
5008
5008
  margin-block-start:var(--text-area-container-row-gap);
5009
5009
  }
5010
- .bp_combobox_module_container--0d975[data-modern=false]{
5010
+ .bp_combobox_module_container--9b3ff[data-modern=false]{
5011
5011
  --max-lines:3;
5012
5012
  --input-height:var(--space-5);
5013
5013
  --chip-height:var(--space-7);
@@ -5058,6 +5058,7 @@
5058
5058
  --combobox-text-input-color:var(--text-text-on-light);
5059
5059
  --combobox-text-input-wrapper-gap:var(--space-2);
5060
5060
  --combobox-text-input-background-color:#0000;
5061
+ --combobox-text-input-placeholder-color:var(--text-text-on-light-secondary);
5061
5062
  --combobox-error-icon-fill:var(--icon-icon-error-on-light);
5062
5063
  --combobox-inline-error-margin-block-start:var(--space-2);
5063
5064
  --combobox-inline-error-icon-width:var(--size-5);
@@ -5073,7 +5074,7 @@
5073
5074
  text-decoration:var(--body-default-text-decoration);
5074
5075
  text-transform:var(--body-default-text-case);
5075
5076
  }
5076
- .bp_combobox_module_container--0d975[data-modern=false] .bp_combobox_module_label--0d975{
5077
+ .bp_combobox_module_container--9b3ff[data-modern=false] .bp_combobox_module_label--9b3ff{
5077
5078
  font-family:var(--body-default-bold-font-family);
5078
5079
  font-size:var(--body-default-bold-font-size);
5079
5080
  font-weight:var(--body-default-bold-font-weight);
@@ -5082,7 +5083,7 @@
5082
5083
  text-decoration:var(--body-default-bold-text-decoration);
5083
5084
  text-transform:var(--body-default-bold-text-case);
5084
5085
  }
5085
- .bp_combobox_module_container--0d975[data-modern=false] .bp_combobox_module_textInput--0d975{
5086
+ .bp_combobox_module_container--9b3ff[data-modern=false] .bp_combobox_module_textInput--9b3ff{
5086
5087
  font-family:var(--body-default-font-family);
5087
5088
  font-size:var(--body-default-font-size);
5088
5089
  font-weight:var(--body-default-font-weight);
@@ -5092,7 +5093,7 @@
5092
5093
  text-transform:var(--body-default-text-case);
5093
5094
  }
5094
5095
 
5095
- .bp_combobox_module_container--0d975[data-modern=true]{
5096
+ .bp_combobox_module_container--9b3ff[data-modern=true]{
5096
5097
  --max-lines:3;
5097
5098
  --bp-innershadow-01:var(--innershadow-1);
5098
5099
  --bp-input-height:var(--bp-space-050);
@@ -5149,6 +5150,7 @@
5149
5150
  --combobox-text-input-color:var(--bp-text-text-on-light);
5150
5151
  --combobox-text-input-wrapper-gap:var(--bp-space-020);
5151
5152
  --combobox-text-input-background-color:#0000;
5153
+ --combobox-text-input-placeholder-color:var(--bp-text-text-on-light-secondary);
5152
5154
  --combobox-error-icon-fill:var(--bp-icon-icon-error-on-light);
5153
5155
  --combobox-inline-error-margin-block-start:var(--bp-space-020);
5154
5156
  --combobox-inline-error-icon-width:var(--bp-size-050);
@@ -5163,7 +5165,7 @@
5163
5165
  letter-spacing:var(--bp-font-letter-spacing-01);
5164
5166
  line-height:var(--bp-font-line-height-04);
5165
5167
  }
5166
- :where(body.is-inter-font) .bp_combobox_module_container--0d975[data-modern=true]{
5168
+ :where(body.is-inter-font) .bp_combobox_module_container--9b3ff[data-modern=true]{
5167
5169
  font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
5168
5170
  font-size:.875rem;
5169
5171
  font-style:normal;
@@ -5174,7 +5176,7 @@
5174
5176
  text-transform:none;
5175
5177
  }
5176
5178
 
5177
- .bp_combobox_module_container--0d975[data-modern=true] .bp_combobox_module_label--0d975{
5179
+ .bp_combobox_module_container--9b3ff[data-modern=true] .bp_combobox_module_label--9b3ff{
5178
5180
  font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
5179
5181
  font-size:var(--bp-font-size-05);
5180
5182
  font-style:normal;
@@ -5182,7 +5184,7 @@
5182
5184
  letter-spacing:var(--bp-font-letter-spacing-01);
5183
5185
  line-height:var(--bp-font-line-height-04);
5184
5186
  }
5185
- :where(body.is-inter-font) .bp_combobox_module_container--0d975[data-modern=true] .bp_combobox_module_label--0d975{
5187
+ :where(body.is-inter-font) .bp_combobox_module_container--9b3ff[data-modern=true] .bp_combobox_module_label--9b3ff{
5186
5188
  font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
5187
5189
  font-size:.875rem;
5188
5190
  font-style:normal;
@@ -5193,7 +5195,7 @@
5193
5195
  text-transform:none;
5194
5196
  }
5195
5197
 
5196
- .bp_combobox_module_container--0d975[data-modern=true] .bp_combobox_module_textInput--0d975{
5198
+ .bp_combobox_module_container--9b3ff[data-modern=true] .bp_combobox_module_textInput--9b3ff{
5197
5199
  font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
5198
5200
  font-size:var(--bp-font-size-05);
5199
5201
  font-style:normal;
@@ -5201,7 +5203,7 @@
5201
5203
  letter-spacing:var(--bp-font-letter-spacing-01);
5202
5204
  line-height:var(--bp-font-line-height-04);
5203
5205
  }
5204
- :where(body.is-inter-font) .bp_combobox_module_container--0d975[data-modern=true] .bp_combobox_module_textInput--0d975{
5206
+ :where(body.is-inter-font) .bp_combobox_module_container--9b3ff[data-modern=true] .bp_combobox_module_textInput--9b3ff{
5205
5207
  font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
5206
5208
  font-size:.875rem;
5207
5209
  font-style:normal;
@@ -5212,7 +5214,7 @@
5212
5214
  text-transform:none;
5213
5215
  }
5214
5216
 
5215
- .bp_combobox_module_popover--0d975[data-modern=false]{
5217
+ .bp_combobox_module_popover--9b3ff[data-modern=false]{
5216
5218
  --option-height:2.25rem;
5217
5219
  --dropdown-max-height:12.5rem;
5218
5220
  --combobox-popover-max-height:min(
@@ -5253,7 +5255,7 @@
5253
5255
  text-transform:var(--body-default-text-case);
5254
5256
  }
5255
5257
 
5256
- .bp_combobox_module_popover--0d975[data-modern=true]{
5258
+ .bp_combobox_module_popover--9b3ff[data-modern=true]{
5257
5259
  --option-height:2.25rem;
5258
5260
  --dropdown-max-height:12.5rem;
5259
5261
  --bp-dropshadow-03:var(--dropshadow-3);
@@ -5293,7 +5295,7 @@
5293
5295
  letter-spacing:var(--bp-font-letter-spacing-01);
5294
5296
  line-height:var(--bp-font-line-height-04);
5295
5297
  }
5296
- :where(body.is-inter-font) .bp_combobox_module_popover--0d975[data-modern=true]{
5298
+ :where(body.is-inter-font) .bp_combobox_module_popover--9b3ff[data-modern=true]{
5297
5299
  font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
5298
5300
  font-size:.875rem;
5299
5301
  font-style:normal;
@@ -5304,22 +5306,22 @@
5304
5306
  text-transform:none;
5305
5307
  }
5306
5308
 
5307
- .bp_combobox_module_container--0d975{
5309
+ .bp_combobox_module_container--9b3ff{
5308
5310
  display:flex;
5309
5311
  flex-direction:column;
5310
5312
  }
5311
- .bp_combobox_module_container--0d975.bp_combobox_module_disabled--0d975{
5313
+ .bp_combobox_module_container--9b3ff.bp_combobox_module_disabled--9b3ff{
5312
5314
  opacity:var(--disabled-opacity);
5313
5315
  }
5314
- .bp_combobox_module_container--0d975 .bp_combobox_module_label--0d975{
5316
+ .bp_combobox_module_container--9b3ff .bp_combobox_module_label--9b3ff{
5315
5317
  color:var(--combobox-label-color);
5316
5318
  flex:0 0 fit-content;
5317
5319
  overflow-wrap:break-word;
5318
5320
  }
5319
- .bp_combobox_module_container--0d975 .bp_combobox_module_label--0d975:not(.bp_combobox_module_hiddenLabel--0d975){
5321
+ .bp_combobox_module_container--9b3ff .bp_combobox_module_label--9b3ff:not(.bp_combobox_module_hiddenLabel--9b3ff){
5320
5322
  margin-block-end:var(--combobox-label-margin-block-end);
5321
5323
  }
5322
- .bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975{
5324
+ .bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff{
5323
5325
  --combobox-container-border-compensation:0px;
5324
5326
  background-color:var(--combobox-container-background-color);
5325
5327
  border-bottom:var(--combobox-container-border-bottom-width) solid var(--combobox-container-border-color);
@@ -5332,7 +5334,7 @@
5332
5334
  overflow:hidden;
5333
5335
  position:relative;
5334
5336
  }
5335
- .bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975 .bp_combobox_module_comboboxContainerInner--0d975{
5337
+ .bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff .bp_combobox_module_comboboxContainerInner--9b3ff{
5336
5338
  display:flex;
5337
5339
  flex-wrap:wrap;
5338
5340
  gap:var(--combobox-container-contents-gap);
@@ -5340,31 +5342,31 @@
5340
5342
  padding-block:var(--combobox-container-padding-block);
5341
5343
  padding-inline:calc(var(--combobox-container-padding-inline) - max(var(--blueprint-combobox-padding-compensation-inline-start, 0px), var(--combobox-container-border-compensation))) calc(var(--combobox-container-padding-inline) - var(--combobox-container-border-compensation));
5342
5344
  }
5343
- .bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975.bp_combobox_module_withChips--0d975 .bp_combobox_module_comboboxContainerInner--0d975{
5345
+ .bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff.bp_combobox_module_withChips--9b3ff .bp_combobox_module_comboboxContainerInner--9b3ff{
5344
5346
  max-height:var(--combobox-container-with-chips-max-height);
5345
5347
  padding-block:var(--combobox-container-with-chips-padding-block);
5346
5348
  }
5347
- .bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975.bp_combobox_module_withChips--0d975:not(:disabled).bp_combobox_module_error--0d975 .bp_combobox_module_comboboxContainerInner--0d975{
5349
+ .bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff.bp_combobox_module_withChips--9b3ff:not(:disabled).bp_combobox_module_error--9b3ff .bp_combobox_module_comboboxContainerInner--9b3ff{
5348
5350
  padding-block:var(--combobox-container-with-chips-error-padding-block);
5349
5351
  }
5350
- .bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975.bp_combobox_module_withChips--0d975:not(:disabled):has(input:focus) .bp_combobox_module_comboboxContainerInner--0d975{
5352
+ .bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff.bp_combobox_module_withChips--9b3ff:not(:disabled):has(input:focus) .bp_combobox_module_comboboxContainerInner--9b3ff{
5351
5353
  padding-block:var(--combobox-container-with-chips-focus-padding-block);
5352
5354
  }
5353
- .bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975.bp_combobox_module_withComboboxButtons--0d975 .bp_combobox_module_comboboxContainerInner--0d975{
5355
+ .bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff.bp_combobox_module_withComboboxButtons--9b3ff .bp_combobox_module_comboboxContainerInner--9b3ff{
5354
5356
  padding-inline-end:calc(var(--combobox-container-padding-inline-end-with-buttons) - var(--combobox-container-border-compensation));
5355
5357
  }
5356
- .bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975.bp_combobox_module_withComboboxButtons--0d975.bp_combobox_module_withInlineErrorAndEndButton--0d975 .bp_combobox_module_comboboxContainerInner--0d975{
5358
+ .bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff.bp_combobox_module_withComboboxButtons--9b3ff.bp_combobox_module_withInlineErrorAndEndButton--9b3ff .bp_combobox_module_comboboxContainerInner--9b3ff{
5357
5359
  padding-inline-end:calc(var(--combobox-container-padding-inline-end-with-inline-error-and-buttons) - var(--combobox-container-border-compensation));
5358
5360
  }
5359
- .bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975:not(:disabled):has(input:focus){
5361
+ .bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff:not(:disabled):has(input:focus){
5360
5362
  --combobox-container-border-compensation:calc(var(--combobox-border-width-focus) - var(--combobox-border-width));
5361
5363
  background-color:var(--combobox-container-focus-background-color);
5362
5364
  border:var(--combobox-container-focus-border);
5363
5365
  }
5364
- .bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975:not(:disabled):has(input:focus) .bp_combobox_module_comboboxContainerInner--0d975{
5366
+ .bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff:not(:disabled):has(input:focus) .bp_combobox_module_comboboxContainerInner--9b3ff{
5365
5367
  padding-block:var(--combobox-container-focus-padding-block);
5366
5368
  }
5367
- .bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975:not(:disabled).bp_combobox_module_error--0d975,.bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975:not(:disabled):has([aria-invalid=true]){
5369
+ .bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff:not(:disabled).bp_combobox_module_error--9b3ff,.bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff:not(:disabled):has([aria-invalid=true]){
5368
5370
  --combobox-container-border-compensation:calc(var(--combobox-border-width-error) - var(--combobox-border-width));
5369
5371
  background-color:var(--combobox-container-error-background-color);
5370
5372
  border-bottom:var(--combobox-container-error-border-bottom-width) solid var(--combobox-container-error-border-color);
@@ -5372,22 +5374,22 @@
5372
5374
  border-right:var(--combobox-container-error-border-right-width) solid var(--combobox-container-error-border-color);
5373
5375
  border-top:var(--combobox-container-error-border-top-width) solid var(--combobox-container-error-border-color);
5374
5376
  }
5375
- .bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975:not(:disabled).bp_combobox_module_error--0d975 .bp_combobox_module_comboboxContainerInner--0d975,.bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975:not(:disabled):has([aria-invalid=true]) .bp_combobox_module_comboboxContainerInner--0d975{
5377
+ .bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff:not(:disabled).bp_combobox_module_error--9b3ff .bp_combobox_module_comboboxContainerInner--9b3ff,.bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff:not(:disabled):has([aria-invalid=true]) .bp_combobox_module_comboboxContainerInner--9b3ff{
5376
5378
  padding-block:var(--combobox-container-error-padding-block);
5377
5379
  }
5378
- .bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975:not(:disabled, :has(input:focus)):has(input:hover):not(.bp_combobox_module_error--0d975, :has([aria-invalid=true])){
5380
+ .bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff:not(:disabled, :has(input:focus)):has(input:hover):not(.bp_combobox_module_error--9b3ff, :has([aria-invalid=true])){
5379
5381
  border-bottom:var(--combobox-container-border-bottom-width) solid var(--combobox-container-border-color-hover);
5380
5382
  border-left:var(--combobox-container-border-left-width) solid var(--combobox-container-border-color-hover);
5381
5383
  border-right:var(--combobox-container-border-right-width) solid var(--combobox-container-border-color-hover);
5382
5384
  border-top:var(--combobox-container-border-top-width) solid var(--combobox-container-border-color-hover);
5383
5385
  }
5384
- .bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975 .bp_combobox_module_textInputWrapper--0d975{
5386
+ .bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff .bp_combobox_module_textInputWrapper--9b3ff{
5385
5387
  align-items:center;
5386
5388
  display:flex;
5387
5389
  flex:content;
5388
5390
  gap:var(--combobox-text-input-wrapper-gap);
5389
5391
  }
5390
- .bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975 .bp_combobox_module_textInputWrapper--0d975 .bp_combobox_module_textInput--0d975{
5392
+ .bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff .bp_combobox_module_textInputWrapper--9b3ff .bp_combobox_module_textInput--9b3ff{
5391
5393
  background-color:var(--combobox-text-input-background-color);
5392
5394
  border:none;
5393
5395
  color:var(--combobox-text-input-color);
@@ -5396,10 +5398,14 @@
5396
5398
  padding:0;
5397
5399
  width:100%;
5398
5400
  }
5399
- .bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975 .bp_combobox_module_textInputWrapper--0d975 .bp_combobox_module_errorIcon--0d975 path{
5401
+ .bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff .bp_combobox_module_textInputWrapper--9b3ff .bp_combobox_module_textInput--9b3ff::placeholder{
5402
+ color:var(--combobox-text-input-placeholder-color);
5403
+ opacity:1;
5404
+ }
5405
+ .bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff .bp_combobox_module_textInputWrapper--9b3ff .bp_combobox_module_errorIcon--9b3ff path{
5400
5406
  fill:var(--combobox-error-icon-fill);
5401
5407
  }
5402
- .bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975 .bp_combobox_module_textInputWrapper--0d975 .bp_combobox_module_comboboxButtons--0d975{
5408
+ .bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff .bp_combobox_module_textInputWrapper--9b3ff .bp_combobox_module_comboboxButtons--9b3ff{
5403
5409
  align-items:center;
5404
5410
  display:flex;
5405
5411
  gap:var(--combobox-buttons-gap);
@@ -5407,22 +5413,22 @@
5407
5413
  right:calc(var(--combobox-button-spacing) - var(--combobox-container-border-compensation));
5408
5414
  top:calc(var(--combobox-button-spacing) - var(--combobox-container-border-compensation));
5409
5415
  }
5410
- .bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975 .bp_combobox_module_textInputWrapper--0d975 .bp_combobox_module_inlineErrorIcon--0d975{
5416
+ .bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff .bp_combobox_module_textInputWrapper--9b3ff .bp_combobox_module_inlineErrorIcon--9b3ff{
5411
5417
  height:var(--combobox-inline-error-icon-height);
5412
5418
  width:var(--combobox-inline-error-icon-width);
5413
5419
  }
5414
- .bp_combobox_module_container--0d975 .bp_combobox_module_inlineError--0d975{
5420
+ .bp_combobox_module_container--9b3ff .bp_combobox_module_inlineError--9b3ff{
5415
5421
  margin-block-start:var(--combobox-inline-error-margin-block-start);
5416
5422
  }
5417
- .bp_combobox_module_container--0d975[data-modern=true] .bp_combobox_module_comboboxContainer--0d975[data-bp-animated=true]{
5423
+ .bp_combobox_module_container--9b3ff[data-modern=true] .bp_combobox_module_comboboxContainer--9b3ff[data-bp-animated=true]{
5418
5424
  transition-duration:var(--bp-duration-short);
5419
5425
  transition-property:border-color, background-color;
5420
5426
  transition-timing-function:var(--bp-curve-small-off);
5421
5427
  }
5422
- .bp_combobox_module_container--0d975[data-modern=true] .bp_combobox_module_comboboxContainer--0d975[data-bp-animated=true]:not(:disabled).bp_combobox_module_error--0d975,.bp_combobox_module_container--0d975[data-modern=true] .bp_combobox_module_comboboxContainer--0d975[data-bp-animated=true]:not(:disabled):has([aria-invalid=true]),.bp_combobox_module_container--0d975[data-modern=true] .bp_combobox_module_comboboxContainer--0d975[data-bp-animated=true]:not(:disabled):has(input:focus),.bp_combobox_module_container--0d975[data-modern=true] .bp_combobox_module_comboboxContainer--0d975[data-bp-animated=true]:not(:disabled):has(input:hover){
5428
+ .bp_combobox_module_container--9b3ff[data-modern=true] .bp_combobox_module_comboboxContainer--9b3ff[data-bp-animated=true]:not(:disabled).bp_combobox_module_error--9b3ff,.bp_combobox_module_container--9b3ff[data-modern=true] .bp_combobox_module_comboboxContainer--9b3ff[data-bp-animated=true]:not(:disabled):has([aria-invalid=true]),.bp_combobox_module_container--9b3ff[data-modern=true] .bp_combobox_module_comboboxContainer--9b3ff[data-bp-animated=true]:not(:disabled):has(input:focus),.bp_combobox_module_container--9b3ff[data-modern=true] .bp_combobox_module_comboboxContainer--9b3ff[data-bp-animated=true]:not(:disabled):has(input:hover){
5423
5429
  transition-timing-function:var(--bp-curve-small-on);
5424
5430
  }
5425
- .bp_combobox_module_popover--0d975{
5431
+ .bp_combobox_module_popover--9b3ff{
5426
5432
  backdrop-filter:var(--combobox-popover-backdrop-filter);
5427
5433
  background-color:var(--combobox-popover-background-color);
5428
5434
  border:var(--combobox-popover-border);
@@ -5431,13 +5437,14 @@
5431
5437
  overflow:hidden;
5432
5438
  z-index:var(--z-index-popover);
5433
5439
  }
5434
- .bp_combobox_module_popover--0d975 .bp_combobox_module_popoverInner--0d975{
5440
+ .bp_combobox_module_popover--9b3ff .bp_combobox_module_popoverInner--9b3ff{
5441
+ box-sizing:initial !important;
5435
5442
  max-height:var(--combobox-popover-max-height);
5436
5443
  overflow:auto;
5437
5444
  padding-block:var(--combobox-popover-padding-block);
5438
5445
  padding-inline:var(--combobox-popover-padding-inline);
5439
5446
  }
5440
- .bp_combobox_module_popover--0d975 .bp_combobox_module_option--0d975{
5447
+ .bp_combobox_module_popover--9b3ff .bp_combobox_module_option--9b3ff{
5441
5448
  border:var(--combobox-option-border);
5442
5449
  border-radius:var(--combobox-option-border-radius);
5443
5450
  box-sizing:border-box;
@@ -5452,21 +5459,21 @@
5452
5459
  user-select:none;
5453
5460
  width:100%;
5454
5461
  }
5455
- .bp_combobox_module_popover--0d975 .bp_combobox_module_option--0d975[aria-disabled]{
5462
+ .bp_combobox_module_popover--9b3ff .bp_combobox_module_option--9b3ff[aria-disabled]{
5456
5463
  opacity:var(--combobox-option-disabled-opacity);
5457
5464
  }
5458
- .bp_combobox_module_popover--0d975 .bp_combobox_module_option--0d975[data-active-item]:not([aria-disabled]){
5465
+ .bp_combobox_module_popover--9b3ff .bp_combobox_module_option--9b3ff[data-active-item]:not([aria-disabled]){
5459
5466
  background-color:var(--combobox-option-active-background-color);
5460
5467
  border:var(--combobox-option-active-border);
5461
5468
  }
5462
- .bp_combobox_module_popover--0d975 .bp_combobox_module_option--0d975:active{
5469
+ .bp_combobox_module_popover--9b3ff .bp_combobox_module_option--9b3ff:active{
5463
5470
  background-color:var(--combobox-option-hover-background-color);
5464
5471
  border:var(--combobox-option-border);
5465
5472
  }
5466
- .bp_combobox_module_popover--0d975 .bp_combobox_module_option--0d975:hover{
5473
+ .bp_combobox_module_popover--9b3ff .bp_combobox_module_option--9b3ff:hover{
5467
5474
  background-color:var(--combobox-option-hover-background-color);
5468
5475
  }
5469
- .bp_combobox_module_popover--0d975 .bp_combobox_module_option--0d975 .bp_combobox_module_indicator--0d975{
5476
+ .bp_combobox_module_popover--9b3ff .bp_combobox_module_option--9b3ff .bp_combobox_module_indicator--9b3ff{
5470
5477
  align-items:center;
5471
5478
  display:flex;
5472
5479
  height:var(--combobox-option-indicator-height);
@@ -5475,44 +5482,44 @@
5475
5482
  position:absolute;
5476
5483
  top:var(--combobox-option-indicator-top);
5477
5484
  }
5478
- .bp_combobox_module_popover--0d975 .bp_combobox_module_option--0d975 .bp_combobox_module_indicator--0d975 .bp_combobox_module_indicatorIcon--0d975 path{
5485
+ .bp_combobox_module_popover--9b3ff .bp_combobox_module_option--9b3ff .bp_combobox_module_indicator--9b3ff .bp_combobox_module_indicatorIcon--9b3ff path{
5479
5486
  fill:var(--combobox-option-indicator-icon-fill);
5480
5487
  }
5481
- .bp_combobox_module_popover--0d975 .bp_combobox_module_optionWithIndicator--0d975{
5488
+ .bp_combobox_module_popover--9b3ff .bp_combobox_module_optionWithIndicator--9b3ff{
5482
5489
  padding-inline:var(--combobox-option-with-indicator-padding-inline);
5483
5490
  }
5484
- .bp_combobox_module_popover--0d975 .bp_combobox_module_loadingIndicator--0d975{
5491
+ .bp_combobox_module_popover--9b3ff .bp_combobox_module_loadingIndicator--9b3ff{
5485
5492
  position:var(--combobox-loading-indicator-position);
5486
5493
  }
5487
- .bp_combobox_module_popover--0d975 .bp_combobox_module_noResultOption--0d975{
5494
+ .bp_combobox_module_popover--9b3ff .bp_combobox_module_noResultOption--9b3ff{
5488
5495
  color:var(--combobox-no-result-option-color);
5489
5496
  -webkit-user-select:none;
5490
5497
  user-select:none;
5491
5498
  }
5492
5499
 
5493
- .bp_combobox_module_popover--0d975[data-modern=true][data-bp-animated=true]{
5500
+ .bp_combobox_module_popover--9b3ff[data-modern=true][data-bp-animated=true]{
5494
5501
  opacity:var(--bp-opacity-hidden);
5495
5502
  transform:translateY(calc(var(--bp-space-020)*-1));
5496
5503
  transition-duration:var(--bp-duration-short);
5497
5504
  transition-property:opacity, transform;
5498
5505
  transition-timing-function:var(--bp-curve-medium-off);
5499
5506
  }
5500
- .bp_combobox_module_popover--0d975[data-modern=true][data-bp-animated=true][data-side=top]{
5507
+ .bp_combobox_module_popover--9b3ff[data-modern=true][data-bp-animated=true][data-side=top]{
5501
5508
  transform:translateY(var(--bp-space-020));
5502
5509
  }
5503
- .bp_combobox_module_popover--0d975[data-modern=true][data-bp-animated=true][data-enter]{
5510
+ .bp_combobox_module_popover--9b3ff[data-modern=true][data-bp-animated=true][data-enter]{
5504
5511
  opacity:var(--bp-opacity-visible);
5505
5512
  transform:translateY(0);
5506
5513
  transition-duration:var(--bp-duration-medium);
5507
5514
  transition-timing-function:var(--bp-curve-medium-on);
5508
5515
  }
5509
5516
 
5510
- .bp_combobox_module_popover--0d975[data-modern=true][data-bp-animated=true] .bp_combobox_module_option--0d975{
5517
+ .bp_combobox_module_popover--9b3ff[data-modern=true][data-bp-animated=true] .bp_combobox_module_option--9b3ff{
5511
5518
  transition-duration:var(--bp-duration-short);
5512
5519
  transition-property:background-color;
5513
5520
  transition-timing-function:var(--bp-curve-small-off);
5514
5521
  }
5515
- .bp_combobox_module_popover--0d975[data-modern=true][data-bp-animated=true] .bp_combobox_module_option--0d975:active,.bp_combobox_module_popover--0d975[data-modern=true][data-bp-animated=true] .bp_combobox_module_option--0d975:hover,.bp_combobox_module_popover--0d975[data-modern=true][data-bp-animated=true] .bp_combobox_module_option--0d975[data-active-item]:not([aria-disabled]){
5522
+ .bp_combobox_module_popover--9b3ff[data-modern=true][data-bp-animated=true] .bp_combobox_module_option--9b3ff:active,.bp_combobox_module_popover--9b3ff[data-modern=true][data-bp-animated=true] .bp_combobox_module_option--9b3ff:hover,.bp_combobox_module_popover--9b3ff[data-modern=true][data-bp-animated=true] .bp_combobox_module_option--9b3ff[data-active-item]:not([aria-disabled]){
5516
5523
  transition-timing-function:var(--bp-curve-small-on);
5517
5524
  }
5518
5525
  .bp_combobox_group_module_container--07d83[data-modern=false]{
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@box/blueprint-web",
3
- "version": "17.15.1",
3
+ "version": "17.15.2",
4
4
  "type": "module",
5
5
  "license": "SEE LICENSE IN LICENSE",
6
6
  "publishConfig": {
@@ -55,7 +55,7 @@
55
55
  "dependencies": {
56
56
  "@ariakit/react": "0.4.21",
57
57
  "@ariakit/react-core": "0.4.21",
58
- "@box/blueprint-web-assets": "^5.10.23",
58
+ "@box/blueprint-web-assets": "^5.10.24",
59
59
  "@internationalized/date": "^3.12.0",
60
60
  "@radix-ui/react-accordion": "1.1.2",
61
61
  "@radix-ui/react-checkbox": "1.0.4",
@@ -86,7 +86,7 @@
86
86
  "devDependencies": {
87
87
  "@box/box-test-client": "^3.2.7",
88
88
  "@box/playwright-utils": "^2.8.5",
89
- "@box/storybook-utils": "^1.2.67",
89
+ "@box/storybook-utils": "^1.2.68",
90
90
  "@figma/code-connect": "1.4.4",
91
91
  "@playwright/test": "1.46.1",
92
92
  "@types/js-yaml": "^4.0.9",