@dxos/react-ui 0.4.10-main.d9dc7ae → 0.4.10-main.dd2b9ae
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/lib/browser/index.mjs +7 -4
- package/dist/lib/browser/index.mjs.map +3 -3
- package/dist/lib/browser/meta.json +1 -1
- package/dist/types/src/components/ScrollArea/ScrollArea.d.ts +6 -1
- package/dist/types/src/components/ScrollArea/ScrollArea.d.ts.map +1 -1
- package/package.json +9 -9
- package/src/components/Avatars/Avatar.tsx +1 -1
- package/src/components/Dialogs/Dialog.tsx +2 -2
- package/src/components/ScrollArea/ScrollArea.tsx +5 -2
|
@@ -219,7 +219,9 @@ var AvatarFrame = /* @__PURE__ */ forwardRef2(({ classNames, children, ...props
|
|
|
219
219
|
cy: "50%",
|
|
220
220
|
r
|
|
221
221
|
}) : /* @__PURE__ */ React3.createElement("rect", {
|
|
222
|
-
className:
|
|
222
|
+
className: hue ? tx("hue.fill", "avatar__frame__rect", {
|
|
223
|
+
hue
|
|
224
|
+
}) : "fill-[var(--surface-bg)]",
|
|
223
225
|
x: ringGap + ringWidth,
|
|
224
226
|
y: ringGap + ringWidth,
|
|
225
227
|
width: 2 * r,
|
|
@@ -622,13 +624,13 @@ var DIALOG_CONTENT_NAME = "DialogContent";
|
|
|
622
624
|
var [OverlayLayoutProvider, useOverlayLayoutContext] = createContext5(DIALOG_OVERLAY_NAME, {
|
|
623
625
|
inOverlayLayout: false
|
|
624
626
|
});
|
|
625
|
-
var DialogOverlay = /* @__PURE__ */ forwardRef9(({ classNames, children, ...props }, forwardedRef) => {
|
|
627
|
+
var DialogOverlay = /* @__PURE__ */ forwardRef9(({ classNames, children, blockAlign, ...props }, forwardedRef) => {
|
|
626
628
|
const { tx } = useThemeContext();
|
|
627
629
|
return /* @__PURE__ */ React11.createElement(DialogOverlayPrimitive, {
|
|
628
630
|
...props,
|
|
629
631
|
className: tx("dialog.overlay", "dialog__overlay", {}, classNames, "data-[block-align=start]:justify-center", "data-[block-align=start]:items-start", "data-[block-align=center]:place-content-center"),
|
|
630
632
|
ref: forwardedRef,
|
|
631
|
-
"data-block-align":
|
|
633
|
+
"data-block-align": blockAlign
|
|
632
634
|
}, /* @__PURE__ */ React11.createElement(OverlayLayoutProvider, {
|
|
633
635
|
inOverlayLayout: true
|
|
634
636
|
}, children));
|
|
@@ -1721,9 +1723,10 @@ var ScrollAreaViewport = /* @__PURE__ */ forwardRef20(({ classNames, ...props },
|
|
|
1721
1723
|
ref: forwardedRef
|
|
1722
1724
|
});
|
|
1723
1725
|
});
|
|
1724
|
-
var ScrollAreaScrollbar = /* @__PURE__ */ forwardRef20(({ classNames, ...props }, forwardedRef) => {
|
|
1726
|
+
var ScrollAreaScrollbar = /* @__PURE__ */ forwardRef20(({ classNames, variant = "fine", ...props }, forwardedRef) => {
|
|
1725
1727
|
const { tx } = useThemeContext();
|
|
1726
1728
|
return /* @__PURE__ */ React23.createElement(ScrollAreaPrimitiveScrollbar, {
|
|
1729
|
+
"data-variant": variant,
|
|
1727
1730
|
...props,
|
|
1728
1731
|
className: tx("scrollArea.scrollbar", "scroll-area__scrollbar", {}, classNames),
|
|
1729
1732
|
ref: forwardedRef
|