@uniformdev/design-system 20.71.0 → 20.71.2-alpha.7

package/dist/esm/index.js

@@ -690,15 +690,19 @@ var AsideAndSectionLayoutContainer = (withSidebar) => css5`
   margin-left: ${withSidebar ? 0 : "var(--spacing-sm)"};
 
   ${mq("md")} {
-    grid-template-columns: ${withSidebar ? "fit-content(25%) 1fr" : "1fr"};
+    /* 260px floor (usable sidebar) with a fixed 25% cap so long item names truncate instead of expanding the column. */
+    grid-template-columns: ${withSidebar ? "minmax(260px, 25%) 1fr" : "1fr"};
   }
 `;
 var AsideAndSectionLayoutAsideStyles = css5`
   order: 1;
   padding: var(--spacing-base) 0 var(--spacing-base) var(--spacing-base);
+  min-width: 0;
+  overflow: hidden;
 
   ${mq("md")} {
     order: 0;
+    min-width: 260px;
   }
 `;
 var AsideAndSectionLayoutSectionStyles = css5`
@@ -707,7 +711,8 @@ var AsideAndSectionLayoutSectionStyles = css5`
   padding: var(--spacing-lg);
   height: 100%;
   position: relative;
-  overflow: hidden;
+  overflow-y: auto;
+  ${scrollbarStyles}
 `;
 var AsideAndSectionLayoutSectionScrollable = css5`
   overflow: auto;
@@ -8317,6 +8322,11 @@ var FilterChip = css49`
   &[aria-selected='true'] {
     border-color: var(--accent-dark);
   }
+
+  &:disabled {
+    cursor: not-allowed;
+    opacity: var(--opacity-50);
+  }
 `;
 var FilterChipDropdown = css49`
   padding: var(--input-padding);
@@ -13228,6 +13238,7 @@ var ObjectGridItem2 = ({
     {
       css: [ObjectGridItem, props.onClick ? ObjectGridWithOnClick : void 0],
       "aria-selected": isSelected,
+      "data-object-grid-item": true,
       ...props,
       children: [
         /* @__PURE__ */ jsx112("div", { css: ObjectGridItemMediaWrapper, children: /* @__PURE__ */ jsx112(

package/dist/index.d.mts

@@ -3750,7 +3750,7 @@ declare const ObjectGridItemCardCover: (props: ObjectGridItemCardCoverProps) =>
 type ObjectGridItemCoverProps = {
     /** Slot positioned at the top-left of the cover (e.g. a selection checkbox). */
     coverSlotLeft?: React.ReactNode;
-    /** Slot positioned at the top-right of the cover (e.g. a favourite icon). */
+    /** Slot positioned at the top-right of the cover (e.g. a favorite icon). */
     coverSlotRight?: React.ReactNode;
     /** Slot positioned at the bottom-left of the cover. */
     coverSlotBottomLeft?: React.ReactNode;

package/dist/index.d.ts

@@ -3750,7 +3750,7 @@ declare const ObjectGridItemCardCover: (props: ObjectGridItemCardCoverProps) =>
 type ObjectGridItemCoverProps = {
     /** Slot positioned at the top-left of the cover (e.g. a selection checkbox). */
     coverSlotLeft?: React.ReactNode;
-    /** Slot positioned at the top-right of the cover (e.g. a favourite icon). */
+    /** Slot positioned at the top-right of the cover (e.g. a favorite icon). */
     coverSlotRight?: React.ReactNode;
     /** Slot positioned at the bottom-left of the cover. */
     coverSlotBottomLeft?: React.ReactNode;

package/dist/index.js

@@ -2411,15 +2411,19 @@ var AsideAndSectionLayoutContainer = (withSidebar) => import_react6.css`
   margin-left: ${withSidebar ? 0 : "var(--spacing-sm)"};
 
   ${mq("md")} {
-    grid-template-columns: ${withSidebar ? "fit-content(25%) 1fr" : "1fr"};
+    /* 260px floor (usable sidebar) with a fixed 25% cap so long item names truncate instead of expanding the column. */
+    grid-template-columns: ${withSidebar ? "minmax(260px, 25%) 1fr" : "1fr"};
   }
 `;
 var AsideAndSectionLayoutAsideStyles = import_react6.css`
   order: 1;
   padding: var(--spacing-base) 0 var(--spacing-base) var(--spacing-base);
+  min-width: 0;
+  overflow: hidden;
 
   ${mq("md")} {
     order: 0;
+    min-width: 260px;
   }
 `;
 var AsideAndSectionLayoutSectionStyles = import_react6.css`
@@ -2428,7 +2432,8 @@ var AsideAndSectionLayoutSectionStyles = import_react6.css`
   padding: var(--spacing-lg);
   height: 100%;
   position: relative;
-  overflow: hidden;
+  overflow-y: auto;
+  ${scrollbarStyles}
 `;
 var AsideAndSectionLayoutSectionScrollable = import_react6.css`
   overflow: auto;
@@ -10183,6 +10188,11 @@ var FilterChip = import_react76.css`
   &[aria-selected='true'] {
     border-color: var(--accent-dark);
   }
+
+  &:disabled {
+    cursor: not-allowed;
+    opacity: var(--opacity-50);
+  }
 `;
 var FilterChipDropdown = import_react76.css`
   padding: var(--input-padding);
@@ -15196,6 +15206,7 @@ var ObjectGridItem2 = ({
     {
       css: [ObjectGridItem, props.onClick ? ObjectGridWithOnClick : void 0],
       "aria-selected": isSelected,
+      "data-object-grid-item": true,
       ...props,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { css: ObjectGridItemMediaWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/design-system",
-  "version": "20.71.0",
+  "version": "20.71.2-alpha.7+2ec20a4ae2",
   "description": "Uniform design system components",
   "license": "SEE LICENSE IN LICENSE.txt",
   "exports": {
@@ -34,8 +34,8 @@
     "@storybook/react-vite": "10.4.6",
     "@types/react": "19.2.17",
     "@types/react-dom": "19.2.3",
-    "@uniformdev/canvas": "^20.71.0",
-    "@uniformdev/richtext": "^20.71.0",
+    "@uniformdev/canvas": "^20.71.2-alpha.7+2ec20a4ae2",
+    "@uniformdev/richtext": "^20.71.2-alpha.7+2ec20a4ae2",
     "autoprefixer": "10.5.0",
     "hygen": "6.2.11",
     "jsdom": "29.1.1",
@@ -82,5 +82,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "9b3f5e3fa27b275c00cc252da7ed72913464cce6"
+  "gitHead": "2ec20a4ae2d167b6e4e6ad47463b90fb16b73c47"
 }