@box/blueprint-web 13.19.0 → 14.0.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/THIRD_PARTY_LICENSES +206 -27
- package/dist/lib-esm/button/button.d.ts +0 -2
- package/dist/lib-esm/button/button.js +2 -4
- package/dist/lib-esm/button/types.d.ts +0 -4
- package/dist/lib-esm/card-tooltip/card-tooltip.d.ts +3 -6
- package/dist/lib-esm/card-tooltip/card-tooltip.js +96 -42
- package/dist/lib-esm/card-tooltip/card-tooltip.module.js +1 -1
- package/dist/lib-esm/card-tooltip/types.d.ts +21 -36
- package/dist/lib-esm/combobox/chips-group.js +1 -5
- package/dist/lib-esm/combobox/combobox.js +64 -55
- package/dist/lib-esm/combobox/combobox.module.js +1 -1
- package/dist/lib-esm/combobox/types.d.ts +2 -2
- package/dist/lib-esm/combobox-group/combobox-group-combobox.js +0 -1
- package/dist/lib-esm/data-table/data-table-wrapper.js +2 -0
- package/dist/lib-esm/data-table/use-table-scroll-correction.d.ts +15 -0
- package/dist/lib-esm/data-table/use-table-scroll-correction.js +211 -0
- package/dist/lib-esm/empty-state/empty-state.d.ts +0 -2
- package/dist/lib-esm/guided-tooltip/guided-tooltip-footer.d.ts +0 -4
- package/dist/lib-esm/guided-tooltip/guided-tooltip.d.ts +0 -4
- package/dist/lib-esm/index.css +105 -289
- package/dist/lib-esm/index.d.ts +0 -3
- package/dist/lib-esm/index.js +0 -3
- package/dist/lib-esm/list-item/table-header-dropdown.js +1 -1
- package/dist/lib-esm/modal/alert-modal.d.ts +0 -4
- package/dist/lib-esm/modal/modal-footer.d.ts +0 -4
- package/dist/lib-esm/modal/modal.d.ts +0 -4
- package/dist/lib-esm/primitives/context-menu/context-menu.module.js +1 -1
- package/dist/lib-esm/primitives/select-menu-grid/select-menu-grid-option.js +0 -1
- package/dist/lib-esm/side-panel/side-panel-footer.d.ts +0 -4
- package/dist/lib-esm/side-panel/side-panel.d.ts +0 -4
- package/dist/lib-esm/tooltip/tooltip.d.ts +3 -2
- package/dist/lib-esm/tooltip/tooltip.js +2 -36
- package/dist/lib-esm/tooltip/types.d.ts +0 -9
- package/dist/lib-esm/util-components/base-grid-list-item/types.d.ts +2 -2
- package/dist/lib-esm/utils/useMedia.js +13 -1
- package/package.json +14 -14
- package/dist/lib-esm/card-tooltip-v2/card-tooltip-v2.d.ts +0 -10
- package/dist/lib-esm/card-tooltip-v2/card-tooltip-v2.js +0 -119
- package/dist/lib-esm/card-tooltip-v2/card-tooltip-v2.module.js +0 -4
- package/dist/lib-esm/card-tooltip-v2/index.d.ts +0 -2
- package/dist/lib-esm/card-tooltip-v2/types.d.ts +0 -30
- package/dist/lib-esm/content-field/content-field.d.ts +0 -4
- package/dist/lib-esm/content-field/content-field.js +0 -126
- package/dist/lib-esm/content-field/content-field.module.js +0 -4
- package/dist/lib-esm/content-field/index.d.ts +0 -2
- package/dist/lib-esm/content-field/messages.d.ts +0 -7
- package/dist/lib-esm/content-field/messages.js +0 -8
- package/dist/lib-esm/content-field/types.d.ts +0 -35
- package/dist/lib-esm/util-components/focus-trap/focus-trap.d.ts +0 -2
- package/dist/lib-esm/util-components/focus-trap/focus-trap.js +0 -52
- package/dist/lib-esm/util-components/focus-trap/index.d.ts +0 -1
- package/dist/lib-esm/util-components/focus-trap/types.d.ts +0 -8
- package/dist/lib-esm/utils/useIsTriggerInteractive.d.ts +0 -4
- package/dist/lib-esm/utils/useIsTriggerInteractive.js +0 -21
package/dist/lib-esm/index.css
CHANGED
|
@@ -3065,83 +3065,9 @@
|
|
|
3065
3065
|
.bp_card_module_card--65268.bp_card_module_dropshadow-3--65268{
|
|
3066
3066
|
box-shadow:var(--card-dropshadow-3);
|
|
3067
3067
|
}
|
|
3068
|
-
.bp_card_tooltip_module_content--
|
|
3069
|
-
|
|
3070
|
-
|
|
3071
|
-
border-radius:var(--radius-1);
|
|
3072
|
-
font-family:var(--body-default-font-family);
|
|
3073
|
-
font-size:var(--body-default-font-size);
|
|
3074
|
-
font-weight:var(--body-default-font-weight);
|
|
3075
|
-
letter-spacing:var(--body-default-letter-spacing);
|
|
3076
|
-
line-height:var(--body-default-line-height);
|
|
3077
|
-
max-width:200px;
|
|
3078
|
-
overflow-wrap:break-word;
|
|
3079
|
-
padding:var(--space-2) var(--space-3);
|
|
3080
|
-
position:relative;
|
|
3081
|
-
text-decoration:var(--body-default-text-decoration);
|
|
3082
|
-
text-transform:var(--body-default-text-case);
|
|
3083
|
-
will-change:transform, opacity;
|
|
3084
|
-
z-index:2147483647;
|
|
3085
|
-
}
|
|
3086
|
-
.bp_card_tooltip_module_content--83370.bp_card_tooltip_module_card--83370{
|
|
3087
|
-
max-height:var(--radix-tooltip-content-available-height);
|
|
3088
|
-
max-width:336px;
|
|
3089
|
-
min-width:168px;
|
|
3090
|
-
}
|
|
3091
|
-
.bp_card_tooltip_module_content--83370[data-state=delayed-open][data-side=top]{
|
|
3092
|
-
animation-name:bp_card_tooltip_module_slideDownAndFade--83370;
|
|
3093
|
-
}
|
|
3094
|
-
.bp_card_tooltip_module_content--83370[data-state=delayed-open][data-side=right]{
|
|
3095
|
-
animation-name:bp_card_tooltip_module_slideLeftAndFade--83370;
|
|
3096
|
-
}
|
|
3097
|
-
.bp_card_tooltip_module_content--83370[data-state=delayed-open][data-side=bottom]{
|
|
3098
|
-
animation-name:bp_card_tooltip_module_slideUpAndFade--83370;
|
|
3099
|
-
}
|
|
3100
|
-
.bp_card_tooltip_module_content--83370[data-state=delayed-open][data-side=left]{
|
|
3101
|
-
animation-name:bp_card_tooltip_module_slideRightAndFade--83370;
|
|
3102
|
-
}
|
|
3103
|
-
|
|
3104
|
-
@keyframes bp_card_tooltip_module_slideUpAndFade--83370{
|
|
3105
|
-
from{
|
|
3106
|
-
opacity:0;
|
|
3107
|
-
transform:translateY(2px);
|
|
3108
|
-
}
|
|
3109
|
-
to{
|
|
3110
|
-
opacity:1;
|
|
3111
|
-
transform:translateY(0);
|
|
3112
|
-
}
|
|
3113
|
-
}
|
|
3114
|
-
@keyframes bp_card_tooltip_module_slideRightAndFade--83370{
|
|
3115
|
-
from{
|
|
3116
|
-
opacity:0;
|
|
3117
|
-
transform:translateX(-2px);
|
|
3118
|
-
}
|
|
3119
|
-
to{
|
|
3120
|
-
opacity:1;
|
|
3121
|
-
transform:translateX(0);
|
|
3122
|
-
}
|
|
3123
|
-
}
|
|
3124
|
-
@keyframes bp_card_tooltip_module_slideDownAndFade--83370{
|
|
3125
|
-
from{
|
|
3126
|
-
opacity:0;
|
|
3127
|
-
transform:translateY(-2px);
|
|
3128
|
-
}
|
|
3129
|
-
to{
|
|
3130
|
-
opacity:1;
|
|
3131
|
-
transform:translateY(0);
|
|
3132
|
-
}
|
|
3133
|
-
}
|
|
3134
|
-
@keyframes bp_card_tooltip_module_slideLeftAndFade--83370{
|
|
3135
|
-
from{
|
|
3136
|
-
opacity:0;
|
|
3137
|
-
transform:translateX(2px);
|
|
3138
|
-
}
|
|
3139
|
-
to{
|
|
3140
|
-
opacity:1;
|
|
3141
|
-
transform:translateX(0);
|
|
3142
|
-
}
|
|
3143
|
-
}
|
|
3144
|
-
.bp_card_tooltip_v2_module_content--0d2ae[data-modern=false]{
|
|
3068
|
+
.bp_card_tooltip_module_content--02910[data-modern=false]{
|
|
3069
|
+
--content-padding:var(--space-2) var(--space-3);
|
|
3070
|
+
--content-border-radius:var(--radius-1);
|
|
3145
3071
|
font-family:var(--body-default-font-family);
|
|
3146
3072
|
font-size:var(--body-default-font-size);
|
|
3147
3073
|
font-weight:var(--body-default-font-weight);
|
|
@@ -3151,7 +3077,9 @@
|
|
|
3151
3077
|
text-transform:var(--body-default-text-case);
|
|
3152
3078
|
}
|
|
3153
3079
|
|
|
3154
|
-
.
|
|
3080
|
+
.bp_card_tooltip_module_content--02910[data-modern=true]{
|
|
3081
|
+
--content-padding:var(--bp-space-020) var(--bp-space-030);
|
|
3082
|
+
--content-border-radius:var(--bp-radius-02);
|
|
3155
3083
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
3156
3084
|
font-size:var(--bp-font-size-05);
|
|
3157
3085
|
font-style:normal;
|
|
@@ -3160,35 +3088,35 @@
|
|
|
3160
3088
|
line-height:var(--bp-font-line-height-04);
|
|
3161
3089
|
}
|
|
3162
3090
|
|
|
3163
|
-
.
|
|
3164
|
-
border-radius:var(--radius
|
|
3091
|
+
.bp_card_tooltip_module_content--02910{
|
|
3092
|
+
border-radius:var(--content-border-radius);
|
|
3165
3093
|
max-height:var(--popover-available-height);
|
|
3166
3094
|
max-width:336px;
|
|
3167
3095
|
min-width:168px;
|
|
3168
3096
|
overflow-wrap:break-word;
|
|
3169
|
-
padding:var(--
|
|
3097
|
+
padding:var(--content-padding);
|
|
3170
3098
|
position:relative;
|
|
3171
3099
|
z-index:2147483647;
|
|
3172
3100
|
}
|
|
3173
|
-
.
|
|
3101
|
+
.bp_card_tooltip_module_content--02910[data-open]{
|
|
3174
3102
|
animation-duration:var(--animation-duration-4);
|
|
3175
3103
|
animation-timing-function:var(--animation-easing-ease-base);
|
|
3176
3104
|
will-change:transform, opacity;
|
|
3177
3105
|
}
|
|
3178
|
-
.
|
|
3179
|
-
animation-name:
|
|
3106
|
+
.bp_card_tooltip_module_content--02910[data-open][data-side=top]{
|
|
3107
|
+
animation-name:bp_card_tooltip_module_slideDownAndFade--02910;
|
|
3180
3108
|
}
|
|
3181
|
-
.
|
|
3182
|
-
animation-name:
|
|
3109
|
+
.bp_card_tooltip_module_content--02910[data-open][data-side=right]{
|
|
3110
|
+
animation-name:bp_card_tooltip_module_slideLeftAndFade--02910;
|
|
3183
3111
|
}
|
|
3184
|
-
.
|
|
3185
|
-
animation-name:
|
|
3112
|
+
.bp_card_tooltip_module_content--02910[data-open][data-side=bottom]{
|
|
3113
|
+
animation-name:bp_card_tooltip_module_slideUpAndFade--02910;
|
|
3186
3114
|
}
|
|
3187
|
-
.
|
|
3188
|
-
animation-name:
|
|
3115
|
+
.bp_card_tooltip_module_content--02910[data-open][data-side=left]{
|
|
3116
|
+
animation-name:bp_card_tooltip_module_slideRightAndFade--02910;
|
|
3189
3117
|
}
|
|
3190
3118
|
|
|
3191
|
-
@keyframes
|
|
3119
|
+
@keyframes bp_card_tooltip_module_slideUpAndFade--02910{
|
|
3192
3120
|
from{
|
|
3193
3121
|
opacity:0;
|
|
3194
3122
|
transform:translateY(2px);
|
|
@@ -3198,7 +3126,7 @@
|
|
|
3198
3126
|
transform:translateY(0);
|
|
3199
3127
|
}
|
|
3200
3128
|
}
|
|
3201
|
-
@keyframes
|
|
3129
|
+
@keyframes bp_card_tooltip_module_slideRightAndFade--02910{
|
|
3202
3130
|
from{
|
|
3203
3131
|
opacity:0;
|
|
3204
3132
|
transform:translateX(-2px);
|
|
@@ -3208,7 +3136,7 @@
|
|
|
3208
3136
|
transform:translateX(0);
|
|
3209
3137
|
}
|
|
3210
3138
|
}
|
|
3211
|
-
@keyframes
|
|
3139
|
+
@keyframes bp_card_tooltip_module_slideDownAndFade--02910{
|
|
3212
3140
|
from{
|
|
3213
3141
|
opacity:0;
|
|
3214
3142
|
transform:translateY(-2px);
|
|
@@ -3218,7 +3146,7 @@
|
|
|
3218
3146
|
transform:translateY(0);
|
|
3219
3147
|
}
|
|
3220
3148
|
}
|
|
3221
|
-
@keyframes
|
|
3149
|
+
@keyframes bp_card_tooltip_module_slideLeftAndFade--02910{
|
|
3222
3150
|
from{
|
|
3223
3151
|
opacity:0;
|
|
3224
3152
|
transform:translateX(2px);
|
|
@@ -4131,7 +4059,7 @@
|
|
|
4131
4059
|
.bp_text_area_module_textAreaContainer--62c43 .bp_text_area_module_inlineError--62c43{
|
|
4132
4060
|
margin-block-start:var(--text-area-container-row-gap);
|
|
4133
4061
|
}
|
|
4134
|
-
.bp_combobox_module_container--
|
|
4062
|
+
.bp_combobox_module_container--c4fe7[data-modern=false]{
|
|
4135
4063
|
--max-lines:3;
|
|
4136
4064
|
--input-height:var(--space-5);
|
|
4137
4065
|
--chip-height:var(--space-7);
|
|
@@ -4193,7 +4121,7 @@
|
|
|
4193
4121
|
text-decoration:var(--body-default-text-decoration);
|
|
4194
4122
|
text-transform:var(--body-default-text-case);
|
|
4195
4123
|
}
|
|
4196
|
-
.bp_combobox_module_container--
|
|
4124
|
+
.bp_combobox_module_container--c4fe7[data-modern=false] .bp_combobox_module_label--c4fe7{
|
|
4197
4125
|
font-family:var(--body-default-bold-font-family);
|
|
4198
4126
|
font-size:var(--body-default-bold-font-size);
|
|
4199
4127
|
font-weight:var(--body-default-bold-font-weight);
|
|
@@ -4202,7 +4130,7 @@
|
|
|
4202
4130
|
text-decoration:var(--body-default-bold-text-decoration);
|
|
4203
4131
|
text-transform:var(--body-default-bold-text-case);
|
|
4204
4132
|
}
|
|
4205
|
-
.bp_combobox_module_container--
|
|
4133
|
+
.bp_combobox_module_container--c4fe7[data-modern=false] .bp_combobox_module_textInput--c4fe7{
|
|
4206
4134
|
font-family:var(--body-default-font-family);
|
|
4207
4135
|
font-size:var(--body-default-font-size);
|
|
4208
4136
|
font-weight:var(--body-default-font-weight);
|
|
@@ -4212,7 +4140,7 @@
|
|
|
4212
4140
|
text-transform:var(--body-default-text-case);
|
|
4213
4141
|
}
|
|
4214
4142
|
|
|
4215
|
-
.bp_combobox_module_container--
|
|
4143
|
+
.bp_combobox_module_container--c4fe7[data-modern=true]{
|
|
4216
4144
|
--max-lines:3;
|
|
4217
4145
|
--bp-innershadow-01:var(--innershadow-1);
|
|
4218
4146
|
--bp-input-height:var(--bp-space-050);
|
|
@@ -4274,17 +4202,17 @@
|
|
|
4274
4202
|
--combobox-button-spacing:var(--bp-space-020);
|
|
4275
4203
|
font-weight:var(--bp-font-weight-regular);
|
|
4276
4204
|
}
|
|
4277
|
-
.bp_combobox_module_container--
|
|
4205
|
+
.bp_combobox_module_container--c4fe7[data-modern=true],.bp_combobox_module_container--c4fe7[data-modern=true] .bp_combobox_module_label--c4fe7{
|
|
4278
4206
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
4279
4207
|
font-size:var(--bp-font-size-05);
|
|
4280
4208
|
font-style:normal;
|
|
4281
4209
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
4282
4210
|
line-height:var(--bp-font-line-height-04);
|
|
4283
4211
|
}
|
|
4284
|
-
.bp_combobox_module_container--
|
|
4212
|
+
.bp_combobox_module_container--c4fe7[data-modern=true] .bp_combobox_module_label--c4fe7{
|
|
4285
4213
|
font-weight:var(--bp-font-weight-bold);
|
|
4286
4214
|
}
|
|
4287
|
-
.bp_combobox_module_container--
|
|
4215
|
+
.bp_combobox_module_container--c4fe7[data-modern=true] .bp_combobox_module_textInput--c4fe7{
|
|
4288
4216
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
4289
4217
|
font-size:var(--bp-font-size-05);
|
|
4290
4218
|
font-style:normal;
|
|
@@ -4293,7 +4221,7 @@
|
|
|
4293
4221
|
line-height:var(--bp-font-line-height-04);
|
|
4294
4222
|
}
|
|
4295
4223
|
|
|
4296
|
-
.bp_combobox_module_popover--
|
|
4224
|
+
.bp_combobox_module_popover--c4fe7[data-modern=false]{
|
|
4297
4225
|
--option-height:2.25rem;
|
|
4298
4226
|
--dropdown-max-height:12.5rem;
|
|
4299
4227
|
--combobox-popover-max-height:min(
|
|
@@ -4334,7 +4262,7 @@
|
|
|
4334
4262
|
text-transform:var(--body-default-text-case);
|
|
4335
4263
|
}
|
|
4336
4264
|
|
|
4337
|
-
.bp_combobox_module_popover--
|
|
4265
|
+
.bp_combobox_module_popover--c4fe7[data-modern=true]{
|
|
4338
4266
|
--option-height:2.25rem;
|
|
4339
4267
|
--dropdown-max-height:12.5rem;
|
|
4340
4268
|
--bp-dropshadow-03:var(--dropshadow-3);
|
|
@@ -4375,22 +4303,22 @@
|
|
|
4375
4303
|
line-height:var(--bp-font-line-height-04);
|
|
4376
4304
|
}
|
|
4377
4305
|
|
|
4378
|
-
.bp_combobox_module_container--
|
|
4306
|
+
.bp_combobox_module_container--c4fe7{
|
|
4379
4307
|
display:flex;
|
|
4380
4308
|
flex-direction:column;
|
|
4381
4309
|
}
|
|
4382
|
-
.bp_combobox_module_container--
|
|
4310
|
+
.bp_combobox_module_container--c4fe7.bp_combobox_module_disabled--c4fe7{
|
|
4383
4311
|
opacity:60%;
|
|
4384
4312
|
}
|
|
4385
|
-
.bp_combobox_module_container--
|
|
4313
|
+
.bp_combobox_module_container--c4fe7 .bp_combobox_module_label--c4fe7{
|
|
4386
4314
|
color:var(--combobox-label-color);
|
|
4387
4315
|
flex:0 0 fit-content;
|
|
4388
4316
|
overflow-wrap:break-word;
|
|
4389
4317
|
}
|
|
4390
|
-
.bp_combobox_module_container--
|
|
4318
|
+
.bp_combobox_module_container--c4fe7 .bp_combobox_module_label--c4fe7:not(.bp_combobox_module_hiddenLabel--c4fe7){
|
|
4391
4319
|
margin-block-end:var(--combobox-label-margin-block-end);
|
|
4392
4320
|
}
|
|
4393
|
-
.bp_combobox_module_container--
|
|
4321
|
+
.bp_combobox_module_container--c4fe7 .bp_combobox_module_comboboxContainer--c4fe7{
|
|
4394
4322
|
background-color:var(--combobox-container-background-color);
|
|
4395
4323
|
border-bottom:var(--combobox-container-border-bottom-width) solid var(--combobox-container-border-color);
|
|
4396
4324
|
border-left:var(--combobox-container-border-left-width) solid var(--combobox-container-border-color);
|
|
@@ -4399,43 +4327,60 @@
|
|
|
4399
4327
|
border-top:var(--combobox-container-border-top-width) solid var(--combobox-container-border-color);
|
|
4400
4328
|
box-shadow:var(--combobox-container-box-shadow);
|
|
4401
4329
|
cursor:text;
|
|
4330
|
+
overflow:hidden;
|
|
4331
|
+
position:relative;
|
|
4332
|
+
}
|
|
4333
|
+
.bp_combobox_module_container--c4fe7 .bp_combobox_module_comboboxContainer--c4fe7 .bp_combobox_module_comboboxContainerInner--c4fe7{
|
|
4402
4334
|
display:flex;
|
|
4403
4335
|
flex-wrap:wrap;
|
|
4404
4336
|
gap:var(--combobox-container-contents-gap);
|
|
4405
4337
|
overflow-y:auto;
|
|
4406
4338
|
padding-block:var(--combobox-container-padding-block);
|
|
4407
4339
|
padding-inline:var(--combobox-container-padding-inline);
|
|
4408
|
-
position:relative;
|
|
4409
4340
|
}
|
|
4410
|
-
.bp_combobox_module_container--
|
|
4341
|
+
.bp_combobox_module_container--c4fe7 .bp_combobox_module_comboboxContainer--c4fe7.bp_combobox_module_withChips--c4fe7 .bp_combobox_module_comboboxContainerInner--c4fe7{
|
|
4342
|
+
max-height:var(--combobox-container-with-chips-max-height);
|
|
4343
|
+
padding-block:var(--combobox-container-with-chips-padding-block);
|
|
4344
|
+
}
|
|
4345
|
+
.bp_combobox_module_container--c4fe7 .bp_combobox_module_comboboxContainer--c4fe7.bp_combobox_module_withChips--c4fe7:not(:disabled).bp_combobox_module_error--c4fe7 .bp_combobox_module_comboboxContainerInner--c4fe7{
|
|
4346
|
+
padding-block:var(--combobox-container-with-chips-error-padding-block);
|
|
4347
|
+
}
|
|
4348
|
+
.bp_combobox_module_container--c4fe7 .bp_combobox_module_comboboxContainer--c4fe7.bp_combobox_module_withChips--c4fe7:not(:disabled):has(input:focus) .bp_combobox_module_comboboxContainerInner--c4fe7{
|
|
4349
|
+
padding-block:var(--combobox-container-with-chips-focus-padding-block);
|
|
4350
|
+
}
|
|
4351
|
+
.bp_combobox_module_container--c4fe7 .bp_combobox_module_comboboxContainer--c4fe7.bp_combobox_module_withComboboxButtons--c4fe7 .bp_combobox_module_comboboxContainerInner--c4fe7{
|
|
4411
4352
|
padding-inline-end:var(--combobox-container-padding-inline-end-with-buttons);
|
|
4412
4353
|
}
|
|
4413
|
-
.bp_combobox_module_container--
|
|
4354
|
+
.bp_combobox_module_container--c4fe7 .bp_combobox_module_comboboxContainer--c4fe7:not(:disabled):has(input:focus){
|
|
4414
4355
|
background-color:var(--combobox-container-focus-background-color);
|
|
4415
4356
|
border:var(--combobox-container-focus-border);
|
|
4357
|
+
}
|
|
4358
|
+
.bp_combobox_module_container--c4fe7 .bp_combobox_module_comboboxContainer--c4fe7:not(:disabled):has(input:focus) .bp_combobox_module_comboboxContainerInner--c4fe7{
|
|
4416
4359
|
padding-block:var(--combobox-container-focus-padding-block);
|
|
4417
4360
|
}
|
|
4418
|
-
.bp_combobox_module_container--
|
|
4361
|
+
.bp_combobox_module_container--c4fe7 .bp_combobox_module_comboboxContainer--c4fe7:not(:disabled).bp_combobox_module_error--c4fe7,.bp_combobox_module_container--c4fe7 .bp_combobox_module_comboboxContainer--c4fe7:not(:disabled):has([aria-invalid=true]){
|
|
4419
4362
|
background-color:var(--combobox-container-error-background-color);
|
|
4420
4363
|
border-bottom:var(--combobox-container-error-border-bottom-width) solid var(--combobox-container-error-border-color);
|
|
4421
4364
|
border-left:var(--combobox-container-error-border-left-width) solid var(--combobox-container-error-border-color);
|
|
4422
4365
|
border-right:var(--combobox-container-error-border-right-width) solid var(--combobox-container-error-border-color);
|
|
4423
4366
|
border-top:var(--combobox-container-error-border-top-width) solid var(--combobox-container-error-border-color);
|
|
4367
|
+
}
|
|
4368
|
+
.bp_combobox_module_container--c4fe7 .bp_combobox_module_comboboxContainer--c4fe7:not(:disabled).bp_combobox_module_error--c4fe7 .bp_combobox_module_comboboxContainerInner--c4fe7,.bp_combobox_module_container--c4fe7 .bp_combobox_module_comboboxContainer--c4fe7:not(:disabled):has([aria-invalid=true]) .bp_combobox_module_comboboxContainerInner--c4fe7{
|
|
4424
4369
|
padding-block:var(--combobox-container-error-padding-block);
|
|
4425
4370
|
}
|
|
4426
|
-
.bp_combobox_module_container--
|
|
4371
|
+
.bp_combobox_module_container--c4fe7 .bp_combobox_module_comboboxContainer--c4fe7:not(:disabled, :has(input:focus)):has(input:hover):not(.bp_combobox_module_error--c4fe7, :has([aria-invalid=true])){
|
|
4427
4372
|
border-bottom:var(--combobox-container-border-bottom-width) solid var(--combobox-container-border-color-hover);
|
|
4428
4373
|
border-left:var(--combobox-container-border-left-width) solid var(--combobox-container-border-color-hover);
|
|
4429
4374
|
border-right:var(--combobox-container-border-right-width) solid var(--combobox-container-border-color-hover);
|
|
4430
4375
|
border-top:var(--combobox-container-border-top-width) solid var(--combobox-container-border-color-hover);
|
|
4431
4376
|
}
|
|
4432
|
-
.bp_combobox_module_container--
|
|
4377
|
+
.bp_combobox_module_container--c4fe7 .bp_combobox_module_comboboxContainer--c4fe7 .bp_combobox_module_textInputWrapper--c4fe7{
|
|
4433
4378
|
align-items:center;
|
|
4434
4379
|
display:flex;
|
|
4435
4380
|
flex:content;
|
|
4436
4381
|
gap:var(--combobox-text-input-wrapper-gap);
|
|
4437
4382
|
}
|
|
4438
|
-
.bp_combobox_module_container--
|
|
4383
|
+
.bp_combobox_module_container--c4fe7 .bp_combobox_module_comboboxContainer--c4fe7 .bp_combobox_module_textInputWrapper--c4fe7 .bp_combobox_module_textInput--c4fe7{
|
|
4439
4384
|
background-color:var(--combobox-text-input-background-color);
|
|
4440
4385
|
border:none;
|
|
4441
4386
|
color:var(--combobox-text-input-color);
|
|
@@ -4444,43 +4389,36 @@
|
|
|
4444
4389
|
padding:0;
|
|
4445
4390
|
width:100%;
|
|
4446
4391
|
}
|
|
4447
|
-
.bp_combobox_module_container--
|
|
4392
|
+
.bp_combobox_module_container--c4fe7 .bp_combobox_module_comboboxContainer--c4fe7 .bp_combobox_module_textInputWrapper--c4fe7 .bp_combobox_module_errorIcon--c4fe7 path{
|
|
4448
4393
|
fill:var(--combobox-error-icon-fill);
|
|
4449
4394
|
}
|
|
4450
|
-
.bp_combobox_module_container--
|
|
4395
|
+
.bp_combobox_module_container--c4fe7 .bp_combobox_module_comboboxContainer--c4fe7 .bp_combobox_module_textInputWrapper--c4fe7 .bp_combobox_module_comboboxButtons--c4fe7{
|
|
4451
4396
|
align-items:center;
|
|
4452
4397
|
display:flex;
|
|
4453
4398
|
position:absolute;
|
|
4454
4399
|
right:var(--combobox-button-spacing);
|
|
4455
4400
|
top:var(--combobox-button-spacing);
|
|
4456
4401
|
}
|
|
4457
|
-
.bp_combobox_module_container--
|
|
4458
|
-
max-height:var(--combobox-container-with-chips-max-height);
|
|
4459
|
-
padding-block:var(--combobox-container-with-chips-padding-block);
|
|
4460
|
-
}
|
|
4461
|
-
.bp_combobox_module_container--355f7 .bp_combobox_module_comboboxContainer--355f7.bp_combobox_module_withChips--355f7:not(:disabled).bp_combobox_module_error--355f7{
|
|
4462
|
-
padding-block:var(--combobox-container-with-chips-error-padding-block);
|
|
4463
|
-
}
|
|
4464
|
-
.bp_combobox_module_container--355f7 .bp_combobox_module_comboboxContainer--355f7.bp_combobox_module_withChips--355f7:not(:disabled):has(input:focus){
|
|
4465
|
-
padding-block:var(--combobox-container-with-chips-focus-padding-block);
|
|
4466
|
-
}
|
|
4467
|
-
.bp_combobox_module_container--355f7 .bp_combobox_module_inlineError--355f7{
|
|
4402
|
+
.bp_combobox_module_container--c4fe7 .bp_combobox_module_inlineError--c4fe7{
|
|
4468
4403
|
margin-block-start:var(--combobox-inline-error-margin-block-start);
|
|
4469
4404
|
}
|
|
4470
4405
|
|
|
4471
|
-
.bp_combobox_module_popover--
|
|
4406
|
+
.bp_combobox_module_popover--c4fe7{
|
|
4472
4407
|
backdrop-filter:var(--combobox-popover-backdrop-filter);
|
|
4473
4408
|
background-color:var(--combobox-popover-background-color);
|
|
4474
4409
|
border:var(--combobox-popover-border);
|
|
4475
4410
|
border-radius:var(--combobox-popover-border-radius);
|
|
4476
4411
|
box-shadow:var(--combobox-popover-box-shadow);
|
|
4412
|
+
overflow:hidden;
|
|
4413
|
+
z-index:var(--z-index-popover);
|
|
4414
|
+
}
|
|
4415
|
+
.bp_combobox_module_popover--c4fe7 .bp_combobox_module_popoverInner--c4fe7{
|
|
4477
4416
|
max-height:var(--combobox-popover-max-height);
|
|
4478
4417
|
overflow:auto;
|
|
4479
4418
|
padding-block:var(--combobox-popover-padding-block);
|
|
4480
4419
|
padding-inline:var(--combobox-popover-padding-inline);
|
|
4481
|
-
z-index:var(--z-index-popover);
|
|
4482
4420
|
}
|
|
4483
|
-
.bp_combobox_module_popover--
|
|
4421
|
+
.bp_combobox_module_popover--c4fe7 .bp_combobox_module_option--c4fe7{
|
|
4484
4422
|
border:var(--combobox-option-border);
|
|
4485
4423
|
border-radius:var(--combobox-option-border-radius);
|
|
4486
4424
|
box-sizing:border-box;
|
|
@@ -4495,21 +4433,21 @@
|
|
|
4495
4433
|
user-select:none;
|
|
4496
4434
|
width:100%;
|
|
4497
4435
|
}
|
|
4498
|
-
.bp_combobox_module_popover--
|
|
4436
|
+
.bp_combobox_module_popover--c4fe7 .bp_combobox_module_option--c4fe7[aria-disabled]{
|
|
4499
4437
|
opacity:var(--combobox-option-disabled-opacity);
|
|
4500
4438
|
}
|
|
4501
|
-
.bp_combobox_module_popover--
|
|
4439
|
+
.bp_combobox_module_popover--c4fe7 .bp_combobox_module_option--c4fe7[data-active-item]:not([aria-disabled]){
|
|
4502
4440
|
background-color:var(--combobox-option-active-background-color);
|
|
4503
4441
|
border:var(--combobox-option-active-border);
|
|
4504
4442
|
}
|
|
4505
|
-
.bp_combobox_module_popover--
|
|
4443
|
+
.bp_combobox_module_popover--c4fe7 .bp_combobox_module_option--c4fe7:active{
|
|
4506
4444
|
background-color:var(--combobox-option-hover-background-color);
|
|
4507
4445
|
border:var(--combobox-option-border);
|
|
4508
4446
|
}
|
|
4509
|
-
.bp_combobox_module_popover--
|
|
4447
|
+
.bp_combobox_module_popover--c4fe7 .bp_combobox_module_option--c4fe7:hover{
|
|
4510
4448
|
background-color:var(--combobox-option-hover-background-color);
|
|
4511
4449
|
}
|
|
4512
|
-
.bp_combobox_module_popover--
|
|
4450
|
+
.bp_combobox_module_popover--c4fe7 .bp_combobox_module_option--c4fe7 .bp_combobox_module_indicator--c4fe7{
|
|
4513
4451
|
align-items:center;
|
|
4514
4452
|
display:flex;
|
|
4515
4453
|
height:var(--combobox-option-indicator-height);
|
|
@@ -4518,16 +4456,16 @@
|
|
|
4518
4456
|
position:absolute;
|
|
4519
4457
|
top:var(--combobox-option-indicator-top);
|
|
4520
4458
|
}
|
|
4521
|
-
.bp_combobox_module_popover--
|
|
4459
|
+
.bp_combobox_module_popover--c4fe7 .bp_combobox_module_option--c4fe7 .bp_combobox_module_indicator--c4fe7 .bp_combobox_module_indicatorIcon--c4fe7 path{
|
|
4522
4460
|
fill:var(--combobox-option-indicator-icon-fill);
|
|
4523
4461
|
}
|
|
4524
|
-
.bp_combobox_module_popover--
|
|
4462
|
+
.bp_combobox_module_popover--c4fe7 .bp_combobox_module_optionWithIndicator--c4fe7{
|
|
4525
4463
|
padding-inline:var(--combobox-option-with-indicator-padding-inline);
|
|
4526
4464
|
}
|
|
4527
|
-
.bp_combobox_module_popover--
|
|
4465
|
+
.bp_combobox_module_popover--c4fe7 .bp_combobox_module_loadingIndicator--c4fe7{
|
|
4528
4466
|
position:var(--combobox-loading-indicator-position);
|
|
4529
4467
|
}
|
|
4530
|
-
.bp_combobox_module_popover--
|
|
4468
|
+
.bp_combobox_module_popover--c4fe7 .bp_combobox_module_noResultOption--c4fe7{
|
|
4531
4469
|
color:var(--combobox-no-result-option-color);
|
|
4532
4470
|
-webkit-user-select:none;
|
|
4533
4471
|
user-select:none;
|
|
@@ -5214,130 +5152,6 @@
|
|
|
5214
5152
|
.bp_content_card_module_pillGhost--3b28b{
|
|
5215
5153
|
margin-inline-end:var(--content-card-content-gap);
|
|
5216
5154
|
}
|
|
5217
|
-
.bp_content_field_module_contentFieldWrapper--67a59{
|
|
5218
|
-
width:100%;
|
|
5219
|
-
}
|
|
5220
|
-
|
|
5221
|
-
.bp_content_field_module_contentField--67a59{
|
|
5222
|
-
border-radius:var(--radius-2);
|
|
5223
|
-
box-shadow:var(--dropshadow-2);
|
|
5224
|
-
display:flex;
|
|
5225
|
-
flex-direction:row;
|
|
5226
|
-
justify-content:space-between;
|
|
5227
|
-
}
|
|
5228
|
-
|
|
5229
|
-
.bp_content_field_module_inlineError--67a59{
|
|
5230
|
-
margin-block-start:var(--space-2);
|
|
5231
|
-
}
|
|
5232
|
-
|
|
5233
|
-
.bp_content_field_module_contentButton--67a59{
|
|
5234
|
-
all:unset;
|
|
5235
|
-
align-items:center;
|
|
5236
|
-
background:var(--surface-cta-surface-secondary);
|
|
5237
|
-
border:var(--border-1) solid var(--border-cta-border-secondary);
|
|
5238
|
-
border-radius:var(--radius-2);
|
|
5239
|
-
cursor:pointer;
|
|
5240
|
-
display:flex;
|
|
5241
|
-
flex:1;
|
|
5242
|
-
gap:var(--space-2);
|
|
5243
|
-
height:var(--size-10);
|
|
5244
|
-
min-width:0;
|
|
5245
|
-
padding:var(--border-1) var(--space-3);
|
|
5246
|
-
}
|
|
5247
|
-
.bp_content_field_module_contentButton--67a59.bp_content_field_module_error--67a59{
|
|
5248
|
-
border:var(--border-2) solid var(--border-dropdown-border-error);
|
|
5249
|
-
position:relative;
|
|
5250
|
-
}
|
|
5251
|
-
.bp_content_field_module_contentButton--67a59.bp_content_field_module_error--67a59.bp_content_field_module_hasSelection--67a59:hover::after{
|
|
5252
|
-
background-color:var(--border-cta-border-secondary);
|
|
5253
|
-
content:"";
|
|
5254
|
-
height:100%;
|
|
5255
|
-
position:absolute;
|
|
5256
|
-
right:0;
|
|
5257
|
-
top:0;
|
|
5258
|
-
width:1px;
|
|
5259
|
-
}
|
|
5260
|
-
.bp_content_field_module_contentButton--67a59.bp_content_field_module_hasSelection--67a59{
|
|
5261
|
-
border-radius:var(--radius-2) 0 0 var(--radius-2);
|
|
5262
|
-
border-right:none;
|
|
5263
|
-
}
|
|
5264
|
-
.bp_content_field_module_contentButton--67a59:hover{
|
|
5265
|
-
background:var(--surface-cta-surface-secondary-hover);
|
|
5266
|
-
}
|
|
5267
|
-
.bp_content_field_module_contentButton--67a59:focus-visible{
|
|
5268
|
-
background:var(--surface-cta-surface-secondary-hover);
|
|
5269
|
-
border:var(--border-2) solid var(--outline-focus-on-light);
|
|
5270
|
-
}
|
|
5271
|
-
.bp_content_field_module_contentButton--67a59:focus-visible:not(.bp_content_field_module_error--67a59){
|
|
5272
|
-
padding:calc(var(--border-1) - var(--border-1)) calc(var(--space-3) - var(--border-1));
|
|
5273
|
-
}
|
|
5274
|
-
|
|
5275
|
-
.bp_content_field_module_contentIconContainer--67a59{
|
|
5276
|
-
align-items:center;
|
|
5277
|
-
background:var(--surface-cta-surface-icon-utility);
|
|
5278
|
-
border-radius:50%;
|
|
5279
|
-
display:flex;
|
|
5280
|
-
height:var(--space-6);
|
|
5281
|
-
justify-content:center;
|
|
5282
|
-
min-width:var(--space-6);
|
|
5283
|
-
width:var(--space-6);
|
|
5284
|
-
}
|
|
5285
|
-
|
|
5286
|
-
.bp_content_field_module_contentIconShared--67a59{
|
|
5287
|
-
min-height:var(--space-6);
|
|
5288
|
-
min-width:var(--space-6);
|
|
5289
|
-
}
|
|
5290
|
-
|
|
5291
|
-
.bp_content_field_module_contentLabelWrapper--67a59{
|
|
5292
|
-
align-items:center;
|
|
5293
|
-
display:flex;
|
|
5294
|
-
flex-grow:1;
|
|
5295
|
-
min-width:0;
|
|
5296
|
-
}
|
|
5297
|
-
|
|
5298
|
-
.bp_content_field_module_contentLabel--67a59{
|
|
5299
|
-
overflow:hidden;
|
|
5300
|
-
text-overflow:ellipsis;
|
|
5301
|
-
white-space:nowrap;
|
|
5302
|
-
}
|
|
5303
|
-
|
|
5304
|
-
.bp_content_field_module_clearButton--67a59{
|
|
5305
|
-
all:unset;
|
|
5306
|
-
align-items:center;
|
|
5307
|
-
background:var(--surface-cta-surface-secondary);
|
|
5308
|
-
border:var(--border-1) solid var(--border-cta-border-secondary);
|
|
5309
|
-
border-left:none;
|
|
5310
|
-
border-radius:0 var(--radius-2) var(--radius-2) 0;
|
|
5311
|
-
cursor:pointer;
|
|
5312
|
-
display:flex;
|
|
5313
|
-
padding:var(--border-1) var(--space-2);
|
|
5314
|
-
}
|
|
5315
|
-
.bp_content_field_module_clearButton--67a59:hover{
|
|
5316
|
-
background:var(--surface-cta-surface-secondary-hover);
|
|
5317
|
-
}
|
|
5318
|
-
.bp_content_field_module_clearButton--67a59.bp_content_field_module_error--67a59{
|
|
5319
|
-
border:var(--border-2) solid var(--border-dropdown-border-error);
|
|
5320
|
-
position:relative;
|
|
5321
|
-
}
|
|
5322
|
-
.bp_content_field_module_clearButton--67a59.bp_content_field_module_error--67a59.bp_content_field_module_hasSelection--67a59:hover::after{
|
|
5323
|
-
background-color:var(--border-cta-border-secondary);
|
|
5324
|
-
content:"";
|
|
5325
|
-
height:100%;
|
|
5326
|
-
left:-1px;
|
|
5327
|
-
position:absolute;
|
|
5328
|
-
top:0;
|
|
5329
|
-
width:1px;
|
|
5330
|
-
}
|
|
5331
|
-
.bp_content_field_module_clearButton--67a59.bp_content_field_module_error--67a59{
|
|
5332
|
-
border-left:none;
|
|
5333
|
-
}
|
|
5334
|
-
.bp_content_field_module_clearButton--67a59:focus-visible{
|
|
5335
|
-
background:var(--surface-cta-surface-secondary-hover);
|
|
5336
|
-
border:var(--border-2) solid var(--outline-focus-on-light);
|
|
5337
|
-
}
|
|
5338
|
-
.bp_content_field_module_clearButton--67a59:focus-visible:not(.bp_content_field_module_error--67a59){
|
|
5339
|
-
padding:calc(var(--border-1) - var(--border-1)) calc(var(--space-2) - var(--border-1));
|
|
5340
|
-
}
|
|
5341
5155
|
.bp_scrollable_container_module_scrollableContainer--074ff{
|
|
5342
5156
|
overflow:auto;
|
|
5343
5157
|
}
|
|
@@ -9504,7 +9318,7 @@ table.bp_inline_table_module_inlineTable--fc22e[data-modern=true] td:last-child,
|
|
|
9504
9318
|
padding:var(--chips-group-small-screen-padding);
|
|
9505
9319
|
}
|
|
9506
9320
|
}
|
|
9507
|
-
.bp_context_menu_module_menuBlock--
|
|
9321
|
+
.bp_context_menu_module_menuBlock--2df31[data-modern=false]{
|
|
9508
9322
|
--context-menu-block-font-color:unset;
|
|
9509
9323
|
--context-menu-block-min-width:var(--blueprint-web-context-menu-min-width, 160px);
|
|
9510
9324
|
--context-menu-end-element-color:var(--text-text-on-light-secondary);
|
|
@@ -9528,11 +9342,12 @@ table.bp_inline_table_module_inlineTable--fc22e[data-modern=true] td:last-child,
|
|
|
9528
9342
|
--context-menu-item-background-color-pressed:var(--surface-menu-surface-focus);
|
|
9529
9343
|
--context-menu-item-focus-border:var(--border-2) solid var(--outline-focus-on-light);
|
|
9530
9344
|
--context-menu-item-padding:var(--space-2);
|
|
9345
|
+
--context-menu-item-border-width:var(--border-2);
|
|
9531
9346
|
--context-menu-item-border-hover:var(--border-2) solid #0000;
|
|
9532
9347
|
--context-menu-items-separator-margin:var(--space-2);
|
|
9533
9348
|
}
|
|
9534
9349
|
|
|
9535
|
-
.bp_context_menu_module_menuBlock--
|
|
9350
|
+
.bp_context_menu_module_menuBlock--2df31[data-modern=true]{
|
|
9536
9351
|
--context-menu-block-font-color:var(--bp-text-text-on-light);
|
|
9537
9352
|
--context-menu-block-min-width:var(--blueprint-web-context-menu-min-width, 160px);
|
|
9538
9353
|
--context-menu-end-element-color:var(--bp-icon-icon-on-light-secondary);
|
|
@@ -9547,32 +9362,33 @@ table.bp_inline_table_module_inlineTable--fc22e[data-modern=true] td:last-child,
|
|
|
9547
9362
|
--context-menu-block-radius:var(--bp-radius-10);
|
|
9548
9363
|
--context-menu-block-border:var(--bp-border-01) solid var(--bp-border-menu-border);
|
|
9549
9364
|
--context-menu-block-shadow:var(--dropshadow-2);
|
|
9550
|
-
--context-menu-item-gap:var(--bp-space-
|
|
9365
|
+
--context-menu-item-gap:var(--bp-space-040);
|
|
9551
9366
|
--context-menu-background-color:#0000;
|
|
9552
9367
|
--context-menu-fullscreen-content-padding:var(--bp-space-030);
|
|
9553
9368
|
--context-menu-item-radius:var(--bp-radius-06);
|
|
9554
9369
|
--context-menu-item-border:var(--bp-border-02) solid #0000;
|
|
9555
|
-
--context-menu-item-border-hover:var(--border-
|
|
9370
|
+
--context-menu-item-border-hover:var(--bp-border-02) solid #0000;
|
|
9556
9371
|
--context-menu-item-background-color-hover:var(--bp-surface-menu-item-surface-hover);
|
|
9557
9372
|
--context-menu-item-background-color-pressed:var(--bp-surface-menu-item-surface-pressed);
|
|
9558
9373
|
--context-menu-item-focus-border:var(--bp-border-02) solid var(--bp-outline-focus-on-light);
|
|
9559
9374
|
--context-menu-item-padding:var(--bp-space-020);
|
|
9375
|
+
--context-menu-item-border-width:var(--bp-border-02);
|
|
9560
9376
|
--context-menu-items-separator-margin:var(--bp-space-020);
|
|
9561
9377
|
}
|
|
9562
9378
|
|
|
9563
|
-
.bp_context_menu_module_menuHeader--
|
|
9379
|
+
.bp_context_menu_module_menuHeader--2df31[data-modern=false]{
|
|
9564
9380
|
--context-menu-header-padding:var(--space-3);
|
|
9565
9381
|
--context-menu-header-gap:var(--space-2);
|
|
9566
9382
|
--context-menu-header-shadow:var(--dropshadow-1);
|
|
9567
9383
|
}
|
|
9568
9384
|
|
|
9569
|
-
.bp_context_menu_module_menuHeader--
|
|
9385
|
+
.bp_context_menu_module_menuHeader--2df31[data-modern=true]{
|
|
9570
9386
|
--context-menu-header-padding:var(--bp-space-030) var(--bp-space-040);
|
|
9571
9387
|
--context-menu-header-gap:var(--bp-space-030);
|
|
9572
9388
|
--context-menu-header-shadow:var(--dropshadow-1);
|
|
9573
9389
|
}
|
|
9574
9390
|
|
|
9575
|
-
.bp_context_menu_module_menuBlock--
|
|
9391
|
+
.bp_context_menu_module_menuBlock--2df31{
|
|
9576
9392
|
backdrop-filter:var(--context-menu-block-backdrop-filter);
|
|
9577
9393
|
background-color:var(--context-menu-block-background-color);
|
|
9578
9394
|
border:var(--context-menu-block-border);
|
|
@@ -9585,7 +9401,7 @@ table.bp_inline_table_module_inlineTable--fc22e[data-modern=true] td:last-child,
|
|
|
9585
9401
|
min-width:var(--context-menu-block-min-width);
|
|
9586
9402
|
padding:var(--context-menu-block-padding);
|
|
9587
9403
|
}
|
|
9588
|
-
.bp_context_menu_module_menuBlock--
|
|
9404
|
+
.bp_context_menu_module_menuBlock--2df31[data-menu-fullscreen=true]{
|
|
9589
9405
|
border:unset;
|
|
9590
9406
|
border-radius:unset;
|
|
9591
9407
|
display:flex;
|
|
@@ -9598,14 +9414,14 @@ table.bp_inline_table_module_inlineTable--fc22e[data-modern=true] td:last-child,
|
|
|
9598
9414
|
position:relative;
|
|
9599
9415
|
width:100vw;
|
|
9600
9416
|
}
|
|
9601
|
-
.bp_context_menu_module_menuBlock--
|
|
9417
|
+
.bp_context_menu_module_menuBlock--2df31[data-menu-fullscreen=true] .bp_context_menu_module_fullScreenContent--2df31{
|
|
9602
9418
|
overflow-y:auto;
|
|
9603
9419
|
padding:var(--context-menu-fullscreen-content-padding);
|
|
9604
9420
|
}
|
|
9605
|
-
.bp_context_menu_module_menuBlock--
|
|
9421
|
+
.bp_context_menu_module_menuBlock--2df31 .bp_context_menu_module_menuItemsSeparator--2df31{
|
|
9606
9422
|
margin:var(--context-menu-items-separator-margin);
|
|
9607
9423
|
}
|
|
9608
|
-
.bp_context_menu_module_menuBlock--
|
|
9424
|
+
.bp_context_menu_module_menuBlock--2df31 .bp_context_menu_module_menuItem--2df31{
|
|
9609
9425
|
align-items:center;
|
|
9610
9426
|
background-color:var(--context-menu-background-color);
|
|
9611
9427
|
border:var(--context-menu-item-border);
|
|
@@ -9614,34 +9430,34 @@ table.bp_inline_table_module_inlineTable--fc22e[data-modern=true] td:last-child,
|
|
|
9614
9430
|
display:flex;
|
|
9615
9431
|
gap:var(--context-menu-item-gap);
|
|
9616
9432
|
outline:none;
|
|
9617
|
-
padding-block:var(--context-menu-item-padding);
|
|
9618
|
-
padding-inline:var(--context-menu-item-padding);
|
|
9433
|
+
padding-block:calc(var(--context-menu-item-padding) - var(--context-menu-item-border-width));
|
|
9434
|
+
padding-inline:calc(var(--context-menu-item-padding) - var(--context-menu-item-border-width));
|
|
9619
9435
|
position:relative;
|
|
9620
9436
|
}
|
|
9621
|
-
.bp_context_menu_module_menuBlock--
|
|
9437
|
+
.bp_context_menu_module_menuBlock--2df31 .bp_context_menu_module_menuItem--2df31[data-disabled]{
|
|
9622
9438
|
opacity:60%;
|
|
9623
9439
|
pointer-events:none;
|
|
9624
9440
|
}
|
|
9625
|
-
.bp_context_menu_module_menuBlock--
|
|
9441
|
+
.bp_context_menu_module_menuBlock--2df31 .bp_context_menu_module_menuItem--2df31[data-highlighted]:not(:hover){
|
|
9626
9442
|
background-color:var(--context-menu-item-background-color-hover);
|
|
9627
9443
|
border:var(--context-menu-item-focus-border);
|
|
9628
9444
|
}
|
|
9629
|
-
.bp_context_menu_module_menuBlock--
|
|
9445
|
+
.bp_context_menu_module_menuBlock--2df31 .bp_context_menu_module_menuItem--2df31[data-state=open][data-highlighted]:not(:hover){
|
|
9630
9446
|
border:var(--context-menu-item-border);
|
|
9631
9447
|
}
|
|
9632
|
-
.bp_context_menu_module_menuBlock--
|
|
9448
|
+
.bp_context_menu_module_menuBlock--2df31 .bp_context_menu_module_menuItem--2df31:active{
|
|
9633
9449
|
background-color:var(--context-menu-item-background-color-pressed);
|
|
9634
9450
|
border:var(--context-menu-item-border);
|
|
9635
9451
|
}
|
|
9636
|
-
.bp_context_menu_module_menuBlock--
|
|
9452
|
+
.bp_context_menu_module_menuBlock--2df31 .bp_context_menu_module_menuItem--2df31:hover{
|
|
9637
9453
|
background-color:var(--context-menu-item-background-color-hover);
|
|
9638
9454
|
border:var(--context-menu-item-border-hover);
|
|
9639
9455
|
}
|
|
9640
|
-
.bp_context_menu_module_menuBlock--
|
|
9456
|
+
.bp_context_menu_module_menuBlock--2df31 .bp_context_menu_module_startElement--2df31{
|
|
9641
9457
|
align-items:center;
|
|
9642
9458
|
display:flex;
|
|
9643
9459
|
}
|
|
9644
|
-
.bp_context_menu_module_menuBlock--
|
|
9460
|
+
.bp_context_menu_module_menuBlock--2df31 .bp_context_menu_module_endElement--2df31{
|
|
9645
9461
|
align-items:center;
|
|
9646
9462
|
color:var(--context-menu-end-element-color);
|
|
9647
9463
|
display:flex;
|
|
@@ -9652,7 +9468,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
9652
9468
|
width:100%;
|
|
9653
9469
|
}
|
|
9654
9470
|
|
|
9655
|
-
.bp_context_menu_module_menuHeader--
|
|
9471
|
+
.bp_context_menu_module_menuHeader--2df31{
|
|
9656
9472
|
align-items:center;
|
|
9657
9473
|
box-shadow:var(--context-menu-header-shadow);
|
|
9658
9474
|
display:grid;
|
|
@@ -9662,19 +9478,19 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
9662
9478
|
padding:var(--context-menu-header-padding);
|
|
9663
9479
|
}
|
|
9664
9480
|
|
|
9665
|
-
.bp_context_menu_module_headerTextContent--
|
|
9481
|
+
.bp_context_menu_module_headerTextContent--2df31{
|
|
9666
9482
|
display:grid;
|
|
9667
9483
|
}
|
|
9668
9484
|
|
|
9669
|
-
.bp_context_menu_module_submenuCloseButton--
|
|
9485
|
+
.bp_context_menu_module_submenuCloseButton--2df31{
|
|
9670
9486
|
grid-area:submenu-close;
|
|
9671
9487
|
}
|
|
9672
9488
|
|
|
9673
|
-
.bp_context_menu_module_menuCloseButton--
|
|
9489
|
+
.bp_context_menu_module_menuCloseButton--2df31{
|
|
9674
9490
|
grid-area:close;
|
|
9675
9491
|
}
|
|
9676
9492
|
|
|
9677
|
-
.bp_context_menu_module_ellipsis--
|
|
9493
|
+
.bp_context_menu_module_ellipsis--2df31{
|
|
9678
9494
|
overflow:hidden;
|
|
9679
9495
|
text-overflow:ellipsis;
|
|
9680
9496
|
white-space:nowrap;
|