@box/blueprint-web 12.75.4 → 12.75.5
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
|
@@ -4056,7 +4056,7 @@
|
|
|
4056
4056
|
transform:translateZ(0);
|
|
4057
4057
|
}
|
|
4058
4058
|
|
|
4059
|
-
.bp_dropdown_menu_module_content--
|
|
4059
|
+
.bp_dropdown_menu_module_content--7827a[data-modern=false]{
|
|
4060
4060
|
--dropdown-menu-radius:var(--radius-3);
|
|
4061
4061
|
--dropdown-menu-padding:var(--space-3);
|
|
4062
4062
|
--dropdown-menu-text-color:var(--text-text-on-light);
|
|
@@ -4075,6 +4075,7 @@
|
|
|
4075
4075
|
--dropdown-menu-item-border:var(--border-2) solid #0000;
|
|
4076
4076
|
--dropdown-menu-item-radius:var(--radius-3);
|
|
4077
4077
|
--dropdown-menu-item-gap:var(--space-4);
|
|
4078
|
+
--dropdown-menu-medium-item-radius:var(--radius-3);
|
|
4078
4079
|
--dropdown-menu-medium-item-layout-gap:var(--space-2);
|
|
4079
4080
|
--dropdown-menu-checkbox-item-medium-padding-start:var(--space-2);
|
|
4080
4081
|
--dropdown-menu-radio-item-medium-padding-start:var(--space-2);
|
|
@@ -4088,7 +4089,7 @@
|
|
|
4088
4089
|
--dropdown-menu-backdrop-filter:none;
|
|
4089
4090
|
}
|
|
4090
4091
|
|
|
4091
|
-
.bp_dropdown_menu_module_content--
|
|
4092
|
+
.bp_dropdown_menu_module_content--7827a[data-modern=true]{
|
|
4092
4093
|
--dropdown-menu-radius:var(--bp-radius-10);
|
|
4093
4094
|
--dropdown-menu-padding:var(--bp-space-030);
|
|
4094
4095
|
--dropdown-menu-text-color:var(--bp-text-text-on-light);
|
|
@@ -4105,8 +4106,9 @@
|
|
|
4105
4106
|
--dropdown-menu-item-padding:var(--bp-space-020);
|
|
4106
4107
|
--dropdown-menu-item-border-width:var(--bp-border-02);
|
|
4107
4108
|
--dropdown-menu-item-border:var(--bp-border-02) solid #0000;
|
|
4108
|
-
--dropdown-menu-item-radius:var(--bp-radius-
|
|
4109
|
+
--dropdown-menu-item-radius:var(--bp-radius-06);
|
|
4109
4110
|
--dropdown-menu-item-gap:var(--bp-space-040);
|
|
4111
|
+
--dropdown-menu-medium-item-radius:var(--bp-radius-10);
|
|
4110
4112
|
--dropdown-menu-medium-item-layout-gap:var(--bp-space-020);
|
|
4111
4113
|
--dropdown-menu-checkbox-item-medium-padding-start:var(--bp-space-020);
|
|
4112
4114
|
--dropdown-menu-radio-item-medium-padding-start:var(--bp-space-020);
|
|
@@ -4120,7 +4122,7 @@
|
|
|
4120
4122
|
--dropdown-menu-backdrop-filter:blur(16px);
|
|
4121
4123
|
}
|
|
4122
4124
|
|
|
4123
|
-
.bp_dropdown_menu_module_content--
|
|
4125
|
+
.bp_dropdown_menu_module_content--7827a{
|
|
4124
4126
|
backdrop-filter:var(--dropdown-menu-backdrop-filter);
|
|
4125
4127
|
background-color:var(--dropdown-menu-background);
|
|
4126
4128
|
border:var(--dropdown-menu-border);
|
|
@@ -4143,7 +4145,7 @@
|
|
|
4143
4145
|
text-transform:var(--body-default-text-case);
|
|
4144
4146
|
z-index:2147483647;
|
|
4145
4147
|
}
|
|
4146
|
-
.bp_dropdown_menu_module_content--
|
|
4148
|
+
.bp_dropdown_menu_module_content--7827a[data-menu-fullscreen=true]{
|
|
4147
4149
|
border:unset;
|
|
4148
4150
|
border-radius:unset;
|
|
4149
4151
|
display:flex;
|
|
@@ -4156,27 +4158,27 @@
|
|
|
4156
4158
|
position:relative;
|
|
4157
4159
|
width:100vw;
|
|
4158
4160
|
}
|
|
4159
|
-
.bp_dropdown_menu_module_content--
|
|
4161
|
+
.bp_dropdown_menu_module_content--7827a[data-menu-fullscreen=true] .bp_dropdown_menu_module_fullScreenContent--7827a{
|
|
4160
4162
|
overflow-y:auto;
|
|
4161
4163
|
padding:var(--dropdown-menu-full-screen-padding);
|
|
4162
4164
|
}
|
|
4163
|
-
.bp_dropdown_menu_module_content--
|
|
4165
|
+
.bp_dropdown_menu_module_content--7827a .bp_dropdown_menu_module_subheader--7827a{
|
|
4164
4166
|
padding:var(--dropdown-menu-subheader-padding);
|
|
4165
4167
|
}
|
|
4166
|
-
.bp_dropdown_menu_module_content--
|
|
4168
|
+
.bp_dropdown_menu_module_content--7827a .bp_dropdown_menu_module_subheader--7827a.bp_dropdown_menu_module_uppercased--7827a{
|
|
4167
4169
|
text-transform:uppercase;
|
|
4168
4170
|
}
|
|
4169
|
-
.bp_dropdown_menu_module_content--
|
|
4171
|
+
.bp_dropdown_menu_module_content--7827a .bp_dropdown_menu_module_dropdownMenuItemSeparator--7827a{
|
|
4170
4172
|
margin-block:var(--dropdown-menu-separator-margin);
|
|
4171
4173
|
}
|
|
4172
4174
|
|
|
4173
|
-
.bp_dropdown_menu_module_ellipsis--
|
|
4175
|
+
.bp_dropdown_menu_module_ellipsis--7827a{
|
|
4174
4176
|
overflow:hidden;
|
|
4175
4177
|
text-overflow:ellipsis;
|
|
4176
4178
|
white-space:nowrap;
|
|
4177
4179
|
}
|
|
4178
4180
|
|
|
4179
|
-
.bp_dropdown_menu_module_checkmark--
|
|
4181
|
+
.bp_dropdown_menu_module_checkmark--7827a{
|
|
4180
4182
|
align-items:center;
|
|
4181
4183
|
display:inline-flex;
|
|
4182
4184
|
justify-content:center;
|
|
@@ -4184,7 +4186,7 @@
|
|
|
4184
4186
|
position:absolute;
|
|
4185
4187
|
}
|
|
4186
4188
|
|
|
4187
|
-
.bp_dropdown_menu_module_item--
|
|
4189
|
+
.bp_dropdown_menu_module_item--7827a,.bp_dropdown_menu_module_subMenuTrigger--7827a{
|
|
4188
4190
|
align-items:center;
|
|
4189
4191
|
border:var(--dropdown-menu-item-border);
|
|
4190
4192
|
border-radius:var(--dropdown-menu-item-radius);
|
|
@@ -4197,37 +4199,37 @@
|
|
|
4197
4199
|
-webkit-user-select:none;
|
|
4198
4200
|
user-select:none;
|
|
4199
4201
|
}
|
|
4200
|
-
.bp_dropdown_menu_module_item--
|
|
4202
|
+
.bp_dropdown_menu_module_item--7827a[data-disabled],.bp_dropdown_menu_module_subMenuTrigger--7827a[data-disabled]{
|
|
4201
4203
|
opacity:60%;
|
|
4202
4204
|
pointer-events:none;
|
|
4203
4205
|
}
|
|
4204
|
-
.bp_dropdown_menu_module_item--
|
|
4206
|
+
.bp_dropdown_menu_module_item--7827a[data-highlighted],.bp_dropdown_menu_module_subMenuTrigger--7827a[data-highlighted]{
|
|
4205
4207
|
background-color:var(--dropdown-menu-item-background-focus);
|
|
4206
4208
|
border:var(--dropdown-menu-item-border-focus);
|
|
4207
4209
|
}
|
|
4208
|
-
.bp_dropdown_menu_module_item--
|
|
4210
|
+
.bp_dropdown_menu_module_item--7827a:active,.bp_dropdown_menu_module_subMenuTrigger--7827a:active{
|
|
4209
4211
|
background-color:var(--dropdown-menu-item-background-active);
|
|
4210
4212
|
border:var(--dropdown-menu-item-border-active);
|
|
4211
4213
|
}
|
|
4212
|
-
.bp_dropdown_menu_module_item--
|
|
4214
|
+
.bp_dropdown_menu_module_item--7827a[data-state=open],.bp_dropdown_menu_module_subMenuTrigger--7827a[data-state=open]{
|
|
4213
4215
|
background-color:var(--dropdown-menu-item-background-selected);
|
|
4214
4216
|
}
|
|
4215
|
-
.bp_dropdown_menu_module_item--
|
|
4217
|
+
.bp_dropdown_menu_module_item--7827a:hover,.bp_dropdown_menu_module_subMenuTrigger--7827a:hover{
|
|
4216
4218
|
background-color:var(--dropdown-menu-item-background-hover);
|
|
4217
4219
|
}
|
|
4218
|
-
.bp_dropdown_menu_module_item--
|
|
4220
|
+
.bp_dropdown_menu_module_item--7827a.bp_dropdown_menu_module_radioItem--7827a,.bp_dropdown_menu_module_subMenuTrigger--7827a.bp_dropdown_menu_module_radioItem--7827a{
|
|
4219
4221
|
padding:.4375rem .5rem .4375rem calc(var(--space-2) + var(--space-4) + var(--space-4));
|
|
4220
4222
|
}
|
|
4221
|
-
.bp_dropdown_menu_module_item--
|
|
4223
|
+
.bp_dropdown_menu_module_item--7827a.bp_dropdown_menu_module_radioItem--7827a .bp_dropdown_menu_module_radioItemMediumSpacing--7827a,.bp_dropdown_menu_module_subMenuTrigger--7827a.bp_dropdown_menu_module_radioItem--7827a .bp_dropdown_menu_module_radioItemMediumSpacing--7827a{
|
|
4222
4224
|
padding-inline-start:var(--dropdown-menu-radio-item-medium-padding-start);
|
|
4223
4225
|
}
|
|
4224
|
-
.bp_dropdown_menu_module_item--
|
|
4226
|
+
.bp_dropdown_menu_module_item--7827a.bp_dropdown_menu_module_checkboxItem--7827a,.bp_dropdown_menu_module_subMenuTrigger--7827a.bp_dropdown_menu_module_checkboxItem--7827a{
|
|
4225
4227
|
padding:.4375rem .5rem .4375rem calc(var(--space-2) + var(--space-4) + var(--space-4));
|
|
4226
4228
|
}
|
|
4227
|
-
.bp_dropdown_menu_module_item--
|
|
4229
|
+
.bp_dropdown_menu_module_item--7827a.bp_dropdown_menu_module_checkboxItem--7827a .bp_dropdown_menu_module_checkboxItemMediumSpacing--7827a,.bp_dropdown_menu_module_subMenuTrigger--7827a.bp_dropdown_menu_module_checkboxItem--7827a .bp_dropdown_menu_module_checkboxItemMediumSpacing--7827a{
|
|
4228
4230
|
padding-inline-start:var(--dropdown-menu-checkbox-item-medium-padding-start);
|
|
4229
4231
|
}
|
|
4230
|
-
.bp_dropdown_menu_module_item--
|
|
4232
|
+
.bp_dropdown_menu_module_item--7827a .bp_dropdown_menu_module_mediumItemLayout--7827a,.bp_dropdown_menu_module_subMenuTrigger--7827a .bp_dropdown_menu_module_mediumItemLayout--7827a{
|
|
4231
4233
|
align-items:center;
|
|
4232
4234
|
display:flex;
|
|
4233
4235
|
gap:var(--dropdown-menu-medium-item-layout-gap);
|
|
@@ -4235,20 +4237,26 @@
|
|
|
4235
4237
|
overflow:hidden;
|
|
4236
4238
|
width:100%;
|
|
4237
4239
|
}
|
|
4238
|
-
.bp_dropdown_menu_module_item--
|
|
4240
|
+
.bp_dropdown_menu_module_item--7827a .bp_dropdown_menu_module_startElement--7827a,.bp_dropdown_menu_module_subMenuTrigger--7827a .bp_dropdown_menu_module_startElement--7827a{
|
|
4239
4241
|
align-items:center;
|
|
4240
4242
|
display:flex;
|
|
4241
4243
|
}
|
|
4242
|
-
.bp_dropdown_menu_module_item--
|
|
4244
|
+
.bp_dropdown_menu_module_item--7827a .bp_dropdown_menu_module_menuItemMainContent--7827a,.bp_dropdown_menu_module_subMenuTrigger--7827a .bp_dropdown_menu_module_menuItemMainContent--7827a{
|
|
4243
4245
|
flex-grow:1;
|
|
4244
4246
|
}
|
|
4245
|
-
.bp_dropdown_menu_module_item--
|
|
4247
|
+
.bp_dropdown_menu_module_item--7827a .bp_dropdown_menu_module_endElement--7827a,.bp_dropdown_menu_module_subMenuTrigger--7827a .bp_dropdown_menu_module_endElement--7827a{
|
|
4246
4248
|
align-items:center;
|
|
4247
4249
|
color:var(--dropdown-menu-end-element-color);
|
|
4248
4250
|
display:flex;
|
|
4249
4251
|
}
|
|
4252
|
+
.bp_dropdown_menu_module_item--7827a:has(.bp_dropdown_menu_module_ellipsis--7827a){
|
|
4253
|
+
border-radius:var(--dropdown-menu-item-radius);
|
|
4254
|
+
}
|
|
4255
|
+
.bp_dropdown_menu_module_item--7827a:has(.bp_dropdown_menu_module_mediumItemLayout--7827a){
|
|
4256
|
+
border-radius:var(--dropdown-menu-medium-item-radius);
|
|
4257
|
+
}
|
|
4250
4258
|
|
|
4251
|
-
.bp_dropdown_menu_module_menuHeader--
|
|
4259
|
+
.bp_dropdown_menu_module_menuHeader--7827a{
|
|
4252
4260
|
align-items:center;
|
|
4253
4261
|
box-shadow:var(--dropdown-menu-header-shadow);
|
|
4254
4262
|
display:grid;
|
|
@@ -4258,15 +4266,15 @@
|
|
|
4258
4266
|
padding:var(--dropdown-menu-header-padding);
|
|
4259
4267
|
}
|
|
4260
4268
|
|
|
4261
|
-
.bp_dropdown_menu_module_headerTextContent--
|
|
4269
|
+
.bp_dropdown_menu_module_headerTextContent--7827a{
|
|
4262
4270
|
display:grid;
|
|
4263
4271
|
}
|
|
4264
4272
|
|
|
4265
|
-
.bp_dropdown_menu_module_submenuCloseButton--
|
|
4273
|
+
.bp_dropdown_menu_module_submenuCloseButton--7827a{
|
|
4266
4274
|
grid-area:submenu-close;
|
|
4267
4275
|
}
|
|
4268
4276
|
|
|
4269
|
-
.bp_dropdown_menu_module_menuCloseButton--
|
|
4277
|
+
.bp_dropdown_menu_module_menuCloseButton--7827a{
|
|
4270
4278
|
grid-area:close;
|
|
4271
4279
|
}
|
|
4272
4280
|
.bp_divider_module_divider--2f437{
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../../index.css';
|
|
2
|
-
var styles = {"content":"bp_dropdown_menu_module_content--
|
|
2
|
+
var styles = {"content":"bp_dropdown_menu_module_content--7827a","fullScreenContent":"bp_dropdown_menu_module_fullScreenContent--7827a","subheader":"bp_dropdown_menu_module_subheader--7827a","uppercased":"bp_dropdown_menu_module_uppercased--7827a","dropdownMenuItemSeparator":"bp_dropdown_menu_module_dropdownMenuItemSeparator--7827a","ellipsis":"bp_dropdown_menu_module_ellipsis--7827a","checkmark":"bp_dropdown_menu_module_checkmark--7827a","item":"bp_dropdown_menu_module_item--7827a","subMenuTrigger":"bp_dropdown_menu_module_subMenuTrigger--7827a","radioItem":"bp_dropdown_menu_module_radioItem--7827a","radioItemMediumSpacing":"bp_dropdown_menu_module_radioItemMediumSpacing--7827a","checkboxItem":"bp_dropdown_menu_module_checkboxItem--7827a","checkboxItemMediumSpacing":"bp_dropdown_menu_module_checkboxItemMediumSpacing--7827a","mediumItemLayout":"bp_dropdown_menu_module_mediumItemLayout--7827a","startElement":"bp_dropdown_menu_module_startElement--7827a","menuItemMainContent":"bp_dropdown_menu_module_menuItemMainContent--7827a","endElement":"bp_dropdown_menu_module_endElement--7827a","menuHeader":"bp_dropdown_menu_module_menuHeader--7827a","headerTextContent":"bp_dropdown_menu_module_headerTextContent--7827a","submenuCloseButton":"bp_dropdown_menu_module_submenuCloseButton--7827a","menuCloseButton":"bp_dropdown_menu_module_menuCloseButton--7827a"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|