@box/blueprint-web 12.84.0 → 12.85.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/lib-esm/index.css
CHANGED
|
@@ -3056,7 +3056,7 @@
|
|
|
3056
3056
|
--blueprint-select-border-error-left-width:none;
|
|
3057
3057
|
}
|
|
3058
3058
|
|
|
3059
|
-
.bp_select_module_container--
|
|
3059
|
+
.bp_select_module_container--e3f14[data-modern=false]{
|
|
3060
3060
|
--select-gap:var(--space-2);
|
|
3061
3061
|
--select-label-color:var(--text-text-on-light);
|
|
3062
3062
|
--select-trigger-btn-gap:var(--space-2);
|
|
@@ -3086,7 +3086,7 @@
|
|
|
3086
3086
|
--select-trigger-btn-pencil-height:var(--size-4);
|
|
3087
3087
|
}
|
|
3088
3088
|
|
|
3089
|
-
.bp_select_module_container--
|
|
3089
|
+
.bp_select_module_container--e3f14[data-modern=true]{
|
|
3090
3090
|
--select-gap:var(--bp-space-020);
|
|
3091
3091
|
--select-label-color:var(--bp-text-text-on-light);
|
|
3092
3092
|
--select-trigger-btn-gap:var(--bp-space-020);
|
|
@@ -3116,7 +3116,7 @@
|
|
|
3116
3116
|
--select-trigger-btn-pencil-height:var(--bp-size-040);
|
|
3117
3117
|
}
|
|
3118
3118
|
|
|
3119
|
-
.bp_select_module_container--
|
|
3119
|
+
.bp_select_module_container--e3f14{
|
|
3120
3120
|
display:flex;
|
|
3121
3121
|
flex-direction:column;
|
|
3122
3122
|
font-family:var(--body-default-font-family);
|
|
@@ -3129,10 +3129,10 @@
|
|
|
3129
3129
|
text-decoration:var(--body-default-text-decoration);
|
|
3130
3130
|
text-transform:var(--body-default-text-case);
|
|
3131
3131
|
}
|
|
3132
|
-
.bp_select_module_container--
|
|
3132
|
+
.bp_select_module_container--e3f14.bp_select_module_disabled--e3f14{
|
|
3133
3133
|
opacity:60%;
|
|
3134
3134
|
}
|
|
3135
|
-
.bp_select_module_container--
|
|
3135
|
+
.bp_select_module_container--e3f14 .bp_select_module_label--e3f14{
|
|
3136
3136
|
color:var(--select-label-color);
|
|
3137
3137
|
flex:0 0 fit-content;
|
|
3138
3138
|
font-family:var(--body-default-bold-font-family);
|
|
@@ -3145,7 +3145,7 @@
|
|
|
3145
3145
|
text-decoration:var(--body-default-bold-text-decoration);
|
|
3146
3146
|
text-transform:var(--body-default-bold-text-case);
|
|
3147
3147
|
}
|
|
3148
|
-
.bp_select_module_container--
|
|
3148
|
+
.bp_select_module_container--e3f14 .bp_select_module_triggerBtn--e3f14{
|
|
3149
3149
|
align-items:center;
|
|
3150
3150
|
background-color:var(--select-trigger-btn-bg-color);
|
|
3151
3151
|
border-bottom:var(--select-trigger-btn-border-bottom);
|
|
@@ -3174,58 +3174,58 @@
|
|
|
3174
3174
|
text-transform:var(--body-default-text-case);
|
|
3175
3175
|
width:100%;
|
|
3176
3176
|
}
|
|
3177
|
-
.bp_select_module_container--
|
|
3177
|
+
.bp_select_module_container--e3f14 .bp_select_module_triggerBtn--e3f14 span:first-child{
|
|
3178
3178
|
overflow:hidden;
|
|
3179
3179
|
text-overflow:ellipsis;
|
|
3180
3180
|
white-space:nowrap;
|
|
3181
3181
|
}
|
|
3182
|
-
.bp_select_module_container--
|
|
3182
|
+
.bp_select_module_container--e3f14 .bp_select_module_triggerBtn--e3f14:disabled{
|
|
3183
3183
|
cursor:default;
|
|
3184
3184
|
}
|
|
3185
|
-
.bp_select_module_container--
|
|
3185
|
+
.bp_select_module_container--e3f14 .bp_select_module_triggerBtn--e3f14.bp_select_module_readonly--e3f14:not(:disabled){
|
|
3186
3186
|
background-color:var(--gray-02);
|
|
3187
3187
|
box-shadow:none;
|
|
3188
3188
|
color:var(--text-text-on-light-secondary);
|
|
3189
3189
|
cursor:default;
|
|
3190
3190
|
}
|
|
3191
|
-
.bp_select_module_container--
|
|
3191
|
+
.bp_select_module_container--e3f14 .bp_select_module_triggerBtn--e3f14:not(.bp_select_module_readonly--e3f14):not(:disabled).bp_select_module_error--e3f14,.bp_select_module_container--e3f14 .bp_select_module_triggerBtn--e3f14:not(.bp_select_module_readonly--e3f14):not(:disabled)[aria-invalid=true]{
|
|
3192
3192
|
background-color:var(----select-trigger-btn-error-bg-color);
|
|
3193
3193
|
border-bottom:var(--select-trigger-btn-error-border-bottom);
|
|
3194
3194
|
border-left:var(--select-trigger-btn-error-border-left);
|
|
3195
3195
|
border-right:var(--select-trigger-btn-error-border-right);
|
|
3196
3196
|
border-top:var(--select-trigger-btn-error-border-top);
|
|
3197
3197
|
}
|
|
3198
|
-
.bp_select_module_container--
|
|
3198
|
+
.bp_select_module_container--e3f14 .bp_select_module_triggerBtn--e3f14:not(.bp_select_module_readonly--e3f14):focus,.bp_select_module_container--e3f14 .bp_select_module_triggerBtn--e3f14:not(.bp_select_module_readonly--e3f14):not(:disabled).bp_select_module_error--e3f14:focus,.bp_select_module_container--e3f14 .bp_select_module_triggerBtn--e3f14:not(.bp_select_module_readonly--e3f14):not(:disabled)[aria-invalid=true]:focus{
|
|
3199
3199
|
background-color:var(--select-trigger-btn-focus-bg-color);
|
|
3200
3200
|
border:var(--select-trigger-btn-focus-border);
|
|
3201
3201
|
}
|
|
3202
|
-
.bp_select_module_container--
|
|
3202
|
+
.bp_select_module_container--e3f14 .bp_select_module_triggerBtn--e3f14:not(.bp_select_module_readonly--e3f14):not(:disabled):not(:focus):not(.bp_select_module_error--e3f14):not([aria-invalid]):hover{
|
|
3203
3203
|
background-color:var(--select-trigger-btn-hover-bg-color);
|
|
3204
3204
|
border-color:var(--select-trigger-btn-hover-border-color);
|
|
3205
3205
|
}
|
|
3206
|
-
.bp_select_module_container--
|
|
3206
|
+
.bp_select_module_container--e3f14 .bp_select_module_triggerBtn--e3f14 .bp_select_module_iconWrapper--e3f14{
|
|
3207
3207
|
flex-shrink:0;
|
|
3208
3208
|
-webkit-user-select:none;
|
|
3209
3209
|
user-select:none;
|
|
3210
3210
|
}
|
|
3211
|
-
.bp_select_module_container--
|
|
3211
|
+
.bp_select_module_container--e3f14 .bp_select_module_triggerBtn--e3f14 .bp_select_module_iconCaret--e3f14{
|
|
3212
3212
|
display:block;
|
|
3213
3213
|
height:var(--select-trigger-btn-caret-height);
|
|
3214
3214
|
width:var(--select-trigger-btn-caret-width);
|
|
3215
3215
|
}
|
|
3216
|
-
.bp_select_module_container--
|
|
3216
|
+
.bp_select_module_container--e3f14 .bp_select_module_triggerBtn--e3f14 .bp_select_module_iconCaret--e3f14 path{
|
|
3217
3217
|
fill:var(--select-trigger-btn-caret-color);
|
|
3218
3218
|
}
|
|
3219
|
-
.bp_select_module_container--
|
|
3219
|
+
.bp_select_module_container--e3f14 .bp_select_module_triggerBtn--e3f14 .bp_select_module_iconPencilCrossed--e3f14{
|
|
3220
3220
|
display:block;
|
|
3221
3221
|
height:var(--select-trigger-btn-pencil-height);
|
|
3222
3222
|
width:var(--select-trigger-btn-pencil-width);
|
|
3223
3223
|
}
|
|
3224
|
-
.bp_select_module_container--
|
|
3224
|
+
.bp_select_module_container--e3f14 .bp_select_module_triggerBtn--e3f14[data-state=open] .bp_select_module_icon--e3f14{
|
|
3225
3225
|
transform:rotate(180deg);
|
|
3226
3226
|
}
|
|
3227
3227
|
|
|
3228
|
-
.bp_select_module_content--
|
|
3228
|
+
.bp_select_module_content--e3f14[data-modern=false]{
|
|
3229
3229
|
--select-content-bg-color:var(--surface-menu-surface);
|
|
3230
3230
|
--select-content-backdrop-filter:none;
|
|
3231
3231
|
--select-content-border:var(--border-1) solid var(--border-card-border);
|
|
@@ -3240,7 +3240,7 @@
|
|
|
3240
3240
|
--select-content-viewport-option-padding-inline:var(--space-10) var(--space-2);
|
|
3241
3241
|
--select-content-viewport-option-focus-bg-color:var(--surface-menu-surface-focus);
|
|
3242
3242
|
--select-content-viewport-option-focus-border:var(--border-2) solid var(--outline-focus-on-light);
|
|
3243
|
-
--select-content-viewport-option-active-bg-color:var(--surface-menu-surface
|
|
3243
|
+
--select-content-viewport-option-active-bg-color:var(--surface-menu-surface);
|
|
3244
3244
|
--select-content-viewport-option-active-border:var(--border-2) solid #0000;
|
|
3245
3245
|
--select-content-viewport-option-hover-bg-color:var(--surface-menu-surface-hover);
|
|
3246
3246
|
--select-content-viewport-option-secondary-text-color:var(--text-text-on-light-secondary);
|
|
@@ -3252,7 +3252,7 @@
|
|
|
3252
3252
|
--select-content-viewport-option-separator-margin-block:var(--space-2);
|
|
3253
3253
|
}
|
|
3254
3254
|
|
|
3255
|
-
.bp_select_module_content--
|
|
3255
|
+
.bp_select_module_content--e3f14[data-modern=true]{
|
|
3256
3256
|
--select-content-bg-color:var(--bp-surface-menu-surface-dropdown);
|
|
3257
3257
|
--select-content-backdrop-filter:blur(16px);
|
|
3258
3258
|
--select-content-border:var(--bp-border-01) solid var(--bp-border-card-border);
|
|
@@ -3267,7 +3267,7 @@
|
|
|
3267
3267
|
--select-content-viewport-option-padding-inline:var(--bp-space-100) var(--bp-space-020);
|
|
3268
3268
|
--select-content-viewport-option-focus-bg-color:var(--bp-surface-menu-item-surface-hover);
|
|
3269
3269
|
--select-content-viewport-option-focus-border:var(--bp-border-02) solid var(--bp-outline-focus-on-light);
|
|
3270
|
-
--select-content-viewport-option-active-bg-color:var(--bp-surface-menu-item-surface
|
|
3270
|
+
--select-content-viewport-option-active-bg-color:var(--bp-surface-menu-item-surface);
|
|
3271
3271
|
--select-content-viewport-option-active-border:var(--bp-border-02) solid #0000;
|
|
3272
3272
|
--select-content-viewport-option-hover-bg-color:var(--bp-surface-menu-item-surface-hover);
|
|
3273
3273
|
--select-content-viewport-option-secondary-text-color:var(--bp-text-text-on-light-secondary);
|
|
@@ -3279,7 +3279,7 @@
|
|
|
3279
3279
|
--select-content-viewport-option-separator-margin-block:var(--bp-space-020);
|
|
3280
3280
|
}
|
|
3281
3281
|
|
|
3282
|
-
.bp_select_module_content--
|
|
3282
|
+
.bp_select_module_content--e3f14{
|
|
3283
3283
|
backdrop-filter:var(--select-content-backdrop-filter);
|
|
3284
3284
|
background-color:var(--select-content-bg-color);
|
|
3285
3285
|
border:var(--select-content-border);
|
|
@@ -3299,11 +3299,11 @@
|
|
|
3299
3299
|
text-transform:var(--body-default-text-case);
|
|
3300
3300
|
z-index:380;
|
|
3301
3301
|
}
|
|
3302
|
-
.bp_select_module_content--
|
|
3302
|
+
.bp_select_module_content--e3f14 .bp_select_module_viewport--e3f14{
|
|
3303
3303
|
padding-block:var(--select-content-viewport-padding-block);
|
|
3304
3304
|
padding-inline:var(--select-content-viewport-padding-inline);
|
|
3305
3305
|
}
|
|
3306
|
-
.bp_select_module_content--
|
|
3306
|
+
.bp_select_module_content--e3f14 .bp_select_module_viewport--e3f14 .bp_select_module_option--e3f14{
|
|
3307
3307
|
border:var(--select-content-viewport-option-border);
|
|
3308
3308
|
border-radius:var(--select-content-viewport-option-border-radius);
|
|
3309
3309
|
color:var(--select-content-viewport-option-text-color);
|
|
@@ -3319,29 +3319,29 @@
|
|
|
3319
3319
|
-webkit-user-select:none;
|
|
3320
3320
|
user-select:none;
|
|
3321
3321
|
}
|
|
3322
|
-
.bp_select_module_content--
|
|
3322
|
+
.bp_select_module_content--e3f14 .bp_select_module_viewport--e3f14 .bp_select_module_option--e3f14[data-disabled]{
|
|
3323
3323
|
opacity:60%;
|
|
3324
3324
|
pointer-events:none;
|
|
3325
3325
|
}
|
|
3326
|
-
.bp_select_module_content--
|
|
3326
|
+
.bp_select_module_content--e3f14 .bp_select_module_viewport--e3f14 .bp_select_module_option--e3f14[data-highlighted]{
|
|
3327
3327
|
background-color:var(--select-content-viewport-option-focus-bg-color);
|
|
3328
3328
|
border:var(--select-content-viewport-option-focus-border);
|
|
3329
3329
|
}
|
|
3330
|
-
.bp_select_module_content--
|
|
3330
|
+
.bp_select_module_content--e3f14 .bp_select_module_viewport--e3f14 .bp_select_module_option--e3f14[data-state=checked]{
|
|
3331
3331
|
background-color:var(--select-content-viewport-option-active-bg-color);
|
|
3332
3332
|
border:var(--select-content-viewport-option-active-border);
|
|
3333
3333
|
}
|
|
3334
|
-
.bp_select_module_content--
|
|
3334
|
+
.bp_select_module_content--e3f14 .bp_select_module_viewport--e3f14 .bp_select_module_option--e3f14:hover{
|
|
3335
3335
|
background-color:var(--select-content-viewport-option-hover-bg-color);
|
|
3336
3336
|
}
|
|
3337
|
-
.bp_select_module_content--
|
|
3337
|
+
.bp_select_module_content--e3f14 .bp_select_module_viewport--e3f14 .bp_select_module_option--e3f14 span:first-child{
|
|
3338
3338
|
overflow:hidden;
|
|
3339
3339
|
overflow-wrap:break-word;
|
|
3340
3340
|
}
|
|
3341
|
-
.bp_select_module_content--
|
|
3341
|
+
.bp_select_module_content--e3f14 .bp_select_module_viewport--e3f14 .bp_select_module_option--e3f14 .bp_select_module_secondaryText--e3f14{
|
|
3342
3342
|
color:var(--select-content-viewport-option-secondary-text-color);
|
|
3343
3343
|
}
|
|
3344
|
-
.bp_select_module_content--
|
|
3344
|
+
.bp_select_module_content--e3f14 .bp_select_module_viewport--e3f14 .bp_select_module_option--e3f14 .bp_select_module_indicator--e3f14{
|
|
3345
3345
|
align-items:center;
|
|
3346
3346
|
display:flex;
|
|
3347
3347
|
height:var(--select-content-viewport-option-indicator-height);
|
|
@@ -3350,10 +3350,10 @@
|
|
|
3350
3350
|
position:absolute;
|
|
3351
3351
|
top:0;
|
|
3352
3352
|
}
|
|
3353
|
-
.bp_select_module_content--
|
|
3353
|
+
.bp_select_module_content--e3f14 .bp_select_module_viewport--e3f14 .bp_select_module_option--e3f14 .bp_select_module_indicator--e3f14 path{
|
|
3354
3354
|
fill:var(--select-content-viewport-option-indicator-color);
|
|
3355
3355
|
}
|
|
3356
|
-
.bp_select_module_content--
|
|
3356
|
+
.bp_select_module_content--e3f14 .bp_select_module_viewport--e3f14 .bp_select_module_separator--e3f14{
|
|
3357
3357
|
background-color:var(--select-content-viewport-option-separator-bg-color);
|
|
3358
3358
|
flex-shrink:0;
|
|
3359
3359
|
height:var(--select-content-viewport-option-separator-height);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"container":"bp_select_module_container--
|
|
2
|
+
var styles = {"container":"bp_select_module_container--e3f14","disabled":"bp_select_module_disabled--e3f14","label":"bp_select_module_label--e3f14","triggerBtn":"bp_select_module_triggerBtn--e3f14","readonly":"bp_select_module_readonly--e3f14","error":"bp_select_module_error--e3f14","iconWrapper":"bp_select_module_iconWrapper--e3f14","iconCaret":"bp_select_module_iconCaret--e3f14","iconPencilCrossed":"bp_select_module_iconPencilCrossed--e3f14","icon":"bp_select_module_icon--e3f14","content":"bp_select_module_content--e3f14","viewport":"bp_select_module_viewport--e3f14","option":"bp_select_module_option--e3f14","secondaryText":"bp_select_module_secondaryText--e3f14","indicator":"bp_select_module_indicator--e3f14","separator":"bp_select_module_separator--e3f14"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|