@box/blueprint-web 12.60.0 → 12.60.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/index.css
CHANGED
|
@@ -2974,7 +2974,7 @@
|
|
|
2974
2974
|
--blueprint-select-border-error-left-width:none;
|
|
2975
2975
|
}
|
|
2976
2976
|
|
|
2977
|
-
.bp_select_module_container--
|
|
2977
|
+
.bp_select_module_container--e4f69[data-modern=false]{
|
|
2978
2978
|
--select-gap:var(--space-2);
|
|
2979
2979
|
--select-label-color:var(--text-text-on-light);
|
|
2980
2980
|
--select-trigger-btn-gap:var(--space-2);
|
|
@@ -3004,7 +3004,7 @@
|
|
|
3004
3004
|
--select-trigger-btn-pencil-height:var(--size-4);
|
|
3005
3005
|
}
|
|
3006
3006
|
|
|
3007
|
-
.bp_select_module_container--
|
|
3007
|
+
.bp_select_module_container--e4f69[data-modern=true]{
|
|
3008
3008
|
--select-gap:var(--bp-space-020);
|
|
3009
3009
|
--select-label-color:var(--bp-text-text-on-light);
|
|
3010
3010
|
--select-trigger-btn-gap:var(--bp-space-020);
|
|
@@ -3034,7 +3034,7 @@
|
|
|
3034
3034
|
--select-trigger-btn-pencil-height:var(--bp-size-040);
|
|
3035
3035
|
}
|
|
3036
3036
|
|
|
3037
|
-
.bp_select_module_container--
|
|
3037
|
+
.bp_select_module_container--e4f69{
|
|
3038
3038
|
display:flex;
|
|
3039
3039
|
flex-direction:column;
|
|
3040
3040
|
font-family:var(--body-default-font-family);
|
|
@@ -3047,10 +3047,10 @@
|
|
|
3047
3047
|
text-decoration:var(--body-default-text-decoration);
|
|
3048
3048
|
text-transform:var(--body-default-text-case);
|
|
3049
3049
|
}
|
|
3050
|
-
.bp_select_module_container--
|
|
3050
|
+
.bp_select_module_container--e4f69.bp_select_module_disabled--e4f69{
|
|
3051
3051
|
opacity:60%;
|
|
3052
3052
|
}
|
|
3053
|
-
.bp_select_module_container--
|
|
3053
|
+
.bp_select_module_container--e4f69 .bp_select_module_label--e4f69{
|
|
3054
3054
|
color:var(--select-label-color);
|
|
3055
3055
|
flex:0 0 fit-content;
|
|
3056
3056
|
font-family:var(--body-default-bold-font-family);
|
|
@@ -3063,7 +3063,7 @@
|
|
|
3063
3063
|
text-decoration:var(--body-default-bold-text-decoration);
|
|
3064
3064
|
text-transform:var(--body-default-bold-text-case);
|
|
3065
3065
|
}
|
|
3066
|
-
.bp_select_module_container--
|
|
3066
|
+
.bp_select_module_container--e4f69 .bp_select_module_triggerBtn--e4f69{
|
|
3067
3067
|
align-items:center;
|
|
3068
3068
|
background-color:var(--select-trigger-btn-bg-color);
|
|
3069
3069
|
border-bottom:var(--select-trigger-btn-border-bottom);
|
|
@@ -3092,58 +3092,58 @@
|
|
|
3092
3092
|
text-transform:var(--body-default-text-case);
|
|
3093
3093
|
width:100%;
|
|
3094
3094
|
}
|
|
3095
|
-
.bp_select_module_container--
|
|
3095
|
+
.bp_select_module_container--e4f69 .bp_select_module_triggerBtn--e4f69 span:first-child{
|
|
3096
3096
|
overflow:hidden;
|
|
3097
3097
|
text-overflow:ellipsis;
|
|
3098
3098
|
white-space:nowrap;
|
|
3099
3099
|
}
|
|
3100
|
-
.bp_select_module_container--
|
|
3100
|
+
.bp_select_module_container--e4f69 .bp_select_module_triggerBtn--e4f69:disabled{
|
|
3101
3101
|
cursor:default;
|
|
3102
3102
|
}
|
|
3103
|
-
.bp_select_module_container--
|
|
3103
|
+
.bp_select_module_container--e4f69 .bp_select_module_triggerBtn--e4f69.bp_select_module_readonly--e4f69:not(:disabled){
|
|
3104
3104
|
background-color:var(--gray-02);
|
|
3105
3105
|
box-shadow:none;
|
|
3106
3106
|
color:var(--text-text-on-light-secondary);
|
|
3107
3107
|
cursor:default;
|
|
3108
3108
|
}
|
|
3109
|
-
.bp_select_module_container--
|
|
3109
|
+
.bp_select_module_container--e4f69 .bp_select_module_triggerBtn--e4f69:not(.bp_select_module_readonly--e4f69):not(:disabled).bp_select_module_error--e4f69,.bp_select_module_container--e4f69 .bp_select_module_triggerBtn--e4f69:not(.bp_select_module_readonly--e4f69):not(:disabled)[aria-invalid=true]{
|
|
3110
3110
|
background-color:var(----select-trigger-btn-error-bg-color);
|
|
3111
3111
|
border-bottom:var(--select-trigger-btn-error-border-bottom);
|
|
3112
3112
|
border-left:var(--select-trigger-btn-error-border-left);
|
|
3113
3113
|
border-right:var(--select-trigger-btn-error-border-right);
|
|
3114
3114
|
border-top:var(--select-trigger-btn-error-border-top);
|
|
3115
3115
|
}
|
|
3116
|
-
.bp_select_module_container--
|
|
3116
|
+
.bp_select_module_container--e4f69 .bp_select_module_triggerBtn--e4f69:not(.bp_select_module_readonly--e4f69):focus,.bp_select_module_container--e4f69 .bp_select_module_triggerBtn--e4f69:not(.bp_select_module_readonly--e4f69):not(:disabled).bp_select_module_error--e4f69:focus,.bp_select_module_container--e4f69 .bp_select_module_triggerBtn--e4f69:not(.bp_select_module_readonly--e4f69):not(:disabled)[aria-invalid=true]:focus{
|
|
3117
3117
|
background-color:var(--select-trigger-btn-focus-bg-color);
|
|
3118
3118
|
border:var(--select-trigger-btn-focus-border);
|
|
3119
3119
|
}
|
|
3120
|
-
.bp_select_module_container--
|
|
3120
|
+
.bp_select_module_container--e4f69 .bp_select_module_triggerBtn--e4f69:not(.bp_select_module_readonly--e4f69):not(:disabled):not(:focus):not(.bp_select_module_error--e4f69):not([aria-invalid]):hover{
|
|
3121
3121
|
background-color:var(--select-trigger-btn-hover-bg-color);
|
|
3122
3122
|
border-color:var(--select-trigger-btn-hover-border-color);
|
|
3123
3123
|
}
|
|
3124
|
-
.bp_select_module_container--
|
|
3124
|
+
.bp_select_module_container--e4f69 .bp_select_module_triggerBtn--e4f69 .bp_select_module_iconWrapper--e4f69{
|
|
3125
3125
|
flex-shrink:0;
|
|
3126
3126
|
-webkit-user-select:none;
|
|
3127
3127
|
user-select:none;
|
|
3128
3128
|
}
|
|
3129
|
-
.bp_select_module_container--
|
|
3129
|
+
.bp_select_module_container--e4f69 .bp_select_module_triggerBtn--e4f69 .bp_select_module_iconCaret--e4f69{
|
|
3130
3130
|
display:block;
|
|
3131
3131
|
height:var(--select-trigger-btn-caret-height);
|
|
3132
3132
|
width:var(--select-trigger-btn-caret-width);
|
|
3133
3133
|
}
|
|
3134
|
-
.bp_select_module_container--
|
|
3134
|
+
.bp_select_module_container--e4f69 .bp_select_module_triggerBtn--e4f69 .bp_select_module_iconCaret--e4f69 path{
|
|
3135
3135
|
fill:var(--select-trigger-btn-caret-color);
|
|
3136
3136
|
}
|
|
3137
|
-
.bp_select_module_container--
|
|
3137
|
+
.bp_select_module_container--e4f69 .bp_select_module_triggerBtn--e4f69 .bp_select_module_iconPencilCrossed--e4f69{
|
|
3138
3138
|
display:block;
|
|
3139
3139
|
height:var(--select-trigger-btn-pencil-height);
|
|
3140
3140
|
width:var(--select-trigger-btn-pencil-width);
|
|
3141
3141
|
}
|
|
3142
|
-
.bp_select_module_container--
|
|
3142
|
+
.bp_select_module_container--e4f69 .bp_select_module_triggerBtn--e4f69[data-state=open] .bp_select_module_icon--e4f69{
|
|
3143
3143
|
transform:rotate(180deg);
|
|
3144
3144
|
}
|
|
3145
3145
|
|
|
3146
|
-
.bp_select_module_content--
|
|
3146
|
+
.bp_select_module_content--e4f69[data-modern=false]{
|
|
3147
3147
|
--select-content-bg-color:var(--surface-menu-surface);
|
|
3148
3148
|
--select-content-backdrop-filter:none;
|
|
3149
3149
|
--select-content-border:var(--border-1) solid var(--border-card-border);
|
|
@@ -3169,7 +3169,7 @@
|
|
|
3169
3169
|
--select-content-viewport-option-separator-margin-block:var(--space-2);
|
|
3170
3170
|
}
|
|
3171
3171
|
|
|
3172
|
-
.bp_select_module_content--
|
|
3172
|
+
.bp_select_module_content--e4f69[data-modern=true]{
|
|
3173
3173
|
--select-content-bg-color:var(--bp-surface-menu-surface-dropdown);
|
|
3174
3174
|
--select-content-backdrop-filter:blur(16px);
|
|
3175
3175
|
--select-content-border:var(--bp-border-01) solid var(--bp-border-card-border);
|
|
@@ -3195,7 +3195,7 @@
|
|
|
3195
3195
|
--select-content-viewport-option-separator-margin-block:var(--bp-space-020);
|
|
3196
3196
|
}
|
|
3197
3197
|
|
|
3198
|
-
.bp_select_module_content--
|
|
3198
|
+
.bp_select_module_content--e4f69{
|
|
3199
3199
|
backdrop-filter:var(--select-content-backdrop-filter);
|
|
3200
3200
|
background-color:var(--select-content-bg-color);
|
|
3201
3201
|
border:var(--select-content-border);
|
|
@@ -3215,11 +3215,11 @@
|
|
|
3215
3215
|
text-transform:var(--body-default-text-case);
|
|
3216
3216
|
z-index:380;
|
|
3217
3217
|
}
|
|
3218
|
-
.bp_select_module_content--
|
|
3218
|
+
.bp_select_module_content--e4f69 .bp_select_module_viewport--e4f69{
|
|
3219
3219
|
padding-block:var(--select-content-viewport-padding-block);
|
|
3220
3220
|
padding-inline:var(--select-content-viewport-padding-inline);
|
|
3221
3221
|
}
|
|
3222
|
-
.bp_select_module_content--
|
|
3222
|
+
.bp_select_module_content--e4f69 .bp_select_module_viewport--e4f69 .bp_select_module_option--e4f69{
|
|
3223
3223
|
border:var(--select-content-viewport-option-border);
|
|
3224
3224
|
border-radius:var(--select-content-viewport-option-border-radius);
|
|
3225
3225
|
cursor:pointer;
|
|
@@ -3234,29 +3234,29 @@
|
|
|
3234
3234
|
-webkit-user-select:none;
|
|
3235
3235
|
user-select:none;
|
|
3236
3236
|
}
|
|
3237
|
-
.bp_select_module_content--
|
|
3237
|
+
.bp_select_module_content--e4f69 .bp_select_module_viewport--e4f69 .bp_select_module_option--e4f69[data-disabled]{
|
|
3238
3238
|
opacity:60%;
|
|
3239
3239
|
pointer-events:none;
|
|
3240
3240
|
}
|
|
3241
|
-
.bp_select_module_content--
|
|
3241
|
+
.bp_select_module_content--e4f69 .bp_select_module_viewport--e4f69 .bp_select_module_option--e4f69[data-highlighted]{
|
|
3242
3242
|
background-color:var(--select-content-viewport-option-focus-bg-color);
|
|
3243
3243
|
border:var(--select-content-viewport-option-focus-border);
|
|
3244
3244
|
}
|
|
3245
|
-
.bp_select_module_content--
|
|
3245
|
+
.bp_select_module_content--e4f69 .bp_select_module_viewport--e4f69 .bp_select_module_option--e4f69:active{
|
|
3246
3246
|
background-color:var(--select-content-viewport-option-active-bg-color);
|
|
3247
3247
|
border:var(--select-content-viewport-option-active-border);
|
|
3248
3248
|
}
|
|
3249
|
-
.bp_select_module_content--
|
|
3249
|
+
.bp_select_module_content--e4f69 .bp_select_module_viewport--e4f69 .bp_select_module_option--e4f69:hover{
|
|
3250
3250
|
background-color:var(--select-content-viewport-option-hover-bg-color);
|
|
3251
3251
|
}
|
|
3252
|
-
.bp_select_module_content--
|
|
3252
|
+
.bp_select_module_content--e4f69 .bp_select_module_viewport--e4f69 .bp_select_module_option--e4f69 span:first-child{
|
|
3253
3253
|
overflow:hidden;
|
|
3254
3254
|
overflow-wrap:break-word;
|
|
3255
3255
|
}
|
|
3256
|
-
.bp_select_module_content--
|
|
3256
|
+
.bp_select_module_content--e4f69 .bp_select_module_viewport--e4f69 .bp_select_module_option--e4f69 .bp_select_module_secondaryText--e4f69{
|
|
3257
3257
|
color:var(--select-content-viewport-option-secondary-text-color);
|
|
3258
3258
|
}
|
|
3259
|
-
.bp_select_module_content--
|
|
3259
|
+
.bp_select_module_content--e4f69 .bp_select_module_viewport--e4f69 .bp_select_module_option--e4f69 .bp_select_module_indicator--e4f69{
|
|
3260
3260
|
align-items:center;
|
|
3261
3261
|
display:flex;
|
|
3262
3262
|
height:var(--select-content-viewport-option-indicator-height);
|
|
@@ -3265,14 +3265,14 @@
|
|
|
3265
3265
|
position:absolute;
|
|
3266
3266
|
top:0;
|
|
3267
3267
|
}
|
|
3268
|
-
.bp_select_module_content--
|
|
3268
|
+
.bp_select_module_content--e4f69 .bp_select_module_viewport--e4f69 .bp_select_module_option--e4f69 .bp_select_module_indicator--e4f69 path{
|
|
3269
3269
|
fill:var(--select-content-viewport-option-indicator-color);
|
|
3270
3270
|
}
|
|
3271
|
-
.bp_select_module_content--
|
|
3272
|
-
background-color:var(--select-content-
|
|
3271
|
+
.bp_select_module_content--e4f69 .bp_select_module_viewport--e4f69 .bp_select_module_separator--e4f69{
|
|
3272
|
+
background-color:var(--select-content-viewport-option-separator-bg-color);
|
|
3273
3273
|
flex-shrink:0;
|
|
3274
|
-
height:var(--select-content-
|
|
3275
|
-
margin-block:var(--select-content-
|
|
3274
|
+
height:var(--select-content-viewport-option-separator-height);
|
|
3275
|
+
margin-block:var(--select-content-viewport-option-separator-margin-block);
|
|
3276
3276
|
}
|
|
3277
3277
|
|
|
3278
3278
|
.bp_content_card_module_card--adb8d{
|
|
@@ -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--e4f69","disabled":"bp_select_module_disabled--e4f69","label":"bp_select_module_label--e4f69","triggerBtn":"bp_select_module_triggerBtn--e4f69","readonly":"bp_select_module_readonly--e4f69","error":"bp_select_module_error--e4f69","iconWrapper":"bp_select_module_iconWrapper--e4f69","iconCaret":"bp_select_module_iconCaret--e4f69","iconPencilCrossed":"bp_select_module_iconPencilCrossed--e4f69","icon":"bp_select_module_icon--e4f69","content":"bp_select_module_content--e4f69","viewport":"bp_select_module_viewport--e4f69","option":"bp_select_module_option--e4f69","secondaryText":"bp_select_module_secondaryText--e4f69","indicator":"bp_select_module_indicator--e4f69","separator":"bp_select_module_separator--e4f69"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|