@box/blueprint-web 17.11.1 → 17.11.3
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
|
@@ -5344,7 +5344,7 @@
|
|
|
5344
5344
|
.bp_text_area_module_textAreaContainer--44657 .bp_text_area_module_inlineError--44657{
|
|
5345
5345
|
margin-block-start:var(--text-area-container-row-gap);
|
|
5346
5346
|
}
|
|
5347
|
-
.bp_combobox_module_container--
|
|
5347
|
+
.bp_combobox_module_container--0d975[data-modern=false]{
|
|
5348
5348
|
--max-lines:3;
|
|
5349
5349
|
--input-height:var(--space-5);
|
|
5350
5350
|
--chip-height:var(--space-7);
|
|
@@ -5376,8 +5376,6 @@
|
|
|
5376
5376
|
--combobox-container-focus-border:var(--combobox-border-width-focus) solid var(--outline-focus-on-light);
|
|
5377
5377
|
--combobox-padding-block-focus:calc(var(--combobox-space) - var(--combobox-border-width-focus));
|
|
5378
5378
|
--combobox-container-focus-padding-block:var(--combobox-padding-block-focus);
|
|
5379
|
-
--combobox-padding-inline-focus:calc(var(--combobox-container-padding-inline) - var(--combobox-border-width-focus) + var(--combobox-border-width));
|
|
5380
|
-
--combobox-container-focus-padding-inline:var(--combobox-padding-inline-focus);
|
|
5381
5379
|
--combobox-container-error-background-color:var(--surface-dropdown-surface-error);
|
|
5382
5380
|
--combobox-container-error-border-top-width:var(--blueprint-combobox-border-error-top-width, var(--border-2));
|
|
5383
5381
|
--combobox-container-error-border-right-width:var(--blueprint-combobox-border-error-right-width, var(--border-2));
|
|
@@ -5389,8 +5387,6 @@
|
|
|
5389
5387
|
--combobox-container-error-border-color:var(--border-input-border-error);
|
|
5390
5388
|
--combobox-padding-block-error:calc(var(--combobox-space) - var(--combobox-border-width-error));
|
|
5391
5389
|
--combobox-container-error-padding-block:var(--combobox-padding-block-error);
|
|
5392
|
-
--combobox-padding-inline-error:calc(var(--combobox-container-padding-inline) - var(--combobox-border-width-error) + var(--combobox-border-width));
|
|
5393
|
-
--combobox-container-error-padding-inline:var(--combobox-padding-inline-error);
|
|
5394
5390
|
--combobox-container-with-chips-max-height:calc((var(--max-lines) - 1)*var(--space-2) + var(--max-lines)*var(--space-6));
|
|
5395
5391
|
--combobox-with-chips-padding-block:calc(var(--combobox-with-chips-space) - var(--combobox-border-width));
|
|
5396
5392
|
--combobox-container-with-chips-padding-block:var(--combobox-with-chips-padding-block);
|
|
@@ -5414,7 +5410,7 @@
|
|
|
5414
5410
|
text-decoration:var(--body-default-text-decoration);
|
|
5415
5411
|
text-transform:var(--body-default-text-case);
|
|
5416
5412
|
}
|
|
5417
|
-
.bp_combobox_module_container--
|
|
5413
|
+
.bp_combobox_module_container--0d975[data-modern=false] .bp_combobox_module_label--0d975{
|
|
5418
5414
|
font-family:var(--body-default-bold-font-family);
|
|
5419
5415
|
font-size:var(--body-default-bold-font-size);
|
|
5420
5416
|
font-weight:var(--body-default-bold-font-weight);
|
|
@@ -5423,7 +5419,7 @@
|
|
|
5423
5419
|
text-decoration:var(--body-default-bold-text-decoration);
|
|
5424
5420
|
text-transform:var(--body-default-bold-text-case);
|
|
5425
5421
|
}
|
|
5426
|
-
.bp_combobox_module_container--
|
|
5422
|
+
.bp_combobox_module_container--0d975[data-modern=false] .bp_combobox_module_textInput--0d975{
|
|
5427
5423
|
font-family:var(--body-default-font-family);
|
|
5428
5424
|
font-size:var(--body-default-font-size);
|
|
5429
5425
|
font-weight:var(--body-default-font-weight);
|
|
@@ -5433,7 +5429,7 @@
|
|
|
5433
5429
|
text-transform:var(--body-default-text-case);
|
|
5434
5430
|
}
|
|
5435
5431
|
|
|
5436
|
-
.bp_combobox_module_container--
|
|
5432
|
+
.bp_combobox_module_container--0d975[data-modern=true]{
|
|
5437
5433
|
--max-lines:3;
|
|
5438
5434
|
--bp-innershadow-01:var(--innershadow-1);
|
|
5439
5435
|
--bp-input-height:var(--bp-space-050);
|
|
@@ -5465,8 +5461,6 @@
|
|
|
5465
5461
|
--combobox-container-focus-background-color:var(--bp-gray-white);
|
|
5466
5462
|
--combobox-container-focus-border:var(--combobox-border-width-focus) solid var(--bp-outline-focus-on-light);
|
|
5467
5463
|
--combobox-container-focus-padding-block:var(--bp-space-020);
|
|
5468
|
-
--combobox-padding-inline-focus:calc(var(--combobox-container-padding-inline) - var(--combobox-border-width-focus) + var(--combobox-border-width));
|
|
5469
|
-
--combobox-container-focus-padding-inline:var(--combobox-padding-inline-focus);
|
|
5470
5464
|
--combobox-container-error-background-color:var(--bp-gray-white);
|
|
5471
5465
|
--combobox-container-error-border-top-width:var(--blueprint-combobox-border-error-top-width, var(--bp-border-02));
|
|
5472
5466
|
--combobox-container-error-border-right-width:var(
|
|
@@ -5484,8 +5478,6 @@
|
|
|
5484
5478
|
--combobox-container-error-border-color:var(--bp-border-input-border-error);
|
|
5485
5479
|
--combobox-padding-block-error:calc(var(--bp-combobox-space) - var(--combobox-border-width-error));
|
|
5486
5480
|
--combobox-container-error-padding-block:var(--combobox-padding-block-error);
|
|
5487
|
-
--combobox-padding-inline-error:calc(var(--combobox-container-padding-inline) - var(--combobox-border-width-error) + var(--combobox-border-width));
|
|
5488
|
-
--combobox-container-error-padding-inline:var(--combobox-padding-inline-error);
|
|
5489
5481
|
--combobox-container-with-chips-max-height:calc((var(--max-lines) - 1)*var(--bp-space-020) + var(--max-lines)*var(--bp-space-060));
|
|
5490
5482
|
--combobox-with-chips-padding-block:calc(var(--bp-combobox-with-chips-space) - var(--combobox-border-width));
|
|
5491
5483
|
--combobox-container-with-chips-padding-block:var(--combobox-with-chips-padding-block);
|
|
@@ -5508,7 +5500,7 @@
|
|
|
5508
5500
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
5509
5501
|
line-height:var(--bp-font-line-height-04);
|
|
5510
5502
|
}
|
|
5511
|
-
:where(body.is-inter-font) .bp_combobox_module_container--
|
|
5503
|
+
:where(body.is-inter-font) .bp_combobox_module_container--0d975[data-modern=true]{
|
|
5512
5504
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
5513
5505
|
font-size:.875rem;
|
|
5514
5506
|
font-style:normal;
|
|
@@ -5519,7 +5511,7 @@
|
|
|
5519
5511
|
text-transform:none;
|
|
5520
5512
|
}
|
|
5521
5513
|
|
|
5522
|
-
.bp_combobox_module_container--
|
|
5514
|
+
.bp_combobox_module_container--0d975[data-modern=true] .bp_combobox_module_label--0d975{
|
|
5523
5515
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
5524
5516
|
font-size:var(--bp-font-size-05);
|
|
5525
5517
|
font-style:normal;
|
|
@@ -5527,7 +5519,7 @@
|
|
|
5527
5519
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
5528
5520
|
line-height:var(--bp-font-line-height-04);
|
|
5529
5521
|
}
|
|
5530
|
-
:where(body.is-inter-font) .bp_combobox_module_container--
|
|
5522
|
+
:where(body.is-inter-font) .bp_combobox_module_container--0d975[data-modern=true] .bp_combobox_module_label--0d975{
|
|
5531
5523
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
5532
5524
|
font-size:.875rem;
|
|
5533
5525
|
font-style:normal;
|
|
@@ -5538,7 +5530,7 @@
|
|
|
5538
5530
|
text-transform:none;
|
|
5539
5531
|
}
|
|
5540
5532
|
|
|
5541
|
-
.bp_combobox_module_container--
|
|
5533
|
+
.bp_combobox_module_container--0d975[data-modern=true] .bp_combobox_module_textInput--0d975{
|
|
5542
5534
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
5543
5535
|
font-size:var(--bp-font-size-05);
|
|
5544
5536
|
font-style:normal;
|
|
@@ -5546,7 +5538,7 @@
|
|
|
5546
5538
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
5547
5539
|
line-height:var(--bp-font-line-height-04);
|
|
5548
5540
|
}
|
|
5549
|
-
:where(body.is-inter-font) .bp_combobox_module_container--
|
|
5541
|
+
:where(body.is-inter-font) .bp_combobox_module_container--0d975[data-modern=true] .bp_combobox_module_textInput--0d975{
|
|
5550
5542
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
5551
5543
|
font-size:.875rem;
|
|
5552
5544
|
font-style:normal;
|
|
@@ -5557,7 +5549,7 @@
|
|
|
5557
5549
|
text-transform:none;
|
|
5558
5550
|
}
|
|
5559
5551
|
|
|
5560
|
-
.bp_combobox_module_popover--
|
|
5552
|
+
.bp_combobox_module_popover--0d975[data-modern=false]{
|
|
5561
5553
|
--option-height:2.25rem;
|
|
5562
5554
|
--dropdown-max-height:12.5rem;
|
|
5563
5555
|
--combobox-popover-max-height:min(
|
|
@@ -5598,7 +5590,7 @@
|
|
|
5598
5590
|
text-transform:var(--body-default-text-case);
|
|
5599
5591
|
}
|
|
5600
5592
|
|
|
5601
|
-
.bp_combobox_module_popover--
|
|
5593
|
+
.bp_combobox_module_popover--0d975[data-modern=true]{
|
|
5602
5594
|
--option-height:2.25rem;
|
|
5603
5595
|
--dropdown-max-height:12.5rem;
|
|
5604
5596
|
--bp-dropshadow-03:var(--dropshadow-3);
|
|
@@ -5638,7 +5630,7 @@
|
|
|
5638
5630
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
5639
5631
|
line-height:var(--bp-font-line-height-04);
|
|
5640
5632
|
}
|
|
5641
|
-
:where(body.is-inter-font) .bp_combobox_module_popover--
|
|
5633
|
+
:where(body.is-inter-font) .bp_combobox_module_popover--0d975[data-modern=true]{
|
|
5642
5634
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
5643
5635
|
font-size:.875rem;
|
|
5644
5636
|
font-style:normal;
|
|
@@ -5649,22 +5641,23 @@
|
|
|
5649
5641
|
text-transform:none;
|
|
5650
5642
|
}
|
|
5651
5643
|
|
|
5652
|
-
.bp_combobox_module_container--
|
|
5644
|
+
.bp_combobox_module_container--0d975{
|
|
5653
5645
|
display:flex;
|
|
5654
5646
|
flex-direction:column;
|
|
5655
5647
|
}
|
|
5656
|
-
.bp_combobox_module_container--
|
|
5648
|
+
.bp_combobox_module_container--0d975.bp_combobox_module_disabled--0d975{
|
|
5657
5649
|
opacity:var(--disabled-opacity);
|
|
5658
5650
|
}
|
|
5659
|
-
.bp_combobox_module_container--
|
|
5651
|
+
.bp_combobox_module_container--0d975 .bp_combobox_module_label--0d975{
|
|
5660
5652
|
color:var(--combobox-label-color);
|
|
5661
5653
|
flex:0 0 fit-content;
|
|
5662
5654
|
overflow-wrap:break-word;
|
|
5663
5655
|
}
|
|
5664
|
-
.bp_combobox_module_container--
|
|
5656
|
+
.bp_combobox_module_container--0d975 .bp_combobox_module_label--0d975:not(.bp_combobox_module_hiddenLabel--0d975){
|
|
5665
5657
|
margin-block-end:var(--combobox-label-margin-block-end);
|
|
5666
5658
|
}
|
|
5667
|
-
.bp_combobox_module_container--
|
|
5659
|
+
.bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975{
|
|
5660
|
+
--combobox-container-border-compensation:0px;
|
|
5668
5661
|
background-color:var(--combobox-container-background-color);
|
|
5669
5662
|
border-bottom:var(--combobox-container-border-bottom-width) solid var(--combobox-container-border-color);
|
|
5670
5663
|
border-left:var(--combobox-container-border-left-width) solid var(--combobox-container-border-color);
|
|
@@ -5676,62 +5669,62 @@
|
|
|
5676
5669
|
overflow:hidden;
|
|
5677
5670
|
position:relative;
|
|
5678
5671
|
}
|
|
5679
|
-
.bp_combobox_module_container--
|
|
5672
|
+
.bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975 .bp_combobox_module_comboboxContainerInner--0d975{
|
|
5680
5673
|
display:flex;
|
|
5681
5674
|
flex-wrap:wrap;
|
|
5682
5675
|
gap:var(--combobox-container-contents-gap);
|
|
5683
5676
|
overflow-y:auto;
|
|
5684
5677
|
padding-block:var(--combobox-container-padding-block);
|
|
5685
|
-
padding-inline:var(--combobox-container-padding-inline);
|
|
5678
|
+
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));
|
|
5686
5679
|
}
|
|
5687
|
-
.bp_combobox_module_container--
|
|
5680
|
+
.bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975.bp_combobox_module_withChips--0d975 .bp_combobox_module_comboboxContainerInner--0d975{
|
|
5688
5681
|
max-height:var(--combobox-container-with-chips-max-height);
|
|
5689
5682
|
padding-block:var(--combobox-container-with-chips-padding-block);
|
|
5690
5683
|
}
|
|
5691
|
-
.bp_combobox_module_container--
|
|
5684
|
+
.bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975.bp_combobox_module_withChips--0d975:not(:disabled).bp_combobox_module_error--0d975 .bp_combobox_module_comboboxContainerInner--0d975{
|
|
5692
5685
|
padding-block:var(--combobox-container-with-chips-error-padding-block);
|
|
5693
5686
|
}
|
|
5694
|
-
.bp_combobox_module_container--
|
|
5687
|
+
.bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975.bp_combobox_module_withChips--0d975:not(:disabled):has(input:focus) .bp_combobox_module_comboboxContainerInner--0d975{
|
|
5695
5688
|
padding-block:var(--combobox-container-with-chips-focus-padding-block);
|
|
5696
5689
|
}
|
|
5697
|
-
.bp_combobox_module_container--
|
|
5698
|
-
padding-inline-end:var(--combobox-container-padding-inline-end-with-buttons);
|
|
5690
|
+
.bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975.bp_combobox_module_withComboboxButtons--0d975 .bp_combobox_module_comboboxContainerInner--0d975{
|
|
5691
|
+
padding-inline-end:calc(var(--combobox-container-padding-inline-end-with-buttons) - var(--combobox-container-border-compensation));
|
|
5699
5692
|
}
|
|
5700
|
-
.bp_combobox_module_container--
|
|
5701
|
-
padding-inline-end:var(--combobox-container-padding-inline-end-with-inline-error-and-buttons);
|
|
5693
|
+
.bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975.bp_combobox_module_withComboboxButtons--0d975.bp_combobox_module_withInlineErrorAndEndButton--0d975 .bp_combobox_module_comboboxContainerInner--0d975{
|
|
5694
|
+
padding-inline-end:calc(var(--combobox-container-padding-inline-end-with-inline-error-and-buttons) - var(--combobox-container-border-compensation));
|
|
5702
5695
|
}
|
|
5703
|
-
.bp_combobox_module_container--
|
|
5696
|
+
.bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975:not(:disabled):has(input:focus){
|
|
5697
|
+
--combobox-container-border-compensation:calc(var(--combobox-border-width-focus) - var(--combobox-border-width));
|
|
5704
5698
|
background-color:var(--combobox-container-focus-background-color);
|
|
5705
5699
|
border:var(--combobox-container-focus-border);
|
|
5706
5700
|
}
|
|
5707
|
-
.bp_combobox_module_container--
|
|
5701
|
+
.bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975:not(:disabled):has(input:focus) .bp_combobox_module_comboboxContainerInner--0d975{
|
|
5708
5702
|
padding-block:var(--combobox-container-focus-padding-block);
|
|
5709
|
-
padding-inline-start:var(--combobox-container-focus-padding-inline);
|
|
5710
5703
|
}
|
|
5711
|
-
.bp_combobox_module_container--
|
|
5704
|
+
.bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975:not(:disabled).bp_combobox_module_error--0d975,.bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975:not(:disabled):has([aria-invalid=true]){
|
|
5705
|
+
--combobox-container-border-compensation:calc(var(--combobox-border-width-error) - var(--combobox-border-width));
|
|
5712
5706
|
background-color:var(--combobox-container-error-background-color);
|
|
5713
5707
|
border-bottom:var(--combobox-container-error-border-bottom-width) solid var(--combobox-container-error-border-color);
|
|
5714
5708
|
border-left:var(--combobox-container-error-border-left-width) solid var(--combobox-container-error-border-color);
|
|
5715
5709
|
border-right:var(--combobox-container-error-border-right-width) solid var(--combobox-container-error-border-color);
|
|
5716
5710
|
border-top:var(--combobox-container-error-border-top-width) solid var(--combobox-container-error-border-color);
|
|
5717
5711
|
}
|
|
5718
|
-
.bp_combobox_module_container--
|
|
5712
|
+
.bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975:not(:disabled).bp_combobox_module_error--0d975 .bp_combobox_module_comboboxContainerInner--0d975,.bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975:not(:disabled):has([aria-invalid=true]) .bp_combobox_module_comboboxContainerInner--0d975{
|
|
5719
5713
|
padding-block:var(--combobox-container-error-padding-block);
|
|
5720
|
-
padding-inline-start:var(--combobox-container-error-padding-inline);
|
|
5721
5714
|
}
|
|
5722
|
-
.bp_combobox_module_container--
|
|
5715
|
+
.bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975:not(:disabled, :has(input:focus)):has(input:hover):not(.bp_combobox_module_error--0d975, :has([aria-invalid=true])){
|
|
5723
5716
|
border-bottom:var(--combobox-container-border-bottom-width) solid var(--combobox-container-border-color-hover);
|
|
5724
5717
|
border-left:var(--combobox-container-border-left-width) solid var(--combobox-container-border-color-hover);
|
|
5725
5718
|
border-right:var(--combobox-container-border-right-width) solid var(--combobox-container-border-color-hover);
|
|
5726
5719
|
border-top:var(--combobox-container-border-top-width) solid var(--combobox-container-border-color-hover);
|
|
5727
5720
|
}
|
|
5728
|
-
.bp_combobox_module_container--
|
|
5721
|
+
.bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975 .bp_combobox_module_textInputWrapper--0d975{
|
|
5729
5722
|
align-items:center;
|
|
5730
5723
|
display:flex;
|
|
5731
5724
|
flex:content;
|
|
5732
5725
|
gap:var(--combobox-text-input-wrapper-gap);
|
|
5733
5726
|
}
|
|
5734
|
-
.bp_combobox_module_container--
|
|
5727
|
+
.bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975 .bp_combobox_module_textInputWrapper--0d975 .bp_combobox_module_textInput--0d975{
|
|
5735
5728
|
background-color:var(--combobox-text-input-background-color);
|
|
5736
5729
|
border:none;
|
|
5737
5730
|
color:var(--combobox-text-input-color);
|
|
@@ -5740,33 +5733,33 @@
|
|
|
5740
5733
|
padding:0;
|
|
5741
5734
|
width:100%;
|
|
5742
5735
|
}
|
|
5743
|
-
.bp_combobox_module_container--
|
|
5736
|
+
.bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975 .bp_combobox_module_textInputWrapper--0d975 .bp_combobox_module_errorIcon--0d975 path{
|
|
5744
5737
|
fill:var(--combobox-error-icon-fill);
|
|
5745
5738
|
}
|
|
5746
|
-
.bp_combobox_module_container--
|
|
5739
|
+
.bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975 .bp_combobox_module_textInputWrapper--0d975 .bp_combobox_module_comboboxButtons--0d975{
|
|
5747
5740
|
align-items:center;
|
|
5748
5741
|
display:flex;
|
|
5749
5742
|
gap:var(--combobox-buttons-gap);
|
|
5750
5743
|
position:absolute;
|
|
5751
|
-
right:var(--combobox-button-spacing);
|
|
5752
|
-
top:var(--combobox-button-spacing);
|
|
5744
|
+
right:calc(var(--combobox-button-spacing) - var(--combobox-container-border-compensation));
|
|
5745
|
+
top:calc(var(--combobox-button-spacing) - var(--combobox-container-border-compensation));
|
|
5753
5746
|
}
|
|
5754
|
-
.bp_combobox_module_container--
|
|
5747
|
+
.bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975 .bp_combobox_module_textInputWrapper--0d975 .bp_combobox_module_inlineErrorIcon--0d975{
|
|
5755
5748
|
height:var(--combobox-inline-error-icon-height);
|
|
5756
5749
|
width:var(--combobox-inline-error-icon-width);
|
|
5757
5750
|
}
|
|
5758
|
-
.bp_combobox_module_container--
|
|
5751
|
+
.bp_combobox_module_container--0d975 .bp_combobox_module_inlineError--0d975{
|
|
5759
5752
|
margin-block-start:var(--combobox-inline-error-margin-block-start);
|
|
5760
5753
|
}
|
|
5761
|
-
.bp_combobox_module_container--
|
|
5754
|
+
.bp_combobox_module_container--0d975[data-modern=true] .bp_combobox_module_comboboxContainer--0d975[data-bp-animated=true]{
|
|
5762
5755
|
transition-duration:var(--bp-duration-short);
|
|
5763
5756
|
transition-property:border-color, background-color;
|
|
5764
5757
|
transition-timing-function:var(--bp-curve-small-off);
|
|
5765
5758
|
}
|
|
5766
|
-
.bp_combobox_module_container--
|
|
5759
|
+
.bp_combobox_module_container--0d975[data-modern=true] .bp_combobox_module_comboboxContainer--0d975[data-bp-animated=true]:not(:disabled).bp_combobox_module_error--0d975,.bp_combobox_module_container--0d975[data-modern=true] .bp_combobox_module_comboboxContainer--0d975[data-bp-animated=true]:not(:disabled):has([aria-invalid=true]),.bp_combobox_module_container--0d975[data-modern=true] .bp_combobox_module_comboboxContainer--0d975[data-bp-animated=true]:not(:disabled):has(input:focus),.bp_combobox_module_container--0d975[data-modern=true] .bp_combobox_module_comboboxContainer--0d975[data-bp-animated=true]:not(:disabled):has(input:hover){
|
|
5767
5760
|
transition-timing-function:var(--bp-curve-small-on);
|
|
5768
5761
|
}
|
|
5769
|
-
.bp_combobox_module_popover--
|
|
5762
|
+
.bp_combobox_module_popover--0d975{
|
|
5770
5763
|
backdrop-filter:var(--combobox-popover-backdrop-filter);
|
|
5771
5764
|
background-color:var(--combobox-popover-background-color);
|
|
5772
5765
|
border:var(--combobox-popover-border);
|
|
@@ -5775,13 +5768,13 @@
|
|
|
5775
5768
|
overflow:hidden;
|
|
5776
5769
|
z-index:var(--z-index-popover);
|
|
5777
5770
|
}
|
|
5778
|
-
.bp_combobox_module_popover--
|
|
5771
|
+
.bp_combobox_module_popover--0d975 .bp_combobox_module_popoverInner--0d975{
|
|
5779
5772
|
max-height:var(--combobox-popover-max-height);
|
|
5780
5773
|
overflow:auto;
|
|
5781
5774
|
padding-block:var(--combobox-popover-padding-block);
|
|
5782
5775
|
padding-inline:var(--combobox-popover-padding-inline);
|
|
5783
5776
|
}
|
|
5784
|
-
.bp_combobox_module_popover--
|
|
5777
|
+
.bp_combobox_module_popover--0d975 .bp_combobox_module_option--0d975{
|
|
5785
5778
|
border:var(--combobox-option-border);
|
|
5786
5779
|
border-radius:var(--combobox-option-border-radius);
|
|
5787
5780
|
box-sizing:border-box;
|
|
@@ -5796,21 +5789,21 @@
|
|
|
5796
5789
|
user-select:none;
|
|
5797
5790
|
width:100%;
|
|
5798
5791
|
}
|
|
5799
|
-
.bp_combobox_module_popover--
|
|
5792
|
+
.bp_combobox_module_popover--0d975 .bp_combobox_module_option--0d975[aria-disabled]{
|
|
5800
5793
|
opacity:var(--combobox-option-disabled-opacity);
|
|
5801
5794
|
}
|
|
5802
|
-
.bp_combobox_module_popover--
|
|
5795
|
+
.bp_combobox_module_popover--0d975 .bp_combobox_module_option--0d975[data-active-item]:not([aria-disabled]){
|
|
5803
5796
|
background-color:var(--combobox-option-active-background-color);
|
|
5804
5797
|
border:var(--combobox-option-active-border);
|
|
5805
5798
|
}
|
|
5806
|
-
.bp_combobox_module_popover--
|
|
5799
|
+
.bp_combobox_module_popover--0d975 .bp_combobox_module_option--0d975:active{
|
|
5807
5800
|
background-color:var(--combobox-option-hover-background-color);
|
|
5808
5801
|
border:var(--combobox-option-border);
|
|
5809
5802
|
}
|
|
5810
|
-
.bp_combobox_module_popover--
|
|
5803
|
+
.bp_combobox_module_popover--0d975 .bp_combobox_module_option--0d975:hover{
|
|
5811
5804
|
background-color:var(--combobox-option-hover-background-color);
|
|
5812
5805
|
}
|
|
5813
|
-
.bp_combobox_module_popover--
|
|
5806
|
+
.bp_combobox_module_popover--0d975 .bp_combobox_module_option--0d975 .bp_combobox_module_indicator--0d975{
|
|
5814
5807
|
align-items:center;
|
|
5815
5808
|
display:flex;
|
|
5816
5809
|
height:var(--combobox-option-indicator-height);
|
|
@@ -5819,62 +5812,65 @@
|
|
|
5819
5812
|
position:absolute;
|
|
5820
5813
|
top:var(--combobox-option-indicator-top);
|
|
5821
5814
|
}
|
|
5822
|
-
.bp_combobox_module_popover--
|
|
5815
|
+
.bp_combobox_module_popover--0d975 .bp_combobox_module_option--0d975 .bp_combobox_module_indicator--0d975 .bp_combobox_module_indicatorIcon--0d975 path{
|
|
5823
5816
|
fill:var(--combobox-option-indicator-icon-fill);
|
|
5824
5817
|
}
|
|
5825
|
-
.bp_combobox_module_popover--
|
|
5818
|
+
.bp_combobox_module_popover--0d975 .bp_combobox_module_optionWithIndicator--0d975{
|
|
5826
5819
|
padding-inline:var(--combobox-option-with-indicator-padding-inline);
|
|
5827
5820
|
}
|
|
5828
|
-
.bp_combobox_module_popover--
|
|
5821
|
+
.bp_combobox_module_popover--0d975 .bp_combobox_module_loadingIndicator--0d975{
|
|
5829
5822
|
position:var(--combobox-loading-indicator-position);
|
|
5830
5823
|
}
|
|
5831
|
-
.bp_combobox_module_popover--
|
|
5824
|
+
.bp_combobox_module_popover--0d975 .bp_combobox_module_noResultOption--0d975{
|
|
5832
5825
|
color:var(--combobox-no-result-option-color);
|
|
5833
5826
|
-webkit-user-select:none;
|
|
5834
5827
|
user-select:none;
|
|
5835
5828
|
}
|
|
5836
5829
|
|
|
5837
|
-
.bp_combobox_module_popover--
|
|
5830
|
+
.bp_combobox_module_popover--0d975[data-modern=true][data-bp-animated=true]{
|
|
5838
5831
|
opacity:var(--bp-opacity-hidden);
|
|
5839
5832
|
transform:translateY(calc(var(--bp-space-020)*-1));
|
|
5840
5833
|
transition-duration:var(--bp-duration-short);
|
|
5841
5834
|
transition-property:opacity, transform;
|
|
5842
5835
|
transition-timing-function:var(--bp-curve-medium-off);
|
|
5843
5836
|
}
|
|
5844
|
-
.bp_combobox_module_popover--
|
|
5837
|
+
.bp_combobox_module_popover--0d975[data-modern=true][data-bp-animated=true][data-side=top]{
|
|
5845
5838
|
transform:translateY(var(--bp-space-020));
|
|
5846
5839
|
}
|
|
5847
|
-
.bp_combobox_module_popover--
|
|
5840
|
+
.bp_combobox_module_popover--0d975[data-modern=true][data-bp-animated=true][data-enter]{
|
|
5848
5841
|
opacity:var(--bp-opacity-visible);
|
|
5849
5842
|
transform:translateY(0);
|
|
5850
5843
|
transition-duration:var(--bp-duration-medium);
|
|
5851
5844
|
transition-timing-function:var(--bp-curve-medium-on);
|
|
5852
5845
|
}
|
|
5853
5846
|
|
|
5854
|
-
.bp_combobox_module_popover--
|
|
5847
|
+
.bp_combobox_module_popover--0d975[data-modern=true][data-bp-animated=true] .bp_combobox_module_option--0d975{
|
|
5855
5848
|
transition-duration:var(--bp-duration-short);
|
|
5856
5849
|
transition-property:background-color;
|
|
5857
5850
|
transition-timing-function:var(--bp-curve-small-off);
|
|
5858
5851
|
}
|
|
5859
|
-
.bp_combobox_module_popover--
|
|
5852
|
+
.bp_combobox_module_popover--0d975[data-modern=true][data-bp-animated=true] .bp_combobox_module_option--0d975:active,.bp_combobox_module_popover--0d975[data-modern=true][data-bp-animated=true] .bp_combobox_module_option--0d975:hover,.bp_combobox_module_popover--0d975[data-modern=true][data-bp-animated=true] .bp_combobox_module_option--0d975[data-active-item]:not([aria-disabled]){
|
|
5860
5853
|
transition-timing-function:var(--bp-curve-small-on);
|
|
5861
5854
|
}
|
|
5862
|
-
.bp_combobox_group_module_container--
|
|
5855
|
+
.bp_combobox_group_module_container--07d83[data-modern=false]{
|
|
5863
5856
|
--combobox-group-container-gap:var(--space-2);
|
|
5864
5857
|
--combobox-group-disabled-opacity:var(--disabled-opacity);
|
|
5865
5858
|
--combobox-group-label-color:var(--text-text-on-light);
|
|
5859
|
+
--combobox-group-shared-border-compensation:calc(var(--border-2) - var(--border-1));
|
|
5866
5860
|
}
|
|
5867
|
-
.bp_combobox_group_module_container--
|
|
5861
|
+
.bp_combobox_group_module_container--07d83[data-modern=false] .bp_combobox_group_module_trailing--07d83{
|
|
5868
5862
|
--blueprint-combobox-input-radius:0 var(--radius-2) var(--radius-2) 0;
|
|
5869
5863
|
--blueprint-select-trigger-radius:0 var(--radius-2) var(--radius-2) 0;
|
|
5870
5864
|
--blueprint-combobox-border-left-width:0;
|
|
5871
5865
|
--blueprint-select-border-left-width:0;
|
|
5866
|
+
--blueprint-select-padding-compensation-left:0px;
|
|
5872
5867
|
}
|
|
5873
|
-
.bp_combobox_group_module_container--
|
|
5868
|
+
.bp_combobox_group_module_container--07d83[data-modern=false] .bp_combobox_group_module_leading--07d83{
|
|
5874
5869
|
--blueprint-combobox-input-radius:var(--radius-2) 0 0 var(--radius-2);
|
|
5875
5870
|
--blueprint-select-trigger-radius:var(--radius-2) 0 0 var(--radius-2);
|
|
5871
|
+
--blueprint-select-padding-compensation-right:0px;
|
|
5876
5872
|
}
|
|
5877
|
-
.bp_combobox_group_module_container--
|
|
5873
|
+
.bp_combobox_group_module_container--07d83[data-modern=false] .bp_combobox_group_module_label--07d83{
|
|
5878
5874
|
font-family:var(--body-default-bold-font-family);
|
|
5879
5875
|
font-size:var(--body-default-bold-font-size);
|
|
5880
5876
|
font-weight:var(--body-default-bold-font-weight);
|
|
@@ -5884,22 +5880,25 @@
|
|
|
5884
5880
|
text-transform:var(--body-default-bold-text-case);
|
|
5885
5881
|
}
|
|
5886
5882
|
|
|
5887
|
-
.bp_combobox_group_module_container--
|
|
5883
|
+
.bp_combobox_group_module_container--07d83[data-modern=true]{
|
|
5888
5884
|
--combobox-group-container-gap:var(--bp-space-020);
|
|
5889
5885
|
--combobox-group-disabled-opacity:var(--disabled-opacity);
|
|
5890
5886
|
--combobox-group-label-color:var(--bp-text-text-on-light);
|
|
5887
|
+
--combobox-group-shared-border-compensation:calc(var(--bp-border-02) - var(--bp-border-01));
|
|
5891
5888
|
}
|
|
5892
|
-
.bp_combobox_group_module_container--
|
|
5889
|
+
.bp_combobox_group_module_container--07d83[data-modern=true] .bp_combobox_group_module_trailing--07d83{
|
|
5893
5890
|
--blueprint-combobox-input-radius:0 var(--bp-radius-06) var(--bp-radius-06) 0;
|
|
5894
5891
|
--blueprint-select-trigger-radius:0 var(--bp-radius-06) var(--bp-radius-06) 0;
|
|
5895
5892
|
--blueprint-combobox-border-left-width:0;
|
|
5896
5893
|
--blueprint-select-border-left-width:0;
|
|
5894
|
+
--blueprint-select-padding-compensation-left:0px;
|
|
5897
5895
|
}
|
|
5898
|
-
.bp_combobox_group_module_container--
|
|
5896
|
+
.bp_combobox_group_module_container--07d83[data-modern=true] .bp_combobox_group_module_leading--07d83{
|
|
5899
5897
|
--blueprint-combobox-input-radius:var(--bp-radius-06) 0 0 var(--bp-radius-06);
|
|
5900
5898
|
--blueprint-select-trigger-radius:var(--bp-radius-06) 0 0 var(--bp-radius-06);
|
|
5899
|
+
--blueprint-select-padding-compensation-right:0px;
|
|
5901
5900
|
}
|
|
5902
|
-
.bp_combobox_group_module_container--
|
|
5901
|
+
.bp_combobox_group_module_container--07d83[data-modern=true] .bp_combobox_group_module_label--07d83{
|
|
5903
5902
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
5904
5903
|
font-size:var(--bp-font-size-05);
|
|
5905
5904
|
font-style:normal;
|
|
@@ -5907,7 +5906,7 @@
|
|
|
5907
5906
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
5908
5907
|
line-height:var(--bp-font-line-height-04);
|
|
5909
5908
|
}
|
|
5910
|
-
:where(body.is-inter-font) .bp_combobox_group_module_container--
|
|
5909
|
+
:where(body.is-inter-font) .bp_combobox_group_module_container--07d83[data-modern=true] .bp_combobox_group_module_label--07d83{
|
|
5911
5910
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
5912
5911
|
font-size:.875rem;
|
|
5913
5912
|
font-style:normal;
|
|
@@ -5918,7 +5917,7 @@
|
|
|
5918
5917
|
text-transform:none;
|
|
5919
5918
|
}
|
|
5920
5919
|
|
|
5921
|
-
.bp_combobox_group_module_container--
|
|
5920
|
+
.bp_combobox_group_module_container--07d83{
|
|
5922
5921
|
align-items:flex-start;
|
|
5923
5922
|
display:flex;
|
|
5924
5923
|
flex-direction:column;
|
|
@@ -5926,87 +5925,93 @@
|
|
|
5926
5925
|
width:100%;
|
|
5927
5926
|
}
|
|
5928
5927
|
|
|
5929
|
-
.bp_combobox_group_module_comboboxContainer--
|
|
5928
|
+
.bp_combobox_group_module_comboboxContainer--07d83{
|
|
5930
5929
|
flex:1;
|
|
5931
5930
|
}
|
|
5932
5931
|
|
|
5933
|
-
.bp_combobox_group_module_comboboxGroupcontainer--
|
|
5932
|
+
.bp_combobox_group_module_comboboxGroupcontainer--07d83{
|
|
5934
5933
|
display:flex;
|
|
5935
5934
|
flex-direction:row;
|
|
5936
5935
|
width:100%;
|
|
5937
5936
|
}
|
|
5938
5937
|
|
|
5939
|
-
.bp_combobox_group_module_disabled--
|
|
5938
|
+
.bp_combobox_group_module_disabled--07d83{
|
|
5940
5939
|
opacity:var(--combobox-group-disabled-opacity);
|
|
5941
5940
|
pointer-events:none;
|
|
5942
5941
|
}
|
|
5943
5942
|
|
|
5944
|
-
.bp_combobox_group_module_label--
|
|
5943
|
+
.bp_combobox_group_module_label--07d83{
|
|
5945
5944
|
color:var(--combobox-group-label-color);
|
|
5946
5945
|
flex:0 0 fit-content;
|
|
5947
5946
|
overflow-wrap:break-word;
|
|
5948
5947
|
}
|
|
5949
5948
|
|
|
5950
|
-
.bp_combobox_group_module_errorCombobox--
|
|
5949
|
+
.bp_combobox_group_module_errorCombobox--07d83.bp_combobox_group_module_leading--07d83{
|
|
5951
5950
|
--blueprint-select-border-right-width:0;
|
|
5952
5951
|
}
|
|
5953
5952
|
|
|
5954
|
-
.bp_combobox_group_module_errorSelect--
|
|
5953
|
+
.bp_combobox_group_module_errorSelect--07d83.bp_combobox_group_module_leading--07d83{
|
|
5955
5954
|
--blueprint-combobox-border-right-width:0;
|
|
5956
5955
|
}
|
|
5957
5956
|
|
|
5958
|
-
.bp_combobox_group_module_errorCombobox--
|
|
5957
|
+
.bp_combobox_group_module_errorCombobox--07d83.bp_combobox_group_module_errorSelect--07d83.bp_combobox_group_module_trailing--07d83{
|
|
5959
5958
|
--blueprint-select-border-error-left-width:0;
|
|
5960
5959
|
}
|
|
5961
5960
|
|
|
5962
|
-
.bp_combobox_group_module_errorCombobox--
|
|
5961
|
+
.bp_combobox_group_module_errorCombobox--07d83.bp_combobox_group_module_errorSelect--07d83.bp_combobox_group_module_leading--07d83{
|
|
5963
5962
|
--blueprint-select-border-error-right-width:0;
|
|
5964
5963
|
}
|
|
5965
5964
|
|
|
5966
|
-
.bp_combobox_group_module_selectHasFocus--
|
|
5965
|
+
.bp_combobox_group_module_errorSelect--07d83.bp_combobox_group_module_trailing--07d83,.bp_combobox_group_module_selectHasFocus--07d83.bp_combobox_group_module_trailing--07d83{
|
|
5966
|
+
--blueprint-combobox-padding-compensation-inline-start:var(--combobox-group-shared-border-compensation);
|
|
5967
|
+
}
|
|
5968
|
+
|
|
5969
|
+
.bp_combobox_group_module_selectHasFocus--07d83.bp_combobox_group_module_leading--07d83{
|
|
5967
5970
|
--blueprint-combobox-border-right-width:0;
|
|
5968
5971
|
}
|
|
5969
5972
|
|
|
5970
|
-
.bp_combobox_group_module_selectHasFocus--
|
|
5973
|
+
.bp_combobox_group_module_selectHasFocus--07d83.bp_combobox_group_module_errorCombobox--07d83.bp_combobox_group_module_leading--07d83{
|
|
5971
5974
|
--blueprint-combobox-border-error-right-width:0;
|
|
5972
5975
|
}
|
|
5973
5976
|
|
|
5974
|
-
.bp_combobox_group_module_selectHasFocus--
|
|
5977
|
+
.bp_combobox_group_module_selectHasFocus--07d83.bp_combobox_group_module_errorCombobox--07d83.bp_combobox_group_module_trailing--07d83{
|
|
5975
5978
|
--blueprint-combobox-border-error-left-width:0;
|
|
5976
5979
|
}
|
|
5977
5980
|
|
|
5978
|
-
.bp_combobox_group_module_comboboxHasFocus--
|
|
5981
|
+
.bp_combobox_group_module_comboboxHasFocus--07d83.bp_combobox_group_module_leading--07d83{
|
|
5979
5982
|
--blueprint-select-border-right-width:0;
|
|
5980
5983
|
}
|
|
5981
5984
|
|
|
5982
|
-
.bp_combobox_group_module_comboboxHasFocus--
|
|
5985
|
+
.bp_combobox_group_module_comboboxHasFocus--07d83.bp_combobox_group_module_errorSelect--07d83.bp_combobox_group_module_leading--07d83{
|
|
5983
5986
|
--blueprint-select-border-error-right-width:0;
|
|
5984
5987
|
}
|
|
5985
5988
|
|
|
5986
|
-
.bp_combobox_group_module_comboboxHasFocus--
|
|
5989
|
+
.bp_combobox_group_module_comboboxHasFocus--07d83.bp_combobox_group_module_errorSelect--07d83.bp_combobox_group_module_trailing--07d83{
|
|
5987
5990
|
--blueprint-select-border-error-left-width:0;
|
|
5988
5991
|
}
|
|
5989
5992
|
|
|
5990
|
-
.bp_combobox_group_module_container--
|
|
5993
|
+
.bp_combobox_group_module_container--07d83[data-bp-animated=true] .bp_combobox_group_module_comboboxGroupcontainer--07d83 > .bp_combobox_group_module_leading--07d83 [data-border-wrapper],.bp_combobox_group_module_container--07d83[data-bp-animated=true] .bp_combobox_group_module_comboboxGroupcontainer--07d83 > .bp_combobox_group_module_leading--07d83 [role=combobox],.bp_combobox_group_module_container--07d83[data-bp-animated=true] .bp_combobox_group_module_comboboxGroupcontainer--07d83 > .bp_combobox_group_module_trailing--07d83 [data-border-wrapper],.bp_combobox_group_module_container--07d83[data-bp-animated=true] .bp_combobox_group_module_comboboxGroupcontainer--07d83 > .bp_combobox_group_module_trailing--07d83 [role=combobox]{
|
|
5991
5994
|
transition-duration:var(--bp-duration-short);
|
|
5992
5995
|
transition-property:border-color, background-color;
|
|
5993
5996
|
transition-timing-function:var(--bp-curve-small-off);
|
|
5994
5997
|
}
|
|
5995
|
-
.bp_combobox_group_module_container--
|
|
5998
|
+
.bp_combobox_group_module_container--07d83[data-bp-animated=true] .bp_combobox_group_module_comboboxGroupcontainer--07d83:has(> .bp_combobox_group_module_trailing--07d83 [role=combobox]:hover:not(:disabled, [aria-readonly=true], :focus, [aria-invalid=true])) > .bp_combobox_group_module_leading--07d83 [data-border-wrapper]:not(:has([aria-invalid=true]), :has(input:focus), :has(input:hover)){
|
|
5996
5999
|
border-right-color:var(--bp-border-select-border-hover);
|
|
5997
6000
|
transition-timing-function:var(--bp-curve-small-on);
|
|
5998
6001
|
}
|
|
5999
|
-
.bp_combobox_group_module_container--
|
|
6002
|
+
.bp_combobox_group_module_container--07d83[data-bp-animated=true] .bp_combobox_group_module_comboboxGroupcontainer--07d83:has(> .bp_combobox_group_module_trailing--07d83 [data-border-wrapper]:has(input:hover)) > .bp_combobox_group_module_leading--07d83 [role=combobox]:not(:disabled, [aria-readonly=true], :focus, [aria-invalid=true], :hover){
|
|
6000
6003
|
border-right-color:var(--bp-border-combobox-border-hover);
|
|
6001
6004
|
transition-timing-function:var(--bp-curve-small-on);
|
|
6002
6005
|
}
|
|
6003
|
-
.bp_select_module_container--
|
|
6006
|
+
.bp_select_module_container--907f0[data-modern=false]{
|
|
6004
6007
|
--select-gap:var(--space-2);
|
|
6005
6008
|
--select-label-color:var(--text-text-on-light);
|
|
6006
6009
|
--select-trigger-btn-gap:var(--space-2);
|
|
6007
6010
|
--select-trigger-btn-height:var(--size-10);
|
|
6008
6011
|
--select-trigger-btn-color:var(--text-text-on-light);
|
|
6009
6012
|
--select-trigger-btn-bg-color:var(--surface-dropdown-surface);
|
|
6013
|
+
--select-trigger-btn-border-width:var(--border-1);
|
|
6014
|
+
--select-trigger-btn-thick-border-width:var(--border-2);
|
|
6010
6015
|
--select-trigger-btn-border-top:var(--blueprint-select-border-top-width, var(--border-1)) solid var(--border-dropdown-border);
|
|
6011
6016
|
--select-trigger-btn-border-right:var(--blueprint-select-border-right-width, var(--border-1)) solid var(--border-dropdown-border);
|
|
6012
6017
|
--select-trigger-btn-border-bottom:var(--blueprint-select-border-bottom-width, var(--border-1)) solid var(--border-dropdown-border);
|
|
@@ -6020,7 +6025,7 @@
|
|
|
6020
6025
|
--select-trigger-btn-error-border-right:var(--blueprint-select-border-error-right-width, var(--border-2)) solid var(--border-dropdown-border-error);
|
|
6021
6026
|
--select-trigger-btn-error-border-bottom:var(--blueprint-select-border-error-bottom-width, var(--border-2)) solid var(--border-dropdown-border-error);
|
|
6022
6027
|
--select-trigger-btn-error-border-left:var(--blueprint-select-border-error-left-width, var(--border-2)) solid var(--border-dropdown-border-error);
|
|
6023
|
-
--select-trigger-btn-focus-border:var(--border-
|
|
6028
|
+
--select-trigger-btn-focus-border:var(--select-trigger-btn-thick-border-width) solid var(--outline-focus-on-light);
|
|
6024
6029
|
--select-trigger-btn-hover-bg-color:var(--surface-dropdown-surface-hover);
|
|
6025
6030
|
--select-trigger-btn-hover-border-color:var(--border-dropdown-border-hover);
|
|
6026
6031
|
--select-trigger-btn-caret-width:var(--size-2);
|
|
@@ -6037,7 +6042,7 @@
|
|
|
6037
6042
|
text-decoration:var(--body-default-text-decoration);
|
|
6038
6043
|
text-transform:var(--body-default-text-case);
|
|
6039
6044
|
}
|
|
6040
|
-
.bp_select_module_container--
|
|
6045
|
+
.bp_select_module_container--907f0[data-modern=false] .bp_select_module_label--907f0{
|
|
6041
6046
|
font-family:var(--body-default-bold-font-family);
|
|
6042
6047
|
font-size:var(--body-default-bold-font-size);
|
|
6043
6048
|
font-weight:var(--body-default-bold-font-weight);
|
|
@@ -6046,7 +6051,7 @@
|
|
|
6046
6051
|
text-decoration:var(--body-default-bold-text-decoration);
|
|
6047
6052
|
text-transform:var(--body-default-bold-text-case);
|
|
6048
6053
|
}
|
|
6049
|
-
.bp_select_module_container--
|
|
6054
|
+
.bp_select_module_container--907f0[data-modern=false] .bp_select_module_triggerBtn--907f0{
|
|
6050
6055
|
font-family:var(--body-default-font-family);
|
|
6051
6056
|
font-size:var(--body-default-font-size);
|
|
6052
6057
|
font-weight:var(--body-default-font-weight);
|
|
@@ -6056,13 +6061,15 @@
|
|
|
6056
6061
|
text-transform:var(--body-default-text-case);
|
|
6057
6062
|
}
|
|
6058
6063
|
|
|
6059
|
-
.bp_select_module_container--
|
|
6064
|
+
.bp_select_module_container--907f0[data-modern=true]{
|
|
6060
6065
|
--select-gap:var(--bp-space-020);
|
|
6061
6066
|
--select-label-color:var(--bp-text-text-on-light);
|
|
6062
6067
|
--select-trigger-btn-gap:var(--bp-space-020);
|
|
6063
6068
|
--select-trigger-btn-height:var(--bp-size-100);
|
|
6064
6069
|
--select-trigger-btn-color:var(--bp-text-text-on-light);
|
|
6065
6070
|
--select-trigger-btn-bg-color:var(--bp-surface-select-surface);
|
|
6071
|
+
--select-trigger-btn-border-width:var(--bp-border-01);
|
|
6072
|
+
--select-trigger-btn-thick-border-width:var(--bp-border-02);
|
|
6066
6073
|
--select-trigger-btn-border-top:var(--blueprint-select-border-top-width, var(--bp-border-01)) solid var(--bp-border-select-border);
|
|
6067
6074
|
--select-trigger-btn-border-right:var(--blueprint-select-border-right-width, var(--bp-border-01)) solid var(--bp-border-select-border);
|
|
6068
6075
|
--select-trigger-btn-border-bottom:var(--blueprint-select-border-bottom-width, var(--bp-border-01)) solid var(--bp-border-select-border);
|
|
@@ -6076,7 +6083,7 @@
|
|
|
6076
6083
|
--select-trigger-btn-error-border-right:var(--blueprint-select-border-error-right-width, var(--bp-border-02)) solid var(--bp-border-select-border-error);
|
|
6077
6084
|
--select-trigger-btn-error-border-bottom:var(--blueprint-select-border-error-bottom-width, var(--bp-border-02)) solid var(--bp-border-select-border-error);
|
|
6078
6085
|
--select-trigger-btn-error-border-left:var(--blueprint-select-border-error-left-width, var(--bp-border-02)) solid var(--bp-border-select-border-error);
|
|
6079
|
-
--select-trigger-btn-focus-border:var(--
|
|
6086
|
+
--select-trigger-btn-focus-border:var(--select-trigger-btn-thick-border-width) solid var(--bp-outline-focus-on-light);
|
|
6080
6087
|
--select-trigger-btn-hover-bg-color:var(--bp-surface-select-surface);
|
|
6081
6088
|
--select-trigger-btn-hover-border-color:var(--bp-border-select-border-hover);
|
|
6082
6089
|
--select-trigger-btn-caret-width:var(--bp-size-030);
|
|
@@ -6092,7 +6099,7 @@
|
|
|
6092
6099
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
6093
6100
|
line-height:var(--bp-font-line-height-04);
|
|
6094
6101
|
}
|
|
6095
|
-
:where(body.is-inter-font) .bp_select_module_container--
|
|
6102
|
+
:where(body.is-inter-font) .bp_select_module_container--907f0[data-modern=true]{
|
|
6096
6103
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6097
6104
|
font-size:.875rem;
|
|
6098
6105
|
font-style:normal;
|
|
@@ -6103,7 +6110,7 @@
|
|
|
6103
6110
|
text-transform:none;
|
|
6104
6111
|
}
|
|
6105
6112
|
|
|
6106
|
-
.bp_select_module_container--
|
|
6113
|
+
.bp_select_module_container--907f0[data-modern=true] .bp_select_module_label--907f0{
|
|
6107
6114
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6108
6115
|
font-size:var(--bp-font-size-05);
|
|
6109
6116
|
font-style:normal;
|
|
@@ -6111,7 +6118,7 @@
|
|
|
6111
6118
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
6112
6119
|
line-height:var(--bp-font-line-height-04);
|
|
6113
6120
|
}
|
|
6114
|
-
:where(body.is-inter-font) .bp_select_module_container--
|
|
6121
|
+
:where(body.is-inter-font) .bp_select_module_container--907f0[data-modern=true] .bp_select_module_label--907f0{
|
|
6115
6122
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6116
6123
|
font-size:.875rem;
|
|
6117
6124
|
font-style:normal;
|
|
@@ -6122,7 +6129,7 @@
|
|
|
6122
6129
|
text-transform:none;
|
|
6123
6130
|
}
|
|
6124
6131
|
|
|
6125
|
-
.bp_select_module_container--
|
|
6132
|
+
.bp_select_module_container--907f0[data-modern=true] .bp_select_module_triggerBtn--907f0{
|
|
6126
6133
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6127
6134
|
font-size:var(--bp-font-size-05);
|
|
6128
6135
|
font-style:normal;
|
|
@@ -6130,7 +6137,7 @@
|
|
|
6130
6137
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
6131
6138
|
line-height:var(--bp-font-line-height-04);
|
|
6132
6139
|
}
|
|
6133
|
-
:where(body.is-inter-font) .bp_select_module_container--
|
|
6140
|
+
:where(body.is-inter-font) .bp_select_module_container--907f0[data-modern=true] .bp_select_module_triggerBtn--907f0{
|
|
6134
6141
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6135
6142
|
font-size:.875rem;
|
|
6136
6143
|
font-style:normal;
|
|
@@ -6141,26 +6148,28 @@
|
|
|
6141
6148
|
text-transform:none;
|
|
6142
6149
|
}
|
|
6143
6150
|
|
|
6144
|
-
.bp_select_module_ellipsis--
|
|
6151
|
+
.bp_select_module_ellipsis--907f0{
|
|
6145
6152
|
overflow:hidden;
|
|
6146
6153
|
text-overflow:ellipsis;
|
|
6147
6154
|
white-space:nowrap;
|
|
6148
6155
|
}
|
|
6149
6156
|
|
|
6150
|
-
.bp_select_module_container--
|
|
6157
|
+
.bp_select_module_container--907f0{
|
|
6158
|
+
--select-trigger-btn-padding-compensation:calc(var(--select-trigger-btn-thick-border-width) - var(--select-trigger-btn-border-width));
|
|
6159
|
+
--select-trigger-btn-thick-padding-inline:calc(var(--select-trigger-btn-padding-inline) - var(--blueprint-select-padding-compensation-left, var(--select-trigger-btn-padding-compensation))) calc(var(--select-trigger-btn-padding-inline) - var(--blueprint-select-padding-compensation-right, var(--select-trigger-btn-padding-compensation)));
|
|
6151
6160
|
display:flex;
|
|
6152
6161
|
flex-direction:column;
|
|
6153
6162
|
gap:var(--select-gap);
|
|
6154
6163
|
}
|
|
6155
|
-
.bp_select_module_container--
|
|
6164
|
+
.bp_select_module_container--907f0.bp_select_module_disabled--907f0{
|
|
6156
6165
|
opacity:var(--disabled-opacity);
|
|
6157
6166
|
}
|
|
6158
|
-
.bp_select_module_container--
|
|
6167
|
+
.bp_select_module_container--907f0 .bp_select_module_label--907f0{
|
|
6159
6168
|
color:var(--select-label-color);
|
|
6160
6169
|
flex:0 0 fit-content;
|
|
6161
6170
|
overflow-wrap:break-word;
|
|
6162
6171
|
}
|
|
6163
|
-
.bp_select_module_container--
|
|
6172
|
+
.bp_select_module_container--907f0 .bp_select_module_triggerBtn--907f0{
|
|
6164
6173
|
align-items:center;
|
|
6165
6174
|
background-color:var(--select-trigger-btn-bg-color);
|
|
6166
6175
|
border-bottom:var(--select-trigger-btn-border-bottom);
|
|
@@ -6181,7 +6190,7 @@
|
|
|
6181
6190
|
text-align:start;
|
|
6182
6191
|
width:100%;
|
|
6183
6192
|
}
|
|
6184
|
-
.bp_select_module_container--
|
|
6193
|
+
.bp_select_module_container--907f0 .bp_select_module_triggerBtn--907f0 .bp_select_module_triggerValue--907f0{
|
|
6185
6194
|
align-items:center;
|
|
6186
6195
|
display:flex;
|
|
6187
6196
|
gap:var(--select-trigger-btn-gap);
|
|
@@ -6190,7 +6199,7 @@
|
|
|
6190
6199
|
text-overflow:ellipsis;
|
|
6191
6200
|
white-space:nowrap;
|
|
6192
6201
|
}
|
|
6193
|
-
.bp_select_module_container--
|
|
6202
|
+
.bp_select_module_container--907f0 .bp_select_module_triggerBtn--907f0 .bp_select_module_triggerLeftElement--907f0{
|
|
6194
6203
|
align-items:center;
|
|
6195
6204
|
display:flex;
|
|
6196
6205
|
flex-shrink:0;
|
|
@@ -6198,72 +6207,74 @@
|
|
|
6198
6207
|
justify-content:center;
|
|
6199
6208
|
width:var(--select-trigger-left-element-size);
|
|
6200
6209
|
}
|
|
6201
|
-
.bp_select_module_container--
|
|
6210
|
+
.bp_select_module_container--907f0 .bp_select_module_triggerBtn--907f0 span{
|
|
6202
6211
|
overflow:hidden;
|
|
6203
6212
|
text-overflow:ellipsis;
|
|
6204
6213
|
white-space:nowrap;
|
|
6205
6214
|
}
|
|
6206
|
-
.bp_select_module_container--
|
|
6215
|
+
.bp_select_module_container--907f0 .bp_select_module_triggerBtn--907f0:disabled{
|
|
6207
6216
|
cursor:default;
|
|
6208
6217
|
}
|
|
6209
|
-
.bp_select_module_container--
|
|
6218
|
+
.bp_select_module_container--907f0 .bp_select_module_triggerBtn--907f0.bp_select_module_readonly--907f0:not(:disabled){
|
|
6210
6219
|
background-color:var(--gray-02);
|
|
6211
6220
|
box-shadow:none;
|
|
6212
6221
|
color:var(--text-text-on-light-secondary);
|
|
6213
6222
|
cursor:default;
|
|
6214
6223
|
}
|
|
6215
|
-
.bp_select_module_container--
|
|
6224
|
+
.bp_select_module_container--907f0 .bp_select_module_triggerBtn--907f0:not(.bp_select_module_readonly--907f0, :disabled).bp_select_module_error--907f0, .bp_select_module_container--907f0 .bp_select_module_triggerBtn--907f0:not(.bp_select_module_readonly--907f0, :disabled)[aria-invalid=true]{
|
|
6216
6225
|
background-color:var(--select-trigger-btn-error-bg-color);
|
|
6217
6226
|
border-bottom:var(--select-trigger-btn-error-border-bottom);
|
|
6218
6227
|
border-left:var(--select-trigger-btn-error-border-left);
|
|
6219
6228
|
border-right:var(--select-trigger-btn-error-border-right);
|
|
6220
6229
|
border-top:var(--select-trigger-btn-error-border-top);
|
|
6230
|
+
padding-inline:var(--select-trigger-btn-thick-padding-inline);
|
|
6221
6231
|
}
|
|
6222
|
-
.bp_select_module_container--
|
|
6232
|
+
.bp_select_module_container--907f0 .bp_select_module_triggerBtn--907f0:not(.bp_select_module_readonly--907f0):focus,.bp_select_module_container--907f0 .bp_select_module_triggerBtn--907f0:not(.bp_select_module_readonly--907f0, :disabled).bp_select_module_error--907f0:focus,.bp_select_module_container--907f0 .bp_select_module_triggerBtn--907f0:not(.bp_select_module_readonly--907f0, :disabled)[aria-invalid=true]:focus{
|
|
6223
6233
|
background-color:var(--select-trigger-btn-focus-bg-color);
|
|
6224
6234
|
border:var(--select-trigger-btn-focus-border);
|
|
6235
|
+
padding-inline:var(--select-trigger-btn-thick-padding-inline);
|
|
6225
6236
|
}
|
|
6226
|
-
.bp_select_module_container--
|
|
6237
|
+
.bp_select_module_container--907f0 .bp_select_module_triggerBtn--907f0:not(.bp_select_module_readonly--907f0, :disabled, :focus, .bp_select_module_error--907f0, [aria-invalid=true]):hover{
|
|
6227
6238
|
background-color:var(--select-trigger-btn-hover-bg-color);
|
|
6228
6239
|
border-color:var(--select-trigger-btn-hover-border-color);
|
|
6229
6240
|
}
|
|
6230
|
-
.bp_select_module_container--
|
|
6241
|
+
.bp_select_module_container--907f0 .bp_select_module_triggerBtn--907f0 .bp_select_module_iconWrapper--907f0{
|
|
6231
6242
|
flex-shrink:0;
|
|
6232
6243
|
-webkit-user-select:none;
|
|
6233
6244
|
user-select:none;
|
|
6234
6245
|
}
|
|
6235
|
-
.bp_select_module_container--
|
|
6246
|
+
.bp_select_module_container--907f0 .bp_select_module_triggerBtn--907f0 .bp_select_module_iconCaret--907f0{
|
|
6236
6247
|
display:block;
|
|
6237
6248
|
height:var(--select-trigger-btn-caret-height);
|
|
6238
6249
|
width:var(--select-trigger-btn-caret-width);
|
|
6239
6250
|
}
|
|
6240
|
-
.bp_select_module_container--
|
|
6251
|
+
.bp_select_module_container--907f0 .bp_select_module_triggerBtn--907f0 .bp_select_module_iconCaret--907f0 path{
|
|
6241
6252
|
fill:var(--select-trigger-btn-caret-color);
|
|
6242
6253
|
}
|
|
6243
|
-
.bp_select_module_container--
|
|
6254
|
+
.bp_select_module_container--907f0 .bp_select_module_triggerBtn--907f0 .bp_select_module_iconPencilCrossed--907f0{
|
|
6244
6255
|
display:block;
|
|
6245
6256
|
height:var(--select-trigger-btn-pencil-height);
|
|
6246
6257
|
width:var(--select-trigger-btn-pencil-width);
|
|
6247
6258
|
}
|
|
6248
6259
|
|
|
6249
|
-
.bp_select_module_container--
|
|
6260
|
+
.bp_select_module_container--907f0[data-bp-animated=true] .bp_select_module_triggerBtn--907f0:not(.bp_select_module_readonly--907f0, :disabled){
|
|
6250
6261
|
transition-duration:var(--bp-duration-short);
|
|
6251
6262
|
transition-property:border-color, background-color;
|
|
6252
6263
|
transition-timing-function:var(--bp-curve-small-off);
|
|
6253
6264
|
}
|
|
6254
|
-
.bp_select_module_container--
|
|
6265
|
+
.bp_select_module_container--907f0[data-bp-animated=true] .bp_select_module_triggerBtn--907f0:not(.bp_select_module_readonly--907f0, :disabled).bp_select_module_error--907f0, .bp_select_module_container--907f0[data-bp-animated=true] .bp_select_module_triggerBtn--907f0:not(.bp_select_module_readonly--907f0, :disabled):focus, .bp_select_module_container--907f0[data-bp-animated=true] .bp_select_module_triggerBtn--907f0:not(.bp_select_module_readonly--907f0, :disabled):hover, .bp_select_module_container--907f0[data-bp-animated=true] .bp_select_module_triggerBtn--907f0:not(.bp_select_module_readonly--907f0, :disabled)[aria-invalid=true]{
|
|
6255
6266
|
transition-timing-function:var(--bp-curve-small-on);
|
|
6256
6267
|
}
|
|
6257
|
-
.bp_select_module_container--
|
|
6268
|
+
.bp_select_module_container--907f0[data-bp-animated=true] .bp_select_module_triggerBtn--907f0:not(.bp_select_module_readonly--907f0, :disabled) .bp_select_module_iconCaret--907f0{
|
|
6258
6269
|
transition-duration:var(--bp-duration-short);
|
|
6259
6270
|
transition-property:transform;
|
|
6260
6271
|
transition-timing-function:var(--bp-curve-extra-small-on);
|
|
6261
6272
|
}
|
|
6262
|
-
.bp_select_module_container--
|
|
6273
|
+
.bp_select_module_container--907f0[data-bp-animated=true] .bp_select_module_triggerBtn--907f0:not(.bp_select_module_readonly--907f0, :disabled)[data-bp-exiting=true] .bp_select_module_iconCaret--907f0, .bp_select_module_container--907f0[data-bp-animated=true] .bp_select_module_triggerBtn--907f0:not(.bp_select_module_readonly--907f0, :disabled)[data-state=closed]:hover .bp_select_module_iconCaret--907f0{
|
|
6263
6274
|
transform:translateY(var(--bp-size-005));
|
|
6264
6275
|
}
|
|
6265
6276
|
|
|
6266
|
-
.bp_select_module_content--
|
|
6277
|
+
.bp_select_module_content--907f0[data-modern=false]{
|
|
6267
6278
|
--select-content-bg-color:var(--surface-menu-surface);
|
|
6268
6279
|
--select-content-backdrop-filter:none;
|
|
6269
6280
|
--select-content-border:var(--border-1) solid var(--border-card-border);
|
|
@@ -6296,7 +6307,7 @@
|
|
|
6296
6307
|
text-transform:var(--body-default-text-case);
|
|
6297
6308
|
}
|
|
6298
6309
|
|
|
6299
|
-
.bp_select_module_content--
|
|
6310
|
+
.bp_select_module_content--907f0[data-modern=true]{
|
|
6300
6311
|
--select-content-bg-color:var(--bp-surface-menu-surface-dropdown);
|
|
6301
6312
|
--select-content-backdrop-filter:blur(16px);
|
|
6302
6313
|
--select-content-border:var(--bp-border-01) solid var(--bp-border-card-border);
|
|
@@ -6327,7 +6338,7 @@
|
|
|
6327
6338
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
6328
6339
|
line-height:var(--bp-font-line-height-04);
|
|
6329
6340
|
}
|
|
6330
|
-
:where(body.is-inter-font) .bp_select_module_content--
|
|
6341
|
+
:where(body.is-inter-font) .bp_select_module_content--907f0[data-modern=true]{
|
|
6331
6342
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6332
6343
|
font-size:.875rem;
|
|
6333
6344
|
font-style:normal;
|
|
@@ -6338,7 +6349,7 @@
|
|
|
6338
6349
|
text-transform:none;
|
|
6339
6350
|
}
|
|
6340
6351
|
|
|
6341
|
-
.bp_select_module_content--
|
|
6352
|
+
.bp_select_module_content--907f0{
|
|
6342
6353
|
backdrop-filter:var(--select-content-backdrop-filter);
|
|
6343
6354
|
background-color:var(--select-content-bg-color);
|
|
6344
6355
|
border:var(--select-content-border);
|
|
@@ -6350,11 +6361,11 @@
|
|
|
6350
6361
|
overflow:hidden auto;
|
|
6351
6362
|
z-index:var(--z-index-popover);
|
|
6352
6363
|
}
|
|
6353
|
-
.bp_select_module_content--
|
|
6364
|
+
.bp_select_module_content--907f0 .bp_select_module_viewport--907f0{
|
|
6354
6365
|
padding-block:var(--select-content-viewport-padding-block);
|
|
6355
6366
|
padding-inline:var(--select-content-viewport-padding-inline);
|
|
6356
6367
|
}
|
|
6357
|
-
.bp_select_module_content--
|
|
6368
|
+
.bp_select_module_content--907f0 .bp_select_module_viewport--907f0 .bp_select_module_option--907f0{
|
|
6358
6369
|
align-items:center;
|
|
6359
6370
|
border:var(--select-content-viewport-option-border);
|
|
6360
6371
|
border-radius:var(--select-content-viewport-option-border-radius);
|
|
@@ -6370,27 +6381,27 @@
|
|
|
6370
6381
|
-webkit-user-select:none;
|
|
6371
6382
|
user-select:none;
|
|
6372
6383
|
}
|
|
6373
|
-
.bp_select_module_content--
|
|
6384
|
+
.bp_select_module_content--907f0 .bp_select_module_viewport--907f0 .bp_select_module_option--907f0[data-disabled]{
|
|
6374
6385
|
opacity:var(--disabled-opacity);
|
|
6375
6386
|
pointer-events:none;
|
|
6376
6387
|
}
|
|
6377
|
-
.bp_select_module_content--
|
|
6388
|
+
.bp_select_module_content--907f0 .bp_select_module_viewport--907f0 .bp_select_module_option--907f0:focus-visible{
|
|
6378
6389
|
background-color:var(--select-content-viewport-option-focus-bg-color);
|
|
6379
6390
|
border:var(--select-content-viewport-option-focus-border);
|
|
6380
6391
|
}
|
|
6381
|
-
.bp_select_module_content--
|
|
6392
|
+
.bp_select_module_content--907f0 .bp_select_module_viewport--907f0 .bp_select_module_option--907f0:hover{
|
|
6382
6393
|
background-color:var(--select-content-viewport-option-hover-bg-color);
|
|
6383
6394
|
}
|
|
6384
|
-
.bp_select_module_content--
|
|
6395
|
+
.bp_select_module_content--907f0 .bp_select_module_viewport--907f0 .bp_select_module_option--907f0:active{
|
|
6385
6396
|
background-color:var(--select-content-viewport-option-active-bg-color);
|
|
6386
6397
|
}
|
|
6387
|
-
.bp_select_module_content--
|
|
6398
|
+
.bp_select_module_content--907f0 .bp_select_module_viewport--907f0 .bp_select_module_option--907f0 .bp_select_module_secondaryText--907f0{
|
|
6388
6399
|
color:var(--select-content-viewport-option-secondary-text-color);
|
|
6389
6400
|
min-width:0;
|
|
6390
6401
|
overflow-wrap:break-word;
|
|
6391
6402
|
white-space:normal;
|
|
6392
6403
|
}
|
|
6393
|
-
.bp_select_module_content--
|
|
6404
|
+
.bp_select_module_content--907f0 .bp_select_module_viewport--907f0 .bp_select_module_option--907f0 .bp_select_module_textWrapper--907f0{
|
|
6394
6405
|
align-items:center;
|
|
6395
6406
|
display:flex;
|
|
6396
6407
|
flex:1;
|
|
@@ -6399,24 +6410,24 @@
|
|
|
6399
6410
|
min-width:0;
|
|
6400
6411
|
overflow:hidden;
|
|
6401
6412
|
}
|
|
6402
|
-
.bp_select_module_content--
|
|
6413
|
+
.bp_select_module_content--907f0 .bp_select_module_viewport--907f0 .bp_select_module_option--907f0 .bp_select_module_textWrapper--907f0 span:first-child{
|
|
6403
6414
|
overflow:hidden;
|
|
6404
6415
|
overflow-wrap:break-word;
|
|
6405
6416
|
}
|
|
6406
|
-
.bp_select_module_content--
|
|
6417
|
+
.bp_select_module_content--907f0 .bp_select_module_viewport--907f0 .bp_select_module_option--907f0 .bp_select_module_textWrapper--907f0.bp_select_module_ellipsis--907f0 span:first-child{
|
|
6407
6418
|
overflow-wrap:normal;
|
|
6408
6419
|
text-overflow:ellipsis;
|
|
6409
6420
|
white-space:nowrap;
|
|
6410
6421
|
width:100%;
|
|
6411
6422
|
}
|
|
6412
|
-
.bp_select_module_content--
|
|
6423
|
+
.bp_select_module_content--907f0 .bp_select_module_viewport--907f0 .bp_select_module_option--907f0 .bp_select_module_textWrapper--907f0.bp_select_module_ellipsis--907f0 .bp_select_module_secondaryText--907f0{
|
|
6413
6424
|
-webkit-box-orient:vertical;
|
|
6414
6425
|
-webkit-line-clamp:2;
|
|
6415
6426
|
display:-webkit-box;
|
|
6416
6427
|
overflow:hidden;
|
|
6417
6428
|
width:100%;
|
|
6418
6429
|
}
|
|
6419
|
-
.bp_select_module_content--
|
|
6430
|
+
.bp_select_module_content--907f0 .bp_select_module_viewport--907f0 .bp_select_module_option--907f0 .bp_select_module_leftElement--907f0{
|
|
6420
6431
|
align-items:center;
|
|
6421
6432
|
display:flex;
|
|
6422
6433
|
flex-shrink:0;
|
|
@@ -6424,14 +6435,14 @@
|
|
|
6424
6435
|
justify-content:center;
|
|
6425
6436
|
width:var(--select-content-viewport-option-left-element-size);
|
|
6426
6437
|
}
|
|
6427
|
-
.bp_select_module_content--
|
|
6438
|
+
.bp_select_module_content--907f0 .bp_select_module_viewport--907f0 .bp_select_module_option--907f0.bp_select_module_hasLeftElement--907f0 .bp_select_module_textWrapper--907f0{
|
|
6428
6439
|
align-items:flex-start;
|
|
6429
6440
|
flex-direction:column;
|
|
6430
6441
|
}
|
|
6431
|
-
.bp_select_module_content--
|
|
6442
|
+
.bp_select_module_content--907f0 .bp_select_module_viewport--907f0 .bp_select_module_option--907f0.bp_select_module_hasLeftElement--907f0 .bp_select_module_textWrapper--907f0 .bp_select_module_secondaryText--907f0{
|
|
6432
6443
|
width:100%;
|
|
6433
6444
|
}
|
|
6434
|
-
.bp_select_module_content--
|
|
6445
|
+
.bp_select_module_content--907f0 .bp_select_module_viewport--907f0 .bp_select_module_option--907f0 .bp_select_module_indicator--907f0{
|
|
6435
6446
|
align-items:center;
|
|
6436
6447
|
display:flex;
|
|
6437
6448
|
height:100%;
|
|
@@ -6440,16 +6451,16 @@
|
|
|
6440
6451
|
position:absolute;
|
|
6441
6452
|
top:0;
|
|
6442
6453
|
}
|
|
6443
|
-
.bp_select_module_content--
|
|
6454
|
+
.bp_select_module_content--907f0 .bp_select_module_viewport--907f0 .bp_select_module_option--907f0 .bp_select_module_indicator--907f0 path{
|
|
6444
6455
|
fill:var(--select-content-viewport-option-indicator-color);
|
|
6445
6456
|
}
|
|
6446
|
-
.bp_select_module_content--
|
|
6457
|
+
.bp_select_module_content--907f0 .bp_select_module_viewport--907f0 .bp_select_module_separator--907f0{
|
|
6447
6458
|
background-color:var(--select-content-viewport-option-separator-bg-color);
|
|
6448
6459
|
flex-shrink:0;
|
|
6449
6460
|
height:var(--select-content-viewport-option-separator-height);
|
|
6450
6461
|
margin-block:var(--select-content-viewport-option-separator-margin-block);
|
|
6451
6462
|
}
|
|
6452
|
-
.bp_select_module_content--
|
|
6463
|
+
.bp_select_module_content--907f0 .bp_select_module_viewport--907f0.bp_select_module_withTruncatedText--907f0{
|
|
6453
6464
|
box-sizing:border-box;
|
|
6454
6465
|
display:block !important;
|
|
6455
6466
|
max-width:100%;
|
|
@@ -6457,53 +6468,53 @@
|
|
|
6457
6468
|
width:100%;
|
|
6458
6469
|
}
|
|
6459
6470
|
|
|
6460
|
-
.bp_select_module_content--
|
|
6471
|
+
.bp_select_module_content--907f0[data-bp-animated=true]{
|
|
6461
6472
|
transform-origin:var(--radix-select-content-transform-origin);
|
|
6462
6473
|
}
|
|
6463
|
-
.bp_select_module_content--
|
|
6474
|
+
.bp_select_module_content--907f0[data-bp-animated=true] .bp_select_module_viewport--907f0 .bp_select_module_option--907f0{
|
|
6464
6475
|
transition-duration:var(--bp-duration-short);
|
|
6465
6476
|
transition-property:background-color;
|
|
6466
6477
|
transition-timing-function:var(--bp-curve-small-off);
|
|
6467
6478
|
}
|
|
6468
|
-
.bp_select_module_content--
|
|
6479
|
+
.bp_select_module_content--907f0[data-bp-animated=true] .bp_select_module_viewport--907f0 .bp_select_module_option--907f0:active,.bp_select_module_content--907f0[data-bp-animated=true] .bp_select_module_viewport--907f0 .bp_select_module_option--907f0:focus-visible,.bp_select_module_content--907f0[data-bp-animated=true] .bp_select_module_viewport--907f0 .bp_select_module_option--907f0:hover{
|
|
6469
6480
|
transition-timing-function:var(--bp-curve-small-on);
|
|
6470
6481
|
}
|
|
6471
|
-
.bp_select_module_content--
|
|
6482
|
+
.bp_select_module_content--907f0[data-bp-animated=true][data-state=open]:not([data-bp-exiting=true]){
|
|
6472
6483
|
animation-duration:var(--bp-duration-medium);
|
|
6473
6484
|
animation-timing-function:var(--bp-curve-medium-on);
|
|
6474
6485
|
}
|
|
6475
|
-
.bp_select_module_content--
|
|
6476
|
-
animation-name:bp_select_module_bpSelectMediumTopSlideEnter--
|
|
6486
|
+
.bp_select_module_content--907f0[data-bp-animated=true][data-state=open]:not([data-bp-exiting=true])[data-side=top]{
|
|
6487
|
+
animation-name:bp_select_module_bpSelectMediumTopSlideEnter--907f0, bp_select_module_bpSelectFadeIn--907f0;
|
|
6477
6488
|
}
|
|
6478
|
-
.bp_select_module_content--
|
|
6479
|
-
animation-name:bp_select_module_bpSelectMediumBottomSlideEnter--
|
|
6489
|
+
.bp_select_module_content--907f0[data-bp-animated=true][data-state=open]:not([data-bp-exiting=true])[data-side=bottom]{
|
|
6490
|
+
animation-name:bp_select_module_bpSelectMediumBottomSlideEnter--907f0, bp_select_module_bpSelectFadeIn--907f0;
|
|
6480
6491
|
}
|
|
6481
|
-
.bp_select_module_content--
|
|
6482
|
-
animation-name:bp_select_module_bpSelectMediumLeftSlideEnter--
|
|
6492
|
+
.bp_select_module_content--907f0[data-bp-animated=true][data-state=open]:not([data-bp-exiting=true])[data-side=left]{
|
|
6493
|
+
animation-name:bp_select_module_bpSelectMediumLeftSlideEnter--907f0, bp_select_module_bpSelectFadeIn--907f0;
|
|
6483
6494
|
}
|
|
6484
|
-
.bp_select_module_content--
|
|
6485
|
-
animation-name:bp_select_module_bpSelectMediumRightSlideEnter--
|
|
6495
|
+
.bp_select_module_content--907f0[data-bp-animated=true][data-state=open]:not([data-bp-exiting=true])[data-side=right]{
|
|
6496
|
+
animation-name:bp_select_module_bpSelectMediumRightSlideEnter--907f0, bp_select_module_bpSelectFadeIn--907f0;
|
|
6486
6497
|
}
|
|
6487
|
-
.bp_select_module_content--
|
|
6498
|
+
.bp_select_module_content--907f0[data-bp-animated=true][data-bp-exiting=true]{
|
|
6488
6499
|
animation-duration:var(--bp-duration-short);
|
|
6489
6500
|
animation-fill-mode:forwards;
|
|
6490
6501
|
animation-timing-function:var(--bp-curve-medium-off);
|
|
6491
6502
|
pointer-events:none;
|
|
6492
6503
|
}
|
|
6493
|
-
.bp_select_module_content--
|
|
6494
|
-
animation-name:bp_select_module_bpSelectMediumTopSlideExit--
|
|
6504
|
+
.bp_select_module_content--907f0[data-bp-animated=true][data-bp-exiting=true][data-side=top]{
|
|
6505
|
+
animation-name:bp_select_module_bpSelectMediumTopSlideExit--907f0, bp_select_module_bpSelectFadeOut--907f0;
|
|
6495
6506
|
}
|
|
6496
|
-
.bp_select_module_content--
|
|
6497
|
-
animation-name:bp_select_module_bpSelectMediumBottomSlideExit--
|
|
6507
|
+
.bp_select_module_content--907f0[data-bp-animated=true][data-bp-exiting=true][data-side=bottom]{
|
|
6508
|
+
animation-name:bp_select_module_bpSelectMediumBottomSlideExit--907f0, bp_select_module_bpSelectFadeOut--907f0;
|
|
6498
6509
|
}
|
|
6499
|
-
.bp_select_module_content--
|
|
6500
|
-
animation-name:bp_select_module_bpSelectMediumLeftSlideExit--
|
|
6510
|
+
.bp_select_module_content--907f0[data-bp-animated=true][data-bp-exiting=true][data-side=left]{
|
|
6511
|
+
animation-name:bp_select_module_bpSelectMediumLeftSlideExit--907f0, bp_select_module_bpSelectFadeOut--907f0;
|
|
6501
6512
|
}
|
|
6502
|
-
.bp_select_module_content--
|
|
6503
|
-
animation-name:bp_select_module_bpSelectMediumRightSlideExit--
|
|
6513
|
+
.bp_select_module_content--907f0[data-bp-animated=true][data-bp-exiting=true][data-side=right]{
|
|
6514
|
+
animation-name:bp_select_module_bpSelectMediumRightSlideExit--907f0, bp_select_module_bpSelectFadeOut--907f0;
|
|
6504
6515
|
}
|
|
6505
6516
|
|
|
6506
|
-
@keyframes bp_select_module_bpSelectFadeIn--
|
|
6517
|
+
@keyframes bp_select_module_bpSelectFadeIn--907f0{
|
|
6507
6518
|
from{
|
|
6508
6519
|
opacity:var(--bp-opacity-hidden);
|
|
6509
6520
|
}
|
|
@@ -6511,7 +6522,7 @@
|
|
|
6511
6522
|
opacity:var(--bp-opacity-visible);
|
|
6512
6523
|
}
|
|
6513
6524
|
}
|
|
6514
|
-
@keyframes bp_select_module_bpSelectFadeOut--
|
|
6525
|
+
@keyframes bp_select_module_bpSelectFadeOut--907f0{
|
|
6515
6526
|
from{
|
|
6516
6527
|
opacity:var(--bp-opacity-visible);
|
|
6517
6528
|
}
|
|
@@ -6519,7 +6530,7 @@
|
|
|
6519
6530
|
opacity:var(--bp-opacity-hidden);
|
|
6520
6531
|
}
|
|
6521
6532
|
}
|
|
6522
|
-
@keyframes bp_select_module_bpSelectMediumTopSlideEnter--
|
|
6533
|
+
@keyframes bp_select_module_bpSelectMediumTopSlideEnter--907f0{
|
|
6523
6534
|
from{
|
|
6524
6535
|
transform:translateY(var(--bp-space-020));
|
|
6525
6536
|
}
|
|
@@ -6527,7 +6538,7 @@
|
|
|
6527
6538
|
transform:translateY(0);
|
|
6528
6539
|
}
|
|
6529
6540
|
}
|
|
6530
|
-
@keyframes bp_select_module_bpSelectMediumTopSlideExit--
|
|
6541
|
+
@keyframes bp_select_module_bpSelectMediumTopSlideExit--907f0{
|
|
6531
6542
|
from{
|
|
6532
6543
|
transform:translateY(0);
|
|
6533
6544
|
}
|
|
@@ -6535,7 +6546,7 @@
|
|
|
6535
6546
|
transform:translateY(var(--bp-space-020));
|
|
6536
6547
|
}
|
|
6537
6548
|
}
|
|
6538
|
-
@keyframes bp_select_module_bpSelectMediumBottomSlideEnter--
|
|
6549
|
+
@keyframes bp_select_module_bpSelectMediumBottomSlideEnter--907f0{
|
|
6539
6550
|
from{
|
|
6540
6551
|
transform:translateY(calc(var(--bp-space-020)*-1));
|
|
6541
6552
|
}
|
|
@@ -6543,7 +6554,7 @@
|
|
|
6543
6554
|
transform:translateY(0);
|
|
6544
6555
|
}
|
|
6545
6556
|
}
|
|
6546
|
-
@keyframes bp_select_module_bpSelectMediumBottomSlideExit--
|
|
6557
|
+
@keyframes bp_select_module_bpSelectMediumBottomSlideExit--907f0{
|
|
6547
6558
|
from{
|
|
6548
6559
|
transform:translateY(0);
|
|
6549
6560
|
}
|
|
@@ -6551,7 +6562,7 @@
|
|
|
6551
6562
|
transform:translateY(calc(var(--bp-space-020)*-1));
|
|
6552
6563
|
}
|
|
6553
6564
|
}
|
|
6554
|
-
@keyframes bp_select_module_bpSelectMediumLeftSlideEnter--
|
|
6565
|
+
@keyframes bp_select_module_bpSelectMediumLeftSlideEnter--907f0{
|
|
6555
6566
|
from{
|
|
6556
6567
|
transform:translateX(var(--bp-space-020));
|
|
6557
6568
|
}
|
|
@@ -6559,7 +6570,7 @@
|
|
|
6559
6570
|
transform:translateX(0);
|
|
6560
6571
|
}
|
|
6561
6572
|
}
|
|
6562
|
-
@keyframes bp_select_module_bpSelectMediumLeftSlideExit--
|
|
6573
|
+
@keyframes bp_select_module_bpSelectMediumLeftSlideExit--907f0{
|
|
6563
6574
|
from{
|
|
6564
6575
|
transform:translateX(0);
|
|
6565
6576
|
}
|
|
@@ -6567,7 +6578,7 @@
|
|
|
6567
6578
|
transform:translateX(var(--bp-space-020));
|
|
6568
6579
|
}
|
|
6569
6580
|
}
|
|
6570
|
-
@keyframes bp_select_module_bpSelectMediumRightSlideEnter--
|
|
6581
|
+
@keyframes bp_select_module_bpSelectMediumRightSlideEnter--907f0{
|
|
6571
6582
|
from{
|
|
6572
6583
|
transform:translateX(calc(var(--bp-space-020)*-1));
|
|
6573
6584
|
}
|
|
@@ -6575,7 +6586,7 @@
|
|
|
6575
6586
|
transform:translateX(0);
|
|
6576
6587
|
}
|
|
6577
6588
|
}
|
|
6578
|
-
@keyframes bp_select_module_bpSelectMediumRightSlideExit--
|
|
6589
|
+
@keyframes bp_select_module_bpSelectMediumRightSlideExit--907f0{
|
|
6579
6590
|
from{
|
|
6580
6591
|
transform:translateX(0);
|
|
6581
6592
|
}
|