@sanity/ui 3.0.0-static.30 → 3.0.0-static.31

package/dist/index.d.cts

@@ -1992,7 +1992,7 @@ export declare interface ResponsiveAvatarSizeStyleProps {
 
 /**
  * @public
- * @deprecated
+ * @deprecated No longer used.
  */
 export declare interface ResponsiveBorderProps {
   border?: boolean | boolean[]
@@ -2004,7 +2004,7 @@ export declare interface ResponsiveBorderProps {
 
 /**
  * @public
- * @deprecated
+ * @deprecated No longer used.
  */
 export declare interface ResponsiveBoxProps {
   display?: BoxDisplay | BoxDisplay[]
@@ -2015,7 +2015,7 @@ export declare interface ResponsiveBoxProps {
 
 /**
  * @public
- * @deprecated
+ * @deprecated No longer used.
  */
 export declare interface ResponsiveFlexItemProps {
   /** Sets the flex CSS attribute. The property is responsive. */
@@ -2024,7 +2024,7 @@ export declare interface ResponsiveFlexItemProps {
 
 /**
  * @public
- * @deprecated
+ * @deprecated No longer used.
  */
 export declare interface ResponsiveFlexProps {
   align?: FlexAlign | FlexAlign[]
@@ -2035,7 +2035,7 @@ export declare interface ResponsiveFlexProps {
 
 /**
  * @public
- * @deprecated
+ * @deprecated No longer used.
  */
 export declare interface ResponsiveGridItemProps {
   column?: GridItemColumn | GridItemColumn[]
@@ -2048,7 +2048,7 @@ export declare interface ResponsiveGridItemProps {
 
 /**
  * @public
- * @deprecated
+ * @deprecated No longer used.
  */
 export declare interface ResponsiveGridProps {
   autoRows?: GridAutoRows | GridAutoRows[]
@@ -2060,7 +2060,7 @@ export declare interface ResponsiveGridProps {
 
 /**
  * @public
- * @deprecated
+ * @deprecated No longer used.
  */
 export declare interface ResponsiveMarginProps {
   /** Applies margins to all sides. The property is responsive. */
@@ -2077,7 +2077,7 @@ export declare interface ResponsiveMarginProps {
 
 /**
  * @public
- * @deprecated
+ * @deprecated No longer used.
  */
 export declare interface ResponsivePaddingProps {
   padding?: number | number[]
@@ -2091,7 +2091,7 @@ export declare interface ResponsivePaddingProps {
 
 /**
  * @public
- * @deprecated
+ * @deprecated No longer used.
  */
 export declare interface ResponsiveRadiusProps {
   radius?: Radius | Radius[]
@@ -2099,7 +2099,7 @@ export declare interface ResponsiveRadiusProps {
 
 /**
  * @public
- * @deprecated
+ * @deprecated No longer used.
  */
 export declare interface ResponsiveShadowProps {
   shadow?: number | number[]
@@ -2107,7 +2107,7 @@ export declare interface ResponsiveShadowProps {
 
 /**
  * @public
- * @deprecated
+ * @deprecated No longer used.
  */
 export declare interface ResponsiveWidthProps {
   width?: number | 'auto' | (number | 'auto')[]

package/dist/index.d.ts

@@ -1992,7 +1992,7 @@ export declare interface ResponsiveAvatarSizeStyleProps {
 
 /**
  * @public
- * @deprecated
+ * @deprecated No longer used.
  */
 export declare interface ResponsiveBorderProps {
   border?: boolean | boolean[]
@@ -2004,7 +2004,7 @@ export declare interface ResponsiveBorderProps {
 
 /**
  * @public
- * @deprecated
+ * @deprecated No longer used.
  */
 export declare interface ResponsiveBoxProps {
   display?: BoxDisplay | BoxDisplay[]
@@ -2015,7 +2015,7 @@ export declare interface ResponsiveBoxProps {
 
 /**
  * @public
- * @deprecated
+ * @deprecated No longer used.
  */
 export declare interface ResponsiveFlexItemProps {
   /** Sets the flex CSS attribute. The property is responsive. */
@@ -2024,7 +2024,7 @@ export declare interface ResponsiveFlexItemProps {
 
 /**
  * @public
- * @deprecated
+ * @deprecated No longer used.
  */
 export declare interface ResponsiveFlexProps {
   align?: FlexAlign | FlexAlign[]
@@ -2035,7 +2035,7 @@ export declare interface ResponsiveFlexProps {
 
 /**
  * @public
- * @deprecated
+ * @deprecated No longer used.
  */
 export declare interface ResponsiveGridItemProps {
   column?: GridItemColumn | GridItemColumn[]
@@ -2048,7 +2048,7 @@ export declare interface ResponsiveGridItemProps {
 
 /**
  * @public
- * @deprecated
+ * @deprecated No longer used.
  */
 export declare interface ResponsiveGridProps {
   autoRows?: GridAutoRows | GridAutoRows[]
@@ -2060,7 +2060,7 @@ export declare interface ResponsiveGridProps {
 
 /**
  * @public
- * @deprecated
+ * @deprecated No longer used.
  */
 export declare interface ResponsiveMarginProps {
   /** Applies margins to all sides. The property is responsive. */
@@ -2077,7 +2077,7 @@ export declare interface ResponsiveMarginProps {
 
 /**
  * @public
- * @deprecated
+ * @deprecated No longer used.
  */
 export declare interface ResponsivePaddingProps {
   padding?: number | number[]
@@ -2091,7 +2091,7 @@ export declare interface ResponsivePaddingProps {
 
 /**
  * @public
- * @deprecated
+ * @deprecated No longer used.
  */
 export declare interface ResponsiveRadiusProps {
   radius?: Radius | Radius[]
@@ -2099,7 +2099,7 @@ export declare interface ResponsiveRadiusProps {
 
 /**
  * @public
- * @deprecated
+ * @deprecated No longer used.
  */
 export declare interface ResponsiveShadowProps {
   shadow?: number | number[]
@@ -2107,7 +2107,7 @@ export declare interface ResponsiveShadowProps {
 
 /**
  * @public
- * @deprecated
+ * @deprecated No longer used.
  */
 export declare interface ResponsiveWidthProps {
   width?: number | 'auto' | (number | 'auto')[]

package/dist/index.js

@@ -380,7 +380,7 @@ function isTargetWithinScope(boundaryElement, portalElement, target) {
 }
 const DEFAULT_DIALOG_CARD_ELEMENT = "div";
 function DialogCard(props) {
-  const $ = c(60), t0 = props;
+  const $ = c(61), t0 = props;
   let autoFocus, children, footer, forwardedContentRef, forwardedRef, header, hideCloseButton, id, onClickOutside, onClose, portalProp, rest, t1;
   $[0] !== t0 ? ({
     __unstable_autoFocus: autoFocus,
@@ -399,7 +399,7 @@ function DialogCard(props) {
   } = t0, $[0] = t0, $[1] = autoFocus, $[2] = children, $[3] = footer, $[4] = forwardedContentRef, $[5] = forwardedRef, $[6] = header, $[7] = hideCloseButton, $[8] = id, $[9] = onClickOutside, $[10] = onClose, $[11] = portalProp, $[12] = rest, $[13] = t1) : (autoFocus = $[1], children = $[2], footer = $[3], forwardedContentRef = $[4], forwardedRef = $[5], header = $[6], hideCloseButton = $[7], id = $[8], onClickOutside = $[9], onClose = $[10], portalProp = $[11], rest = $[12], t1 = $[13]);
   const as = t1 === void 0 ? DEFAULT_DIALOG_CARD_ELEMENT : t1, portal = usePortal(), portalElement = portalProp ? portal.elements?.[portalProp] || null : portal.element, boundaryElement = useBoundaryElement().element, ref = useRef(null), contentRef = useRef(null), layer = useLayer(), {
     isTopLayer
-  } = layer, labelId = `${id}_label`, showCloseButton = !!onClose && hideCloseButton === !1, showHeader = !!header || showCloseButton, [scrollTop, setScrollTop] = useState(0);
+  } = layer, labelId = `${id}_label`, showCloseButton = !!onClose && hideCloseButton === !1, showHeader = !!header || showCloseButton, [scrollTop, setScrollTop] = useState(0), [scrollHeight, setScrollHeight] = useState(0), scrollBottom = scrollHeight - scrollTop;
   let t2;
   $[14] === Symbol.for("react.memo_cache_sentinel") ? (t2 = () => ref.current, $[14] = t2) : t2 = $[14], useImperativeHandle(forwardedRef, t2);
   let t3;
@@ -428,7 +428,7 @@ function DialogCard(props) {
     if (!el)
       return;
     const handleScroll = () => {
-      setScrollTop(el.scrollTop);
+      setScrollTop(el.scrollTop), setScrollHeight(el.scrollHeight - el.offsetHeight);
     };
     return el.addEventListener("scroll", handleScroll, {
       passive: !0
@@ -454,21 +454,23 @@ function DialogCard(props) {
   let t16;
   $[44] !== children ? (t16 = /* @__PURE__ */ jsx(Box, { className: t15, overflow: "auto", ref: contentRef, children }), $[44] = children, $[45] = t16) : t16 = $[45];
   let t17;
-  $[46] !== footer ? (t17 = footer && /* @__PURE__ */ jsx("div", { className: dialogScrollerShadowBottom() }), $[46] = footer, $[47] = t17) : t17 = $[47];
+  $[46] !== footer || $[47] !== scrollBottom ? (t17 = footer && /* @__PURE__ */ jsx("div", { className: dialogScrollerShadowBottom(), style: {
+    opacity: Math.min(scrollBottom, 32) / 32
+  } }), $[46] = footer, $[47] = scrollBottom, $[48] = t17) : t17 = $[48];
   let t18;
-  $[48] !== t14 || $[49] !== t16 || $[50] !== t17 ? (t18 = /* @__PURE__ */ jsxs(Box, { className: t13, flex: 1, position: "relative", tabIndex: -1, children: [
+  $[49] !== t14 || $[50] !== t16 || $[51] !== t17 ? (t18 = /* @__PURE__ */ jsxs(Box, { className: t13, flex: 1, position: "relative", tabIndex: -1, children: [
     t14,
     t16,
     t17
-  ] }), $[48] = t14, $[49] = t16, $[50] = t17, $[51] = t18) : t18 = $[51];
+  ] }), $[49] = t14, $[50] = t16, $[51] = t17, $[52] = t18) : t18 = $[52];
   let t19;
-  $[52] !== footer ? (t19 = footer && /* @__PURE__ */ jsx(Box, { className: dialogFooter(), position: "relative", children: footer }), $[52] = footer, $[53] = t19) : t19 = $[53];
+  $[53] !== footer ? (t19 = footer && /* @__PURE__ */ jsx(Box, { className: dialogFooter(), position: "relative", children: footer }), $[53] = footer, $[54] = t19) : t19 = $[54];
   let t20;
-  return $[54] !== as || $[55] !== rest || $[56] !== t12 || $[57] !== t18 || $[58] !== t19 ? (t20 = /* @__PURE__ */ jsxs(Card, { ...rest, as, className: t11, display: "flex", flexDirection: "column", ref, children: [
+  return $[55] !== as || $[56] !== rest || $[57] !== t12 || $[58] !== t18 || $[59] !== t19 ? (t20 = /* @__PURE__ */ jsxs(Card, { ...rest, as, className: t11, display: "flex", flexDirection: "column", ref, children: [
     t12,
     t18,
     t19
-  ] }), $[54] = as, $[55] = rest, $[56] = t12, $[57] = t18, $[58] = t19, $[59] = t20) : t20 = $[59], t20;
+  ] }), $[55] = as, $[56] = rest, $[57] = t12, $[58] = t18, $[59] = t19, $[60] = t20) : t20 = $[60], t20;
 }
 const DialogContext = createGlobalScopedContext("@sanity/ui/context/dialog", {
   version: 0