@box/blueprint-web 5.33.0 → 6.0.0

package/lib-esm/basics/grid-list-item/index.d.ts

@@ -43,7 +43,7 @@ export declare const GridList: import("react").ForwardRefExoticComponent<import(
     /**
      * An individual item in the list.
      */
-    Item: import("react").ForwardRefExoticComponent<import("react-aria-components").ItemProps<object> & Omit<import("../../util-components/base-grid-list-item/types").BaseGridListItemContextType, "isItemInteracted" | "setIsItemInteracted"> & import("react").RefAttributes<HTMLDivElement>>;
+    Item: import("react").ForwardRefExoticComponent<import("react-aria-components").GridListItemProps<object> & Omit<import("../../util-components/base-grid-list-item/types").BaseGridListItemContextType, "isItemInteracted" | "setIsItemInteracted"> & import("react").RefAttributes<HTMLDivElement>>;
     /**
      * Styled wrapper over and image or icon.
      */

package/lib-esm/basics/large-list-item/index.d.ts

@@ -47,7 +47,7 @@ export declare const LargeList: import("react").ForwardRefExoticComponent<import
     /**
      * An individual item in the list.
      */
-    Item: import("react").ForwardRefExoticComponent<import("react-aria-components").ItemProps<object> & Omit<import("../../util-components/base-grid-list-item/types").BaseGridListItemContextType, "isItemInteracted" | "setIsItemInteracted"> & import("react").RefAttributes<HTMLDivElement>>;
+    Item: import("react").ForwardRefExoticComponent<import("react-aria-components").GridListItemProps<object> & Omit<import("../../util-components/base-grid-list-item/types").BaseGridListItemContextType, "isItemInteracted" | "setIsItemInteracted"> & import("react").RefAttributes<HTMLDivElement>>;
     /**
      * Styled wrapper over an image or icon.
      */

package/lib-esm/basics/small-list-item/index.d.ts

@@ -26,7 +26,7 @@ export declare const SmallList: import("react").ForwardRefExoticComponent<import
     /**
      * An individual item in the list.
      */
-    Item: import("react").ForwardRefExoticComponent<import("react-aria-components").ItemProps<object> & Omit<import("../../util-components/base-grid-list-item/types").BaseGridListItemContextType, "isItemInteracted" | "setIsItemInteracted"> & import("react").RefAttributes<HTMLDivElement>>;
+    Item: import("react").ForwardRefExoticComponent<import("react-aria-components").GridListItemProps<object> & Omit<import("../../util-components/base-grid-list-item/types").BaseGridListItemContextType, "isItemInteracted" | "setIsItemInteracted"> & import("react").RefAttributes<HTMLDivElement>>;
     /**
      * Styled wrapper over an image or icon.
      */

package/lib-esm/combobox/types.d.ts

@@ -89,6 +89,8 @@ export interface ComboboxBaseProps<Multiple extends boolean, FreeInput extends b
     /**
      * Return a JSX representations of an option displayed in Combobox dropdown
      * If not provided `displayValue()` is used to render select option item with a checkmark.
+     *
+     * **Note:** Returned JSX should be wrapped with <Combobox.Option> element.
      */
     renderOption?: (option: T) => React.ReactElement;
     /**

package/lib-esm/index.css

@@ -236,6 +236,75 @@
   transform:rotate(180deg);
 }
 
+.loading-indicator-module_crawler__bbi-d{
+  left:0;
+  margin:0 auto;
+  position:absolute;
+  right:0;
+  white-space:nowrap;
+  width:.625rem;
+}
+.loading-indicator-module_crawler__bbi-d .loading-indicator-module_segment__AQt-u{
+  border-radius:.375rem;
+  display:inline-block;
+  height:.625rem;
+  width:.125rem;
+}
+.loading-indicator-module_crawler__bbi-d.loading-indicator-module_default__zoK-o .loading-indicator-module_segment__AQt-u{
+  animation:loading-indicator-module_segment-transform__FL8tO .66s ease-in-out infinite,loading-indicator-module_segment-default__kxuxS .66s ease-in-out infinite;
+}
+.loading-indicator-module_crawler__bbi-d.loading-indicator-module_dark__V4EKG .loading-indicator-module_segment__AQt-u{
+  animation:loading-indicator-module_segment-transform__FL8tO .66s ease-in-out infinite,loading-indicator-module_segment-dark__FrDfb .66s ease-in-out infinite;
+}
+.loading-indicator-module_crawler__bbi-d.loading-indicator-module_light__kYlTC .loading-indicator-module_segment__AQt-u{
+  animation:loading-indicator-module_segment-transform__FL8tO .66s ease-in-out infinite,loading-indicator-module_segment-light__m4puX .66s ease-in-out infinite;
+  background-color:var(--gray-white);
+}
+
+.loading-indicator-module_crawler__bbi-d .loading-indicator-module_segment__AQt-u:nth-child(2){
+  animation-delay:.1s;
+  margin-left:.125rem;
+}
+
+.loading-indicator-module_crawler__bbi-d .loading-indicator-module_segment__AQt-u:last-child{
+  animation-delay:.2s;
+  left:.5rem;
+  margin-left:.125rem;
+}
+
+@keyframes loading-indicator-module_segment-transform__FL8tO{
+  0%,100%,80%{
+    transform:scaleY(1.2);
+  }
+  40%{
+    transform:scaleY(1.6);
+  }
+}
+@keyframes loading-indicator-module_segment-dark__FrDfb{
+  0%,100%,80%{
+    background-color:var(--gray-30);
+  }
+  40%{
+    background-color:var(--gray-black);
+  }
+}
+@keyframes loading-indicator-module_segment-default__kxuxS{
+  0%,100%,80%{
+    background-color:var(--box-blue-30);
+  }
+  40%{
+    background-color:var(--box-blue-100);
+  }
+}
+@keyframes loading-indicator-module_segment-light__m4puX{
+  0%,100%,80%{
+    opacity:.3;
+  }
+  40%{
+    opacity:1;
+  }
+}
+
 .base-button-module_button__TsfJa{
   border-radius:var(--radius-2);
   cursor:pointer;
@@ -344,75 +413,6 @@
   color:#0000;
 }
 
-.loading-indicator-module_crawler__bbi-d{
-  left:0;
-  margin:0 auto;
-  position:absolute;
-  right:0;
-  white-space:nowrap;
-  width:.625rem;
-}
-.loading-indicator-module_crawler__bbi-d .loading-indicator-module_segment__AQt-u{
-  border-radius:.375rem;
-  display:inline-block;
-  height:.625rem;
-  width:.125rem;
-}
-.loading-indicator-module_crawler__bbi-d.loading-indicator-module_default__zoK-o .loading-indicator-module_segment__AQt-u{
-  animation:loading-indicator-module_segment-transform__FL8tO .66s ease-in-out infinite,loading-indicator-module_segment-default__kxuxS .66s ease-in-out infinite;
-}
-.loading-indicator-module_crawler__bbi-d.loading-indicator-module_dark__V4EKG .loading-indicator-module_segment__AQt-u{
-  animation:loading-indicator-module_segment-transform__FL8tO .66s ease-in-out infinite,loading-indicator-module_segment-dark__FrDfb .66s ease-in-out infinite;
-}
-.loading-indicator-module_crawler__bbi-d.loading-indicator-module_light__kYlTC .loading-indicator-module_segment__AQt-u{
-  animation:loading-indicator-module_segment-transform__FL8tO .66s ease-in-out infinite,loading-indicator-module_segment-light__m4puX .66s ease-in-out infinite;
-  background-color:var(--gray-white);
-}
-
-.loading-indicator-module_crawler__bbi-d .loading-indicator-module_segment__AQt-u:nth-child(2){
-  animation-delay:.1s;
-  margin-left:.125rem;
-}
-
-.loading-indicator-module_crawler__bbi-d .loading-indicator-module_segment__AQt-u:last-child{
-  animation-delay:.2s;
-  left:.5rem;
-  margin-left:.125rem;
-}
-
-@keyframes loading-indicator-module_segment-transform__FL8tO{
-  0%,100%,80%{
-    transform:scaleY(1.2);
-  }
-  40%{
-    transform:scaleY(1.6);
-  }
-}
-@keyframes loading-indicator-module_segment-dark__FrDfb{
-  0%,100%,80%{
-    background-color:var(--gray-30);
-  }
-  40%{
-    background-color:var(--gray-black);
-  }
-}
-@keyframes loading-indicator-module_segment-default__kxuxS{
-  0%,100%,80%{
-    background-color:var(--box-blue-30);
-  }
-  40%{
-    background-color:var(--box-blue-100);
-  }
-}
-@keyframes loading-indicator-module_segment-light__m4puX{
-  0%,100%,80%{
-    opacity:.3;
-  }
-  40%{
-    opacity:1;
-  }
-}
-
 .base-inline-notice-module_noticeWrapper__SUUAq{
   border-radius:var(--radius-2);
   display:flex;
@@ -1247,25 +1247,22 @@
   --item-hover:var(--surface-item-small-surface-hover);
   background:var(--item-background);
   border-radius:var(--radius-4);
+  column-gap:var(--space-3);
   cursor:default;
+  display:grid;
   gap:var(--space-3);
+  grid-template-areas:"thumbnail head" "thumbnail subtitle";
+  grid-template-columns:var(--thumbnail-size) auto;
   outline:none;
   padding:var(--space-2) var(--space-3) var(--space-2) var(--space-3);
   position:relative;
   transform:translateZ(0);
   width:auto;
 }
-.base-grid-list-item-module_smallList__8lWoC .base-grid-list-item-module_smallListItem__MAhGw.base-grid-list-item-module_loading__u4wHh [role=gridcell]{
+.base-grid-list-item-module_smallList__8lWoC .base-grid-list-item-module_smallListItem__MAhGw.base-grid-list-item-module_loading__u4wHh{
   grid-template-rows:100% 0;
 }
-.base-grid-list-item-module_smallList__8lWoC .base-grid-list-item-module_smallListItem__MAhGw [role=gridcell]{
-  column-gap:var(--space-3);
-  display:grid;
-  grid-template-areas:"thumbnail head" "thumbnail subtitle";
-  grid-template-columns:var(--thumbnail-size) auto;
-  width:auto;
-}
-.base-grid-list-item-module_smallList__8lWoC .base-grid-list-item-module_smallListItem__MAhGw [role=gridcell] .base-grid-list-item-module_thumbnail__hzNRu{
+.base-grid-list-item-module_smallList__8lWoC .base-grid-list-item-module_smallListItem__MAhGw .base-grid-list-item-module_thumbnail__hzNRu{
   align-items:center;
   aspect-ratio:1;
   grid-area:thumbnail;
@@ -1273,13 +1270,13 @@
   overflow:hidden;
   z-index:1;
 }
-.base-grid-list-item-module_smallList__8lWoC .base-grid-list-item-module_smallListItem__MAhGw [role=gridcell] .base-grid-list-item-module_thumbnail__hzNRu img,.base-grid-list-item-module_smallList__8lWoC .base-grid-list-item-module_smallListItem__MAhGw [role=gridcell] .base-grid-list-item-module_thumbnail__hzNRu svg{
+.base-grid-list-item-module_smallList__8lWoC .base-grid-list-item-module_smallListItem__MAhGw .base-grid-list-item-module_thumbnail__hzNRu img,.base-grid-list-item-module_smallList__8lWoC .base-grid-list-item-module_smallListItem__MAhGw .base-grid-list-item-module_thumbnail__hzNRu svg{
   height:100%;
   object-fit:cover;
   object-position:left;
   width:100%;
 }
-.base-grid-list-item-module_smallList__8lWoC .base-grid-list-item-module_smallListItem__MAhGw [role=gridcell] .base-grid-list-item-module_header__8Cd7A{
+.base-grid-list-item-module_smallList__8lWoC .base-grid-list-item-module_smallListItem__MAhGw .base-grid-list-item-module_header__8Cd7A{
   color:var(--text-text-on-light);
   font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
   font-size:.875rem;
@@ -1290,11 +1287,11 @@
   text-decoration:none;
   text-transform:none;
 }
-.base-grid-list-item-module_smallList__8lWoC .base-grid-list-item-module_smallListItem__MAhGw [role=gridcell] .base-grid-list-item-module_header__8Cd7A.base-grid-list-item-module_loading__u4wHh{
+.base-grid-list-item-module_smallList__8lWoC .base-grid-list-item-module_smallListItem__MAhGw .base-grid-list-item-module_header__8Cd7A.base-grid-list-item-module_loading__u4wHh{
   align-items:center;
   display:flex;
 }
-.base-grid-list-item-module_smallList__8lWoC .base-grid-list-item-module_smallListItem__MAhGw [role=gridcell] .base-grid-list-item-module_subtitle__NKkK0{
+.base-grid-list-item-module_smallList__8lWoC .base-grid-list-item-module_smallListItem__MAhGw .base-grid-list-item-module_subtitle__NKkK0{
   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;
@@ -1305,7 +1302,7 @@
   text-decoration:none;
   text-transform:none;
 }
-.base-grid-list-item-module_smallList__8lWoC .base-grid-list-item-module_smallListItem__MAhGw [role=gridcell] .base-grid-list-item-module_header__8Cd7A,.base-grid-list-item-module_smallList__8lWoC .base-grid-list-item-module_smallListItem__MAhGw [role=gridcell] .base-grid-list-item-module_subtitle__NKkK0{
+.base-grid-list-item-module_smallList__8lWoC .base-grid-list-item-module_smallListItem__MAhGw .base-grid-list-item-module_header__8Cd7A,.base-grid-list-item-module_smallList__8lWoC .base-grid-list-item-module_smallListItem__MAhGw .base-grid-list-item-module_subtitle__NKkK0{
   display:inline-block;
   overflow:hidden;
   text-overflow:ellipsis;
@@ -1343,31 +1340,29 @@
   --item-background:var(--gray-white);
   background:var(--item-background);
   border-radius:var(--radius-5);
+  column-gap:var(--space-6);
   cursor:default;
+  display:grid;
+  grid-template-areas:"thumbnail head" "thumbnail subtitle" "thumbnail description";
+  grid-template-columns:var(--thumbnail-size) auto;
+  grid-template-rows:2fr 1fr var(--size-20);
   outline:none;
   padding:var(--space-3);
   position:relative;
   transform:translateZ(0);
 }
-.base-grid-list-item-module_largeList__RTycT .base-grid-list-item-module_largeListItem__ikeWj.base-grid-list-item-module_loading__u4wHh [role=gridcell]{
+.base-grid-list-item-module_largeList__RTycT .base-grid-list-item-module_largeListItem__ikeWj.base-grid-list-item-module_loading__u4wHh{
   grid-template-rows:1fr 1fr 1fr;
 }
-.base-grid-list-item-module_largeList__RTycT .base-grid-list-item-module_largeListItem__ikeWj [role=gridcell]{
-  column-gap:var(--space-6);
-  display:grid;
-  grid-template-areas:"thumbnail head" "thumbnail subtitle" "thumbnail description";
-  grid-template-columns:var(--thumbnail-size) auto;
-  grid-template-rows:2fr 1fr var(--size-20);
-}
-.base-grid-list-item-module_largeList__RTycT .base-grid-list-item-module_largeListItem__ikeWj [role=gridcell]:focus-within{
+.base-grid-list-item-module_largeList__RTycT .base-grid-list-item-module_largeListItem__ikeWj:focus-within{
   --actions-opacity:1;
 }
 @media (max-width: 374px){
-  .base-grid-list-item-module_largeList__RTycT .base-grid-list-item-module_largeListItem__ikeWj [role=gridcell]{
+  .base-grid-list-item-module_largeList__RTycT .base-grid-list-item-module_largeListItem__ikeWj{
     --thumbnail-size:7.5rem;
   }
 }
-.base-grid-list-item-module_largeList__RTycT .base-grid-list-item-module_largeListItem__ikeWj [role=gridcell] .base-grid-list-item-module_thumbnail__hzNRu{
+.base-grid-list-item-module_largeList__RTycT .base-grid-list-item-module_largeListItem__ikeWj .base-grid-list-item-module_thumbnail__hzNRu{
   aspect-ratio:4/3;
   border:var(--border-1) solid var(--gray-10);
   border-radius:var(--radius-3);
@@ -1375,24 +1370,24 @@
   overflow:hidden;
   z-index:1;
 }
-.base-grid-list-item-module_largeList__RTycT .base-grid-list-item-module_largeListItem__ikeWj [role=gridcell] .base-grid-list-item-module_thumbnail__hzNRu img{
+.base-grid-list-item-module_largeList__RTycT .base-grid-list-item-module_largeListItem__ikeWj .base-grid-list-item-module_thumbnail__hzNRu img{
   height:100%;
   object-fit:cover;
   object-position:left;
   width:100%;
 }
-.base-grid-list-item-module_largeList__RTycT .base-grid-list-item-module_largeListItem__ikeWj [role=gridcell] .base-grid-list-item-module_thumbnail__hzNRu.base-grid-list-item-module_loading__u4wHh{
+.base-grid-list-item-module_largeList__RTycT .base-grid-list-item-module_largeListItem__ikeWj .base-grid-list-item-module_thumbnail__hzNRu.base-grid-list-item-module_loading__u4wHh{
   border:none;
 }
 @media (max-width: 374px){
-  .base-grid-list-item-module_largeList__RTycT .base-grid-list-item-module_largeListItem__ikeWj [role=gridcell] .base-grid-list-item-module_thumbnail__hzNRu{
+  .base-grid-list-item-module_largeList__RTycT .base-grid-list-item-module_largeListItem__ikeWj .base-grid-list-item-module_thumbnail__hzNRu{
     aspect-ratio:1/1;
   }
-  .base-grid-list-item-module_largeList__RTycT .base-grid-list-item-module_largeListItem__ikeWj [role=gridcell] .base-grid-list-item-module_thumbnail__hzNRu img{
+  .base-grid-list-item-module_largeList__RTycT .base-grid-list-item-module_largeListItem__ikeWj .base-grid-list-item-module_thumbnail__hzNRu img{
     object-fit:contain;
   }
 }
-.base-grid-list-item-module_largeList__RTycT .base-grid-list-item-module_largeListItem__ikeWj [role=gridcell] .base-grid-list-item-module_actions__tlu5J{
+.base-grid-list-item-module_largeList__RTycT .base-grid-list-item-module_largeListItem__ikeWj .base-grid-list-item-module_actions__tlu5J{
   align-items:center;
   display:flex;
   height:var(--space-6);
@@ -1404,11 +1399,11 @@
   top:.875rem;
 }
 @media (pointer: coarse){
-  .base-grid-list-item-module_largeList__RTycT .base-grid-list-item-module_largeListItem__ikeWj [role=gridcell] .base-grid-list-item-module_actions__tlu5J{
+  .base-grid-list-item-module_largeList__RTycT .base-grid-list-item-module_largeListItem__ikeWj .base-grid-list-item-module_actions__tlu5J{
     --actions-opacity:1;
   }
 }
-.base-grid-list-item-module_largeList__RTycT .base-grid-list-item-module_largeListItem__ikeWj [role=gridcell] .base-grid-list-item-module_actions__tlu5J .base-grid-list-item-module_selection__hs7YE{
+.base-grid-list-item-module_largeList__RTycT .base-grid-list-item-module_largeListItem__ikeWj .base-grid-list-item-module_actions__tlu5J .base-grid-list-item-module_selection__hs7YE{
   align-items:center;
   background:var(--item-background);
   border-radius:var(--radius-2);
@@ -1417,15 +1412,15 @@
   justify-content:center;
   width:var(--space-8);
 }
-.base-grid-list-item-module_largeList__RTycT .base-grid-list-item-module_largeListItem__ikeWj [role=gridcell] .base-grid-list-item-module_actions__tlu5J .base-grid-list-item-module_selection__hs7YE:hover{
+.base-grid-list-item-module_largeList__RTycT .base-grid-list-item-module_largeListItem__ikeWj .base-grid-list-item-module_actions__tlu5J .base-grid-list-item-module_selection__hs7YE:hover{
   background:var(--surface-cta-surface-icon-hover);
 }
-.base-grid-list-item-module_largeList__RTycT .base-grid-list-item-module_largeListItem__ikeWj [role=gridcell] .base-grid-list-item-module_actions__tlu5J .base-grid-list-item-module_fade__iMTDj{
+.base-grid-list-item-module_largeList__RTycT .base-grid-list-item-module_largeListItem__ikeWj .base-grid-list-item-module_actions__tlu5J .base-grid-list-item-module_fade__iMTDj{
   align-self:stretch;
   background:linear-gradient(270deg, #fff 0, #fff0 100%);
   width:var(--size-8);
 }
-.base-grid-list-item-module_largeList__RTycT .base-grid-list-item-module_largeListItem__ikeWj [role=gridcell] .base-grid-list-item-module_actions__tlu5J .base-grid-list-item-module_inner__rLb2D{
+.base-grid-list-item-module_largeList__RTycT .base-grid-list-item-module_largeListItem__ikeWj .base-grid-list-item-module_actions__tlu5J .base-grid-list-item-module_inner__rLb2D{
   align-items:center;
   background:var(--item-background);
   border-radius:var(--radius-2);
@@ -1434,14 +1429,14 @@
   justify-content:flex-end;
   margin-inline-end:var(--space-2);
 }
-.base-grid-list-item-module_largeList__RTycT .base-grid-list-item-module_largeListItem__ikeWj [role=gridcell] .base-grid-list-item-module_actions__tlu5J .base-grid-list-item-module_inner__rLb2D:last-child{
+.base-grid-list-item-module_largeList__RTycT .base-grid-list-item-module_largeListItem__ikeWj .base-grid-list-item-module_actions__tlu5J .base-grid-list-item-module_inner__rLb2D:last-child{
   margin-inline-end:0;
 }
-.base-grid-list-item-module_largeList__RTycT .base-grid-list-item-module_largeListItem__ikeWj [role=gridcell] .base-grid-list-item-module_actions__tlu5J .base-grid-list-item-module_actionsCheckboxWrapper__51sTV{
+.base-grid-list-item-module_largeList__RTycT .base-grid-list-item-module_largeListItem__ikeWj .base-grid-list-item-module_actions__tlu5J .base-grid-list-item-module_actionsCheckboxWrapper__51sTV{
   background:var(--item-background);
   display:flex;
 }
-.base-grid-list-item-module_largeList__RTycT .base-grid-list-item-module_largeListItem__ikeWj [role=gridcell] .base-grid-list-item-module_header__8Cd7A{
+.base-grid-list-item-module_largeList__RTycT .base-grid-list-item-module_largeListItem__ikeWj .base-grid-list-item-module_header__8Cd7A{
   align-items:center;
   color:var(--text-text-on-light);
   display:inline-flex;
@@ -1458,7 +1453,7 @@
   text-transform:none;
   white-space:nowrap;
 }
-.base-grid-list-item-module_largeList__RTycT .base-grid-list-item-module_largeListItem__ikeWj [role=gridcell] .base-grid-list-item-module_subtitle__NKkK0{
+.base-grid-list-item-module_largeList__RTycT .base-grid-list-item-module_largeListItem__ikeWj .base-grid-list-item-module_subtitle__NKkK0{
   align-items:center;
   color:var(--text-text-on-light-secondary);
   display:flex;
@@ -1473,7 +1468,7 @@
   text-transform:none;
   white-space:nowrap;
 }
-.base-grid-list-item-module_largeList__RTycT .base-grid-list-item-module_largeListItem__ikeWj [role=gridcell] .base-grid-list-item-module_description__peDK8{
+.base-grid-list-item-module_largeList__RTycT .base-grid-list-item-module_largeListItem__ikeWj .base-grid-list-item-module_description__peDK8{
   -webkit-box-orient:vertical;
   -webkit-line-clamp:3;
   color:var(--text-text-on-light);
@@ -1491,13 +1486,13 @@
   text-decoration:none;
   text-transform:none;
 }
-.base-grid-list-item-module_largeList__RTycT .base-grid-list-item-module_largeListItem__ikeWj [role=gridcell] .base-grid-list-item-module_snippet__DyZBh{
+.base-grid-list-item-module_largeList__RTycT .base-grid-list-item-module_largeListItem__ikeWj .base-grid-list-item-module_snippet__DyZBh{
   grid-area:description;
   margin:0;
   margin-block-end:var(--space-1);
   margin-block-start:var(--space-3);
 }
-.base-grid-list-item-module_largeList__RTycT .base-grid-list-item-module_largeListItem__ikeWj [role=gridcell] .base-grid-list-item-module_snippet__DyZBh .base-grid-list-item-module_snippetContent__98AuK{
+.base-grid-list-item-module_largeList__RTycT .base-grid-list-item-module_largeListItem__ikeWj .base-grid-list-item-module_snippet__DyZBh .base-grid-list-item-module_snippetContent__98AuK{
   -webkit-box-orient:vertical;
   -webkit-line-clamp:2;
   border:0 0 0 var(--space-05);
@@ -1539,10 +1534,10 @@
   outline:var(--border-2) solid var(--border-card-border-focus);
   z-index:2;
 }
-.base-grid-list-item-module_largeList__RTycT .base-grid-list-item-module_largeListItem__ikeWj[aria-selected=true] [role=gridcell] .base-grid-list-item-module_actions__tlu5J .base-grid-list-item-module_fade__iMTDj{
+.base-grid-list-item-module_largeList__RTycT .base-grid-list-item-module_largeListItem__ikeWj[aria-selected=true] .base-grid-list-item-module_actions__tlu5J .base-grid-list-item-module_fade__iMTDj{
   background:linear-gradient(270deg, #f2f7fd 0, #f2f7fd00 100%);
 }
-.base-grid-list-item-module_largeList__RTycT .base-grid-list-item-module_largeListItem__ikeWj[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused]) [role=gridcell] .base-grid-list-item-module_actions__tlu5J .base-grid-list-item-module_inner__rLb2D{
+.base-grid-list-item-module_largeList__RTycT .base-grid-list-item-module_largeListItem__ikeWj[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused]) .base-grid-list-item-module_actions__tlu5J .base-grid-list-item-module_inner__rLb2D{
   display:none;
 }
 @supports selector(:has(.foo)){
@@ -1570,40 +1565,30 @@
 .base-grid-list-item-module_gridList__9TIux .base-grid-list-item-module_gridListItem__CIHkV{
   --actions-opacity:0;
   --item-background:var(--gray-white);
+  --row-gap:var(--space-2);
   background:var(--item-background);
   border-radius:var(--radius-3);
   cursor:default;
-  outline:none;
-  padding:var(--space-2);
-  position:relative;
-  transform:translateZ(0);
-}
-.base-grid-list-item-module_gridList__9TIux .base-grid-list-item-module_gridListItem__CIHkV [role=gridcell]{
-  --row-gap:var(--space-2);
   display:grid;
   grid-template-areas:"thumbnail" "head" "subtitle";
   grid-template-columns:1fr;
   grid-template-rows:minmax(7rem, auto) var(--space-10) minmax(var(--space-4), var(--space-8));
   justify-content:center;
+  outline:none;
+  padding:var(--space-2);
+  position:relative;
   row-gap:var(--row-gap);
+  transform:translateZ(0);
 }
-.base-grid-list-item-module_gridList__9TIux .base-grid-list-item-module_gridListItem__CIHkV [role=gridcell]:focus-within{
+.base-grid-list-item-module_gridList__9TIux .base-grid-list-item-module_gridListItem__CIHkV:focus-within{
   --actions-opacity:1;
 }
-.base-grid-list-item-module_gridList__9TIux .base-grid-list-item-module_gridListItem__CIHkV [role=gridcell] .base-grid-list-item-module_statusPin__UPlTb{
+.base-grid-list-item-module_gridList__9TIux .base-grid-list-item-module_gridListItem__CIHkV .base-grid-list-item-module_statusPin__UPlTb{
   left:var(--space-3);
   position:absolute;
   top:var(--space-3);
 }
-@media (pointer: coarse){
-  .base-grid-list-item-module_gridList__9TIux .base-grid-list-item-module_gridListItem__CIHkV [role=gridcell]{
-    --row-gap:var(--space-1);
-    --actions-opacity:1;
-    grid-template-areas:"thumbnail" "head" "subtitle" "actions";
-    grid-template-rows:minmax(7rem, auto) var(--space-10) var(--space-4) var(--space-8);
-  }
-}
-.base-grid-list-item-module_gridList__9TIux .base-grid-list-item-module_gridListItem__CIHkV [role=gridcell] .base-grid-list-item-module_thumbnail__hzNRu{
+.base-grid-list-item-module_gridList__9TIux .base-grid-list-item-module_gridListItem__CIHkV .base-grid-list-item-module_thumbnail__hzNRu{
   aspect-ratio:4/3;
   background:var(--gray-white);
   border:var(--border-1) solid var(--border-gridthumbnail-border);
@@ -1611,31 +1596,25 @@
   grid-area:thumbnail;
   overflow:hidden;
 }
-@media (pointer: coarse){
-  .base-grid-list-item-module_gridList__9TIux .base-grid-list-item-module_gridListItem__CIHkV [role=gridcell] .base-grid-list-item-module_thumbnail__hzNRu{
-    margin-block-end:var(--space-1);
-  }
-}
-.base-grid-list-item-module_gridList__9TIux .base-grid-list-item-module_gridListItem__CIHkV [role=gridcell] .base-grid-list-item-module_thumbnail__hzNRu img{
+.base-grid-list-item-module_gridList__9TIux .base-grid-list-item-module_gridListItem__CIHkV .base-grid-list-item-module_thumbnail__hzNRu img{
   height:100%;
   object-fit:contain;
   width:100%;
 }
-.base-grid-list-item-module_gridList__9TIux .base-grid-list-item-module_gridListItem__CIHkV [role=gridcell] .base-grid-list-item-module_thumbnail__hzNRu.base-grid-list-item-module_loading__u4wHh{
+.base-grid-list-item-module_gridList__9TIux .base-grid-list-item-module_gridListItem__CIHkV .base-grid-list-item-module_thumbnail__hzNRu.base-grid-list-item-module_loading__u4wHh{
   border:none;
 }
-.base-grid-list-item-module_gridList__9TIux .base-grid-list-item-module_gridListItem__CIHkV [role=gridcell] .base-grid-list-item-module_actions__tlu5J{
+@media (pointer: coarse){
+  .base-grid-list-item-module_gridList__9TIux .base-grid-list-item-module_gridListItem__CIHkV .base-grid-list-item-module_thumbnail__hzNRu{
+    margin-block-end:var(--space-1);
+  }
+}
+.base-grid-list-item-module_gridList__9TIux .base-grid-list-item-module_gridListItem__CIHkV .base-grid-list-item-module_actions__tlu5J{
   grid-area:subtitle;
   margin-block-start:-.25rem;
   opacity:var(--actions-opacity);
 }
-@media (pointer: coarse){
-  .base-grid-list-item-module_gridList__9TIux .base-grid-list-item-module_gridListItem__CIHkV [role=gridcell] .base-grid-list-item-module_actions__tlu5J{
-    grid-area:actions;
-    margin-block-start:0;
-  }
-}
-.base-grid-list-item-module_gridList__9TIux .base-grid-list-item-module_gridListItem__CIHkV [role=gridcell] .base-grid-list-item-module_actions__tlu5J .base-grid-list-item-module_selection__hs7YE{
+.base-grid-list-item-module_gridList__9TIux .base-grid-list-item-module_gridListItem__CIHkV .base-grid-list-item-module_actions__tlu5J .base-grid-list-item-module_selection__hs7YE{
   align-items:center;
   border-radius:var(--radius-2);
   display:flex;
@@ -1646,10 +1625,10 @@
   top:var(--space-2);
   width:var(--space-8);
 }
-.base-grid-list-item-module_gridList__9TIux .base-grid-list-item-module_gridListItem__CIHkV [role=gridcell] .base-grid-list-item-module_actions__tlu5J .base-grid-list-item-module_selection__hs7YE:hover{
+.base-grid-list-item-module_gridList__9TIux .base-grid-list-item-module_gridListItem__CIHkV .base-grid-list-item-module_actions__tlu5J .base-grid-list-item-module_selection__hs7YE:hover{
   background:var(--surface-cta-surface-icon-hover);
 }
-.base-grid-list-item-module_gridList__9TIux .base-grid-list-item-module_gridListItem__CIHkV [role=gridcell] .base-grid-list-item-module_actions__tlu5J .base-grid-list-item-module_inner__rLb2D{
+.base-grid-list-item-module_gridList__9TIux .base-grid-list-item-module_gridListItem__CIHkV .base-grid-list-item-module_actions__tlu5J .base-grid-list-item-module_inner__rLb2D{
   align-items:center;
   background:var(--item-background);
   border-radius:var(--radius-2);
@@ -1657,7 +1636,13 @@
   gap:var(--space-4);
   justify-content:center;
 }
-.base-grid-list-item-module_gridList__9TIux .base-grid-list-item-module_gridListItem__CIHkV [role=gridcell] .base-grid-list-item-module_header__8Cd7A{
+@media (pointer: coarse){
+  .base-grid-list-item-module_gridList__9TIux .base-grid-list-item-module_gridListItem__CIHkV .base-grid-list-item-module_actions__tlu5J{
+    grid-area:actions;
+    margin-block-start:0;
+  }
+}
+.base-grid-list-item-module_gridList__9TIux .base-grid-list-item-module_gridListItem__CIHkV .base-grid-list-item-module_header__8Cd7A{
   -webkit-box-orient:vertical;
   -webkit-line-clamp:2;
   color:var(--text-text-on-light);
@@ -1674,11 +1659,11 @@
   text-decoration:none;
   text-transform:none;
 }
-.base-grid-list-item-module_gridList__9TIux .base-grid-list-item-module_gridListItem__CIHkV [role=gridcell] .base-grid-list-item-module_header__8Cd7A.base-grid-list-item-module_loading__u4wHh{
+.base-grid-list-item-module_gridList__9TIux .base-grid-list-item-module_gridListItem__CIHkV .base-grid-list-item-module_header__8Cd7A.base-grid-list-item-module_loading__u4wHh{
   align-items:center;
   display:flex;
 }
-.base-grid-list-item-module_gridList__9TIux .base-grid-list-item-module_gridListItem__CIHkV [role=gridcell] .base-grid-list-item-module_subtitle__NKkK0{
+.base-grid-list-item-module_gridList__9TIux .base-grid-list-item-module_gridListItem__CIHkV .base-grid-list-item-module_subtitle__NKkK0{
   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;
@@ -1694,7 +1679,7 @@
   text-transform:none;
   white-space:nowrap;
 }
-.base-grid-list-item-module_gridList__9TIux .base-grid-list-item-module_gridListItem__CIHkV [role=gridcell] .base-grid-list-item-module_subtitle__NKkK0.base-grid-list-item-module_loading__u4wHh{
+.base-grid-list-item-module_gridList__9TIux .base-grid-list-item-module_gridListItem__CIHkV .base-grid-list-item-module_subtitle__NKkK0.base-grid-list-item-module_loading__u4wHh{
   height:1.25rem;
 }
 .base-grid-list-item-module_gridList__9TIux .base-grid-list-item-module_gridListItem__CIHkV.base-grid-list-item-module_isItemInteracted__FbAYE,.base-grid-list-item-module_gridList__9TIux .base-grid-list-item-module_gridListItem__CIHkV[data-focus-visible],.base-grid-list-item-module_gridList__9TIux .base-grid-list-item-module_gridListItem__CIHkV[data-focused],.base-grid-list-item-module_gridList__9TIux .base-grid-list-item-module_gridListItem__CIHkV[data-hovered]{
@@ -1731,9 +1716,17 @@
   --item-background:var(--box-blue-05);
   outline:var(--border-2) solid var(--border-card-border-focus);
 }
-.base-grid-list-item-module_gridList__9TIux .base-grid-list-item-module_gridListItem__CIHkV[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused], .base-grid-list-item-module_isItemInteracted__FbAYE) [role=gridcell] .base-grid-list-item-module_actions__tlu5J .base-grid-list-item-module_inner__rLb2D{
+.base-grid-list-item-module_gridList__9TIux .base-grid-list-item-module_gridListItem__CIHkV[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused], .base-grid-list-item-module_isItemInteracted__FbAYE) .base-grid-list-item-module_actions__tlu5J .base-grid-list-item-module_inner__rLb2D{
   opacity:0;
 }
+@media (pointer: coarse){
+  .base-grid-list-item-module_gridList__9TIux .base-grid-list-item-module_gridListItem__CIHkV{
+    --row-gap:var(--space-1);
+    --actions-opacity:1;
+    grid-template-areas:"thumbnail" "head" "subtitle" "actions";
+    grid-template-rows:minmax(7rem, auto) var(--space-10) var(--space-4) var(--space-8);
+  }
+}
 
 .base-grid-list-item-module_tooltipContent__8oeUV{
   background-color:var(--surface-tooltip-surface);
@@ -2354,12 +2347,15 @@
   max-width:100%;
   outline:none;
   padding-block:var(--space-05);
-  padding-inline:0;
+  padding-inline:var(--space-1) var(--space-05);
   text-decoration:none;
   text-transform:none;
   -webkit-user-select:none;
           user-select:none;
 }
+.input-chip-module_container__0UUUD.input-chip-module_avatarContainer__ffacr{
+  padding-inline:var(--space-05);
+}
 .input-chip-module_container__0UUUD:not(.input-chip-module_error__TeNOz):focus{
   background-color:var(--surface-inputchip-surface-hover);
   box-shadow:0 0 0 var(--border-1) var(--outline-focus-on-dark), 0 0 0 calc(var(--border-2) + var(--border-1)) var(--outline-focus-on-light);
@@ -2373,7 +2369,6 @@
 }
 .input-chip-module_container__0UUUD .input-chip-module_avatar__IHg8x{
   flex-shrink:0;
-  margin-inline-start:var(--space-05);
 }
 .input-chip-module_container__0UUUD .input-chip-module_label__zOuAM{
   overflow:hidden;
@@ -2388,7 +2383,6 @@
   display:flex;
   flex-shrink:0;
   justify-content:center;
-  margin-inline-end:var(--space-05);
   padding-block:var(--space-1);
   padding-inline:var(--space-1);
 }

package/lib-esm/input-chip/input-chip.js

@@ -34,7 +34,7 @@ const InputChip = /*#__PURE__*/forwardRef((props, ref) => {
       ...buttonProps,
       ref: ref,
       "aria-invalid": hasError,
-      className: clsx(styles.container, hasError && styles.error, className),
+      className: clsx(styles.container, hasError && styles.error, avatar && styles.avatarContainer, className),
       onKeyDown: handleKeyDown,
       type: "button",
       children: [avatar, jsx(Text, {

package/lib-esm/input-chip/input-chip.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"container":"input-chip-module_container__0UUUD","error":"input-chip-module_error__TeNOz","avatar":"input-chip-module_avatar__IHg8x","label":"input-chip-module_label__zOuAM","deleteIcon":"input-chip-module_deleteIcon__dnAVD"};
+var styles = {"container":"input-chip-module_container__0UUUD","avatarContainer":"input-chip-module_avatarContainer__ffacr","error":"input-chip-module_error__TeNOz","avatar":"input-chip-module_avatar__IHg8x","label":"input-chip-module_label__zOuAM","deleteIcon":"input-chip-module_deleteIcon__dnAVD"};
 
 export { styles as default };

package/lib-esm/list-item/table-column.d.ts

@@ -1,6 +1,6 @@
 import { type ForwardedRef } from 'react';
 import { type ColumnProps as PrimitiveColumnProps } from 'react-aria-components';
-export interface ColumnProps extends PrimitiveColumnProps<never> {
+export interface ColumnProps extends PrimitiveColumnProps {
     hideHeader?: boolean;
 }
 /**