@box/blueprint-web 12.78.2 → 12.78.4

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.
@@ -6980,7 +6980,7 @@ table.bp_inline_table_module_inlineTable--f6f94[data-modern=true] td:last-child,
6980
6980
  .bp_base_text_input_module_textInputContainerOuter--c286c .bp_base_text_input_module_inlineError--c286c,.bp_base_text_input_module_textInputContainerOuter--c286c .bp_base_text_input_module_subtext--c286c{
6981
6981
  margin-block-start:var(--text-input-inline-error-subtext-block-margin);
6982
6982
  }
6983
- .bp_chip_module_chip--d54cf[data-modern=false]{
6983
+ .bp_chip_module_chip--81fcb[data-modern=false]{
6984
6984
  --chip-gap:var(--space-2);
6985
6985
  --chip-height:var(--size-8);
6986
6986
  --chip-radius:var(--radius-half);
@@ -6992,6 +6992,8 @@ table.bp_inline_table_module_inlineTable--f6f94[data-modern=true] td:last-child,
6992
6992
  --chip-status-padding:var(--space-2);
6993
6993
  --chip-status-background-default:var(--gray-10);
6994
6994
  --chip-status-radius:var(--radius-half);
6995
+ --chip-text-color:var(--text-text-on-light);
6996
+ --chip-text-color-disabled:var(--text-text-on-light-disabled);
6995
6997
  --chip-button-background:var(--surface-chip-button-surface);
6996
6998
  --chip-button-background-hover:var(--surface-chip-button-surface-hover);
6997
6999
  --chip-button-status-text-color:var(--text-text-on-dark);
@@ -7018,7 +7020,7 @@ table.bp_inline_table_module_inlineTable--f6f94[data-modern=true] td:last-child,
7018
7020
  --chip-multi-select-focus-border-selected:var(--border-1) solid var(--gray-white);
7019
7021
  }
7020
7022
 
7021
- .bp_chip_module_chip--d54cf[data-modern=true]{
7023
+ .bp_chip_module_chip--81fcb[data-modern=true]{
7022
7024
  --chip-gap:var(--bp-space-020);
7023
7025
  --chip-height:var(--bp-size-080);
7024
7026
  --chip-radius:var(--bp-radius-16);
@@ -7030,6 +7032,8 @@ table.bp_inline_table_module_inlineTable--f6f94[data-modern=true] td:last-child,
7030
7032
  --chip-status-padding:var(--bp-space-020);
7031
7033
  --chip-status-background-default:var(--bp-surface-status-surface-gray);
7032
7034
  --chip-status-radius:var(--bp-radius-16);
7035
+ --chip-text-color:var(--bp-text-text-on-light);
7036
+ --chip-text-color-disabled:var(--bp-text-text-on-light-disabled);
7033
7037
  --chip-button-background:var(--bp-surface-chip-button-surface);
7034
7038
  --chip-button-background-hover:var(--bp-surface-chip-button-surface-hover);
7035
7039
  --chip-button-status-text-color:var(--bp-text-text-on-dark);
@@ -7038,7 +7042,7 @@ table.bp_inline_table_module_inlineTable--f6f94[data-modern=true] td:last-child,
7038
7042
  --chip-button-outline-width:var(--bp-border-02);
7039
7043
  --chip-button-outline-color:var(--bp-outline-focus-on-light);
7040
7044
  --chip-single-select-background:var(--bp-surface-filter-chip-surface-single);
7041
- --chip-single-select-background-hover:var( --bp-surface-filter-chip-surface-single-hover);
7045
+ --chip-single-select-background-hover:var(--bp-surface-filter-chip-surface-single-hover);
7042
7046
  --chip-single-select-background-selected:var(--bp-surface-filter-chip-surface-single-on);
7043
7047
  --chip-single-select-background-selected-hover:var(--bp-surface-filter-chip-surface-single-on-hover);
7044
7048
  --chip-single-select-text-color-selected:var(--bp-text-text-on-dark);
@@ -7056,10 +7060,11 @@ table.bp_inline_table_module_inlineTable--f6f94[data-modern=true] td:last-child,
7056
7060
  --chip-multi-select-focus-border-selected:var(--bp-border-01) solid var(--bp-gray-white);
7057
7061
  }
7058
7062
 
7059
- .bp_chip_module_chip--d54cf{
7063
+ .bp_chip_module_chip--81fcb{
7060
7064
  align-items:center;
7061
7065
  border:none;
7062
7066
  border-radius:var(--chip-radius);
7067
+ color:var(--chip-text-color);
7063
7068
  cursor:pointer;
7064
7069
  display:flex;
7065
7070
  font-family:var(--body-default-bold-font-family);
@@ -7074,26 +7079,27 @@ table.bp_inline_table_module_inlineTable--f6f94[data-modern=true] td:last-child,
7074
7079
  text-decoration:var(--body-default-bold-text-decoration);
7075
7080
  text-transform:var(--body-default-bold-text-case);
7076
7081
  }
7077
- .bp_chip_module_chip--d54cf .bp_chip_module_labelText--d54cf:first-child{
7082
+ .bp_chip_module_chip--81fcb .bp_chip_module_labelText--81fcb:first-child{
7078
7083
  margin-inline-start:var(--chip-label-inline-padding);
7079
7084
  }
7080
- .bp_chip_module_chip--d54cf .bp_chip_module_labelText--d54cf:last-child{
7085
+ .bp_chip_module_chip--81fcb .bp_chip_module_labelText--81fcb:last-child{
7081
7086
  margin-inline-end:var(--chip-label-inline-padding);
7082
7087
  }
7083
- .bp_chip_module_chip--d54cf .bp_chip_module_chipStatus--d54cf:first-child,.bp_chip_module_chip--d54cf svg:first-child{
7088
+ .bp_chip_module_chip--81fcb .bp_chip_module_chipStatus--81fcb:first-child,.bp_chip_module_chip--81fcb svg:first-child{
7084
7089
  margin-inline-start:var(--chip-item-inline-padding);
7085
7090
  }
7086
- .bp_chip_module_chip--d54cf .bp_chip_module_chipStatus--d54cf:last-child,.bp_chip_module_chip--d54cf svg:last-child{
7091
+ .bp_chip_module_chip--81fcb .bp_chip_module_chipStatus--81fcb:last-child,.bp_chip_module_chip--81fcb svg:last-child{
7087
7092
  margin-inline-end:var(--chip-item-inline-padding);
7088
7093
  }
7089
- .bp_chip_module_chip--d54cf:disabled{
7094
+ .bp_chip_module_chip--81fcb:disabled{
7095
+ color:var(--chip-text-color-disabled);
7090
7096
  cursor:default;
7091
7097
  pointer-events:none;
7092
7098
  }
7093
- .bp_chip_module_chip--d54cf:disabled svg{
7099
+ .bp_chip_module_chip--81fcb:disabled svg{
7094
7100
  opacity:.4;
7095
7101
  }
7096
- .bp_chip_module_chip--d54cf .bp_chip_module_chipStatus--d54cf{
7102
+ .bp_chip_module_chip--81fcb .bp_chip_module_chipStatus--81fcb{
7097
7103
  align-items:center;
7098
7104
  background-color:var(--chip-status-background-default);
7099
7105
  border-radius:var(--chip-status-radius);
@@ -7113,10 +7119,10 @@ table.bp_inline_table_module_inlineTable--f6f94[data-modern=true] td:last-child,
7113
7119
  text-decoration:var(--label-bold-text-decoration);
7114
7120
  text-transform:var(--label-bold-text-case);
7115
7121
  }
7116
- .bp_chip_module_chip--d54cf .bp_chip_module_labelText--d54cf{
7122
+ .bp_chip_module_chip--81fcb .bp_chip_module_labelText--81fcb{
7117
7123
  white-space:nowrap;
7118
7124
  }
7119
- .bp_chip_module_chip--d54cf.bp_chip_module_chipButton--d54cf{
7125
+ .bp_chip_module_chip--81fcb.bp_chip_module_chipButton--81fcb{
7120
7126
  background-color:var(--chip-button-background);
7121
7127
  font-family:var(--body-default-font-family);
7122
7128
  font-size:var(--body-default-font-size);
@@ -7127,50 +7133,50 @@ table.bp_inline_table_module_inlineTable--f6f94[data-modern=true] td:last-child,
7127
7133
  text-decoration:var(--body-default-text-decoration);
7128
7134
  text-transform:var(--body-default-text-case);
7129
7135
  }
7130
- .bp_chip_module_chip--d54cf.bp_chip_module_chipButton--d54cf:focus-visible{
7136
+ .bp_chip_module_chip--81fcb.bp_chip_module_chipButton--81fcb:focus-visible{
7131
7137
  box-shadow:0 0 0 var(--chip-button-outline-width) var(--chip-button-outline-width);
7132
7138
  outline:none;
7133
7139
  overflow:visible;
7134
7140
  }
7135
- .bp_chip_module_chip--d54cf.bp_chip_module_chipButton--d54cf .bp_chip_module_chipStatus--d54cf{
7141
+ .bp_chip_module_chip--81fcb.bp_chip_module_chipButton--81fcb .bp_chip_module_chipStatus--81fcb{
7136
7142
  background-color:var(--chip-button-status-background);
7137
7143
  color:var(--chip-button-status-text-color);
7138
7144
  }
7139
- .bp_chip_module_chip--d54cf.bp_chip_module_chipButton--d54cf:focus-visible,.bp_chip_module_chip--d54cf.bp_chip_module_chipButton--d54cf[data-active-item]{
7145
+ .bp_chip_module_chip--81fcb.bp_chip_module_chipButton--81fcb:focus-visible,.bp_chip_module_chip--81fcb.bp_chip_module_chipButton--81fcb[data-active-item]{
7140
7146
  box-shadow:var(--chip-button-focus-box-shadow);
7141
7147
  outline:none;
7142
7148
  }
7143
- .bp_chip_module_chip--d54cf.bp_chip_module_chipButton--d54cf:disabled{
7149
+ .bp_chip_module_chip--81fcb.bp_chip_module_chipButton--81fcb:disabled{
7144
7150
  pointer-events:none;
7145
7151
  }
7146
- .bp_chip_module_chip--d54cf.bp_chip_module_chipButton--d54cf:disabled .bp_chip_module_chipStatus--d54cf,.bp_chip_module_chip--d54cf.bp_chip_module_chipButton--d54cf:disabled svg{
7152
+ .bp_chip_module_chip--81fcb.bp_chip_module_chipButton--81fcb:disabled .bp_chip_module_chipStatus--81fcb,.bp_chip_module_chip--81fcb.bp_chip_module_chipButton--81fcb:disabled svg{
7147
7153
  opacity:.4;
7148
7154
  }
7149
- .bp_chip_module_chip--d54cf.bp_chip_module_chipButton--d54cf:hover:enabled{
7155
+ .bp_chip_module_chip--81fcb.bp_chip_module_chipButton--81fcb:hover:enabled{
7150
7156
  background-color:var(--chip-button-background-hover);
7151
7157
  }
7152
- .bp_chip_module_chip--d54cf.bp_chip_module_singleSelectChip--d54cf{
7158
+ .bp_chip_module_chip--81fcb.bp_chip_module_singleSelectChip--81fcb{
7153
7159
  background-color:var(--chip-single-select-background);
7154
7160
  }
7155
- .bp_chip_module_chip--d54cf.bp_chip_module_singleSelectChip--d54cf[data-state=on]{
7161
+ .bp_chip_module_chip--81fcb.bp_chip_module_singleSelectChip--81fcb[data-state=on]{
7156
7162
  background-color:var(--chip-single-select-background-selected);
7157
7163
  color:var(--chip-single-select-text-color-selected);
7158
7164
  }
7159
- .bp_chip_module_chip--d54cf.bp_chip_module_singleSelectChip--d54cf[data-state=on]:hover{
7165
+ .bp_chip_module_chip--81fcb.bp_chip_module_singleSelectChip--81fcb[data-state=on]:hover{
7160
7166
  background-color:var(--chip-single-select-background-selected-hover);
7161
7167
  }
7162
- .bp_chip_module_chip--d54cf.bp_chip_module_singleSelectChip--d54cf[data-state=on] .bp_chip_module_chipStatus--d54cf{
7168
+ .bp_chip_module_chip--81fcb.bp_chip_module_singleSelectChip--81fcb[data-state=on] .bp_chip_module_chipStatus--81fcb{
7163
7169
  color:var(--chip-single-select-status-text-color-selected);
7164
7170
  }
7165
- .bp_chip_module_chip--d54cf.bp_chip_module_singleSelectChip--d54cf:focus-visible,.bp_chip_module_chip--d54cf.bp_chip_module_singleSelectChip--d54cf[data-active-item]{
7171
+ .bp_chip_module_chip--81fcb.bp_chip_module_singleSelectChip--81fcb:focus-visible,.bp_chip_module_chip--81fcb.bp_chip_module_singleSelectChip--81fcb[data-active-item]{
7166
7172
  box-shadow:0 0 0 var(--border-2) var(--outline-focus-on-light);
7167
7173
  outline:var(--border-1) solid var(--gray-white);
7168
7174
  outline-offset:calc(var(--border-1)*-1);
7169
7175
  }
7170
- .bp_chip_module_chip--d54cf.bp_chip_module_singleSelectChip--d54cf:hover:not([data-state=on]){
7176
+ .bp_chip_module_chip--81fcb.bp_chip_module_singleSelectChip--81fcb:hover:not([data-state=on]){
7171
7177
  background-color:var(--chip-single-select-background-hover);
7172
7178
  }
7173
- .bp_chip_module_chip--d54cf.bp_chip_module_multiSelectChip--d54cf{
7179
+ .bp_chip_module_chip--81fcb.bp_chip_module_multiSelectChip--81fcb{
7174
7180
  background-color:var(--chip-multi-select-background);
7175
7181
  font-family:var(--body-default-font-family);
7176
7182
  font-size:var(--body-default-font-size);
@@ -7181,10 +7187,10 @@ table.bp_inline_table_module_inlineTable--f6f94[data-modern=true] td:last-child,
7181
7187
  text-decoration:var(--body-default-text-decoration);
7182
7188
  text-transform:var(--body-default-text-case);
7183
7189
  }
7184
- .bp_chip_module_chip--d54cf.bp_chip_module_multiSelectChip--d54cf path{
7190
+ .bp_chip_module_chip--81fcb.bp_chip_module_multiSelectChip--81fcb path{
7185
7191
  fill:var(--chip-multi-select-icon-color);
7186
7192
  }
7187
- .bp_chip_module_chip--d54cf.bp_chip_module_multiSelectChip--d54cf[data-state=on]{
7193
+ .bp_chip_module_chip--81fcb.bp_chip_module_multiSelectChip--81fcb[data-state=on]{
7188
7194
  background-color:var(--chip-multi-select-background-selected);
7189
7195
  border:var(--chip-multi-select-border-selected);
7190
7196
  color:var(--chip-multi-select-text-color-selected);
@@ -7197,31 +7203,31 @@ table.bp_inline_table_module_inlineTable--f6f94[data-modern=true] td:last-child,
7197
7203
  text-decoration:var(--body-default-bold-text-decoration);
7198
7204
  text-transform:var(--body-default-bold-text-case);
7199
7205
  }
7200
- .bp_chip_module_chip--d54cf.bp_chip_module_multiSelectChip--d54cf[data-state=on] path{
7206
+ .bp_chip_module_chip--81fcb.bp_chip_module_multiSelectChip--81fcb[data-state=on] path{
7201
7207
  fill:var(--chip-multi-select-text-color-selected);
7202
7208
  }
7203
- .bp_chip_module_chip--d54cf.bp_chip_module_multiSelectChip--d54cf[data-state=on]:hover{
7209
+ .bp_chip_module_chip--81fcb.bp_chip_module_multiSelectChip--81fcb[data-state=on]:hover{
7204
7210
  background-color:var(--chip-multi-select-background-selected-hover);
7205
7211
  }
7206
- .bp_chip_module_chip--d54cf.bp_chip_module_multiSelectChip--d54cf[data-state=on]:focus-visible,.bp_chip_module_chip--d54cf.bp_chip_module_multiSelectChip--d54cf[data-state=on][data-active-item]{
7212
+ .bp_chip_module_chip--81fcb.bp_chip_module_multiSelectChip--81fcb[data-state=on]:focus-visible,.bp_chip_module_chip--81fcb.bp_chip_module_multiSelectChip--81fcb[data-state=on][data-active-item]{
7207
7213
  border:var(--chip-multi-select-focus-border-selected);
7208
7214
  box-shadow:0 0 0 var(--border-2) var(--outline-focus-on-light);
7209
7215
  outline:var(--border-1) solid var(--chip-multi-select-border-color-selected);
7210
7216
  outline-offset:calc(var(--border-2)*-1);
7211
7217
  }
7212
- .bp_chip_module_chip--d54cf.bp_chip_module_multiSelectChip--d54cf[data-state=on] .bp_chip_module_chipStatus--d54cf{
7218
+ .bp_chip_module_chip--81fcb.bp_chip_module_multiSelectChip--81fcb[data-state=on] .bp_chip_module_chipStatus--81fcb{
7213
7219
  background-color:var(--chip-multi-select-status-background-selected);
7214
7220
  color:var(--chip-multi-select-status-text-color-selected);
7215
7221
  }
7216
- .bp_chip_module_chip--d54cf.bp_chip_module_multiSelectChip--d54cf:focus-visible:not([data-state=on]),.bp_chip_module_chip--d54cf.bp_chip_module_multiSelectChip--d54cf[data-active-item]:not([data-state=on]){
7222
+ .bp_chip_module_chip--81fcb.bp_chip_module_multiSelectChip--81fcb:focus-visible:not([data-state=on]),.bp_chip_module_chip--81fcb.bp_chip_module_multiSelectChip--81fcb[data-active-item]:not([data-state=on]){
7217
7223
  box-shadow:0 0 0 var(--border-2) var(--outline-focus-on-light);
7218
7224
  outline:var(--border-1) solid var(--gray-white);
7219
7225
  outline-offset:calc(var(--border-1)*-1);
7220
7226
  }
7221
- .bp_chip_module_chip--d54cf.bp_chip_module_multiSelectChip--d54cf:hover:not([data-state=on]){
7227
+ .bp_chip_module_chip--81fcb.bp_chip_module_multiSelectChip--81fcb:hover:not([data-state=on]){
7222
7228
  background-color:var(--chip-multi-select-background-hover);
7223
7229
  }
7224
- .bp_chip_module_chip--d54cf.bp_chip_module_multiSelectChip--d54cf span::before{
7230
+ .bp_chip_module_chip--81fcb.bp_chip_module_multiSelectChip--81fcb span::before{
7225
7231
  content:attr(data-text);
7226
7232
  display:block;
7227
7233
  font-family:var(--body-default-bold-font-family);
@@ -7237,30 +7243,30 @@ table.bp_inline_table_module_inlineTable--f6f94[data-modern=true] td:last-child,
7237
7243
  visibility:hidden;
7238
7244
  }
7239
7245
 
7240
- .bp_chip_module_chipsGroup--d54cf[data-modern=false]{
7246
+ .bp_chip_module_chipsGroup--81fcb[data-modern=false]{
7241
7247
  --chips-group-gap:var(--space-2);
7242
7248
  --chips-group-small-screen-padding:var(--space-5);
7243
7249
  }
7244
7250
 
7245
- .bp_chip_module_chipsGroup--d54cf[data-modern=true]{
7251
+ .bp_chip_module_chipsGroup--81fcb[data-modern=true]{
7246
7252
  --chips-group-gap:var(--bp-space-020);
7247
7253
  --chips-group-small-screen-padding:var(--bp-space-050);
7248
7254
  }
7249
7255
 
7250
- .bp_chip_module_chipsGroup--d54cf{
7256
+ .bp_chip_module_chipsGroup--81fcb{
7251
7257
  display:flex;
7252
7258
  flex-wrap:wrap;
7253
7259
  gap:var(--chips-group-gap);
7254
7260
  }
7255
7261
  @media (max-width: 767px){
7256
- .bp_chip_module_chipsGroup--d54cf{
7262
+ .bp_chip_module_chipsGroup--81fcb{
7257
7263
  -ms-overflow-style:none;
7258
7264
  flex-wrap:nowrap;
7259
7265
  overflow-x:scroll;
7260
7266
  padding:var(--chips-group-small-screen-padding);
7261
7267
  scrollbar-width:none;
7262
7268
  }
7263
- .bp_chip_module_chipsGroup--d54cf::-webkit-scrollbar{
7269
+ .bp_chip_module_chipsGroup--81fcb::-webkit-scrollbar{
7264
7270
  display:none;
7265
7271
  }
7266
7272
  }
@@ -8759,7 +8765,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
8759
8765
  transform:translateY(-50%);
8760
8766
  }
8761
8767
 
8762
- .bp_side_panel_module_content--06745[data-modern=false]{
8768
+ .bp_side_panel_module_content--2016e[data-modern=false]{
8763
8769
  --side-panel-border:var(--border-1) solid var(--border-divider-border);
8764
8770
  --side-panel-background:var(--gray-white);
8765
8771
  --side-panel-header-padding:var(--space-5) var(--space-4);
@@ -8785,7 +8791,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
8785
8791
  --side-panel-header-scroll-backdrop-filter:none;
8786
8792
  }
8787
8793
 
8788
- .bp_side_panel_module_content--06745[data-modern=true]{
8794
+ .bp_side_panel_module_content--2016e[data-modern=true]{
8789
8795
  --side-panel-border:var(--bp-border-01) solid var(--bp-border-divider-border);
8790
8796
  --side-panel-background:var(--bp-surface-side-panel-surface);
8791
8797
  --side-panel-header-padding:var(--bp-space-040) var(--bp-space-020);
@@ -8811,15 +8817,15 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
8811
8817
  --side-panel-header-scroll-backdrop-filter:blur(4px);
8812
8818
  }
8813
8819
 
8814
- .bp_side_panel_module_overlay--06745[data-modern=false]{
8820
+ .bp_side_panel_module_overlay--2016e[data-modern=false]{
8815
8821
  --side-panel-overlay-background:var(--overlay-sidepanel-overlay);
8816
8822
  }
8817
8823
 
8818
- .bp_side_panel_module_overlay--06745[data-modern=true]{
8824
+ .bp_side_panel_module_overlay--2016e[data-modern=true]{
8819
8825
  --side-panel-overlay-background:var(--bp-overlay-side-panel-overlay);
8820
8826
  }
8821
8827
 
8822
- .bp_side_panel_module_content--06745{
8828
+ .bp_side_panel_module_content--2016e{
8823
8829
  background-color:var(--side-panel-background);
8824
8830
  border-inline-start:var(--side-panel-border);
8825
8831
  display:flex;
@@ -8832,12 +8838,12 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
8832
8838
  overflow-y:auto;
8833
8839
  }
8834
8840
  @media (width > 374px){
8835
- .bp_side_panel_module_content--06745{
8841
+ .bp_side_panel_module_content--2016e{
8836
8842
  min-width:320px;
8837
8843
  overflow:hidden;
8838
8844
  }
8839
8845
  }
8840
- .bp_side_panel_module_content--06745 .bp_side_panel_module_header--06745{
8846
+ .bp_side_panel_module_content--2016e .bp_side_panel_module_header--2016e{
8841
8847
  align-items:center;
8842
8848
  background-color:var(--side-panel-header-background);
8843
8849
  border-bottom:var(--side-panel-header-border);
@@ -8849,7 +8855,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
8849
8855
  transition-timing-function:cubic-bezier(0, 0, .6, 1);
8850
8856
  word-break:break-word;
8851
8857
  }
8852
- .bp_side_panel_module_content--06745 .bp_side_panel_module_headerShadow--06745{
8858
+ .bp_side_panel_module_content--2016e .bp_side_panel_module_headerShadow--2016e{
8853
8859
  backdrop-filter:var(--side-panel-header-scroll-backdrop-filter);
8854
8860
  background-color:var(--side-panel-header-scroll-bg-color);
8855
8861
  box-shadow:var(--side-panel-header-shadow);
@@ -8857,75 +8863,76 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
8857
8863
  position:absolute;
8858
8864
  right:0;
8859
8865
  top:0;
8866
+ z-index:1;
8860
8867
  }
8861
8868
 
8862
- .bp_side_panel_module_scrollableContainer--06745{
8869
+ .bp_side_panel_module_scrollableContainer--2016e{
8863
8870
  flex-grow:1;
8864
8871
  }
8865
8872
  @media (width > 374px){
8866
- .bp_side_panel_module_scrollableContainer--06745{
8873
+ .bp_side_panel_module_scrollableContainer--2016e{
8867
8874
  overflow-y:auto;
8868
8875
  }
8869
8876
  }
8870
8877
 
8871
- .bp_side_panel_module_persistentContent--06745{
8878
+ .bp_side_panel_module_persistentContent--2016e{
8872
8879
  overflow:hidden;
8873
8880
  position:relative;
8874
8881
  }
8875
- .bp_side_panel_module_persistentContent--06745 .bp_side_panel_module_scrollableContainer--06745{
8882
+ .bp_side_panel_module_persistentContent--2016e .bp_side_panel_module_scrollableContainer--2016e{
8876
8883
  flex-grow:1;
8877
8884
  overflow-y:auto;
8878
8885
  }
8879
8886
 
8880
- .bp_side_panel_module_contentAnimatedSlideIn--06745{
8887
+ .bp_side_panel_module_contentAnimatedSlideIn--2016e{
8881
8888
  animation-duration:.2s;
8882
- animation-name:bp_side_panel_module_slideIn--06745;
8889
+ animation-name:bp_side_panel_module_slideIn--2016e;
8883
8890
  animation-timing-function:cubic-bezier(0, 0, .6, 1);
8884
8891
  }
8885
8892
 
8886
- .bp_side_panel_module_contentAnimatedSlideOut--06745[data-state=closed]{
8893
+ .bp_side_panel_module_contentAnimatedSlideOut--2016e[data-state=closed]{
8887
8894
  animation-duration:.2s;
8888
- animation-name:bp_side_panel_module_slideOut--06745;
8895
+ animation-name:bp_side_panel_module_slideOut--2016e;
8889
8896
  animation-timing-function:cubic-bezier(0, 0, .6, 1);
8890
8897
  }
8891
8898
 
8892
- .bp_side_panel_module_contentNormal--06745{
8899
+ .bp_side_panel_module_contentNormal--2016e{
8893
8900
  width:var(--side-panel-content-width-normal);
8894
8901
  }
8895
8902
 
8896
- .bp_side_panel_module_contentLarge--06745{
8903
+ .bp_side_panel_module_contentLarge--2016e{
8897
8904
  width:var(--side-panel-content-width-large);
8898
8905
  }
8899
8906
 
8900
- .bp_side_panel_module_dropShadowContent--06745{
8907
+ .bp_side_panel_module_dropShadowContent--2016e{
8901
8908
  box-shadow:var(--side-panel-content-shadow);
8902
8909
  }
8903
8910
 
8904
- .bp_side_panel_module_content--06745 .bp_side_panel_module_close--06745{
8911
+ .bp_side_panel_module_content--2016e .bp_side_panel_module_close--2016e{
8905
8912
  color:var(--side-panel-close-color);
8906
8913
  position:fixed;
8907
8914
  right:var(--side-panel-close-right);
8908
8915
  top:var(--side-panel-close-top-small);
8909
8916
  }
8910
8917
  @media (width > 374px){
8911
- .bp_side_panel_module_content--06745 .bp_side_panel_module_close--06745{
8918
+ .bp_side_panel_module_content--2016e .bp_side_panel_module_close--2016e{
8912
8919
  position:absolute;
8913
8920
  top:var(--side-panel-close-top);
8914
8921
  }
8915
8922
  }
8916
8923
 
8917
- .bp_side_panel_module_overlayContent--06745{
8924
+ .bp_side_panel_module_overlayContent--2016e{
8918
8925
  box-shadow:var(--side-panel-content-shadow);
8919
8926
  position:fixed;
8920
8927
  right:0;
8921
8928
  top:0;
8922
8929
  z-index:300;
8923
8930
  }
8924
- .bp_side_panel_module_overlayContent--06745 .bp_side_panel_module_header--06745{
8931
+ .bp_side_panel_module_overlayContent--2016e .bp_side_panel_module_header--2016e{
8925
8932
  padding:var(--side-panel-overlay-header-padding);
8926
8933
  }
8927
8934
 
8928
- .bp_side_panel_module_overlay--06745{
8935
+ .bp_side_panel_module_overlay--2016e{
8929
8936
  background-color:var(--side-panel-overlay-background);
8930
8937
  bottom:0;
8931
8938
  display:flex;
@@ -8936,15 +8943,15 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
8936
8943
  top:0;
8937
8944
  z-index:300;
8938
8945
  }
8939
- .bp_side_panel_module_overlay--06745 .bp_side_panel_module_content--06745 .bp_side_panel_module_header--06745{
8946
+ .bp_side_panel_module_overlay--2016e .bp_side_panel_module_content--2016e .bp_side_panel_module_header--2016e{
8940
8947
  padding:var(--side-panel-overlay-header-padding);
8941
8948
  }
8942
8949
 
8943
- .bp_side_panel_module_dropShadowOverlay--06745{
8950
+ .bp_side_panel_module_dropShadowOverlay--2016e{
8944
8951
  background-color:initial;
8945
8952
  }
8946
8953
 
8947
- .bp_side_panel_module_footer--06745{
8954
+ .bp_side_panel_module_footer--2016e{
8948
8955
  background-color:var(--side-panel-footer-background);
8949
8956
  display:flex;
8950
8957
  justify-content:flex-end;
@@ -8954,7 +8961,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
8954
8961
  transition-timing-function:cubic-bezier(0, 0, .6, 1);
8955
8962
  }
8956
8963
 
8957
- .bp_side_panel_module_footerShadow--06745{
8964
+ .bp_side_panel_module_footerShadow--2016e{
8958
8965
  backdrop-filter:var(--side-panel-footer-scroll-backdrop-filter);
8959
8966
  background-color:var(--side-panel-footer-scroll-bg-color);
8960
8967
  bottom:0;
@@ -8962,17 +8969,18 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
8962
8969
  left:0;
8963
8970
  position:absolute;
8964
8971
  right:0;
8972
+ z-index:1;
8965
8973
  }
8966
8974
 
8967
- .bp_side_panel_module_footerButton--06745{
8975
+ .bp_side_panel_module_footerButton--2016e{
8968
8976
  margin-inline-start:var(--side-panel-footer-button-margin);
8969
8977
  }
8970
8978
 
8971
- .bp_side_panel_module_footerButton--06745 + .bp_side_panel_module_footerButton--06745{
8979
+ .bp_side_panel_module_footerButton--2016e + .bp_side_panel_module_footerButton--2016e{
8972
8980
  margin-inline-start:var(--side-panel-footer-button-margin-plus);
8973
8981
  }
8974
8982
 
8975
- @keyframes bp_side_panel_module_slideIn--06745{
8983
+ @keyframes bp_side_panel_module_slideIn--2016e{
8976
8984
  from{
8977
8985
  inset-inline-end:-100%;
8978
8986
  }
@@ -8980,7 +8988,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
8980
8988
  inset-inline-end:0;
8981
8989
  }
8982
8990
  }
8983
- @keyframes bp_side_panel_module_slideOut--06745{
8991
+ @keyframes bp_side_panel_module_slideOut--2016e{
8984
8992
  from{
8985
8993
  inset-inline-end:0;
8986
8994
  }
@@ -1,4 +1,4 @@
1
1
  import '../../index.css';
2
- var styles = {"chip":"bp_chip_module_chip--d54cf","labelText":"bp_chip_module_labelText--d54cf","chipStatus":"bp_chip_module_chipStatus--d54cf","chipButton":"bp_chip_module_chipButton--d54cf","singleSelectChip":"bp_chip_module_singleSelectChip--d54cf","multiSelectChip":"bp_chip_module_multiSelectChip--d54cf","chipsGroup":"bp_chip_module_chipsGroup--d54cf"};
2
+ var styles = {"chip":"bp_chip_module_chip--81fcb","labelText":"bp_chip_module_labelText--81fcb","chipStatus":"bp_chip_module_chipStatus--81fcb","chipButton":"bp_chip_module_chipButton--81fcb","singleSelectChip":"bp_chip_module_singleSelectChip--81fcb","multiSelectChip":"bp_chip_module_multiSelectChip--81fcb","chipsGroup":"bp_chip_module_chipsGroup--81fcb"};
3
3
 
4
4
  export { styles as default };
@@ -1,4 +1,4 @@
1
1
  import '../index.css';
2
- var styles = {"content":"bp_side_panel_module_content--06745","overlay":"bp_side_panel_module_overlay--06745","header":"bp_side_panel_module_header--06745","headerShadow":"bp_side_panel_module_headerShadow--06745","scrollableContainer":"bp_side_panel_module_scrollableContainer--06745","persistentContent":"bp_side_panel_module_persistentContent--06745","contentAnimatedSlideIn":"bp_side_panel_module_contentAnimatedSlideIn--06745","slideIn":"bp_side_panel_module_slideIn--06745","contentAnimatedSlideOut":"bp_side_panel_module_contentAnimatedSlideOut--06745","slideOut":"bp_side_panel_module_slideOut--06745","contentNormal":"bp_side_panel_module_contentNormal--06745","contentLarge":"bp_side_panel_module_contentLarge--06745","dropShadowContent":"bp_side_panel_module_dropShadowContent--06745","close":"bp_side_panel_module_close--06745","overlayContent":"bp_side_panel_module_overlayContent--06745","dropShadowOverlay":"bp_side_panel_module_dropShadowOverlay--06745","footer":"bp_side_panel_module_footer--06745","footerShadow":"bp_side_panel_module_footerShadow--06745","footerButton":"bp_side_panel_module_footerButton--06745"};
2
+ var styles = {"content":"bp_side_panel_module_content--2016e","overlay":"bp_side_panel_module_overlay--2016e","header":"bp_side_panel_module_header--2016e","headerShadow":"bp_side_panel_module_headerShadow--2016e","scrollableContainer":"bp_side_panel_module_scrollableContainer--2016e","persistentContent":"bp_side_panel_module_persistentContent--2016e","contentAnimatedSlideIn":"bp_side_panel_module_contentAnimatedSlideIn--2016e","slideIn":"bp_side_panel_module_slideIn--2016e","contentAnimatedSlideOut":"bp_side_panel_module_contentAnimatedSlideOut--2016e","slideOut":"bp_side_panel_module_slideOut--2016e","contentNormal":"bp_side_panel_module_contentNormal--2016e","contentLarge":"bp_side_panel_module_contentLarge--2016e","dropShadowContent":"bp_side_panel_module_dropShadowContent--2016e","close":"bp_side_panel_module_close--2016e","overlayContent":"bp_side_panel_module_overlayContent--2016e","dropShadowOverlay":"bp_side_panel_module_dropShadowOverlay--2016e","footer":"bp_side_panel_module_footer--2016e","footerShadow":"bp_side_panel_module_footerShadow--2016e","footerButton":"bp_side_panel_module_footerButton--2016e"};
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.78.2",
3
+ "version": "12.78.4",
4
4
  "type": "module",
5
5
  "license": "SEE LICENSE IN LICENSE",
6
6
  "publishConfig": {