@uniformdev/design-system 20.50.2-alpha.167 → 20.50.2-alpha.180

package/dist/esm/index.js

@@ -690,7 +690,8 @@ var AsideAndSectionLayoutContainer = (withSidebar) => css5`
   margin-left: ${withSidebar ? 0 : "var(--spacing-sm)"};
 
   ${mq("md")} {
-    grid-template-columns: ${withSidebar ? "minmax(0, 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`
@@ -701,6 +702,7 @@ var AsideAndSectionLayoutAsideStyles = css5`
 
   ${mq("md")} {
     order: 0;
+    min-width: 260px;
   }
 `;
 var AsideAndSectionLayoutSectionStyles = css5`
@@ -709,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;
@@ -7601,38 +7604,18 @@ var Link = React13.forwardRef(
 );
 Link.displayName = "Link";
 var LinkWithRef = React13.forwardRef(
-  ({
-    linkManagerComponent: LinkManager,
-    href,
-    as,
-    onClick,
-    external,
-    linkColor = "default",
-    children,
-    text,
-    ...props
-  }, ref) => {
-    const externalAttrs = external ? {
-      target: "_blank",
-      rel: "noreferrer noopener"
-    } : {};
-    return /* @__PURE__ */ jsxs37(
-      LinkManager,
-      {
-        ...props,
-        ...externalAttrs,
-        as,
-        href,
-        ref,
-        css: [link, textColor[linkColor]],
-        onClick,
-        children: [
-          text != null ? text : children,
-          external ? /* @__PURE__ */ jsx55(Icon, { icon: CgExternal, iconColor: "currentColor", size: 20 }) : null
-        ]
-      }
-    );
-  }
+  ({ linkManagerComponent: LinkManager, href, as, onClick, linkColor = "default", children, text, ...props }, ref) => /* @__PURE__ */ jsx55(
+    LinkManager,
+    {
+      ...props,
+      as,
+      href,
+      ref,
+      css: [link, textColor[linkColor]],
+      onClick,
+      children: text != null ? text : children
+    }
+  )
 );
 LinkWithRef.displayName = "LinkWithRef";
 
@@ -8339,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);
@@ -13205,6 +13193,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

@@ -3748,7 +3748,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

@@ -3748,7 +3748,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

@@ -2410,7 +2410,8 @@ var AsideAndSectionLayoutContainer = (withSidebar) => import_react6.css`
   margin-left: ${withSidebar ? 0 : "var(--spacing-sm)"};
 
   ${mq("md")} {
-    grid-template-columns: ${withSidebar ? "minmax(0, 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`
@@ -2421,6 +2422,7 @@ var AsideAndSectionLayoutAsideStyles = import_react6.css`
 
   ${mq("md")} {
     order: 0;
+    min-width: 260px;
   }
 `;
 var AsideAndSectionLayoutSectionStyles = import_react6.css`
@@ -2429,7 +2431,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;
@@ -9446,38 +9449,18 @@ var Link = React13.forwardRef(
 );
 Link.displayName = "Link";
 var LinkWithRef = React13.forwardRef(
-  ({
-    linkManagerComponent: LinkManager,
-    href,
-    as,
-    onClick,
-    external,
-    linkColor = "default",
-    children,
-    text,
-    ...props
-  }, ref) => {
-    const externalAttrs = external ? {
-      target: "_blank",
-      rel: "noreferrer noopener"
-    } : {};
-    return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
-      LinkManager,
-      {
-        ...props,
-        ...externalAttrs,
-        as,
-        href,
-        ref,
-        css: [link, textColor[linkColor]],
-        onClick,
-        children: [
-          text != null ? text : children,
-          external ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Icon, { icon: import_CgExternal2.CgExternal, iconColor: "currentColor", size: 20 }) : null
-        ]
-      }
-    );
-  }
+  ({ linkManagerComponent: LinkManager, href, as, onClick, linkColor = "default", children, text, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    LinkManager,
+    {
+      ...props,
+      as,
+      href,
+      ref,
+      css: [link, textColor[linkColor]],
+      onClick,
+      children: text != null ? text : children
+    }
+  )
 );
 LinkWithRef.displayName = "LinkWithRef";
 
@@ -10204,6 +10187,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);
@@ -15172,6 +15160,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.50.2-alpha.167+74e60d5bb7",
+  "version": "20.50.2-alpha.180+0be2307590",
   "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.50.2-alpha.167+74e60d5bb7",
-    "@uniformdev/richtext": "^20.50.2-alpha.167+74e60d5bb7",
+    "@uniformdev/canvas": "^20.50.2-alpha.180+0be2307590",
+    "@uniformdev/richtext": "^20.50.2-alpha.180+0be2307590",
     "autoprefixer": "10.5.0",
     "hygen": "6.2.11",
     "jsdom": "29.1.1",
@@ -82,5 +82,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "74e60d5bb79fe1c4d446e4d3e6edf9f08850be4f"
+  "gitHead": "0be23075901a6fd0acd8166a2bea65fbd5589789"
 }