@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.
@@ -3056,7 +3056,7 @@
3056
3056
  --blueprint-select-border-error-left-width:none;
3057
3057
  }
3058
3058
 
3059
- .bp_select_module_container--1141b[data-modern=false]{
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--1141b[data-modern=true]{
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--1141b{
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--1141b.bp_select_module_disabled--1141b{
3132
+ .bp_select_module_container--e3f14.bp_select_module_disabled--e3f14{
3133
3133
  opacity:60%;
3134
3134
  }
3135
- .bp_select_module_container--1141b .bp_select_module_label--1141b{
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--1141b .bp_select_module_triggerBtn--1141b{
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--1141b .bp_select_module_triggerBtn--1141b span:first-child{
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--1141b .bp_select_module_triggerBtn--1141b:disabled{
3182
+ .bp_select_module_container--e3f14 .bp_select_module_triggerBtn--e3f14:disabled{
3183
3183
  cursor:default;
3184
3184
  }
3185
- .bp_select_module_container--1141b .bp_select_module_triggerBtn--1141b.bp_select_module_readonly--1141b:not(:disabled){
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--1141b .bp_select_module_triggerBtn--1141b:not(.bp_select_module_readonly--1141b):not(:disabled).bp_select_module_error--1141b,.bp_select_module_container--1141b .bp_select_module_triggerBtn--1141b:not(.bp_select_module_readonly--1141b):not(:disabled)[aria-invalid=true]{
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--1141b .bp_select_module_triggerBtn--1141b:not(.bp_select_module_readonly--1141b):focus,.bp_select_module_container--1141b .bp_select_module_triggerBtn--1141b:not(.bp_select_module_readonly--1141b):not(:disabled).bp_select_module_error--1141b:focus,.bp_select_module_container--1141b .bp_select_module_triggerBtn--1141b:not(.bp_select_module_readonly--1141b):not(:disabled)[aria-invalid=true]:focus{
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--1141b .bp_select_module_triggerBtn--1141b:not(.bp_select_module_readonly--1141b):not(:disabled):not(:focus):not(.bp_select_module_error--1141b):not([aria-invalid]):hover{
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--1141b .bp_select_module_triggerBtn--1141b .bp_select_module_iconWrapper--1141b{
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--1141b .bp_select_module_triggerBtn--1141b .bp_select_module_iconCaret--1141b{
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--1141b .bp_select_module_triggerBtn--1141b .bp_select_module_iconCaret--1141b path{
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--1141b .bp_select_module_triggerBtn--1141b .bp_select_module_iconPencilCrossed--1141b{
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--1141b .bp_select_module_triggerBtn--1141b[data-state=open] .bp_select_module_icon--1141b{
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--1141b[data-modern=false]{
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-hover);
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--1141b[data-modern=true]{
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-hover);
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--1141b{
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--1141b .bp_select_module_viewport--1141b{
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--1141b .bp_select_module_viewport--1141b .bp_select_module_option--1141b{
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--1141b .bp_select_module_viewport--1141b .bp_select_module_option--1141b[data-disabled]{
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--1141b .bp_select_module_viewport--1141b .bp_select_module_option--1141b[data-highlighted]{
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--1141b .bp_select_module_viewport--1141b .bp_select_module_option--1141b:active{
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--1141b .bp_select_module_viewport--1141b .bp_select_module_option--1141b:hover{
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--1141b .bp_select_module_viewport--1141b .bp_select_module_option--1141b span:first-child{
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--1141b .bp_select_module_viewport--1141b .bp_select_module_option--1141b .bp_select_module_secondaryText--1141b{
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--1141b .bp_select_module_viewport--1141b .bp_select_module_option--1141b .bp_select_module_indicator--1141b{
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--1141b .bp_select_module_viewport--1141b .bp_select_module_option--1141b .bp_select_module_indicator--1141b path{
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--1141b .bp_select_module_viewport--1141b .bp_select_module_separator--1141b{
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--1141b","disabled":"bp_select_module_disabled--1141b","label":"bp_select_module_label--1141b","triggerBtn":"bp_select_module_triggerBtn--1141b","readonly":"bp_select_module_readonly--1141b","error":"bp_select_module_error--1141b","iconWrapper":"bp_select_module_iconWrapper--1141b","iconCaret":"bp_select_module_iconCaret--1141b","iconPencilCrossed":"bp_select_module_iconPencilCrossed--1141b","icon":"bp_select_module_icon--1141b","content":"bp_select_module_content--1141b","viewport":"bp_select_module_viewport--1141b","option":"bp_select_module_option--1141b","secondaryText":"bp_select_module_secondaryText--1141b","indicator":"bp_select_module_indicator--1141b","separator":"bp_select_module_separator--1141b"};
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 };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@box/blueprint-web",
3
- "version": "12.84.0",
3
+ "version": "12.85.0",
4
4
  "type": "module",
5
5
  "license": "SEE LICENSE IN LICENSE",
6
6
  "publishConfig": {