@box/blueprint-web 17.14.2 → 17.15.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/lib-esm/components.css +199 -296
- 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 +199 -296
- package/dist/lib-esm/primitives/link/link.js +0 -1
- package/dist/lib-esm/primitives/link/link.module.js +1 -1
- package/dist/lib-esm/primitives/tabs/tab-list.js +0 -2
- package/dist/lib-esm/primitives/tabs/tabs.module.js +1 -1
- package/dist/lib-esm/util-components/labelable/useLabelable.js +6 -3
- package/package.json +3 -3
package/dist/lib-esm/index.css
CHANGED
|
@@ -7398,7 +7398,7 @@
|
|
|
7398
7398
|
color:var(--calendar-disabled-text-color);
|
|
7399
7399
|
text-decoration:line-through;
|
|
7400
7400
|
}
|
|
7401
|
-
.bp_date_picker_module_datePicker--
|
|
7401
|
+
.bp_date_picker_module_datePicker--464ce[data-modern=false]{
|
|
7402
7402
|
--date-picker-label-margin-bottom:var(--space-2);
|
|
7403
7403
|
--date-picker-input-placeholder-color:var(--text-text-on-light-secondary);
|
|
7404
7404
|
--date-picker-input-placeholder-focused-color:var(--text-text-on-light);
|
|
@@ -7424,7 +7424,7 @@
|
|
|
7424
7424
|
--date-picker-icon-button-hover-fill:var(--icon-cta-icon-hover);
|
|
7425
7425
|
--date-picker-clear-button-right:var(--size-9);
|
|
7426
7426
|
}
|
|
7427
|
-
.bp_date_picker_module_datePicker--
|
|
7427
|
+
.bp_date_picker_module_datePicker--464ce[data-modern=false] .bp_date_picker_module_label--464ce{
|
|
7428
7428
|
font-family:var(--body-default-bold-font-family);
|
|
7429
7429
|
font-size:var(--body-default-bold-font-size);
|
|
7430
7430
|
font-weight:var(--body-default-bold-font-weight);
|
|
@@ -7433,7 +7433,7 @@
|
|
|
7433
7433
|
text-decoration:var(--body-default-bold-text-decoration);
|
|
7434
7434
|
text-transform:var(--body-default-bold-text-case);
|
|
7435
7435
|
}
|
|
7436
|
-
.bp_date_picker_module_datePicker--
|
|
7436
|
+
.bp_date_picker_module_datePicker--464ce[data-modern=false] .bp_date_picker_module_group--464ce{
|
|
7437
7437
|
font-family:var(--body-default-font-family);
|
|
7438
7438
|
font-size:var(--body-default-font-size);
|
|
7439
7439
|
font-weight:var(--body-default-font-weight);
|
|
@@ -7443,7 +7443,7 @@
|
|
|
7443
7443
|
text-transform:var(--body-default-text-case);
|
|
7444
7444
|
}
|
|
7445
7445
|
|
|
7446
|
-
.bp_date_picker_module_datePicker--
|
|
7446
|
+
.bp_date_picker_module_datePicker--464ce[data-modern=true]{
|
|
7447
7447
|
--date-picker-label-margin-bottom:var(--bp-space-020);
|
|
7448
7448
|
--date-picker-input-placeholder-color:var(--bp-text-text-on-light-secondary);
|
|
7449
7449
|
--date-picker-input-placeholder-focused-color:var(--bp-text-text-on-light);
|
|
@@ -7469,7 +7469,7 @@
|
|
|
7469
7469
|
--date-picker-icon-button-hover-fill:var(--bp-icon-cta-icon-hover);
|
|
7470
7470
|
--date-picker-clear-button-right:var(--bp-size-090);
|
|
7471
7471
|
}
|
|
7472
|
-
.bp_date_picker_module_datePicker--
|
|
7472
|
+
.bp_date_picker_module_datePicker--464ce[data-modern=true] .bp_date_picker_module_label--464ce{
|
|
7473
7473
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7474
7474
|
font-size:var(--bp-font-size-05);
|
|
7475
7475
|
font-style:normal;
|
|
@@ -7477,7 +7477,7 @@
|
|
|
7477
7477
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
7478
7478
|
line-height:var(--bp-font-line-height-04);
|
|
7479
7479
|
}
|
|
7480
|
-
:where(body.is-inter-font) .bp_date_picker_module_datePicker--
|
|
7480
|
+
:where(body.is-inter-font) .bp_date_picker_module_datePicker--464ce[data-modern=true] .bp_date_picker_module_label--464ce{
|
|
7481
7481
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7482
7482
|
font-size:.875rem;
|
|
7483
7483
|
font-style:normal;
|
|
@@ -7488,7 +7488,7 @@
|
|
|
7488
7488
|
text-transform:none;
|
|
7489
7489
|
}
|
|
7490
7490
|
|
|
7491
|
-
.bp_date_picker_module_datePicker--
|
|
7491
|
+
.bp_date_picker_module_datePicker--464ce[data-modern=true] .bp_date_picker_module_group--464ce{
|
|
7492
7492
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7493
7493
|
font-size:var(--bp-font-size-05);
|
|
7494
7494
|
font-style:normal;
|
|
@@ -7496,7 +7496,7 @@
|
|
|
7496
7496
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
7497
7497
|
line-height:var(--bp-font-line-height-04);
|
|
7498
7498
|
}
|
|
7499
|
-
:where(body.is-inter-font) .bp_date_picker_module_datePicker--
|
|
7499
|
+
:where(body.is-inter-font) .bp_date_picker_module_datePicker--464ce[data-modern=true] .bp_date_picker_module_group--464ce{
|
|
7500
7500
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7501
7501
|
font-size:.875rem;
|
|
7502
7502
|
font-style:normal;
|
|
@@ -7507,28 +7507,28 @@
|
|
|
7507
7507
|
text-transform:none;
|
|
7508
7508
|
}
|
|
7509
7509
|
|
|
7510
|
-
.bp_date_picker_module_datePicker--
|
|
7510
|
+
.bp_date_picker_module_datePicker--464ce{
|
|
7511
7511
|
width:100%;
|
|
7512
7512
|
}
|
|
7513
|
-
.bp_date_picker_module_datePicker--
|
|
7513
|
+
.bp_date_picker_module_datePicker--464ce.bp_date_picker_module_disabled--464ce{
|
|
7514
7514
|
opacity:var(--disabled-opacity);
|
|
7515
7515
|
pointer-events:none;
|
|
7516
7516
|
-webkit-user-select:none;
|
|
7517
7517
|
user-select:none;
|
|
7518
7518
|
}
|
|
7519
|
-
.bp_date_picker_module_datePicker--
|
|
7519
|
+
.bp_date_picker_module_datePicker--464ce .bp_date_picker_module_label--464ce{
|
|
7520
7520
|
cursor:default;
|
|
7521
|
-
display:
|
|
7521
|
+
display:flex;
|
|
7522
7522
|
margin-block-end:var(--date-picker-label-margin-bottom);
|
|
7523
7523
|
width:fit-content;
|
|
7524
7524
|
}
|
|
7525
|
-
.bp_date_picker_module_datePicker--
|
|
7525
|
+
.bp_date_picker_module_datePicker--464ce .bp_date_picker_module_group--464ce{
|
|
7526
7526
|
align-items:center;
|
|
7527
7527
|
display:inline-flex;
|
|
7528
7528
|
position:relative;
|
|
7529
7529
|
width:100%;
|
|
7530
7530
|
}
|
|
7531
|
-
.bp_date_picker_module_datePicker--
|
|
7531
|
+
.bp_date_picker_module_datePicker--464ce .bp_date_picker_module_group--464ce .bp_date_picker_module_groupContainer--464ce{
|
|
7532
7532
|
align-items:center;
|
|
7533
7533
|
border-radius:var(--date-picker-border-radius);
|
|
7534
7534
|
box-shadow:var(--date-picker-input-inner-shadow);
|
|
@@ -7539,23 +7539,23 @@
|
|
|
7539
7539
|
position:relative;
|
|
7540
7540
|
width:100%;
|
|
7541
7541
|
}
|
|
7542
|
-
.bp_date_picker_module_datePicker--
|
|
7542
|
+
.bp_date_picker_module_datePicker--464ce .bp_date_picker_module_group--464ce .bp_date_picker_module_groupContainer--464ce:focus-within{
|
|
7543
7543
|
outline:var(--date-picker-focus-outline);
|
|
7544
7544
|
}
|
|
7545
|
-
.bp_date_picker_module_datePicker--
|
|
7545
|
+
.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
7546
|
outline:var(--date-picker-error-outline);
|
|
7547
7547
|
}
|
|
7548
|
-
.bp_date_picker_module_datePicker--
|
|
7548
|
+
.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
7549
|
outline:var(--date-picker-focus-outline);
|
|
7550
7550
|
}
|
|
7551
|
-
.bp_date_picker_module_datePicker--
|
|
7551
|
+
.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
7552
|
align-items:center;
|
|
7553
7553
|
display:inline-flex;
|
|
7554
7554
|
height:var(--date-picker-height);
|
|
7555
7555
|
text-transform:uppercase;
|
|
7556
7556
|
white-space:nowrap;
|
|
7557
7557
|
}
|
|
7558
|
-
.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 .bp_date_picker_module_groupContainerInputSegment--464ce{
|
|
7559
7559
|
border:unset;
|
|
7560
7560
|
border-radius:unset;
|
|
7561
7561
|
box-shadow:unset;
|
|
@@ -7565,21 +7565,21 @@
|
|
|
7565
7565
|
transition:unset;
|
|
7566
7566
|
width:unset;
|
|
7567
7567
|
}
|
|
7568
|
-
.bp_date_picker_module_datePicker--
|
|
7568
|
+
.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
7569
|
color:var(--date-picker-input-placeholder-color);
|
|
7570
7570
|
}
|
|
7571
|
-
.bp_date_picker_module_datePicker--
|
|
7571
|
+
.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
7572
|
background:var(--date-picker-input-segment-focused-background);
|
|
7573
7573
|
caret-color:#0000;
|
|
7574
7574
|
outline:none;
|
|
7575
7575
|
}
|
|
7576
|
-
.bp_date_picker_module_datePicker--
|
|
7576
|
+
.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
7577
|
color:var(--date-picker-input-placeholder-focused-color);
|
|
7578
7578
|
}
|
|
7579
|
-
.bp_date_picker_module_datePicker--
|
|
7579
|
+
.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
7580
|
outline-color:var(--date-picker-hover-outline-color);
|
|
7581
7581
|
}
|
|
7582
|
-
.bp_date_picker_module_datePicker--
|
|
7582
|
+
.bp_date_picker_module_datePicker--464ce .bp_date_picker_module_group--464ce .bp_date_picker_module_button--464ce{
|
|
7583
7583
|
align-items:center;
|
|
7584
7584
|
background-color:initial;
|
|
7585
7585
|
border:none;
|
|
@@ -7594,70 +7594,70 @@
|
|
|
7594
7594
|
right:var(--date-picker-padding-inline);
|
|
7595
7595
|
width:var(--date-picker-icon-button-size);
|
|
7596
7596
|
}
|
|
7597
|
-
.bp_date_picker_module_datePicker--
|
|
7597
|
+
.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
7598
|
right:var(--date-picker-clear-button-right);
|
|
7599
7599
|
}
|
|
7600
|
-
.bp_date_picker_module_datePicker--
|
|
7600
|
+
.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
7601
|
background-color:var(--date-picker-icon-button-focus-background-color);
|
|
7602
7602
|
outline:var(--date-picker-icon-button-focus-outline);
|
|
7603
7603
|
}
|
|
7604
|
-
.bp_date_picker_module_datePicker--
|
|
7604
|
+
.bp_date_picker_module_datePicker--464ce .bp_date_picker_module_group--464ce .bp_date_picker_module_button--464ce:hover{
|
|
7605
7605
|
background:var(--date-picker-icon-button-hover-background);
|
|
7606
7606
|
}
|
|
7607
|
-
.bp_date_picker_module_datePicker--
|
|
7607
|
+
.bp_date_picker_module_datePicker--464ce .bp_date_picker_module_group--464ce .bp_date_picker_module_button--464ce:hover *{
|
|
7608
7608
|
fill:var(--date-picker-icon-button-hover-fill);
|
|
7609
7609
|
}
|
|
7610
|
-
.bp_date_picker_module_datePicker--
|
|
7610
|
+
.bp_date_picker_module_datePicker--464ce .bp_date_picker_module_group--464ce .bp_date_picker_module_button--464ce:active{
|
|
7611
7611
|
background:var(--date-picker-icon-button-active-background);
|
|
7612
7612
|
}
|
|
7613
|
-
.bp_date_picker_module_datePicker--
|
|
7613
|
+
.bp_date_picker_module_datePicker--464ce .bp_date_picker_module_group--464ce .bp_date_picker_module_button--464ce:active *{
|
|
7614
7614
|
fill:var(--date-picker-icon-button-active-fill);
|
|
7615
7615
|
}
|
|
7616
|
-
.bp_date_picker_module_datePicker--
|
|
7616
|
+
.bp_date_picker_module_datePicker--464ce .bp_date_picker_module_group--464ce .bp_date_picker_module_button--464ce:disabled{
|
|
7617
7617
|
opacity:1;
|
|
7618
7618
|
}
|
|
7619
|
-
.bp_date_picker_module_datePicker--
|
|
7619
|
+
.bp_date_picker_module_datePicker--464ce .bp_date_picker_module_inlineError--464ce{
|
|
7620
7620
|
margin-block-start:var(--date-picker-inline-error-margin);
|
|
7621
7621
|
}
|
|
7622
7622
|
|
|
7623
|
-
.bp_date_picker_module_datePickerPopoverContent--
|
|
7623
|
+
.bp_date_picker_module_datePickerPopoverContent--464ce{
|
|
7624
7624
|
z-index:var(--z-index-popover);
|
|
7625
7625
|
}
|
|
7626
7626
|
|
|
7627
|
-
.bp_date_picker_module_groupContainer--
|
|
7627
|
+
.bp_date_picker_module_groupContainer--464ce[data-bp-animated=true]{
|
|
7628
7628
|
transition-duration:var(--bp-duration-short);
|
|
7629
7629
|
transition-property:outline-color;
|
|
7630
7630
|
transition-timing-function:var(--bp-curve-small-off);
|
|
7631
7631
|
}
|
|
7632
7632
|
|
|
7633
|
-
.bp_date_picker_module_group--
|
|
7633
|
+
.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
7634
|
transition-timing-function:var(--bp-curve-small-on);
|
|
7635
7635
|
}
|
|
7636
7636
|
|
|
7637
|
-
.bp_date_picker_module_datePickerPopoverContent--
|
|
7637
|
+
.bp_date_picker_module_datePickerPopoverContent--464ce[data-bp-animated=true][data-state=open]{
|
|
7638
7638
|
animation-duration:var(--bp-duration-medium);
|
|
7639
7639
|
animation-fill-mode:backwards;
|
|
7640
7640
|
animation-timing-function:var(--bp-curve-medium-on);
|
|
7641
7641
|
}
|
|
7642
|
-
.bp_date_picker_module_datePickerPopoverContent--
|
|
7643
|
-
animation-name:bp_date_picker_module_bpDatePickerCalendarMenuTopSlideEnter--
|
|
7642
|
+
.bp_date_picker_module_datePickerPopoverContent--464ce[data-bp-animated=true][data-state=open][data-side=top]{
|
|
7643
|
+
animation-name:bp_date_picker_module_bpDatePickerCalendarMenuTopSlideEnter--464ce, bp_date_picker_module_bpDatePickerCalendarMenuFadeIn--464ce;
|
|
7644
7644
|
}
|
|
7645
|
-
.bp_date_picker_module_datePickerPopoverContent--
|
|
7646
|
-
animation-name:bp_date_picker_module_bpDatePickerCalendarMenuBottomSlideEnter--
|
|
7645
|
+
.bp_date_picker_module_datePickerPopoverContent--464ce[data-bp-animated=true][data-state=open][data-side=bottom]{
|
|
7646
|
+
animation-name:bp_date_picker_module_bpDatePickerCalendarMenuBottomSlideEnter--464ce, bp_date_picker_module_bpDatePickerCalendarMenuFadeIn--464ce;
|
|
7647
7647
|
}
|
|
7648
|
-
.bp_date_picker_module_datePickerPopoverContent--
|
|
7648
|
+
.bp_date_picker_module_datePickerPopoverContent--464ce[data-bp-animated=true][data-state=closed]{
|
|
7649
7649
|
animation-duration:var(--bp-duration-short);
|
|
7650
7650
|
animation-fill-mode:forwards;
|
|
7651
7651
|
animation-timing-function:var(--bp-curve-medium-off);
|
|
7652
7652
|
}
|
|
7653
|
-
.bp_date_picker_module_datePickerPopoverContent--
|
|
7654
|
-
animation-name:bp_date_picker_module_bpDatePickerCalendarMenuTopSlideExit--
|
|
7653
|
+
.bp_date_picker_module_datePickerPopoverContent--464ce[data-bp-animated=true][data-state=closed][data-side=top]{
|
|
7654
|
+
animation-name:bp_date_picker_module_bpDatePickerCalendarMenuTopSlideExit--464ce, bp_date_picker_module_bpDatePickerCalendarMenuFadeOut--464ce;
|
|
7655
7655
|
}
|
|
7656
|
-
.bp_date_picker_module_datePickerPopoverContent--
|
|
7657
|
-
animation-name:bp_date_picker_module_bpDatePickerCalendarMenuBottomSlideExit--
|
|
7656
|
+
.bp_date_picker_module_datePickerPopoverContent--464ce[data-bp-animated=true][data-state=closed][data-side=bottom]{
|
|
7657
|
+
animation-name:bp_date_picker_module_bpDatePickerCalendarMenuBottomSlideExit--464ce, bp_date_picker_module_bpDatePickerCalendarMenuFadeOut--464ce;
|
|
7658
7658
|
}
|
|
7659
7659
|
|
|
7660
|
-
@keyframes bp_date_picker_module_bpDatePickerCalendarMenuFadeIn--
|
|
7660
|
+
@keyframes bp_date_picker_module_bpDatePickerCalendarMenuFadeIn--464ce{
|
|
7661
7661
|
from{
|
|
7662
7662
|
opacity:var(--bp-opacity-hidden);
|
|
7663
7663
|
}
|
|
@@ -7665,7 +7665,7 @@
|
|
|
7665
7665
|
opacity:var(--bp-opacity-visible);
|
|
7666
7666
|
}
|
|
7667
7667
|
}
|
|
7668
|
-
@keyframes bp_date_picker_module_bpDatePickerCalendarMenuFadeOut--
|
|
7668
|
+
@keyframes bp_date_picker_module_bpDatePickerCalendarMenuFadeOut--464ce{
|
|
7669
7669
|
from{
|
|
7670
7670
|
opacity:var(--bp-opacity-visible);
|
|
7671
7671
|
}
|
|
@@ -7673,7 +7673,7 @@
|
|
|
7673
7673
|
opacity:var(--bp-opacity-hidden);
|
|
7674
7674
|
}
|
|
7675
7675
|
}
|
|
7676
|
-
@keyframes bp_date_picker_module_bpDatePickerCalendarMenuTopSlideEnter--
|
|
7676
|
+
@keyframes bp_date_picker_module_bpDatePickerCalendarMenuTopSlideEnter--464ce{
|
|
7677
7677
|
from{
|
|
7678
7678
|
transform:translateY(var(--bp-space-020));
|
|
7679
7679
|
}
|
|
@@ -7681,7 +7681,7 @@
|
|
|
7681
7681
|
transform:translateY(0);
|
|
7682
7682
|
}
|
|
7683
7683
|
}
|
|
7684
|
-
@keyframes bp_date_picker_module_bpDatePickerCalendarMenuTopSlideExit--
|
|
7684
|
+
@keyframes bp_date_picker_module_bpDatePickerCalendarMenuTopSlideExit--464ce{
|
|
7685
7685
|
from{
|
|
7686
7686
|
transform:translateY(0);
|
|
7687
7687
|
}
|
|
@@ -7689,7 +7689,7 @@
|
|
|
7689
7689
|
transform:translateY(var(--bp-space-020));
|
|
7690
7690
|
}
|
|
7691
7691
|
}
|
|
7692
|
-
@keyframes bp_date_picker_module_bpDatePickerCalendarMenuBottomSlideEnter--
|
|
7692
|
+
@keyframes bp_date_picker_module_bpDatePickerCalendarMenuBottomSlideEnter--464ce{
|
|
7693
7693
|
from{
|
|
7694
7694
|
transform:translateY(calc(var(--bp-space-020)*-1));
|
|
7695
7695
|
}
|
|
@@ -7697,7 +7697,7 @@
|
|
|
7697
7697
|
transform:translateY(0);
|
|
7698
7698
|
}
|
|
7699
7699
|
}
|
|
7700
|
-
@keyframes bp_date_picker_module_bpDatePickerCalendarMenuBottomSlideExit--
|
|
7700
|
+
@keyframes bp_date_picker_module_bpDatePickerCalendarMenuBottomSlideExit--464ce{
|
|
7701
7701
|
from{
|
|
7702
7702
|
transform:translateY(0);
|
|
7703
7703
|
}
|
|
@@ -7820,56 +7820,7 @@
|
|
|
7820
7820
|
.bp_empty_state_module_emptyState--fc060.bp_empty_state_module_small--fc060 .bp_empty_state_module_body--fc060:not(:last-child){
|
|
7821
7821
|
margin-block-end:var(--space-4);
|
|
7822
7822
|
}
|
|
7823
|
-
.bp_link_module_link--
|
|
7824
|
-
color:var(--text-cta-link);
|
|
7825
|
-
}
|
|
7826
|
-
.bp_link_module_link--aa435:hover{
|
|
7827
|
-
color:var(--text-cta-link-hover);
|
|
7828
|
-
}
|
|
7829
|
-
.bp_link_module_link--aa435:active{
|
|
7830
|
-
color:var(--text-cta-link-pressed);
|
|
7831
|
-
}
|
|
7832
|
-
.bp_link_module_link--aa435:focus-visible:focus-visible{
|
|
7833
|
-
box-shadow:0 0 0 var(--border-2) var(--outline-focus-on-light);
|
|
7834
|
-
outline:none;
|
|
7835
|
-
overflow:visible;
|
|
7836
|
-
}
|
|
7837
|
-
.bp_link_module_link--aa435:focus-visible{
|
|
7838
|
-
border-radius:var(--radius-05);
|
|
7839
|
-
color:var(--text-cta-link-hover);
|
|
7840
|
-
}
|
|
7841
|
-
.bp_link_module_link--aa435:focus-visible:active{
|
|
7842
|
-
color:var(--text-cta-link-pressed);
|
|
7843
|
-
}
|
|
7844
|
-
.bp_link_module_link--aa435.bp_link_module_inheritFont--aa435{
|
|
7845
|
-
font:inherit;
|
|
7846
|
-
}
|
|
7847
|
-
.bp_link_module_link--aa435.bp_link_module_standalone--aa435{
|
|
7848
|
-
text-decoration:none;
|
|
7849
|
-
}
|
|
7850
|
-
.bp_link_module_link--aa435.bp_link_module_hasIcon--aa435{
|
|
7851
|
-
align-items:center;
|
|
7852
|
-
display:inline-flex;
|
|
7853
|
-
gap:var(--space-1);
|
|
7854
|
-
}
|
|
7855
|
-
.bp_link_module_link--aa435 .bp_link_module_icon--aa435{
|
|
7856
|
-
flex-shrink:0;
|
|
7857
|
-
}
|
|
7858
|
-
.bp_link_module_link--aa435 .bp_link_module_icon--aa435 *{
|
|
7859
|
-
fill:currentcolor;
|
|
7860
|
-
}
|
|
7861
|
-
|
|
7862
|
-
.bp_link_module_link--aa435:where([data-modern=false]){
|
|
7863
|
-
font-family:var(--link-default-font-family);
|
|
7864
|
-
font-size:var(--link-default-font-size);
|
|
7865
|
-
font-weight:var(--link-default-font-weight);
|
|
7866
|
-
letter-spacing:var(--link-default-letter-spacing);
|
|
7867
|
-
line-height:var(--link-default-line-height);
|
|
7868
|
-
text-decoration:var(--link-default-text-decoration);
|
|
7869
|
-
text-transform:var(--link-default-text-case);
|
|
7870
|
-
}
|
|
7871
|
-
|
|
7872
|
-
.bp_link_module_link--aa435:where([data-modern=true]){
|
|
7823
|
+
.bp_link_module_link--05bf1{
|
|
7873
7824
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7874
7825
|
font-size:var(--bp-font-size-05);
|
|
7875
7826
|
font-style:normal;
|
|
@@ -7883,7 +7834,7 @@
|
|
|
7883
7834
|
text-decoration-thickness:auto;
|
|
7884
7835
|
text-underline-offset:auto;
|
|
7885
7836
|
}
|
|
7886
|
-
:where(body.is-inter-font) .bp_link_module_link--
|
|
7837
|
+
:where(body.is-inter-font) .bp_link_module_link--05bf1{
|
|
7887
7838
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7888
7839
|
font-size:.875rem;
|
|
7889
7840
|
font-style:normal;
|
|
@@ -7898,6 +7849,45 @@
|
|
|
7898
7849
|
text-transform:none;
|
|
7899
7850
|
text-underline-offset:auto;
|
|
7900
7851
|
}
|
|
7852
|
+
|
|
7853
|
+
.bp_link_module_link--05bf1{
|
|
7854
|
+
color:var(--text-cta-link);
|
|
7855
|
+
}
|
|
7856
|
+
.bp_link_module_link--05bf1:hover{
|
|
7857
|
+
color:var(--text-cta-link-hover);
|
|
7858
|
+
}
|
|
7859
|
+
.bp_link_module_link--05bf1:active{
|
|
7860
|
+
color:var(--text-cta-link-pressed);
|
|
7861
|
+
}
|
|
7862
|
+
.bp_link_module_link--05bf1:focus-visible:focus-visible{
|
|
7863
|
+
box-shadow:0 0 0 var(--border-2) var(--outline-focus-on-light);
|
|
7864
|
+
outline:none;
|
|
7865
|
+
overflow:visible;
|
|
7866
|
+
}
|
|
7867
|
+
.bp_link_module_link--05bf1:focus-visible{
|
|
7868
|
+
border-radius:var(--radius-05);
|
|
7869
|
+
color:var(--text-cta-link-hover);
|
|
7870
|
+
}
|
|
7871
|
+
.bp_link_module_link--05bf1:focus-visible:active{
|
|
7872
|
+
color:var(--text-cta-link-pressed);
|
|
7873
|
+
}
|
|
7874
|
+
.bp_link_module_link--05bf1.bp_link_module_inheritFont--05bf1{
|
|
7875
|
+
font:inherit;
|
|
7876
|
+
}
|
|
7877
|
+
.bp_link_module_link--05bf1.bp_link_module_standalone--05bf1{
|
|
7878
|
+
text-decoration:none;
|
|
7879
|
+
}
|
|
7880
|
+
.bp_link_module_link--05bf1.bp_link_module_hasIcon--05bf1{
|
|
7881
|
+
align-items:center;
|
|
7882
|
+
display:inline-flex;
|
|
7883
|
+
gap:var(--space-1);
|
|
7884
|
+
}
|
|
7885
|
+
.bp_link_module_link--05bf1 .bp_link_module_icon--05bf1{
|
|
7886
|
+
flex-shrink:0;
|
|
7887
|
+
}
|
|
7888
|
+
.bp_link_module_link--05bf1 .bp_link_module_icon--05bf1 *{
|
|
7889
|
+
fill:currentcolor;
|
|
7890
|
+
}
|
|
7901
7891
|
.bp_base_grid_list_item_module_smallList--e6f7b[data-modern=false]{
|
|
7902
7892
|
--small-list-gap:var(--space-2);
|
|
7903
7893
|
--small-list-padding:var(--space-1);
|
|
@@ -12757,52 +12747,17 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12757
12747
|
opacity:.3;
|
|
12758
12748
|
}
|
|
12759
12749
|
|
|
12760
|
-
.bp_tabs_module_hiddenWidthSetter--
|
|
12750
|
+
.bp_tabs_module_hiddenWidthSetter--22ec8{
|
|
12761
12751
|
display:block;
|
|
12762
12752
|
height:0;
|
|
12763
12753
|
overflow:hidden;
|
|
12764
12754
|
visibility:hidden;
|
|
12765
12755
|
}
|
|
12766
|
-
.bp_tabs_module_hiddenWidthSetter--
|
|
12756
|
+
.bp_tabs_module_hiddenWidthSetter--22ec8 > *{
|
|
12767
12757
|
visibility:hidden;
|
|
12768
12758
|
}
|
|
12769
12759
|
|
|
12770
|
-
.bp_tabs_module_contentSwitchTabList--
|
|
12771
|
-
--content-switch-tab-list-gap:var(--space-1);
|
|
12772
|
-
--content-switch-tab-list-padding:var(--space-1);
|
|
12773
|
-
--content-switch-tab-list-background:var(--surface-contentswitcher-surface);
|
|
12774
|
-
--content-switch-tab-list-border-radius:var(--radius-7);
|
|
12775
|
-
--content-switch-tab-height:var(--size-8);
|
|
12776
|
-
--content-switch-tab-border-radius:var(--radius-6);
|
|
12777
|
-
--content-switch-tab-padding-inline:var(--space-4);
|
|
12778
|
-
--content-switch-tab-color:var(--text-text-on-light);
|
|
12779
|
-
--content-switch-tab-selected-color:var(--text-text-on-light);
|
|
12780
|
-
--content-switch-tab-selected-background:var(--surface-cta-surface-secondary);
|
|
12781
|
-
--content-switch-tab-selected-box-shadow:0 0 0 var(--border-1) var(--gray-50);
|
|
12782
|
-
--content-switch-tab-focus-box-shadow:0 0 0 var(--border-2) var(--outline-focus-on-light);
|
|
12783
|
-
--content-switch-tab-hover-background:var(--surface-surface-hover);
|
|
12784
|
-
--content-switch-tab-active-background:var(--surface-cta-surface-secondary-pressed);
|
|
12785
|
-
}
|
|
12786
|
-
.bp_tabs_module_contentSwitchTabList--d80e8[data-modern=false] .bp_tabs_module_contentSwitchTab--d80e8{
|
|
12787
|
-
font-family:var(--body-default-font-family);
|
|
12788
|
-
font-size:var(--body-default-font-size);
|
|
12789
|
-
font-weight:var(--body-default-font-weight);
|
|
12790
|
-
letter-spacing:var(--body-default-letter-spacing);
|
|
12791
|
-
line-height:var(--body-default-line-height);
|
|
12792
|
-
text-decoration:var(--body-default-text-decoration);
|
|
12793
|
-
text-transform:var(--body-default-text-case);
|
|
12794
|
-
}
|
|
12795
|
-
.bp_tabs_module_contentSwitchTabList--d80e8[data-modern=false] .bp_tabs_module_contentSwitchTab--d80e8 .bp_tabs_module_hiddenWidthSetter--d80e8,.bp_tabs_module_contentSwitchTabList--d80e8[data-modern=false] .bp_tabs_module_contentSwitchTab--d80e8[aria-selected=true]{
|
|
12796
|
-
font-family:var(--body-default-bold-font-family);
|
|
12797
|
-
font-size:var(--body-default-bold-font-size);
|
|
12798
|
-
font-weight:var(--body-default-bold-font-weight);
|
|
12799
|
-
letter-spacing:var(--body-default-bold-letter-spacing);
|
|
12800
|
-
line-height:var(--body-default-bold-line-height);
|
|
12801
|
-
text-decoration:var(--body-default-bold-text-decoration);
|
|
12802
|
-
text-transform:var(--body-default-bold-text-case);
|
|
12803
|
-
}
|
|
12804
|
-
|
|
12805
|
-
.bp_tabs_module_contentSwitchTabList--d80e8[data-modern=true]{
|
|
12760
|
+
.bp_tabs_module_contentSwitchTabList--22ec8{
|
|
12806
12761
|
--content-switch-tab-list-gap:var(--bp-space-010);
|
|
12807
12762
|
--content-switch-tab-list-padding:var(--bp-space-010);
|
|
12808
12763
|
--content-switch-tab-list-background:var(--bp-surface-content-switcher-surface);
|
|
@@ -12816,8 +12771,16 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12816
12771
|
--content-switch-tab-selected-box-shadow:0 0 0 var(--bp-border-01) var(--bp-border-content-switcher-border);
|
|
12817
12772
|
--content-switch-tab-focus-box-shadow:0 0 0 var(--bp-border-02) var(--bp-outline-focus-on-light);
|
|
12818
12773
|
--content-switch-tab-hover-background:var(--bp-surface-content-switcher-surface-hover);
|
|
12774
|
+
background:var(--content-switch-tab-list-background);
|
|
12775
|
+
border-radius:var(--content-switch-tab-list-border-radius);
|
|
12776
|
+
display:grid;
|
|
12777
|
+
gap:var(--content-switch-tab-list-gap);
|
|
12778
|
+
grid-auto-columns:1fr;
|
|
12779
|
+
grid-auto-flow:column;
|
|
12780
|
+
min-width:fit-content;
|
|
12781
|
+
padding:var(--content-switch-tab-list-padding);
|
|
12819
12782
|
}
|
|
12820
|
-
.bp_tabs_module_contentSwitchTabList--
|
|
12783
|
+
.bp_tabs_module_contentSwitchTabList--22ec8 .bp_tabs_module_contentSwitchTab--22ec8{
|
|
12821
12784
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
12822
12785
|
font-size:var(--bp-font-size-05);
|
|
12823
12786
|
font-style:normal;
|
|
@@ -12825,7 +12788,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12825
12788
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
12826
12789
|
line-height:var(--bp-font-line-height-04);
|
|
12827
12790
|
}
|
|
12828
|
-
:where(body.is-inter-font) .bp_tabs_module_contentSwitchTabList--
|
|
12791
|
+
:where(body.is-inter-font) .bp_tabs_module_contentSwitchTabList--22ec8 .bp_tabs_module_contentSwitchTab--22ec8{
|
|
12829
12792
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
12830
12793
|
font-size:.875rem;
|
|
12831
12794
|
font-style:normal;
|
|
@@ -12836,7 +12799,21 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12836
12799
|
text-transform:none;
|
|
12837
12800
|
}
|
|
12838
12801
|
|
|
12839
|
-
.bp_tabs_module_contentSwitchTabList--
|
|
12802
|
+
.bp_tabs_module_contentSwitchTabList--22ec8 .bp_tabs_module_contentSwitchTab--22ec8{
|
|
12803
|
+
align-items:center;
|
|
12804
|
+
background:#0000;
|
|
12805
|
+
border:none;
|
|
12806
|
+
border-radius:var(--content-switch-tab-border-radius);
|
|
12807
|
+
color:var(--content-switch-tab-color);
|
|
12808
|
+
display:flex;
|
|
12809
|
+
flex-direction:column;
|
|
12810
|
+
height:var(--content-switch-tab-height);
|
|
12811
|
+
justify-content:center;
|
|
12812
|
+
outline:none;
|
|
12813
|
+
padding-inline:var(--content-switch-tab-padding-inline);
|
|
12814
|
+
white-space:nowrap;
|
|
12815
|
+
}
|
|
12816
|
+
.bp_tabs_module_contentSwitchTabList--22ec8 .bp_tabs_module_contentSwitchTab--22ec8[aria-selected=true]{
|
|
12840
12817
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
12841
12818
|
font-size:var(--bp-font-size-05);
|
|
12842
12819
|
font-style:normal;
|
|
@@ -12844,7 +12821,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12844
12821
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
12845
12822
|
line-height:var(--bp-font-line-height-04);
|
|
12846
12823
|
}
|
|
12847
|
-
:where(body.is-inter-font) .bp_tabs_module_contentSwitchTabList--
|
|
12824
|
+
:where(body.is-inter-font) .bp_tabs_module_contentSwitchTabList--22ec8 .bp_tabs_module_contentSwitchTab--22ec8[aria-selected=true]{
|
|
12848
12825
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
12849
12826
|
font-size:.875rem;
|
|
12850
12827
|
font-style:normal;
|
|
@@ -12855,7 +12832,12 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12855
12832
|
text-transform:none;
|
|
12856
12833
|
}
|
|
12857
12834
|
|
|
12858
|
-
.bp_tabs_module_contentSwitchTabList--
|
|
12835
|
+
.bp_tabs_module_contentSwitchTabList--22ec8 .bp_tabs_module_contentSwitchTab--22ec8[aria-selected=true]{
|
|
12836
|
+
background:var(--content-switch-tab-selected-background);
|
|
12837
|
+
box-shadow:var(--content-switch-tab-selected-box-shadow);
|
|
12838
|
+
color:var(--content-switch-tab-selected-color);
|
|
12839
|
+
}
|
|
12840
|
+
.bp_tabs_module_contentSwitchTabList--22ec8 .bp_tabs_module_contentSwitchTab--22ec8 .bp_tabs_module_hiddenWidthSetter--22ec8{
|
|
12859
12841
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
12860
12842
|
font-size:var(--bp-font-size-05);
|
|
12861
12843
|
font-style:normal;
|
|
@@ -12863,7 +12845,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12863
12845
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
12864
12846
|
line-height:var(--bp-font-line-height-04);
|
|
12865
12847
|
}
|
|
12866
|
-
:where(body.is-inter-font) .bp_tabs_module_contentSwitchTabList--
|
|
12848
|
+
:where(body.is-inter-font) .bp_tabs_module_contentSwitchTabList--22ec8 .bp_tabs_module_contentSwitchTab--22ec8 .bp_tabs_module_hiddenWidthSetter--22ec8{
|
|
12867
12849
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
12868
12850
|
font-size:.875rem;
|
|
12869
12851
|
font-style:normal;
|
|
@@ -12874,50 +12856,19 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12874
12856
|
text-transform:none;
|
|
12875
12857
|
}
|
|
12876
12858
|
|
|
12877
|
-
.
|
|
12878
|
-
|
|
12879
|
-
|
|
12880
|
-
--tab-background:var(--background-background);
|
|
12881
|
-
--tab-background-hover:var(--surface-tab-surface-hover);
|
|
12882
|
-
--tab-background-pressed:var(--surface-tab-surface-pressed);
|
|
12883
|
-
--tab-border-radius:var(--radius-05);
|
|
12884
|
-
--tab-border-radius-top-left:var(--radius-05);
|
|
12885
|
-
--tab-border-radius-top-right:var(--radius-05);
|
|
12886
|
-
--tab-font-color:var(--text-text-on-light-secondary);
|
|
12887
|
-
--tab-font-color-hover:var(--text-text-on-light-secondary-hover);
|
|
12888
|
-
--tab-font-selected-color:var(--text-cta-link);
|
|
12889
|
-
--tab-border:var(--border-1) solid var(--border-tab-border);
|
|
12890
|
-
--tab-border-hover:var(--border-1) solid var(--border-tab-border);
|
|
12891
|
-
--tab-border-selected:var(--border-2) solid var(--border-tab-border-selected);
|
|
12892
|
-
--tab-border-selected-hover:var(--border-2) solid var(--border-tab-border-selected-hover);
|
|
12893
|
-
--tab-border-focus:var(--border-2) solid var(--border-tab-border);
|
|
12894
|
-
--tab-gap:var(--space-4);
|
|
12895
|
-
--tab-separator-border:var(--border-1) solid var(--border-tab-border);
|
|
12896
|
-
--tab-border-focus-outline-width:var(--border-3);
|
|
12897
|
-
--tab-border-focus-outline-color:var(--outline-focus-on-light);
|
|
12898
|
-
--tab-border-focus-outline-offset:var(--border-1);
|
|
12899
|
-
--tab-border-hover-color:var(--border-tab-border-hover);
|
|
12900
|
-
}
|
|
12901
|
-
.bp_tabs_module_tabsListContainer--d80e8[data-modern=false] .bp_tabs_module_tab--d80e8{
|
|
12902
|
-
font-family:var(--body-default-font-family);
|
|
12903
|
-
font-size:var(--body-default-font-size);
|
|
12904
|
-
font-weight:var(--body-default-font-weight);
|
|
12905
|
-
letter-spacing:var(--body-default-letter-spacing);
|
|
12906
|
-
line-height:var(--body-default-line-height);
|
|
12907
|
-
text-decoration:var(--body-default-text-decoration);
|
|
12908
|
-
text-transform:var(--body-default-text-case);
|
|
12859
|
+
.bp_tabs_module_contentSwitchTabList--22ec8 .bp_tabs_module_contentSwitchTab--22ec8:not([aria-disabled=true])[data-focus-visible]{
|
|
12860
|
+
border-color:#0000;
|
|
12861
|
+
box-shadow:var(--content-switch-tab-focus-box-shadow);
|
|
12909
12862
|
}
|
|
12910
|
-
.
|
|
12911
|
-
|
|
12912
|
-
|
|
12913
|
-
|
|
12914
|
-
|
|
12915
|
-
|
|
12916
|
-
text-decoration:var(--body-default-bold-text-decoration);
|
|
12917
|
-
text-transform:var(--body-default-bold-text-case);
|
|
12863
|
+
.bp_tabs_module_contentSwitchTabList--22ec8 .bp_tabs_module_contentSwitchTab--22ec8:not([aria-disabled=true]):hover,.bp_tabs_module_contentSwitchTabList--22ec8 .bp_tabs_module_contentSwitchTab--22ec8:not([aria-disabled=true])[data-focus-visible]:not([aria-selected=true]){
|
|
12864
|
+
background:var(--content-switch-tab-hover-background);
|
|
12865
|
+
}
|
|
12866
|
+
.bp_tabs_module_contentSwitchTabList--22ec8 .bp_tabs_module_contentSwitchTab--22ec8[aria-disabled=true]{
|
|
12867
|
+
opacity:.3;
|
|
12868
|
+
pointer-events:none;
|
|
12918
12869
|
}
|
|
12919
12870
|
|
|
12920
|
-
.bp_tabs_module_tabsListContainer--
|
|
12871
|
+
.bp_tabs_module_tabsListContainer--22ec8{
|
|
12921
12872
|
--tab-height:var(--bp-size-100);
|
|
12922
12873
|
--tab-inline-padding:var(--bp-space-030);
|
|
12923
12874
|
--tab-background:var(--bp-surface-tab-surface);
|
|
@@ -12939,10 +12890,37 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12939
12890
|
--tab-border-focus-outline-width:var(--bp-border-03);
|
|
12940
12891
|
--tab-border-focus-outline-color:var(--bp-outline-focus-on-light);
|
|
12941
12892
|
--tab-border-focus-outline-offset:var(--bp-border-01);
|
|
12942
|
-
--tab-border-
|
|
12943
|
-
|
|
12893
|
+
height:calc(var(--tab-height) + (var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset))*2);
|
|
12894
|
+
overflow-y:hidden;
|
|
12895
|
+
scroll-behavior:smooth;
|
|
12944
12896
|
}
|
|
12945
|
-
.bp_tabs_module_tabsListContainer--
|
|
12897
|
+
.bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8{
|
|
12898
|
+
display:flex;
|
|
12899
|
+
overflow-x:auto;
|
|
12900
|
+
padding:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
|
|
12901
|
+
position:relative;
|
|
12902
|
+
}
|
|
12903
|
+
.bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8::after{
|
|
12904
|
+
border-bottom:var(--tab-border);
|
|
12905
|
+
bottom:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
|
|
12906
|
+
content:"";
|
|
12907
|
+
left:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
|
|
12908
|
+
position:absolute;
|
|
12909
|
+
right:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
|
|
12910
|
+
}
|
|
12911
|
+
.bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tabSeparator--22ec8{
|
|
12912
|
+
border-bottom:var(--tab-separator-border);
|
|
12913
|
+
min-width:var(--tab-gap);
|
|
12914
|
+
}
|
|
12915
|
+
.bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tabSeparator--22ec8:last-child{
|
|
12916
|
+
display:none;
|
|
12917
|
+
}
|
|
12918
|
+
@media only screen and (max-width: 1023px){
|
|
12919
|
+
.bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tabSeparator--22ec8{
|
|
12920
|
+
min-width:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
|
|
12921
|
+
}
|
|
12922
|
+
}
|
|
12923
|
+
.bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tab--22ec8{
|
|
12946
12924
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
12947
12925
|
font-size:var(--bp-font-size-05);
|
|
12948
12926
|
font-style:normal;
|
|
@@ -12950,7 +12928,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12950
12928
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
12951
12929
|
line-height:var(--bp-font-line-height-04);
|
|
12952
12930
|
}
|
|
12953
|
-
:where(body.is-inter-font) .bp_tabs_module_tabsListContainer--
|
|
12931
|
+
:where(body.is-inter-font) .bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tab--22ec8{
|
|
12954
12932
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
12955
12933
|
font-size:.875rem;
|
|
12956
12934
|
font-style:normal;
|
|
@@ -12961,7 +12939,22 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12961
12939
|
text-transform:none;
|
|
12962
12940
|
}
|
|
12963
12941
|
|
|
12964
|
-
.bp_tabs_module_tabsListContainer--
|
|
12942
|
+
.bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tab--22ec8{
|
|
12943
|
+
align-items:center;
|
|
12944
|
+
background:var(--tab-background);
|
|
12945
|
+
border-style:none;
|
|
12946
|
+
border-bottom:var(--tab-border);
|
|
12947
|
+
border-top-left-radius:var(--tab-border-radius-top-left);
|
|
12948
|
+
border-top-right-radius:var(--tab-border-radius-top-right);
|
|
12949
|
+
color:var(--tab-font-color);
|
|
12950
|
+
cursor:pointer;
|
|
12951
|
+
display:flex;
|
|
12952
|
+
height:var(--tab-height);
|
|
12953
|
+
padding-inline:var(--tab-inline-padding);
|
|
12954
|
+
scroll-margin:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
|
|
12955
|
+
z-index:2;
|
|
12956
|
+
}
|
|
12957
|
+
.bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tab--22ec8[aria-selected=true]{
|
|
12965
12958
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
12966
12959
|
font-size:var(--bp-font-size-05);
|
|
12967
12960
|
font-style:normal;
|
|
@@ -12969,7 +12962,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12969
12962
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
12970
12963
|
line-height:var(--bp-font-line-height-04);
|
|
12971
12964
|
}
|
|
12972
|
-
:where(body.is-inter-font) .bp_tabs_module_tabsListContainer--
|
|
12965
|
+
:where(body.is-inter-font) .bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tab--22ec8[aria-selected=true]{
|
|
12973
12966
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
12974
12967
|
font-size:.875rem;
|
|
12975
12968
|
font-style:normal;
|
|
@@ -12980,7 +12973,11 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12980
12973
|
text-transform:none;
|
|
12981
12974
|
}
|
|
12982
12975
|
|
|
12983
|
-
.bp_tabs_module_tabsListContainer--
|
|
12976
|
+
.bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tab--22ec8[aria-selected=true]{
|
|
12977
|
+
border-bottom:var(--tab-border-selected);
|
|
12978
|
+
color:var(--tab-font-selected-color);
|
|
12979
|
+
}
|
|
12980
|
+
.bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tab--22ec8 .bp_tabs_module_hiddenWidthSetter--22ec8{
|
|
12984
12981
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
12985
12982
|
font-size:var(--bp-font-size-05);
|
|
12986
12983
|
font-style:normal;
|
|
@@ -12988,7 +12985,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12988
12985
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
12989
12986
|
line-height:var(--bp-font-line-height-04);
|
|
12990
12987
|
}
|
|
12991
|
-
:where(body.is-inter-font) .bp_tabs_module_tabsListContainer--
|
|
12988
|
+
:where(body.is-inter-font) .bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tab--22ec8 .bp_tabs_module_hiddenWidthSetter--22ec8{
|
|
12992
12989
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
12993
12990
|
font-size:.875rem;
|
|
12994
12991
|
font-style:normal;
|
|
@@ -12999,117 +12996,23 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12999
12996
|
text-transform:none;
|
|
13000
12997
|
}
|
|
13001
12998
|
|
|
13002
|
-
.
|
|
13003
|
-
background:var(--content-switch-tab-list-background);
|
|
13004
|
-
border-radius:var(--content-switch-tab-list-border-radius);
|
|
13005
|
-
display:grid;
|
|
13006
|
-
gap:var(--content-switch-tab-list-gap);
|
|
13007
|
-
grid-auto-columns:1fr;
|
|
13008
|
-
grid-auto-flow:column;
|
|
13009
|
-
min-width:fit-content;
|
|
13010
|
-
padding:var(--content-switch-tab-list-padding);
|
|
13011
|
-
}
|
|
13012
|
-
.bp_tabs_module_contentSwitchTabList--d80e8 .bp_tabs_module_contentSwitchTab--d80e8{
|
|
13013
|
-
align-items:center;
|
|
13014
|
-
background:#0000;
|
|
13015
|
-
border:none;
|
|
13016
|
-
border-radius:var(--content-switch-tab-border-radius);
|
|
13017
|
-
color:var(--content-switch-tab-color);
|
|
13018
|
-
display:flex;
|
|
13019
|
-
flex-direction:column;
|
|
13020
|
-
height:var(--content-switch-tab-height);
|
|
13021
|
-
justify-content:center;
|
|
13022
|
-
outline:none;
|
|
13023
|
-
padding-inline:var(--content-switch-tab-padding-inline);
|
|
13024
|
-
white-space:nowrap;
|
|
13025
|
-
}
|
|
13026
|
-
.bp_tabs_module_contentSwitchTabList--d80e8 .bp_tabs_module_contentSwitchTab--d80e8[aria-selected=true]{
|
|
13027
|
-
background:var(--content-switch-tab-selected-background);
|
|
13028
|
-
box-shadow:var(--content-switch-tab-selected-box-shadow);
|
|
13029
|
-
color:var(--content-switch-tab-selected-color);
|
|
13030
|
-
}
|
|
13031
|
-
.bp_tabs_module_contentSwitchTabList--d80e8 .bp_tabs_module_contentSwitchTab--d80e8:not([aria-disabled=true])[data-focus-visible]{
|
|
13032
|
-
border-color:#0000;
|
|
13033
|
-
box-shadow:var(--content-switch-tab-focus-box-shadow);
|
|
13034
|
-
}
|
|
13035
|
-
.bp_tabs_module_contentSwitchTabList--d80e8 .bp_tabs_module_contentSwitchTab--d80e8:not([aria-disabled=true]):hover,.bp_tabs_module_contentSwitchTabList--d80e8 .bp_tabs_module_contentSwitchTab--d80e8:not([aria-disabled=true])[data-focus-visible]:not([aria-selected=true]){
|
|
13036
|
-
background:var(--content-switch-tab-hover-background);
|
|
13037
|
-
}
|
|
13038
|
-
.bp_tabs_module_contentSwitchTabList--d80e8 .bp_tabs_module_contentSwitchTab--d80e8:not([aria-disabled=true]):active{
|
|
13039
|
-
background:var(--content-switch-tab-active-background);
|
|
13040
|
-
}
|
|
13041
|
-
.bp_tabs_module_contentSwitchTabList--d80e8 .bp_tabs_module_contentSwitchTab--d80e8[aria-disabled=true]{
|
|
13042
|
-
opacity:.3;
|
|
13043
|
-
pointer-events:none;
|
|
13044
|
-
}
|
|
13045
|
-
|
|
13046
|
-
.bp_tabs_module_tabsListContainer--d80e8{
|
|
13047
|
-
height:calc(var(--tab-height) + (var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset))*2);
|
|
13048
|
-
overflow-y:hidden;
|
|
13049
|
-
scroll-behavior:smooth;
|
|
13050
|
-
}
|
|
13051
|
-
.bp_tabs_module_tabsListContainer--d80e8 .bp_tabs_module_tabList--d80e8{
|
|
13052
|
-
display:flex;
|
|
13053
|
-
overflow-x:auto;
|
|
13054
|
-
padding:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
|
|
13055
|
-
position:relative;
|
|
13056
|
-
}
|
|
13057
|
-
.bp_tabs_module_tabsListContainer--d80e8 .bp_tabs_module_tabList--d80e8::after{
|
|
13058
|
-
border-bottom:var(--tab-border);
|
|
13059
|
-
bottom:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
|
|
13060
|
-
content:"";
|
|
13061
|
-
left:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
|
|
13062
|
-
position:absolute;
|
|
13063
|
-
right:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
|
|
13064
|
-
}
|
|
13065
|
-
.bp_tabs_module_tabsListContainer--d80e8 .bp_tabs_module_tabList--d80e8 .bp_tabs_module_tabSeparator--d80e8{
|
|
13066
|
-
border-bottom:var(--tab-separator-border);
|
|
13067
|
-
min-width:var(--tab-gap);
|
|
13068
|
-
}
|
|
13069
|
-
.bp_tabs_module_tabsListContainer--d80e8 .bp_tabs_module_tabList--d80e8 .bp_tabs_module_tabSeparator--d80e8:last-child{
|
|
13070
|
-
display:none;
|
|
13071
|
-
}
|
|
13072
|
-
@media only screen and (max-width: 1023px){
|
|
13073
|
-
.bp_tabs_module_tabsListContainer--d80e8 .bp_tabs_module_tabList--d80e8 .bp_tabs_module_tabSeparator--d80e8{
|
|
13074
|
-
min-width:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
|
|
13075
|
-
}
|
|
13076
|
-
}
|
|
13077
|
-
.bp_tabs_module_tabsListContainer--d80e8 .bp_tabs_module_tabList--d80e8 .bp_tabs_module_tab--d80e8{
|
|
13078
|
-
align-items:center;
|
|
13079
|
-
background:var(--tab-background);
|
|
13080
|
-
border-style:none;
|
|
13081
|
-
border-bottom:var(--tab-border);
|
|
13082
|
-
border-top-left-radius:var(--tab-border-radius-top-left);
|
|
13083
|
-
border-top-right-radius:var(--tab-border-radius-top-right);
|
|
13084
|
-
color:var(--tab-font-color);
|
|
13085
|
-
cursor:pointer;
|
|
13086
|
-
display:flex;
|
|
13087
|
-
height:var(--tab-height);
|
|
13088
|
-
padding-inline:var(--tab-inline-padding);
|
|
13089
|
-
scroll-margin:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
|
|
13090
|
-
z-index:2;
|
|
13091
|
-
}
|
|
13092
|
-
.bp_tabs_module_tabsListContainer--d80e8 .bp_tabs_module_tabList--d80e8 .bp_tabs_module_tab--d80e8[aria-selected=true]{
|
|
13093
|
-
border-bottom:var(--tab-border-selected);
|
|
13094
|
-
color:var(--tab-font-selected-color);
|
|
13095
|
-
}
|
|
13096
|
-
.bp_tabs_module_tabsListContainer--d80e8 .bp_tabs_module_tabList--d80e8 .bp_tabs_module_tab--d80e8:hover{
|
|
12999
|
+
.bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tab--22ec8:hover{
|
|
13097
13000
|
background-color:var(--tab-background-hover);
|
|
13098
13001
|
border-bottom:var(--tab-border-hover);
|
|
13099
13002
|
color:var(--tab-font-color-hover);
|
|
13100
13003
|
}
|
|
13101
|
-
.bp_tabs_module_tabsListContainer--
|
|
13004
|
+
.bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tab--22ec8:hover[aria-selected=true]{
|
|
13102
13005
|
border-bottom:var(--tab-border-selected-hover);
|
|
13103
13006
|
color:var(--tab-font-selected-color);
|
|
13104
13007
|
}
|
|
13105
|
-
.bp_tabs_module_tabsListContainer--
|
|
13008
|
+
.bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tab--22ec8:active{
|
|
13106
13009
|
background-color:var(--tab-background-pressed);
|
|
13107
13010
|
color:var(--tab-font-color-hover);
|
|
13108
13011
|
}
|
|
13109
|
-
.bp_tabs_module_tabsListContainer--
|
|
13012
|
+
.bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tab--22ec8:active[aria-selected=true]{
|
|
13110
13013
|
color:var(--tab-font-selected-color);
|
|
13111
13014
|
}
|
|
13112
|
-
.bp_tabs_module_tabsListContainer--
|
|
13015
|
+
.bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tab--22ec8:focus-visible,.bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tab--22ec8[data-focus-visible]{
|
|
13113
13016
|
background-color:var(--tab-background-hover);
|
|
13114
13017
|
border-bottom:var(--tab-border-focus);
|
|
13115
13018
|
border-radius:var(--tab-border-radius);
|
|
@@ -13118,11 +13021,11 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
13118
13021
|
outline:var(--tab-border-focus-outline-width) solid var(--tab-border-focus-outline-color);
|
|
13119
13022
|
outline-offset:var(--tab-border-focus-outline-offset);
|
|
13120
13023
|
}
|
|
13121
|
-
.bp_tabs_module_tabsListContainer--
|
|
13024
|
+
.bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tab--22ec8:focus-visible[aria-selected=true],.bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tab--22ec8[data-focus-visible][aria-selected=true]{
|
|
13122
13025
|
border-bottom:var(--tab-border-selected);
|
|
13123
13026
|
color:var(--tab-font-selected-color);
|
|
13124
13027
|
}
|
|
13125
|
-
.bp_tabs_module_tabsListContainer--
|
|
13028
|
+
.bp_tabs_module_tabsListContainer--22ec8 .bp_tabs_module_tabList--22ec8 .bp_tabs_module_tab--22ec8[aria-disabled=true]{
|
|
13126
13029
|
opacity:.5;
|
|
13127
13030
|
}
|
|
13128
13031
|
.bp_radio_group_module_root--c45d0[data-modern=false]{
|