@seed-design/react 1.2.2 → 1.2.4

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.
Files changed (10) hide show
  1. package/lib/components/BottomSheet/BottomSheet.cjs +8 -1
  2. package/lib/components/BottomSheet/BottomSheet.d.ts.map +1 -1
  3. package/lib/components/BottomSheet/BottomSheet.js +9 -2
  4. package/lib/components/ImageFrame/ImageFrame.cjs +2 -2
  5. package/lib/components/ImageFrame/ImageFrame.d.ts +6 -0
  6. package/lib/components/ImageFrame/ImageFrame.d.ts.map +1 -1
  7. package/lib/components/ImageFrame/ImageFrame.js +2 -2
  8. package/package.json +2 -2
  9. package/src/components/BottomSheet/BottomSheet.tsx +12 -2
  10. package/src/components/ImageFrame/ImageFrame.tsx +8 -2
package/lib/components/BottomSheet/BottomSheet.cjs CHANGED
@@ -3,9 +3,12 @@
3
3
 
4
4
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
5
5
 
6
+ const jsxRuntime = require('react/jsx-runtime');
6
7
  const bottomSheet = require('@seed-design/css/recipes/bottom-sheet');
8
+ const domUtils = require('@seed-design/dom-utils');
7
9
  const reactDrawer = require('@seed-design/react-drawer');
8
10
  const reactPrimitive = require('@seed-design/react-primitive');
11
+ const React = require('react');
9
12
  const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
10
13
  const styled = require('../../utils/styled.cjs');
11
14
 
@@ -33,9 +36,13 @@ const BottomSheetHeader = withContext(
33
36
  "header"
34
37
  );
35
38
  const BottomSheetTitle = withContext(
36
- reactDrawer.Drawer.Title,
39
+ React.forwardRef((props, ref) => {
40
+ const { isCloseButtonRendered } = reactDrawer.useDrawerContext();
41
+ return /* @__PURE__ */ jsxRuntime.jsx(reactDrawer.Drawer.Title, { ref, "data-show-close-button": domUtils.dataAttr(isCloseButtonRendered), ...props });
42
+ }),
37
43
  "title"
38
44
  );
45
+ BottomSheetTitle.displayName = "BottomSheetTitle";
39
46
  const BottomSheetDescription = withContext(reactDrawer.Drawer.Description, "description");
40
47
  const BottomSheetBody = withContext(
41
48
  styled.withStyleProps(reactPrimitive.Primitive.div),
package/lib/components/BottomSheet/BottomSheet.d.ts.map CHANGED
@@ -1 +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"}
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;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 CHANGED
@@ -1,7 +1,10 @@
1
1
  'use client';
2
+ import { jsx } from 'react/jsx-runtime';
2
3
  import { bottomSheet } from '@seed-design/css/recipes/bottom-sheet';
3
- import { Drawer } from '@seed-design/react-drawer';
4
+ import { dataAttr } from '@seed-design/dom-utils';
5
+ import { Drawer, useDrawerContext } from '@seed-design/react-drawer';
4
6
  import { Primitive } from '@seed-design/react-primitive';
7
+ import { forwardRef } from 'react';
5
8
  import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
6
9
  import { withStyleProps } from '../../utils/styled.js';
7
10
 
@@ -29,9 +32,13 @@ const BottomSheetHeader = withContext(
29
32
  "header"
30
33
  );
31
34
  const BottomSheetTitle = withContext(
32
- Drawer.Title,
35
+ forwardRef((props, ref) => {
36
+ const { isCloseButtonRendered } = useDrawerContext();
37
+ return /* @__PURE__ */ jsx(Drawer.Title, { ref, "data-show-close-button": dataAttr(isCloseButtonRendered), ...props });
38
+ }),
33
39
  "title"
34
40
  );
41
+ BottomSheetTitle.displayName = "BottomSheetTitle";
35
42
  const BottomSheetDescription = withContext(Drawer.Description, "description");
36
43
  const BottomSheetBody = withContext(
37
44
  withStyleProps(Primitive.div),
package/lib/components/ImageFrame/ImageFrame.cjs CHANGED
@@ -40,8 +40,8 @@ const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
40
40
  const ImageFrame = React__namespace.forwardRef(
41
41
  ({
42
42
  ratio = 4 / 3,
43
- rounded,
44
43
  stroke,
44
+ rounded,
45
45
  src,
46
46
  alt,
47
47
  fallback,
@@ -57,7 +57,7 @@ const ImageFrame = React__namespace.forwardRef(
57
57
  children,
58
58
  ...rest
59
59
  }, ref) => {
60
- return /* @__PURE__ */ jsxRuntime.jsx(AspectRatio.AspectRatio, { ref, ratio, className, ...rest, children: /* @__PURE__ */ jsxRuntime.jsxs(reactImage.Image.Root, { className: imageFrame.imageFrame({ rounded, stroke }), children: [
60
+ return /* @__PURE__ */ jsxRuntime.jsx(AspectRatio.AspectRatio, { ref, ratio, className, ...rest, children: /* @__PURE__ */ jsxRuntime.jsxs(reactImage.Image.Root, { className: imageFrame.imageFrame({ stroke, rounded }), children: [
61
61
  /* @__PURE__ */ jsxRuntime.jsx(
62
62
  reactImage.Image.Content,
63
63
  {
package/lib/components/ImageFrame/ImageFrame.d.ts CHANGED
@@ -7,6 +7,12 @@ import { BadgeProps } from '../Badge/Badge';
7
7
  import { FloatProps } from '../Float/Float';
8
8
  import * as React from "react";
9
9
  export interface ImageFrameProps extends Omit<AspectRatioProps, "children">, ImageFrameVariantProps {
10
+ /**
11
+ * @deprecated Deprecated in @seed-design/react@1.2.x; will be removed in 1.3.0.
12
+ * Use borderRadius="r2" instead.
13
+ * Reason: 모서리 스타일은 borderRadius prop으로 통일합니다.
14
+ */
15
+ rounded?: ImageFrameVariantProps["rounded"];
10
16
  src: string;
11
17
  alt: string;
12
18
  fallback?: React.ReactNode;
package/lib/components/ImageFrame/ImageFrame.d.ts.map CHANGED
@@ -1 +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"}
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;;;;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 CHANGED
@@ -17,8 +17,8 @@ import { Icon } from '../Icon/Icon.js';
17
17
  const ImageFrame = React.forwardRef(
18
18
  ({
19
19
  ratio = 4 / 3,
20
- rounded,
21
20
  stroke,
21
+ rounded,
22
22
  src,
23
23
  alt,
24
24
  fallback,
@@ -34,7 +34,7 @@ const ImageFrame = React.forwardRef(
34
34
  children,
35
35
  ...rest
36
36
  }, ref) => {
37
- return /* @__PURE__ */ jsx(AspectRatio, { ref, ratio, className, ...rest, children: /* @__PURE__ */ jsxs(Image.Root, { className: imageFrame({ rounded, stroke }), children: [
37
+ return /* @__PURE__ */ jsx(AspectRatio, { ref, ratio, className, ...rest, children: /* @__PURE__ */ jsxs(Image.Root, { className: imageFrame({ stroke, rounded }), children: [
38
38
  /* @__PURE__ */ jsx(
39
39
  Image.Content,
40
40
  {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@seed-design/react",
3
- "version": "1.2.2",
3
+ "version": "1.2.4",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/daangn/seed-design.git",
@@ -58,7 +58,7 @@
58
58
  "@seed-design/react-radio-group": "1.1.0",
59
59
  "@seed-design/react-segmented-control": "1.0.1",
60
60
  "@seed-design/react-slider": "1.0.1",
61
- "@seed-design/react-snackbar": "1.0.0",
61
+ "@seed-design/react-snackbar": "1.0.1",
62
62
  "@seed-design/react-switch": "1.0.1",
63
63
  "@seed-design/react-tabs": "1.0.2",
64
64
  "@seed-design/react-text-field": "1.1.1",
package/src/components/BottomSheet/BottomSheet.tsx CHANGED
@@ -1,6 +1,8 @@
1
1
  import { bottomSheet, type BottomSheetVariantProps } from "@seed-design/css/recipes/bottom-sheet";
2
- import { Drawer } from "@seed-design/react-drawer";
2
+ import { dataAttr } from "@seed-design/dom-utils";
3
+ import { Drawer, useDrawerContext } from "@seed-design/react-drawer";
3
4
  import { Primitive, type PrimitiveProps } from "@seed-design/react-primitive";
5
+ import { forwardRef } from "react";
4
6
  import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext";
5
7
  import { withStyleProps, type StyleProps } from "../../utils/styled";
6
8
 
@@ -63,10 +65,18 @@ export const BottomSheetHeader = withContext<HTMLDivElement, BottomSheetHeaderPr
63
65
  export interface BottomSheetTitleProps extends Drawer.TitleProps {}
64
66
 
65
67
  export const BottomSheetTitle = withContext<HTMLHeadingElement, BottomSheetTitleProps>(
66
- Drawer.Title,
68
+ forwardRef<HTMLHeadingElement, BottomSheetTitleProps>((props, ref) => {
69
+ const { isCloseButtonRendered } = useDrawerContext();
70
+
71
+ return (
72
+ <Drawer.Title ref={ref} data-show-close-button={dataAttr(isCloseButtonRendered)} {...props} />
73
+ );
74
+ }),
67
75
  "title",
68
76
  );
69
77
 
78
+ BottomSheetTitle.displayName = "BottomSheetTitle";
79
+
70
80
  ////////////////////////////////////////////////////////////////////////////////////
71
81
 
72
82
  export interface BottomSheetDescriptionProps extends Drawer.DescriptionProps {}
package/src/components/ImageFrame/ImageFrame.tsx CHANGED
@@ -24,6 +24,12 @@ import { Icon } from "../Icon/Icon";
24
24
  export interface ImageFrameProps
25
25
  extends Omit<AspectRatioProps, "children">,
26
26
  ImageFrameVariantProps {
27
+ /**
28
+ * @deprecated Deprecated in @seed-design/react@1.2.x; will be removed in 1.3.0.
29
+ * Use borderRadius="r2" instead.
30
+ * Reason: 모서리 스타일은 borderRadius prop으로 통일합니다.
31
+ */
32
+ rounded?: ImageFrameVariantProps["rounded"];
27
33
  src: string;
28
34
  alt: string;
29
35
  fallback?: React.ReactNode;
@@ -46,8 +52,8 @@ export const ImageFrame = React.forwardRef<HTMLDivElement, ImageFrameProps>(
46
52
  (
47
53
  {
48
54
  ratio = 4 / 3,
49
- rounded,
50
55
  stroke,
56
+ rounded,
51
57
  src,
52
58
  alt,
53
59
  fallback,
@@ -67,7 +73,7 @@ export const ImageFrame = React.forwardRef<HTMLDivElement, ImageFrameProps>(
67
73
  ) => {
68
74
  return (
69
75
  <AspectRatio ref={ref} ratio={ratio} className={className} {...rest}>
70
- <Image.Root className={imageFrameRecipe({ rounded, stroke })}>
76
+ <Image.Root className={imageFrameRecipe({ stroke, rounded })}>
71
77
  <Image.Content
72
78
  src={src}
73
79
  alt={alt}