@teamturing/react-kit 2.73.2 → 2.74.0

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

@@ -1,4 +1,5 @@
 import { ComponentType, HTMLProps, SVGProps } from 'react';
+import { ResponsiveValue } from 'styled-system';
 import { SxProp } from '../../utils/styled-system';
 type Props = {
     file: File | Blob;
@@ -23,7 +24,11 @@ type Props = {
      * file 일 때의 icon을 결정합니다.
      */
     renderFileIcon?: (fileType: string, file: Props['file']) => ComponentType<SVGProps<SVGSVGElement>>;
+    /**
+     * 컴포넌트의 사이즈를 정의합니다. thumbnail variant에서만 적용됩니다.
+     */
+    size?: ResponsiveValue<'m' | 's'>;
 } & SxProp;
-declare const FileItem: ({ file, variant, disabled, loading, validationStatus, trailingAction, renderFileIcon, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const FileItem: ({ file, variant, disabled, loading, validationStatus, trailingAction, size, renderFileIcon, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
 export default FileItem;
 export type { Props as FileItemProps };

package/dist/index.js

@@ -6250,6 +6250,7 @@ const FileItem = ({
   loading,
   validationStatus,
   trailingAction,
+  size = 'm',
   renderFileIcon = () => icons.DocumentIcon,
   ...props
 }) => {
@@ -6266,6 +6267,7 @@ const FileItem = ({
   }, [file]);
   return /*#__PURE__*/jsxRuntime.jsx(BaseFile, {
     variant: variant,
+    size: size,
     disabled: disabled,
     validationStatus: validationStatus,
     trailingAction: trailingAction,
@@ -6361,9 +6363,6 @@ const BaseFile = /*#__PURE__*/styled__default.default.div.withConfig({
       'display': 'flex',
       'alignItems': 'center',
       'justifyContent': 'center',
-      'width': utils.forcePixelValue(160),
-      'maxWidth': utils.forcePixelValue(160),
-      'aspectRatio': '16 / 9',
       'backgroundColor': theme.colors['bg/neutral'],
       'overflow': 'hidden',
       'borderRadius': 'xs',
@@ -6482,6 +6481,26 @@ const BaseFile = /*#__PURE__*/styled__default.default.div.withConfig({
       } : {})
     }
   }
+}), ({
+  variant: propVariant
+}) => variant({
+  prop: 'size',
+  variants: {
+    m: {
+      ...(propVariant === 'thumbnail' ? {
+        width: utils.forcePixelValue(160),
+        maxWidth: utils.forcePixelValue(160),
+        aspectRatio: '16 / 9'
+      } : {})
+    },
+    s: {
+      ...(propVariant === 'thumbnail' ? {
+        width: utils.forcePixelValue(80),
+        maxWidth: utils.forcePixelValue(80),
+        aspectRatio: '1'
+      } : {})
+    }
+  }
 }), sx);
 
 const Flash = ({

package/esm/core/FileItem/index.js

@@ -16,6 +16,7 @@ const FileItem = ({
   loading,
   validationStatus,
   trailingAction,
+  size = 'm',
   renderFileIcon = () => DocumentIcon,
   ...props
 }) => {
@@ -32,6 +33,7 @@ const FileItem = ({
   }, [file]);
   return /*#__PURE__*/jsx(BaseFile, {
     variant: variant,
+    size: size,
     disabled: disabled,
     validationStatus: validationStatus,
     trailingAction: trailingAction,
@@ -127,9 +129,6 @@ const BaseFile = /*#__PURE__*/styled.div.withConfig({
       'display': 'flex',
       'alignItems': 'center',
       'justifyContent': 'center',
-      'width': forcePixelValue(160),
-      'maxWidth': forcePixelValue(160),
-      'aspectRatio': '16 / 9',
       'backgroundColor': theme.colors['bg/neutral'],
       'overflow': 'hidden',
       'borderRadius': 'xs',
@@ -248,6 +247,26 @@ const BaseFile = /*#__PURE__*/styled.div.withConfig({
       } : {})
     }
   }
+}), ({
+  variant: propVariant
+}) => variant({
+  prop: 'size',
+  variants: {
+    m: {
+      ...(propVariant === 'thumbnail' ? {
+        width: forcePixelValue(160),
+        maxWidth: forcePixelValue(160),
+        aspectRatio: '16 / 9'
+      } : {})
+    },
+    s: {
+      ...(propVariant === 'thumbnail' ? {
+        width: forcePixelValue(80),
+        maxWidth: forcePixelValue(80),
+        aspectRatio: '1'
+      } : {})
+    }
+  }
 }), sx);
 
 export { FileItem as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamturing/react-kit",
-  "version": "2.73.2",
+  "version": "2.74.0",
   "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",
@@ -55,7 +55,7 @@
   "dependencies": {
     "@floating-ui/react": "^0.27.16",
     "@primer/behaviors": "^1.3.6",
-    "@teamturing/icons": "^1.76.0",
+    "@teamturing/icons": "^1.77.0",
     "@teamturing/token-studio": "^1.17.0",
     "@teamturing/utils": "^1.6.1",
     "framer-motion": "^10.16.4",
@@ -65,5 +65,5 @@
     "react-textarea-autosize": "^8.5.3",
     "styled-system": "^5.1.5"
   },
-  "gitHead": "427018a5d3c29ef27324f0b125a0175346b0e764"
+  "gitHead": "b096bdb9ffa2f75b160b773e60a1a2130989ff3c"
 }