@dxos/react-ui 0.4.10-main.fa5a270 → 0.4.10-main.fd8ea31
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 +9 -5
- package/dist/lib/browser/index.mjs.map +3 -3
- package/dist/lib/browser/meta.json +1 -1
- package/dist/types/src/components/Buttons/Button.d.ts +1 -1
- package/dist/types/src/components/Buttons/Button.d.ts.map +1 -1
- package/dist/types/src/components/Buttons/Button.stories.d.ts +7 -0
- package/dist/types/src/components/Buttons/Button.stories.d.ts.map +1 -1
- package/dist/types/src/components/Dialogs/Dialog.d.ts +3 -1
- package/dist/types/src/components/Dialogs/Dialog.d.ts.map +1 -1
- package/dist/types/src/components/Dialogs/Dialog.stories.d.ts +9 -1
- package/dist/types/src/components/Dialogs/Dialog.stories.d.ts.map +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 +13 -13
- package/src/components/Avatars/Avatar.tsx +1 -1
- package/src/components/Buttons/Button.stories.tsx +2 -0
- package/src/components/Buttons/Button.tsx +1 -1
- package/src/components/Dialogs/Dialog.stories.tsx +10 -2
- package/src/components/Dialogs/Dialog.tsx +14 -3
- 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,12 +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
|
-
className: tx("dialog.overlay", "dialog__overlay", {}, classNames),
|
|
630
|
-
ref: forwardedRef
|
|
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"),
|
|
632
|
+
ref: forwardedRef,
|
|
633
|
+
"data-block-align": blockAlign
|
|
631
634
|
}, /* @__PURE__ */ React11.createElement(OverlayLayoutProvider, {
|
|
632
635
|
inOverlayLayout: true
|
|
633
636
|
}, children));
|
|
@@ -1720,9 +1723,10 @@ var ScrollAreaViewport = /* @__PURE__ */ forwardRef20(({ classNames, ...props },
|
|
|
1720
1723
|
ref: forwardedRef
|
|
1721
1724
|
});
|
|
1722
1725
|
});
|
|
1723
|
-
var ScrollAreaScrollbar = /* @__PURE__ */ forwardRef20(({ classNames, ...props }, forwardedRef) => {
|
|
1726
|
+
var ScrollAreaScrollbar = /* @__PURE__ */ forwardRef20(({ classNames, variant = "fine", ...props }, forwardedRef) => {
|
|
1724
1727
|
const { tx } = useThemeContext();
|
|
1725
1728
|
return /* @__PURE__ */ React23.createElement(ScrollAreaPrimitiveScrollbar, {
|
|
1729
|
+
"data-variant": variant,
|
|
1726
1730
|
...props,
|
|
1727
1731
|
className: tx("scrollArea.scrollbar", "scroll-area__scrollbar", {}, classNames),
|
|
1728
1732
|
ref: forwardedRef
|