@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.
- package/dist/lib-esm/combobox/combobox.module.js +1 -1
- package/dist/lib-esm/content-card/content-card.module.js +1 -1
- package/dist/lib-esm/index.css +57 -60
- package/dist/lib-esm/split-button/split-button.d.ts +2 -0
- package/dist/lib-esm/split-button/split-button.js +2 -0
- package/dist/lib-esm/split-button/types.d.ts +2 -0
- package/dist/lib-esm/toolbar/toolbar-button.js +3 -0
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"container":"bp_combobox_module_container--
|
|
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--
|
|
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 };
|
package/dist/lib-esm/index.css
CHANGED
|
@@ -2936,7 +2936,7 @@
|
|
|
2936
2936
|
margin-block-start:var(--text-area-container-row-gap);
|
|
2937
2937
|
}
|
|
2938
2938
|
|
|
2939
|
-
.bp_combobox_module_container--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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:
|
|
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--
|
|
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--
|
|
3187
|
+
.bp_combobox_module_container--80c88{
|
|
3188
3188
|
display:flex;
|
|
3189
3189
|
flex-direction:column;
|
|
3190
3190
|
}
|
|
3191
|
-
.bp_combobox_module_container--
|
|
3191
|
+
.bp_combobox_module_container--80c88.bp_combobox_module_disabled--80c88{
|
|
3192
3192
|
opacity:60%;
|
|
3193
3193
|
}
|
|
3194
|
-
.bp_combobox_module_container--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
3859
|
+
.bp_content_card_module_card--bd749:hover{
|
|
3862
3860
|
box-shadow:var(--content-card-dropshadow);
|
|
3863
3861
|
}
|
|
3864
|
-
.bp_content_card_module_card--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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
|