@seed-design/react 1.2.3 → 1.2.5

package/lib/components/AspectRatio/AspectRatio.cjs

@@ -37,6 +37,9 @@ const AspectRatio = React__namespace.forwardRef(
       {
         ref,
         className: clsx(aspectRatio$1, className),
+        position: "relative",
+        overflowX: "hidden",
+        overflowY: "hidden",
         style: {
           // NOTE: aspectRatio는 iOS 15+부터 지원하기 때문에 padding으로 ratio hack을 사용합니다.
           "--seed-aspect-ratio-padding": `${1 / ratio * 100}%`,

package/lib/components/AspectRatio/AspectRatio.d.ts

@@ -6,6 +6,18 @@ export interface AspectRatioProps extends BoxProps {
      * @default 4 / 3
      */
     ratio?: number;
+    /**
+     * @default "relative"
+     */
+    position?: BoxProps["position"];
+    /**
+     * @default "hidden"
+     */
+    overflowX?: BoxProps["overflowX"];
+    /**
+     * @default "hidden"
+     */
+    overflowY?: BoxProps["overflowY"];
 }
 export declare const AspectRatio: React.ForwardRefExoticComponent<AspectRatioProps & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=AspectRatio.d.ts.map

package/lib/components/AspectRatio/AspectRatio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AspectRatio.d.ts","sourceRoot":"","sources":["../../../src/components/AspectRatio/AspectRatio.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEhD,MAAM,WAAW,gBAAiB,SAAQ,QAAQ;IAChD;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,WAAW,yFAsBvB,CAAC"}
+{"version":3,"file":"AspectRatio.d.ts","sourceRoot":"","sources":["../../../src/components/AspectRatio/AspectRatio.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEhD,MAAM,WAAW,gBAAiB,SAAQ,QAAQ;IAChD;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAIf;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC;IAChC;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAC;IAClC;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAC;CACnC;AAED,eAAO,MAAM,WAAW,yFAyBvB,CAAC"}

package/lib/components/AspectRatio/AspectRatio.js

@@ -14,6 +14,9 @@ const AspectRatio = React.forwardRef(
       {
         ref,
         className: clsx(aspectRatio$1, className),
+        position: "relative",
+        overflowX: "hidden",
+        overflowY: "hidden",
         style: {
           // NOTE: aspectRatio는 iOS 15+부터 지원하기 때문에 padding으로 ratio hack을 사용합니다.
           "--seed-aspect-ratio-padding": `${1 / ratio * 100}%`,

package/lib/components/BottomSheet/BottomSheet.cjs

@@ -3,9 +3,12 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
+const jsxRuntime = require('react/jsx-runtime');
 const bottomSheet = require('@seed-design/css/recipes/bottom-sheet');
+const domUtils = require('@seed-design/dom-utils');
 const reactDrawer = require('@seed-design/react-drawer');
 const reactPrimitive = require('@seed-design/react-primitive');
+const React = require('react');
 const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
 const styled = require('../../utils/styled.cjs');
 
@@ -33,9 +36,13 @@ const BottomSheetHeader = withContext(
   "header"
 );
 const BottomSheetTitle = withContext(
-  reactDrawer.Drawer.Title,
+  React.forwardRef((props, ref) => {
+    const { isCloseButtonRendered } = reactDrawer.useDrawerContext();
+    return /* @__PURE__ */ jsxRuntime.jsx(reactDrawer.Drawer.Title, { ref, "data-show-close-button": domUtils.dataAttr(isCloseButtonRendered), ...props });
+  }),
   "title"
 );
+BottomSheetTitle.displayName = "BottomSheetTitle";
 const BottomSheetDescription = withContext(reactDrawer.Drawer.Description, "description");
 const BottomSheetBody = withContext(
   styled.withStyleProps(reactPrimitive.Primitive.div),

package/lib/components/BottomSheet/BottomSheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../src/components/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAe,KAAK,uBAAuB,EAAE,MAAM,uCAAuC,CAAC;AAClG,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9E,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAMrE,MAAM,WAAW,oBAAqB,SAAQ,uBAAuB,EAAE,MAAM,CAAC,SAAS;CAAG;AAE1F,eAAO,MAAM,eAAe,iEAI1B,CAAC;AAIH,MAAM,WAAW,uBAAwB,SAAQ,MAAM,CAAC,YAAY;CAAG;AAEvE,eAAO,MAAM,kBAAkB,mJAAiB,CAAC;AAIjD,MAAM,WAAW,0BAA2B,SAAQ,MAAM,CAAC,eAAe;CAAG;AAE7E,eAAO,MAAM,qBAAqB,uHAGjC,CAAC;AAIF,MAAM,WAAW,wBAAyB,SAAQ,MAAM,CAAC,aAAa;CAAG;AAEzE,eAAO,MAAM,mBAAmB,qHAG/B,CAAC;AAIF,MAAM,WAAW,uBAAwB,SAAQ,MAAM,CAAC,YAAY;CAAG;AAEvE,eAAO,MAAM,kBAAkB,oHAG9B,CAAC;AAIF,MAAM,WAAW,sBAAuB,SAAQ,MAAM,CAAC,WAAW;CAAG;AAErE,eAAO,MAAM,iBAAiB,mHAG7B,CAAC;AAIF,MAAM,WAAW,qBAAsB,SAAQ,MAAM,CAAC,UAAU;CAAG;AAEnE,eAAO,MAAM,gBAAgB,sHAG5B,CAAC;AAIF,MAAM,WAAW,2BAA4B,SAAQ,MAAM,CAAC,gBAAgB;CAAG;AAE/E,eAAO,MAAM,sBAAsB,8HAGC,CAAC;AAIrC,MAAM,WAAW,oBACf,SAAQ,cAAc,EACpB,IAAI,CACF,UAAU,EACV,UAAU,GAAG,QAAQ,GAAG,WAAW,GAAG,WAAW,GAAG,gBAAgB,GAAG,YAAY,CACpF,EACD,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,eAAe,iHAG3B,CAAC;AAIF,MAAM,WAAW,sBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,iBAAiB,mHAG7B,CAAC;AAIF,MAAM,WAAW,2BAA4B,SAAQ,MAAM,CAAC,gBAAgB;CAAG;AAE/E,eAAO,MAAM,sBAAsB,2HAGlC,CAAC"}
+{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../src/components/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAe,KAAK,uBAAuB,EAAE,MAAM,uCAAuC,CAAC;AAElG,OAAO,EAAE,MAAM,EAAoB,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAG9E,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAMrE,MAAM,WAAW,oBAAqB,SAAQ,uBAAuB,EAAE,MAAM,CAAC,SAAS;CAAG;AAE1F,eAAO,MAAM,eAAe,iEAI1B,CAAC;AAIH,MAAM,WAAW,uBAAwB,SAAQ,MAAM,CAAC,YAAY;CAAG;AAEvE,eAAO,MAAM,kBAAkB,mJAAiB,CAAC;AAIjD,MAAM,WAAW,0BAA2B,SAAQ,MAAM,CAAC,eAAe;CAAG;AAE7E,eAAO,MAAM,qBAAqB,uHAGjC,CAAC;AAIF,MAAM,WAAW,wBAAyB,SAAQ,MAAM,CAAC,aAAa;CAAG;AAEzE,eAAO,MAAM,mBAAmB,qHAG/B,CAAC;AAIF,MAAM,WAAW,uBAAwB,SAAQ,MAAM,CAAC,YAAY;CAAG;AAEvE,eAAO,MAAM,kBAAkB,oHAG9B,CAAC;AAIF,MAAM,WAAW,sBAAuB,SAAQ,MAAM,CAAC,WAAW;CAAG;AAErE,eAAO,MAAM,iBAAiB,mHAG7B,CAAC;AAIF,MAAM,WAAW,qBAAsB,SAAQ,MAAM,CAAC,UAAU;CAAG;AAEnE,eAAO,MAAM,gBAAgB,sHAS5B,CAAC;AAMF,MAAM,WAAW,2BAA4B,SAAQ,MAAM,CAAC,gBAAgB;CAAG;AAE/E,eAAO,MAAM,sBAAsB,8HAGC,CAAC;AAIrC,MAAM,WAAW,oBACf,SAAQ,cAAc,EACpB,IAAI,CACF,UAAU,EACV,UAAU,GAAG,QAAQ,GAAG,WAAW,GAAG,WAAW,GAAG,gBAAgB,GAAG,YAAY,CACpF,EACD,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,eAAe,iHAG3B,CAAC;AAIF,MAAM,WAAW,sBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,iBAAiB,mHAG7B,CAAC;AAIF,MAAM,WAAW,2BAA4B,SAAQ,MAAM,CAAC,gBAAgB;CAAG;AAE/E,eAAO,MAAM,sBAAsB,2HAGlC,CAAC"}

package/lib/components/BottomSheet/BottomSheet.js

@@ -1,7 +1,10 @@
 'use client';
+import { jsx } from 'react/jsx-runtime';
 import { bottomSheet } from '@seed-design/css/recipes/bottom-sheet';
-import { Drawer } from '@seed-design/react-drawer';
+import { dataAttr } from '@seed-design/dom-utils';
+import { Drawer, useDrawerContext } from '@seed-design/react-drawer';
 import { Primitive } from '@seed-design/react-primitive';
+import { forwardRef } from 'react';
 import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
 import { withStyleProps } from '../../utils/styled.js';
 
@@ -29,9 +32,13 @@ const BottomSheetHeader = withContext(
   "header"
 );
 const BottomSheetTitle = withContext(
-  Drawer.Title,
+  forwardRef((props, ref) => {
+    const { isCloseButtonRendered } = useDrawerContext();
+    return /* @__PURE__ */ jsx(Drawer.Title, { ref, "data-show-close-button": dataAttr(isCloseButtonRendered), ...props });
+  }),
   "title"
 );
+BottomSheetTitle.displayName = "BottomSheetTitle";
 const BottomSheetDescription = withContext(Drawer.Description, "description");
 const BottomSheetBody = withContext(
   withStyleProps(Primitive.div),

package/lib/components/ImageFrame/ImageFrame.cjs

@@ -40,8 +40,8 @@ const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 const ImageFrame = React__namespace.forwardRef(
   ({
     ratio = 4 / 3,
-    rounded,
     stroke,
+    rounded,
     src,
     alt,
     fallback,
@@ -57,7 +57,7 @@ const ImageFrame = React__namespace.forwardRef(
     children,
     ...rest
   }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(AspectRatio.AspectRatio, { ref, ratio, className, ...rest, children: /* @__PURE__ */ jsxRuntime.jsxs(reactImage.Image.Root, { className: imageFrame.imageFrame({ rounded, stroke }), children: [
+    return /* @__PURE__ */ jsxRuntime.jsx(AspectRatio.AspectRatio, { ref, ratio, className, ...rest, children: /* @__PURE__ */ jsxRuntime.jsxs(reactImage.Image.Root, { className: imageFrame.imageFrame({ stroke, rounded }), children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         reactImage.Image.Content,
         {

package/lib/components/ImageFrame/ImageFrame.d.ts

@@ -7,6 +7,12 @@ import { BadgeProps } from '../Badge/Badge';
 import { FloatProps } from '../Float/Float';
 import * as React from "react";
 export interface ImageFrameProps extends Omit<AspectRatioProps, "children">, ImageFrameVariantProps {
+    /**
+     * @deprecated Deprecated in @seed-design/react@1.2.x; will be removed in 1.3.0.
+     * Use borderRadius="r2" instead.
+     * Reason: 모서리 스타일은 borderRadius prop으로 통일합니다.
+     */
+    rounded?: ImageFrameVariantProps["rounded"];
     src: string;
     alt: string;
     fallback?: React.ReactNode;

package/lib/components/ImageFrame/ImageFrame.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageFrame.d.ts","sourceRoot":"","sources":["../../../src/components/ImageFrame/ImageFrame.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAEL,KAAK,0BAA0B,EAChC,MAAM,2CAA2C,CAAC;AACnD,OAAO,EAEL,KAAK,+BAA+B,EACrC,MAAM,gDAAgD,CAAC;AAIxD,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEtE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAChF,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGxD,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,EACxC,sBAAsB;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IACrC,WAAW,CAAC,EAAE,WAAW,GAAG,iBAAiB,GAAG,EAAE,CAAC;IACnD,cAAc,CAAC,EAAE,KAAK,CAAC,2BAA2B,CAAC;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IACnD,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IACpD;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,UAAU,wFA4CtB,CAAC;AAMF,MAAM,WAAW,sBAAuB,SAAQ,UAAU;CAAG;AAE7D;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,+FAW7B,CAAC;AAMF,MAAM,WAAW,oBAAqB,SAAQ,UAAU;CAAG;AAE3D,eAAO,MAAM,eAAe,8FAI3B,CAAC;AAMF,MAAM,WAAW,mBACf,SAAQ,0BAA0B,EAChC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC;IACzD,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,cAAc,6FAQ1B,CAAC;AAMF,MAAM,WAAW,wBACf,SAAQ,+BAA+B,EACrC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,mBAAmB,kGAQ/B,CAAC;AA0CF,MAAM,WAAW,6BACf,SAAQ,IAAI,CAAC,eAAe,CAAC,SAAS,EAAE,UAAU,CAAC;CAAG;AAExD,eAAO,MAAM,wBAAwB,yGAcnC,CAAC"}
+{"version":3,"file":"ImageFrame.d.ts","sourceRoot":"","sources":["../../../src/components/ImageFrame/ImageFrame.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAEL,KAAK,0BAA0B,EAChC,MAAM,2CAA2C,CAAC;AACnD,OAAO,EAEL,KAAK,+BAA+B,EACrC,MAAM,gDAAgD,CAAC;AAIxD,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEtE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAChF,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGxD,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,EACxC,sBAAsB;IACxB;;;;OAIG;IACH,OAAO,CAAC,EAAE,sBAAsB,CAAC,SAAS,CAAC,CAAC;IAC5C,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IACrC,WAAW,CAAC,EAAE,WAAW,GAAG,iBAAiB,GAAG,EAAE,CAAC;IACnD,cAAc,CAAC,EAAE,KAAK,CAAC,2BAA2B,CAAC;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IACnD,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IACpD;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,UAAU,wFA4CtB,CAAC;AAMF,MAAM,WAAW,sBAAuB,SAAQ,UAAU;CAAG;AAE7D;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,+FAW7B,CAAC;AAMF,MAAM,WAAW,oBAAqB,SAAQ,UAAU;CAAG;AAE3D,eAAO,MAAM,eAAe,8FAI3B,CAAC;AAMF,MAAM,WAAW,mBACf,SAAQ,0BAA0B,EAChC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC;IACzD,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,cAAc,6FAQ1B,CAAC;AAMF,MAAM,WAAW,wBACf,SAAQ,+BAA+B,EACrC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,mBAAmB,kGAQ/B,CAAC;AA0CF,MAAM,WAAW,6BACf,SAAQ,IAAI,CAAC,eAAe,CAAC,SAAS,EAAE,UAAU,CAAC;CAAG;AAExD,eAAO,MAAM,wBAAwB,yGAcnC,CAAC"}

package/lib/components/ImageFrame/ImageFrame.js

@@ -17,8 +17,8 @@ import { Icon } from '../Icon/Icon.js';
 const ImageFrame = React.forwardRef(
   ({
     ratio = 4 / 3,
-    rounded,
     stroke,
+    rounded,
     src,
     alt,
     fallback,
@@ -34,7 +34,7 @@ const ImageFrame = React.forwardRef(
     children,
     ...rest
   }, ref) => {
-    return /* @__PURE__ */ jsx(AspectRatio, { ref, ratio, className, ...rest, children: /* @__PURE__ */ jsxs(Image.Root, { className: imageFrame({ rounded, stroke }), children: [
+    return /* @__PURE__ */ jsx(AspectRatio, { ref, ratio, className, ...rest, children: /* @__PURE__ */ jsxs(Image.Root, { className: imageFrame({ stroke, rounded }), children: [
       /* @__PURE__ */ jsx(
         Image.Content,
         {

package/lib/components/PullToRefresh/PullToRefresh.d.ts

@@ -3,7 +3,7 @@ import { PullToRefreshVariantProps } from '@seed-design/css/recipes/pull-to-refr
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 export interface PullToRefreshRootProps extends PullToRefreshVariantProps, PullToRefreshPrimitive.RootProps {
 }
-export declare const PullToRefreshRoot: ForwardRefExoticComponent<PullToRefreshRootProps & RefAttributes<SVGSVGElement>>;
+export declare const PullToRefreshRoot: ForwardRefExoticComponent<PullToRefreshRootProps & RefAttributes<HTMLDivElement>>;
 export interface PullToRefreshIndicatorProps extends PullToRefreshPrimitive.IndicatorProps {
 }
 export declare const PullToRefreshIndicator: ForwardRefExoticComponent<PullToRefreshIndicatorProps & RefAttributes<HTMLDivElement>>;

package/lib/components/PullToRefresh/PullToRefresh.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PullToRefresh.d.ts","sourceRoot":"","sources":["../../../src/components/PullToRefresh/PullToRefresh.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,IAAI,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAC7F,OAAO,EAEL,KAAK,yBAAyB,EAC/B,MAAM,0CAA0C,CAAC;AAKlD,MAAM,WAAW,sBACf,SAAQ,yBAAyB,EAC/B,sBAAsB,CAAC,SAAS;CAAG;AAEvC,eAAO,MAAM,iBAAiB,kHAG7B,CAAC;AAEF,MAAM,WAAW,2BAA4B,SAAQ,sBAAsB,CAAC,cAAc;CAAG;AAE7F,eAAO,MAAM,sBAAsB,wHAGlC,CAAC;AAEF,MAAM,WAAW,yBAA0B,SAAQ,sBAAsB,CAAC,YAAY;CAAG;AAEzF,eAAO,MAAM,oBAAoB,gIAAiC,CAAC"}
+{"version":3,"file":"PullToRefresh.d.ts","sourceRoot":"","sources":["../../../src/components/PullToRefresh/PullToRefresh.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,IAAI,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAC7F,OAAO,EAEL,KAAK,yBAAyB,EAC/B,MAAM,0CAA0C,CAAC;AAKlD,MAAM,WAAW,sBACf,SAAQ,yBAAyB,EAC/B,sBAAsB,CAAC,SAAS;CAAG;AAEvC,eAAO,MAAM,iBAAiB,mHAG7B,CAAC;AAEF,MAAM,WAAW,2BAA4B,SAAQ,sBAAsB,CAAC,cAAc;CAAG;AAE7F,eAAO,MAAM,sBAAsB,wHAGlC,CAAC;AAEF,MAAM,WAAW,yBAA0B,SAAQ,sBAAsB,CAAC,YAAY;CAAG;AAEzF,eAAO,MAAM,oBAAoB,gIAAiC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seed-design/react",
-  "version": "1.2.3",
+  "version": "1.2.5",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/daangn/seed-design.git",
@@ -45,9 +45,9 @@
     "@seed-design/react-checkbox": "1.0.1",
     "@seed-design/react-collapsible": "0.1.0",
     "@seed-design/react-dialog": "1.0.2",
-    "@seed-design/react-drawer": "1.0.8",
+    "@seed-design/react-drawer": "1.0.9",
     "@seed-design/react-field": "1.0.1",
-    "@seed-design/react-image": "0.1.0",
+    "@seed-design/react-image": "0.1.1",
     "@seed-design/react-fieldset": "0.1.0",
     "@seed-design/react-field-button": "1.0.1",
     "@seed-design/react-popover": "1.0.3",

package/src/components/AspectRatio/AspectRatio.tsx

@@ -9,6 +9,21 @@ export interface AspectRatioProps extends BoxProps {
    * @default 4 / 3
    */
   ratio?: number;
+
+  // following 3 are just here for JSDoc purposes
+
+  /**
+   * @default "relative"
+   */
+  position?: BoxProps["position"];
+  /**
+   * @default "hidden"
+   */
+  overflowX?: BoxProps["overflowX"];
+  /**
+   * @default "hidden"
+   */
+  overflowY?: BoxProps["overflowY"];
 }
 
 export const AspectRatio = React.forwardRef<HTMLDivElement, AspectRatioProps>(
@@ -20,6 +35,9 @@ export const AspectRatio = React.forwardRef<HTMLDivElement, AspectRatioProps>(
       <Box
         ref={ref}
         className={clsx(aspectRatio, className)}
+        position="relative" // TODO: these are currently here but we might want to make AspectRatio just a Primitive.div which takes BoxProps
+        overflowX="hidden"
+        overflowY="hidden"
         style={
           {
             // NOTE: aspectRatio는 iOS 15+부터 지원하기 때문에 padding으로 ratio hack을 사용합니다.

package/src/components/BottomSheet/BottomSheet.tsx

@@ -1,6 +1,8 @@
 import { bottomSheet, type BottomSheetVariantProps } from "@seed-design/css/recipes/bottom-sheet";
-import { Drawer } from "@seed-design/react-drawer";
+import { dataAttr } from "@seed-design/dom-utils";
+import { Drawer, useDrawerContext } from "@seed-design/react-drawer";
 import { Primitive, type PrimitiveProps } from "@seed-design/react-primitive";
+import { forwardRef } from "react";
 import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext";
 import { withStyleProps, type StyleProps } from "../../utils/styled";
 
@@ -63,10 +65,18 @@ export const BottomSheetHeader = withContext<HTMLDivElement, BottomSheetHeaderPr
 export interface BottomSheetTitleProps extends Drawer.TitleProps {}
 
 export const BottomSheetTitle = withContext<HTMLHeadingElement, BottomSheetTitleProps>(
-  Drawer.Title,
+  forwardRef<HTMLHeadingElement, BottomSheetTitleProps>((props, ref) => {
+    const { isCloseButtonRendered } = useDrawerContext();
+
+    return (
+      <Drawer.Title ref={ref} data-show-close-button={dataAttr(isCloseButtonRendered)} {...props} />
+    );
+  }),
   "title",
 );
 
+BottomSheetTitle.displayName = "BottomSheetTitle";
+
 ////////////////////////////////////////////////////////////////////////////////////
 
 export interface BottomSheetDescriptionProps extends Drawer.DescriptionProps {}

package/src/components/ImageFrame/ImageFrame.tsx

@@ -24,6 +24,12 @@ import { Icon } from "../Icon/Icon";
 export interface ImageFrameProps
   extends Omit<AspectRatioProps, "children">,
     ImageFrameVariantProps {
+  /**
+   * @deprecated Deprecated in @seed-design/react@1.2.x; will be removed in 1.3.0.
+   * Use borderRadius="r2" instead.
+   * Reason: 모서리 스타일은 borderRadius prop으로 통일합니다.
+   */
+  rounded?: ImageFrameVariantProps["rounded"];
   src: string;
   alt: string;
   fallback?: React.ReactNode;
@@ -46,8 +52,8 @@ export const ImageFrame = React.forwardRef<HTMLDivElement, ImageFrameProps>(
   (
     {
       ratio = 4 / 3,
-      rounded,
       stroke,
+      rounded,
       src,
       alt,
       fallback,
@@ -67,7 +73,7 @@ export const ImageFrame = React.forwardRef<HTMLDivElement, ImageFrameProps>(
   ) => {
     return (
       <AspectRatio ref={ref} ratio={ratio} className={className} {...rest}>
-        <Image.Root className={imageFrameRecipe({ rounded, stroke })}>
+        <Image.Root className={imageFrameRecipe({ stroke, rounded })}>
           <Image.Content
             src={src}
             alt={alt}

package/src/components/PullToRefresh/PullToRefresh.tsx

@@ -11,7 +11,7 @@ export interface PullToRefreshRootProps
   extends PullToRefreshVariantProps,
     PullToRefreshPrimitive.RootProps {}
 
-export const PullToRefreshRoot = withProvider<SVGSVGElement, PullToRefreshRootProps>(
+export const PullToRefreshRoot = withProvider<HTMLDivElement, PullToRefreshRootProps>(
   PullToRefreshPrimitive.Root,
   "root",
 );