@teamturing/react-kit 2.16.2 → 2.16.3

package/dist/core/Overlay/index.d.ts

@@ -1,5 +1,6 @@
 import { HTMLAttributes, RefObject } from 'react';
-import { ResponsiveValue } from 'styled-system';
+import { MaxHeightProps, ResponsiveValue } from 'styled-system';
+import { SxProp } from '../../utils/styled-system';
 type OverlaySizeType = 's' | 'm' | 'l';
 type Props = {
     isOpen?: boolean;
@@ -7,14 +8,14 @@ type Props = {
     size?: ResponsiveValue<OverlaySizeType>;
     ignoreOutsideClickRefs?: RefObject<HTMLElement>[];
     dismissFocusRef?: RefObject<HTMLElement>;
-} & HTMLAttributes<HTMLElement>;
+} & MaxHeightProps & SxProp & HTMLAttributes<HTMLElement>;
 declare const _default: import("react").ForwardRefExoticComponent<{
     isOpen?: boolean | undefined;
     onDismiss?: (() => void) | undefined;
     size?: ResponsiveValue<OverlaySizeType> | undefined;
     ignoreOutsideClickRefs?: RefObject<HTMLElement>[] | undefined;
     dismissFocusRef?: RefObject<HTMLElement> | undefined;
-} & HTMLAttributes<HTMLElement> & {
+} & MaxHeightProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.MaxHeight<import("styled-system").TLengthStyledSystem>> & SxProp & HTMLAttributes<HTMLElement> & {
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLDivElement>>;
 export default _default;

package/dist/index.js

@@ -977,7 +977,7 @@ layout$1.width;
   layout$1.minWidth;
   layout$1.minHeight;
   layout$1.maxWidth;
-  layout$1.maxHeight;
+  var maxHeight = layout$1.maxHeight;
   layout$1.size;
   layout$1.verticalAlign;
   layout$1.display;
@@ -18871,6 +18871,7 @@ const Overlay = ({
   size = 'm',
   ignoreOutsideClickRefs = [],
   dismissFocusRef,
+  maxHeight = forcePixelValue(600),
   ...props
 }, ref) => {
   const overlayRef = React.useRef(null);
@@ -18923,6 +18924,7 @@ const Overlay = ({
   return isOpen ? /*#__PURE__*/jsxRuntimeExports.jsx(BaseOverlay, {
     ref: overlayRef,
     size: size,
+    maxHeight: maxHeight,
     ...props,
     role: 'dialog',
     children: children
@@ -18957,6 +18959,8 @@ const BaseOverlay = styled__default.default.div`
     }
   }
 })}
+
+  ${maxHeight}
   ${sx}
 `;
 var Overlay$1 = /*#__PURE__*/React.forwardRef(Overlay);

package/esm/core/Overlay/index.js

@@ -1,6 +1,6 @@
 import { forwardRef, useRef, useImperativeHandle, useCallback, useEffect } from 'react';
 import styled from 'styled-components';
-import '../../node_modules/styled-system/dist/index.esm.js';
+import { maxHeight } from '../../node_modules/styled-system/dist/index.esm.js';
 import { forcePixelValue } from '../../utils/forcePixelValue.js';
 import { sx } from '../../utils/styled-system/index.js';
 import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
@@ -14,6 +14,7 @@ const Overlay = ({
   size = 'm',
   ignoreOutsideClickRefs = [],
   dismissFocusRef,
+  maxHeight = forcePixelValue(600),
   ...props
 }, ref) => {
   const overlayRef = useRef(null);
@@ -66,6 +67,7 @@ const Overlay = ({
   return isOpen ? /*#__PURE__*/jsxRuntimeExports.jsx(BaseOverlay, {
     ref: overlayRef,
     size: size,
+    maxHeight: maxHeight,
     ...props,
     role: 'dialog',
     children: children
@@ -100,6 +102,8 @@ const BaseOverlay = styled.div`
     }
   }
 })}
+
+  ${maxHeight}
   ${sx}
 `;
 var Overlay$1 = /*#__PURE__*/forwardRef(Overlay);

package/esm/node_modules/styled-system/dist/index.esm.js

@@ -16,7 +16,7 @@ layout.width;
   layout.minWidth;
   layout.minHeight;
   layout.maxWidth;
-  layout.maxHeight;
+  var maxHeight = layout.maxHeight;
   layout.size;
   layout.verticalAlign;
   layout.display;
@@ -74,4 +74,4 @@ position.zIndex;
   position.bottom;
   position.left;
 
-export { background, border, border as borders, color, flexbox, fontSize, fontWeight, grid, layout, lineHeight, position, textAlign, typography };
+export { background, border, border as borders, color, flexbox, fontSize, fontWeight, grid, layout, lineHeight, maxHeight, position, textAlign, typography };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamturing/react-kit",
-  "version": "2.16.2",
+  "version": "2.16.3",
   "description": "React components, hooks for create teamturing web application",
   "author": "Sungchang Park <psch300@gmail.com> (https://github.com/psch300)",
   "homepage": "https://github.com/weareteamturing/bombe#readme",
@@ -62,5 +62,5 @@
     "react-is": "^18.2.0",
     "styled-system": "^5.1.5"
   },
-  "gitHead": "0118720b3b7893121d2252a7098195f196cccf68"
+  "gitHead": "5d22785a97a7991ab894c44c6ea913202821cd01"
 }