@dxos/react-ui 0.7.5-main.ff8607b → 0.7.5-staging.2ff1350

package/dist/lib/browser/index.mjs

@@ -253,16 +253,12 @@ var AvatarFrame = /* @__PURE__ */ forwardRef3(({ classNames, children, ...props
     y: ringGap + ringWidth,
     rx
   }))), variant === "circle" ? /* @__PURE__ */ React4.createElement("circle", {
-    className: hue ? tx("hue.fill", "avatar__frame__circle", {
-      hue
-    }) : "fill-[var(--surface-bg)]",
     cx: "50%",
     cy: "50%",
-    r
+    r,
+    fill: hue ? `var(--dx-${hue}Fill)` : "var(--surface-bg)"
   }) : /* @__PURE__ */ React4.createElement("rect", {
-    className: hue ? tx("hue.fill", "avatar__frame__rect", {
-      hue
-    }) : "fill-[var(--surface-bg)]",
+    fill: hue ? `var(--dx-${hue}Fill)` : "var(--surface-bg)",
     x: ringGap + ringWidth,
     y: ringGap + ringWidth,
     width: 2 * r,
@@ -655,8 +651,14 @@ var Tooltip = {
 };
 
 // packages/ui/react-ui/src/components/Buttons/IconButton.tsx
-var IconOnlyButton = /* @__PURE__ */ forwardRef9(({ tooltipPortal = true, tooltipZIndex: zIndex, tooltipSide, suppressNextTooltip, ...props }, forwardedRef) => {
+var IconOnlyButton = /* @__PURE__ */ forwardRef9(({ noTooltip, tooltipPortal = true, tooltipZIndex: zIndex, tooltipSide, suppressNextTooltip, ...props }, forwardedRef) => {
   const [triggerTooltipOpen, setTriggerTooltipOpen] = useState4(false);
+  if (noTooltip) {
+    return /* @__PURE__ */ React10.createElement(LabelledIconButton, {
+      ...props,
+      ref: forwardedRef
+    });
+  }
   const content = /* @__PURE__ */ React10.createElement(Tooltip.Content, {
     ...zIndex && {
       style: {
@@ -887,7 +889,7 @@ var CopyButtonIconOnly = ({ value, classNames, iconProps, variant, ...props }) =
   const { t } = useTranslation("os");
   const { textValue, setTextValue } = useClipboard();
   const isCopied = textValue === value;
-  const label = isCopied ? t("copy success label") : t("copy label");
+  const label = isCopied ? t("copy success label") : props.label ?? t("copy label");
   const [open, setOpen] = useState6(false);
   return /* @__PURE__ */ React17.createElement(Tooltip.Root, {
     delayDuration: 1500,
@@ -969,13 +971,13 @@ var DialogOverlay = /* @__PURE__ */ forwardRef12(({ classNames, children, blockA
   }, children));
 });
 DialogOverlay.displayName = DIALOG_OVERLAY_NAME;
-var DialogContent = /* @__PURE__ */ forwardRef12(({ classNames, children, ...props }, forwardedRef) => {
+var DialogContent = /* @__PURE__ */ forwardRef12(({ classNames, children, inOverlayLayout: propsInOverlayLayout, ...props }, forwardedRef) => {
   const { tx } = useThemeContext();
   const { inOverlayLayout } = useOverlayLayoutContext(DIALOG_CONTENT_NAME);
   return /* @__PURE__ */ React18.createElement(DialogContentPrimitive, {
     ...props,
     className: tx("dialog.content", "dialog", {
-      inOverlayLayout
+      inOverlayLayout: propsInOverlayLayout || inOverlayLayout
     }, classNames),
     ref: forwardedRef
   }, children);