@uniformdev/design-system 19.54.2-alpha.10 → 19.54.2-alpha.12

package/dist/esm/index.js

@@ -11569,6 +11569,7 @@ var Menu = ({
       BaseMenu,
       {
         ...menuState,
+        "data-auto-resize-opt-in": true,
         focusable: false,
         "aria-label": menuLabel,
         ...!isRendered ? { unstable_popoverStyles: { position: "absolute", opacity: "0" } } : void 0,
@@ -15814,10 +15815,16 @@ var cardBaseTitleStyles = css72`
   font-size: var(--fs-sm);
   color: var(--gray-500);
   cursor: pointer;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 `;
 var cardBaseSubtitleStyles = css72`
   font-size: var(--fs-xs);
   color: var(--gray-500);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 `;
 var cardBaseMenuButtonStyles = css72`
   padding: var(--spacing-2xs);
@@ -15845,8 +15852,8 @@ var MediaCard = ({
   return /* @__PURE__ */ jsxs58(Card, { tag: "button", css: cardBaseStyles, ...cardProps, onClick, children: [
     /* @__PURE__ */ jsx87("div", { css: cardBaseCoverIconWrapperStyles, children: cover }),
     /* @__PURE__ */ jsx87("div", { css: cardBaseContentStyles, children: /* @__PURE__ */ jsxs58(HorizontalRhythm, { gap: "sm", justify: "space-between", align: "center", css: { width: "100%" }, children: [
-      /* @__PURE__ */ jsxs58(VerticalRhythm, { gap: "0", align: "flex-start", css: { flex: 1 }, children: [
-        /* @__PURE__ */ jsxs58(HorizontalRhythm, { gap: "xs", align: "center", children: [
+      /* @__PURE__ */ jsxs58(VerticalRhythm, { gap: "0", align: "flex-start", css: { flex: 1, minWidth: 0 }, children: [
+        /* @__PURE__ */ jsxs58(HorizontalRhythm, { gap: "xs", align: "center", css: { maxWidth: "100%" }, children: [
           /* @__PURE__ */ jsx87("div", { css: cardBaseTitleStyles, "data-testid": "card-title", children: title }),
           !infoPopover ? null : /* @__PURE__ */ jsx87("div", { css: { display: "flex", cursor: "default" }, onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx87(
             Popover2,
@@ -15861,9 +15868,9 @@ var MediaCard = ({
             }
           ) })
         ] }),
-        !subtitle ? null : /* @__PURE__ */ jsx87("div", { css: cardBaseSubtitleStyles, children: subtitle })
+        subtitle ? /* @__PURE__ */ jsx87("div", { css: cardBaseSubtitleStyles, children: subtitle }) : null
       ] }),
-      /* @__PURE__ */ jsx87("div", { css: { cursor: "default" }, onClick: (e) => e.stopPropagation(), children: sideSection }),
+      sideSection ? /* @__PURE__ */ jsx87("div", { css: { cursor: "default" }, onClick: (e) => e.stopPropagation(), children: sideSection }) : null,
       /* @__PURE__ */ jsx87(VerticalRhythm, { align: "center", justify: "center", onClick: (e) => e.stopPropagation(), children: !menuItems || Array.isArray(menuItems) && !menuItems.length ? null : /* @__PURE__ */ jsx87(
         Menu,
         {

package/dist/index.js

@@ -13206,6 +13206,7 @@ var Menu = ({
       import_Menu.Menu,
       {
         ...menuState,
+        "data-auto-resize-opt-in": true,
         focusable: false,
         "aria-label": menuLabel,
         ...!isRendered ? { unstable_popoverStyles: { position: "absolute", opacity: "0" } } : void 0,
@@ -17604,10 +17605,16 @@ var cardBaseTitleStyles = import_react93.css`
   font-size: var(--fs-sm);
   color: var(--gray-500);
   cursor: pointer;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 `;
 var cardBaseSubtitleStyles = import_react93.css`
   font-size: var(--fs-xs);
   color: var(--gray-500);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 `;
 var cardBaseMenuButtonStyles = import_react93.css`
   padding: var(--spacing-2xs);
@@ -17635,8 +17642,8 @@ var MediaCard = ({
   return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(Card, { tag: "button", css: cardBaseStyles, ...cardProps, onClick, children: [
     /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { css: cardBaseCoverIconWrapperStyles, children: cover }),
     /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { css: cardBaseContentStyles, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(HorizontalRhythm, { gap: "sm", justify: "space-between", align: "center", css: { width: "100%" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(VerticalRhythm, { gap: "0", align: "flex-start", css: { flex: 1 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(HorizontalRhythm, { gap: "xs", align: "center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(VerticalRhythm, { gap: "0", align: "flex-start", css: { flex: 1, minWidth: 0 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(HorizontalRhythm, { gap: "xs", align: "center", css: { maxWidth: "100%" }, children: [
           /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { css: cardBaseTitleStyles, "data-testid": "card-title", children: title }),
           !infoPopover ? null : /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { css: { display: "flex", cursor: "default" }, onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
             Popover2,
@@ -17651,9 +17658,9 @@ var MediaCard = ({
             }
           ) })
         ] }),
-        !subtitle ? null : /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { css: cardBaseSubtitleStyles, children: subtitle })
+        subtitle ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { css: cardBaseSubtitleStyles, children: subtitle }) : null
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { css: { cursor: "default" }, onClick: (e) => e.stopPropagation(), children: sideSection }),
+      sideSection ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { css: { cursor: "default" }, onClick: (e) => e.stopPropagation(), children: sideSection }) : null,
       /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(VerticalRhythm, { align: "center", justify: "center", onClick: (e) => e.stopPropagation(), children: !menuItems || Array.isArray(menuItems) && !menuItems.length ? null : /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
         Menu,
         {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/design-system",
-  "version": "19.54.2-alpha.10+26eb61515",
+  "version": "19.54.2-alpha.12+7c9fa8960",
   "description": "Uniform design system components",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -24,8 +24,8 @@
     "@storybook/react": "6.5.16",
     "@types/react": "18.2.21",
     "@types/react-dom": "18.2.7",
-    "@uniformdev/canvas": "^19.54.2-alpha.10+26eb61515",
-    "@uniformdev/richtext": "^19.54.2-alpha.10+26eb61515",
+    "@uniformdev/canvas": "^19.54.2-alpha.12+7c9fa8960",
+    "@uniformdev/richtext": "^19.54.2-alpha.12+7c9fa8960",
     "autoprefixer": "10.4.15",
     "hygen": "6.2.11",
     "postcss": "8.4.28",
@@ -67,5 +67,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "26eb615153bcf5f11deb0beeb0f227accde9ae6f"
+  "gitHead": "7c9fa89606aad125a8cca19f6fc6b50ddc4c3f58"
 }