@teamturing/react-kit 2.50.0 → 2.51.0

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

@@ -6,7 +6,7 @@ import { ActionListSectionHeaderProps } from './ActionListSectionHeader';
 type Props = {
     /**
      * ActionList의 아이템에 선택이 되어있다는 것을 표시할 때 사용하는 속성입니다.
-     * `undefine`: 선택에 대한 표시를 하지 않습니다.
+     * `undefined`: 선택에 대한 표시를 하지 않습니다.
      * `single`: 하나의 선택된 아이템에 대해, CheckIcon을 보여줍니다.
      * `multiple`: 모든 아이템에 Checkbox를 표시합니다.
      */

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ColorKey, RadiiKey } from '@teamturing/token-studio';
+import { BackgroundProps, BorderColorProps, BorderProps, BorderRadiusProps, ColorProps, FlexboxProps, LayoutProps, PositionProps, ShadowProps, Theme } from 'styled-system';
+import { SxProp } from '../../utils/styled-system';
+type Props = {} & SxProp & LayoutProps & ColorProps<Theme, ColorKey> & FlexboxProps & BackgroundProps & BorderProps & BorderColorProps<Theme, ColorKey> & PositionProps & ShadowProps<Theme> & BorderRadiusProps<Theme, RadiiKey>;
+declare const Card: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Props>>;
+export default Card;
+export type { Props as CardProps };

package/dist/index.d.ts

@@ -17,6 +17,8 @@ export { default as Breadcrumbs } from './core/Breadcrumbs';
 export type { BreadcrumbsProps } from './core/Breadcrumbs';
 export { default as Button } from './core/Button';
 export type { ButtonProps } from './core/Button';
+export { default as Card } from './core/Card';
+export type { CardProps } from './core/Card';
 export { default as Checkbox } from './core/Checkbox';
 export type { CheckboxProps } from './core/Checkbox';
 export { default as Chip } from './core/Chip';

package/dist/index.js

@@ -35952,6 +35952,20 @@ const BaseSpinner = styled__default.default(Spinner)(variant({
   }
 }));
 
+const Card = styled__default.default.div`
+  border-width: ${forcePixelValue(1)};
+  border-style: solid;
+  border-color: ${({
+  theme
+}) => theme.colors['border/neutral']};
+  border-radius: ${({
+  theme
+}) => forcePixelValue(theme.radii['s'])};
+
+  ${compose(layout$1, color$2, flexbox, background, border, position, shadow$1)}
+  ${sx}
+`;
+
 const useSafeLayoutEffect = typeof window !== 'undefined' && typeof window.document !== 'undefined' && typeof window.document.createElement !== 'undefined' ? React.useLayoutEffect : React.useEffect;
 
 const Checkbox = ({
@@ -42178,7 +42192,7 @@ const textColor$2 = {
   'text/neutral/subtler': palette.gray400,
   'text/neutral/subtle': palette.gray200,
   'text/neutral': palette.gray50,
-  'text/inverse': palette.white,
+  'text/inverse': palette.gray900,
   'text/inverse/subtle': palette.gray700,
   'text/inverse/subtler': palette.gray600,
   'text/disabled': palette.gray500,
@@ -43653,6 +43667,7 @@ exports.AvatarGroup = index$c;
 exports.BadgeAttacher = BadgeAttacher;
 exports.Breadcrumbs = index$b;
 exports.Button = Button;
+exports.Card = Card;
 exports.Checkbox = Checkbox$1;
 exports.Chip = Chip;
 exports.ClickArea = index$a;

package/dist/theme/index.d.ts

@@ -801,7 +801,7 @@ declare const gpaiDarkTheme: {
         readonly 'text/neutral/subtler': "#8D94A0";
         readonly 'text/neutral/subtle': "#E5E7EB";
         readonly 'text/neutral': "#F9FAFB";
-        readonly 'text/inverse': "#FFFFFF";
+        readonly 'text/inverse': "#33373B";
         readonly 'text/inverse/subtle': "#575C64";
         readonly 'text/inverse/subtler': "#6F7680";
         readonly 'text/disabled': "#7A828D";

package/esm/core/Card/index.js

@@ -0,0 +1,28 @@
+import { forcePixelValue } from '../../packages/utils/esm/forcePixelValue.js';
+import styled from 'styled-components';
+import '../../node_modules/styled-system/dist/index.esm.js';
+import { sx } from '../../utils/styled-system/index.js';
+import { compose } from '../../node_modules/@styled-system/core/dist/index.esm.js';
+import { layout } from '../../node_modules/@styled-system/layout/dist/index.esm.js';
+import { color } from '../../node_modules/@styled-system/color/dist/index.esm.js';
+import { flexbox } from '../../node_modules/@styled-system/flexbox/dist/index.esm.js';
+import { background } from '../../node_modules/@styled-system/background/dist/index.esm.js';
+import { border } from '../../node_modules/@styled-system/border/dist/index.esm.js';
+import { position } from '../../node_modules/@styled-system/position/dist/index.esm.js';
+import { shadow } from '../../node_modules/@styled-system/shadow/dist/index.esm.js';
+
+const Card = styled.div`
+  border-width: ${forcePixelValue(1)};
+  border-style: solid;
+  border-color: ${({
+  theme
+}) => theme.colors['border/neutral']};
+  border-radius: ${({
+  theme
+}) => forcePixelValue(theme.radii['s'])};
+
+  ${compose(layout, color, flexbox, background, border, position, shadow)}
+  ${sx}
+`;
+
+export { Card as default };

package/esm/index.js

@@ -5,6 +5,7 @@ export { default as AvatarGroup } from './core/AvatarGroup/index.js';
 export { default as BadgeAttacher } from './core/BadgeAttacher/index.js';
 export { default as Breadcrumbs } from './core/Breadcrumbs/index.js';
 export { default as Button } from './core/Button/index.js';
+export { default as Card } from './core/Card/index.js';
 export { default as Checkbox } from './core/Checkbox/index.js';
 export { default as Chip } from './core/Chip/index.js';
 export { default as ClickArea } from './core/ClickArea/index.js';

package/esm/packages/token-studio/esm/token/color/gpai/dark.js

@@ -11,7 +11,7 @@ const textColor = {
   'text/neutral/subtler': palette.gray400,
   'text/neutral/subtle': palette.gray200,
   'text/neutral': palette.gray50,
-  'text/inverse': palette.white,
+  'text/inverse': palette.gray900,
   'text/inverse/subtle': palette.gray700,
   'text/inverse/subtler': palette.gray600,
   'text/disabled': palette.gray500,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamturing/react-kit",
-  "version": "2.50.0",
+  "version": "2.51.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",
@@ -56,7 +56,7 @@
     "@floating-ui/react": "^0.27.16",
     "@primer/behaviors": "^1.3.6",
     "@teamturing/icons": "^1.54.0",
-    "@teamturing/token-studio": "^1.16.0",
+    "@teamturing/token-studio": "^1.16.1",
     "@teamturing/utils": "^1.5.0",
     "framer-motion": "^10.16.4",
     "lodash.debounce": "^4.0.8",
@@ -66,5 +66,5 @@
     "react-textarea-autosize": "^8.5.3",
     "styled-system": "^5.1.5"
   },
-  "gitHead": "3bc1664a2228d255c71917a2ccda8c3d6a4c0f56"
+  "gitHead": "6d7c93197425ae82216518e407d5a57fda93d453"
 }