@box/blueprint-web 17.15.0 → 17.15.2
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/combobox/combobox.module.js +1 -1
- package/dist/lib-esm/components.css +111 -104
- package/dist/lib-esm/date-picker/date-picker.js +3 -1
- package/dist/lib-esm/date-picker/date-picker.module.js +1 -1
- package/dist/lib-esm/date-picker/types.d.ts +6 -1
- package/dist/lib-esm/index.css +111 -104
- package/dist/lib-esm/util-components/labelable/useLabelable.js +6 -3
- package/package.json +3 -3
package/dist/lib-esm/index.css
CHANGED
|
@@ -5007,7 +5007,7 @@
|
|
|
5007
5007
|
.bp_text_area_module_textAreaContainer--44657 .bp_text_area_module_inlineError--44657{
|
|
5008
5008
|
margin-block-start:var(--text-area-container-row-gap);
|
|
5009
5009
|
}
|
|
5010
|
-
.bp_combobox_module_container--
|
|
5010
|
+
.bp_combobox_module_container--9b3ff[data-modern=false]{
|
|
5011
5011
|
--max-lines:3;
|
|
5012
5012
|
--input-height:var(--space-5);
|
|
5013
5013
|
--chip-height:var(--space-7);
|
|
@@ -5058,6 +5058,7 @@
|
|
|
5058
5058
|
--combobox-text-input-color:var(--text-text-on-light);
|
|
5059
5059
|
--combobox-text-input-wrapper-gap:var(--space-2);
|
|
5060
5060
|
--combobox-text-input-background-color:#0000;
|
|
5061
|
+
--combobox-text-input-placeholder-color:var(--text-text-on-light-secondary);
|
|
5061
5062
|
--combobox-error-icon-fill:var(--icon-icon-error-on-light);
|
|
5062
5063
|
--combobox-inline-error-margin-block-start:var(--space-2);
|
|
5063
5064
|
--combobox-inline-error-icon-width:var(--size-5);
|
|
@@ -5073,7 +5074,7 @@
|
|
|
5073
5074
|
text-decoration:var(--body-default-text-decoration);
|
|
5074
5075
|
text-transform:var(--body-default-text-case);
|
|
5075
5076
|
}
|
|
5076
|
-
.bp_combobox_module_container--
|
|
5077
|
+
.bp_combobox_module_container--9b3ff[data-modern=false] .bp_combobox_module_label--9b3ff{
|
|
5077
5078
|
font-family:var(--body-default-bold-font-family);
|
|
5078
5079
|
font-size:var(--body-default-bold-font-size);
|
|
5079
5080
|
font-weight:var(--body-default-bold-font-weight);
|
|
@@ -5082,7 +5083,7 @@
|
|
|
5082
5083
|
text-decoration:var(--body-default-bold-text-decoration);
|
|
5083
5084
|
text-transform:var(--body-default-bold-text-case);
|
|
5084
5085
|
}
|
|
5085
|
-
.bp_combobox_module_container--
|
|
5086
|
+
.bp_combobox_module_container--9b3ff[data-modern=false] .bp_combobox_module_textInput--9b3ff{
|
|
5086
5087
|
font-family:var(--body-default-font-family);
|
|
5087
5088
|
font-size:var(--body-default-font-size);
|
|
5088
5089
|
font-weight:var(--body-default-font-weight);
|
|
@@ -5092,7 +5093,7 @@
|
|
|
5092
5093
|
text-transform:var(--body-default-text-case);
|
|
5093
5094
|
}
|
|
5094
5095
|
|
|
5095
|
-
.bp_combobox_module_container--
|
|
5096
|
+
.bp_combobox_module_container--9b3ff[data-modern=true]{
|
|
5096
5097
|
--max-lines:3;
|
|
5097
5098
|
--bp-innershadow-01:var(--innershadow-1);
|
|
5098
5099
|
--bp-input-height:var(--bp-space-050);
|
|
@@ -5149,6 +5150,7 @@
|
|
|
5149
5150
|
--combobox-text-input-color:var(--bp-text-text-on-light);
|
|
5150
5151
|
--combobox-text-input-wrapper-gap:var(--bp-space-020);
|
|
5151
5152
|
--combobox-text-input-background-color:#0000;
|
|
5153
|
+
--combobox-text-input-placeholder-color:var(--bp-text-text-on-light-secondary);
|
|
5152
5154
|
--combobox-error-icon-fill:var(--bp-icon-icon-error-on-light);
|
|
5153
5155
|
--combobox-inline-error-margin-block-start:var(--bp-space-020);
|
|
5154
5156
|
--combobox-inline-error-icon-width:var(--bp-size-050);
|
|
@@ -5163,7 +5165,7 @@
|
|
|
5163
5165
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
5164
5166
|
line-height:var(--bp-font-line-height-04);
|
|
5165
5167
|
}
|
|
5166
|
-
:where(body.is-inter-font) .bp_combobox_module_container--
|
|
5168
|
+
:where(body.is-inter-font) .bp_combobox_module_container--9b3ff[data-modern=true]{
|
|
5167
5169
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
5168
5170
|
font-size:.875rem;
|
|
5169
5171
|
font-style:normal;
|
|
@@ -5174,7 +5176,7 @@
|
|
|
5174
5176
|
text-transform:none;
|
|
5175
5177
|
}
|
|
5176
5178
|
|
|
5177
|
-
.bp_combobox_module_container--
|
|
5179
|
+
.bp_combobox_module_container--9b3ff[data-modern=true] .bp_combobox_module_label--9b3ff{
|
|
5178
5180
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
5179
5181
|
font-size:var(--bp-font-size-05);
|
|
5180
5182
|
font-style:normal;
|
|
@@ -5182,7 +5184,7 @@
|
|
|
5182
5184
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
5183
5185
|
line-height:var(--bp-font-line-height-04);
|
|
5184
5186
|
}
|
|
5185
|
-
:where(body.is-inter-font) .bp_combobox_module_container--
|
|
5187
|
+
:where(body.is-inter-font) .bp_combobox_module_container--9b3ff[data-modern=true] .bp_combobox_module_label--9b3ff{
|
|
5186
5188
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
5187
5189
|
font-size:.875rem;
|
|
5188
5190
|
font-style:normal;
|
|
@@ -5193,7 +5195,7 @@
|
|
|
5193
5195
|
text-transform:none;
|
|
5194
5196
|
}
|
|
5195
5197
|
|
|
5196
|
-
.bp_combobox_module_container--
|
|
5198
|
+
.bp_combobox_module_container--9b3ff[data-modern=true] .bp_combobox_module_textInput--9b3ff{
|
|
5197
5199
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
5198
5200
|
font-size:var(--bp-font-size-05);
|
|
5199
5201
|
font-style:normal;
|
|
@@ -5201,7 +5203,7 @@
|
|
|
5201
5203
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
5202
5204
|
line-height:var(--bp-font-line-height-04);
|
|
5203
5205
|
}
|
|
5204
|
-
:where(body.is-inter-font) .bp_combobox_module_container--
|
|
5206
|
+
:where(body.is-inter-font) .bp_combobox_module_container--9b3ff[data-modern=true] .bp_combobox_module_textInput--9b3ff{
|
|
5205
5207
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
5206
5208
|
font-size:.875rem;
|
|
5207
5209
|
font-style:normal;
|
|
@@ -5212,7 +5214,7 @@
|
|
|
5212
5214
|
text-transform:none;
|
|
5213
5215
|
}
|
|
5214
5216
|
|
|
5215
|
-
.bp_combobox_module_popover--
|
|
5217
|
+
.bp_combobox_module_popover--9b3ff[data-modern=false]{
|
|
5216
5218
|
--option-height:2.25rem;
|
|
5217
5219
|
--dropdown-max-height:12.5rem;
|
|
5218
5220
|
--combobox-popover-max-height:min(
|
|
@@ -5253,7 +5255,7 @@
|
|
|
5253
5255
|
text-transform:var(--body-default-text-case);
|
|
5254
5256
|
}
|
|
5255
5257
|
|
|
5256
|
-
.bp_combobox_module_popover--
|
|
5258
|
+
.bp_combobox_module_popover--9b3ff[data-modern=true]{
|
|
5257
5259
|
--option-height:2.25rem;
|
|
5258
5260
|
--dropdown-max-height:12.5rem;
|
|
5259
5261
|
--bp-dropshadow-03:var(--dropshadow-3);
|
|
@@ -5293,7 +5295,7 @@
|
|
|
5293
5295
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
5294
5296
|
line-height:var(--bp-font-line-height-04);
|
|
5295
5297
|
}
|
|
5296
|
-
:where(body.is-inter-font) .bp_combobox_module_popover--
|
|
5298
|
+
:where(body.is-inter-font) .bp_combobox_module_popover--9b3ff[data-modern=true]{
|
|
5297
5299
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
5298
5300
|
font-size:.875rem;
|
|
5299
5301
|
font-style:normal;
|
|
@@ -5304,22 +5306,22 @@
|
|
|
5304
5306
|
text-transform:none;
|
|
5305
5307
|
}
|
|
5306
5308
|
|
|
5307
|
-
.bp_combobox_module_container--
|
|
5309
|
+
.bp_combobox_module_container--9b3ff{
|
|
5308
5310
|
display:flex;
|
|
5309
5311
|
flex-direction:column;
|
|
5310
5312
|
}
|
|
5311
|
-
.bp_combobox_module_container--
|
|
5313
|
+
.bp_combobox_module_container--9b3ff.bp_combobox_module_disabled--9b3ff{
|
|
5312
5314
|
opacity:var(--disabled-opacity);
|
|
5313
5315
|
}
|
|
5314
|
-
.bp_combobox_module_container--
|
|
5316
|
+
.bp_combobox_module_container--9b3ff .bp_combobox_module_label--9b3ff{
|
|
5315
5317
|
color:var(--combobox-label-color);
|
|
5316
5318
|
flex:0 0 fit-content;
|
|
5317
5319
|
overflow-wrap:break-word;
|
|
5318
5320
|
}
|
|
5319
|
-
.bp_combobox_module_container--
|
|
5321
|
+
.bp_combobox_module_container--9b3ff .bp_combobox_module_label--9b3ff:not(.bp_combobox_module_hiddenLabel--9b3ff){
|
|
5320
5322
|
margin-block-end:var(--combobox-label-margin-block-end);
|
|
5321
5323
|
}
|
|
5322
|
-
.bp_combobox_module_container--
|
|
5324
|
+
.bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff{
|
|
5323
5325
|
--combobox-container-border-compensation:0px;
|
|
5324
5326
|
background-color:var(--combobox-container-background-color);
|
|
5325
5327
|
border-bottom:var(--combobox-container-border-bottom-width) solid var(--combobox-container-border-color);
|
|
@@ -5332,7 +5334,7 @@
|
|
|
5332
5334
|
overflow:hidden;
|
|
5333
5335
|
position:relative;
|
|
5334
5336
|
}
|
|
5335
|
-
.bp_combobox_module_container--
|
|
5337
|
+
.bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff .bp_combobox_module_comboboxContainerInner--9b3ff{
|
|
5336
5338
|
display:flex;
|
|
5337
5339
|
flex-wrap:wrap;
|
|
5338
5340
|
gap:var(--combobox-container-contents-gap);
|
|
@@ -5340,31 +5342,31 @@
|
|
|
5340
5342
|
padding-block:var(--combobox-container-padding-block);
|
|
5341
5343
|
padding-inline:calc(var(--combobox-container-padding-inline) - max(var(--blueprint-combobox-padding-compensation-inline-start, 0px), var(--combobox-container-border-compensation))) calc(var(--combobox-container-padding-inline) - var(--combobox-container-border-compensation));
|
|
5342
5344
|
}
|
|
5343
|
-
.bp_combobox_module_container--
|
|
5345
|
+
.bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff.bp_combobox_module_withChips--9b3ff .bp_combobox_module_comboboxContainerInner--9b3ff{
|
|
5344
5346
|
max-height:var(--combobox-container-with-chips-max-height);
|
|
5345
5347
|
padding-block:var(--combobox-container-with-chips-padding-block);
|
|
5346
5348
|
}
|
|
5347
|
-
.bp_combobox_module_container--
|
|
5349
|
+
.bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff.bp_combobox_module_withChips--9b3ff:not(:disabled).bp_combobox_module_error--9b3ff .bp_combobox_module_comboboxContainerInner--9b3ff{
|
|
5348
5350
|
padding-block:var(--combobox-container-with-chips-error-padding-block);
|
|
5349
5351
|
}
|
|
5350
|
-
.bp_combobox_module_container--
|
|
5352
|
+
.bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff.bp_combobox_module_withChips--9b3ff:not(:disabled):has(input:focus) .bp_combobox_module_comboboxContainerInner--9b3ff{
|
|
5351
5353
|
padding-block:var(--combobox-container-with-chips-focus-padding-block);
|
|
5352
5354
|
}
|
|
5353
|
-
.bp_combobox_module_container--
|
|
5355
|
+
.bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff.bp_combobox_module_withComboboxButtons--9b3ff .bp_combobox_module_comboboxContainerInner--9b3ff{
|
|
5354
5356
|
padding-inline-end:calc(var(--combobox-container-padding-inline-end-with-buttons) - var(--combobox-container-border-compensation));
|
|
5355
5357
|
}
|
|
5356
|
-
.bp_combobox_module_container--
|
|
5358
|
+
.bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff.bp_combobox_module_withComboboxButtons--9b3ff.bp_combobox_module_withInlineErrorAndEndButton--9b3ff .bp_combobox_module_comboboxContainerInner--9b3ff{
|
|
5357
5359
|
padding-inline-end:calc(var(--combobox-container-padding-inline-end-with-inline-error-and-buttons) - var(--combobox-container-border-compensation));
|
|
5358
5360
|
}
|
|
5359
|
-
.bp_combobox_module_container--
|
|
5361
|
+
.bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff:not(:disabled):has(input:focus){
|
|
5360
5362
|
--combobox-container-border-compensation:calc(var(--combobox-border-width-focus) - var(--combobox-border-width));
|
|
5361
5363
|
background-color:var(--combobox-container-focus-background-color);
|
|
5362
5364
|
border:var(--combobox-container-focus-border);
|
|
5363
5365
|
}
|
|
5364
|
-
.bp_combobox_module_container--
|
|
5366
|
+
.bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff:not(:disabled):has(input:focus) .bp_combobox_module_comboboxContainerInner--9b3ff{
|
|
5365
5367
|
padding-block:var(--combobox-container-focus-padding-block);
|
|
5366
5368
|
}
|
|
5367
|
-
.bp_combobox_module_container--
|
|
5369
|
+
.bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff:not(:disabled).bp_combobox_module_error--9b3ff,.bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff:not(:disabled):has([aria-invalid=true]){
|
|
5368
5370
|
--combobox-container-border-compensation:calc(var(--combobox-border-width-error) - var(--combobox-border-width));
|
|
5369
5371
|
background-color:var(--combobox-container-error-background-color);
|
|
5370
5372
|
border-bottom:var(--combobox-container-error-border-bottom-width) solid var(--combobox-container-error-border-color);
|
|
@@ -5372,22 +5374,22 @@
|
|
|
5372
5374
|
border-right:var(--combobox-container-error-border-right-width) solid var(--combobox-container-error-border-color);
|
|
5373
5375
|
border-top:var(--combobox-container-error-border-top-width) solid var(--combobox-container-error-border-color);
|
|
5374
5376
|
}
|
|
5375
|
-
.bp_combobox_module_container--
|
|
5377
|
+
.bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff:not(:disabled).bp_combobox_module_error--9b3ff .bp_combobox_module_comboboxContainerInner--9b3ff,.bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff:not(:disabled):has([aria-invalid=true]) .bp_combobox_module_comboboxContainerInner--9b3ff{
|
|
5376
5378
|
padding-block:var(--combobox-container-error-padding-block);
|
|
5377
5379
|
}
|
|
5378
|
-
.bp_combobox_module_container--
|
|
5380
|
+
.bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff:not(:disabled, :has(input:focus)):has(input:hover):not(.bp_combobox_module_error--9b3ff, :has([aria-invalid=true])){
|
|
5379
5381
|
border-bottom:var(--combobox-container-border-bottom-width) solid var(--combobox-container-border-color-hover);
|
|
5380
5382
|
border-left:var(--combobox-container-border-left-width) solid var(--combobox-container-border-color-hover);
|
|
5381
5383
|
border-right:var(--combobox-container-border-right-width) solid var(--combobox-container-border-color-hover);
|
|
5382
5384
|
border-top:var(--combobox-container-border-top-width) solid var(--combobox-container-border-color-hover);
|
|
5383
5385
|
}
|
|
5384
|
-
.bp_combobox_module_container--
|
|
5386
|
+
.bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff .bp_combobox_module_textInputWrapper--9b3ff{
|
|
5385
5387
|
align-items:center;
|
|
5386
5388
|
display:flex;
|
|
5387
5389
|
flex:content;
|
|
5388
5390
|
gap:var(--combobox-text-input-wrapper-gap);
|
|
5389
5391
|
}
|
|
5390
|
-
.bp_combobox_module_container--
|
|
5392
|
+
.bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff .bp_combobox_module_textInputWrapper--9b3ff .bp_combobox_module_textInput--9b3ff{
|
|
5391
5393
|
background-color:var(--combobox-text-input-background-color);
|
|
5392
5394
|
border:none;
|
|
5393
5395
|
color:var(--combobox-text-input-color);
|
|
@@ -5396,10 +5398,14 @@
|
|
|
5396
5398
|
padding:0;
|
|
5397
5399
|
width:100%;
|
|
5398
5400
|
}
|
|
5399
|
-
.bp_combobox_module_container--
|
|
5401
|
+
.bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff .bp_combobox_module_textInputWrapper--9b3ff .bp_combobox_module_textInput--9b3ff::placeholder{
|
|
5402
|
+
color:var(--combobox-text-input-placeholder-color);
|
|
5403
|
+
opacity:1;
|
|
5404
|
+
}
|
|
5405
|
+
.bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff .bp_combobox_module_textInputWrapper--9b3ff .bp_combobox_module_errorIcon--9b3ff path{
|
|
5400
5406
|
fill:var(--combobox-error-icon-fill);
|
|
5401
5407
|
}
|
|
5402
|
-
.bp_combobox_module_container--
|
|
5408
|
+
.bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff .bp_combobox_module_textInputWrapper--9b3ff .bp_combobox_module_comboboxButtons--9b3ff{
|
|
5403
5409
|
align-items:center;
|
|
5404
5410
|
display:flex;
|
|
5405
5411
|
gap:var(--combobox-buttons-gap);
|
|
@@ -5407,22 +5413,22 @@
|
|
|
5407
5413
|
right:calc(var(--combobox-button-spacing) - var(--combobox-container-border-compensation));
|
|
5408
5414
|
top:calc(var(--combobox-button-spacing) - var(--combobox-container-border-compensation));
|
|
5409
5415
|
}
|
|
5410
|
-
.bp_combobox_module_container--
|
|
5416
|
+
.bp_combobox_module_container--9b3ff .bp_combobox_module_comboboxContainer--9b3ff .bp_combobox_module_textInputWrapper--9b3ff .bp_combobox_module_inlineErrorIcon--9b3ff{
|
|
5411
5417
|
height:var(--combobox-inline-error-icon-height);
|
|
5412
5418
|
width:var(--combobox-inline-error-icon-width);
|
|
5413
5419
|
}
|
|
5414
|
-
.bp_combobox_module_container--
|
|
5420
|
+
.bp_combobox_module_container--9b3ff .bp_combobox_module_inlineError--9b3ff{
|
|
5415
5421
|
margin-block-start:var(--combobox-inline-error-margin-block-start);
|
|
5416
5422
|
}
|
|
5417
|
-
.bp_combobox_module_container--
|
|
5423
|
+
.bp_combobox_module_container--9b3ff[data-modern=true] .bp_combobox_module_comboboxContainer--9b3ff[data-bp-animated=true]{
|
|
5418
5424
|
transition-duration:var(--bp-duration-short);
|
|
5419
5425
|
transition-property:border-color, background-color;
|
|
5420
5426
|
transition-timing-function:var(--bp-curve-small-off);
|
|
5421
5427
|
}
|
|
5422
|
-
.bp_combobox_module_container--
|
|
5428
|
+
.bp_combobox_module_container--9b3ff[data-modern=true] .bp_combobox_module_comboboxContainer--9b3ff[data-bp-animated=true]:not(:disabled).bp_combobox_module_error--9b3ff,.bp_combobox_module_container--9b3ff[data-modern=true] .bp_combobox_module_comboboxContainer--9b3ff[data-bp-animated=true]:not(:disabled):has([aria-invalid=true]),.bp_combobox_module_container--9b3ff[data-modern=true] .bp_combobox_module_comboboxContainer--9b3ff[data-bp-animated=true]:not(:disabled):has(input:focus),.bp_combobox_module_container--9b3ff[data-modern=true] .bp_combobox_module_comboboxContainer--9b3ff[data-bp-animated=true]:not(:disabled):has(input:hover){
|
|
5423
5429
|
transition-timing-function:var(--bp-curve-small-on);
|
|
5424
5430
|
}
|
|
5425
|
-
.bp_combobox_module_popover--
|
|
5431
|
+
.bp_combobox_module_popover--9b3ff{
|
|
5426
5432
|
backdrop-filter:var(--combobox-popover-backdrop-filter);
|
|
5427
5433
|
background-color:var(--combobox-popover-background-color);
|
|
5428
5434
|
border:var(--combobox-popover-border);
|
|
@@ -5431,13 +5437,14 @@
|
|
|
5431
5437
|
overflow:hidden;
|
|
5432
5438
|
z-index:var(--z-index-popover);
|
|
5433
5439
|
}
|
|
5434
|
-
.bp_combobox_module_popover--
|
|
5440
|
+
.bp_combobox_module_popover--9b3ff .bp_combobox_module_popoverInner--9b3ff{
|
|
5441
|
+
box-sizing:initial !important;
|
|
5435
5442
|
max-height:var(--combobox-popover-max-height);
|
|
5436
5443
|
overflow:auto;
|
|
5437
5444
|
padding-block:var(--combobox-popover-padding-block);
|
|
5438
5445
|
padding-inline:var(--combobox-popover-padding-inline);
|
|
5439
5446
|
}
|
|
5440
|
-
.bp_combobox_module_popover--
|
|
5447
|
+
.bp_combobox_module_popover--9b3ff .bp_combobox_module_option--9b3ff{
|
|
5441
5448
|
border:var(--combobox-option-border);
|
|
5442
5449
|
border-radius:var(--combobox-option-border-radius);
|
|
5443
5450
|
box-sizing:border-box;
|
|
@@ -5452,21 +5459,21 @@
|
|
|
5452
5459
|
user-select:none;
|
|
5453
5460
|
width:100%;
|
|
5454
5461
|
}
|
|
5455
|
-
.bp_combobox_module_popover--
|
|
5462
|
+
.bp_combobox_module_popover--9b3ff .bp_combobox_module_option--9b3ff[aria-disabled]{
|
|
5456
5463
|
opacity:var(--combobox-option-disabled-opacity);
|
|
5457
5464
|
}
|
|
5458
|
-
.bp_combobox_module_popover--
|
|
5465
|
+
.bp_combobox_module_popover--9b3ff .bp_combobox_module_option--9b3ff[data-active-item]:not([aria-disabled]){
|
|
5459
5466
|
background-color:var(--combobox-option-active-background-color);
|
|
5460
5467
|
border:var(--combobox-option-active-border);
|
|
5461
5468
|
}
|
|
5462
|
-
.bp_combobox_module_popover--
|
|
5469
|
+
.bp_combobox_module_popover--9b3ff .bp_combobox_module_option--9b3ff:active{
|
|
5463
5470
|
background-color:var(--combobox-option-hover-background-color);
|
|
5464
5471
|
border:var(--combobox-option-border);
|
|
5465
5472
|
}
|
|
5466
|
-
.bp_combobox_module_popover--
|
|
5473
|
+
.bp_combobox_module_popover--9b3ff .bp_combobox_module_option--9b3ff:hover{
|
|
5467
5474
|
background-color:var(--combobox-option-hover-background-color);
|
|
5468
5475
|
}
|
|
5469
|
-
.bp_combobox_module_popover--
|
|
5476
|
+
.bp_combobox_module_popover--9b3ff .bp_combobox_module_option--9b3ff .bp_combobox_module_indicator--9b3ff{
|
|
5470
5477
|
align-items:center;
|
|
5471
5478
|
display:flex;
|
|
5472
5479
|
height:var(--combobox-option-indicator-height);
|
|
@@ -5475,44 +5482,44 @@
|
|
|
5475
5482
|
position:absolute;
|
|
5476
5483
|
top:var(--combobox-option-indicator-top);
|
|
5477
5484
|
}
|
|
5478
|
-
.bp_combobox_module_popover--
|
|
5485
|
+
.bp_combobox_module_popover--9b3ff .bp_combobox_module_option--9b3ff .bp_combobox_module_indicator--9b3ff .bp_combobox_module_indicatorIcon--9b3ff path{
|
|
5479
5486
|
fill:var(--combobox-option-indicator-icon-fill);
|
|
5480
5487
|
}
|
|
5481
|
-
.bp_combobox_module_popover--
|
|
5488
|
+
.bp_combobox_module_popover--9b3ff .bp_combobox_module_optionWithIndicator--9b3ff{
|
|
5482
5489
|
padding-inline:var(--combobox-option-with-indicator-padding-inline);
|
|
5483
5490
|
}
|
|
5484
|
-
.bp_combobox_module_popover--
|
|
5491
|
+
.bp_combobox_module_popover--9b3ff .bp_combobox_module_loadingIndicator--9b3ff{
|
|
5485
5492
|
position:var(--combobox-loading-indicator-position);
|
|
5486
5493
|
}
|
|
5487
|
-
.bp_combobox_module_popover--
|
|
5494
|
+
.bp_combobox_module_popover--9b3ff .bp_combobox_module_noResultOption--9b3ff{
|
|
5488
5495
|
color:var(--combobox-no-result-option-color);
|
|
5489
5496
|
-webkit-user-select:none;
|
|
5490
5497
|
user-select:none;
|
|
5491
5498
|
}
|
|
5492
5499
|
|
|
5493
|
-
.bp_combobox_module_popover--
|
|
5500
|
+
.bp_combobox_module_popover--9b3ff[data-modern=true][data-bp-animated=true]{
|
|
5494
5501
|
opacity:var(--bp-opacity-hidden);
|
|
5495
5502
|
transform:translateY(calc(var(--bp-space-020)*-1));
|
|
5496
5503
|
transition-duration:var(--bp-duration-short);
|
|
5497
5504
|
transition-property:opacity, transform;
|
|
5498
5505
|
transition-timing-function:var(--bp-curve-medium-off);
|
|
5499
5506
|
}
|
|
5500
|
-
.bp_combobox_module_popover--
|
|
5507
|
+
.bp_combobox_module_popover--9b3ff[data-modern=true][data-bp-animated=true][data-side=top]{
|
|
5501
5508
|
transform:translateY(var(--bp-space-020));
|
|
5502
5509
|
}
|
|
5503
|
-
.bp_combobox_module_popover--
|
|
5510
|
+
.bp_combobox_module_popover--9b3ff[data-modern=true][data-bp-animated=true][data-enter]{
|
|
5504
5511
|
opacity:var(--bp-opacity-visible);
|
|
5505
5512
|
transform:translateY(0);
|
|
5506
5513
|
transition-duration:var(--bp-duration-medium);
|
|
5507
5514
|
transition-timing-function:var(--bp-curve-medium-on);
|
|
5508
5515
|
}
|
|
5509
5516
|
|
|
5510
|
-
.bp_combobox_module_popover--
|
|
5517
|
+
.bp_combobox_module_popover--9b3ff[data-modern=true][data-bp-animated=true] .bp_combobox_module_option--9b3ff{
|
|
5511
5518
|
transition-duration:var(--bp-duration-short);
|
|
5512
5519
|
transition-property:background-color;
|
|
5513
5520
|
transition-timing-function:var(--bp-curve-small-off);
|
|
5514
5521
|
}
|
|
5515
|
-
.bp_combobox_module_popover--
|
|
5522
|
+
.bp_combobox_module_popover--9b3ff[data-modern=true][data-bp-animated=true] .bp_combobox_module_option--9b3ff:active,.bp_combobox_module_popover--9b3ff[data-modern=true][data-bp-animated=true] .bp_combobox_module_option--9b3ff:hover,.bp_combobox_module_popover--9b3ff[data-modern=true][data-bp-animated=true] .bp_combobox_module_option--9b3ff[data-active-item]:not([aria-disabled]){
|
|
5516
5523
|
transition-timing-function:var(--bp-curve-small-on);
|
|
5517
5524
|
}
|
|
5518
5525
|
.bp_combobox_group_module_container--07d83[data-modern=false]{
|
|
@@ -7398,7 +7405,7 @@
|
|
|
7398
7405
|
color:var(--calendar-disabled-text-color);
|
|
7399
7406
|
text-decoration:line-through;
|
|
7400
7407
|
}
|
|
7401
|
-
.bp_date_picker_module_datePicker--
|
|
7408
|
+
.bp_date_picker_module_datePicker--464ce[data-modern=false]{
|
|
7402
7409
|
--date-picker-label-margin-bottom:var(--space-2);
|
|
7403
7410
|
--date-picker-input-placeholder-color:var(--text-text-on-light-secondary);
|
|
7404
7411
|
--date-picker-input-placeholder-focused-color:var(--text-text-on-light);
|
|
@@ -7424,7 +7431,7 @@
|
|
|
7424
7431
|
--date-picker-icon-button-hover-fill:var(--icon-cta-icon-hover);
|
|
7425
7432
|
--date-picker-clear-button-right:var(--size-9);
|
|
7426
7433
|
}
|
|
7427
|
-
.bp_date_picker_module_datePicker--
|
|
7434
|
+
.bp_date_picker_module_datePicker--464ce[data-modern=false] .bp_date_picker_module_label--464ce{
|
|
7428
7435
|
font-family:var(--body-default-bold-font-family);
|
|
7429
7436
|
font-size:var(--body-default-bold-font-size);
|
|
7430
7437
|
font-weight:var(--body-default-bold-font-weight);
|
|
@@ -7433,7 +7440,7 @@
|
|
|
7433
7440
|
text-decoration:var(--body-default-bold-text-decoration);
|
|
7434
7441
|
text-transform:var(--body-default-bold-text-case);
|
|
7435
7442
|
}
|
|
7436
|
-
.bp_date_picker_module_datePicker--
|
|
7443
|
+
.bp_date_picker_module_datePicker--464ce[data-modern=false] .bp_date_picker_module_group--464ce{
|
|
7437
7444
|
font-family:var(--body-default-font-family);
|
|
7438
7445
|
font-size:var(--body-default-font-size);
|
|
7439
7446
|
font-weight:var(--body-default-font-weight);
|
|
@@ -7443,7 +7450,7 @@
|
|
|
7443
7450
|
text-transform:var(--body-default-text-case);
|
|
7444
7451
|
}
|
|
7445
7452
|
|
|
7446
|
-
.bp_date_picker_module_datePicker--
|
|
7453
|
+
.bp_date_picker_module_datePicker--464ce[data-modern=true]{
|
|
7447
7454
|
--date-picker-label-margin-bottom:var(--bp-space-020);
|
|
7448
7455
|
--date-picker-input-placeholder-color:var(--bp-text-text-on-light-secondary);
|
|
7449
7456
|
--date-picker-input-placeholder-focused-color:var(--bp-text-text-on-light);
|
|
@@ -7469,7 +7476,7 @@
|
|
|
7469
7476
|
--date-picker-icon-button-hover-fill:var(--bp-icon-cta-icon-hover);
|
|
7470
7477
|
--date-picker-clear-button-right:var(--bp-size-090);
|
|
7471
7478
|
}
|
|
7472
|
-
.bp_date_picker_module_datePicker--
|
|
7479
|
+
.bp_date_picker_module_datePicker--464ce[data-modern=true] .bp_date_picker_module_label--464ce{
|
|
7473
7480
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7474
7481
|
font-size:var(--bp-font-size-05);
|
|
7475
7482
|
font-style:normal;
|
|
@@ -7477,7 +7484,7 @@
|
|
|
7477
7484
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
7478
7485
|
line-height:var(--bp-font-line-height-04);
|
|
7479
7486
|
}
|
|
7480
|
-
:where(body.is-inter-font) .bp_date_picker_module_datePicker--
|
|
7487
|
+
:where(body.is-inter-font) .bp_date_picker_module_datePicker--464ce[data-modern=true] .bp_date_picker_module_label--464ce{
|
|
7481
7488
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7482
7489
|
font-size:.875rem;
|
|
7483
7490
|
font-style:normal;
|
|
@@ -7488,7 +7495,7 @@
|
|
|
7488
7495
|
text-transform:none;
|
|
7489
7496
|
}
|
|
7490
7497
|
|
|
7491
|
-
.bp_date_picker_module_datePicker--
|
|
7498
|
+
.bp_date_picker_module_datePicker--464ce[data-modern=true] .bp_date_picker_module_group--464ce{
|
|
7492
7499
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7493
7500
|
font-size:var(--bp-font-size-05);
|
|
7494
7501
|
font-style:normal;
|
|
@@ -7496,7 +7503,7 @@
|
|
|
7496
7503
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
7497
7504
|
line-height:var(--bp-font-line-height-04);
|
|
7498
7505
|
}
|
|
7499
|
-
:where(body.is-inter-font) .bp_date_picker_module_datePicker--
|
|
7506
|
+
:where(body.is-inter-font) .bp_date_picker_module_datePicker--464ce[data-modern=true] .bp_date_picker_module_group--464ce{
|
|
7500
7507
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7501
7508
|
font-size:.875rem;
|
|
7502
7509
|
font-style:normal;
|
|
@@ -7507,28 +7514,28 @@
|
|
|
7507
7514
|
text-transform:none;
|
|
7508
7515
|
}
|
|
7509
7516
|
|
|
7510
|
-
.bp_date_picker_module_datePicker--
|
|
7517
|
+
.bp_date_picker_module_datePicker--464ce{
|
|
7511
7518
|
width:100%;
|
|
7512
7519
|
}
|
|
7513
|
-
.bp_date_picker_module_datePicker--
|
|
7520
|
+
.bp_date_picker_module_datePicker--464ce.bp_date_picker_module_disabled--464ce{
|
|
7514
7521
|
opacity:var(--disabled-opacity);
|
|
7515
7522
|
pointer-events:none;
|
|
7516
7523
|
-webkit-user-select:none;
|
|
7517
7524
|
user-select:none;
|
|
7518
7525
|
}
|
|
7519
|
-
.bp_date_picker_module_datePicker--
|
|
7526
|
+
.bp_date_picker_module_datePicker--464ce .bp_date_picker_module_label--464ce{
|
|
7520
7527
|
cursor:default;
|
|
7521
|
-
display:
|
|
7528
|
+
display:flex;
|
|
7522
7529
|
margin-block-end:var(--date-picker-label-margin-bottom);
|
|
7523
7530
|
width:fit-content;
|
|
7524
7531
|
}
|
|
7525
|
-
.bp_date_picker_module_datePicker--
|
|
7532
|
+
.bp_date_picker_module_datePicker--464ce .bp_date_picker_module_group--464ce{
|
|
7526
7533
|
align-items:center;
|
|
7527
7534
|
display:inline-flex;
|
|
7528
7535
|
position:relative;
|
|
7529
7536
|
width:100%;
|
|
7530
7537
|
}
|
|
7531
|
-
.bp_date_picker_module_datePicker--
|
|
7538
|
+
.bp_date_picker_module_datePicker--464ce .bp_date_picker_module_group--464ce .bp_date_picker_module_groupContainer--464ce{
|
|
7532
7539
|
align-items:center;
|
|
7533
7540
|
border-radius:var(--date-picker-border-radius);
|
|
7534
7541
|
box-shadow:var(--date-picker-input-inner-shadow);
|
|
@@ -7539,23 +7546,23 @@
|
|
|
7539
7546
|
position:relative;
|
|
7540
7547
|
width:100%;
|
|
7541
7548
|
}
|
|
7542
|
-
.bp_date_picker_module_datePicker--
|
|
7549
|
+
.bp_date_picker_module_datePicker--464ce .bp_date_picker_module_group--464ce .bp_date_picker_module_groupContainer--464ce:focus-within{
|
|
7543
7550
|
outline:var(--date-picker-focus-outline);
|
|
7544
7551
|
}
|
|
7545
|
-
.bp_date_picker_module_datePicker--
|
|
7552
|
+
.bp_date_picker_module_datePicker--464ce .bp_date_picker_module_group--464ce .bp_date_picker_module_groupContainer--464ce.bp_date_picker_module_error--464ce:not(:focus-within){
|
|
7546
7553
|
outline:var(--date-picker-error-outline);
|
|
7547
7554
|
}
|
|
7548
|
-
.bp_date_picker_module_datePicker--
|
|
7555
|
+
.bp_date_picker_module_datePicker--464ce .bp_date_picker_module_group--464ce .bp_date_picker_module_groupContainer--464ce.bp_date_picker_module_error--464ce:focus-within{
|
|
7549
7556
|
outline:var(--date-picker-focus-outline);
|
|
7550
7557
|
}
|
|
7551
|
-
.bp_date_picker_module_datePicker--
|
|
7558
|
+
.bp_date_picker_module_datePicker--464ce .bp_date_picker_module_group--464ce .bp_date_picker_module_groupContainer--464ce .bp_date_picker_module_groupContainerInput--464ce{
|
|
7552
7559
|
align-items:center;
|
|
7553
7560
|
display:inline-flex;
|
|
7554
7561
|
height:var(--date-picker-height);
|
|
7555
7562
|
text-transform:uppercase;
|
|
7556
7563
|
white-space:nowrap;
|
|
7557
7564
|
}
|
|
7558
|
-
.bp_date_picker_module_datePicker--
|
|
7565
|
+
.bp_date_picker_module_datePicker--464ce .bp_date_picker_module_group--464ce .bp_date_picker_module_groupContainer--464ce .bp_date_picker_module_groupContainerInput--464ce .bp_date_picker_module_groupContainerInputSegment--464ce{
|
|
7559
7566
|
border:unset;
|
|
7560
7567
|
border-radius:unset;
|
|
7561
7568
|
box-shadow:unset;
|
|
@@ -7565,21 +7572,21 @@
|
|
|
7565
7572
|
transition:unset;
|
|
7566
7573
|
width:unset;
|
|
7567
7574
|
}
|
|
7568
|
-
.bp_date_picker_module_datePicker--
|
|
7575
|
+
.bp_date_picker_module_datePicker--464ce .bp_date_picker_module_group--464ce .bp_date_picker_module_groupContainer--464ce .bp_date_picker_module_groupContainerInput--464ce .bp_date_picker_module_groupContainerInputSegment--464ce[data-placeholder]{
|
|
7569
7576
|
color:var(--date-picker-input-placeholder-color);
|
|
7570
7577
|
}
|
|
7571
|
-
.bp_date_picker_module_datePicker--
|
|
7578
|
+
.bp_date_picker_module_datePicker--464ce .bp_date_picker_module_group--464ce .bp_date_picker_module_groupContainer--464ce .bp_date_picker_module_groupContainerInput--464ce .bp_date_picker_module_groupContainerInputSegment--464ce:focus{
|
|
7572
7579
|
background:var(--date-picker-input-segment-focused-background);
|
|
7573
7580
|
caret-color:#0000;
|
|
7574
7581
|
outline:none;
|
|
7575
7582
|
}
|
|
7576
|
-
.bp_date_picker_module_datePicker--
|
|
7583
|
+
.bp_date_picker_module_datePicker--464ce .bp_date_picker_module_group--464ce .bp_date_picker_module_groupContainer--464ce .bp_date_picker_module_groupContainerInput--464ce .bp_date_picker_module_groupContainerInputSegment--464ce:focus[data-placeholder]{
|
|
7577
7584
|
color:var(--date-picker-input-placeholder-focused-color);
|
|
7578
7585
|
}
|
|
7579
|
-
.bp_date_picker_module_datePicker--
|
|
7586
|
+
.bp_date_picker_module_datePicker--464ce .bp_date_picker_module_group--464ce:hover .bp_date_picker_module_groupContainer--464ce:not(:focus-within, .bp_date_picker_module_error--464ce){
|
|
7580
7587
|
outline-color:var(--date-picker-hover-outline-color);
|
|
7581
7588
|
}
|
|
7582
|
-
.bp_date_picker_module_datePicker--
|
|
7589
|
+
.bp_date_picker_module_datePicker--464ce .bp_date_picker_module_group--464ce .bp_date_picker_module_button--464ce{
|
|
7583
7590
|
align-items:center;
|
|
7584
7591
|
background-color:initial;
|
|
7585
7592
|
border:none;
|
|
@@ -7594,70 +7601,70 @@
|
|
|
7594
7601
|
right:var(--date-picker-padding-inline);
|
|
7595
7602
|
width:var(--date-picker-icon-button-size);
|
|
7596
7603
|
}
|
|
7597
|
-
.bp_date_picker_module_datePicker--
|
|
7604
|
+
.bp_date_picker_module_datePicker--464ce .bp_date_picker_module_group--464ce .bp_date_picker_module_button--464ce.bp_date_picker_module_clear--464ce{
|
|
7598
7605
|
right:var(--date-picker-clear-button-right);
|
|
7599
7606
|
}
|
|
7600
|
-
.bp_date_picker_module_datePicker--
|
|
7607
|
+
.bp_date_picker_module_datePicker--464ce .bp_date_picker_module_group--464ce .bp_date_picker_module_button--464ce:focus-visible,.bp_date_picker_module_datePicker--464ce .bp_date_picker_module_group--464ce .bp_date_picker_module_button--464ce[data-focus-visible]{
|
|
7601
7608
|
background-color:var(--date-picker-icon-button-focus-background-color);
|
|
7602
7609
|
outline:var(--date-picker-icon-button-focus-outline);
|
|
7603
7610
|
}
|
|
7604
|
-
.bp_date_picker_module_datePicker--
|
|
7611
|
+
.bp_date_picker_module_datePicker--464ce .bp_date_picker_module_group--464ce .bp_date_picker_module_button--464ce:hover{
|
|
7605
7612
|
background:var(--date-picker-icon-button-hover-background);
|
|
7606
7613
|
}
|
|
7607
|
-
.bp_date_picker_module_datePicker--
|
|
7614
|
+
.bp_date_picker_module_datePicker--464ce .bp_date_picker_module_group--464ce .bp_date_picker_module_button--464ce:hover *{
|
|
7608
7615
|
fill:var(--date-picker-icon-button-hover-fill);
|
|
7609
7616
|
}
|
|
7610
|
-
.bp_date_picker_module_datePicker--
|
|
7617
|
+
.bp_date_picker_module_datePicker--464ce .bp_date_picker_module_group--464ce .bp_date_picker_module_button--464ce:active{
|
|
7611
7618
|
background:var(--date-picker-icon-button-active-background);
|
|
7612
7619
|
}
|
|
7613
|
-
.bp_date_picker_module_datePicker--
|
|
7620
|
+
.bp_date_picker_module_datePicker--464ce .bp_date_picker_module_group--464ce .bp_date_picker_module_button--464ce:active *{
|
|
7614
7621
|
fill:var(--date-picker-icon-button-active-fill);
|
|
7615
7622
|
}
|
|
7616
|
-
.bp_date_picker_module_datePicker--
|
|
7623
|
+
.bp_date_picker_module_datePicker--464ce .bp_date_picker_module_group--464ce .bp_date_picker_module_button--464ce:disabled{
|
|
7617
7624
|
opacity:1;
|
|
7618
7625
|
}
|
|
7619
|
-
.bp_date_picker_module_datePicker--
|
|
7626
|
+
.bp_date_picker_module_datePicker--464ce .bp_date_picker_module_inlineError--464ce{
|
|
7620
7627
|
margin-block-start:var(--date-picker-inline-error-margin);
|
|
7621
7628
|
}
|
|
7622
7629
|
|
|
7623
|
-
.bp_date_picker_module_datePickerPopoverContent--
|
|
7630
|
+
.bp_date_picker_module_datePickerPopoverContent--464ce{
|
|
7624
7631
|
z-index:var(--z-index-popover);
|
|
7625
7632
|
}
|
|
7626
7633
|
|
|
7627
|
-
.bp_date_picker_module_groupContainer--
|
|
7634
|
+
.bp_date_picker_module_groupContainer--464ce[data-bp-animated=true]{
|
|
7628
7635
|
transition-duration:var(--bp-duration-short);
|
|
7629
7636
|
transition-property:outline-color;
|
|
7630
7637
|
transition-timing-function:var(--bp-curve-small-off);
|
|
7631
7638
|
}
|
|
7632
7639
|
|
|
7633
|
-
.bp_date_picker_module_group--
|
|
7640
|
+
.bp_date_picker_module_group--464ce:hover .bp_date_picker_module_groupContainer--464ce[data-bp-animated=true]:not(:focus-within, .bp_date_picker_module_error--464ce), .bp_date_picker_module_groupContainer--464ce[data-bp-animated=true].bp_date_picker_module_error--464ce, .bp_date_picker_module_groupContainer--464ce[data-bp-animated=true]:focus-within{
|
|
7634
7641
|
transition-timing-function:var(--bp-curve-small-on);
|
|
7635
7642
|
}
|
|
7636
7643
|
|
|
7637
|
-
.bp_date_picker_module_datePickerPopoverContent--
|
|
7644
|
+
.bp_date_picker_module_datePickerPopoverContent--464ce[data-bp-animated=true][data-state=open]{
|
|
7638
7645
|
animation-duration:var(--bp-duration-medium);
|
|
7639
7646
|
animation-fill-mode:backwards;
|
|
7640
7647
|
animation-timing-function:var(--bp-curve-medium-on);
|
|
7641
7648
|
}
|
|
7642
|
-
.bp_date_picker_module_datePickerPopoverContent--
|
|
7643
|
-
animation-name:bp_date_picker_module_bpDatePickerCalendarMenuTopSlideEnter--
|
|
7649
|
+
.bp_date_picker_module_datePickerPopoverContent--464ce[data-bp-animated=true][data-state=open][data-side=top]{
|
|
7650
|
+
animation-name:bp_date_picker_module_bpDatePickerCalendarMenuTopSlideEnter--464ce, bp_date_picker_module_bpDatePickerCalendarMenuFadeIn--464ce;
|
|
7644
7651
|
}
|
|
7645
|
-
.bp_date_picker_module_datePickerPopoverContent--
|
|
7646
|
-
animation-name:bp_date_picker_module_bpDatePickerCalendarMenuBottomSlideEnter--
|
|
7652
|
+
.bp_date_picker_module_datePickerPopoverContent--464ce[data-bp-animated=true][data-state=open][data-side=bottom]{
|
|
7653
|
+
animation-name:bp_date_picker_module_bpDatePickerCalendarMenuBottomSlideEnter--464ce, bp_date_picker_module_bpDatePickerCalendarMenuFadeIn--464ce;
|
|
7647
7654
|
}
|
|
7648
|
-
.bp_date_picker_module_datePickerPopoverContent--
|
|
7655
|
+
.bp_date_picker_module_datePickerPopoverContent--464ce[data-bp-animated=true][data-state=closed]{
|
|
7649
7656
|
animation-duration:var(--bp-duration-short);
|
|
7650
7657
|
animation-fill-mode:forwards;
|
|
7651
7658
|
animation-timing-function:var(--bp-curve-medium-off);
|
|
7652
7659
|
}
|
|
7653
|
-
.bp_date_picker_module_datePickerPopoverContent--
|
|
7654
|
-
animation-name:bp_date_picker_module_bpDatePickerCalendarMenuTopSlideExit--
|
|
7660
|
+
.bp_date_picker_module_datePickerPopoverContent--464ce[data-bp-animated=true][data-state=closed][data-side=top]{
|
|
7661
|
+
animation-name:bp_date_picker_module_bpDatePickerCalendarMenuTopSlideExit--464ce, bp_date_picker_module_bpDatePickerCalendarMenuFadeOut--464ce;
|
|
7655
7662
|
}
|
|
7656
|
-
.bp_date_picker_module_datePickerPopoverContent--
|
|
7657
|
-
animation-name:bp_date_picker_module_bpDatePickerCalendarMenuBottomSlideExit--
|
|
7663
|
+
.bp_date_picker_module_datePickerPopoverContent--464ce[data-bp-animated=true][data-state=closed][data-side=bottom]{
|
|
7664
|
+
animation-name:bp_date_picker_module_bpDatePickerCalendarMenuBottomSlideExit--464ce, bp_date_picker_module_bpDatePickerCalendarMenuFadeOut--464ce;
|
|
7658
7665
|
}
|
|
7659
7666
|
|
|
7660
|
-
@keyframes bp_date_picker_module_bpDatePickerCalendarMenuFadeIn--
|
|
7667
|
+
@keyframes bp_date_picker_module_bpDatePickerCalendarMenuFadeIn--464ce{
|
|
7661
7668
|
from{
|
|
7662
7669
|
opacity:var(--bp-opacity-hidden);
|
|
7663
7670
|
}
|
|
@@ -7665,7 +7672,7 @@
|
|
|
7665
7672
|
opacity:var(--bp-opacity-visible);
|
|
7666
7673
|
}
|
|
7667
7674
|
}
|
|
7668
|
-
@keyframes bp_date_picker_module_bpDatePickerCalendarMenuFadeOut--
|
|
7675
|
+
@keyframes bp_date_picker_module_bpDatePickerCalendarMenuFadeOut--464ce{
|
|
7669
7676
|
from{
|
|
7670
7677
|
opacity:var(--bp-opacity-visible);
|
|
7671
7678
|
}
|
|
@@ -7673,7 +7680,7 @@
|
|
|
7673
7680
|
opacity:var(--bp-opacity-hidden);
|
|
7674
7681
|
}
|
|
7675
7682
|
}
|
|
7676
|
-
@keyframes bp_date_picker_module_bpDatePickerCalendarMenuTopSlideEnter--
|
|
7683
|
+
@keyframes bp_date_picker_module_bpDatePickerCalendarMenuTopSlideEnter--464ce{
|
|
7677
7684
|
from{
|
|
7678
7685
|
transform:translateY(var(--bp-space-020));
|
|
7679
7686
|
}
|
|
@@ -7681,7 +7688,7 @@
|
|
|
7681
7688
|
transform:translateY(0);
|
|
7682
7689
|
}
|
|
7683
7690
|
}
|
|
7684
|
-
@keyframes bp_date_picker_module_bpDatePickerCalendarMenuTopSlideExit--
|
|
7691
|
+
@keyframes bp_date_picker_module_bpDatePickerCalendarMenuTopSlideExit--464ce{
|
|
7685
7692
|
from{
|
|
7686
7693
|
transform:translateY(0);
|
|
7687
7694
|
}
|
|
@@ -7689,7 +7696,7 @@
|
|
|
7689
7696
|
transform:translateY(var(--bp-space-020));
|
|
7690
7697
|
}
|
|
7691
7698
|
}
|
|
7692
|
-
@keyframes bp_date_picker_module_bpDatePickerCalendarMenuBottomSlideEnter--
|
|
7699
|
+
@keyframes bp_date_picker_module_bpDatePickerCalendarMenuBottomSlideEnter--464ce{
|
|
7693
7700
|
from{
|
|
7694
7701
|
transform:translateY(calc(var(--bp-space-020)*-1));
|
|
7695
7702
|
}
|
|
@@ -7697,7 +7704,7 @@
|
|
|
7697
7704
|
transform:translateY(0);
|
|
7698
7705
|
}
|
|
7699
7706
|
}
|
|
7700
|
-
@keyframes bp_date_picker_module_bpDatePickerCalendarMenuBottomSlideExit--
|
|
7707
|
+
@keyframes bp_date_picker_module_bpDatePickerCalendarMenuBottomSlideExit--464ce{
|
|
7701
7708
|
from{
|
|
7702
7709
|
transform:translateY(0);
|
|
7703
7710
|
}
|