@box/blueprint-web 12.77.3 → 12.78.0
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/date-picker/date-picker.module.js +1 -1
- package/dist/lib-esm/index.css +169 -147
- package/dist/lib-esm/primitives/calendar/calendar.js +7 -4
- package/dist/lib-esm/primitives/calendar/calendar.module.js +1 -1
- package/dist/lib-esm/util-components/base-grid-list-item/base-grid-list-item.module.js +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"datePicker":"bp_date_picker_module_datePicker--
|
|
2
|
+
var styles = {"datePicker":"bp_date_picker_module_datePicker--bf2e1","label":"bp_date_picker_module_label--bf2e1","disabled":"bp_date_picker_module_disabled--bf2e1","group":"bp_date_picker_module_group--bf2e1","groupContainer":"bp_date_picker_module_groupContainer--bf2e1","error":"bp_date_picker_module_error--bf2e1","groupContainerInput":"bp_date_picker_module_groupContainerInput--bf2e1","groupContainerInputSegment":"bp_date_picker_module_groupContainerInputSegment--bf2e1","button":"bp_date_picker_module_button--bf2e1","clear":"bp_date_picker_module_clear--bf2e1","inlineError":"bp_date_picker_module_inlineError--bf2e1","datePickerPopoverContent":"bp_date_picker_module_datePickerPopoverContent--bf2e1","slide":"bp_date_picker_module_slide--bf2e1"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
package/dist/lib-esm/index.css
CHANGED
|
@@ -4434,7 +4434,7 @@
|
|
|
4434
4434
|
z-index:-1;
|
|
4435
4435
|
}
|
|
4436
4436
|
|
|
4437
|
-
.bp_calendar_module_calendar--
|
|
4437
|
+
.bp_calendar_module_calendar--98baa[data-modern=false]{
|
|
4438
4438
|
--calendar-background:var(--gray-white);
|
|
4439
4439
|
--calendar-padding-inline:var(--space-4);
|
|
4440
4440
|
--calendar-padding-block:var(--space-4);
|
|
@@ -4467,7 +4467,7 @@
|
|
|
4467
4467
|
--calendar-focus-outline:var(--border-1) solid #fff;
|
|
4468
4468
|
}
|
|
4469
4469
|
|
|
4470
|
-
.bp_calendar_module_calendar--
|
|
4470
|
+
.bp_calendar_module_calendar--98baa[data-modern=true]{
|
|
4471
4471
|
--calendar-background:var(--bp-gray-white);
|
|
4472
4472
|
--calendar-padding-inline:var(--bp-space-040);
|
|
4473
4473
|
--calendar-padding-block:var(--bp-space-040);
|
|
@@ -4479,15 +4479,15 @@
|
|
|
4479
4479
|
--calendar-cell-selected-focused-background:var(--bp-dark-blue-100);
|
|
4480
4480
|
--calendar-cell-outside-range-text-color:var(--bp-gray-10);
|
|
4481
4481
|
--calendar-cell-selected-text-color:var(--bp-gray-white);
|
|
4482
|
-
--calendar-cell-border-radius:var(--bp-radius-
|
|
4483
|
-
--calendar-cell-text-color:var(--bp-
|
|
4482
|
+
--calendar-cell-border-radius:var(--bp-radius-04);
|
|
4483
|
+
--calendar-cell-text-color:var(--bp-text-text-on-light);
|
|
4484
4484
|
--calendar-cell-today-text-color:var(--bp-box-blue-100);
|
|
4485
4485
|
--calendar-cell-today-disabled-opacity:.6;
|
|
4486
4486
|
--calendar-cell-today-dot-diameter:var(--bp-space-010);
|
|
4487
4487
|
--calendar-cell-today-dot-background:var(--bp-box-blue-100);
|
|
4488
4488
|
--calendar-cell-today-dot-bottom:var(--bp-space-010);
|
|
4489
4489
|
--calendar-cell-size:var(--bp-size-080);
|
|
4490
|
-
--calendar-cell-focus-box-shadow:0 0 0 var(--bp-size-005) var(--bp-
|
|
4490
|
+
--calendar-cell-focus-box-shadow:0 0 0 var(--bp-size-005) var(--bp-outline-focus-on-light);
|
|
4491
4491
|
--calendar-header-text-color:var(--bp-text-text-on-light);
|
|
4492
4492
|
--calendar-header-button-background:var(--bp-gray-white);
|
|
4493
4493
|
--calendar-header-button-hover-background:var(--bp-gray-05);
|
|
@@ -4499,8 +4499,22 @@
|
|
|
4499
4499
|
--calendar-disabled-text-color:var(--bp-gray-30);
|
|
4500
4500
|
--calendar-focus-outline:var(--bp-border-01) solid #fff;
|
|
4501
4501
|
}
|
|
4502
|
+
.bp_calendar_module_calendar--98baa[data-modern=true] .bp_calendar_module_calendarHeaderCell--98baa{
|
|
4503
|
+
height:var(--calendar-cell-size);
|
|
4504
|
+
padding:0;
|
|
4505
|
+
}
|
|
4506
|
+
.bp_calendar_module_calendar--98baa[data-modern=true] .bp_calendar_module_calendarHeader--98baa{
|
|
4507
|
+
height:var(--calendar-cell-size);
|
|
4508
|
+
margin-block:var(--bp-space-010);
|
|
4509
|
+
}
|
|
4510
|
+
.bp_calendar_module_calendar--98baa[data-modern=true] .bp_calendar_module_calendarHeaderButton--98baa{
|
|
4511
|
+
height:var(--calendar-header-button-size);
|
|
4512
|
+
margin:0;
|
|
4513
|
+
padding:0;
|
|
4514
|
+
width:var(--calendar-header-button-size);
|
|
4515
|
+
}
|
|
4502
4516
|
|
|
4503
|
-
.bp_calendar_module_calendar--
|
|
4517
|
+
.bp_calendar_module_calendar--98baa{
|
|
4504
4518
|
background:var(--calendar-background);
|
|
4505
4519
|
border-radius:var(--calendar-border-radius);
|
|
4506
4520
|
box-shadow:var(--calendar-box-shadow);
|
|
@@ -4518,14 +4532,14 @@
|
|
|
4518
4532
|
width:-moz-fit-content;
|
|
4519
4533
|
width:fit-content;
|
|
4520
4534
|
}
|
|
4521
|
-
.bp_calendar_module_calendar--
|
|
4535
|
+
.bp_calendar_module_calendar--98baa .bp_calendar_module_calendarGrid--98baa{
|
|
4522
4536
|
border-collapse:revert;
|
|
4523
4537
|
border-spacing:revert;
|
|
4524
4538
|
}
|
|
4525
|
-
.bp_calendar_module_calendar--
|
|
4539
|
+
.bp_calendar_module_calendar--98baa .bp_calendar_module_calendarGrid--98baa td{
|
|
4526
4540
|
padding:1px;
|
|
4527
4541
|
}
|
|
4528
|
-
.bp_calendar_module_calendar--
|
|
4542
|
+
.bp_calendar_module_calendar--98baa .bp_calendar_module_calendarHeaderCell--98baa{
|
|
4529
4543
|
color:var(--calendar-header-cell-text-color);
|
|
4530
4544
|
font-family:var(--body-default-font-family);
|
|
4531
4545
|
font-size:var(--body-default-font-size);
|
|
@@ -4537,13 +4551,13 @@
|
|
|
4537
4551
|
text-decoration:var(--body-default-text-decoration);
|
|
4538
4552
|
text-transform:var(--body-default-text-case);
|
|
4539
4553
|
}
|
|
4540
|
-
.bp_calendar_module_calendar--
|
|
4554
|
+
.bp_calendar_module_calendar--98baa .bp_calendar_module_calendarHeader--98baa{
|
|
4541
4555
|
align-items:center;
|
|
4542
4556
|
color:var(--calendar-header-text-color);
|
|
4543
4557
|
display:flex;
|
|
4544
4558
|
margin-block-end:var(--calendar-header-margin-bottom);
|
|
4545
4559
|
}
|
|
4546
|
-
.bp_calendar_module_calendar--
|
|
4560
|
+
.bp_calendar_module_calendar--98baa .bp_calendar_module_calendarHeader--98baa .bp_calendar_module_calendarHeaderHeading--98baa{
|
|
4547
4561
|
flex:1;
|
|
4548
4562
|
font-family:var(--body-large-bold-font-family);
|
|
4549
4563
|
font-size:var(--body-large-bold-font-size);
|
|
@@ -4557,7 +4571,7 @@
|
|
|
4557
4571
|
text-transform:capitalize;
|
|
4558
4572
|
text-transform:var(--body-large-bold-text-case);
|
|
4559
4573
|
}
|
|
4560
|
-
.bp_calendar_module_calendar--
|
|
4574
|
+
.bp_calendar_module_calendar--98baa .bp_calendar_module_calendarHeader--98baa .bp_calendar_module_calendarHeaderButton--98baa{
|
|
4561
4575
|
align-items:center;
|
|
4562
4576
|
background-color:var(--calendar-header-button-background);
|
|
4563
4577
|
border:none;
|
|
@@ -4571,21 +4585,21 @@
|
|
|
4571
4585
|
padding:0;
|
|
4572
4586
|
width:var(--calendar-header-button-size);
|
|
4573
4587
|
}
|
|
4574
|
-
.bp_calendar_module_calendar--
|
|
4588
|
+
.bp_calendar_module_calendar--98baa .bp_calendar_module_calendarHeader--98baa .bp_calendar_module_calendarHeaderButton--98baa:disabled{
|
|
4575
4589
|
cursor:default;
|
|
4576
4590
|
opacity:60%;
|
|
4577
4591
|
}
|
|
4578
|
-
.bp_calendar_module_calendar--
|
|
4592
|
+
.bp_calendar_module_calendar--98baa .bp_calendar_module_calendarHeader--98baa .bp_calendar_module_calendarHeaderButton--98baa:disabled *{
|
|
4579
4593
|
fill:var(--calendar-disabled-text-color);
|
|
4580
4594
|
}
|
|
4581
|
-
.bp_calendar_module_calendar--
|
|
4595
|
+
.bp_calendar_module_calendar--98baa .bp_calendar_module_calendarHeader--98baa .bp_calendar_module_calendarHeaderButton--98baa:hover:not(:disabled){
|
|
4582
4596
|
background-color:var(--calendar-header-button-hover-background);
|
|
4583
4597
|
}
|
|
4584
|
-
.bp_calendar_module_calendar--
|
|
4598
|
+
.bp_calendar_module_calendar--98baa .bp_calendar_module_calendarHeader--98baa .bp_calendar_module_calendarHeaderButton--98baa[data-focus-visible]{
|
|
4585
4599
|
background-color:var(--calendar-header-button-hover-background);
|
|
4586
4600
|
box-shadow:var(--calendar-header-button-focus-box-shadow);
|
|
4587
4601
|
}
|
|
4588
|
-
.bp_calendar_module_calendar--
|
|
4602
|
+
.bp_calendar_module_calendar--98baa .bp_calendar_module_calendarCell--98baa{
|
|
4589
4603
|
border-radius:var(--calendar-cell-border-radius);
|
|
4590
4604
|
color:var(--calendar-cell-text-color);
|
|
4591
4605
|
line-height:var(--calendar-cell-size);
|
|
@@ -4593,7 +4607,7 @@
|
|
|
4593
4607
|
text-align:center;
|
|
4594
4608
|
width:var(--calendar-cell-size);
|
|
4595
4609
|
}
|
|
4596
|
-
.bp_calendar_module_calendar--
|
|
4610
|
+
.bp_calendar_module_calendar--98baa .bp_calendar_module_calendarCell--98baa.bp_calendar_module_today--98baa{
|
|
4597
4611
|
color:var(--calendar-cell-today-text-color);
|
|
4598
4612
|
font-family:var(--body-default-bold-font-family);
|
|
4599
4613
|
font-size:var(--body-default-bold-font-size);
|
|
@@ -4606,11 +4620,11 @@
|
|
|
4606
4620
|
text-decoration:var(--body-default-bold-text-decoration);
|
|
4607
4621
|
text-transform:var(--body-default-bold-text-case);
|
|
4608
4622
|
}
|
|
4609
|
-
.bp_calendar_module_calendar--
|
|
4623
|
+
.bp_calendar_module_calendar--98baa .bp_calendar_module_calendarCell--98baa.bp_calendar_module_today--98baa[data-disabled]{
|
|
4610
4624
|
cursor:default;
|
|
4611
4625
|
opacity:var(--calendar-cell-today-disabled-opacity);
|
|
4612
4626
|
}
|
|
4613
|
-
.bp_calendar_module_calendar--
|
|
4627
|
+
.bp_calendar_module_calendar--98baa .bp_calendar_module_calendarCell--98baa.bp_calendar_module_today--98baa::after{
|
|
4614
4628
|
background-color:var(--calendar-cell-today-dot-background);
|
|
4615
4629
|
border-radius:50%;
|
|
4616
4630
|
bottom:var(--calendar-cell-today-dot-bottom);
|
|
@@ -4621,41 +4635,41 @@
|
|
|
4621
4635
|
transform:translateX(-50%);
|
|
4622
4636
|
width:var(--calendar-cell-today-dot-diameter);
|
|
4623
4637
|
}
|
|
4624
|
-
.bp_calendar_module_calendar--
|
|
4638
|
+
.bp_calendar_module_calendar--98baa .bp_calendar_module_calendarCell--98baa:not([data-outside-month]){
|
|
4625
4639
|
cursor:pointer;
|
|
4626
4640
|
}
|
|
4627
|
-
.bp_calendar_module_calendar--
|
|
4641
|
+
.bp_calendar_module_calendar--98baa .bp_calendar_module_calendarCell--98baa:not([data-outside-month]):not([data-selected]):not([data-disabled]):hover{
|
|
4628
4642
|
background-color:var(--calendar-cell-hovered-background);
|
|
4629
4643
|
}
|
|
4630
|
-
.bp_calendar_module_calendar--
|
|
4644
|
+
.bp_calendar_module_calendar--98baa .bp_calendar_module_calendarCell--98baa[data-focus-visible]:not([data-outside-month]){
|
|
4631
4645
|
box-shadow:var(--calendar-cell-focus-box-shadow);
|
|
4632
4646
|
}
|
|
4633
|
-
.bp_calendar_module_calendar--
|
|
4647
|
+
.bp_calendar_module_calendar--98baa .bp_calendar_module_calendarCell--98baa[data-selected]{
|
|
4634
4648
|
background-color:var(--calendar-cell-selected-background);
|
|
4635
4649
|
color:var(--calendar-cell-selected-text-color);
|
|
4636
4650
|
}
|
|
4637
|
-
.bp_calendar_module_calendar--
|
|
4651
|
+
.bp_calendar_module_calendar--98baa .bp_calendar_module_calendarCell--98baa[data-selected]:hover{
|
|
4638
4652
|
background-color:var(--calendar-cell-selected-hovered-background);
|
|
4639
4653
|
}
|
|
4640
|
-
.bp_calendar_module_calendar--
|
|
4654
|
+
.bp_calendar_module_calendar--98baa .bp_calendar_module_calendarCell--98baa[data-selected][data-focus-visible]{
|
|
4641
4655
|
background-color:var(--calendar-cell-selected-focused-background);
|
|
4642
4656
|
box-shadow:var(--calendar-cell-focus-box-shadow);
|
|
4643
4657
|
outline:var(--calendar-focus-outline);
|
|
4644
4658
|
outline-offset:-.0625rem;
|
|
4645
4659
|
}
|
|
4646
|
-
.bp_calendar_module_calendar--
|
|
4660
|
+
.bp_calendar_module_calendar--98baa .bp_calendar_module_calendarCell--98baa[data-selected]::after{
|
|
4647
4661
|
background-color:var(--calendar-cell-selected-text-color);
|
|
4648
4662
|
}
|
|
4649
|
-
.bp_calendar_module_calendar--
|
|
4663
|
+
.bp_calendar_module_calendar--98baa .bp_calendar_module_calendarCell--98baa[data-disabled]:not(.bp_calendar_module_today--98baa){
|
|
4650
4664
|
color:var(--calendar-cell-outside-range-text-color);
|
|
4651
4665
|
cursor:default;
|
|
4652
4666
|
}
|
|
4653
|
-
.bp_calendar_module_calendar--
|
|
4667
|
+
.bp_calendar_module_calendar--98baa .bp_calendar_module_calendarCell--98baa[data-unavailable]{
|
|
4654
4668
|
color:var(--calendar-disabled-text-color);
|
|
4655
4669
|
text-decoration:line-through;
|
|
4656
4670
|
}
|
|
4657
4671
|
|
|
4658
|
-
.bp_date_picker_module_datePicker--
|
|
4672
|
+
.bp_date_picker_module_datePicker--bf2e1[data-modern=false]{
|
|
4659
4673
|
--date-picker-label-margin-bottom:var(--space-2);
|
|
4660
4674
|
--date-picker-input-placeholder-color:var(--text-text-on-light-secondary);
|
|
4661
4675
|
--date-picker-input-placeholder-focused-color:var(--text-text-on-light);
|
|
@@ -4681,7 +4695,7 @@
|
|
|
4681
4695
|
--date-picker-clear-button-right:var(--size-9);
|
|
4682
4696
|
}
|
|
4683
4697
|
|
|
4684
|
-
.bp_date_picker_module_datePicker--
|
|
4698
|
+
.bp_date_picker_module_datePicker--bf2e1[data-modern=true]{
|
|
4685
4699
|
--date-picker-label-margin-bottom:var(--bp-space-020);
|
|
4686
4700
|
--date-picker-input-placeholder-color:var(--bp-text-text-on-light-secondary);
|
|
4687
4701
|
--date-picker-input-placeholder-focused-color:var(--bp-text-text-on-light);
|
|
@@ -4706,17 +4720,20 @@
|
|
|
4706
4720
|
--date-picker-icon-button-hover-fill:var(--bp-icon-cta-icon-hover);
|
|
4707
4721
|
--date-picker-clear-button-right:var(--bp-size-090);
|
|
4708
4722
|
}
|
|
4723
|
+
.bp_date_picker_module_datePicker--bf2e1[data-modern=true] .bp_date_picker_module_label--bf2e1{
|
|
4724
|
+
color:var(--bp-text-text-on-light);
|
|
4725
|
+
}
|
|
4709
4726
|
|
|
4710
|
-
.bp_date_picker_module_datePicker--
|
|
4727
|
+
.bp_date_picker_module_datePicker--bf2e1{
|
|
4711
4728
|
width:100%;
|
|
4712
4729
|
}
|
|
4713
|
-
.bp_date_picker_module_datePicker--
|
|
4730
|
+
.bp_date_picker_module_datePicker--bf2e1.bp_date_picker_module_disabled--bf2e1{
|
|
4714
4731
|
opacity:60%;
|
|
4715
4732
|
pointer-events:none;
|
|
4716
4733
|
-webkit-user-select:none;
|
|
4717
4734
|
user-select:none;
|
|
4718
4735
|
}
|
|
4719
|
-
.bp_date_picker_module_datePicker--
|
|
4736
|
+
.bp_date_picker_module_datePicker--bf2e1 .bp_date_picker_module_label--bf2e1{
|
|
4720
4737
|
cursor:default;
|
|
4721
4738
|
display:block;
|
|
4722
4739
|
font-family:var(--body-default-bold-font-family);
|
|
@@ -4731,7 +4748,7 @@
|
|
|
4731
4748
|
width:-moz-fit-content;
|
|
4732
4749
|
width:fit-content;
|
|
4733
4750
|
}
|
|
4734
|
-
.bp_date_picker_module_datePicker--
|
|
4751
|
+
.bp_date_picker_module_datePicker--bf2e1 .bp_date_picker_module_group--bf2e1{
|
|
4735
4752
|
align-items:center;
|
|
4736
4753
|
display:inline-flex;
|
|
4737
4754
|
font-family:var(--body-default-font-family);
|
|
@@ -4745,7 +4762,7 @@
|
|
|
4745
4762
|
text-transform:var(--body-default-text-case);
|
|
4746
4763
|
width:100%;
|
|
4747
4764
|
}
|
|
4748
|
-
.bp_date_picker_module_datePicker--
|
|
4765
|
+
.bp_date_picker_module_datePicker--bf2e1 .bp_date_picker_module_group--bf2e1 .bp_date_picker_module_groupContainer--bf2e1{
|
|
4749
4766
|
align-items:center;
|
|
4750
4767
|
border-radius:var(--date-picker-border-radius);
|
|
4751
4768
|
box-shadow:var(--date-picker-input-inner-shadow);
|
|
@@ -4756,23 +4773,23 @@
|
|
|
4756
4773
|
position:relative;
|
|
4757
4774
|
width:100%;
|
|
4758
4775
|
}
|
|
4759
|
-
.bp_date_picker_module_datePicker--
|
|
4776
|
+
.bp_date_picker_module_datePicker--bf2e1 .bp_date_picker_module_group--bf2e1 .bp_date_picker_module_groupContainer--bf2e1:focus-within{
|
|
4760
4777
|
outline:var(--date-picker-focus-outline);
|
|
4761
4778
|
}
|
|
4762
|
-
.bp_date_picker_module_datePicker--
|
|
4779
|
+
.bp_date_picker_module_datePicker--bf2e1 .bp_date_picker_module_group--bf2e1 .bp_date_picker_module_groupContainer--bf2e1.bp_date_picker_module_error--bf2e1:not(:focus-within){
|
|
4763
4780
|
outline:var(--date-picker-error-outline);
|
|
4764
4781
|
}
|
|
4765
|
-
.bp_date_picker_module_datePicker--
|
|
4782
|
+
.bp_date_picker_module_datePicker--bf2e1 .bp_date_picker_module_group--bf2e1 .bp_date_picker_module_groupContainer--bf2e1.bp_date_picker_module_error--bf2e1:focus-within{
|
|
4766
4783
|
outline:var(--date-picker-focus-outline);
|
|
4767
4784
|
}
|
|
4768
|
-
.bp_date_picker_module_datePicker--
|
|
4785
|
+
.bp_date_picker_module_datePicker--bf2e1 .bp_date_picker_module_group--bf2e1 .bp_date_picker_module_groupContainer--bf2e1 .bp_date_picker_module_groupContainerInput--bf2e1{
|
|
4769
4786
|
align-items:center;
|
|
4770
4787
|
display:inline-flex;
|
|
4771
4788
|
height:var(--date-picker-height);
|
|
4772
4789
|
text-transform:uppercase;
|
|
4773
4790
|
white-space:nowrap;
|
|
4774
4791
|
}
|
|
4775
|
-
.bp_date_picker_module_datePicker--
|
|
4792
|
+
.bp_date_picker_module_datePicker--bf2e1 .bp_date_picker_module_group--bf2e1 .bp_date_picker_module_groupContainer--bf2e1 .bp_date_picker_module_groupContainerInput--bf2e1 .bp_date_picker_module_groupContainerInputSegment--bf2e1{
|
|
4776
4793
|
border:unset;
|
|
4777
4794
|
border-radius:unset;
|
|
4778
4795
|
box-shadow:unset;
|
|
@@ -4783,18 +4800,18 @@
|
|
|
4783
4800
|
transition:unset;
|
|
4784
4801
|
width:unset;
|
|
4785
4802
|
}
|
|
4786
|
-
.bp_date_picker_module_datePicker--
|
|
4803
|
+
.bp_date_picker_module_datePicker--bf2e1 .bp_date_picker_module_group--bf2e1 .bp_date_picker_module_groupContainer--bf2e1 .bp_date_picker_module_groupContainerInput--bf2e1 .bp_date_picker_module_groupContainerInputSegment--bf2e1[data-placeholder]{
|
|
4787
4804
|
color:var(--date-picker-input-placeholder-color);
|
|
4788
4805
|
}
|
|
4789
|
-
.bp_date_picker_module_datePicker--
|
|
4806
|
+
.bp_date_picker_module_datePicker--bf2e1 .bp_date_picker_module_group--bf2e1 .bp_date_picker_module_groupContainer--bf2e1 .bp_date_picker_module_groupContainerInput--bf2e1 .bp_date_picker_module_groupContainerInputSegment--bf2e1:focus{
|
|
4790
4807
|
background:var(--date-picker-input-segment-focused-background);
|
|
4791
4808
|
caret-color:#0000;
|
|
4792
4809
|
outline:none;
|
|
4793
4810
|
}
|
|
4794
|
-
.bp_date_picker_module_datePicker--
|
|
4811
|
+
.bp_date_picker_module_datePicker--bf2e1 .bp_date_picker_module_group--bf2e1 .bp_date_picker_module_groupContainer--bf2e1 .bp_date_picker_module_groupContainerInput--bf2e1 .bp_date_picker_module_groupContainerInputSegment--bf2e1:focus[data-placeholder]{
|
|
4795
4812
|
color:var(--date-picker-input-placeholder-focused-color);
|
|
4796
4813
|
}
|
|
4797
|
-
.bp_date_picker_module_datePicker--
|
|
4814
|
+
.bp_date_picker_module_datePicker--bf2e1 .bp_date_picker_module_group--bf2e1 .bp_date_picker_module_button--bf2e1{
|
|
4798
4815
|
align-items:center;
|
|
4799
4816
|
background-color:initial;
|
|
4800
4817
|
border:none;
|
|
@@ -4809,33 +4826,33 @@
|
|
|
4809
4826
|
right:var(--date-picker-padding-inline);
|
|
4810
4827
|
width:var(--date-picker-icon-button-size);
|
|
4811
4828
|
}
|
|
4812
|
-
.bp_date_picker_module_datePicker--
|
|
4829
|
+
.bp_date_picker_module_datePicker--bf2e1 .bp_date_picker_module_group--bf2e1 .bp_date_picker_module_button--bf2e1.bp_date_picker_module_clear--bf2e1{
|
|
4813
4830
|
right:var(--date-picker-clear-button-right);
|
|
4814
4831
|
}
|
|
4815
|
-
.bp_date_picker_module_datePicker--
|
|
4832
|
+
.bp_date_picker_module_datePicker--bf2e1 .bp_date_picker_module_group--bf2e1 .bp_date_picker_module_button--bf2e1:focus-visible,.bp_date_picker_module_datePicker--bf2e1 .bp_date_picker_module_group--bf2e1 .bp_date_picker_module_button--bf2e1[data-focus-visible]{
|
|
4816
4833
|
background-color:var(--date-picker-icon-button-focus-background-color);
|
|
4817
4834
|
outline:var(--date-picker-icon-button-focus-outline);
|
|
4818
4835
|
}
|
|
4819
|
-
.bp_date_picker_module_datePicker--
|
|
4836
|
+
.bp_date_picker_module_datePicker--bf2e1 .bp_date_picker_module_group--bf2e1 .bp_date_picker_module_button--bf2e1:hover{
|
|
4820
4837
|
background:var(--date-picker-icon-button-hover-background);
|
|
4821
4838
|
}
|
|
4822
|
-
.bp_date_picker_module_datePicker--
|
|
4839
|
+
.bp_date_picker_module_datePicker--bf2e1 .bp_date_picker_module_group--bf2e1 .bp_date_picker_module_button--bf2e1:hover *{
|
|
4823
4840
|
fill:var(--date-picker-icon-button-hover-fill);
|
|
4824
4841
|
}
|
|
4825
|
-
.bp_date_picker_module_datePicker--
|
|
4842
|
+
.bp_date_picker_module_datePicker--bf2e1 .bp_date_picker_module_group--bf2e1 .bp_date_picker_module_button--bf2e1:active{
|
|
4826
4843
|
background:var(--date-picker-icon-button-active-background);
|
|
4827
4844
|
}
|
|
4828
|
-
.bp_date_picker_module_datePicker--
|
|
4845
|
+
.bp_date_picker_module_datePicker--bf2e1 .bp_date_picker_module_group--bf2e1 .bp_date_picker_module_button--bf2e1:active *{
|
|
4829
4846
|
fill:var(--date-picker-icon-button-active-fill);
|
|
4830
4847
|
}
|
|
4831
|
-
.bp_date_picker_module_datePicker--
|
|
4848
|
+
.bp_date_picker_module_datePicker--bf2e1 .bp_date_picker_module_group--bf2e1 .bp_date_picker_module_button--bf2e1:disabled{
|
|
4832
4849
|
opacity:1;
|
|
4833
4850
|
}
|
|
4834
|
-
.bp_date_picker_module_datePicker--
|
|
4851
|
+
.bp_date_picker_module_datePicker--bf2e1 .bp_date_picker_module_inlineError--bf2e1{
|
|
4835
4852
|
margin-block-start:var(--date-picker-inline-error-margin);
|
|
4836
4853
|
}
|
|
4837
4854
|
|
|
4838
|
-
@keyframes bp_date_picker_module_slide--
|
|
4855
|
+
@keyframes bp_date_picker_module_slide--bf2e1{
|
|
4839
4856
|
from{
|
|
4840
4857
|
opacity:0;
|
|
4841
4858
|
transform:var(--popover-slide-translation);
|
|
@@ -4845,7 +4862,7 @@
|
|
|
4845
4862
|
transform:translateY(0);
|
|
4846
4863
|
}
|
|
4847
4864
|
}
|
|
4848
|
-
.bp_date_picker_module_datePickerPopoverContent--
|
|
4865
|
+
.bp_date_picker_module_datePickerPopoverContent--bf2e1{
|
|
4849
4866
|
z-index:380;
|
|
4850
4867
|
}
|
|
4851
4868
|
|
|
@@ -4933,7 +4950,7 @@
|
|
|
4933
4950
|
fill:currentColor;
|
|
4934
4951
|
}
|
|
4935
4952
|
|
|
4936
|
-
.bp_base_grid_list_item_module_smallList--
|
|
4953
|
+
.bp_base_grid_list_item_module_smallList--8f579[data-modern=false]{
|
|
4937
4954
|
--small-list-gap:var(--space-2);
|
|
4938
4955
|
--small-list-padding:var(--space-1);
|
|
4939
4956
|
--small-list-item-background:var(--surface-item-small-surface);
|
|
@@ -4957,7 +4974,7 @@
|
|
|
4957
4974
|
--small-list-focus-outline-offset:calc(var(--border-4)*-1);
|
|
4958
4975
|
}
|
|
4959
4976
|
|
|
4960
|
-
.bp_base_grid_list_item_module_smallList--
|
|
4977
|
+
.bp_base_grid_list_item_module_smallList--8f579[data-modern=true]{
|
|
4961
4978
|
--small-list-gap:var(--bp-space-020);
|
|
4962
4979
|
--small-list-padding:var(--bp-space-010);
|
|
4963
4980
|
--small-list-item-background:var(--bp-surface-item-small-surface);
|
|
@@ -4981,7 +4998,7 @@
|
|
|
4981
4998
|
--small-list-focus-outline-offset:calc(var(--bp-border-04)*-1);
|
|
4982
4999
|
}
|
|
4983
5000
|
|
|
4984
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5001
|
+
.bp_base_grid_list_item_module_smallList--8f579{
|
|
4985
5002
|
box-sizing:border-box;
|
|
4986
5003
|
display:grid;
|
|
4987
5004
|
gap:var(--small-list-gap);
|
|
@@ -4992,7 +5009,7 @@
|
|
|
4992
5009
|
padding:var(--small-list-padding);
|
|
4993
5010
|
width:auto;
|
|
4994
5011
|
}
|
|
4995
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5012
|
+
.bp_base_grid_list_item_module_smallList--8f579 .bp_base_grid_list_item_module_smallListItem--8f579{
|
|
4996
5013
|
--actions-opacity:var(--small-list-actions-opacity);
|
|
4997
5014
|
--thumbnail-size:var(--small-list-thumbnail-size);
|
|
4998
5015
|
--item-background:var(--small-list-item-background);
|
|
@@ -5011,11 +5028,11 @@
|
|
|
5011
5028
|
transform:translateZ(0);
|
|
5012
5029
|
width:auto;
|
|
5013
5030
|
}
|
|
5014
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5031
|
+
.bp_base_grid_list_item_module_smallList--8f579 .bp_base_grid_list_item_module_smallListItem--8f579.bp_base_grid_list_item_module_loading--8f579{
|
|
5015
5032
|
grid-template-columns:var(--thumbnail-size) auto 0;
|
|
5016
5033
|
grid-template-rows:100% 0;
|
|
5017
5034
|
}
|
|
5018
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5035
|
+
.bp_base_grid_list_item_module_smallList--8f579 .bp_base_grid_list_item_module_smallListItem--8f579 .bp_base_grid_list_item_module_thumbnail--8f579{
|
|
5019
5036
|
align-items:center;
|
|
5020
5037
|
aspect-ratio:1;
|
|
5021
5038
|
display:flex;
|
|
@@ -5024,13 +5041,13 @@
|
|
|
5024
5041
|
overflow:hidden;
|
|
5025
5042
|
z-index:1;
|
|
5026
5043
|
}
|
|
5027
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5044
|
+
.bp_base_grid_list_item_module_smallList--8f579 .bp_base_grid_list_item_module_smallListItem--8f579 .bp_base_grid_list_item_module_thumbnailContent--8f579 img,.bp_base_grid_list_item_module_smallList--8f579 .bp_base_grid_list_item_module_smallListItem--8f579 .bp_base_grid_list_item_module_thumbnailContent--8f579 svg{
|
|
5028
5045
|
height:100%;
|
|
5029
5046
|
object-fit:cover;
|
|
5030
5047
|
object-position:left;
|
|
5031
5048
|
width:100%;
|
|
5032
5049
|
}
|
|
5033
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5050
|
+
.bp_base_grid_list_item_module_smallList--8f579 .bp_base_grid_list_item_module_smallListItem--8f579 .bp_base_grid_list_item_module_header--8f579{
|
|
5034
5051
|
color:var(--small-list-header-color);
|
|
5035
5052
|
font-family:var(--body-default-semibold-font-family);
|
|
5036
5053
|
font-size:var(--body-default-semibold-font-size);
|
|
@@ -5042,11 +5059,11 @@
|
|
|
5042
5059
|
text-decoration:var(--body-default-semibold-text-decoration);
|
|
5043
5060
|
text-transform:var(--body-default-semibold-text-case);
|
|
5044
5061
|
}
|
|
5045
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5062
|
+
.bp_base_grid_list_item_module_smallList--8f579 .bp_base_grid_list_item_module_smallListItem--8f579 .bp_base_grid_list_item_module_header--8f579.bp_base_grid_list_item_module_loading--8f579{
|
|
5046
5063
|
align-items:center;
|
|
5047
5064
|
display:flex;
|
|
5048
5065
|
}
|
|
5049
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5066
|
+
.bp_base_grid_list_item_module_smallList--8f579 .bp_base_grid_list_item_module_smallListItem--8f579 .bp_base_grid_list_item_module_subtitle--8f579{
|
|
5050
5067
|
color:var(--small-list-subtitle-color);
|
|
5051
5068
|
font-family:var(--caption-default-font-family);
|
|
5052
5069
|
font-size:var(--caption-default-font-size);
|
|
@@ -5058,17 +5075,17 @@
|
|
|
5058
5075
|
text-decoration:var(--caption-default-text-decoration);
|
|
5059
5076
|
text-transform:var(--caption-default-text-case);
|
|
5060
5077
|
}
|
|
5061
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5078
|
+
.bp_base_grid_list_item_module_smallList--8f579 .bp_base_grid_list_item_module_smallListItem--8f579 .bp_base_grid_list_item_module_header--8f579,.bp_base_grid_list_item_module_smallList--8f579 .bp_base_grid_list_item_module_smallListItem--8f579 .bp_base_grid_list_item_module_subtitle--8f579{
|
|
5062
5079
|
display:inline-block;
|
|
5063
5080
|
overflow:hidden;
|
|
5064
5081
|
text-overflow:ellipsis;
|
|
5065
5082
|
white-space:nowrap;
|
|
5066
5083
|
}
|
|
5067
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5084
|
+
.bp_base_grid_list_item_module_smallList--8f579 .bp_base_grid_list_item_module_smallListItem--8f579:not(:has(.bp_base_grid_list_item_module_header--8f579)),.bp_base_grid_list_item_module_smallList--8f579 .bp_base_grid_list_item_module_smallListItem--8f579:not(:has(.bp_base_grid_list_item_module_subtitle--8f579)){
|
|
5068
5085
|
grid-template-rows:100% 0;
|
|
5069
5086
|
row-gap:0;
|
|
5070
5087
|
}
|
|
5071
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5088
|
+
.bp_base_grid_list_item_module_smallList--8f579 .bp_base_grid_list_item_module_smallListItem--8f579 .bp_base_grid_list_item_module_actions--8f579{
|
|
5072
5089
|
align-items:center;
|
|
5073
5090
|
display:flex;
|
|
5074
5091
|
grid-area:actions;
|
|
@@ -5078,11 +5095,11 @@
|
|
|
5078
5095
|
padding-right:0;
|
|
5079
5096
|
}
|
|
5080
5097
|
@media (pointer: coarse){
|
|
5081
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5098
|
+
.bp_base_grid_list_item_module_smallList--8f579 .bp_base_grid_list_item_module_smallListItem--8f579 .bp_base_grid_list_item_module_actions--8f579{
|
|
5082
5099
|
--actions-opacity:1;
|
|
5083
5100
|
}
|
|
5084
5101
|
}
|
|
5085
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5102
|
+
.bp_base_grid_list_item_module_smallList--8f579 .bp_base_grid_list_item_module_smallListItem--8f579 .bp_base_grid_list_item_module_actions--8f579 .bp_base_grid_list_item_module_selection--8f579{
|
|
5086
5103
|
align-items:center;
|
|
5087
5104
|
background:var(--item-background);
|
|
5088
5105
|
border-radius:var(--small-list-selection-border-radius);
|
|
@@ -5091,10 +5108,10 @@
|
|
|
5091
5108
|
justify-content:center;
|
|
5092
5109
|
width:var(--small-list-selection-width);
|
|
5093
5110
|
}
|
|
5094
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5111
|
+
.bp_base_grid_list_item_module_smallList--8f579 .bp_base_grid_list_item_module_smallListItem--8f579 .bp_base_grid_list_item_module_actions--8f579 .bp_base_grid_list_item_module_selection--8f579:hover{
|
|
5095
5112
|
background:var(--small-list-selection-hover-background);
|
|
5096
5113
|
}
|
|
5097
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5114
|
+
.bp_base_grid_list_item_module_smallList--8f579 .bp_base_grid_list_item_module_smallListItem--8f579 .bp_base_grid_list_item_module_actions--8f579 .bp_base_grid_list_item_module_inner--8f579{
|
|
5098
5115
|
align-items:center;
|
|
5099
5116
|
border-radius:var(--small-list-inner-border-radius);
|
|
5100
5117
|
display:flex;
|
|
@@ -5102,18 +5119,18 @@
|
|
|
5102
5119
|
justify-content:flex-end;
|
|
5103
5120
|
margin-inline-end:var(--small-list-inner-margin-end);
|
|
5104
5121
|
}
|
|
5105
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5122
|
+
.bp_base_grid_list_item_module_smallList--8f579 .bp_base_grid_list_item_module_smallListItem--8f579 .bp_base_grid_list_item_module_actions--8f579 .bp_base_grid_list_item_module_inner--8f579:last-child{
|
|
5106
5123
|
margin-inline-end:0;
|
|
5107
5124
|
}
|
|
5108
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5125
|
+
.bp_base_grid_list_item_module_smallList--8f579 .bp_base_grid_list_item_module_smallListItem--8f579 .bp_base_grid_list_item_module_actions--8f579 .bp_base_grid_list_item_module_actionsCheckboxWrapper--8f579{
|
|
5109
5126
|
background:var(--item-hover);
|
|
5110
5127
|
display:flex;
|
|
5111
5128
|
}
|
|
5112
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5129
|
+
.bp_base_grid_list_item_module_smallList--8f579 .bp_base_grid_list_item_module_smallListItem--8f579:hover,.bp_base_grid_list_item_module_smallList--8f579 .bp_base_grid_list_item_module_smallListItem--8f579[data-active-item],.bp_base_grid_list_item_module_smallList--8f579 .bp_base_grid_list_item_module_smallListItem--8f579[data-focus-visible],.bp_base_grid_list_item_module_smallList--8f579 .bp_base_grid_list_item_module_smallListItem--8f579[data-focused],.bp_base_grid_list_item_module_smallList--8f579 .bp_base_grid_list_item_module_smallListItem--8f579[data-hovered]{
|
|
5113
5130
|
--actions-opacity:1;
|
|
5114
5131
|
background:var(--item-hover);
|
|
5115
5132
|
}
|
|
5116
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5133
|
+
.bp_base_grid_list_item_module_smallList--8f579 .bp_base_grid_list_item_module_smallListItem--8f579[data-active-item]::before,.bp_base_grid_list_item_module_smallList--8f579 .bp_base_grid_list_item_module_smallListItem--8f579[data-focus-visible]::before{
|
|
5117
5134
|
--actions-opacity:1;
|
|
5118
5135
|
border-radius:.875rem;
|
|
5119
5136
|
content:"";
|
|
@@ -5127,7 +5144,7 @@
|
|
|
5127
5144
|
width:100%;
|
|
5128
5145
|
}
|
|
5129
5146
|
|
|
5130
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5147
|
+
.bp_base_grid_list_item_module_largeList--8f579[data-modern=false]{
|
|
5131
5148
|
--large-list-gap:var(--space-05);
|
|
5132
5149
|
--large-list-padding:var(--space-1);
|
|
5133
5150
|
--large-list-item-thumbnail-size:10rem;
|
|
@@ -5176,8 +5193,11 @@
|
|
|
5176
5193
|
--large-list-item-selected-fade-background:linear-gradient(270deg, #f2f7fd 0%, #f2f7fd00 100%);
|
|
5177
5194
|
--large-list-item-interaction-backdrop-filter:none;
|
|
5178
5195
|
}
|
|
5196
|
+
.bp_base_grid_list_item_module_largeList--8f579[data-modern=false] .bp_base_grid_list_item_module_largeListItem--8f579{
|
|
5197
|
+
border-radius:var(--large-list-item-border-radius);
|
|
5198
|
+
}
|
|
5179
5199
|
|
|
5180
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5200
|
+
.bp_base_grid_list_item_module_largeList--8f579[data-modern=true]{
|
|
5181
5201
|
--large-list-gap:var(--bp-space-005);
|
|
5182
5202
|
--large-list-padding:var(--bp-space-010);
|
|
5183
5203
|
--large-list-item-thumbnail-size:10rem;
|
|
@@ -5227,18 +5247,21 @@
|
|
|
5227
5247
|
--large-list-item-selected-fade-background:var(--bp-surface-list-item-surface-selected-fade);
|
|
5228
5248
|
--large-list-item-interaction-backdrop-filter:blur(16px);
|
|
5229
5249
|
}
|
|
5230
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5250
|
+
.bp_base_grid_list_item_module_largeList--8f579[data-modern=true] .bp_base_grid_list_item_module_largeListItem--8f579{
|
|
5231
5251
|
border-bottom:var(--bp-border-01) solid var(--bp-border-list-item-border);
|
|
5232
5252
|
}
|
|
5233
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5253
|
+
.bp_base_grid_list_item_module_largeList--8f579[data-modern=true] .bp_base_grid_list_item_module_largeListItem--8f579:hover,.bp_base_grid_list_item_module_largeList--8f579[data-modern=true] .bp_base_grid_list_item_module_largeListItem--8f579[aria-selected=true],.bp_base_grid_list_item_module_largeList--8f579[data-modern=true] .bp_base_grid_list_item_module_largeListItem--8f579[data-active-item],.bp_base_grid_list_item_module_largeList--8f579[data-modern=true] .bp_base_grid_list_item_module_largeListItem--8f579[data-focus-visible],.bp_base_grid_list_item_module_largeList--8f579[data-modern=true] .bp_base_grid_list_item_module_largeListItem--8f579[data-focused],.bp_base_grid_list_item_module_largeList--8f579[data-modern=true] .bp_base_grid_list_item_module_largeListItem--8f579[data-hovered]{
|
|
5254
|
+
border-radius:var(--large-list-item-border-radius);
|
|
5255
|
+
}
|
|
5256
|
+
.bp_base_grid_list_item_module_largeList--8f579[data-modern=true] .bp_base_grid_list_item_module_largeListItem--8f579[aria-selected=true]{
|
|
5234
5257
|
backdrop-filter:var(--large-list-item-interaction-backdrop-filter);
|
|
5235
5258
|
box-shadow:var(--large-list-item-interaction-box-shadow);
|
|
5236
5259
|
}
|
|
5237
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5260
|
+
.bp_base_grid_list_item_module_largeList--8f579[data-modern=true] .bp_base_grid_list_item_module_largeListItem--8f579:not[aria-selected=true]:hover,.bp_base_grid_list_item_module_largeList--8f579[data-modern=true] .bp_base_grid_list_item_module_largeListItem--8f579:not[aria-selected=true][data-hovered]{
|
|
5238
5261
|
--item-background:var(--large-list-item-hover-background);
|
|
5239
5262
|
}
|
|
5240
5263
|
|
|
5241
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5264
|
+
.bp_base_grid_list_item_module_largeList--8f579{
|
|
5242
5265
|
box-sizing:border-box;
|
|
5243
5266
|
display:flex;
|
|
5244
5267
|
flex-direction:column;
|
|
@@ -5248,12 +5271,11 @@
|
|
|
5248
5271
|
overflow:auto;
|
|
5249
5272
|
padding:var(--large-list-padding);
|
|
5250
5273
|
}
|
|
5251
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5274
|
+
.bp_base_grid_list_item_module_largeList--8f579 .bp_base_grid_list_item_module_largeListItem--8f579{
|
|
5252
5275
|
--thumbnail-size:var(--large-list-item-thumbnail-size);
|
|
5253
5276
|
--actions-opacity:0;
|
|
5254
5277
|
--item-background:var(--large-list-item-background);
|
|
5255
5278
|
background:var(--item-background);
|
|
5256
|
-
border-radius:var(--large-list-item-border-radius);
|
|
5257
5279
|
column-gap:var(--large-list-item-column-gap);
|
|
5258
5280
|
cursor:default;
|
|
5259
5281
|
display:grid;
|
|
@@ -5265,18 +5287,18 @@
|
|
|
5265
5287
|
position:relative;
|
|
5266
5288
|
transform:translateZ(0);
|
|
5267
5289
|
}
|
|
5268
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5290
|
+
.bp_base_grid_list_item_module_largeList--8f579 .bp_base_grid_list_item_module_largeListItem--8f579.bp_base_grid_list_item_module_loading--8f579{
|
|
5269
5291
|
grid-template-rows:1fr 1fr 1fr;
|
|
5270
5292
|
}
|
|
5271
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5293
|
+
.bp_base_grid_list_item_module_largeList--8f579 .bp_base_grid_list_item_module_largeListItem--8f579:focus-within{
|
|
5272
5294
|
--actions-opacity:1;
|
|
5273
5295
|
}
|
|
5274
5296
|
@media (max-width: 374px){
|
|
5275
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5297
|
+
.bp_base_grid_list_item_module_largeList--8f579 .bp_base_grid_list_item_module_largeListItem--8f579{
|
|
5276
5298
|
--thumbnail-size:var(--large-list-item-thumbnail-size-small-viewport);
|
|
5277
5299
|
}
|
|
5278
5300
|
}
|
|
5279
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5301
|
+
.bp_base_grid_list_item_module_largeList--8f579 .bp_base_grid_list_item_module_largeListItem--8f579 .bp_base_grid_list_item_module_thumbnail--8f579{
|
|
5280
5302
|
aspect-ratio:4/3;
|
|
5281
5303
|
border:var(--large-list-item-thumbnail-border);
|
|
5282
5304
|
border-radius:var(--large-list-item-thumbnail-border-radius);
|
|
@@ -5284,24 +5306,24 @@
|
|
|
5284
5306
|
overflow:hidden;
|
|
5285
5307
|
z-index:1;
|
|
5286
5308
|
}
|
|
5287
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5309
|
+
.bp_base_grid_list_item_module_largeList--8f579 .bp_base_grid_list_item_module_largeListItem--8f579 .bp_base_grid_list_item_module_thumbnail--8f579 img{
|
|
5288
5310
|
height:100%;
|
|
5289
5311
|
object-fit:cover;
|
|
5290
5312
|
object-position:left;
|
|
5291
5313
|
width:100%;
|
|
5292
5314
|
}
|
|
5293
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5315
|
+
.bp_base_grid_list_item_module_largeList--8f579 .bp_base_grid_list_item_module_largeListItem--8f579 .bp_base_grid_list_item_module_thumbnail--8f579.bp_base_grid_list_item_module_loading--8f579{
|
|
5294
5316
|
border:none;
|
|
5295
5317
|
}
|
|
5296
5318
|
@media (max-width: 374px){
|
|
5297
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5319
|
+
.bp_base_grid_list_item_module_largeList--8f579 .bp_base_grid_list_item_module_largeListItem--8f579 .bp_base_grid_list_item_module_thumbnail--8f579{
|
|
5298
5320
|
aspect-ratio:1/1;
|
|
5299
5321
|
}
|
|
5300
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5322
|
+
.bp_base_grid_list_item_module_largeList--8f579 .bp_base_grid_list_item_module_largeListItem--8f579 .bp_base_grid_list_item_module_thumbnail--8f579 img{
|
|
5301
5323
|
object-fit:contain;
|
|
5302
5324
|
}
|
|
5303
5325
|
}
|
|
5304
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5326
|
+
.bp_base_grid_list_item_module_largeList--8f579 .bp_base_grid_list_item_module_largeListItem--8f579 .bp_base_grid_list_item_module_actions--8f579{
|
|
5305
5327
|
align-items:center;
|
|
5306
5328
|
display:flex;
|
|
5307
5329
|
height:var(--large-list-item-actions-height);
|
|
@@ -5313,11 +5335,11 @@
|
|
|
5313
5335
|
top:var(--large-list-item-actions-top);
|
|
5314
5336
|
}
|
|
5315
5337
|
@media (pointer: coarse){
|
|
5316
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5338
|
+
.bp_base_grid_list_item_module_largeList--8f579 .bp_base_grid_list_item_module_largeListItem--8f579 .bp_base_grid_list_item_module_actions--8f579{
|
|
5317
5339
|
--actions-opacity:1;
|
|
5318
5340
|
}
|
|
5319
5341
|
}
|
|
5320
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5342
|
+
.bp_base_grid_list_item_module_largeList--8f579 .bp_base_grid_list_item_module_largeListItem--8f579 .bp_base_grid_list_item_module_actions--8f579 .bp_base_grid_list_item_module_selection--8f579{
|
|
5321
5343
|
align-items:center;
|
|
5322
5344
|
background:var(--item-background);
|
|
5323
5345
|
border-radius:var(--large-list-item-selection-border-radius);
|
|
@@ -5326,15 +5348,15 @@
|
|
|
5326
5348
|
justify-content:center;
|
|
5327
5349
|
width:var(--large-list-item-selection-width);
|
|
5328
5350
|
}
|
|
5329
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5351
|
+
.bp_base_grid_list_item_module_largeList--8f579 .bp_base_grid_list_item_module_largeListItem--8f579 .bp_base_grid_list_item_module_actions--8f579 .bp_base_grid_list_item_module_selection--8f579:hover{
|
|
5330
5352
|
background:var(--large-list-item-selection-hover-background);
|
|
5331
5353
|
}
|
|
5332
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5354
|
+
.bp_base_grid_list_item_module_largeList--8f579 .bp_base_grid_list_item_module_largeListItem--8f579 .bp_base_grid_list_item_module_actions--8f579 .bp_base_grid_list_item_module_fade--8f579{
|
|
5333
5355
|
align-self:stretch;
|
|
5334
5356
|
background:var(--large-list-item-fade-background);
|
|
5335
5357
|
width:var(--large-list-item-fade-width);
|
|
5336
5358
|
}
|
|
5337
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5359
|
+
.bp_base_grid_list_item_module_largeList--8f579 .bp_base_grid_list_item_module_largeListItem--8f579 .bp_base_grid_list_item_module_actions--8f579 .bp_base_grid_list_item_module_inner--8f579{
|
|
5338
5360
|
align-items:center;
|
|
5339
5361
|
background:var(--item-background);
|
|
5340
5362
|
border-radius:var(--large-list-item-inner-border-radius);
|
|
@@ -5343,14 +5365,14 @@
|
|
|
5343
5365
|
justify-content:flex-end;
|
|
5344
5366
|
margin-inline-end:var(--large-list-item-inner-margin-end);
|
|
5345
5367
|
}
|
|
5346
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5368
|
+
.bp_base_grid_list_item_module_largeList--8f579 .bp_base_grid_list_item_module_largeListItem--8f579 .bp_base_grid_list_item_module_actions--8f579 .bp_base_grid_list_item_module_inner--8f579:last-child{
|
|
5347
5369
|
margin-inline-end:0;
|
|
5348
5370
|
}
|
|
5349
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5371
|
+
.bp_base_grid_list_item_module_largeList--8f579 .bp_base_grid_list_item_module_largeListItem--8f579 .bp_base_grid_list_item_module_actions--8f579 .bp_base_grid_list_item_module_actionsCheckboxWrapper--8f579{
|
|
5350
5372
|
background:var(--item-background);
|
|
5351
5373
|
display:flex;
|
|
5352
5374
|
}
|
|
5353
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5375
|
+
.bp_base_grid_list_item_module_largeList--8f579 .bp_base_grid_list_item_module_largeListItem--8f579 .bp_base_grid_list_item_module_header--8f579{
|
|
5354
5376
|
align-items:center;
|
|
5355
5377
|
color:var(--large-list-item-header-color);
|
|
5356
5378
|
display:inline-flex;
|
|
@@ -5368,7 +5390,7 @@
|
|
|
5368
5390
|
text-transform:var(--body-default-semibold-text-case);
|
|
5369
5391
|
white-space:nowrap;
|
|
5370
5392
|
}
|
|
5371
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5393
|
+
.bp_base_grid_list_item_module_largeList--8f579 .bp_base_grid_list_item_module_largeListItem--8f579 .bp_base_grid_list_item_module_subtitle--8f579{
|
|
5372
5394
|
align-items:center;
|
|
5373
5395
|
color:var(--large-list-item-subtitle-color);
|
|
5374
5396
|
display:flex;
|
|
@@ -5384,7 +5406,7 @@
|
|
|
5384
5406
|
text-transform:var(--caption-default-text-case);
|
|
5385
5407
|
white-space:nowrap;
|
|
5386
5408
|
}
|
|
5387
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5409
|
+
.bp_base_grid_list_item_module_largeList--8f579 .bp_base_grid_list_item_module_largeListItem--8f579 .bp_base_grid_list_item_module_description--8f579{
|
|
5388
5410
|
-webkit-box-orient:vertical;
|
|
5389
5411
|
-webkit-line-clamp:3;
|
|
5390
5412
|
color:var(--large-list-item-description-color);
|
|
@@ -5403,13 +5425,13 @@
|
|
|
5403
5425
|
text-decoration:var(--body-default-text-decoration);
|
|
5404
5426
|
text-transform:var(--body-default-text-case);
|
|
5405
5427
|
}
|
|
5406
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5428
|
+
.bp_base_grid_list_item_module_largeList--8f579 .bp_base_grid_list_item_module_largeListItem--8f579 .bp_base_grid_list_item_module_snippet--8f579{
|
|
5407
5429
|
grid-area:description;
|
|
5408
5430
|
margin:0;
|
|
5409
5431
|
margin-block-end:var(--large-list-item-snippet-margin-end);
|
|
5410
5432
|
margin-block-start:var(--large-list-item-snippet-margin-start);
|
|
5411
5433
|
}
|
|
5412
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5434
|
+
.bp_base_grid_list_item_module_largeList--8f579 .bp_base_grid_list_item_module_largeListItem--8f579 .bp_base_grid_list_item_module_snippet--8f579 .bp_base_grid_list_item_module_snippetContent--8f579{
|
|
5413
5435
|
-webkit-box-orient:vertical;
|
|
5414
5436
|
-webkit-line-clamp:2;
|
|
5415
5437
|
border:var(--large-list-item-snippet-border);
|
|
@@ -5429,13 +5451,13 @@
|
|
|
5429
5451
|
text-decoration:var(--body-default-text-decoration);
|
|
5430
5452
|
text-transform:var(--body-default-text-case);
|
|
5431
5453
|
}
|
|
5432
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5454
|
+
.bp_base_grid_list_item_module_largeList--8f579 .bp_base_grid_list_item_module_largeListItem--8f579:hover,.bp_base_grid_list_item_module_largeList--8f579 .bp_base_grid_list_item_module_largeListItem--8f579[data-active-item],.bp_base_grid_list_item_module_largeList--8f579 .bp_base_grid_list_item_module_largeListItem--8f579[data-focus-visible],.bp_base_grid_list_item_module_largeList--8f579 .bp_base_grid_list_item_module_largeListItem--8f579[data-focused],.bp_base_grid_list_item_module_largeList--8f579 .bp_base_grid_list_item_module_largeListItem--8f579[data-hovered]{
|
|
5433
5455
|
--actions-opacity:1;
|
|
5434
5456
|
backdrop-filter:var(--large-list-item-interaction-backdrop-filter);
|
|
5435
5457
|
box-shadow:var(--large-list-item-interaction-box-shadow);
|
|
5436
5458
|
outline:var(--large-list-item-hover-outline);
|
|
5437
5459
|
}
|
|
5438
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5460
|
+
.bp_base_grid_list_item_module_largeList--8f579 .bp_base_grid_list_item_module_largeListItem--8f579[data-active-item]::before,.bp_base_grid_list_item_module_largeList--8f579 .bp_base_grid_list_item_module_largeListItem--8f579[data-focus-visible]::before{
|
|
5439
5461
|
border-radius:var(--large-list-item-focus-border-radius);
|
|
5440
5462
|
content:"";
|
|
5441
5463
|
display:block;
|
|
@@ -5447,31 +5469,31 @@
|
|
|
5447
5469
|
top:0;
|
|
5448
5470
|
width:100%;
|
|
5449
5471
|
}
|
|
5450
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5472
|
+
.bp_base_grid_list_item_module_largeList--8f579 .bp_base_grid_list_item_module_largeListItem--8f579[aria-selected=true]{
|
|
5451
5473
|
--actions-opacity:1;
|
|
5452
5474
|
--item-background:var(--large-list-item-selected-background);
|
|
5453
5475
|
outline:var(--large-list-item-selected-outline);
|
|
5454
5476
|
z-index:2;
|
|
5455
5477
|
}
|
|
5456
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5478
|
+
.bp_base_grid_list_item_module_largeList--8f579 .bp_base_grid_list_item_module_largeListItem--8f579[aria-selected=true] .bp_base_grid_list_item_module_actions--8f579 .bp_base_grid_list_item_module_fade--8f579{
|
|
5457
5479
|
background:var(--large-list-item-selected-fade-background);
|
|
5458
5480
|
}
|
|
5459
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5481
|
+
.bp_base_grid_list_item_module_largeList--8f579 .bp_base_grid_list_item_module_largeListItem--8f579[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused]) .bp_base_grid_list_item_module_actions--8f579 .bp_base_grid_list_item_module_inner--8f579{
|
|
5460
5482
|
display:none;
|
|
5461
5483
|
}
|
|
5462
5484
|
@supports selector(:has(.foo)){
|
|
5463
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5485
|
+
.bp_base_grid_list_item_module_largeList--8f579 .bp_base_grid_list_item_module_largeListItem--8f579[aria-selected=true]:has(+ .bp_base_grid_list_item_module_react-aria-DropIndicator--8f579 + [aria-selected=true]),.bp_base_grid_list_item_module_largeList--8f579 .bp_base_grid_list_item_module_largeListItem--8f579[aria-selected=true]:has(+ [aria-selected=true]){
|
|
5464
5486
|
border-end-end-radius:0;
|
|
5465
5487
|
border-end-start-radius:0;
|
|
5466
5488
|
}
|
|
5467
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5489
|
+
.bp_base_grid_list_item_module_largeList--8f579 .bp_base_grid_list_item_module_largeListItem--8f579[aria-selected=true] + .bp_base_grid_list_item_module_react-aria-DropIndicator--8f579 + [aria-selected=true],.bp_base_grid_list_item_module_largeList--8f579 .bp_base_grid_list_item_module_largeListItem--8f579[aria-selected=true] + [aria-selected=true]{
|
|
5468
5490
|
border-start-end-radius:0;
|
|
5469
5491
|
border-start-start-radius:0;
|
|
5470
5492
|
border-top:none;
|
|
5471
5493
|
}
|
|
5472
5494
|
}
|
|
5473
5495
|
|
|
5474
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5496
|
+
.bp_base_grid_list_item_module_gridList--8f579[data-modern=false]{
|
|
5475
5497
|
--grid-list-minimum-item-width:188px;
|
|
5476
5498
|
--grid-list-gap:var(--space-4);
|
|
5477
5499
|
--grid-list-padding:var(--space-1);
|
|
@@ -5512,7 +5534,7 @@
|
|
|
5512
5534
|
--grid-list-item-coarse-row-gap:var(--space-1);
|
|
5513
5535
|
}
|
|
5514
5536
|
|
|
5515
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5537
|
+
.bp_base_grid_list_item_module_gridList--8f579[data-modern=true]{
|
|
5516
5538
|
--grid-list-minimum-item-width:188px;
|
|
5517
5539
|
--grid-list-gap:var(--bp-space-040);
|
|
5518
5540
|
--grid-list-padding:var(--bp-space-010);
|
|
@@ -5553,7 +5575,7 @@
|
|
|
5553
5575
|
--grid-list-item-coarse-row-gap:var(--bp-space-010);
|
|
5554
5576
|
}
|
|
5555
5577
|
|
|
5556
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5578
|
+
.bp_base_grid_list_item_module_gridList--8f579{
|
|
5557
5579
|
box-sizing:border-box;
|
|
5558
5580
|
display:grid;
|
|
5559
5581
|
gap:var(--grid-list-gap);
|
|
@@ -5563,7 +5585,7 @@
|
|
|
5563
5585
|
overflow:auto;
|
|
5564
5586
|
padding:var(--grid-list-padding);
|
|
5565
5587
|
}
|
|
5566
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5588
|
+
.bp_base_grid_list_item_module_gridList--8f579 .bp_base_grid_list_item_module_gridListItem--8f579{
|
|
5567
5589
|
--actions-opacity:0;
|
|
5568
5590
|
--item-background:var(--grid-list-item-background);
|
|
5569
5591
|
--row-gap:var(--grid-list-item-row-gap);
|
|
@@ -5581,15 +5603,15 @@
|
|
|
5581
5603
|
row-gap:var(--row-gap);
|
|
5582
5604
|
transform:translateZ(0);
|
|
5583
5605
|
}
|
|
5584
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5606
|
+
.bp_base_grid_list_item_module_gridList--8f579 .bp_base_grid_list_item_module_gridListItem--8f579:focus-within{
|
|
5585
5607
|
--actions-opacity:1;
|
|
5586
5608
|
}
|
|
5587
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5609
|
+
.bp_base_grid_list_item_module_gridList--8f579 .bp_base_grid_list_item_module_gridListItem--8f579 .bp_base_grid_list_item_module_statusPin--8f579{
|
|
5588
5610
|
left:var(--grid-list-item-status-pin-left);
|
|
5589
5611
|
position:absolute;
|
|
5590
5612
|
top:var(--grid-list-item-status-pin-top);
|
|
5591
5613
|
}
|
|
5592
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5614
|
+
.bp_base_grid_list_item_module_gridList--8f579 .bp_base_grid_list_item_module_gridListItem--8f579 .bp_base_grid_list_item_module_thumbnail--8f579{
|
|
5593
5615
|
aspect-ratio:var(--grid-list-thumbnail-aspect-ratio);
|
|
5594
5616
|
background:var(--grid-list-thumbnail-background);
|
|
5595
5617
|
border:var(--grid-list-thumbnail-border);
|
|
@@ -5597,25 +5619,25 @@
|
|
|
5597
5619
|
grid-area:thumbnail;
|
|
5598
5620
|
overflow:hidden;
|
|
5599
5621
|
}
|
|
5600
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5622
|
+
.bp_base_grid_list_item_module_gridList--8f579 .bp_base_grid_list_item_module_gridListItem--8f579 .bp_base_grid_list_item_module_thumbnail--8f579 img{
|
|
5601
5623
|
height:100%;
|
|
5602
5624
|
object-fit:contain;
|
|
5603
5625
|
width:100%;
|
|
5604
5626
|
}
|
|
5605
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5627
|
+
.bp_base_grid_list_item_module_gridList--8f579 .bp_base_grid_list_item_module_gridListItem--8f579 .bp_base_grid_list_item_module_thumbnail--8f579.bp_base_grid_list_item_module_loading--8f579{
|
|
5606
5628
|
border:none;
|
|
5607
5629
|
}
|
|
5608
5630
|
@media (pointer: coarse){
|
|
5609
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5631
|
+
.bp_base_grid_list_item_module_gridList--8f579 .bp_base_grid_list_item_module_gridListItem--8f579 .bp_base_grid_list_item_module_thumbnail--8f579{
|
|
5610
5632
|
margin-block-end:var(--space-1);
|
|
5611
5633
|
}
|
|
5612
5634
|
}
|
|
5613
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5635
|
+
.bp_base_grid_list_item_module_gridList--8f579 .bp_base_grid_list_item_module_gridListItem--8f579 .bp_base_grid_list_item_module_actions--8f579{
|
|
5614
5636
|
grid-area:subtitle;
|
|
5615
5637
|
margin-block-start:var(--grid-list-actions-margin-block-start);
|
|
5616
5638
|
opacity:var(--actions-opacity);
|
|
5617
5639
|
}
|
|
5618
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5640
|
+
.bp_base_grid_list_item_module_gridList--8f579 .bp_base_grid_list_item_module_gridListItem--8f579 .bp_base_grid_list_item_module_actions--8f579 .bp_base_grid_list_item_module_selection--8f579{
|
|
5619
5641
|
align-items:center;
|
|
5620
5642
|
border-radius:var(--grid-list-selection-border-radius);
|
|
5621
5643
|
display:flex;
|
|
@@ -5626,10 +5648,10 @@
|
|
|
5626
5648
|
top:var(--grid-list-selection-top);
|
|
5627
5649
|
width:var(--grid-list-selection-width);
|
|
5628
5650
|
}
|
|
5629
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5651
|
+
.bp_base_grid_list_item_module_gridList--8f579 .bp_base_grid_list_item_module_gridListItem--8f579 .bp_base_grid_list_item_module_actions--8f579 .bp_base_grid_list_item_module_selection--8f579:hover{
|
|
5630
5652
|
background:var(--grid-list-selection-hover-background);
|
|
5631
5653
|
}
|
|
5632
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5654
|
+
.bp_base_grid_list_item_module_gridList--8f579 .bp_base_grid_list_item_module_gridListItem--8f579 .bp_base_grid_list_item_module_actions--8f579 .bp_base_grid_list_item_module_inner--8f579{
|
|
5633
5655
|
align-items:center;
|
|
5634
5656
|
background:var(--item-background);
|
|
5635
5657
|
border-radius:var(--grid-list-actions-inner-border-radius);
|
|
@@ -5638,12 +5660,12 @@
|
|
|
5638
5660
|
justify-content:center;
|
|
5639
5661
|
}
|
|
5640
5662
|
@media (pointer: coarse){
|
|
5641
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5663
|
+
.bp_base_grid_list_item_module_gridList--8f579 .bp_base_grid_list_item_module_gridListItem--8f579 .bp_base_grid_list_item_module_actions--8f579{
|
|
5642
5664
|
grid-area:actions;
|
|
5643
5665
|
margin-block-start:0;
|
|
5644
5666
|
}
|
|
5645
5667
|
}
|
|
5646
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5668
|
+
.bp_base_grid_list_item_module_gridList--8f579 .bp_base_grid_list_item_module_gridListItem--8f579 .bp_base_grid_list_item_module_header--8f579{
|
|
5647
5669
|
-webkit-box-orient:vertical;
|
|
5648
5670
|
-webkit-line-clamp:2;
|
|
5649
5671
|
color:var(--grid-list-header-color);
|
|
@@ -5661,11 +5683,11 @@
|
|
|
5661
5683
|
text-decoration:var(--body-default-text-decoration);
|
|
5662
5684
|
text-transform:var(--body-default-text-case);
|
|
5663
5685
|
}
|
|
5664
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5686
|
+
.bp_base_grid_list_item_module_gridList--8f579 .bp_base_grid_list_item_module_gridListItem--8f579 .bp_base_grid_list_item_module_header--8f579.bp_base_grid_list_item_module_loading--8f579{
|
|
5665
5687
|
align-items:center;
|
|
5666
5688
|
display:flex;
|
|
5667
5689
|
}
|
|
5668
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5690
|
+
.bp_base_grid_list_item_module_gridList--8f579 .bp_base_grid_list_item_module_gridListItem--8f579 .bp_base_grid_list_item_module_subtitle--8f579{
|
|
5669
5691
|
color:var(--grid-list-subtitle-color);
|
|
5670
5692
|
font-family:var(--caption-default-font-family);
|
|
5671
5693
|
font-size:var(--caption-default-font-size);
|
|
@@ -5682,15 +5704,15 @@
|
|
|
5682
5704
|
text-transform:var(--caption-default-text-case);
|
|
5683
5705
|
white-space:nowrap;
|
|
5684
5706
|
}
|
|
5685
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5707
|
+
.bp_base_grid_list_item_module_gridList--8f579 .bp_base_grid_list_item_module_gridListItem--8f579 .bp_base_grid_list_item_module_subtitle--8f579.bp_base_grid_list_item_module_loading--8f579{
|
|
5686
5708
|
height:var(--grid-list-subtitle-loading-height);
|
|
5687
5709
|
}
|
|
5688
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5710
|
+
.bp_base_grid_list_item_module_gridList--8f579 .bp_base_grid_list_item_module_gridListItem--8f579.bp_base_grid_list_item_module_isItemInteracted--8f579,.bp_base_grid_list_item_module_gridList--8f579 .bp_base_grid_list_item_module_gridListItem--8f579:hover,.bp_base_grid_list_item_module_gridList--8f579 .bp_base_grid_list_item_module_gridListItem--8f579[data-active-item],.bp_base_grid_list_item_module_gridList--8f579 .bp_base_grid_list_item_module_gridListItem--8f579[data-focus-visible],.bp_base_grid_list_item_module_gridList--8f579 .bp_base_grid_list_item_module_gridListItem--8f579[data-focused],.bp_base_grid_list_item_module_gridList--8f579 .bp_base_grid_list_item_module_gridListItem--8f579[data-hovered]{
|
|
5689
5711
|
--actions-opacity:1;
|
|
5690
5712
|
box-shadow:var(--grid-list-item-hover-box-shadow);
|
|
5691
5713
|
outline:var(--grid-list-item-hover-outline);
|
|
5692
5714
|
}
|
|
5693
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5715
|
+
.bp_base_grid_list_item_module_gridList--8f579 .bp_base_grid_list_item_module_gridListItem--8f579[data-active-item]::before,.bp_base_grid_list_item_module_gridList--8f579 .bp_base_grid_list_item_module_gridListItem--8f579[data-focus-visible]::before{
|
|
5694
5716
|
border-radius:var(--grid-list-item-border-radius);
|
|
5695
5717
|
content:"";
|
|
5696
5718
|
display:block;
|
|
@@ -5702,7 +5724,7 @@
|
|
|
5702
5724
|
top:0;
|
|
5703
5725
|
width:100%;
|
|
5704
5726
|
}
|
|
5705
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5727
|
+
.bp_base_grid_list_item_module_gridList--8f579 .bp_base_grid_list_item_module_gridListItem--8f579[data-active-item]::after,.bp_base_grid_list_item_module_gridList--8f579 .bp_base_grid_list_item_module_gridListItem--8f579[data-focus-visible]::after{
|
|
5706
5728
|
border-radius:var(--grid-list-item-border-radius);
|
|
5707
5729
|
content:"";
|
|
5708
5730
|
display:block;
|
|
@@ -5714,16 +5736,16 @@
|
|
|
5714
5736
|
top:0;
|
|
5715
5737
|
width:100%;
|
|
5716
5738
|
}
|
|
5717
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5739
|
+
.bp_base_grid_list_item_module_gridList--8f579 .bp_base_grid_list_item_module_gridListItem--8f579[aria-selected=true]{
|
|
5718
5740
|
--actions-opacity:1;
|
|
5719
5741
|
--item-background:var(--grid-list-item-selected-background);
|
|
5720
5742
|
outline:var(--grid-list-item-selected-outline);
|
|
5721
5743
|
}
|
|
5722
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5744
|
+
.bp_base_grid_list_item_module_gridList--8f579 .bp_base_grid_list_item_module_gridListItem--8f579[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused], .bp_base_grid_list_item_module_isItemInteracted--8f579) .bp_base_grid_list_item_module_actions--8f579 .bp_base_grid_list_item_module_inner--8f579{
|
|
5723
5745
|
opacity:0;
|
|
5724
5746
|
}
|
|
5725
5747
|
@media (pointer: coarse){
|
|
5726
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5748
|
+
.bp_base_grid_list_item_module_gridList--8f579 .bp_base_grid_list_item_module_gridListItem--8f579{
|
|
5727
5749
|
--row-gap:var(--grid-list-item-coarse-row-gap);
|
|
5728
5750
|
--actions-opacity:1;
|
|
5729
5751
|
grid-template-areas:"thumbnail" "head" "subtitle" "actions";
|
|
@@ -5731,7 +5753,7 @@
|
|
|
5731
5753
|
}
|
|
5732
5754
|
}
|
|
5733
5755
|
|
|
5734
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
5756
|
+
.bp_base_grid_list_item_module_tooltipContent--8f579[data-modern=false]{
|
|
5735
5757
|
--tooltip-offset:var(--space-2);
|
|
5736
5758
|
--tooltip-background-color-standard:var(--surface-tooltip-surface);
|
|
5737
5759
|
--tooltip-padding:var(--space-2) var(--space-3);
|
|
@@ -5742,7 +5764,7 @@
|
|
|
5742
5764
|
--tooltip-radius:var(--radius-1);
|
|
5743
5765
|
}
|
|
5744
5766
|
|
|
5745
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
5767
|
+
.bp_base_grid_list_item_module_tooltipContent--8f579[data-modern=true]{
|
|
5746
5768
|
--tooltip-offset:var(--bp-space-020);
|
|
5747
5769
|
--tooltip-background-color-standard:var(--bp-surface-tooltip-surface);
|
|
5748
5770
|
--tooltip-padding:var(--bp-space-020) var(--bp-space-030);
|
|
@@ -5753,7 +5775,7 @@
|
|
|
5753
5775
|
--tooltip-radius:var(--bp-radius-04);
|
|
5754
5776
|
}
|
|
5755
5777
|
|
|
5756
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
5778
|
+
.bp_base_grid_list_item_module_tooltipContent--8f579{
|
|
5757
5779
|
background-color:var(--tooltip-background-color-standard);
|
|
5758
5780
|
border:var(--tooltip-border);
|
|
5759
5781
|
border-radius:var(--tooltip-radius);
|
|
@@ -5772,28 +5794,28 @@
|
|
|
5772
5794
|
word-break:break-word;
|
|
5773
5795
|
z-index:2147483647;
|
|
5774
5796
|
}
|
|
5775
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
5797
|
+
.bp_base_grid_list_item_module_tooltipContent--8f579 .bp_base_grid_list_item_module_tooltipArrow--8f579 svg{
|
|
5776
5798
|
display:block;
|
|
5777
5799
|
height:.5rem;
|
|
5778
5800
|
width:1rem;
|
|
5779
5801
|
}
|
|
5780
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
5802
|
+
.bp_base_grid_list_item_module_tooltipContent--8f579[data-placement=top]{
|
|
5781
5803
|
margin-block-end:var(--tooltip-offset);
|
|
5782
5804
|
}
|
|
5783
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
5805
|
+
.bp_base_grid_list_item_module_tooltipContent--8f579[data-placement=top] .bp_base_grid_list_item_module_tooltipArrow--8f579 svg{
|
|
5784
5806
|
transform:rotate(180deg);
|
|
5785
5807
|
}
|
|
5786
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
5808
|
+
.bp_base_grid_list_item_module_tooltipContent--8f579[data-placement=bottom]{
|
|
5787
5809
|
margin-block-start:var(--tooltip-offset);
|
|
5788
5810
|
}
|
|
5789
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
5811
|
+
.bp_base_grid_list_item_module_tooltipContent--8f579[data-placement=right]{
|
|
5790
5812
|
margin-inline-start:var(--tooltip-offset);
|
|
5791
5813
|
}
|
|
5792
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
5814
|
+
.bp_base_grid_list_item_module_tooltipContent--8f579[data-placement=left]{
|
|
5793
5815
|
margin-inline-end:var(--tooltip-offset);
|
|
5794
5816
|
}
|
|
5795
5817
|
|
|
5796
|
-
.bp_base_grid_list_item_module_staticList--
|
|
5818
|
+
.bp_base_grid_list_item_module_staticList--8f579 .bp_base_grid_list_item_module_staticListItem--8f579{
|
|
5797
5819
|
display:contents;
|
|
5798
5820
|
}
|
|
5799
5821
|
.bp_guided_tooltip_module_content--47a15{
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { ChevronLeft, ChevronRight } from '@box/blueprint-web-assets/icons/Fill';
|
|
2
|
+
import { ChevronLeft as ChevronLeft$1, ChevronRight as ChevronRight$1 } from '@box/blueprint-web-assets/icons/Fill';
|
|
3
|
+
import { ChevronLeft, ChevronRight } from '@box/blueprint-web-assets/icons/Medium';
|
|
3
4
|
import { Gray65 } from '@box/blueprint-web-assets/tokens/tokens';
|
|
4
5
|
import { isSameDay, today, getLocalTimeZone } from '@internationalized/date';
|
|
5
6
|
import { clsx } from 'clsx';
|
|
6
|
-
import { forwardRef, useRef, useEffect } from 'react';
|
|
7
|
+
import { forwardRef, useMemo, useRef, useEffect } from 'react';
|
|
7
8
|
import { Calendar as Calendar$1, Button, Heading, CalendarGrid, CalendarGridHeader, CalendarHeaderCell, CalendarGridBody, CalendarCell } from 'react-aria-components';
|
|
8
9
|
import { useBlueprintModernization } from '../../blueprint-modernization-context/useBlueprintModernization.js';
|
|
9
10
|
import styles from './calendar.module.js';
|
|
@@ -65,6 +66,8 @@ const Calendar = /*#__PURE__*/forwardRef((props, forwardedRef) => {
|
|
|
65
66
|
const {
|
|
66
67
|
enableModernizedComponents
|
|
67
68
|
} = useBlueprintModernization();
|
|
69
|
+
const ChevronLeftIcon = useMemo(() => enableModernizedComponents ? ChevronLeft : ChevronLeft$1, [enableModernizedComponents]);
|
|
70
|
+
const ChevronRightIcon = useMemo(() => enableModernizedComponents ? ChevronRight : ChevronRight$1, [enableModernizedComponents]);
|
|
68
71
|
return jsxs(Calendar$1, {
|
|
69
72
|
...rest,
|
|
70
73
|
ref: forwardedRef,
|
|
@@ -78,7 +81,7 @@ const Calendar = /*#__PURE__*/forwardRef((props, forwardedRef) => {
|
|
|
78
81
|
className: styles.calendarHeaderButton,
|
|
79
82
|
onPressStart: continuePropagation,
|
|
80
83
|
slot: "previous",
|
|
81
|
-
children: jsx(
|
|
84
|
+
children: jsx(ChevronLeftIcon, {
|
|
82
85
|
"aria-label": previousMonthAriaLabel,
|
|
83
86
|
color: Gray65
|
|
84
87
|
})
|
|
@@ -89,7 +92,7 @@ const Calendar = /*#__PURE__*/forwardRef((props, forwardedRef) => {
|
|
|
89
92
|
className: styles.calendarHeaderButton,
|
|
90
93
|
onPressStart: continuePropagation,
|
|
91
94
|
slot: "next",
|
|
92
|
-
children: jsx(
|
|
95
|
+
children: jsx(ChevronRightIcon, {
|
|
93
96
|
"aria-label": nextMonthAriaLabel,
|
|
94
97
|
color: Gray65
|
|
95
98
|
})
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../../index.css';
|
|
2
|
-
var styles = {"calendar":"bp_calendar_module_calendar--
|
|
2
|
+
var styles = {"calendar":"bp_calendar_module_calendar--98baa","calendarHeaderCell":"bp_calendar_module_calendarHeaderCell--98baa","calendarHeader":"bp_calendar_module_calendarHeader--98baa","calendarHeaderButton":"bp_calendar_module_calendarHeaderButton--98baa","calendarGrid":"bp_calendar_module_calendarGrid--98baa","calendarHeaderHeading":"bp_calendar_module_calendarHeaderHeading--98baa","calendarCell":"bp_calendar_module_calendarCell--98baa","today":"bp_calendar_module_today--98baa"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../../index.css';
|
|
2
|
-
var styles = {"smallList":"bp_base_grid_list_item_module_smallList--
|
|
2
|
+
var styles = {"smallList":"bp_base_grid_list_item_module_smallList--8f579","smallListItem":"bp_base_grid_list_item_module_smallListItem--8f579","loading":"bp_base_grid_list_item_module_loading--8f579","thumbnail":"bp_base_grid_list_item_module_thumbnail--8f579","thumbnailContent":"bp_base_grid_list_item_module_thumbnailContent--8f579","header":"bp_base_grid_list_item_module_header--8f579","subtitle":"bp_base_grid_list_item_module_subtitle--8f579","actions":"bp_base_grid_list_item_module_actions--8f579","selection":"bp_base_grid_list_item_module_selection--8f579","inner":"bp_base_grid_list_item_module_inner--8f579","actionsCheckboxWrapper":"bp_base_grid_list_item_module_actionsCheckboxWrapper--8f579","largeList":"bp_base_grid_list_item_module_largeList--8f579","largeListItem":"bp_base_grid_list_item_module_largeListItem--8f579","fade":"bp_base_grid_list_item_module_fade--8f579","description":"bp_base_grid_list_item_module_description--8f579","snippet":"bp_base_grid_list_item_module_snippet--8f579","snippetContent":"bp_base_grid_list_item_module_snippetContent--8f579","react-aria-DropIndicator":"bp_base_grid_list_item_module_react-aria-DropIndicator--8f579","gridList":"bp_base_grid_list_item_module_gridList--8f579","gridListItem":"bp_base_grid_list_item_module_gridListItem--8f579","statusPin":"bp_base_grid_list_item_module_statusPin--8f579","isItemInteracted":"bp_base_grid_list_item_module_isItemInteracted--8f579","tooltipContent":"bp_base_grid_list_item_module_tooltipContent--8f579","tooltipArrow":"bp_base_grid_list_item_module_tooltipArrow--8f579","staticList":"bp_base_grid_list_item_module_staticList--8f579","staticListItem":"bp_base_grid_list_item_module_staticListItem--8f579"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|