@box/blueprint-web 7.6.0 → 7.9.0

package/lib-esm/combobox/combobox.js

@@ -2,7 +2,6 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { SelectItemCheck, SelectItem, ComboboxItem, useComboboxStore, useSelectStore, PopoverAnchor, Combobox as Combobox$1, SelectList, ComboboxPopover } from '@ariakit/react';
 import { SelectRenderer } from '@ariakit/react-core/select/select-renderer';
 import { Checkmark } from '@box/blueprint-web-assets/icons/Fill';
-import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
 import clsx from 'clsx';
 import React__default, { forwardRef, useMemo, useRef, useCallback, useEffect } from 'react';
 import { InputChip } from '../input-chip/input-chip.js';
@@ -11,6 +10,7 @@ import { InlineError } from '../primitives/inline-error/inline-error.js';
 import { TextArea } from '../text-area/text-area.js';
 import { useForkRef } from '../utils/useForkRef.js';
 import { useUniqueId } from '../utils/useUniqueId.js';
+import { VisuallyHidden } from '../visually-hidden/visually-hidden.js';
 import { ChipsGroup } from './chips-group.js';
 import styles from './combobox.module.js';
 

package/lib-esm/content-field/content-field.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { type ContentFieldProps } from './types';
 export declare const contentFieldButtonTestId = "ContentField-button";
-export declare const ContentField: ({ clearButtonAriaLabel, itemIcon, hintText, isSharedFolder, onClick, onClickClearButton, title, error, }: ContentFieldProps) => JSX.Element;
+export declare const ContentField: import("react").ForwardRefExoticComponent<ContentFieldProps & import("react").RefAttributes<HTMLButtonElement>>;

package/lib-esm/content-field/content-field.js

@@ -4,7 +4,7 @@ import { FolderShared } from '@box/blueprint-web-assets/icons/Content';
 import { XMark, Folder } from '@box/blueprint-web-assets/icons/Fill';
 import { Space6, Space4 } from '@box/blueprint-web-assets/tokens/tokens';
 import clsx from 'clsx';
-import { createRef } from 'react';
+import { forwardRef, createRef } from 'react';
 import { InlineError } from '../primitives/inline-error/inline-error.js';
 import { useFullTextTooltip } from '../utils/useFullTextTooltip.js';
 import styles from './content-field.module.js';
@@ -47,7 +47,7 @@ const handleOnClickClearButton = ({
   onClickClearButton(e);
 };
 const contentFieldButtonTestId = 'ContentField-button';
-const ContentField = ({
+const ContentField = /*#__PURE__*/forwardRef(({
   clearButtonAriaLabel,
   itemIcon,
   hintText,
@@ -56,13 +56,13 @@ const ContentField = ({
   onClickClearButton,
   title,
   error
-}) => {
-  const ref = /*#__PURE__*/createRef();
+}, forwardedRef) => {
+  const labelRef = /*#__PURE__*/createRef();
   const {
     Wrapper: Tooltip,
     wrapperProps
   } = useFullTextTooltip({
-    ref,
+    ref: labelRef,
     textValue: title ?? hintText
   });
   return jsxs("div", {
@@ -72,6 +72,7 @@ const ContentField = ({
       children: [jsx(Tooltip, {
         ...wrapperProps,
         children: jsxs(Button, {
+          ref: forwardedRef,
           className: clsx(styles.contentButton, {
             [styles.hasSelection]: title,
             [styles.error]: !!error
@@ -85,7 +86,7 @@ const ContentField = ({
           }), jsx("div", {
             className: styles.contentLabelWrapper,
             children: jsx("div", {
-              ref: ref,
+              ref: labelRef,
               className: styles.contentLabel,
               children: title ?? hintText
             })
@@ -98,7 +99,7 @@ const ContentField = ({
           [styles.error]: !!error
         }),
         onClick: handleOnClickClearButton({
-          ref,
+          ref: labelRef,
           onClickClearButton
         }),
         type: "button",
@@ -113,6 +114,6 @@ const ContentField = ({
       children: error
     })]
   });
-};
+});
 
 export { ContentField, contentFieldButtonTestId };

package/lib-esm/index.css

@@ -2593,7 +2593,7 @@
   margin-block-end:var(--space-4);
 }
 
-.bp_link_module_link--276c2{
+.bp_link_module_link--c79ae{
   color:var(--text-cta-link);
   font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
   font-size:.875rem;
@@ -2603,31 +2603,42 @@
   text-decoration:underline;
   text-transform:none;
 }
-.bp_link_module_link--276c2:hover{
+.bp_link_module_link--c79ae:hover{
   color:var(--text-cta-link-hover);
 }
-.bp_link_module_link--276c2:active{
+.bp_link_module_link--c79ae:active{
   color:var(--text-cta-link-pressed);
 }
-.bp_link_module_link--276c2:focus-visible{
+.bp_link_module_link--c79ae:focus-visible{
   border-radius:var(--radius-05);
   color:var(--text-cta-link-hover);
 }
-.bp_link_module_link--276c2:focus-visible:focus-visible{
+.bp_link_module_link--c79ae:focus-visible:focus-visible{
   box-shadow:0 0 0 var(--border-2) var(--outline-focus-on-light);
   outline:none;
   overflow:visible;
 }
-.bp_link_module_link--276c2:focus-visible:active{
+.bp_link_module_link--c79ae:focus-visible:active{
   color:var(--text-cta-link-pressed);
 }
-.bp_link_module_link--276c2.bp_link_module_inheritFont--276c2{
+.bp_link_module_link--c79ae.bp_link_module_inheritFont--c79ae{
   font:inherit;
 }
-.bp_link_module_link--276c2.bp_link_module_standalone--276c2{
+.bp_link_module_link--c79ae.bp_link_module_standalone--c79ae{
   text-decoration:none;
 }
-.bp_base_grid_list_item_module_smallList--17725{
+.bp_link_module_link--c79ae.bp_link_module_hasIcon--c79ae{
+  align-items:center;
+  display:inline-flex;
+  gap:var(--space-1);
+}
+.bp_link_module_link--c79ae .bp_link_module_icon--c79ae{
+  flex-shrink:0;
+}
+.bp_link_module_link--c79ae .bp_link_module_icon--c79ae *{
+  fill:currentColor;
+}
+.bp_base_grid_list_item_module_smallList--90a8f{
   box-sizing:border-box;
   display:grid;
   gap:var(--space-2);
@@ -2638,7 +2649,7 @@
   padding:var(--space-1);
   width:auto;
 }
-.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725{
+.bp_base_grid_list_item_module_smallList--90a8f .bp_base_grid_list_item_module_smallListItem--90a8f{
   --actions-opacity:0;
   --thumbnail-size:var(--size-9);
   --item-background:var(--surface-item-small-surface);
@@ -2657,11 +2668,11 @@
   transform:translateZ(0);
   width:auto;
 }
-.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725.bp_base_grid_list_item_module_loading--17725{
+.bp_base_grid_list_item_module_smallList--90a8f .bp_base_grid_list_item_module_smallListItem--90a8f.bp_base_grid_list_item_module_loading--90a8f{
   grid-template-columns:var(--thumbnail-size) auto 0;
   grid-template-rows:100% 0;
 }
-.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725 .bp_base_grid_list_item_module_thumbnail--17725{
+.bp_base_grid_list_item_module_smallList--90a8f .bp_base_grid_list_item_module_smallListItem--90a8f .bp_base_grid_list_item_module_thumbnail--90a8f{
   align-items:center;
   aspect-ratio:1;
   display:flex;
@@ -2670,19 +2681,13 @@
   overflow:hidden;
   z-index:1;
 }
-.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725 .bp_base_grid_list_item_module_thumbnail--17725 img,.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725 .bp_base_grid_list_item_module_thumbnail--17725 svg{
+.bp_base_grid_list_item_module_smallList--90a8f .bp_base_grid_list_item_module_smallListItem--90a8f .bp_base_grid_list_item_module_thumbnailContent--90a8f img,.bp_base_grid_list_item_module_smallList--90a8f .bp_base_grid_list_item_module_smallListItem--90a8f .bp_base_grid_list_item_module_thumbnailContent--90a8f svg{
   height:100%;
   object-fit:cover;
   object-position:left;
   width:100%;
 }
-.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725 .bp_base_grid_list_item_module_thumbnail--17725.bp_base_grid_list_item_module_customSize--17725 img,.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725 .bp_base_grid_list_item_module_thumbnail--17725.bp_base_grid_list_item_module_customSize--17725 svg{
-  height:unset;
-  max-height:100%;
-  max-width:100%;
-  width:unset;
-}
-.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725 .bp_base_grid_list_item_module_header--17725{
+.bp_base_grid_list_item_module_smallList--90a8f .bp_base_grid_list_item_module_smallListItem--90a8f .bp_base_grid_list_item_module_header--90a8f{
   color:var(--text-text-on-light);
   font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
   font-size:.875rem;
@@ -2693,11 +2698,11 @@
   text-decoration:none;
   text-transform:none;
 }
-.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725 .bp_base_grid_list_item_module_header--17725.bp_base_grid_list_item_module_loading--17725{
+.bp_base_grid_list_item_module_smallList--90a8f .bp_base_grid_list_item_module_smallListItem--90a8f .bp_base_grid_list_item_module_header--90a8f.bp_base_grid_list_item_module_loading--90a8f{
   align-items:center;
   display:flex;
 }
-.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725 .bp_base_grid_list_item_module_subtitle--17725{
+.bp_base_grid_list_item_module_smallList--90a8f .bp_base_grid_list_item_module_smallListItem--90a8f .bp_base_grid_list_item_module_subtitle--90a8f{
   color:var(--text-text-on-light-secondary);
   font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
   font-size:.75rem;
@@ -2708,17 +2713,17 @@
   text-decoration:none;
   text-transform:none;
 }
-.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725 .bp_base_grid_list_item_module_header--17725,.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725 .bp_base_grid_list_item_module_subtitle--17725{
+.bp_base_grid_list_item_module_smallList--90a8f .bp_base_grid_list_item_module_smallListItem--90a8f .bp_base_grid_list_item_module_header--90a8f,.bp_base_grid_list_item_module_smallList--90a8f .bp_base_grid_list_item_module_smallListItem--90a8f .bp_base_grid_list_item_module_subtitle--90a8f{
   display:inline-block;
   overflow:hidden;
   text-overflow:ellipsis;
   white-space:nowrap;
 }
-.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725:not(:has(.bp_base_grid_list_item_module_header--17725)),.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725:not(:has(.bp_base_grid_list_item_module_subtitle--17725)){
+.bp_base_grid_list_item_module_smallList--90a8f .bp_base_grid_list_item_module_smallListItem--90a8f:not(:has(.bp_base_grid_list_item_module_header--90a8f)),.bp_base_grid_list_item_module_smallList--90a8f .bp_base_grid_list_item_module_smallListItem--90a8f:not(:has(.bp_base_grid_list_item_module_subtitle--90a8f)){
   grid-template-rows:100% 0;
   row-gap:0;
 }
-.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725 .bp_base_grid_list_item_module_actions--17725{
+.bp_base_grid_list_item_module_smallList--90a8f .bp_base_grid_list_item_module_smallListItem--90a8f .bp_base_grid_list_item_module_actions--90a8f{
   align-items:center;
   display:flex;
   grid-area:actions;
@@ -2728,11 +2733,11 @@
   padding-right:0;
 }
 @media (pointer: coarse){
-  .bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725 .bp_base_grid_list_item_module_actions--17725{
+  .bp_base_grid_list_item_module_smallList--90a8f .bp_base_grid_list_item_module_smallListItem--90a8f .bp_base_grid_list_item_module_actions--90a8f{
     --actions-opacity:1;
   }
 }
-.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725 .bp_base_grid_list_item_module_actions--17725 .bp_base_grid_list_item_module_selection--17725{
+.bp_base_grid_list_item_module_smallList--90a8f .bp_base_grid_list_item_module_smallListItem--90a8f .bp_base_grid_list_item_module_actions--90a8f .bp_base_grid_list_item_module_selection--90a8f{
   align-items:center;
   background:var(--item-background);
   border-radius:var(--radius-2);
@@ -2741,10 +2746,10 @@
   justify-content:center;
   width:var(--space-8);
 }
-.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725 .bp_base_grid_list_item_module_actions--17725 .bp_base_grid_list_item_module_selection--17725:hover{
+.bp_base_grid_list_item_module_smallList--90a8f .bp_base_grid_list_item_module_smallListItem--90a8f .bp_base_grid_list_item_module_actions--90a8f .bp_base_grid_list_item_module_selection--90a8f:hover{
   background:var(--surface-cta-surface-icon-hover);
 }
-.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725 .bp_base_grid_list_item_module_actions--17725 .bp_base_grid_list_item_module_inner--17725{
+.bp_base_grid_list_item_module_smallList--90a8f .bp_base_grid_list_item_module_smallListItem--90a8f .bp_base_grid_list_item_module_actions--90a8f .bp_base_grid_list_item_module_inner--90a8f{
   align-items:center;
   border-radius:var(--radius-2);
   display:flex;
@@ -2752,18 +2757,18 @@
   justify-content:flex-end;
   margin-inline-end:var(--space-2);
 }
-.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725 .bp_base_grid_list_item_module_actions--17725 .bp_base_grid_list_item_module_inner--17725:last-child{
+.bp_base_grid_list_item_module_smallList--90a8f .bp_base_grid_list_item_module_smallListItem--90a8f .bp_base_grid_list_item_module_actions--90a8f .bp_base_grid_list_item_module_inner--90a8f:last-child{
   margin-inline-end:0;
 }
-.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725 .bp_base_grid_list_item_module_actions--17725 .bp_base_grid_list_item_module_actionsCheckboxWrapper--17725{
+.bp_base_grid_list_item_module_smallList--90a8f .bp_base_grid_list_item_module_smallListItem--90a8f .bp_base_grid_list_item_module_actions--90a8f .bp_base_grid_list_item_module_actionsCheckboxWrapper--90a8f{
   background:var(--item-hover);
   display:flex;
 }
-.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725:hover,.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725[data-active-item],.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725[data-focus-visible],.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725[data-focused],.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725[data-hovered]{
+.bp_base_grid_list_item_module_smallList--90a8f .bp_base_grid_list_item_module_smallListItem--90a8f:hover,.bp_base_grid_list_item_module_smallList--90a8f .bp_base_grid_list_item_module_smallListItem--90a8f[data-active-item],.bp_base_grid_list_item_module_smallList--90a8f .bp_base_grid_list_item_module_smallListItem--90a8f[data-focus-visible],.bp_base_grid_list_item_module_smallList--90a8f .bp_base_grid_list_item_module_smallListItem--90a8f[data-focused],.bp_base_grid_list_item_module_smallList--90a8f .bp_base_grid_list_item_module_smallListItem--90a8f[data-hovered]{
   --actions-opacity:1;
   background:var(--item-hover);
 }
-.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725[data-active-item]::before,.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725[data-focus-visible]::before{
+.bp_base_grid_list_item_module_smallList--90a8f .bp_base_grid_list_item_module_smallListItem--90a8f[data-active-item]::before,.bp_base_grid_list_item_module_smallList--90a8f .bp_base_grid_list_item_module_smallListItem--90a8f[data-focus-visible]::before{
   --actions-opacity:1;
   border-radius:.875rem;
   content:"";
@@ -2777,7 +2782,7 @@
   width:100%;
 }
 
-.bp_base_grid_list_item_module_largeList--17725{
+.bp_base_grid_list_item_module_largeList--90a8f{
   box-sizing:border-box;
   display:flex;
   flex-direction:column;
@@ -2787,7 +2792,7 @@
   overflow:auto;
   padding:var(--space-1);
 }
-.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725{
+.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f{
   --thumbnail-size:10rem;
   --actions-opacity:0;
   --item-background:var(--gray-white);
@@ -2804,18 +2809,18 @@
   position:relative;
   transform:translateZ(0);
 }
-.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725.bp_base_grid_list_item_module_loading--17725{
+.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f.bp_base_grid_list_item_module_loading--90a8f{
   grid-template-rows:1fr 1fr 1fr;
 }
-.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725:focus-within{
+.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f:focus-within{
   --actions-opacity:1;
 }
 @media (max-width: 374px){
-  .bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725{
+  .bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f{
     --thumbnail-size:7.5rem;
   }
 }
-.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725 .bp_base_grid_list_item_module_thumbnail--17725{
+.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f .bp_base_grid_list_item_module_thumbnail--90a8f{
   aspect-ratio:4/3;
   border:var(--border-1) solid var(--gray-10);
   border-radius:var(--radius-3);
@@ -2823,24 +2828,24 @@
   overflow:hidden;
   z-index:1;
 }
-.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725 .bp_base_grid_list_item_module_thumbnail--17725 img{
+.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f .bp_base_grid_list_item_module_thumbnail--90a8f img{
   height:100%;
   object-fit:cover;
   object-position:left;
   width:100%;
 }
-.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725 .bp_base_grid_list_item_module_thumbnail--17725.bp_base_grid_list_item_module_loading--17725{
+.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f .bp_base_grid_list_item_module_thumbnail--90a8f.bp_base_grid_list_item_module_loading--90a8f{
   border:none;
 }
 @media (max-width: 374px){
-  .bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725 .bp_base_grid_list_item_module_thumbnail--17725{
+  .bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f .bp_base_grid_list_item_module_thumbnail--90a8f{
     aspect-ratio:1/1;
   }
-  .bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725 .bp_base_grid_list_item_module_thumbnail--17725 img{
+  .bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f .bp_base_grid_list_item_module_thumbnail--90a8f img{
     object-fit:contain;
   }
 }
-.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725 .bp_base_grid_list_item_module_actions--17725{
+.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f .bp_base_grid_list_item_module_actions--90a8f{
   align-items:center;
   display:flex;
   height:var(--space-6);
@@ -2852,11 +2857,11 @@
   top:.875rem;
 }
 @media (pointer: coarse){
-  .bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725 .bp_base_grid_list_item_module_actions--17725{
+  .bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f .bp_base_grid_list_item_module_actions--90a8f{
     --actions-opacity:1;
   }
 }
-.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725 .bp_base_grid_list_item_module_actions--17725 .bp_base_grid_list_item_module_selection--17725{
+.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f .bp_base_grid_list_item_module_actions--90a8f .bp_base_grid_list_item_module_selection--90a8f{
   align-items:center;
   background:var(--item-background);
   border-radius:var(--radius-2);
@@ -2865,15 +2870,15 @@
   justify-content:center;
   width:var(--space-8);
 }
-.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725 .bp_base_grid_list_item_module_actions--17725 .bp_base_grid_list_item_module_selection--17725:hover{
+.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f .bp_base_grid_list_item_module_actions--90a8f .bp_base_grid_list_item_module_selection--90a8f:hover{
   background:var(--surface-cta-surface-icon-hover);
 }
-.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725 .bp_base_grid_list_item_module_actions--17725 .bp_base_grid_list_item_module_fade--17725{
+.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f .bp_base_grid_list_item_module_actions--90a8f .bp_base_grid_list_item_module_fade--90a8f{
   align-self:stretch;
   background:linear-gradient(270deg, #fff 0, #fff0 100%);
   width:var(--size-8);
 }
-.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725 .bp_base_grid_list_item_module_actions--17725 .bp_base_grid_list_item_module_inner--17725{
+.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f .bp_base_grid_list_item_module_actions--90a8f .bp_base_grid_list_item_module_inner--90a8f{
   align-items:center;
   background:var(--item-background);
   border-radius:var(--radius-2);
@@ -2882,14 +2887,14 @@
   justify-content:flex-end;
   margin-inline-end:var(--space-2);
 }
-.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725 .bp_base_grid_list_item_module_actions--17725 .bp_base_grid_list_item_module_inner--17725:last-child{
+.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f .bp_base_grid_list_item_module_actions--90a8f .bp_base_grid_list_item_module_inner--90a8f:last-child{
   margin-inline-end:0;
 }
-.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725 .bp_base_grid_list_item_module_actions--17725 .bp_base_grid_list_item_module_actionsCheckboxWrapper--17725{
+.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f .bp_base_grid_list_item_module_actions--90a8f .bp_base_grid_list_item_module_actionsCheckboxWrapper--90a8f{
   background:var(--item-background);
   display:flex;
 }
-.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725 .bp_base_grid_list_item_module_header--17725{
+.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f .bp_base_grid_list_item_module_header--90a8f{
   align-items:center;
   color:var(--text-text-on-light);
   display:inline-flex;
@@ -2906,7 +2911,7 @@
   text-transform:none;
   white-space:nowrap;
 }
-.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725 .bp_base_grid_list_item_module_subtitle--17725{
+.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f .bp_base_grid_list_item_module_subtitle--90a8f{
   align-items:center;
   color:var(--text-text-on-light-secondary);
   display:flex;
@@ -2921,7 +2926,7 @@
   text-transform:none;
   white-space:nowrap;
 }
-.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725 .bp_base_grid_list_item_module_description--17725{
+.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f .bp_base_grid_list_item_module_description--90a8f{
   -webkit-box-orient:vertical;
   -webkit-line-clamp:3;
   color:var(--text-text-on-light);
@@ -2939,13 +2944,13 @@
   text-decoration:none;
   text-transform:none;
 }
-.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725 .bp_base_grid_list_item_module_snippet--17725{
+.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f .bp_base_grid_list_item_module_snippet--90a8f{
   grid-area:description;
   margin:0;
   margin-block-end:var(--space-1);
   margin-block-start:var(--space-3);
 }
-.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725 .bp_base_grid_list_item_module_snippet--17725 .bp_base_grid_list_item_module_snippetContent--17725{
+.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f .bp_base_grid_list_item_module_snippet--90a8f .bp_base_grid_list_item_module_snippetContent--90a8f{
   -webkit-box-orient:vertical;
   -webkit-line-clamp:2;
   border:0 0 0 var(--space-05);
@@ -2964,12 +2969,12 @@
   text-decoration:none;
   text-transform:none;
 }
-.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725:hover,.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725[data-active-item],.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725[data-focus-visible],.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725[data-focused],.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725[data-hovered]{
+.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f:hover,.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f[data-active-item],.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f[data-focus-visible],.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f[data-focused],.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f[data-hovered]{
   --actions-opacity:1;
   box-shadow:var(--dropshadow-2);
   outline:var(--border-1) solid var(--border-card-border);
 }
-.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725[data-active-item]::before,.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725[data-focus-visible]::before{
+.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f[data-active-item]::before,.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f[data-focus-visible]::before{
   border-radius:.875rem;
   content:"";
   display:block;
@@ -2981,31 +2986,31 @@
   top:0;
   width:100%;
 }
-.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725[aria-selected=true]{
+.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f[aria-selected=true]{
   --actions-opacity:1;
   --item-background:var(--box-blue-05);
   outline:var(--border-2) solid var(--border-card-border-focus);
   z-index:2;
 }
-.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725[aria-selected=true] .bp_base_grid_list_item_module_actions--17725 .bp_base_grid_list_item_module_fade--17725{
+.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f[aria-selected=true] .bp_base_grid_list_item_module_actions--90a8f .bp_base_grid_list_item_module_fade--90a8f{
   background:linear-gradient(270deg, #f2f7fd 0, #f2f7fd00 100%);
 }
-.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused]) .bp_base_grid_list_item_module_actions--17725 .bp_base_grid_list_item_module_inner--17725{
+.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused]) .bp_base_grid_list_item_module_actions--90a8f .bp_base_grid_list_item_module_inner--90a8f{
   display:none;
 }
 @supports selector(:has(.foo)){
-  .bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725[aria-selected=true]:has(+ .bp_base_grid_list_item_module_react-aria-DropIndicator--17725 + [aria-selected=true]),.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725[aria-selected=true]:has(+ [aria-selected=true]){
+  .bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f[aria-selected=true]:has(+ .bp_base_grid_list_item_module_react-aria-DropIndicator--90a8f + [aria-selected=true]),.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f[aria-selected=true]:has(+ [aria-selected=true]){
     border-end-end-radius:0;
     border-end-start-radius:0;
   }
-  .bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725[aria-selected=true] + .bp_base_grid_list_item_module_react-aria-DropIndicator--17725 + [aria-selected=true],.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725[aria-selected=true] + [aria-selected=true]{
+  .bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f[aria-selected=true] + .bp_base_grid_list_item_module_react-aria-DropIndicator--90a8f + [aria-selected=true],.bp_base_grid_list_item_module_largeList--90a8f .bp_base_grid_list_item_module_largeListItem--90a8f[aria-selected=true] + [aria-selected=true]{
     border-start-end-radius:0;
     border-start-start-radius:0;
     border-top:none;
   }
 }
 
-.bp_base_grid_list_item_module_gridList--17725{
+.bp_base_grid_list_item_module_gridList--90a8f{
   box-sizing:border-box;
   display:grid;
   gap:var(--space-2);
@@ -3015,7 +3020,7 @@
   overflow:auto;
   padding:var(--space-1);
 }
-.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725{
+.bp_base_grid_list_item_module_gridList--90a8f .bp_base_grid_list_item_module_gridListItem--90a8f{
   --actions-opacity:0;
   --item-background:var(--gray-white);
   --row-gap:var(--space-2);
@@ -3033,15 +3038,15 @@
   row-gap:var(--row-gap);
   transform:translateZ(0);
 }
-.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725:focus-within{
+.bp_base_grid_list_item_module_gridList--90a8f .bp_base_grid_list_item_module_gridListItem--90a8f:focus-within{
   --actions-opacity:1;
 }
-.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725 .bp_base_grid_list_item_module_statusPin--17725{
+.bp_base_grid_list_item_module_gridList--90a8f .bp_base_grid_list_item_module_gridListItem--90a8f .bp_base_grid_list_item_module_statusPin--90a8f{
   left:var(--space-3);
   position:absolute;
   top:var(--space-3);
 }
-.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725 .bp_base_grid_list_item_module_thumbnail--17725{
+.bp_base_grid_list_item_module_gridList--90a8f .bp_base_grid_list_item_module_gridListItem--90a8f .bp_base_grid_list_item_module_thumbnail--90a8f{
   aspect-ratio:4/3;
   background:var(--gray-white);
   border:var(--border-1) solid var(--border-gridthumbnail-border);
@@ -3049,25 +3054,25 @@
   grid-area:thumbnail;
   overflow:hidden;
 }
-.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725 .bp_base_grid_list_item_module_thumbnail--17725 img{
+.bp_base_grid_list_item_module_gridList--90a8f .bp_base_grid_list_item_module_gridListItem--90a8f .bp_base_grid_list_item_module_thumbnail--90a8f img{
   height:100%;
   object-fit:contain;
   width:100%;
 }
-.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725 .bp_base_grid_list_item_module_thumbnail--17725.bp_base_grid_list_item_module_loading--17725{
+.bp_base_grid_list_item_module_gridList--90a8f .bp_base_grid_list_item_module_gridListItem--90a8f .bp_base_grid_list_item_module_thumbnail--90a8f.bp_base_grid_list_item_module_loading--90a8f{
   border:none;
 }
 @media (pointer: coarse){
-  .bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725 .bp_base_grid_list_item_module_thumbnail--17725{
+  .bp_base_grid_list_item_module_gridList--90a8f .bp_base_grid_list_item_module_gridListItem--90a8f .bp_base_grid_list_item_module_thumbnail--90a8f{
     margin-block-end:var(--space-1);
   }
 }
-.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725 .bp_base_grid_list_item_module_actions--17725{
+.bp_base_grid_list_item_module_gridList--90a8f .bp_base_grid_list_item_module_gridListItem--90a8f .bp_base_grid_list_item_module_actions--90a8f{
   grid-area:subtitle;
   margin-block-start:-.25rem;
   opacity:var(--actions-opacity);
 }
-.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725 .bp_base_grid_list_item_module_actions--17725 .bp_base_grid_list_item_module_selection--17725{
+.bp_base_grid_list_item_module_gridList--90a8f .bp_base_grid_list_item_module_gridListItem--90a8f .bp_base_grid_list_item_module_actions--90a8f .bp_base_grid_list_item_module_selection--90a8f{
   align-items:center;
   border-radius:var(--radius-2);
   display:flex;
@@ -3078,10 +3083,10 @@
   top:var(--space-2);
   width:var(--space-8);
 }
-.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725 .bp_base_grid_list_item_module_actions--17725 .bp_base_grid_list_item_module_selection--17725:hover{
+.bp_base_grid_list_item_module_gridList--90a8f .bp_base_grid_list_item_module_gridListItem--90a8f .bp_base_grid_list_item_module_actions--90a8f .bp_base_grid_list_item_module_selection--90a8f:hover{
   background:var(--surface-cta-surface-icon-hover);
 }
-.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725 .bp_base_grid_list_item_module_actions--17725 .bp_base_grid_list_item_module_inner--17725{
+.bp_base_grid_list_item_module_gridList--90a8f .bp_base_grid_list_item_module_gridListItem--90a8f .bp_base_grid_list_item_module_actions--90a8f .bp_base_grid_list_item_module_inner--90a8f{
   align-items:center;
   background:var(--item-background);
   border-radius:var(--radius-2);
@@ -3090,12 +3095,12 @@
   justify-content:center;
 }
 @media (pointer: coarse){
-  .bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725 .bp_base_grid_list_item_module_actions--17725{
+  .bp_base_grid_list_item_module_gridList--90a8f .bp_base_grid_list_item_module_gridListItem--90a8f .bp_base_grid_list_item_module_actions--90a8f{
     grid-area:actions;
     margin-block-start:0;
   }
 }
-.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725 .bp_base_grid_list_item_module_header--17725{
+.bp_base_grid_list_item_module_gridList--90a8f .bp_base_grid_list_item_module_gridListItem--90a8f .bp_base_grid_list_item_module_header--90a8f{
   -webkit-box-orient:vertical;
   -webkit-line-clamp:2;
   color:var(--text-text-on-light);
@@ -3112,11 +3117,11 @@
   text-decoration:none;
   text-transform:none;
 }
-.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725 .bp_base_grid_list_item_module_header--17725.bp_base_grid_list_item_module_loading--17725{
+.bp_base_grid_list_item_module_gridList--90a8f .bp_base_grid_list_item_module_gridListItem--90a8f .bp_base_grid_list_item_module_header--90a8f.bp_base_grid_list_item_module_loading--90a8f{
   align-items:center;
   display:flex;
 }
-.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725 .bp_base_grid_list_item_module_subtitle--17725{
+.bp_base_grid_list_item_module_gridList--90a8f .bp_base_grid_list_item_module_gridListItem--90a8f .bp_base_grid_list_item_module_subtitle--90a8f{
   color:var(--text-text-on-light-secondary);
   font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
   font-size:.75rem;
@@ -3132,15 +3137,15 @@
   text-transform:none;
   white-space:nowrap;
 }
-.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725 .bp_base_grid_list_item_module_subtitle--17725.bp_base_grid_list_item_module_loading--17725{
+.bp_base_grid_list_item_module_gridList--90a8f .bp_base_grid_list_item_module_gridListItem--90a8f .bp_base_grid_list_item_module_subtitle--90a8f.bp_base_grid_list_item_module_loading--90a8f{
   height:1.25rem;
 }
-.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725.bp_base_grid_list_item_module_isItemInteracted--17725,.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725:hover,.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725[data-active-item],.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725[data-focus-visible],.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725[data-focused],.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725[data-hovered]{
+.bp_base_grid_list_item_module_gridList--90a8f .bp_base_grid_list_item_module_gridListItem--90a8f.bp_base_grid_list_item_module_isItemInteracted--90a8f,.bp_base_grid_list_item_module_gridList--90a8f .bp_base_grid_list_item_module_gridListItem--90a8f:hover,.bp_base_grid_list_item_module_gridList--90a8f .bp_base_grid_list_item_module_gridListItem--90a8f[data-active-item],.bp_base_grid_list_item_module_gridList--90a8f .bp_base_grid_list_item_module_gridListItem--90a8f[data-focus-visible],.bp_base_grid_list_item_module_gridList--90a8f .bp_base_grid_list_item_module_gridListItem--90a8f[data-focused],.bp_base_grid_list_item_module_gridList--90a8f .bp_base_grid_list_item_module_gridListItem--90a8f[data-hovered]{
   --actions-opacity:1;
   box-shadow:var(--dropshadow-2);
   outline:var(--border-1) solid var(--border-card-border);
 }
-.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725[data-active-item]::before,.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725[data-focus-visible]::before{
+.bp_base_grid_list_item_module_gridList--90a8f .bp_base_grid_list_item_module_gridListItem--90a8f[data-active-item]::before,.bp_base_grid_list_item_module_gridList--90a8f .bp_base_grid_list_item_module_gridListItem--90a8f[data-focus-visible]::before{
   border-radius:var(--radius-3);
   content:"";
   display:block;
@@ -3152,7 +3157,7 @@
   top:0;
   width:100%;
 }
-.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725[data-active-item]::after,.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725[data-focus-visible]::after{
+.bp_base_grid_list_item_module_gridList--90a8f .bp_base_grid_list_item_module_gridListItem--90a8f[data-active-item]::after,.bp_base_grid_list_item_module_gridList--90a8f .bp_base_grid_list_item_module_gridListItem--90a8f[data-focus-visible]::after{
   border-radius:var(--radius-3);
   content:"";
   display:block;
@@ -3164,16 +3169,16 @@
   top:0;
   width:100%;
 }
-.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725[aria-selected=true]{
+.bp_base_grid_list_item_module_gridList--90a8f .bp_base_grid_list_item_module_gridListItem--90a8f[aria-selected=true]{
   --actions-opacity:1;
   --item-background:var(--box-blue-05);
   outline:var(--border-2) solid var(--border-card-border-focus);
 }
-.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused], .bp_base_grid_list_item_module_isItemInteracted--17725) .bp_base_grid_list_item_module_actions--17725 .bp_base_grid_list_item_module_inner--17725{
+.bp_base_grid_list_item_module_gridList--90a8f .bp_base_grid_list_item_module_gridListItem--90a8f[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused], .bp_base_grid_list_item_module_isItemInteracted--90a8f) .bp_base_grid_list_item_module_actions--90a8f .bp_base_grid_list_item_module_inner--90a8f{
   opacity:0;
 }
 @media (pointer: coarse){
-  .bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725{
+  .bp_base_grid_list_item_module_gridList--90a8f .bp_base_grid_list_item_module_gridListItem--90a8f{
     --row-gap:var(--space-1);
     --actions-opacity:1;
     grid-template-areas:"thumbnail" "head" "subtitle" "actions";
@@ -3181,7 +3186,7 @@
   }
 }
 
-.bp_base_grid_list_item_module_tooltipContent--17725{
+.bp_base_grid_list_item_module_tooltipContent--90a8f{
   background-color:var(--surface-tooltip-surface);
   border:var(--border-1) solid var(--surface-tooltip-surface);
   border-radius:var(--radius-1);
@@ -3199,28 +3204,28 @@
   word-break:break-word;
   z-index:2147483647;
 }
-.bp_base_grid_list_item_module_tooltipContent--17725 .bp_base_grid_list_item_module_tooltipArrow--17725 svg{
+.bp_base_grid_list_item_module_tooltipContent--90a8f .bp_base_grid_list_item_module_tooltipArrow--90a8f svg{
   display:block;
   height:.5rem;
   width:1rem;
 }
-.bp_base_grid_list_item_module_tooltipContent--17725[data-placement=top]{
+.bp_base_grid_list_item_module_tooltipContent--90a8f[data-placement=top]{
   margin-block-end:var(--space-2);
 }
-.bp_base_grid_list_item_module_tooltipContent--17725[data-placement=top] .bp_base_grid_list_item_module_tooltipArrow--17725 svg{
+.bp_base_grid_list_item_module_tooltipContent--90a8f[data-placement=top] .bp_base_grid_list_item_module_tooltipArrow--90a8f svg{
   transform:rotate(180deg);
 }
-.bp_base_grid_list_item_module_tooltipContent--17725[data-placement=bottom]{
+.bp_base_grid_list_item_module_tooltipContent--90a8f[data-placement=bottom]{
   margin-block-start:var(--space-2);
 }
-.bp_base_grid_list_item_module_tooltipContent--17725[data-placement=right]{
+.bp_base_grid_list_item_module_tooltipContent--90a8f[data-placement=right]{
   margin-inline-start:var(--space-2);
 }
-.bp_base_grid_list_item_module_tooltipContent--17725[data-placement=left]{
+.bp_base_grid_list_item_module_tooltipContent--90a8f[data-placement=left]{
   margin-inline-end:var(--space-2);
 }
 
-.bp_base_grid_list_item_module_staticList--17725 .bp_base_grid_list_item_module_staticListItem--17725{
+.bp_base_grid_list_item_module_staticList--90a8f .bp_base_grid_list_item_module_staticListItem--90a8f{
   display:contents;
 }
 

package/lib-esm/index.d.ts

@@ -60,3 +60,4 @@ export * from './util-components/focus-trap';
 export * from './util-components/scrollable-container/scrollable-container';
 export * from './utils/keyboardUtils';
 export * from './utils/useBreakpoint';
+export * from './visually-hidden';

package/lib-esm/index.js

@@ -73,5 +73,6 @@ export { FocusTrap } from './util-components/focus-trap/focus-trap.js';
 export { ScrollContext, ScrollableContainer, useScroll, useScrollContext } from './util-components/scrollable-container/scrollable-container.js';
 export { isCtrlKeyPressed, isDeleteKeyPressed, keys } from './utils/keyboardUtils.js';
 export { Breakpoint, useBreakpoint } from './utils/useBreakpoint.js';
+export { VisuallyHidden } from './visually-hidden/visually-hidden.js';
 export { useNotification } from './primitives/notification/notification-provider.js';
 export { useTabs } from './primitives/tabs/use-tabs.js';

package/lib-esm/list-item/index.js

@@ -6,7 +6,7 @@ import '@box/blueprint-web-assets/tokens/tokens';
 import 'clsx';
 import { Cell as Cell$1 } from './cell/cell.js';
 import 'lodash/noop';
-import '@radix-ui/react-visually-hidden';
+import '@ariakit/react';
 
 const Cell = Cell$1;
 

package/lib-esm/list-item/table-column.js

@@ -1,10 +1,10 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { ArrowUp, ArrowDown } from '@box/blueprint-web-assets/icons/Fill';
 import { Gray100 } from '@box/blueprint-web-assets/tokens/tokens';
-import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
 import { Column as Column$1 } from 'react-aria-components';
+import { VisuallyHidden } from '../visually-hidden/visually-hidden.js';
 import styles from './main.module.js';
 
 function SortingArrowIcon({

package/lib-esm/modal/modal-title.js

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import * as RadixDialog from '@radix-ui/react-dialog';
-import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
 import { forwardRef } from 'react';
+import { VisuallyHidden } from '../visually-hidden/visually-hidden.js';
 
 /**
  * An accessible title to be announced when the modal is opened.
@@ -21,7 +21,6 @@ const ModalTitle = /*#__PURE__*/forwardRef(({
     })
   });
   return visuallyHidden ? jsx(VisuallyHidden, {
-    asChild: true,
     children: title
   }) : title;
 });

package/lib-esm/primitives/base-text-input/base-text-input.js

@@ -1,10 +1,10 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
 import clsx from 'clsx';
 import { forwardRef, useMemo, cloneElement } from 'react';
 import { useUniqueId } from '../../utils/useUniqueId.js';
-import styles from './base-text-input.module.js';
+import { VisuallyHidden } from '../../visually-hidden/visually-hidden.js';
 import { InlineError } from '../inline-error/inline-error.js';
+import styles from './base-text-input.module.js';
 
 /**
  * This extends a default HTML &lt;input/&gt; and accepts the same props as well as some custom ones listed below.<br/>

package/lib-esm/primitives/link/link.js

@@ -1,4 +1,5 @@
-import { jsx } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { ArrowUpRightSquareAlt } from '@box/blueprint-web-assets/icons/Line';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
 import styles from './link.module.js';
@@ -11,15 +12,21 @@ const Link = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     className,
     inheritFont,
     variant = 'inline',
+    isExternal = false,
     ...rest
   } = props;
-  return jsx(Component, {
+  return jsxs(Component, {
     ...rest,
     ref: forwardedRef,
     className: clsx([className, styles.link, {
       [styles.inheritFont]: inheritFont
-    }, styles[variant]]),
-    children: children
+    }, styles[variant], {
+      [styles.hasIcon]: isExternal
+    }]),
+    children: [children, isExternal && jsx(ArrowUpRightSquareAlt, {
+      "aria-hidden": true,
+      className: styles.icon
+    })]
   });
 });
 

package/lib-esm/primitives/link/link.module.js

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"link":"bp_link_module_link--276c2","inheritFont":"bp_link_module_inheritFont--276c2","standalone":"bp_link_module_standalone--276c2"};
+var styles = {"link":"bp_link_module_link--c79ae","inheritFont":"bp_link_module_inheritFont--c79ae","standalone":"bp_link_module_standalone--c79ae","hasIcon":"bp_link_module_hasIcon--c79ae","icon":"bp_link_module_icon--c79ae"};
 
 export { styles as default };

package/lib-esm/primitives/link/types.d.ts

@@ -25,6 +25,15 @@ export interface LinkOwnProps<E extends React.ElementType> {
      * @default 'a'
      */
     as?: E;
+    /**
+     * Whether or not the link should display the external link icon.
+     *
+     * Note that this does not add any functionality to the link. It is purely visual.
+     * So, if you want to open the link in a new tab and prevent security vulnerabilities, you should use the `target="_blank"` and `rel="noopener noreferrer"` attributes.
+     *
+     * @default false
+     */
+    isExternal?: boolean;
 }
 export type PolymorphicLinkRef<E extends React.ElementType> = React.ComponentPropsWithRef<E>['ref'];
 export type LinkProps<E extends React.ElementType> = LinkOwnProps<E> & Omit<React.ComponentProps<E>, keyof LinkOwnProps<E>>;

package/lib-esm/search-input/search-input-controlled/search-input-controlled.js

@@ -26,6 +26,11 @@ const SearchInputControlled = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     variant,
     ...rest
   } = props;
+  const handleIEMComposition = e => {
+    if (e.nativeEvent.isComposing) {
+      e.preventDefault();
+    }
+  };
   const onSearchInputKeyDown = e => {
     if (disabled) {
       return;
@@ -41,7 +46,13 @@ const SearchInputControlled = /*#__PURE__*/forwardRef((props, forwardedRef) => {
       Escape: () => {
         e.preventDefault();
         onClearInput();
-      }
+      },
+      ArrowDown: () => handleIEMComposition(e),
+      ArrowUp: () => handleIEMComposition(e),
+      Backspace: () => handleIEMComposition(e),
+      Control: () => handleIEMComposition(e),
+      Delete: () => handleIEMComposition(e),
+      Shift: () => handleIEMComposition(e)
     })(e.key)?.();
     onKeyDown?.(e);
   };

package/lib-esm/text-area/text-area.js

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
 import { InlineError } from '../primitives/inline-error/inline-error.js';
 import { useUniqueId } from '../utils/useUniqueId.js';
+import { VisuallyHidden } from '../visually-hidden/visually-hidden.js';
 import { TextAreaAutosize } from './text-area-autosize/text-area-autosize.js';
 import styles from './text-area.module.js';
 

package/lib-esm/util-components/base-grid-list-item/base-grid-list-item-thumbnail.js

@@ -21,7 +21,7 @@ const BaseGridListThumbnail = /*#__PURE__*/forwardRef(function BaseGridListThumb
     className: clsx(styles.thumbnail, {
       [styles.loading]: loading
     }, {
-      [styles.customSize]: hasCustomSize
+      [styles.thumbnailContent]: !hasCustomSize
     }, className),
     children: loading ? jsx(Ghost, {
       borderRadius: "0.5rem",

package/lib-esm/util-components/base-grid-list-item/base-grid-list-item.module.js

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"smallList":"bp_base_grid_list_item_module_smallList--17725","smallListItem":"bp_base_grid_list_item_module_smallListItem--17725","loading":"bp_base_grid_list_item_module_loading--17725","thumbnail":"bp_base_grid_list_item_module_thumbnail--17725","customSize":"bp_base_grid_list_item_module_customSize--17725","header":"bp_base_grid_list_item_module_header--17725","subtitle":"bp_base_grid_list_item_module_subtitle--17725","actions":"bp_base_grid_list_item_module_actions--17725","selection":"bp_base_grid_list_item_module_selection--17725","inner":"bp_base_grid_list_item_module_inner--17725","actionsCheckboxWrapper":"bp_base_grid_list_item_module_actionsCheckboxWrapper--17725","largeList":"bp_base_grid_list_item_module_largeList--17725","largeListItem":"bp_base_grid_list_item_module_largeListItem--17725","fade":"bp_base_grid_list_item_module_fade--17725","description":"bp_base_grid_list_item_module_description--17725","snippet":"bp_base_grid_list_item_module_snippet--17725","snippetContent":"bp_base_grid_list_item_module_snippetContent--17725","react-aria-DropIndicator":"bp_base_grid_list_item_module_react-aria-DropIndicator--17725","gridList":"bp_base_grid_list_item_module_gridList--17725","gridListItem":"bp_base_grid_list_item_module_gridListItem--17725","statusPin":"bp_base_grid_list_item_module_statusPin--17725","isItemInteracted":"bp_base_grid_list_item_module_isItemInteracted--17725","tooltipContent":"bp_base_grid_list_item_module_tooltipContent--17725","tooltipArrow":"bp_base_grid_list_item_module_tooltipArrow--17725","staticList":"bp_base_grid_list_item_module_staticList--17725","staticListItem":"bp_base_grid_list_item_module_staticListItem--17725"};
+var styles = {"smallList":"bp_base_grid_list_item_module_smallList--90a8f","smallListItem":"bp_base_grid_list_item_module_smallListItem--90a8f","loading":"bp_base_grid_list_item_module_loading--90a8f","thumbnail":"bp_base_grid_list_item_module_thumbnail--90a8f","thumbnailContent":"bp_base_grid_list_item_module_thumbnailContent--90a8f","header":"bp_base_grid_list_item_module_header--90a8f","subtitle":"bp_base_grid_list_item_module_subtitle--90a8f","actions":"bp_base_grid_list_item_module_actions--90a8f","selection":"bp_base_grid_list_item_module_selection--90a8f","inner":"bp_base_grid_list_item_module_inner--90a8f","actionsCheckboxWrapper":"bp_base_grid_list_item_module_actionsCheckboxWrapper--90a8f","largeList":"bp_base_grid_list_item_module_largeList--90a8f","largeListItem":"bp_base_grid_list_item_module_largeListItem--90a8f","fade":"bp_base_grid_list_item_module_fade--90a8f","description":"bp_base_grid_list_item_module_description--90a8f","snippet":"bp_base_grid_list_item_module_snippet--90a8f","snippetContent":"bp_base_grid_list_item_module_snippetContent--90a8f","react-aria-DropIndicator":"bp_base_grid_list_item_module_react-aria-DropIndicator--90a8f","gridList":"bp_base_grid_list_item_module_gridList--90a8f","gridListItem":"bp_base_grid_list_item_module_gridListItem--90a8f","statusPin":"bp_base_grid_list_item_module_statusPin--90a8f","isItemInteracted":"bp_base_grid_list_item_module_isItemInteracted--90a8f","tooltipContent":"bp_base_grid_list_item_module_tooltipContent--90a8f","tooltipArrow":"bp_base_grid_list_item_module_tooltipArrow--90a8f","staticList":"bp_base_grid_list_item_module_staticList--90a8f","staticListItem":"bp_base_grid_list_item_module_staticListItem--90a8f"};
 
 export { styles as default };

package/lib-esm/visually-hidden/index.d.ts

@@ -0,0 +1 @@
+export { VisuallyHidden, type VisuallyHiddenProps } from './visually-hidden';

package/lib-esm/visually-hidden/visually-hidden.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { type VisuallyHiddenProps as AriakitVisuallyHiddenProps } from '@ariakit/react';
+export type VisuallyHiddenProps = AriakitVisuallyHiddenProps;
+export declare const VisuallyHidden: (props: AriakitVisuallyHiddenProps<"span">) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;

package/lib-esm/visually-hidden/visually-hidden.js

@@ -0,0 +1,5 @@
+import { VisuallyHidden as VisuallyHidden$1 } from '@ariakit/react';
+
+const VisuallyHidden = VisuallyHidden$1;
+
+export { VisuallyHidden };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/blueprint-web",
-    "version": "7.6.0",
+    "version": "7.9.0",
     "license": "SEE LICENSE IN LICENSE",
     "publishConfig": {
         "access": "public",
@@ -42,7 +42,6 @@
         "@radix-ui/react-toggle-group": "^1.0.4",
         "@radix-ui/react-toolbar": "^1.0.4",
         "@radix-ui/react-tooltip": "^1.0.7",
-        "@radix-ui/react-visually-hidden": "^1.0.3",
         "@react-aria/i18n": "^3.11.1",
         "@react-aria/utils": "^3.24.1",
         "@react-types/shared": "^3.23.1",
@@ -58,7 +57,7 @@
         "@box/storybook-utils": "^0.2.1",
         "react-stately": "^3.31.1"
     },
-    "gitHead": "c9bbabf657c8ecd41c1fc8e4a7f4c958ec4d2ad3",
+    "gitHead": "45ac61f3a57a0a09042ff5d5737dfe9e30e682fd",
     "module": "lib-esm/index.js",
     "main": "lib-esm/index.js",
     "exports": {