@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.
@@ -2974,7 +2974,7 @@
2974
2974
  --blueprint-select-border-error-left-width:none;
2975
2975
  }
2976
2976
 
2977
- .bp_select_module_container--9a5e8[data-modern=false]{
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--9a5e8[data-modern=true]{
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--9a5e8{
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--9a5e8.bp_select_module_disabled--9a5e8{
3050
+ .bp_select_module_container--e4f69.bp_select_module_disabled--e4f69{
3051
3051
  opacity:60%;
3052
3052
  }
3053
- .bp_select_module_container--9a5e8 .bp_select_module_label--9a5e8{
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--9a5e8 .bp_select_module_triggerBtn--9a5e8{
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--9a5e8 .bp_select_module_triggerBtn--9a5e8 span:first-child{
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--9a5e8 .bp_select_module_triggerBtn--9a5e8:disabled{
3100
+ .bp_select_module_container--e4f69 .bp_select_module_triggerBtn--e4f69:disabled{
3101
3101
  cursor:default;
3102
3102
  }
3103
- .bp_select_module_container--9a5e8 .bp_select_module_triggerBtn--9a5e8.bp_select_module_readonly--9a5e8:not(:disabled){
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--9a5e8 .bp_select_module_triggerBtn--9a5e8:not(.bp_select_module_readonly--9a5e8):not(:disabled).bp_select_module_error--9a5e8,.bp_select_module_container--9a5e8 .bp_select_module_triggerBtn--9a5e8:not(.bp_select_module_readonly--9a5e8):not(:disabled)[aria-invalid=true]{
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--9a5e8 .bp_select_module_triggerBtn--9a5e8:not(.bp_select_module_readonly--9a5e8):focus,.bp_select_module_container--9a5e8 .bp_select_module_triggerBtn--9a5e8:not(.bp_select_module_readonly--9a5e8):not(:disabled).bp_select_module_error--9a5e8:focus,.bp_select_module_container--9a5e8 .bp_select_module_triggerBtn--9a5e8:not(.bp_select_module_readonly--9a5e8):not(:disabled)[aria-invalid=true]:focus{
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--9a5e8 .bp_select_module_triggerBtn--9a5e8:not(.bp_select_module_readonly--9a5e8):not(:disabled):not(:focus):not(.bp_select_module_error--9a5e8):not([aria-invalid]):hover{
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--9a5e8 .bp_select_module_triggerBtn--9a5e8 .bp_select_module_iconWrapper--9a5e8{
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--9a5e8 .bp_select_module_triggerBtn--9a5e8 .bp_select_module_iconCaret--9a5e8{
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--9a5e8 .bp_select_module_triggerBtn--9a5e8 .bp_select_module_iconCaret--9a5e8 path{
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--9a5e8 .bp_select_module_triggerBtn--9a5e8 .bp_select_module_iconPencilCrossed--9a5e8{
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--9a5e8 .bp_select_module_triggerBtn--9a5e8[data-state=open] .bp_select_module_icon--9a5e8{
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--9a5e8[data-modern=false]{
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--9a5e8[data-modern=true]{
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--9a5e8{
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--9a5e8 .bp_select_module_viewport--9a5e8{
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--9a5e8 .bp_select_module_viewport--9a5e8 .bp_select_module_option--9a5e8{
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--9a5e8 .bp_select_module_viewport--9a5e8 .bp_select_module_option--9a5e8[data-disabled]{
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--9a5e8 .bp_select_module_viewport--9a5e8 .bp_select_module_option--9a5e8[data-highlighted]{
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--9a5e8 .bp_select_module_viewport--9a5e8 .bp_select_module_option--9a5e8:active{
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--9a5e8 .bp_select_module_viewport--9a5e8 .bp_select_module_option--9a5e8:hover{
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--9a5e8 .bp_select_module_viewport--9a5e8 .bp_select_module_option--9a5e8 span:first-child{
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--9a5e8 .bp_select_module_viewport--9a5e8 .bp_select_module_option--9a5e8 .bp_select_module_secondaryText--9a5e8{
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--9a5e8 .bp_select_module_viewport--9a5e8 .bp_select_module_option--9a5e8 .bp_select_module_indicator--9a5e8{
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--9a5e8 .bp_select_module_viewport--9a5e8 .bp_select_module_option--9a5e8 .bp_select_module_indicator--9a5e8 path{
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--9a5e8 .bp_select_module_viewport--9a5e8 .bp_select_module_separator--9a5e8{
3272
- background-color:var(--select-content-bg-color-viewport-option-separator-bg-color);
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-bg-color-viewport-option-separator-height);
3275
- margin-block:var(--select-content-bg-color-viewport-option-separator-margin-block);
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--9a5e8","disabled":"bp_select_module_disabled--9a5e8","label":"bp_select_module_label--9a5e8","triggerBtn":"bp_select_module_triggerBtn--9a5e8","readonly":"bp_select_module_readonly--9a5e8","error":"bp_select_module_error--9a5e8","iconWrapper":"bp_select_module_iconWrapper--9a5e8","iconCaret":"bp_select_module_iconCaret--9a5e8","iconPencilCrossed":"bp_select_module_iconPencilCrossed--9a5e8","icon":"bp_select_module_icon--9a5e8","content":"bp_select_module_content--9a5e8","viewport":"bp_select_module_viewport--9a5e8","option":"bp_select_module_option--9a5e8","secondaryText":"bp_select_module_secondaryText--9a5e8","indicator":"bp_select_module_indicator--9a5e8","separator":"bp_select_module_separator--9a5e8"};
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 };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@box/blueprint-web",
3
- "version": "12.60.0",
3
+ "version": "12.60.1",
4
4
  "type": "module",
5
5
  "license": "SEE LICENSE IN LICENSE",
6
6
  "publishConfig": {