@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.
@@ -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: [hasStatusLabel && jsx(Status, {
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--ae5da","slideDown":"bp_accordion_module_slideDown--ae5da","slideUp":"bp_accordion_module_slideUp--ae5da","accordionContentWrapper":"bp_accordion_module_accordionContentWrapper--ae5da","accordionInlineErrorWrapper":"bp_accordion_module_accordionInlineErrorWrapper--ae5da","accordionItem":"bp_accordion_module_accordionItem--ae5da","accordionFixedContent":"bp_accordion_module_accordionFixedContent--ae5da","accordionHeader":"bp_accordion_module_accordionHeader--ae5da","accordionHeaderTrigger":"bp_accordion_module_accordionHeaderTrigger--ae5da","accordionStatus":"bp_accordion_module_accordionStatus--ae5da","accordionIconStatus":"bp_accordion_module_accordionIconStatus--ae5da","accordionTrigger":"bp_accordion_module_accordionTrigger--ae5da","accordionTriggerIcon":"bp_accordion_module_accordionTriggerIcon--ae5da"};
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
- } & StatusProps;
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'>;
@@ -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--ae5da[data-state=open]{
616
- animation:bp_accordion_module_slideDown--ae5da .15s ease-out;
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--ae5da[data-state=closed]{
620
- animation:bp_accordion_module_slideUp--ae5da .15s ease-out;
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--ae5da{
623
+ .bp_accordion_module_accordionContent--eb917{
624
624
  overflow:hidden;
625
625
  }
626
626
 
627
- @keyframes bp_accordion_module_slideDown--ae5da{
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--ae5da{
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--ae5da{
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--ae5da{
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--ae5da{
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--ae5da,.bp_accordion_module_accordionItem--ae5da > [data-state=open]{
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--ae5da{
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--ae5da{
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--ae5da{
691
+ .bp_accordion_module_accordionHeaderTrigger--eb917{
692
692
  align-items:center;
693
693
  display:flex;
694
694
  }
695
695
 
696
- .bp_accordion_module_accordionIconStatus--ae5da,.bp_accordion_module_accordionStatus--ae5da{
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--ae5da{
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--ae5da:active{
711
+ .bp_accordion_module_accordionTrigger--eb917:active{
715
712
  background-color:var(--surface-surface);
716
713
  }
717
- .bp_accordion_module_accordionTrigger--ae5da:hover{
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--ae5da:focus-visible{
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--ae5da:disabled{
723
+ .bp_accordion_module_accordionTrigger--eb917:disabled{
727
724
  cursor:default;
728
725
  opacity:.3;
729
726
  }
730
- .bp_accordion_module_accordionTrigger--ae5da:disabled:hover{
727
+ .bp_accordion_module_accordionTrigger--eb917:disabled:hover{
731
728
  background-color:var(--gray-white);
732
729
  }
733
- .bp_accordion_module_accordionTrigger--ae5da .bp_accordion_module_accordionTriggerIcon--ae5da{
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--ae5da[data-state=open] .bp_accordion_module_accordionTriggerIcon--ae5da{
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--30c37{
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--30c37 .bp_base_grid_list_item_module_smallListItem--30c37{
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--30c37 .bp_base_grid_list_item_module_smallListItem--30c37.bp_base_grid_list_item_module_loading--30c37{
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--30c37 .bp_base_grid_list_item_module_smallListItem--30c37 .bp_base_grid_list_item_module_thumbnail--30c37{
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--30c37 .bp_base_grid_list_item_module_smallListItem--30c37 .bp_base_grid_list_item_module_thumbnailContent--30c37 img,.bp_base_grid_list_item_module_smallList--30c37 .bp_base_grid_list_item_module_smallListItem--30c37 .bp_base_grid_list_item_module_thumbnailContent--30c37 svg{
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--30c37 .bp_base_grid_list_item_module_smallListItem--30c37 .bp_base_grid_list_item_module_header--30c37{
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--30c37 .bp_base_grid_list_item_module_smallListItem--30c37 .bp_base_grid_list_item_module_header--30c37.bp_base_grid_list_item_module_loading--30c37{
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--30c37 .bp_base_grid_list_item_module_smallListItem--30c37 .bp_base_grid_list_item_module_subtitle--30c37{
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--30c37 .bp_base_grid_list_item_module_smallListItem--30c37 .bp_base_grid_list_item_module_header--30c37,.bp_base_grid_list_item_module_smallList--30c37 .bp_base_grid_list_item_module_smallListItem--30c37 .bp_base_grid_list_item_module_subtitle--30c37{
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--30c37 .bp_base_grid_list_item_module_smallListItem--30c37:not(:has(.bp_base_grid_list_item_module_header--30c37)),.bp_base_grid_list_item_module_smallList--30c37 .bp_base_grid_list_item_module_smallListItem--30c37:not(:has(.bp_base_grid_list_item_module_subtitle--30c37)){
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--30c37 .bp_base_grid_list_item_module_smallListItem--30c37 .bp_base_grid_list_item_module_actions--30c37{
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--30c37 .bp_base_grid_list_item_module_smallListItem--30c37 .bp_base_grid_list_item_module_actions--30c37{
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--30c37 .bp_base_grid_list_item_module_smallListItem--30c37 .bp_base_grid_list_item_module_actions--30c37 .bp_base_grid_list_item_module_selection--30c37{
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--30c37 .bp_base_grid_list_item_module_smallListItem--30c37 .bp_base_grid_list_item_module_actions--30c37 .bp_base_grid_list_item_module_selection--30c37:hover{
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--30c37 .bp_base_grid_list_item_module_smallListItem--30c37 .bp_base_grid_list_item_module_actions--30c37 .bp_base_grid_list_item_module_inner--30c37{
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--30c37 .bp_base_grid_list_item_module_smallListItem--30c37 .bp_base_grid_list_item_module_actions--30c37 .bp_base_grid_list_item_module_inner--30c37:last-child{
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--30c37 .bp_base_grid_list_item_module_smallListItem--30c37 .bp_base_grid_list_item_module_actions--30c37 .bp_base_grid_list_item_module_actionsCheckboxWrapper--30c37{
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--30c37 .bp_base_grid_list_item_module_smallListItem--30c37:hover,.bp_base_grid_list_item_module_smallList--30c37 .bp_base_grid_list_item_module_smallListItem--30c37[data-active-item],.bp_base_grid_list_item_module_smallList--30c37 .bp_base_grid_list_item_module_smallListItem--30c37[data-focus-visible],.bp_base_grid_list_item_module_smallList--30c37 .bp_base_grid_list_item_module_smallListItem--30c37[data-focused],.bp_base_grid_list_item_module_smallList--30c37 .bp_base_grid_list_item_module_smallListItem--30c37[data-hovered]{
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--30c37 .bp_base_grid_list_item_module_smallListItem--30c37[data-active-item]::before,.bp_base_grid_list_item_module_smallList--30c37 .bp_base_grid_list_item_module_smallListItem--30c37[data-focus-visible]::before{
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--30c37{
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--30c37 .bp_base_grid_list_item_module_largeListItem--30c37{
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--30c37 .bp_base_grid_list_item_module_largeListItem--30c37.bp_base_grid_list_item_module_loading--30c37{
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--30c37 .bp_base_grid_list_item_module_largeListItem--30c37:focus-within{
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--30c37 .bp_base_grid_list_item_module_largeListItem--30c37{
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--30c37 .bp_base_grid_list_item_module_largeListItem--30c37 .bp_base_grid_list_item_module_thumbnail--30c37{
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--30c37 .bp_base_grid_list_item_module_largeListItem--30c37 .bp_base_grid_list_item_module_thumbnail--30c37 img{
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--30c37 .bp_base_grid_list_item_module_largeListItem--30c37 .bp_base_grid_list_item_module_thumbnail--30c37.bp_base_grid_list_item_module_loading--30c37{
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--30c37 .bp_base_grid_list_item_module_largeListItem--30c37 .bp_base_grid_list_item_module_thumbnail--30c37{
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--30c37 .bp_base_grid_list_item_module_largeListItem--30c37 .bp_base_grid_list_item_module_thumbnail--30c37 img{
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--30c37 .bp_base_grid_list_item_module_largeListItem--30c37 .bp_base_grid_list_item_module_actions--30c37{
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--30c37 .bp_base_grid_list_item_module_largeListItem--30c37 .bp_base_grid_list_item_module_actions--30c37{
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--30c37 .bp_base_grid_list_item_module_largeListItem--30c37 .bp_base_grid_list_item_module_actions--30c37 .bp_base_grid_list_item_module_selection--30c37{
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--30c37 .bp_base_grid_list_item_module_largeListItem--30c37 .bp_base_grid_list_item_module_actions--30c37 .bp_base_grid_list_item_module_selection--30c37:hover{
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--30c37 .bp_base_grid_list_item_module_largeListItem--30c37 .bp_base_grid_list_item_module_actions--30c37 .bp_base_grid_list_item_module_fade--30c37{
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--30c37 .bp_base_grid_list_item_module_largeListItem--30c37 .bp_base_grid_list_item_module_actions--30c37 .bp_base_grid_list_item_module_inner--30c37{
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--30c37 .bp_base_grid_list_item_module_largeListItem--30c37 .bp_base_grid_list_item_module_actions--30c37 .bp_base_grid_list_item_module_inner--30c37:last-child{
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--30c37 .bp_base_grid_list_item_module_largeListItem--30c37 .bp_base_grid_list_item_module_actions--30c37 .bp_base_grid_list_item_module_actionsCheckboxWrapper--30c37{
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--30c37 .bp_base_grid_list_item_module_largeListItem--30c37 .bp_base_grid_list_item_module_header--30c37{
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--30c37 .bp_base_grid_list_item_module_largeListItem--30c37 .bp_base_grid_list_item_module_subtitle--30c37{
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--30c37 .bp_base_grid_list_item_module_largeListItem--30c37 .bp_base_grid_list_item_module_description--30c37{
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--30c37 .bp_base_grid_list_item_module_largeListItem--30c37 .bp_base_grid_list_item_module_snippet--30c37{
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--30c37 .bp_base_grid_list_item_module_largeListItem--30c37 .bp_base_grid_list_item_module_snippet--30c37 .bp_base_grid_list_item_module_snippetContent--30c37{
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--30c37 .bp_base_grid_list_item_module_largeListItem--30c37:hover,.bp_base_grid_list_item_module_largeList--30c37 .bp_base_grid_list_item_module_largeListItem--30c37[data-active-item],.bp_base_grid_list_item_module_largeList--30c37 .bp_base_grid_list_item_module_largeListItem--30c37[data-focus-visible],.bp_base_grid_list_item_module_largeList--30c37 .bp_base_grid_list_item_module_largeListItem--30c37[data-focused],.bp_base_grid_list_item_module_largeList--30c37 .bp_base_grid_list_item_module_largeListItem--30c37[data-hovered]{
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--30c37 .bp_base_grid_list_item_module_largeListItem--30c37[data-active-item]::before,.bp_base_grid_list_item_module_largeList--30c37 .bp_base_grid_list_item_module_largeListItem--30c37[data-focus-visible]::before{
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(--border-input-border-focus);
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--30c37 .bp_base_grid_list_item_module_largeListItem--30c37[aria-selected=true]{
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--30c37 .bp_base_grid_list_item_module_largeListItem--30c37[aria-selected=true] .bp_base_grid_list_item_module_actions--30c37 .bp_base_grid_list_item_module_fade--30c37{
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--30c37 .bp_base_grid_list_item_module_largeListItem--30c37[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused]) .bp_base_grid_list_item_module_actions--30c37 .bp_base_grid_list_item_module_inner--30c37{
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--30c37 .bp_base_grid_list_item_module_largeListItem--30c37[aria-selected=true]:has(+ .bp_base_grid_list_item_module_react-aria-DropIndicator--30c37 + [aria-selected=true]),.bp_base_grid_list_item_module_largeList--30c37 .bp_base_grid_list_item_module_largeListItem--30c37[aria-selected=true]:has(+ [aria-selected=true]){
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--30c37 .bp_base_grid_list_item_module_largeListItem--30c37[aria-selected=true] + .bp_base_grid_list_item_module_react-aria-DropIndicator--30c37 + [aria-selected=true],.bp_base_grid_list_item_module_largeList--30c37 .bp_base_grid_list_item_module_largeListItem--30c37[aria-selected=true] + [aria-selected=true]{
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--30c37{
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--30c37 .bp_base_grid_list_item_module_gridListItem--30c37{
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--30c37 .bp_base_grid_list_item_module_gridListItem--30c37:focus-within{
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--30c37 .bp_base_grid_list_item_module_gridListItem--30c37 .bp_base_grid_list_item_module_statusPin--30c37{
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--30c37 .bp_base_grid_list_item_module_gridListItem--30c37 .bp_base_grid_list_item_module_thumbnail--30c37{
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--30c37 .bp_base_grid_list_item_module_gridListItem--30c37 .bp_base_grid_list_item_module_thumbnail--30c37 img{
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--30c37 .bp_base_grid_list_item_module_gridListItem--30c37 .bp_base_grid_list_item_module_thumbnail--30c37.bp_base_grid_list_item_module_loading--30c37{
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--30c37 .bp_base_grid_list_item_module_gridListItem--30c37 .bp_base_grid_list_item_module_thumbnail--30c37{
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--30c37 .bp_base_grid_list_item_module_gridListItem--30c37 .bp_base_grid_list_item_module_actions--30c37{
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--30c37 .bp_base_grid_list_item_module_gridListItem--30c37 .bp_base_grid_list_item_module_actions--30c37 .bp_base_grid_list_item_module_selection--30c37{
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--30c37 .bp_base_grid_list_item_module_gridListItem--30c37 .bp_base_grid_list_item_module_actions--30c37 .bp_base_grid_list_item_module_selection--30c37:hover{
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--30c37 .bp_base_grid_list_item_module_gridListItem--30c37 .bp_base_grid_list_item_module_actions--30c37 .bp_base_grid_list_item_module_inner--30c37{
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--30c37 .bp_base_grid_list_item_module_gridListItem--30c37 .bp_base_grid_list_item_module_actions--30c37{
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--30c37 .bp_base_grid_list_item_module_gridListItem--30c37 .bp_base_grid_list_item_module_header--30c37{
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--30c37 .bp_base_grid_list_item_module_gridListItem--30c37 .bp_base_grid_list_item_module_header--30c37.bp_base_grid_list_item_module_loading--30c37{
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--30c37 .bp_base_grid_list_item_module_gridListItem--30c37 .bp_base_grid_list_item_module_subtitle--30c37{
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--30c37 .bp_base_grid_list_item_module_gridListItem--30c37 .bp_base_grid_list_item_module_subtitle--30c37.bp_base_grid_list_item_module_loading--30c37{
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--30c37 .bp_base_grid_list_item_module_gridListItem--30c37.bp_base_grid_list_item_module_isItemInteracted--30c37,.bp_base_grid_list_item_module_gridList--30c37 .bp_base_grid_list_item_module_gridListItem--30c37:hover,.bp_base_grid_list_item_module_gridList--30c37 .bp_base_grid_list_item_module_gridListItem--30c37[data-active-item],.bp_base_grid_list_item_module_gridList--30c37 .bp_base_grid_list_item_module_gridListItem--30c37[data-focus-visible],.bp_base_grid_list_item_module_gridList--30c37 .bp_base_grid_list_item_module_gridListItem--30c37[data-focused],.bp_base_grid_list_item_module_gridList--30c37 .bp_base_grid_list_item_module_gridListItem--30c37[data-hovered]{
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--30c37 .bp_base_grid_list_item_module_gridListItem--30c37[data-active-item]::before,.bp_base_grid_list_item_module_gridList--30c37 .bp_base_grid_list_item_module_gridListItem--30c37[data-focus-visible]::before{
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(--border-input-border-focus);
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--30c37 .bp_base_grid_list_item_module_gridListItem--30c37[data-active-item]::after,.bp_base_grid_list_item_module_gridList--30c37 .bp_base_grid_list_item_module_gridListItem--30c37[data-focus-visible]::after{
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--30c37 .bp_base_grid_list_item_module_gridListItem--30c37[aria-selected=true]{
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--30c37 .bp_base_grid_list_item_module_gridListItem--30c37[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused], .bp_base_grid_list_item_module_isItemInteracted--30c37) .bp_base_grid_list_item_module_actions--30c37 .bp_base_grid_list_item_module_inner--30c37{
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--30c37 .bp_base_grid_list_item_module_gridListItem--30c37{
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--30c37{
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--30c37 .bp_base_grid_list_item_module_tooltipArrow--30c37 svg{
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--30c37[data-placement=top]{
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--30c37[data-placement=top] .bp_base_grid_list_item_module_tooltipArrow--30c37 svg{
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--30c37[data-placement=bottom]{
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--30c37[data-placement=right]{
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--30c37[data-placement=left]{
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--30c37 .bp_base_grid_list_item_module_staticListItem--30c37{
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--11faa{
4365
- background-color:var(--black-opacity-80);
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--11faa{
4373
+ .bp_modal_module_overlay--921d6{
4377
4374
  place-items:center;
4378
4375
  }
4379
4376
  }
4380
4377
 
4381
- .bp_modal_module_content--11faa{
4382
- animation:bp_modal_module_popup_bounce_in--11faa var(--animation-duration-3);
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--11faa{
4388
+ .bp_modal_module_content--921d6{
4392
4389
  overflow:hidden;
4393
4390
  }
4394
4391
  }
4395
4392
  @media (width > 459px){
4396
- .bp_modal_module_content--11faa{
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--11faa.bp_modal_module_smallSizeModal--11faa{
4400
+ .bp_modal_module_content--921d6.bp_modal_module_smallSizeModal--921d6{
4404
4401
  max-width:460px;
4405
4402
  }
4406
- .bp_modal_module_content--11faa.bp_modal_module_mediumSizeModal--11faa{
4403
+ .bp_modal_module_content--921d6.bp_modal_module_mediumSizeModal--921d6{
4407
4404
  max-width:540px;
4408
4405
  }
4409
- .bp_modal_module_content--11faa.bp_modal_module_largeSizeModal--11faa{
4406
+ .bp_modal_module_content--921d6.bp_modal_module_largeSizeModal--921d6{
4410
4407
  max-width:620px;
4411
4408
  }
4412
- .bp_modal_module_content--11faa.bp_modal_module_xlargeSizeModal--11faa{
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--11faa{
4414
+ .bp_modal_module_scrollableContainer--921d6{
4418
4415
  flex-grow:1;
4419
4416
  }
4420
4417
  @media (width > 374px){
4421
- .bp_modal_module_scrollableContainer--11faa{
4418
+ .bp_modal_module_scrollableContainer--921d6{
4422
4419
  overflow-y:auto;
4423
4420
  }
4424
4421
  }
4425
4422
 
4426
- .bp_modal_module_content--11faa .bp_modal_module_close--11faa{
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--11faa .bp_modal_module_close--11faa{
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--11faa.bp_modal_module_onColor--11faa{
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--11faa.bp_modal_module_onColor--11faa:hover{
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--11faa.bp_modal_module_onColor--11faa:active{
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--11faa .bp_modal_module_backButton--11faa{
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--11faa .bp_modal_module_backButton--11faa{
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--11faa{
4457
+ .bp_modal_module_modalHeader--921d6{
4461
4458
  display:flex;
4462
4459
  }
4463
4460
 
4464
- .bp_modal_module_modalTitle--11faa{
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--11faa{
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--11faa{
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--11faa{
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--11faa{
4483
+ .bp_modal_module_headerDividerLine--921d6{
4487
4484
  position:relative;
4488
4485
  }
4489
- .bp_modal_module_headerDividerLine--11faa::after{
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--11faa::after{
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--11faa{
4501
+ .bp_modal_module_footerDividerLine--921d6{
4505
4502
  position:relative;
4506
4503
  }
4507
- .bp_modal_module_footerDividerLine--11faa::before{
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--11faa::before{
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--11faa{
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--11faa{
4525
+ .bp_modal_module_footer--921d6{
4529
4526
  padding:var(--space-6);
4530
4527
  }
4531
4528
  }
4532
4529
 
4533
- .bp_modal_module_footerButton--11faa + .bp_modal_module_footerButton--11faa{
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--11faa{
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--c029b{
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--c029b{
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--c029b .bp_side_panel_module_header--c029b{
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--c029b .bp_side_panel_module_headerShadow--c029b{
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--c029b{
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--c029b{
6133
+ .bp_side_panel_module_scrollableContainer--1472c{
6137
6134
  overflow-y:auto;
6138
6135
  }
6139
6136
  }
6140
6137
 
6141
- .bp_side_panel_module_persistentContent--c029b{
6138
+ .bp_side_panel_module_persistentContent--1472c{
6142
6139
  overflow:hidden;
6143
6140
  position:relative;
6144
6141
  }
6145
- .bp_side_panel_module_persistentContent--c029b .bp_side_panel_module_scrollableContainer--c029b{
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--c029b{
6147
+ .bp_side_panel_module_contentAnimatedSlideIn--1472c{
6151
6148
  animation-duration:.2s;
6152
- animation-name:bp_side_panel_module_slideIn--c029b;
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--c029b[data-state=closed]{
6153
+ .bp_side_panel_module_contentAnimatedSlideOut--1472c[data-state=closed]{
6157
6154
  animation-duration:.2s;
6158
- animation-name:bp_side_panel_module_slideOut--c029b;
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--c029b{
6159
+ .bp_side_panel_module_contentNormal--1472c{
6163
6160
  width:360px;
6164
6161
  }
6165
6162
 
6166
- .bp_side_panel_module_contentLarge--c029b{
6163
+ .bp_side_panel_module_contentLarge--1472c{
6167
6164
  width:420px;
6168
6165
  }
6169
6166
 
6170
- .bp_side_panel_module_dropShadowContent--c029b{
6167
+ .bp_side_panel_module_dropShadowContent--1472c{
6171
6168
  box-shadow:var(--dropshadow-3);
6172
6169
  }
6173
6170
 
6174
- .bp_side_panel_module_content--c029b .bp_side_panel_module_close--c029b{
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--c029b .bp_side_panel_module_close--c029b{
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--c029b{
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--c029b .bp_side_panel_module_header--c029b{
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--c029b{
6199
- background-color:var(--black-opacity-80);
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--c029b .bp_side_panel_module_content--c029b .bp_side_panel_module_header--c029b{
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--c029b{
6210
+ .bp_side_panel_module_dropShadowOverlay--1472c{
6214
6211
  background-color:initial;
6215
6212
  }
6216
6213
 
6217
- .bp_side_panel_module_footer--c029b{
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--c029b{
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--c029b{
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--c029b + .bp_side_panel_module_footerButton--c029b{
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--c029b{
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--c029b{
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--11faa","content":"bp_modal_module_content--11faa","popup_bounce_in":"bp_modal_module_popup_bounce_in--11faa","smallSizeModal":"bp_modal_module_smallSizeModal--11faa","mediumSizeModal":"bp_modal_module_mediumSizeModal--11faa","largeSizeModal":"bp_modal_module_largeSizeModal--11faa","xlargeSizeModal":"bp_modal_module_xlargeSizeModal--11faa","scrollableContainer":"bp_modal_module_scrollableContainer--11faa","close":"bp_modal_module_close--11faa","onColor":"bp_modal_module_onColor--11faa","backButton":"bp_modal_module_backButton--11faa","modalHeader":"bp_modal_module_modalHeader--11faa","modalTitle":"bp_modal_module_modalTitle--11faa","body":"bp_modal_module_body--11faa","headerDividerLine":"bp_modal_module_headerDividerLine--11faa","footerDividerLine":"bp_modal_module_footerDividerLine--11faa","footer":"bp_modal_module_footer--11faa","footerButton":"bp_modal_module_footerButton--11faa"};
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--c029b","header":"bp_side_panel_module_header--c029b","headerShadow":"bp_side_panel_module_headerShadow--c029b","scrollableContainer":"bp_side_panel_module_scrollableContainer--c029b","persistentContent":"bp_side_panel_module_persistentContent--c029b","contentAnimatedSlideIn":"bp_side_panel_module_contentAnimatedSlideIn--c029b","slideIn":"bp_side_panel_module_slideIn--c029b","contentAnimatedSlideOut":"bp_side_panel_module_contentAnimatedSlideOut--c029b","slideOut":"bp_side_panel_module_slideOut--c029b","contentNormal":"bp_side_panel_module_contentNormal--c029b","contentLarge":"bp_side_panel_module_contentLarge--c029b","dropShadowContent":"bp_side_panel_module_dropShadowContent--c029b","close":"bp_side_panel_module_close--c029b","overlayContent":"bp_side_panel_module_overlayContent--c029b","overlay":"bp_side_panel_module_overlay--c029b","dropShadowOverlay":"bp_side_panel_module_dropShadowOverlay--c029b","footer":"bp_side_panel_module_footer--c029b","footerShadow":"bp_side_panel_module_footerShadow--c029b","footerButton":"bp_side_panel_module_footerButton--c029b"};
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--30c37","smallListItem":"bp_base_grid_list_item_module_smallListItem--30c37","loading":"bp_base_grid_list_item_module_loading--30c37","thumbnail":"bp_base_grid_list_item_module_thumbnail--30c37","thumbnailContent":"bp_base_grid_list_item_module_thumbnailContent--30c37","header":"bp_base_grid_list_item_module_header--30c37","subtitle":"bp_base_grid_list_item_module_subtitle--30c37","actions":"bp_base_grid_list_item_module_actions--30c37","selection":"bp_base_grid_list_item_module_selection--30c37","inner":"bp_base_grid_list_item_module_inner--30c37","actionsCheckboxWrapper":"bp_base_grid_list_item_module_actionsCheckboxWrapper--30c37","largeList":"bp_base_grid_list_item_module_largeList--30c37","largeListItem":"bp_base_grid_list_item_module_largeListItem--30c37","fade":"bp_base_grid_list_item_module_fade--30c37","description":"bp_base_grid_list_item_module_description--30c37","snippet":"bp_base_grid_list_item_module_snippet--30c37","snippetContent":"bp_base_grid_list_item_module_snippetContent--30c37","react-aria-DropIndicator":"bp_base_grid_list_item_module_react-aria-DropIndicator--30c37","gridList":"bp_base_grid_list_item_module_gridList--30c37","gridListItem":"bp_base_grid_list_item_module_gridListItem--30c37","statusPin":"bp_base_grid_list_item_module_statusPin--30c37","isItemInteracted":"bp_base_grid_list_item_module_isItemInteracted--30c37","tooltipContent":"bp_base_grid_list_item_module_tooltipContent--30c37","tooltipArrow":"bp_base_grid_list_item_module_tooltipArrow--30c37","staticList":"bp_base_grid_list_item_module_staticList--30c37","staticListItem":"bp_base_grid_list_item_module_staticListItem--30c37"};
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 };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@box/blueprint-web",
3
- "version": "12.1.2",
3
+ "version": "12.2.0",
4
4
  "type": "module",
5
5
  "license": "SEE LICENSE IN LICENSE",
6
6
  "publishConfig": {