@seed-design/react 1.2.4 → 1.2.5

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 (9) hide show
  1. package/lib/components/AspectRatio/AspectRatio.cjs +3 -0
  2. package/lib/components/AspectRatio/AspectRatio.d.ts +12 -0
  3. package/lib/components/AspectRatio/AspectRatio.d.ts.map +1 -1
  4. package/lib/components/AspectRatio/AspectRatio.js +3 -0
  5. package/lib/components/PullToRefresh/PullToRefresh.d.ts +1 -1
  6. package/lib/components/PullToRefresh/PullToRefresh.d.ts.map +1 -1
  7. package/package.json +3 -3
  8. package/src/components/AspectRatio/AspectRatio.tsx +18 -0
  9. package/src/components/PullToRefresh/PullToRefresh.tsx +1 -1
package/lib/components/AspectRatio/AspectRatio.cjs CHANGED
@@ -37,6 +37,9 @@ const AspectRatio = React__namespace.forwardRef(
37
37
  {
38
38
  ref,
39
39
  className: clsx(aspectRatio$1, className),
40
+ position: "relative",
41
+ overflowX: "hidden",
42
+ overflowY: "hidden",
40
43
  style: {
41
44
  // NOTE: aspectRatio는 iOS 15+부터 지원하기 때문에 padding으로 ratio hack을 사용합니다.
42
45
  "--seed-aspect-ratio-padding": `${1 / ratio * 100}%`,
package/lib/components/AspectRatio/AspectRatio.d.ts CHANGED
@@ -6,6 +6,18 @@ export interface AspectRatioProps extends BoxProps {
6
6
  * @default 4 / 3
7
7
  */
8
8
  ratio?: number;
9
+ /**
10
+ * @default "relative"
11
+ */
12
+ position?: BoxProps["position"];
13
+ /**
14
+ * @default "hidden"
15
+ */
16
+ overflowX?: BoxProps["overflowX"];
17
+ /**
18
+ * @default "hidden"
19
+ */
20
+ overflowY?: BoxProps["overflowY"];
9
21
  }
10
22
  export declare const AspectRatio: React.ForwardRefExoticComponent<AspectRatioProps & React.RefAttributes<HTMLDivElement>>;
11
23
  //# sourceMappingURL=AspectRatio.d.ts.map
package/lib/components/AspectRatio/AspectRatio.d.ts.map CHANGED
@@ -1 +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"}
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;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 CHANGED
@@ -14,6 +14,9 @@ const AspectRatio = React.forwardRef(
14
14
  {
15
15
  ref,
16
16
  className: clsx(aspectRatio$1, className),
17
+ position: "relative",
18
+ overflowX: "hidden",
19
+ overflowY: "hidden",
17
20
  style: {
18
21
  // NOTE: aspectRatio는 iOS 15+부터 지원하기 때문에 padding으로 ratio hack을 사용합니다.
19
22
  "--seed-aspect-ratio-padding": `${1 / ratio * 100}%`,
package/lib/components/PullToRefresh/PullToRefresh.d.ts CHANGED
@@ -3,7 +3,7 @@ import { PullToRefreshVariantProps } from '@seed-design/css/recipes/pull-to-refr
3
3
  import { ForwardRefExoticComponent, RefAttributes } from 'react';
4
4
  export interface PullToRefreshRootProps extends PullToRefreshVariantProps, PullToRefreshPrimitive.RootProps {
5
5
  }
6
- export declare const PullToRefreshRoot: ForwardRefExoticComponent<PullToRefreshRootProps & RefAttributes<SVGSVGElement>>;
6
+ export declare const PullToRefreshRoot: ForwardRefExoticComponent<PullToRefreshRootProps & RefAttributes<HTMLDivElement>>;
7
7
  export interface PullToRefreshIndicatorProps extends PullToRefreshPrimitive.IndicatorProps {
8
8
  }
9
9
  export declare const PullToRefreshIndicator: ForwardRefExoticComponent<PullToRefreshIndicatorProps & RefAttributes<HTMLDivElement>>;
package/lib/components/PullToRefresh/PullToRefresh.d.ts.map CHANGED
@@ -1 +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"}
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,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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@seed-design/react",
3
- "version": "1.2.4",
3
+ "version": "1.2.5",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/daangn/seed-design.git",
@@ -45,9 +45,9 @@
45
45
  "@seed-design/react-checkbox": "1.0.1",
46
46
  "@seed-design/react-collapsible": "0.1.0",
47
47
  "@seed-design/react-dialog": "1.0.2",
48
- "@seed-design/react-drawer": "1.0.8",
48
+ "@seed-design/react-drawer": "1.0.9",
49
49
  "@seed-design/react-field": "1.0.1",
50
- "@seed-design/react-image": "0.1.0",
50
+ "@seed-design/react-image": "0.1.1",
51
51
  "@seed-design/react-fieldset": "0.1.0",
52
52
  "@seed-design/react-field-button": "1.0.1",
53
53
  "@seed-design/react-popover": "1.0.3",
package/src/components/AspectRatio/AspectRatio.tsx CHANGED
@@ -9,6 +9,21 @@ export interface AspectRatioProps extends BoxProps {
9
9
  * @default 4 / 3
10
10
  */
11
11
  ratio?: number;
12
+
13
+ // following 3 are just here for JSDoc purposes
14
+
15
+ /**
16
+ * @default "relative"
17
+ */
18
+ position?: BoxProps["position"];
19
+ /**
20
+ * @default "hidden"
21
+ */
22
+ overflowX?: BoxProps["overflowX"];
23
+ /**
24
+ * @default "hidden"
25
+ */
26
+ overflowY?: BoxProps["overflowY"];
12
27
  }
13
28
 
14
29
  export const AspectRatio = React.forwardRef<HTMLDivElement, AspectRatioProps>(
@@ -20,6 +35,9 @@ export const AspectRatio = React.forwardRef<HTMLDivElement, AspectRatioProps>(
20
35
  <Box
21
36
  ref={ref}
22
37
  className={clsx(aspectRatio, className)}
38
+ position="relative" // TODO: these are currently here but we might want to make AspectRatio just a Primitive.div which takes BoxProps
39
+ overflowX="hidden"
40
+ overflowY="hidden"
23
41
  style={
24
42
  {
25
43
  // NOTE: aspectRatio는 iOS 15+부터 지원하기 때문에 padding으로 ratio hack을 사용합니다.
package/src/components/PullToRefresh/PullToRefresh.tsx CHANGED
@@ -11,7 +11,7 @@ export interface PullToRefreshRootProps
11
11
  extends PullToRefreshVariantProps,
12
12
  PullToRefreshPrimitive.RootProps {}
13
13
 
14
- export const PullToRefreshRoot = withProvider<SVGSVGElement, PullToRefreshRootProps>(
14
+ export const PullToRefreshRoot = withProvider<HTMLDivElement, PullToRefreshRootProps>(
15
15
  PullToRefreshPrimitive.Root,
16
16
  "root",
17
17
  );