@box/blueprint-web 12.1.2 → 12.2.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/accordion/accordion.js +1 -12
- package/dist/lib-esm/accordion/accordion.module.js +1 -1
- package/dist/lib-esm/accordion/types.d.ts +5 -19
- package/dist/lib-esm/index.css +169 -172
- package/dist/lib-esm/modal/modal.module.js +1 -1
- package/dist/lib-esm/side-panel/side-panel.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
|
@@ -67,16 +67,12 @@ const Item = props => {
|
|
|
67
67
|
// TODO: [DSYS-549] Refactor - spread props in a single place
|
|
68
68
|
const {
|
|
69
69
|
status,
|
|
70
|
-
statusIcon,
|
|
71
|
-
statusIconAriaLabel,
|
|
72
70
|
title,
|
|
73
71
|
disabled,
|
|
74
72
|
error,
|
|
75
73
|
errorIconAriaLabel,
|
|
76
74
|
...itemRest
|
|
77
75
|
} = props;
|
|
78
|
-
const hasStatusLabel = isDefined(status) && !isDefined(statusIcon);
|
|
79
|
-
const hasStatusIcon = !isDefined(status) && isDefined(statusIcon);
|
|
80
76
|
return jsxs(RadixAccordion.Item, {
|
|
81
77
|
...itemRest,
|
|
82
78
|
className: accordionItemClasses,
|
|
@@ -91,17 +87,10 @@ const Item = props => {
|
|
|
91
87
|
children: title
|
|
92
88
|
}), jsxs("div", {
|
|
93
89
|
className: styles.accordionHeaderTrigger,
|
|
94
|
-
children: [
|
|
90
|
+
children: [isDefined(status) && jsx(Status, {
|
|
95
91
|
className: styles.accordionStatus,
|
|
96
92
|
color: error ? statusColors.error : statusColors.default,
|
|
97
93
|
text: `${status}`
|
|
98
|
-
}), hasStatusIcon && jsx(Status, {
|
|
99
|
-
"aria-label": statusIconAriaLabel,
|
|
100
|
-
className: styles.accordionIconStatus,
|
|
101
|
-
color: error ? statusColors.error : statusColors.default,
|
|
102
|
-
hideText: true,
|
|
103
|
-
icon: statusIcon,
|
|
104
|
-
text: statusIconAriaLabel ?? ''
|
|
105
94
|
}), jsx(PointerChevron, {
|
|
106
95
|
"aria-hidden": "true",
|
|
107
96
|
className: styles.accordionTriggerIcon
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"accordionContent":"bp_accordion_module_accordionContent--
|
|
2
|
+
var styles = {"accordionContent":"bp_accordion_module_accordionContent--eb917","slideDown":"bp_accordion_module_slideDown--eb917","slideUp":"bp_accordion_module_slideUp--eb917","accordionContentWrapper":"bp_accordion_module_accordionContentWrapper--eb917","accordionInlineErrorWrapper":"bp_accordion_module_accordionInlineErrorWrapper--eb917","accordionItem":"bp_accordion_module_accordionItem--eb917","accordionFixedContent":"bp_accordion_module_accordionFixedContent--eb917","accordionHeader":"bp_accordion_module_accordionHeader--eb917","accordionHeaderTrigger":"bp_accordion_module_accordionHeaderTrigger--eb917","accordionStatus":"bp_accordion_module_accordionStatus--eb917","accordionTrigger":"bp_accordion_module_accordionTrigger--eb917","accordionTriggerIcon":"bp_accordion_module_accordionTriggerIcon--eb917"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { type AccordionMultipleProps, type AccordionSingleProps, type AccordionItemProps as RadixAccordionItemProps } from '@radix-ui/react-accordion';
|
|
2
|
-
import { type FunctionComponent, type PropsWithChildren, type SVGProps } from 'react';
|
|
3
2
|
import { type RequireAllOrNone } from 'type-fest';
|
|
4
3
|
interface Loading {
|
|
5
4
|
/** Loading state of the section. Loading sections are displaying a placeholder. When this is true `loadingAriaLabel` must also be provided. */
|
|
@@ -17,23 +16,6 @@ interface Errorable {
|
|
|
17
16
|
*/
|
|
18
17
|
errorIconAriaLabel?: string;
|
|
19
18
|
}
|
|
20
|
-
interface StatusIconProps {
|
|
21
|
-
/**
|
|
22
|
-
* Icon displayed in a status pill next to the title
|
|
23
|
-
* */
|
|
24
|
-
statusIcon: FunctionComponent<PropsWithChildren<SVGProps<SVGSVGElement>>>;
|
|
25
|
-
/**
|
|
26
|
-
* Description of icon displayed in a status pill next to the title
|
|
27
|
-
* */
|
|
28
|
-
statusIconAriaLabel: string;
|
|
29
|
-
}
|
|
30
|
-
type StatusProps = {
|
|
31
|
-
status: number;
|
|
32
|
-
statusIcon?: never;
|
|
33
|
-
statusIconAriaLabel?: never;
|
|
34
|
-
} | ({
|
|
35
|
-
status?: never;
|
|
36
|
-
} & RequireAllOrNone<StatusIconProps, keyof StatusIconProps>);
|
|
37
19
|
export type AccordionBaseItem = {
|
|
38
20
|
/**
|
|
39
21
|
* Content of the accordion item that is displayed when the section is expanded
|
|
@@ -51,11 +33,15 @@ export type AccordionSectionItem = AccordionBaseItem & Omit<RadixAccordionItemPr
|
|
|
51
33
|
* Header text displayed
|
|
52
34
|
*/
|
|
53
35
|
title: string;
|
|
36
|
+
/**
|
|
37
|
+
* Number displayed in a status pill next to the title
|
|
38
|
+
* */
|
|
39
|
+
status?: number;
|
|
54
40
|
/**
|
|
55
41
|
* Disabled state of the section.
|
|
56
42
|
*/
|
|
57
43
|
disabled?: boolean;
|
|
58
|
-
}
|
|
44
|
+
};
|
|
59
45
|
export type AccordionItem = AccordionSectionItem | AccordionFixedItem;
|
|
60
46
|
export type AccordionItemProps = AccordionItem & React.ComponentPropsWithRef<'div'>;
|
|
61
47
|
export type AccordionProps = (AccordionSingleProps | AccordionMultipleProps) & React.ComponentPropsWithRef<'div'>;
|
package/dist/lib-esm/index.css
CHANGED
|
@@ -612,19 +612,19 @@
|
|
|
612
612
|
.bp_status_module_colorSurfaceStatusSurfaceGreen--6c98f.bp_status_module_interactiveStatus--6c98f:focus-visible{
|
|
613
613
|
background-color:var(--surface-status-surface-green-focus);
|
|
614
614
|
}
|
|
615
|
-
.bp_accordion_module_accordionContent--
|
|
616
|
-
animation:bp_accordion_module_slideDown--
|
|
615
|
+
.bp_accordion_module_accordionContent--eb917[data-state=open]{
|
|
616
|
+
animation:bp_accordion_module_slideDown--eb917 .15s ease-out;
|
|
617
617
|
}
|
|
618
618
|
|
|
619
|
-
.bp_accordion_module_accordionContent--
|
|
620
|
-
animation:bp_accordion_module_slideUp--
|
|
619
|
+
.bp_accordion_module_accordionContent--eb917[data-state=closed]{
|
|
620
|
+
animation:bp_accordion_module_slideUp--eb917 .15s ease-out;
|
|
621
621
|
}
|
|
622
622
|
|
|
623
|
-
.bp_accordion_module_accordionContent--
|
|
623
|
+
.bp_accordion_module_accordionContent--eb917{
|
|
624
624
|
overflow:hidden;
|
|
625
625
|
}
|
|
626
626
|
|
|
627
|
-
@keyframes bp_accordion_module_slideDown--
|
|
627
|
+
@keyframes bp_accordion_module_slideDown--eb917{
|
|
628
628
|
from{
|
|
629
629
|
height:0;
|
|
630
630
|
}
|
|
@@ -632,7 +632,7 @@
|
|
|
632
632
|
height:var(--radix-accordion-content-height);
|
|
633
633
|
}
|
|
634
634
|
}
|
|
635
|
-
@keyframes bp_accordion_module_slideUp--
|
|
635
|
+
@keyframes bp_accordion_module_slideUp--eb917{
|
|
636
636
|
from{
|
|
637
637
|
height:var(--radix-accordion-content-height);
|
|
638
638
|
}
|
|
@@ -640,7 +640,7 @@
|
|
|
640
640
|
height:0;
|
|
641
641
|
}
|
|
642
642
|
}
|
|
643
|
-
.bp_accordion_module_accordionContentWrapper--
|
|
643
|
+
.bp_accordion_module_accordionContentWrapper--eb917{
|
|
644
644
|
display:flex;
|
|
645
645
|
flex-direction:column;
|
|
646
646
|
gap:var(--space-4);
|
|
@@ -649,20 +649,20 @@
|
|
|
649
649
|
padding-inline:var(--space-4);
|
|
650
650
|
}
|
|
651
651
|
|
|
652
|
-
.bp_accordion_module_accordionInlineErrorWrapper--
|
|
652
|
+
.bp_accordion_module_accordionInlineErrorWrapper--eb917{
|
|
653
653
|
padding-block-start:var(--space-4);
|
|
654
654
|
padding-inline:var(--space-4);
|
|
655
655
|
}
|
|
656
656
|
|
|
657
|
-
.bp_accordion_module_accordionItem--
|
|
657
|
+
.bp_accordion_module_accordionItem--eb917{
|
|
658
658
|
border-bottom:var(--border-1) solid var(--border-divider-border);
|
|
659
659
|
min-width:320px;
|
|
660
660
|
}
|
|
661
|
-
.bp_accordion_module_accordionItem--
|
|
661
|
+
.bp_accordion_module_accordionItem--eb917,.bp_accordion_module_accordionItem--eb917 > [data-state=open]{
|
|
662
662
|
background-color:var(--surface-accordion-surface);
|
|
663
663
|
}
|
|
664
664
|
|
|
665
|
-
.bp_accordion_module_accordionFixedContent--
|
|
665
|
+
.bp_accordion_module_accordionFixedContent--eb917{
|
|
666
666
|
background-color:var(--surface-surface);
|
|
667
667
|
display:flex;
|
|
668
668
|
flex-direction:column;
|
|
@@ -671,7 +671,7 @@
|
|
|
671
671
|
padding-inline:var(--space-4);
|
|
672
672
|
}
|
|
673
673
|
|
|
674
|
-
.bp_accordion_module_accordionHeader--
|
|
674
|
+
.bp_accordion_module_accordionHeader--eb917{
|
|
675
675
|
color:var(--text-text-on-light);
|
|
676
676
|
display:flex;
|
|
677
677
|
font-family:var(--title-small-font-family);
|
|
@@ -688,19 +688,16 @@
|
|
|
688
688
|
width:100%;
|
|
689
689
|
}
|
|
690
690
|
|
|
691
|
-
.bp_accordion_module_accordionHeaderTrigger--
|
|
691
|
+
.bp_accordion_module_accordionHeaderTrigger--eb917{
|
|
692
692
|
align-items:center;
|
|
693
693
|
display:flex;
|
|
694
694
|
}
|
|
695
695
|
|
|
696
|
-
.
|
|
696
|
+
.bp_accordion_module_accordionStatus--eb917{
|
|
697
697
|
margin-inline-start:var(--space-2);
|
|
698
698
|
}
|
|
699
|
-
.bp_accordion_module_accordionIconStatus--ae5da > span{
|
|
700
|
-
padding:0 var(--space-1);
|
|
701
|
-
}
|
|
702
699
|
|
|
703
|
-
.bp_accordion_module_accordionTrigger--
|
|
700
|
+
.bp_accordion_module_accordionTrigger--eb917{
|
|
704
701
|
align-items:center;
|
|
705
702
|
background-color:var(--surface-surface);
|
|
706
703
|
border:none;
|
|
@@ -711,31 +708,31 @@
|
|
|
711
708
|
text-transform:capitalize;
|
|
712
709
|
width:100%;
|
|
713
710
|
}
|
|
714
|
-
.bp_accordion_module_accordionTrigger--
|
|
711
|
+
.bp_accordion_module_accordionTrigger--eb917:active{
|
|
715
712
|
background-color:var(--surface-surface);
|
|
716
713
|
}
|
|
717
|
-
.bp_accordion_module_accordionTrigger--
|
|
714
|
+
.bp_accordion_module_accordionTrigger--eb917:hover{
|
|
718
715
|
background-color:var(--surface-accordion-surface-hover);
|
|
719
716
|
cursor:pointer;
|
|
720
717
|
}
|
|
721
|
-
.bp_accordion_module_accordionTrigger--
|
|
718
|
+
.bp_accordion_module_accordionTrigger--eb917:focus-visible{
|
|
722
719
|
background-color:var(--surface-surface-hover);
|
|
723
720
|
box-shadow:inset 0 0 0 var(--border-2) var(--outline-focus-on-light);
|
|
724
721
|
outline:none;
|
|
725
722
|
}
|
|
726
|
-
.bp_accordion_module_accordionTrigger--
|
|
723
|
+
.bp_accordion_module_accordionTrigger--eb917:disabled{
|
|
727
724
|
cursor:default;
|
|
728
725
|
opacity:.3;
|
|
729
726
|
}
|
|
730
|
-
.bp_accordion_module_accordionTrigger--
|
|
727
|
+
.bp_accordion_module_accordionTrigger--eb917:disabled:hover{
|
|
731
728
|
background-color:var(--gray-white);
|
|
732
729
|
}
|
|
733
|
-
.bp_accordion_module_accordionTrigger--
|
|
730
|
+
.bp_accordion_module_accordionTrigger--eb917 .bp_accordion_module_accordionTriggerIcon--eb917{
|
|
734
731
|
color:var(--gray-50);
|
|
735
732
|
flex-shrink:0;
|
|
736
733
|
margin-inline-start:var(--space-3);
|
|
737
734
|
}
|
|
738
|
-
.bp_accordion_module_accordionTrigger--
|
|
735
|
+
.bp_accordion_module_accordionTrigger--eb917[data-state=open] .bp_accordion_module_accordionTriggerIcon--eb917{
|
|
739
736
|
transform:rotate(180deg);
|
|
740
737
|
}
|
|
741
738
|
|
|
@@ -3483,7 +3480,7 @@
|
|
|
3483
3480
|
.bp_link_module_link--fb308 .bp_link_module_icon--fb308 *{
|
|
3484
3481
|
fill:currentColor;
|
|
3485
3482
|
}
|
|
3486
|
-
.bp_base_grid_list_item_module_smallList--
|
|
3483
|
+
.bp_base_grid_list_item_module_smallList--6a4c7{
|
|
3487
3484
|
box-sizing:border-box;
|
|
3488
3485
|
display:grid;
|
|
3489
3486
|
gap:var(--space-2);
|
|
@@ -3494,7 +3491,7 @@
|
|
|
3494
3491
|
padding:var(--space-1);
|
|
3495
3492
|
width:auto;
|
|
3496
3493
|
}
|
|
3497
|
-
.bp_base_grid_list_item_module_smallList--
|
|
3494
|
+
.bp_base_grid_list_item_module_smallList--6a4c7 .bp_base_grid_list_item_module_smallListItem--6a4c7{
|
|
3498
3495
|
--actions-opacity:0;
|
|
3499
3496
|
--thumbnail-size:var(--size-9);
|
|
3500
3497
|
--item-background:var(--surface-item-small-surface);
|
|
@@ -3513,11 +3510,11 @@
|
|
|
3513
3510
|
transform:translateZ(0);
|
|
3514
3511
|
width:auto;
|
|
3515
3512
|
}
|
|
3516
|
-
.bp_base_grid_list_item_module_smallList--
|
|
3513
|
+
.bp_base_grid_list_item_module_smallList--6a4c7 .bp_base_grid_list_item_module_smallListItem--6a4c7.bp_base_grid_list_item_module_loading--6a4c7{
|
|
3517
3514
|
grid-template-columns:var(--thumbnail-size) auto 0;
|
|
3518
3515
|
grid-template-rows:100% 0;
|
|
3519
3516
|
}
|
|
3520
|
-
.bp_base_grid_list_item_module_smallList--
|
|
3517
|
+
.bp_base_grid_list_item_module_smallList--6a4c7 .bp_base_grid_list_item_module_smallListItem--6a4c7 .bp_base_grid_list_item_module_thumbnail--6a4c7{
|
|
3521
3518
|
align-items:center;
|
|
3522
3519
|
aspect-ratio:1;
|
|
3523
3520
|
display:flex;
|
|
@@ -3526,13 +3523,13 @@
|
|
|
3526
3523
|
overflow:hidden;
|
|
3527
3524
|
z-index:1;
|
|
3528
3525
|
}
|
|
3529
|
-
.bp_base_grid_list_item_module_smallList--
|
|
3526
|
+
.bp_base_grid_list_item_module_smallList--6a4c7 .bp_base_grid_list_item_module_smallListItem--6a4c7 .bp_base_grid_list_item_module_thumbnailContent--6a4c7 img,.bp_base_grid_list_item_module_smallList--6a4c7 .bp_base_grid_list_item_module_smallListItem--6a4c7 .bp_base_grid_list_item_module_thumbnailContent--6a4c7 svg{
|
|
3530
3527
|
height:100%;
|
|
3531
3528
|
object-fit:cover;
|
|
3532
3529
|
object-position:left;
|
|
3533
3530
|
width:100%;
|
|
3534
3531
|
}
|
|
3535
|
-
.bp_base_grid_list_item_module_smallList--
|
|
3532
|
+
.bp_base_grid_list_item_module_smallList--6a4c7 .bp_base_grid_list_item_module_smallListItem--6a4c7 .bp_base_grid_list_item_module_header--6a4c7{
|
|
3536
3533
|
color:var(--text-text-on-light);
|
|
3537
3534
|
font-family:var(--body-default-semibold-font-family);
|
|
3538
3535
|
font-size:var(--body-default-semibold-font-size);
|
|
@@ -3544,11 +3541,11 @@
|
|
|
3544
3541
|
text-decoration:var(--body-default-semibold-text-decoration);
|
|
3545
3542
|
text-transform:var(--body-default-semibold-text-case);
|
|
3546
3543
|
}
|
|
3547
|
-
.bp_base_grid_list_item_module_smallList--
|
|
3544
|
+
.bp_base_grid_list_item_module_smallList--6a4c7 .bp_base_grid_list_item_module_smallListItem--6a4c7 .bp_base_grid_list_item_module_header--6a4c7.bp_base_grid_list_item_module_loading--6a4c7{
|
|
3548
3545
|
align-items:center;
|
|
3549
3546
|
display:flex;
|
|
3550
3547
|
}
|
|
3551
|
-
.bp_base_grid_list_item_module_smallList--
|
|
3548
|
+
.bp_base_grid_list_item_module_smallList--6a4c7 .bp_base_grid_list_item_module_smallListItem--6a4c7 .bp_base_grid_list_item_module_subtitle--6a4c7{
|
|
3552
3549
|
color:var(--text-text-on-light-secondary);
|
|
3553
3550
|
font-family:var(--caption-default-font-family);
|
|
3554
3551
|
font-size:var(--caption-default-font-size);
|
|
@@ -3560,17 +3557,17 @@
|
|
|
3560
3557
|
text-decoration:var(--caption-default-text-decoration);
|
|
3561
3558
|
text-transform:var(--caption-default-text-case);
|
|
3562
3559
|
}
|
|
3563
|
-
.bp_base_grid_list_item_module_smallList--
|
|
3560
|
+
.bp_base_grid_list_item_module_smallList--6a4c7 .bp_base_grid_list_item_module_smallListItem--6a4c7 .bp_base_grid_list_item_module_header--6a4c7,.bp_base_grid_list_item_module_smallList--6a4c7 .bp_base_grid_list_item_module_smallListItem--6a4c7 .bp_base_grid_list_item_module_subtitle--6a4c7{
|
|
3564
3561
|
display:inline-block;
|
|
3565
3562
|
overflow:hidden;
|
|
3566
3563
|
text-overflow:ellipsis;
|
|
3567
3564
|
white-space:nowrap;
|
|
3568
3565
|
}
|
|
3569
|
-
.bp_base_grid_list_item_module_smallList--
|
|
3566
|
+
.bp_base_grid_list_item_module_smallList--6a4c7 .bp_base_grid_list_item_module_smallListItem--6a4c7:not(:has(.bp_base_grid_list_item_module_header--6a4c7)),.bp_base_grid_list_item_module_smallList--6a4c7 .bp_base_grid_list_item_module_smallListItem--6a4c7:not(:has(.bp_base_grid_list_item_module_subtitle--6a4c7)){
|
|
3570
3567
|
grid-template-rows:100% 0;
|
|
3571
3568
|
row-gap:0;
|
|
3572
3569
|
}
|
|
3573
|
-
.bp_base_grid_list_item_module_smallList--
|
|
3570
|
+
.bp_base_grid_list_item_module_smallList--6a4c7 .bp_base_grid_list_item_module_smallListItem--6a4c7 .bp_base_grid_list_item_module_actions--6a4c7{
|
|
3574
3571
|
align-items:center;
|
|
3575
3572
|
display:flex;
|
|
3576
3573
|
grid-area:actions;
|
|
@@ -3580,11 +3577,11 @@
|
|
|
3580
3577
|
padding-right:0;
|
|
3581
3578
|
}
|
|
3582
3579
|
@media (pointer: coarse){
|
|
3583
|
-
.bp_base_grid_list_item_module_smallList--
|
|
3580
|
+
.bp_base_grid_list_item_module_smallList--6a4c7 .bp_base_grid_list_item_module_smallListItem--6a4c7 .bp_base_grid_list_item_module_actions--6a4c7{
|
|
3584
3581
|
--actions-opacity:1;
|
|
3585
3582
|
}
|
|
3586
3583
|
}
|
|
3587
|
-
.bp_base_grid_list_item_module_smallList--
|
|
3584
|
+
.bp_base_grid_list_item_module_smallList--6a4c7 .bp_base_grid_list_item_module_smallListItem--6a4c7 .bp_base_grid_list_item_module_actions--6a4c7 .bp_base_grid_list_item_module_selection--6a4c7{
|
|
3588
3585
|
align-items:center;
|
|
3589
3586
|
background:var(--item-background);
|
|
3590
3587
|
border-radius:var(--radius-2);
|
|
@@ -3593,10 +3590,10 @@
|
|
|
3593
3590
|
justify-content:center;
|
|
3594
3591
|
width:var(--space-8);
|
|
3595
3592
|
}
|
|
3596
|
-
.bp_base_grid_list_item_module_smallList--
|
|
3593
|
+
.bp_base_grid_list_item_module_smallList--6a4c7 .bp_base_grid_list_item_module_smallListItem--6a4c7 .bp_base_grid_list_item_module_actions--6a4c7 .bp_base_grid_list_item_module_selection--6a4c7:hover{
|
|
3597
3594
|
background:var(--surface-cta-surface-icon-hover);
|
|
3598
3595
|
}
|
|
3599
|
-
.bp_base_grid_list_item_module_smallList--
|
|
3596
|
+
.bp_base_grid_list_item_module_smallList--6a4c7 .bp_base_grid_list_item_module_smallListItem--6a4c7 .bp_base_grid_list_item_module_actions--6a4c7 .bp_base_grid_list_item_module_inner--6a4c7{
|
|
3600
3597
|
align-items:center;
|
|
3601
3598
|
border-radius:var(--radius-2);
|
|
3602
3599
|
display:flex;
|
|
@@ -3604,18 +3601,18 @@
|
|
|
3604
3601
|
justify-content:flex-end;
|
|
3605
3602
|
margin-inline-end:var(--space-2);
|
|
3606
3603
|
}
|
|
3607
|
-
.bp_base_grid_list_item_module_smallList--
|
|
3604
|
+
.bp_base_grid_list_item_module_smallList--6a4c7 .bp_base_grid_list_item_module_smallListItem--6a4c7 .bp_base_grid_list_item_module_actions--6a4c7 .bp_base_grid_list_item_module_inner--6a4c7:last-child{
|
|
3608
3605
|
margin-inline-end:0;
|
|
3609
3606
|
}
|
|
3610
|
-
.bp_base_grid_list_item_module_smallList--
|
|
3607
|
+
.bp_base_grid_list_item_module_smallList--6a4c7 .bp_base_grid_list_item_module_smallListItem--6a4c7 .bp_base_grid_list_item_module_actions--6a4c7 .bp_base_grid_list_item_module_actionsCheckboxWrapper--6a4c7{
|
|
3611
3608
|
background:var(--item-hover);
|
|
3612
3609
|
display:flex;
|
|
3613
3610
|
}
|
|
3614
|
-
.bp_base_grid_list_item_module_smallList--
|
|
3611
|
+
.bp_base_grid_list_item_module_smallList--6a4c7 .bp_base_grid_list_item_module_smallListItem--6a4c7:hover,.bp_base_grid_list_item_module_smallList--6a4c7 .bp_base_grid_list_item_module_smallListItem--6a4c7[data-active-item],.bp_base_grid_list_item_module_smallList--6a4c7 .bp_base_grid_list_item_module_smallListItem--6a4c7[data-focus-visible],.bp_base_grid_list_item_module_smallList--6a4c7 .bp_base_grid_list_item_module_smallListItem--6a4c7[data-focused],.bp_base_grid_list_item_module_smallList--6a4c7 .bp_base_grid_list_item_module_smallListItem--6a4c7[data-hovered]{
|
|
3615
3612
|
--actions-opacity:1;
|
|
3616
3613
|
background:var(--item-hover);
|
|
3617
3614
|
}
|
|
3618
|
-
.bp_base_grid_list_item_module_smallList--
|
|
3615
|
+
.bp_base_grid_list_item_module_smallList--6a4c7 .bp_base_grid_list_item_module_smallListItem--6a4c7[data-active-item]::before,.bp_base_grid_list_item_module_smallList--6a4c7 .bp_base_grid_list_item_module_smallListItem--6a4c7[data-focus-visible]::before{
|
|
3619
3616
|
--actions-opacity:1;
|
|
3620
3617
|
border-radius:.875rem;
|
|
3621
3618
|
content:"";
|
|
@@ -3629,7 +3626,7 @@
|
|
|
3629
3626
|
width:100%;
|
|
3630
3627
|
}
|
|
3631
3628
|
|
|
3632
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3629
|
+
.bp_base_grid_list_item_module_largeList--6a4c7{
|
|
3633
3630
|
box-sizing:border-box;
|
|
3634
3631
|
display:flex;
|
|
3635
3632
|
flex-direction:column;
|
|
@@ -3639,7 +3636,7 @@
|
|
|
3639
3636
|
overflow:auto;
|
|
3640
3637
|
padding:var(--space-1);
|
|
3641
3638
|
}
|
|
3642
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3639
|
+
.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7{
|
|
3643
3640
|
--thumbnail-size:10rem;
|
|
3644
3641
|
--actions-opacity:0;
|
|
3645
3642
|
--item-background:var(--gray-white);
|
|
@@ -3656,18 +3653,18 @@
|
|
|
3656
3653
|
position:relative;
|
|
3657
3654
|
transform:translateZ(0);
|
|
3658
3655
|
}
|
|
3659
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3656
|
+
.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7.bp_base_grid_list_item_module_loading--6a4c7{
|
|
3660
3657
|
grid-template-rows:1fr 1fr 1fr;
|
|
3661
3658
|
}
|
|
3662
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3659
|
+
.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7:focus-within{
|
|
3663
3660
|
--actions-opacity:1;
|
|
3664
3661
|
}
|
|
3665
3662
|
@media (max-width: 374px){
|
|
3666
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3663
|
+
.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7{
|
|
3667
3664
|
--thumbnail-size:7.5rem;
|
|
3668
3665
|
}
|
|
3669
3666
|
}
|
|
3670
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3667
|
+
.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7 .bp_base_grid_list_item_module_thumbnail--6a4c7{
|
|
3671
3668
|
aspect-ratio:4/3;
|
|
3672
3669
|
border:var(--border-1) solid var(--gray-10);
|
|
3673
3670
|
border-radius:var(--radius-3);
|
|
@@ -3675,24 +3672,24 @@
|
|
|
3675
3672
|
overflow:hidden;
|
|
3676
3673
|
z-index:1;
|
|
3677
3674
|
}
|
|
3678
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3675
|
+
.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7 .bp_base_grid_list_item_module_thumbnail--6a4c7 img{
|
|
3679
3676
|
height:100%;
|
|
3680
3677
|
object-fit:cover;
|
|
3681
3678
|
object-position:left;
|
|
3682
3679
|
width:100%;
|
|
3683
3680
|
}
|
|
3684
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3681
|
+
.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7 .bp_base_grid_list_item_module_thumbnail--6a4c7.bp_base_grid_list_item_module_loading--6a4c7{
|
|
3685
3682
|
border:none;
|
|
3686
3683
|
}
|
|
3687
3684
|
@media (max-width: 374px){
|
|
3688
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3685
|
+
.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7 .bp_base_grid_list_item_module_thumbnail--6a4c7{
|
|
3689
3686
|
aspect-ratio:1/1;
|
|
3690
3687
|
}
|
|
3691
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3688
|
+
.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7 .bp_base_grid_list_item_module_thumbnail--6a4c7 img{
|
|
3692
3689
|
object-fit:contain;
|
|
3693
3690
|
}
|
|
3694
3691
|
}
|
|
3695
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3692
|
+
.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7 .bp_base_grid_list_item_module_actions--6a4c7{
|
|
3696
3693
|
align-items:center;
|
|
3697
3694
|
display:flex;
|
|
3698
3695
|
height:var(--space-6);
|
|
@@ -3704,11 +3701,11 @@
|
|
|
3704
3701
|
top:.875rem;
|
|
3705
3702
|
}
|
|
3706
3703
|
@media (pointer: coarse){
|
|
3707
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3704
|
+
.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7 .bp_base_grid_list_item_module_actions--6a4c7{
|
|
3708
3705
|
--actions-opacity:1;
|
|
3709
3706
|
}
|
|
3710
3707
|
}
|
|
3711
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3708
|
+
.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7 .bp_base_grid_list_item_module_actions--6a4c7 .bp_base_grid_list_item_module_selection--6a4c7{
|
|
3712
3709
|
align-items:center;
|
|
3713
3710
|
background:var(--item-background);
|
|
3714
3711
|
border-radius:var(--radius-2);
|
|
@@ -3717,15 +3714,15 @@
|
|
|
3717
3714
|
justify-content:center;
|
|
3718
3715
|
width:var(--space-8);
|
|
3719
3716
|
}
|
|
3720
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3717
|
+
.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7 .bp_base_grid_list_item_module_actions--6a4c7 .bp_base_grid_list_item_module_selection--6a4c7:hover{
|
|
3721
3718
|
background:var(--surface-cta-surface-icon-hover);
|
|
3722
3719
|
}
|
|
3723
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3720
|
+
.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7 .bp_base_grid_list_item_module_actions--6a4c7 .bp_base_grid_list_item_module_fade--6a4c7{
|
|
3724
3721
|
align-self:stretch;
|
|
3725
3722
|
background:linear-gradient(270deg, #fff 0, #fff0 100%);
|
|
3726
3723
|
width:var(--size-8);
|
|
3727
3724
|
}
|
|
3728
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3725
|
+
.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7 .bp_base_grid_list_item_module_actions--6a4c7 .bp_base_grid_list_item_module_inner--6a4c7{
|
|
3729
3726
|
align-items:center;
|
|
3730
3727
|
background:var(--item-background);
|
|
3731
3728
|
border-radius:var(--radius-2);
|
|
@@ -3734,14 +3731,14 @@
|
|
|
3734
3731
|
justify-content:flex-end;
|
|
3735
3732
|
margin-inline-end:var(--space-2);
|
|
3736
3733
|
}
|
|
3737
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3734
|
+
.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7 .bp_base_grid_list_item_module_actions--6a4c7 .bp_base_grid_list_item_module_inner--6a4c7:last-child{
|
|
3738
3735
|
margin-inline-end:0;
|
|
3739
3736
|
}
|
|
3740
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3737
|
+
.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7 .bp_base_grid_list_item_module_actions--6a4c7 .bp_base_grid_list_item_module_actionsCheckboxWrapper--6a4c7{
|
|
3741
3738
|
background:var(--item-background);
|
|
3742
3739
|
display:flex;
|
|
3743
3740
|
}
|
|
3744
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3741
|
+
.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7 .bp_base_grid_list_item_module_header--6a4c7{
|
|
3745
3742
|
align-items:center;
|
|
3746
3743
|
color:var(--text-text-on-light);
|
|
3747
3744
|
display:inline-flex;
|
|
@@ -3759,7 +3756,7 @@
|
|
|
3759
3756
|
text-transform:var(--body-default-semibold-text-case);
|
|
3760
3757
|
white-space:nowrap;
|
|
3761
3758
|
}
|
|
3762
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3759
|
+
.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7 .bp_base_grid_list_item_module_subtitle--6a4c7{
|
|
3763
3760
|
align-items:center;
|
|
3764
3761
|
color:var(--text-text-on-light-secondary);
|
|
3765
3762
|
display:flex;
|
|
@@ -3775,7 +3772,7 @@
|
|
|
3775
3772
|
text-transform:var(--caption-default-text-case);
|
|
3776
3773
|
white-space:nowrap;
|
|
3777
3774
|
}
|
|
3778
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3775
|
+
.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7 .bp_base_grid_list_item_module_description--6a4c7{
|
|
3779
3776
|
-webkit-box-orient:vertical;
|
|
3780
3777
|
-webkit-line-clamp:3;
|
|
3781
3778
|
color:var(--text-text-on-light);
|
|
@@ -3794,13 +3791,13 @@
|
|
|
3794
3791
|
text-decoration:var(--body-default-text-decoration);
|
|
3795
3792
|
text-transform:var(--body-default-text-case);
|
|
3796
3793
|
}
|
|
3797
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3794
|
+
.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7 .bp_base_grid_list_item_module_snippet--6a4c7{
|
|
3798
3795
|
grid-area:description;
|
|
3799
3796
|
margin:0;
|
|
3800
3797
|
margin-block-end:var(--space-1);
|
|
3801
3798
|
margin-block-start:var(--space-3);
|
|
3802
3799
|
}
|
|
3803
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3800
|
+
.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7 .bp_base_grid_list_item_module_snippet--6a4c7 .bp_base_grid_list_item_module_snippetContent--6a4c7{
|
|
3804
3801
|
-webkit-box-orient:vertical;
|
|
3805
3802
|
-webkit-line-clamp:2;
|
|
3806
3803
|
border:0 0 0 var(--space-05);
|
|
@@ -3820,48 +3817,48 @@
|
|
|
3820
3817
|
text-decoration:var(--body-default-text-decoration);
|
|
3821
3818
|
text-transform:var(--body-default-text-case);
|
|
3822
3819
|
}
|
|
3823
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3820
|
+
.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7:hover,.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7[data-active-item],.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7[data-focus-visible],.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7[data-focused],.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7[data-hovered]{
|
|
3824
3821
|
--actions-opacity:1;
|
|
3825
3822
|
box-shadow:var(--dropshadow-2);
|
|
3826
3823
|
outline:var(--border-1) solid var(--border-card-border);
|
|
3827
3824
|
}
|
|
3828
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3825
|
+
.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7[data-active-item]::before,.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7[data-focus-visible]::before{
|
|
3829
3826
|
border-radius:.875rem;
|
|
3830
3827
|
content:"";
|
|
3831
3828
|
display:block;
|
|
3832
3829
|
height:100%;
|
|
3833
3830
|
left:0;
|
|
3834
|
-
outline:var(--border-2) solid var(--
|
|
3831
|
+
outline:var(--border-2) solid var(--outline-focus-on-light);
|
|
3835
3832
|
outline-offset:-6px;
|
|
3836
3833
|
position:absolute;
|
|
3837
3834
|
top:0;
|
|
3838
3835
|
width:100%;
|
|
3839
3836
|
}
|
|
3840
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3837
|
+
.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7[aria-selected=true]{
|
|
3841
3838
|
--actions-opacity:1;
|
|
3842
3839
|
--item-background:var(--box-blue-05);
|
|
3843
3840
|
outline:var(--border-2) solid var(--border-card-border-focus);
|
|
3844
3841
|
z-index:2;
|
|
3845
3842
|
}
|
|
3846
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3843
|
+
.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7[aria-selected=true] .bp_base_grid_list_item_module_actions--6a4c7 .bp_base_grid_list_item_module_fade--6a4c7{
|
|
3847
3844
|
background:linear-gradient(270deg, #f2f7fd 0, #f2f7fd00 100%);
|
|
3848
3845
|
}
|
|
3849
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3846
|
+
.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused]) .bp_base_grid_list_item_module_actions--6a4c7 .bp_base_grid_list_item_module_inner--6a4c7{
|
|
3850
3847
|
display:none;
|
|
3851
3848
|
}
|
|
3852
3849
|
@supports selector(:has(.foo)){
|
|
3853
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3850
|
+
.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7[aria-selected=true]:has(+ .bp_base_grid_list_item_module_react-aria-DropIndicator--6a4c7 + [aria-selected=true]),.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7[aria-selected=true]:has(+ [aria-selected=true]){
|
|
3854
3851
|
border-end-end-radius:0;
|
|
3855
3852
|
border-end-start-radius:0;
|
|
3856
3853
|
}
|
|
3857
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3854
|
+
.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7[aria-selected=true] + .bp_base_grid_list_item_module_react-aria-DropIndicator--6a4c7 + [aria-selected=true],.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7[aria-selected=true] + [aria-selected=true]{
|
|
3858
3855
|
border-start-end-radius:0;
|
|
3859
3856
|
border-start-start-radius:0;
|
|
3860
3857
|
border-top:none;
|
|
3861
3858
|
}
|
|
3862
3859
|
}
|
|
3863
3860
|
|
|
3864
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3861
|
+
.bp_base_grid_list_item_module_gridList--6a4c7{
|
|
3865
3862
|
box-sizing:border-box;
|
|
3866
3863
|
display:grid;
|
|
3867
3864
|
gap:var(--space-4);
|
|
@@ -3871,7 +3868,7 @@
|
|
|
3871
3868
|
overflow:auto;
|
|
3872
3869
|
padding:var(--space-1);
|
|
3873
3870
|
}
|
|
3874
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3871
|
+
.bp_base_grid_list_item_module_gridList--6a4c7 .bp_base_grid_list_item_module_gridListItem--6a4c7{
|
|
3875
3872
|
--actions-opacity:0;
|
|
3876
3873
|
--item-background:var(--gray-white);
|
|
3877
3874
|
--row-gap:var(--space-2);
|
|
@@ -3889,15 +3886,15 @@
|
|
|
3889
3886
|
row-gap:var(--row-gap);
|
|
3890
3887
|
transform:translateZ(0);
|
|
3891
3888
|
}
|
|
3892
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3889
|
+
.bp_base_grid_list_item_module_gridList--6a4c7 .bp_base_grid_list_item_module_gridListItem--6a4c7:focus-within{
|
|
3893
3890
|
--actions-opacity:1;
|
|
3894
3891
|
}
|
|
3895
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3892
|
+
.bp_base_grid_list_item_module_gridList--6a4c7 .bp_base_grid_list_item_module_gridListItem--6a4c7 .bp_base_grid_list_item_module_statusPin--6a4c7{
|
|
3896
3893
|
left:var(--space-3);
|
|
3897
3894
|
position:absolute;
|
|
3898
3895
|
top:var(--space-3);
|
|
3899
3896
|
}
|
|
3900
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3897
|
+
.bp_base_grid_list_item_module_gridList--6a4c7 .bp_base_grid_list_item_module_gridListItem--6a4c7 .bp_base_grid_list_item_module_thumbnail--6a4c7{
|
|
3901
3898
|
aspect-ratio:4/3;
|
|
3902
3899
|
background:var(--gray-white);
|
|
3903
3900
|
border:var(--border-1) solid var(--border-gridthumbnail-border);
|
|
@@ -3905,25 +3902,25 @@
|
|
|
3905
3902
|
grid-area:thumbnail;
|
|
3906
3903
|
overflow:hidden;
|
|
3907
3904
|
}
|
|
3908
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3905
|
+
.bp_base_grid_list_item_module_gridList--6a4c7 .bp_base_grid_list_item_module_gridListItem--6a4c7 .bp_base_grid_list_item_module_thumbnail--6a4c7 img{
|
|
3909
3906
|
height:100%;
|
|
3910
3907
|
object-fit:contain;
|
|
3911
3908
|
width:100%;
|
|
3912
3909
|
}
|
|
3913
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3910
|
+
.bp_base_grid_list_item_module_gridList--6a4c7 .bp_base_grid_list_item_module_gridListItem--6a4c7 .bp_base_grid_list_item_module_thumbnail--6a4c7.bp_base_grid_list_item_module_loading--6a4c7{
|
|
3914
3911
|
border:none;
|
|
3915
3912
|
}
|
|
3916
3913
|
@media (pointer: coarse){
|
|
3917
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3914
|
+
.bp_base_grid_list_item_module_gridList--6a4c7 .bp_base_grid_list_item_module_gridListItem--6a4c7 .bp_base_grid_list_item_module_thumbnail--6a4c7{
|
|
3918
3915
|
margin-block-end:var(--space-1);
|
|
3919
3916
|
}
|
|
3920
3917
|
}
|
|
3921
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3918
|
+
.bp_base_grid_list_item_module_gridList--6a4c7 .bp_base_grid_list_item_module_gridListItem--6a4c7 .bp_base_grid_list_item_module_actions--6a4c7{
|
|
3922
3919
|
grid-area:subtitle;
|
|
3923
3920
|
margin-block-start:-.25rem;
|
|
3924
3921
|
opacity:var(--actions-opacity);
|
|
3925
3922
|
}
|
|
3926
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3923
|
+
.bp_base_grid_list_item_module_gridList--6a4c7 .bp_base_grid_list_item_module_gridListItem--6a4c7 .bp_base_grid_list_item_module_actions--6a4c7 .bp_base_grid_list_item_module_selection--6a4c7{
|
|
3927
3924
|
align-items:center;
|
|
3928
3925
|
border-radius:var(--radius-2);
|
|
3929
3926
|
display:flex;
|
|
@@ -3934,10 +3931,10 @@
|
|
|
3934
3931
|
top:var(--space-2);
|
|
3935
3932
|
width:var(--space-8);
|
|
3936
3933
|
}
|
|
3937
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3934
|
+
.bp_base_grid_list_item_module_gridList--6a4c7 .bp_base_grid_list_item_module_gridListItem--6a4c7 .bp_base_grid_list_item_module_actions--6a4c7 .bp_base_grid_list_item_module_selection--6a4c7:hover{
|
|
3938
3935
|
background:var(--surface-cta-surface-icon-hover);
|
|
3939
3936
|
}
|
|
3940
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3937
|
+
.bp_base_grid_list_item_module_gridList--6a4c7 .bp_base_grid_list_item_module_gridListItem--6a4c7 .bp_base_grid_list_item_module_actions--6a4c7 .bp_base_grid_list_item_module_inner--6a4c7{
|
|
3941
3938
|
align-items:center;
|
|
3942
3939
|
background:var(--item-background);
|
|
3943
3940
|
border-radius:var(--radius-2);
|
|
@@ -3946,12 +3943,12 @@
|
|
|
3946
3943
|
justify-content:center;
|
|
3947
3944
|
}
|
|
3948
3945
|
@media (pointer: coarse){
|
|
3949
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3946
|
+
.bp_base_grid_list_item_module_gridList--6a4c7 .bp_base_grid_list_item_module_gridListItem--6a4c7 .bp_base_grid_list_item_module_actions--6a4c7{
|
|
3950
3947
|
grid-area:actions;
|
|
3951
3948
|
margin-block-start:0;
|
|
3952
3949
|
}
|
|
3953
3950
|
}
|
|
3954
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3951
|
+
.bp_base_grid_list_item_module_gridList--6a4c7 .bp_base_grid_list_item_module_gridListItem--6a4c7 .bp_base_grid_list_item_module_header--6a4c7{
|
|
3955
3952
|
-webkit-box-orient:vertical;
|
|
3956
3953
|
-webkit-line-clamp:2;
|
|
3957
3954
|
color:var(--text-text-on-light);
|
|
@@ -3969,11 +3966,11 @@
|
|
|
3969
3966
|
text-decoration:var(--body-default-text-decoration);
|
|
3970
3967
|
text-transform:var(--body-default-text-case);
|
|
3971
3968
|
}
|
|
3972
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3969
|
+
.bp_base_grid_list_item_module_gridList--6a4c7 .bp_base_grid_list_item_module_gridListItem--6a4c7 .bp_base_grid_list_item_module_header--6a4c7.bp_base_grid_list_item_module_loading--6a4c7{
|
|
3973
3970
|
align-items:center;
|
|
3974
3971
|
display:flex;
|
|
3975
3972
|
}
|
|
3976
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3973
|
+
.bp_base_grid_list_item_module_gridList--6a4c7 .bp_base_grid_list_item_module_gridListItem--6a4c7 .bp_base_grid_list_item_module_subtitle--6a4c7{
|
|
3977
3974
|
color:var(--text-text-on-light-secondary);
|
|
3978
3975
|
font-family:var(--caption-default-font-family);
|
|
3979
3976
|
font-size:var(--caption-default-font-size);
|
|
@@ -3990,27 +3987,27 @@
|
|
|
3990
3987
|
text-transform:var(--caption-default-text-case);
|
|
3991
3988
|
white-space:nowrap;
|
|
3992
3989
|
}
|
|
3993
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3990
|
+
.bp_base_grid_list_item_module_gridList--6a4c7 .bp_base_grid_list_item_module_gridListItem--6a4c7 .bp_base_grid_list_item_module_subtitle--6a4c7.bp_base_grid_list_item_module_loading--6a4c7{
|
|
3994
3991
|
height:1.25rem;
|
|
3995
3992
|
}
|
|
3996
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3993
|
+
.bp_base_grid_list_item_module_gridList--6a4c7 .bp_base_grid_list_item_module_gridListItem--6a4c7.bp_base_grid_list_item_module_isItemInteracted--6a4c7,.bp_base_grid_list_item_module_gridList--6a4c7 .bp_base_grid_list_item_module_gridListItem--6a4c7:hover,.bp_base_grid_list_item_module_gridList--6a4c7 .bp_base_grid_list_item_module_gridListItem--6a4c7[data-active-item],.bp_base_grid_list_item_module_gridList--6a4c7 .bp_base_grid_list_item_module_gridListItem--6a4c7[data-focus-visible],.bp_base_grid_list_item_module_gridList--6a4c7 .bp_base_grid_list_item_module_gridListItem--6a4c7[data-focused],.bp_base_grid_list_item_module_gridList--6a4c7 .bp_base_grid_list_item_module_gridListItem--6a4c7[data-hovered]{
|
|
3997
3994
|
--actions-opacity:1;
|
|
3998
3995
|
box-shadow:var(--dropshadow-2);
|
|
3999
3996
|
outline:var(--border-1) solid var(--border-card-border);
|
|
4000
3997
|
}
|
|
4001
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3998
|
+
.bp_base_grid_list_item_module_gridList--6a4c7 .bp_base_grid_list_item_module_gridListItem--6a4c7[data-active-item]::before,.bp_base_grid_list_item_module_gridList--6a4c7 .bp_base_grid_list_item_module_gridListItem--6a4c7[data-focus-visible]::before{
|
|
4002
3999
|
border-radius:var(--radius-3);
|
|
4003
4000
|
content:"";
|
|
4004
4001
|
display:block;
|
|
4005
4002
|
height:100%;
|
|
4006
4003
|
left:0;
|
|
4007
|
-
outline:var(--border-2) solid var(--
|
|
4004
|
+
outline:var(--border-2) solid var(--outline-focus-on-light);
|
|
4008
4005
|
outline-offset:-3px;
|
|
4009
4006
|
position:absolute;
|
|
4010
4007
|
top:0;
|
|
4011
4008
|
width:100%;
|
|
4012
4009
|
}
|
|
4013
|
-
.bp_base_grid_list_item_module_gridList--
|
|
4010
|
+
.bp_base_grid_list_item_module_gridList--6a4c7 .bp_base_grid_list_item_module_gridListItem--6a4c7[data-active-item]::after,.bp_base_grid_list_item_module_gridList--6a4c7 .bp_base_grid_list_item_module_gridListItem--6a4c7[data-focus-visible]::after{
|
|
4014
4011
|
border-radius:var(--radius-3);
|
|
4015
4012
|
content:"";
|
|
4016
4013
|
display:block;
|
|
@@ -4022,16 +4019,16 @@
|
|
|
4022
4019
|
top:0;
|
|
4023
4020
|
width:100%;
|
|
4024
4021
|
}
|
|
4025
|
-
.bp_base_grid_list_item_module_gridList--
|
|
4022
|
+
.bp_base_grid_list_item_module_gridList--6a4c7 .bp_base_grid_list_item_module_gridListItem--6a4c7[aria-selected=true]{
|
|
4026
4023
|
--actions-opacity:1;
|
|
4027
4024
|
--item-background:var(--box-blue-05);
|
|
4028
4025
|
outline:var(--border-2) solid var(--border-card-border-focus);
|
|
4029
4026
|
}
|
|
4030
|
-
.bp_base_grid_list_item_module_gridList--
|
|
4027
|
+
.bp_base_grid_list_item_module_gridList--6a4c7 .bp_base_grid_list_item_module_gridListItem--6a4c7[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused], .bp_base_grid_list_item_module_isItemInteracted--6a4c7) .bp_base_grid_list_item_module_actions--6a4c7 .bp_base_grid_list_item_module_inner--6a4c7{
|
|
4031
4028
|
opacity:0;
|
|
4032
4029
|
}
|
|
4033
4030
|
@media (pointer: coarse){
|
|
4034
|
-
.bp_base_grid_list_item_module_gridList--
|
|
4031
|
+
.bp_base_grid_list_item_module_gridList--6a4c7 .bp_base_grid_list_item_module_gridListItem--6a4c7{
|
|
4035
4032
|
--row-gap:var(--space-1);
|
|
4036
4033
|
--actions-opacity:1;
|
|
4037
4034
|
grid-template-areas:"thumbnail" "head" "subtitle" "actions";
|
|
@@ -4039,7 +4036,7 @@
|
|
|
4039
4036
|
}
|
|
4040
4037
|
}
|
|
4041
4038
|
|
|
4042
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
4039
|
+
.bp_base_grid_list_item_module_tooltipContent--6a4c7{
|
|
4043
4040
|
background-color:var(--surface-tooltip-surface);
|
|
4044
4041
|
border:var(--border-1) solid var(--surface-tooltip-surface);
|
|
4045
4042
|
border-radius:var(--radius-1);
|
|
@@ -4058,28 +4055,28 @@
|
|
|
4058
4055
|
word-break:break-word;
|
|
4059
4056
|
z-index:2147483647;
|
|
4060
4057
|
}
|
|
4061
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
4058
|
+
.bp_base_grid_list_item_module_tooltipContent--6a4c7 .bp_base_grid_list_item_module_tooltipArrow--6a4c7 svg{
|
|
4062
4059
|
display:block;
|
|
4063
4060
|
height:.5rem;
|
|
4064
4061
|
width:1rem;
|
|
4065
4062
|
}
|
|
4066
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
4063
|
+
.bp_base_grid_list_item_module_tooltipContent--6a4c7[data-placement=top]{
|
|
4067
4064
|
margin-block-end:var(--space-2);
|
|
4068
4065
|
}
|
|
4069
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
4066
|
+
.bp_base_grid_list_item_module_tooltipContent--6a4c7[data-placement=top] .bp_base_grid_list_item_module_tooltipArrow--6a4c7 svg{
|
|
4070
4067
|
transform:rotate(180deg);
|
|
4071
4068
|
}
|
|
4072
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
4069
|
+
.bp_base_grid_list_item_module_tooltipContent--6a4c7[data-placement=bottom]{
|
|
4073
4070
|
margin-block-start:var(--space-2);
|
|
4074
4071
|
}
|
|
4075
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
4072
|
+
.bp_base_grid_list_item_module_tooltipContent--6a4c7[data-placement=right]{
|
|
4076
4073
|
margin-inline-start:var(--space-2);
|
|
4077
4074
|
}
|
|
4078
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
4075
|
+
.bp_base_grid_list_item_module_tooltipContent--6a4c7[data-placement=left]{
|
|
4079
4076
|
margin-inline-end:var(--space-2);
|
|
4080
4077
|
}
|
|
4081
4078
|
|
|
4082
|
-
.bp_base_grid_list_item_module_staticList--
|
|
4079
|
+
.bp_base_grid_list_item_module_staticList--6a4c7 .bp_base_grid_list_item_module_staticListItem--6a4c7{
|
|
4083
4080
|
display:contents;
|
|
4084
4081
|
}
|
|
4085
4082
|
.bp_guided_tooltip_module_content--47a15{
|
|
@@ -4361,8 +4358,8 @@ table.bp_inline_table_module_inlineTable--7cffa tr:not(:last-child) td{
|
|
|
4361
4358
|
display:inline;
|
|
4362
4359
|
}
|
|
4363
4360
|
|
|
4364
|
-
.bp_modal_module_overlay--
|
|
4365
|
-
background-color:var(--
|
|
4361
|
+
.bp_modal_module_overlay--921d6{
|
|
4362
|
+
background-color:var(--overlay-modal-overlay);
|
|
4366
4363
|
bottom:0;
|
|
4367
4364
|
display:grid;
|
|
4368
4365
|
left:0;
|
|
@@ -4373,13 +4370,13 @@ table.bp_inline_table_module_inlineTable--7cffa tr:not(:last-child) td{
|
|
|
4373
4370
|
z-index:370;
|
|
4374
4371
|
}
|
|
4375
4372
|
@media (width > 459px){
|
|
4376
|
-
.bp_modal_module_overlay--
|
|
4373
|
+
.bp_modal_module_overlay--921d6{
|
|
4377
4374
|
place-items:center;
|
|
4378
4375
|
}
|
|
4379
4376
|
}
|
|
4380
4377
|
|
|
4381
|
-
.bp_modal_module_content--
|
|
4382
|
-
animation:bp_modal_module_popup_bounce_in--
|
|
4378
|
+
.bp_modal_module_content--921d6{
|
|
4379
|
+
animation:bp_modal_module_popup_bounce_in--921d6 var(--animation-duration-3);
|
|
4383
4380
|
background-color:var(--gray-white);
|
|
4384
4381
|
display:flex;
|
|
4385
4382
|
flex-direction:column;
|
|
@@ -4388,80 +4385,80 @@ table.bp_inline_table_module_inlineTable--7cffa tr:not(:last-child) td{
|
|
|
4388
4385
|
position:relative;
|
|
4389
4386
|
}
|
|
4390
4387
|
@media (width > 374px){
|
|
4391
|
-
.bp_modal_module_content--
|
|
4388
|
+
.bp_modal_module_content--921d6{
|
|
4392
4389
|
overflow:hidden;
|
|
4393
4390
|
}
|
|
4394
4391
|
}
|
|
4395
4392
|
@media (width > 459px){
|
|
4396
|
-
.bp_modal_module_content--
|
|
4393
|
+
.bp_modal_module_content--921d6{
|
|
4397
4394
|
border-radius:var(--radius-4);
|
|
4398
4395
|
height:auto;
|
|
4399
4396
|
margin:0 var(--space-8);
|
|
4400
4397
|
max-height:calc(100vh - var(--space-8)*2);
|
|
4401
4398
|
min-width:calc(460px - var(--space-8)*2);
|
|
4402
4399
|
}
|
|
4403
|
-
.bp_modal_module_content--
|
|
4400
|
+
.bp_modal_module_content--921d6.bp_modal_module_smallSizeModal--921d6{
|
|
4404
4401
|
max-width:460px;
|
|
4405
4402
|
}
|
|
4406
|
-
.bp_modal_module_content--
|
|
4403
|
+
.bp_modal_module_content--921d6.bp_modal_module_mediumSizeModal--921d6{
|
|
4407
4404
|
max-width:540px;
|
|
4408
4405
|
}
|
|
4409
|
-
.bp_modal_module_content--
|
|
4406
|
+
.bp_modal_module_content--921d6.bp_modal_module_largeSizeModal--921d6{
|
|
4410
4407
|
max-width:620px;
|
|
4411
4408
|
}
|
|
4412
|
-
.bp_modal_module_content--
|
|
4409
|
+
.bp_modal_module_content--921d6.bp_modal_module_xlargeSizeModal--921d6{
|
|
4413
4410
|
max-width:768px;
|
|
4414
4411
|
}
|
|
4415
4412
|
}
|
|
4416
4413
|
|
|
4417
|
-
.bp_modal_module_scrollableContainer--
|
|
4414
|
+
.bp_modal_module_scrollableContainer--921d6{
|
|
4418
4415
|
flex-grow:1;
|
|
4419
4416
|
}
|
|
4420
4417
|
@media (width > 374px){
|
|
4421
|
-
.bp_modal_module_scrollableContainer--
|
|
4418
|
+
.bp_modal_module_scrollableContainer--921d6{
|
|
4422
4419
|
overflow-y:auto;
|
|
4423
4420
|
}
|
|
4424
4421
|
}
|
|
4425
4422
|
|
|
4426
|
-
.bp_modal_module_content--
|
|
4423
|
+
.bp_modal_module_content--921d6 .bp_modal_module_close--921d6{
|
|
4427
4424
|
color:var(--gray-65);
|
|
4428
4425
|
position:fixed;
|
|
4429
4426
|
right:var(--space-4);
|
|
4430
4427
|
top:var(--space-4);
|
|
4431
4428
|
}
|
|
4432
4429
|
@media (width > 374px){
|
|
4433
|
-
.bp_modal_module_content--
|
|
4430
|
+
.bp_modal_module_content--921d6 .bp_modal_module_close--921d6{
|
|
4434
4431
|
position:absolute;
|
|
4435
4432
|
}
|
|
4436
4433
|
}
|
|
4437
4434
|
|
|
4438
|
-
.bp_modal_module_close--
|
|
4435
|
+
.bp_modal_module_close--921d6.bp_modal_module_onColor--921d6{
|
|
4439
4436
|
background-color:var(--surface-cta-surface-tertiary);
|
|
4440
4437
|
}
|
|
4441
|
-
.bp_modal_module_close--
|
|
4438
|
+
.bp_modal_module_close--921d6.bp_modal_module_onColor--921d6:hover{
|
|
4442
4439
|
background-color:var(--surface-cta-surface-icon-hover);
|
|
4443
4440
|
}
|
|
4444
|
-
.bp_modal_module_close--
|
|
4441
|
+
.bp_modal_module_close--921d6.bp_modal_module_onColor--921d6:active{
|
|
4445
4442
|
background-color:var(--surface-cta-surface-icon-pressed);
|
|
4446
4443
|
}
|
|
4447
4444
|
|
|
4448
|
-
.bp_modal_module_content--
|
|
4445
|
+
.bp_modal_module_content--921d6 .bp_modal_module_backButton--921d6{
|
|
4449
4446
|
color:var(--gray-65);
|
|
4450
4447
|
margin-block-start:var(--space-4);
|
|
4451
4448
|
margin-inline-start:var(--space-4);
|
|
4452
4449
|
}
|
|
4453
4450
|
@media (width > 459px){
|
|
4454
|
-
.bp_modal_module_content--
|
|
4451
|
+
.bp_modal_module_content--921d6 .bp_modal_module_backButton--921d6{
|
|
4455
4452
|
height:var(--size-10);
|
|
4456
4453
|
width:var(--size-10);
|
|
4457
4454
|
}
|
|
4458
4455
|
}
|
|
4459
4456
|
|
|
4460
|
-
.bp_modal_module_modalHeader--
|
|
4457
|
+
.bp_modal_module_modalHeader--921d6{
|
|
4461
4458
|
display:flex;
|
|
4462
4459
|
}
|
|
4463
4460
|
|
|
4464
|
-
.bp_modal_module_modalTitle--
|
|
4461
|
+
.bp_modal_module_modalTitle--921d6{
|
|
4465
4462
|
display:flex;
|
|
4466
4463
|
flex-direction:column;
|
|
4467
4464
|
gap:var(--space-2);
|
|
@@ -4469,24 +4466,24 @@ table.bp_inline_table_module_inlineTable--7cffa tr:not(:last-child) td{
|
|
|
4469
4466
|
padding:var(--space-5) var(--space-12) var(--space-5) var(--space-4);
|
|
4470
4467
|
}
|
|
4471
4468
|
@media (width > 459px){
|
|
4472
|
-
.bp_modal_module_modalTitle--
|
|
4469
|
+
.bp_modal_module_modalTitle--921d6{
|
|
4473
4470
|
padding:var(--space-6) var(--space-16) var(--space-6) var(--space-6);
|
|
4474
4471
|
}
|
|
4475
4472
|
}
|
|
4476
4473
|
|
|
4477
|
-
.bp_modal_module_body--
|
|
4474
|
+
.bp_modal_module_body--921d6{
|
|
4478
4475
|
padding:var(--space-6) var(--space-4) var(--space-4);
|
|
4479
4476
|
}
|
|
4480
4477
|
@media (width > 459px){
|
|
4481
|
-
.bp_modal_module_body--
|
|
4478
|
+
.bp_modal_module_body--921d6{
|
|
4482
4479
|
padding:var(--space-6) var(--space-6) var(--space-4);
|
|
4483
4480
|
}
|
|
4484
4481
|
}
|
|
4485
4482
|
|
|
4486
|
-
.bp_modal_module_headerDividerLine--
|
|
4483
|
+
.bp_modal_module_headerDividerLine--921d6{
|
|
4487
4484
|
position:relative;
|
|
4488
4485
|
}
|
|
4489
|
-
.bp_modal_module_headerDividerLine--
|
|
4486
|
+
.bp_modal_module_headerDividerLine--921d6::after{
|
|
4490
4487
|
border-bottom:var(--border-1) solid var(--border-divider-border);
|
|
4491
4488
|
bottom:0;
|
|
4492
4489
|
content:"";
|
|
@@ -4495,16 +4492,16 @@ table.bp_inline_table_module_inlineTable--7cffa tr:not(:last-child) td{
|
|
|
4495
4492
|
right:var(--space-4);
|
|
4496
4493
|
}
|
|
4497
4494
|
@media (width > 459px){
|
|
4498
|
-
.bp_modal_module_headerDividerLine--
|
|
4495
|
+
.bp_modal_module_headerDividerLine--921d6::after{
|
|
4499
4496
|
left:var(--space-6);
|
|
4500
4497
|
right:var(--space-6);
|
|
4501
4498
|
}
|
|
4502
4499
|
}
|
|
4503
4500
|
|
|
4504
|
-
.bp_modal_module_footerDividerLine--
|
|
4501
|
+
.bp_modal_module_footerDividerLine--921d6{
|
|
4505
4502
|
position:relative;
|
|
4506
4503
|
}
|
|
4507
|
-
.bp_modal_module_footerDividerLine--
|
|
4504
|
+
.bp_modal_module_footerDividerLine--921d6::before{
|
|
4508
4505
|
border-bottom:var(--border-1) solid var(--border-divider-border);
|
|
4509
4506
|
content:"";
|
|
4510
4507
|
left:var(--space-4);
|
|
@@ -4513,28 +4510,28 @@ table.bp_inline_table_module_inlineTable--7cffa tr:not(:last-child) td{
|
|
|
4513
4510
|
top:0;
|
|
4514
4511
|
}
|
|
4515
4512
|
@media (width > 459px){
|
|
4516
|
-
.bp_modal_module_footerDividerLine--
|
|
4513
|
+
.bp_modal_module_footerDividerLine--921d6::before{
|
|
4517
4514
|
left:var(--space-6);
|
|
4518
4515
|
right:var(--space-6);
|
|
4519
4516
|
}
|
|
4520
4517
|
}
|
|
4521
4518
|
|
|
4522
|
-
.bp_modal_module_footer--
|
|
4519
|
+
.bp_modal_module_footer--921d6{
|
|
4523
4520
|
display:flex;
|
|
4524
4521
|
justify-content:flex-end;
|
|
4525
4522
|
padding:var(--space-4);
|
|
4526
4523
|
}
|
|
4527
4524
|
@media (width > 459px){
|
|
4528
|
-
.bp_modal_module_footer--
|
|
4525
|
+
.bp_modal_module_footer--921d6{
|
|
4529
4526
|
padding:var(--space-6);
|
|
4530
4527
|
}
|
|
4531
4528
|
}
|
|
4532
4529
|
|
|
4533
|
-
.bp_modal_module_footerButton--
|
|
4530
|
+
.bp_modal_module_footerButton--921d6 + .bp_modal_module_footerButton--921d6{
|
|
4534
4531
|
margin-inline-start:var(--space-3);
|
|
4535
4532
|
}
|
|
4536
4533
|
|
|
4537
|
-
@keyframes bp_modal_module_popup_bounce_in--
|
|
4534
|
+
@keyframes bp_modal_module_popup_bounce_in--921d6{
|
|
4538
4535
|
0%{
|
|
4539
4536
|
transform:scale3d(.1, .1, 1);
|
|
4540
4537
|
}
|
|
@@ -6095,7 +6092,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
6095
6092
|
transform:translateY(-50%);
|
|
6096
6093
|
}
|
|
6097
6094
|
|
|
6098
|
-
.bp_side_panel_module_content--
|
|
6095
|
+
.bp_side_panel_module_content--1472c{
|
|
6099
6096
|
background-color:var(--gray-white);
|
|
6100
6097
|
border-inline-start:var(--border-1) solid var(--border-divider-border);
|
|
6101
6098
|
display:flex;
|
|
@@ -6108,12 +6105,12 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
6108
6105
|
overflow-y:auto;
|
|
6109
6106
|
}
|
|
6110
6107
|
@media (width > 374px){
|
|
6111
|
-
.bp_side_panel_module_content--
|
|
6108
|
+
.bp_side_panel_module_content--1472c{
|
|
6112
6109
|
min-width:320px;
|
|
6113
6110
|
overflow:hidden;
|
|
6114
6111
|
}
|
|
6115
6112
|
}
|
|
6116
|
-
.bp_side_panel_module_content--
|
|
6113
|
+
.bp_side_panel_module_content--1472c .bp_side_panel_module_header--1472c{
|
|
6117
6114
|
align-items:center;
|
|
6118
6115
|
background-color:var(--surface-surface);
|
|
6119
6116
|
border-bottom:var(--border-1) solid var(--border-divider-border);
|
|
@@ -6125,78 +6122,78 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
6125
6122
|
transition-timing-function:cubic-bezier(0, 0, .6, 1);
|
|
6126
6123
|
word-break:break-word;
|
|
6127
6124
|
}
|
|
6128
|
-
.bp_side_panel_module_content--
|
|
6125
|
+
.bp_side_panel_module_content--1472c .bp_side_panel_module_headerShadow--1472c{
|
|
6129
6126
|
box-shadow:var(--dropshadow-3);
|
|
6130
6127
|
}
|
|
6131
6128
|
|
|
6132
|
-
.bp_side_panel_module_scrollableContainer--
|
|
6129
|
+
.bp_side_panel_module_scrollableContainer--1472c{
|
|
6133
6130
|
flex-grow:1;
|
|
6134
6131
|
}
|
|
6135
6132
|
@media (width > 374px){
|
|
6136
|
-
.bp_side_panel_module_scrollableContainer--
|
|
6133
|
+
.bp_side_panel_module_scrollableContainer--1472c{
|
|
6137
6134
|
overflow-y:auto;
|
|
6138
6135
|
}
|
|
6139
6136
|
}
|
|
6140
6137
|
|
|
6141
|
-
.bp_side_panel_module_persistentContent--
|
|
6138
|
+
.bp_side_panel_module_persistentContent--1472c{
|
|
6142
6139
|
overflow:hidden;
|
|
6143
6140
|
position:relative;
|
|
6144
6141
|
}
|
|
6145
|
-
.bp_side_panel_module_persistentContent--
|
|
6142
|
+
.bp_side_panel_module_persistentContent--1472c .bp_side_panel_module_scrollableContainer--1472c{
|
|
6146
6143
|
flex-grow:1;
|
|
6147
6144
|
overflow-y:auto;
|
|
6148
6145
|
}
|
|
6149
6146
|
|
|
6150
|
-
.bp_side_panel_module_contentAnimatedSlideIn--
|
|
6147
|
+
.bp_side_panel_module_contentAnimatedSlideIn--1472c{
|
|
6151
6148
|
animation-duration:.2s;
|
|
6152
|
-
animation-name:bp_side_panel_module_slideIn--
|
|
6149
|
+
animation-name:bp_side_panel_module_slideIn--1472c;
|
|
6153
6150
|
animation-timing-function:cubic-bezier(0, 0, .6, 1);
|
|
6154
6151
|
}
|
|
6155
6152
|
|
|
6156
|
-
.bp_side_panel_module_contentAnimatedSlideOut--
|
|
6153
|
+
.bp_side_panel_module_contentAnimatedSlideOut--1472c[data-state=closed]{
|
|
6157
6154
|
animation-duration:.2s;
|
|
6158
|
-
animation-name:bp_side_panel_module_slideOut--
|
|
6155
|
+
animation-name:bp_side_panel_module_slideOut--1472c;
|
|
6159
6156
|
animation-timing-function:cubic-bezier(0, 0, .6, 1);
|
|
6160
6157
|
}
|
|
6161
6158
|
|
|
6162
|
-
.bp_side_panel_module_contentNormal--
|
|
6159
|
+
.bp_side_panel_module_contentNormal--1472c{
|
|
6163
6160
|
width:360px;
|
|
6164
6161
|
}
|
|
6165
6162
|
|
|
6166
|
-
.bp_side_panel_module_contentLarge--
|
|
6163
|
+
.bp_side_panel_module_contentLarge--1472c{
|
|
6167
6164
|
width:420px;
|
|
6168
6165
|
}
|
|
6169
6166
|
|
|
6170
|
-
.bp_side_panel_module_dropShadowContent--
|
|
6167
|
+
.bp_side_panel_module_dropShadowContent--1472c{
|
|
6171
6168
|
box-shadow:var(--dropshadow-3);
|
|
6172
6169
|
}
|
|
6173
6170
|
|
|
6174
|
-
.bp_side_panel_module_content--
|
|
6171
|
+
.bp_side_panel_module_content--1472c .bp_side_panel_module_close--1472c{
|
|
6175
6172
|
color:var(--gray-65);
|
|
6176
6173
|
position:fixed;
|
|
6177
6174
|
right:var(--space-4);
|
|
6178
6175
|
top:var(--space-4);
|
|
6179
6176
|
}
|
|
6180
6177
|
@media (width > 374px){
|
|
6181
|
-
.bp_side_panel_module_content--
|
|
6178
|
+
.bp_side_panel_module_content--1472c .bp_side_panel_module_close--1472c{
|
|
6182
6179
|
position:absolute;
|
|
6183
6180
|
top:var(--space-5);
|
|
6184
6181
|
}
|
|
6185
6182
|
}
|
|
6186
6183
|
|
|
6187
|
-
.bp_side_panel_module_overlayContent--
|
|
6184
|
+
.bp_side_panel_module_overlayContent--1472c{
|
|
6188
6185
|
box-shadow:var(--dropshadow-3);
|
|
6189
6186
|
position:fixed;
|
|
6190
6187
|
right:0;
|
|
6191
6188
|
top:0;
|
|
6192
6189
|
z-index:300;
|
|
6193
6190
|
}
|
|
6194
|
-
.bp_side_panel_module_overlayContent--
|
|
6191
|
+
.bp_side_panel_module_overlayContent--1472c .bp_side_panel_module_header--1472c{
|
|
6195
6192
|
padding:var(--space-5) var(--space-14) var(--space-5) var(--space-4);
|
|
6196
6193
|
}
|
|
6197
6194
|
|
|
6198
|
-
.bp_side_panel_module_overlay--
|
|
6199
|
-
background-color:var(--
|
|
6195
|
+
.bp_side_panel_module_overlay--1472c{
|
|
6196
|
+
background-color:var(--overlay-sidepanel-overlay);
|
|
6200
6197
|
bottom:0;
|
|
6201
6198
|
display:flex;
|
|
6202
6199
|
left:0;
|
|
@@ -6206,15 +6203,15 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
6206
6203
|
top:0;
|
|
6207
6204
|
z-index:300;
|
|
6208
6205
|
}
|
|
6209
|
-
.bp_side_panel_module_overlay--
|
|
6206
|
+
.bp_side_panel_module_overlay--1472c .bp_side_panel_module_content--1472c .bp_side_panel_module_header--1472c{
|
|
6210
6207
|
padding:var(--space-6) var(--space-14) var(--space-6) var(--space-4);
|
|
6211
6208
|
}
|
|
6212
6209
|
|
|
6213
|
-
.bp_side_panel_module_dropShadowOverlay--
|
|
6210
|
+
.bp_side_panel_module_dropShadowOverlay--1472c{
|
|
6214
6211
|
background-color:initial;
|
|
6215
6212
|
}
|
|
6216
6213
|
|
|
6217
|
-
.bp_side_panel_module_footer--
|
|
6214
|
+
.bp_side_panel_module_footer--1472c{
|
|
6218
6215
|
background-color:var(--surface-surface);
|
|
6219
6216
|
display:flex;
|
|
6220
6217
|
justify-content:flex-end;
|
|
@@ -6224,19 +6221,19 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
6224
6221
|
transition-timing-function:cubic-bezier(0, 0, .6, 1);
|
|
6225
6222
|
}
|
|
6226
6223
|
|
|
6227
|
-
.bp_side_panel_module_footerShadow--
|
|
6224
|
+
.bp_side_panel_module_footerShadow--1472c{
|
|
6228
6225
|
box-shadow:var(--dropshadow-3-inverse);
|
|
6229
6226
|
}
|
|
6230
6227
|
|
|
6231
|
-
.bp_side_panel_module_footerButton--
|
|
6228
|
+
.bp_side_panel_module_footerButton--1472c{
|
|
6232
6229
|
margin-inline-start:var(--space-2);
|
|
6233
6230
|
}
|
|
6234
6231
|
|
|
6235
|
-
.bp_side_panel_module_footerButton--
|
|
6232
|
+
.bp_side_panel_module_footerButton--1472c + .bp_side_panel_module_footerButton--1472c{
|
|
6236
6233
|
margin-inline-start:var(--space-3);
|
|
6237
6234
|
}
|
|
6238
6235
|
|
|
6239
|
-
@keyframes bp_side_panel_module_slideIn--
|
|
6236
|
+
@keyframes bp_side_panel_module_slideIn--1472c{
|
|
6240
6237
|
from{
|
|
6241
6238
|
inset-inline-end:-100%;
|
|
6242
6239
|
}
|
|
@@ -6244,7 +6241,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
6244
6241
|
inset-inline-end:0;
|
|
6245
6242
|
}
|
|
6246
6243
|
}
|
|
6247
|
-
@keyframes bp_side_panel_module_slideOut--
|
|
6244
|
+
@keyframes bp_side_panel_module_slideOut--1472c{
|
|
6248
6245
|
from{
|
|
6249
6246
|
inset-inline-end:0;
|
|
6250
6247
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"overlay":"bp_modal_module_overlay--
|
|
2
|
+
var styles = {"overlay":"bp_modal_module_overlay--921d6","content":"bp_modal_module_content--921d6","popup_bounce_in":"bp_modal_module_popup_bounce_in--921d6","smallSizeModal":"bp_modal_module_smallSizeModal--921d6","mediumSizeModal":"bp_modal_module_mediumSizeModal--921d6","largeSizeModal":"bp_modal_module_largeSizeModal--921d6","xlargeSizeModal":"bp_modal_module_xlargeSizeModal--921d6","scrollableContainer":"bp_modal_module_scrollableContainer--921d6","close":"bp_modal_module_close--921d6","onColor":"bp_modal_module_onColor--921d6","backButton":"bp_modal_module_backButton--921d6","modalHeader":"bp_modal_module_modalHeader--921d6","modalTitle":"bp_modal_module_modalTitle--921d6","body":"bp_modal_module_body--921d6","headerDividerLine":"bp_modal_module_headerDividerLine--921d6","footerDividerLine":"bp_modal_module_footerDividerLine--921d6","footer":"bp_modal_module_footer--921d6","footerButton":"bp_modal_module_footerButton--921d6"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"content":"bp_side_panel_module_content--
|
|
2
|
+
var styles = {"content":"bp_side_panel_module_content--1472c","header":"bp_side_panel_module_header--1472c","headerShadow":"bp_side_panel_module_headerShadow--1472c","scrollableContainer":"bp_side_panel_module_scrollableContainer--1472c","persistentContent":"bp_side_panel_module_persistentContent--1472c","contentAnimatedSlideIn":"bp_side_panel_module_contentAnimatedSlideIn--1472c","slideIn":"bp_side_panel_module_slideIn--1472c","contentAnimatedSlideOut":"bp_side_panel_module_contentAnimatedSlideOut--1472c","slideOut":"bp_side_panel_module_slideOut--1472c","contentNormal":"bp_side_panel_module_contentNormal--1472c","contentLarge":"bp_side_panel_module_contentLarge--1472c","dropShadowContent":"bp_side_panel_module_dropShadowContent--1472c","close":"bp_side_panel_module_close--1472c","overlayContent":"bp_side_panel_module_overlayContent--1472c","overlay":"bp_side_panel_module_overlay--1472c","dropShadowOverlay":"bp_side_panel_module_dropShadowOverlay--1472c","footer":"bp_side_panel_module_footer--1472c","footerShadow":"bp_side_panel_module_footerShadow--1472c","footerButton":"bp_side_panel_module_footerButton--1472c"};
|
|
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--6a4c7","smallListItem":"bp_base_grid_list_item_module_smallListItem--6a4c7","loading":"bp_base_grid_list_item_module_loading--6a4c7","thumbnail":"bp_base_grid_list_item_module_thumbnail--6a4c7","thumbnailContent":"bp_base_grid_list_item_module_thumbnailContent--6a4c7","header":"bp_base_grid_list_item_module_header--6a4c7","subtitle":"bp_base_grid_list_item_module_subtitle--6a4c7","actions":"bp_base_grid_list_item_module_actions--6a4c7","selection":"bp_base_grid_list_item_module_selection--6a4c7","inner":"bp_base_grid_list_item_module_inner--6a4c7","actionsCheckboxWrapper":"bp_base_grid_list_item_module_actionsCheckboxWrapper--6a4c7","largeList":"bp_base_grid_list_item_module_largeList--6a4c7","largeListItem":"bp_base_grid_list_item_module_largeListItem--6a4c7","fade":"bp_base_grid_list_item_module_fade--6a4c7","description":"bp_base_grid_list_item_module_description--6a4c7","snippet":"bp_base_grid_list_item_module_snippet--6a4c7","snippetContent":"bp_base_grid_list_item_module_snippetContent--6a4c7","react-aria-DropIndicator":"bp_base_grid_list_item_module_react-aria-DropIndicator--6a4c7","gridList":"bp_base_grid_list_item_module_gridList--6a4c7","gridListItem":"bp_base_grid_list_item_module_gridListItem--6a4c7","statusPin":"bp_base_grid_list_item_module_statusPin--6a4c7","isItemInteracted":"bp_base_grid_list_item_module_isItemInteracted--6a4c7","tooltipContent":"bp_base_grid_list_item_module_tooltipContent--6a4c7","tooltipArrow":"bp_base_grid_list_item_module_tooltipArrow--6a4c7","staticList":"bp_base_grid_list_item_module_staticList--6a4c7","staticListItem":"bp_base_grid_list_item_module_staticListItem--6a4c7"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|