@box/blueprint-web 12.89.2 → 12.90.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.
@@ -1,4 +1,4 @@
1
1
  import '../index.css';
2
- var styles = {"container":"bp_combobox_module_container--42313","label":"bp_combobox_module_label--42313","textInput":"bp_combobox_module_textInput--42313","popover":"bp_combobox_module_popover--42313","disabled":"bp_combobox_module_disabled--42313","hiddenLabel":"bp_combobox_module_hiddenLabel--42313","comboboxContainer":"bp_combobox_module_comboboxContainer--42313","withComboboxButtons":"bp_combobox_module_withComboboxButtons--42313","error":"bp_combobox_module_error--42313","textInputWrapper":"bp_combobox_module_textInputWrapper--42313","errorIcon":"bp_combobox_module_errorIcon--42313","comboboxButtons":"bp_combobox_module_comboboxButtons--42313","withChips":"bp_combobox_module_withChips--42313","inlineError":"bp_combobox_module_inlineError--42313","option":"bp_combobox_module_option--42313","indicator":"bp_combobox_module_indicator--42313","indicatorIcon":"bp_combobox_module_indicatorIcon--42313","optionWithIndicator":"bp_combobox_module_optionWithIndicator--42313","loadingIndicator":"bp_combobox_module_loadingIndicator--42313","noResultOption":"bp_combobox_module_noResultOption--42313"};
2
+ var styles = {"container":"bp_combobox_module_container--80c88","label":"bp_combobox_module_label--80c88","textInput":"bp_combobox_module_textInput--80c88","popover":"bp_combobox_module_popover--80c88","disabled":"bp_combobox_module_disabled--80c88","hiddenLabel":"bp_combobox_module_hiddenLabel--80c88","comboboxContainer":"bp_combobox_module_comboboxContainer--80c88","withComboboxButtons":"bp_combobox_module_withComboboxButtons--80c88","error":"bp_combobox_module_error--80c88","textInputWrapper":"bp_combobox_module_textInputWrapper--80c88","errorIcon":"bp_combobox_module_errorIcon--80c88","comboboxButtons":"bp_combobox_module_comboboxButtons--80c88","withChips":"bp_combobox_module_withChips--80c88","inlineError":"bp_combobox_module_inlineError--80c88","option":"bp_combobox_module_option--80c88","indicator":"bp_combobox_module_indicator--80c88","indicatorIcon":"bp_combobox_module_indicatorIcon--80c88","optionWithIndicator":"bp_combobox_module_optionWithIndicator--80c88","loadingIndicator":"bp_combobox_module_loadingIndicator--80c88","noResultOption":"bp_combobox_module_noResultOption--80c88"};
3
3
 
4
4
  export { styles as default };
@@ -1,4 +1,4 @@
1
1
  import '../index.css';
2
- var styles = {"card":"bp_content_card_module_card--1c7df","ghostCard":"bp_content_card_module_ghostCard--1c7df","cardContent":"bp_content_card_module_cardContent--1c7df","cardTitle":"bp_content_card_module_cardTitle--1c7df","cardTitleText":"bp_content_card_module_cardTitleText--1c7df","cardBody":"bp_content_card_module_cardBody--1c7df","cardBodyText":"bp_content_card_module_cardBodyText--1c7df","cardIcon":"bp_content_card_module_cardIcon--1c7df","cardBackground":"bp_content_card_module_cardBackground--1c7df","image":"bp_content_card_module_image--1c7df","iconGhost":"bp_content_card_module_iconGhost--1c7df","titleGhost":"bp_content_card_module_titleGhost--1c7df","bodyGhost":"bp_content_card_module_bodyGhost--1c7df","pillGhostContainer":"bp_content_card_module_pillGhostContainer--1c7df","pillGhost":"bp_content_card_module_pillGhost--1c7df"};
2
+ var styles = {"card":"bp_content_card_module_card--bd749","ghostCard":"bp_content_card_module_ghostCard--bd749","cardContent":"bp_content_card_module_cardContent--bd749","cardTitle":"bp_content_card_module_cardTitle--bd749","cardTitleText":"bp_content_card_module_cardTitleText--bd749","cardBody":"bp_content_card_module_cardBody--bd749","cardBodyText":"bp_content_card_module_cardBodyText--bd749","cardIcon":"bp_content_card_module_cardIcon--bd749","cardBackground":"bp_content_card_module_cardBackground--bd749","image":"bp_content_card_module_image--bd749","iconGhost":"bp_content_card_module_iconGhost--bd749","titleGhost":"bp_content_card_module_titleGhost--bd749","bodyGhost":"bp_content_card_module_bodyGhost--bd749","pillGhostContainer":"bp_content_card_module_pillGhostContainer--bd749","pillGhost":"bp_content_card_module_pillGhost--bd749"};
3
3
 
4
4
  export { styles as default };
@@ -2936,7 +2936,7 @@
2936
2936
  margin-block-start:var(--text-area-container-row-gap);
2937
2937
  }
2938
2938
 
2939
- .bp_combobox_module_container--42313[data-modern=false]{
2939
+ .bp_combobox_module_container--80c88[data-modern=false]{
2940
2940
  --max-lines:3;
2941
2941
  --input-height:var(--space-5);
2942
2942
  --chip-height:var(--space-7);
@@ -2999,7 +2999,7 @@
2999
2999
  text-decoration:var(--body-default-text-decoration);
3000
3000
  text-transform:var(--body-default-text-case);
3001
3001
  }
3002
- .bp_combobox_module_container--42313[data-modern=false] .bp_combobox_module_label--42313{
3002
+ .bp_combobox_module_container--80c88[data-modern=false] .bp_combobox_module_label--80c88{
3003
3003
  font-family:var(--body-default-bold-font-family);
3004
3004
  font-size:var(--body-default-bold-font-size);
3005
3005
  font-weight:var(--body-default-bold-font-weight);
@@ -3009,7 +3009,7 @@
3009
3009
  text-decoration:var(--body-default-bold-text-decoration);
3010
3010
  text-transform:var(--body-default-bold-text-case);
3011
3011
  }
3012
- .bp_combobox_module_container--42313[data-modern=false] .bp_combobox_module_textInput--42313{
3012
+ .bp_combobox_module_container--80c88[data-modern=false] .bp_combobox_module_textInput--80c88{
3013
3013
  font-family:var(--body-default-font-family);
3014
3014
  font-size:var(--body-default-font-size);
3015
3015
  font-weight:var(--body-default-font-weight);
@@ -3020,7 +3020,7 @@
3020
3020
  text-transform:var(--body-default-text-case);
3021
3021
  }
3022
3022
 
3023
- .bp_combobox_module_container--42313[data-modern=true]{
3023
+ .bp_combobox_module_container--80c88[data-modern=true]{
3024
3024
  --max-lines:3;
3025
3025
  --bp-innershadow-01:var(--innershadow-1);
3026
3026
  --bp-input-height:var(--bp-space-050);
@@ -3082,17 +3082,17 @@
3082
3082
  --combobox-button-spacing:var(--bp-space-020);
3083
3083
  font-weight:var(--bp-font-weight-regular);
3084
3084
  }
3085
- .bp_combobox_module_container--42313[data-modern=true],.bp_combobox_module_container--42313[data-modern=true] .bp_combobox_module_label--42313{
3085
+ .bp_combobox_module_container--80c88[data-modern=true],.bp_combobox_module_container--80c88[data-modern=true] .bp_combobox_module_label--80c88{
3086
3086
  font-family:var(--bp-font-font-family);
3087
3087
  font-size:var(--bp-font-size-05);
3088
3088
  font-style:normal;
3089
3089
  letter-spacing:var(--bp-font-letter-spacing-01);
3090
3090
  line-height:var(--bp-font-line-height-04);
3091
3091
  }
3092
- .bp_combobox_module_container--42313[data-modern=true] .bp_combobox_module_label--42313{
3092
+ .bp_combobox_module_container--80c88[data-modern=true] .bp_combobox_module_label--80c88{
3093
3093
  font-weight:var(--bp-font-weight-bold);
3094
3094
  }
3095
- .bp_combobox_module_container--42313[data-modern=true] .bp_combobox_module_textInput--42313{
3095
+ .bp_combobox_module_container--80c88[data-modern=true] .bp_combobox_module_textInput--80c88{
3096
3096
  font-family:var(--bp-font-font-family);
3097
3097
  font-size:var(--bp-font-size-05);
3098
3098
  font-style:normal;
@@ -3101,7 +3101,7 @@
3101
3101
  line-height:var(--bp-font-line-height-04);
3102
3102
  }
3103
3103
 
3104
- .bp_combobox_module_popover--42313[data-modern=false]{
3104
+ .bp_combobox_module_popover--80c88[data-modern=false]{
3105
3105
  --option-height:2.25rem;
3106
3106
  --dropdown-max-height:12.5rem;
3107
3107
  --combobox-popover-max-height:min(
@@ -3118,7 +3118,7 @@
3118
3118
  --combobox-option-border-radius:var(--radius-3);
3119
3119
  --combobox-option-padding-block:var(--space-2);
3120
3120
  --combobox-option-padding-inline:var(--space-2);
3121
- --combobox-option-disabled-opacity:tokens.$disabled-opacity;
3121
+ --combobox-option-disabled-opacity:60%;
3122
3122
  --combobox-option-active-background-color:var(--surface-menu-surface-focus);
3123
3123
  --combobox-option-active-border:var(--border-2) solid var(--outline-focus-on-light);
3124
3124
  --combobox-option-active-padding-block:var(--space-2);
@@ -3143,7 +3143,7 @@
3143
3143
  text-transform:var(--body-default-text-case);
3144
3144
  }
3145
3145
 
3146
- .bp_combobox_module_popover--42313[data-modern=true]{
3146
+ .bp_combobox_module_popover--80c88[data-modern=true]{
3147
3147
  --option-height:2.25rem;
3148
3148
  --dropdown-max-height:12.5rem;
3149
3149
  --bp-dropshadow-03:var(--dropshadow-3);
@@ -3184,22 +3184,22 @@
3184
3184
  line-height:var(--bp-font-line-height-04);
3185
3185
  }
3186
3186
 
3187
- .bp_combobox_module_container--42313{
3187
+ .bp_combobox_module_container--80c88{
3188
3188
  display:flex;
3189
3189
  flex-direction:column;
3190
3190
  }
3191
- .bp_combobox_module_container--42313.bp_combobox_module_disabled--42313{
3191
+ .bp_combobox_module_container--80c88.bp_combobox_module_disabled--80c88{
3192
3192
  opacity:60%;
3193
3193
  }
3194
- .bp_combobox_module_container--42313 .bp_combobox_module_label--42313{
3194
+ .bp_combobox_module_container--80c88 .bp_combobox_module_label--80c88{
3195
3195
  color:var(--combobox-label-color);
3196
3196
  flex:0 0 fit-content;
3197
3197
  overflow-wrap:break-word;
3198
3198
  }
3199
- .bp_combobox_module_container--42313 .bp_combobox_module_label--42313:not(.bp_combobox_module_hiddenLabel--42313){
3199
+ .bp_combobox_module_container--80c88 .bp_combobox_module_label--80c88:not(.bp_combobox_module_hiddenLabel--80c88){
3200
3200
  margin-block-end:var(--combobox-label-margin-block-end);
3201
3201
  }
3202
- .bp_combobox_module_container--42313 .bp_combobox_module_comboboxContainer--42313{
3202
+ .bp_combobox_module_container--80c88 .bp_combobox_module_comboboxContainer--80c88{
3203
3203
  background-color:var(--combobox-container-background-color);
3204
3204
  border-bottom:var(--combobox-container-border-bottom-width) solid var(--combobox-container-border-color);
3205
3205
  border-left:var(--combobox-container-border-left-width) solid var(--combobox-container-border-color);
@@ -3216,15 +3216,15 @@
3216
3216
  padding-inline:var(--combobox-container-padding-inline);
3217
3217
  position:relative;
3218
3218
  }
3219
- .bp_combobox_module_container--42313 .bp_combobox_module_comboboxContainer--42313.bp_combobox_module_withComboboxButtons--42313{
3219
+ .bp_combobox_module_container--80c88 .bp_combobox_module_comboboxContainer--80c88.bp_combobox_module_withComboboxButtons--80c88{
3220
3220
  padding-inline-end:var(--combobox-container-padding-inline-end-with-buttons);
3221
3221
  }
3222
- .bp_combobox_module_container--42313 .bp_combobox_module_comboboxContainer--42313:not(:disabled):has(input:focus){
3222
+ .bp_combobox_module_container--80c88 .bp_combobox_module_comboboxContainer--80c88:not(:disabled):has(input:focus){
3223
3223
  background-color:var(--combobox-container-focus-background-color);
3224
3224
  border:var(--combobox-container-focus-border);
3225
3225
  padding-block:var(--combobox-container-focus-padding-block);
3226
3226
  }
3227
- .bp_combobox_module_container--42313 .bp_combobox_module_comboboxContainer--42313:not(:disabled).bp_combobox_module_error--42313,.bp_combobox_module_container--42313 .bp_combobox_module_comboboxContainer--42313:not(:disabled):has([aria-invalid=true]){
3227
+ .bp_combobox_module_container--80c88 .bp_combobox_module_comboboxContainer--80c88:not(:disabled).bp_combobox_module_error--80c88,.bp_combobox_module_container--80c88 .bp_combobox_module_comboboxContainer--80c88:not(:disabled):has([aria-invalid=true]){
3228
3228
  background-color:var(--combobox-container-error-background-color);
3229
3229
  border-bottom:var(--combobox-container-error-border-bottom-width) solid var(--combobox-container-error-border-color);
3230
3230
  border-left:var(--combobox-container-error-border-left-width) solid var(--combobox-container-error-border-color);
@@ -3232,19 +3232,19 @@
3232
3232
  border-top:var(--combobox-container-error-border-top-width) solid var(--combobox-container-error-border-color);
3233
3233
  padding-block:var(--combobox-container-error-padding-block);
3234
3234
  }
3235
- .bp_combobox_module_container--42313 .bp_combobox_module_comboboxContainer--42313:not(:disabled):not(:has(input:focus)):has(input:hover):not(.bp_combobox_module_error--42313):not(:has([aria-invalid=true])){
3235
+ .bp_combobox_module_container--80c88 .bp_combobox_module_comboboxContainer--80c88:not(:disabled):not(:has(input:focus)):has(input:hover):not(.bp_combobox_module_error--80c88):not(:has([aria-invalid=true])){
3236
3236
  border-bottom:var(--combobox-container-border-bottom-width) solid var(--combobox-container-border-color-hover);
3237
3237
  border-left:var(--combobox-container-border-left-width) solid var(--combobox-container-border-color-hover);
3238
3238
  border-right:var(--combobox-container-border-right-width) solid var(--combobox-container-border-color-hover);
3239
3239
  border-top:var(--combobox-container-border-top-width) solid var(--combobox-container-border-color-hover);
3240
3240
  }
3241
- .bp_combobox_module_container--42313 .bp_combobox_module_comboboxContainer--42313 .bp_combobox_module_textInputWrapper--42313{
3241
+ .bp_combobox_module_container--80c88 .bp_combobox_module_comboboxContainer--80c88 .bp_combobox_module_textInputWrapper--80c88{
3242
3242
  align-items:center;
3243
3243
  display:flex;
3244
3244
  flex:content;
3245
3245
  gap:var(--combobox-text-input-wrapper-gap);
3246
3246
  }
3247
- .bp_combobox_module_container--42313 .bp_combobox_module_comboboxContainer--42313 .bp_combobox_module_textInputWrapper--42313 .bp_combobox_module_textInput--42313{
3247
+ .bp_combobox_module_container--80c88 .bp_combobox_module_comboboxContainer--80c88 .bp_combobox_module_textInputWrapper--80c88 .bp_combobox_module_textInput--80c88{
3248
3248
  background-color:var(--combobox-text-input-background-color);
3249
3249
  border:none;
3250
3250
  color:var(--combobox-text-input-color);
@@ -3253,31 +3253,31 @@
3253
3253
  padding:0;
3254
3254
  width:100%;
3255
3255
  }
3256
- .bp_combobox_module_container--42313 .bp_combobox_module_comboboxContainer--42313 .bp_combobox_module_textInputWrapper--42313 .bp_combobox_module_errorIcon--42313 path{
3256
+ .bp_combobox_module_container--80c88 .bp_combobox_module_comboboxContainer--80c88 .bp_combobox_module_textInputWrapper--80c88 .bp_combobox_module_errorIcon--80c88 path{
3257
3257
  fill:var(--combobox-error-icon-fill);
3258
3258
  }
3259
- .bp_combobox_module_container--42313 .bp_combobox_module_comboboxContainer--42313 .bp_combobox_module_textInputWrapper--42313 .bp_combobox_module_comboboxButtons--42313{
3259
+ .bp_combobox_module_container--80c88 .bp_combobox_module_comboboxContainer--80c88 .bp_combobox_module_textInputWrapper--80c88 .bp_combobox_module_comboboxButtons--80c88{
3260
3260
  align-items:center;
3261
3261
  display:flex;
3262
3262
  position:absolute;
3263
3263
  right:var(--combobox-button-spacing);
3264
3264
  top:var(--combobox-button-spacing);
3265
3265
  }
3266
- .bp_combobox_module_container--42313 .bp_combobox_module_comboboxContainer--42313.bp_combobox_module_withChips--42313{
3266
+ .bp_combobox_module_container--80c88 .bp_combobox_module_comboboxContainer--80c88.bp_combobox_module_withChips--80c88{
3267
3267
  max-height:var(--combobox-container-with-chips-max-height);
3268
3268
  padding-block:var(--combobox-container-with-chips-padding-block);
3269
3269
  }
3270
- .bp_combobox_module_container--42313 .bp_combobox_module_comboboxContainer--42313.bp_combobox_module_withChips--42313:not(:disabled).bp_combobox_module_error--42313{
3270
+ .bp_combobox_module_container--80c88 .bp_combobox_module_comboboxContainer--80c88.bp_combobox_module_withChips--80c88:not(:disabled).bp_combobox_module_error--80c88{
3271
3271
  padding-block:var(--combobox-container-with-chips-error-padding-block);
3272
3272
  }
3273
- .bp_combobox_module_container--42313 .bp_combobox_module_comboboxContainer--42313.bp_combobox_module_withChips--42313:not(:disabled):has(input:focus){
3273
+ .bp_combobox_module_container--80c88 .bp_combobox_module_comboboxContainer--80c88.bp_combobox_module_withChips--80c88:not(:disabled):has(input:focus){
3274
3274
  padding-block:var(--combobox-container-with-chips-focus-padding-block);
3275
3275
  }
3276
- .bp_combobox_module_container--42313 .bp_combobox_module_inlineError--42313{
3276
+ .bp_combobox_module_container--80c88 .bp_combobox_module_inlineError--80c88{
3277
3277
  margin-block-start:var(--combobox-inline-error-margin-block-start);
3278
3278
  }
3279
3279
 
3280
- .bp_combobox_module_popover--42313{
3280
+ .bp_combobox_module_popover--80c88{
3281
3281
  backdrop-filter:var(--combobox-popover-backdrop-filter);
3282
3282
  background-color:var(--combobox-popover-background-color);
3283
3283
  border:var(--combobox-popover-border);
@@ -3289,7 +3289,7 @@
3289
3289
  padding-inline:var(--combobox-popover-padding-inline);
3290
3290
  z-index:var(--z-index-popover);
3291
3291
  }
3292
- .bp_combobox_module_popover--42313 .bp_combobox_module_option--42313{
3292
+ .bp_combobox_module_popover--80c88 .bp_combobox_module_option--80c88{
3293
3293
  border:var(--combobox-option-border);
3294
3294
  border-radius:var(--combobox-option-border-radius);
3295
3295
  box-sizing:border-box;
@@ -3304,21 +3304,21 @@
3304
3304
  user-select:none;
3305
3305
  width:100%;
3306
3306
  }
3307
- .bp_combobox_module_popover--42313 .bp_combobox_module_option--42313[aria-disabled]{
3307
+ .bp_combobox_module_popover--80c88 .bp_combobox_module_option--80c88[aria-disabled]{
3308
3308
  opacity:var(--combobox-option-disabled-opacity);
3309
3309
  }
3310
- .bp_combobox_module_popover--42313 .bp_combobox_module_option--42313[data-active-item]:not([aria-disabled]){
3310
+ .bp_combobox_module_popover--80c88 .bp_combobox_module_option--80c88[data-active-item]:not([aria-disabled]){
3311
3311
  background-color:var(--combobox-option-active-background-color);
3312
3312
  border:var(--combobox-option-active-border);
3313
3313
  }
3314
- .bp_combobox_module_popover--42313 .bp_combobox_module_option--42313:active{
3314
+ .bp_combobox_module_popover--80c88 .bp_combobox_module_option--80c88:active{
3315
3315
  background-color:var(--combobox-option-hover-background-color);
3316
3316
  border:var(--combobox-option-border);
3317
3317
  }
3318
- .bp_combobox_module_popover--42313 .bp_combobox_module_option--42313:hover{
3318
+ .bp_combobox_module_popover--80c88 .bp_combobox_module_option--80c88:hover{
3319
3319
  background-color:var(--combobox-option-hover-background-color);
3320
3320
  }
3321
- .bp_combobox_module_popover--42313 .bp_combobox_module_option--42313 .bp_combobox_module_indicator--42313{
3321
+ .bp_combobox_module_popover--80c88 .bp_combobox_module_option--80c88 .bp_combobox_module_indicator--80c88{
3322
3322
  align-items:center;
3323
3323
  display:flex;
3324
3324
  height:var(--combobox-option-indicator-height);
@@ -3327,16 +3327,16 @@
3327
3327
  position:absolute;
3328
3328
  top:var(--combobox-option-indicator-top);
3329
3329
  }
3330
- .bp_combobox_module_popover--42313 .bp_combobox_module_option--42313 .bp_combobox_module_indicator--42313 .bp_combobox_module_indicatorIcon--42313 path{
3330
+ .bp_combobox_module_popover--80c88 .bp_combobox_module_option--80c88 .bp_combobox_module_indicator--80c88 .bp_combobox_module_indicatorIcon--80c88 path{
3331
3331
  fill:var(--combobox-option-indicator-icon-fill);
3332
3332
  }
3333
- .bp_combobox_module_popover--42313 .bp_combobox_module_optionWithIndicator--42313{
3333
+ .bp_combobox_module_popover--80c88 .bp_combobox_module_optionWithIndicator--80c88{
3334
3334
  padding-inline:var(--combobox-option-with-indicator-padding-inline);
3335
3335
  }
3336
- .bp_combobox_module_popover--42313 .bp_combobox_module_loadingIndicator--42313{
3336
+ .bp_combobox_module_popover--80c88 .bp_combobox_module_loadingIndicator--80c88{
3337
3337
  position:var(--combobox-loading-indicator-position);
3338
3338
  }
3339
- .bp_combobox_module_popover--42313 .bp_combobox_module_noResultOption--42313{
3339
+ .bp_combobox_module_popover--80c88 .bp_combobox_module_noResultOption--80c88{
3340
3340
  color:var(--combobox-no-result-option-color);
3341
3341
  -webkit-user-select:none;
3342
3342
  user-select:none;
@@ -3793,7 +3793,7 @@
3793
3793
  margin-block:var(--select-content-viewport-option-separator-margin-block);
3794
3794
  }
3795
3795
 
3796
- .bp_content_card_module_card--1c7df[data-modern=false],.bp_content_card_module_ghostCard--1c7df[data-modern=false]{
3796
+ .bp_content_card_module_card--bd749[data-modern=false],.bp_content_card_module_ghostCard--bd749[data-modern=false]{
3797
3797
  --content-card-background-color:var(--surface-surface);
3798
3798
  --content-card-background-height:var(--size-15);
3799
3799
  --content-card-border-radius:var(--size-3);
@@ -3803,7 +3803,6 @@
3803
3803
  --content-card-focused-border-color:var(--outline-focus-on-light);
3804
3804
  --content-card-focused-border-size:var(--border-2);
3805
3805
  --content-card-icon-border-radius:var(--size-3);
3806
- --content-card-icon-image-border-radius:unset;
3807
3806
  --content-card-icon-border-size:var(--size-1);
3808
3807
  --content-card-icon-position:var(--size-3);
3809
3808
  --content-card-icon-size:var(--size-14);
@@ -3820,7 +3819,7 @@
3820
3819
  --content-card-pressed-border:var(--border-1) solid var(--border-card-border);
3821
3820
  }
3822
3821
 
3823
- .bp_content_card_module_card--1c7df[data-modern=true],.bp_content_card_module_ghostCard--1c7df[data-modern=true]{
3822
+ .bp_content_card_module_card--bd749[data-modern=true],.bp_content_card_module_ghostCard--bd749[data-modern=true]{
3824
3823
  --content-card-background-color:var(--bp-surface-card-surface);
3825
3824
  --content-card-background-height:var(--bp-size-150);
3826
3825
  --content-card-border-radius:var(--bp-radius-08);
@@ -3830,7 +3829,6 @@
3830
3829
  --content-card-focused-border-color:var(--bp-outline-focus-on-light);
3831
3830
  --content-card-focused-border-size:var(--bp-border-02);
3832
3831
  --content-card-icon-border-radius:var(--bp-radius-08);
3833
- --content-card-icon-image-border-radius:var(--bp-radius-06);
3834
3832
  --content-card-icon-border-size:var(--bp-size-010);
3835
3833
  --content-card-icon-position:var(--bp-size-030);
3836
3834
  --content-card-icon-size:var(--bp-size-140);
@@ -3847,7 +3845,7 @@
3847
3845
  --content-card-pressed-border:var(--bp-border-01) solid var(--bp-border-card-border);
3848
3846
  }
3849
3847
 
3850
- .bp_content_card_module_card--1c7df{
3848
+ .bp_content_card_module_card--bd749{
3851
3849
  background-color:var(--content-card-background-color);
3852
3850
  border:var(--content-card-border);
3853
3851
  border-radius:var(--content-card-border-radius);
@@ -3858,21 +3856,21 @@
3858
3856
  padding:var(--content-card-padding);
3859
3857
  position:relative;
3860
3858
  }
3861
- .bp_content_card_module_card--1c7df:hover{
3859
+ .bp_content_card_module_card--bd749:hover{
3862
3860
  box-shadow:var(--content-card-dropshadow);
3863
3861
  }
3864
- .bp_content_card_module_card--1c7df:focus-visible{
3862
+ .bp_content_card_module_card--bd749:focus-visible{
3865
3863
  border:var(--content-card-focused-border);
3866
3864
  box-shadow:var(--content-card-dropshadow);
3867
3865
  outline:none;
3868
3866
  }
3869
- .bp_content_card_module_card--1c7df:active{
3867
+ .bp_content_card_module_card--bd749:active{
3870
3868
  background-color:var(--content-card-pressed-background-color);
3871
3869
  border:var(--content-card-pressed-border);
3872
3870
  box-shadow:none;
3873
3871
  }
3874
3872
 
3875
- .bp_content_card_module_cardContent--1c7df{
3873
+ .bp_content_card_module_cardContent--bd749{
3876
3874
  display:flex;
3877
3875
  flex-direction:column;
3878
3876
  gap:var(--content-card-content-gap);
@@ -3881,7 +3879,7 @@
3881
3879
  padding-block-start:calc(var(--content-card-icon-size) + var(--content-card-content-gap) + var(--content-card-icon-border-size));
3882
3880
  }
3883
3881
 
3884
- .bp_content_card_module_cardTitle--1c7df{
3882
+ .bp_content_card_module_cardTitle--bd749{
3885
3883
  align-items:var(--content-card-title-align-items);
3886
3884
  display:flex;
3887
3885
  height:var(--content-card-text-height);
@@ -3889,26 +3887,26 @@
3889
3887
  min-height:var(--content-card-text-height-min);
3890
3888
  }
3891
3889
 
3892
- .bp_content_card_module_cardTitleText--1c7df{
3890
+ .bp_content_card_module_cardTitleText--bd749{
3893
3891
  -webkit-box-orient:vertical;
3894
3892
  -webkit-line-clamp:2;
3895
3893
  display:-webkit-inline-box;
3896
3894
  overflow:hidden;
3897
3895
  }
3898
3896
 
3899
- .bp_content_card_module_cardBody--1c7df{
3897
+ .bp_content_card_module_cardBody--bd749{
3900
3898
  height:var(--content-card-text-height);
3901
3899
  margin-block-end:var(--content-card-content-gap);
3902
3900
  }
3903
3901
 
3904
- .bp_content_card_module_cardBodyText--1c7df{
3902
+ .bp_content_card_module_cardBodyText--bd749{
3905
3903
  -webkit-box-orient:vertical;
3906
3904
  -webkit-line-clamp:2;
3907
3905
  display:-webkit-inline-box;
3908
3906
  overflow:hidden;
3909
3907
  }
3910
3908
 
3911
- .bp_content_card_module_cardIcon--1c7df{
3909
+ .bp_content_card_module_cardIcon--bd749{
3912
3910
  background-color:var(--content-card-background-color);
3913
3911
  border:var(--content-card-icon-border-size) solid var(--content-card-background-color);
3914
3912
  border-radius:var(--content-card-icon-border-radius);
@@ -3921,7 +3919,7 @@
3921
3919
  z-index:1;
3922
3920
  }
3923
3921
 
3924
- .bp_content_card_module_cardBackground--1c7df{
3922
+ .bp_content_card_module_cardBackground--bd749{
3925
3923
  height:var(--content-card-background-height);
3926
3924
  left:0;
3927
3925
  overflow:hidden;
@@ -3930,13 +3928,12 @@
3930
3928
  width:100%;
3931
3929
  }
3932
3930
 
3933
- .bp_content_card_module_image--1c7df{
3934
- border-radius:var(--content-card-icon-image-border-radius);
3931
+ .bp_content_card_module_image--bd749{
3935
3932
  height:100%;
3936
3933
  width:100%;
3937
3934
  }
3938
3935
 
3939
- .bp_content_card_module_ghostCard--1c7df{
3936
+ .bp_content_card_module_ghostCard--bd749{
3940
3937
  display:flex;
3941
3938
  flex-direction:column;
3942
3939
  max-width:calc(var(--content-card-max-width) - var(--content-card-padding));
@@ -3945,21 +3942,21 @@
3945
3942
  position:relative;
3946
3943
  }
3947
3944
 
3948
- .bp_content_card_module_iconGhost--1c7df,.bp_content_card_module_titleGhost--1c7df{
3945
+ .bp_content_card_module_iconGhost--bd749,.bp_content_card_module_titleGhost--bd749{
3949
3946
  margin-block-end:var(--content-card-padding);
3950
3947
  }
3951
3948
 
3952
- .bp_content_card_module_bodyGhost--1c7df{
3949
+ .bp_content_card_module_bodyGhost--bd749{
3953
3950
  margin-block-end:var(--content-card-content-gap);
3954
3951
  }
3955
3952
 
3956
- .bp_content_card_module_pillGhostContainer--1c7df{
3953
+ .bp_content_card_module_pillGhostContainer--bd749{
3957
3954
  display:flex;
3958
3955
  margin-block-end:var(--content-card-padding);
3959
3956
  margin-block-start:var(--content-card-content-gap);
3960
3957
  }
3961
3958
 
3962
- .bp_content_card_module_pillGhost--1c7df{
3959
+ .bp_content_card_module_pillGhost--bd749{
3963
3960
  margin-inline-end:var(--content-card-content-gap);
3964
3961
  }
3965
3962
  .bp_content_field_module_contentFieldWrapper--dabac{
@@ -10,6 +10,7 @@ export declare const SplitButton: import("react").ForwardRefExoticComponent<(Omi
10
10
  onOpenChange?(pressed: boolean): void;
11
11
  disabled?: boolean;
12
12
  container?: import("../primitives/dropdown-menu").DropdownMenuContentProps["container"];
13
+ splitTriggerResinTarget?: string;
13
14
  } & Required<Pick<import("./types").Loading, keyof import("./types").Loading>> & Omit<import("./types").Loading, keyof import("./types").Loading>, "ref"> | Omit<Omit<import("../button").ButtonProps, "children"> & {
14
15
  children: React.ReactNode;
15
16
  label: string;
@@ -22,4 +23,5 @@ export declare const SplitButton: import("react").ForwardRefExoticComponent<(Omi
22
23
  onOpenChange?(pressed: boolean): void;
23
24
  disabled?: boolean;
24
25
  container?: import("../primitives/dropdown-menu").DropdownMenuContentProps["container"];
26
+ splitTriggerResinTarget?: string;
25
27
  } & Partial<Record<keyof import("./types").Loading, never>> & Omit<import("./types").Loading, keyof import("./types").Loading>, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;
@@ -36,6 +36,7 @@ const SplitButton = /*#__PURE__*/forwardRef((props, forwardedRef) => {
36
36
  defaultOpen = false,
37
37
  size = 'large',
38
38
  variant = 'primary',
39
+ splitTriggerResinTarget,
39
40
  ...rest
40
41
  } = props;
41
42
  const [leftButtonSize, setLeftButtonSize] = useState(undefined);
@@ -105,6 +106,7 @@ const SplitButton = /*#__PURE__*/forwardRef((props, forwardedRef) => {
105
106
  children: jsx(SplitTriggerButton, {
106
107
  ref: onRightButtonMountCallback,
107
108
  ariaLabel: dropdownTriggerAriaLabel,
109
+ "data-resin-target": splitTriggerResinTarget,
108
110
  disabled: !!disabled,
109
111
  isInvisible: loading,
110
112
  isOpened: open,
@@ -39,5 +39,7 @@ export type BasicSplitButtonProps = Omit<ButtonProps, 'children'> & {
39
39
  /** Specify a container element to portal the content into. */
40
40
  /** @default document.body */
41
41
  container?: DropdownMenuContentProps['container'];
42
+ /** The resin target for the split trigger button. */
43
+ splitTriggerResinTarget?: string;
42
44
  };
43
45
  export type SplitButtonProps = BasicSplitButtonProps & RequireAllOrNone<Loading, keyof Loading>;
@@ -11,6 +11,7 @@ const ToolbarButton = /*#__PURE__*/forwardRef((props, forwardedRef) => {
11
11
  style,
12
12
  backgroundColor,
13
13
  className,
14
+ disabled,
14
15
  ...rest
15
16
  } = props;
16
17
  const {
@@ -20,7 +21,9 @@ const ToolbarButton = /*#__PURE__*/forwardRef((props, forwardedRef) => {
20
21
  ...rest,
21
22
  ref: forwardedRef,
22
23
  className: clsx(styles.toolbarItem, styles.toolbarButton, className),
24
+ "data-disabled": disabled,
23
25
  "data-modern": enableModernizedComponents ? 'true' : 'false',
26
+ disabled: disabled,
24
27
  style: {
25
28
  '--toolbar-button-color': backgroundColor,
26
29
  ...style
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@box/blueprint-web",
3
- "version": "12.89.2",
3
+ "version": "12.90.1",
4
4
  "type": "module",
5
5
  "license": "SEE LICENSE IN LICENSE",
6
6
  "publishConfig": {