@teamturing/react-kit 2.19.30 → 2.19.31

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

@@ -1,9 +1,10 @@
-import { PropsWithChildren } from 'react';
+import { ComponentType, PropsWithChildren, SVGProps } from 'react';
 import { SxProp } from '../../utils/styled-system';
-type FlashVariantType = 'danger';
+type FlashVariantType = 'neutral' | 'danger';
 type Props = {
     variant?: FlashVariantType;
+    icon?: ComponentType<SVGProps<SVGSVGElement>>;
 } & SxProp;
-declare const Flash: ({ variant, children, ...props }: PropsWithChildren<Props>) => import("react/jsx-runtime").JSX.Element;
+declare const Flash: ({ variant, icon: Icon, children, ...props }: PropsWithChildren<Props>) => import("react/jsx-runtime").JSX.Element;
 export default Flash;
 export type { Props as FlashProps };

package/dist/index.js

@@ -19245,14 +19245,15 @@ const BaseEmptyState = styled__default.default.div`
 `;
 
 const Flash = ({
-  variant = 'danger',
+  variant = 'neutral',
+  icon: Icon = SvgInfoInCircle,
   children,
   ...props
 }) => {
   return /*#__PURE__*/jsxRuntimeExports.jsxs(BaseFlash, {
     variant: variant,
     ...props,
-    children: [variant === 'danger' ? /*#__PURE__*/jsxRuntimeExports.jsx(SvgWarning, {}) : null, children]
+    children: [/*#__PURE__*/jsxRuntimeExports.jsx(Icon, {}), children]
   });
 };
 const BaseFlash = styled__default.default.div`
@@ -19271,6 +19272,20 @@ const BaseFlash = styled__default.default.div`
   ${variant({
   prop: 'variant',
   variants: {
+    neutral: {
+      'display': 'flex',
+      'flexDirection': 'row',
+      'alignItems': 'center',
+      'padding': 4,
+      'fontSize': 'xs',
+      'fontWeight': 'medium',
+      'lineHeight': 2,
+      'color': 'text/neutral',
+      'backgroundColor': 'bg/neutral',
+      '& > svg': {
+        color: 'icon/neutral/bold'
+      }
+    },
     danger: {
       'display': 'flex',
       'flexDirection': 'row',

package/esm/core/Flash/index.js

@@ -1,5 +1,5 @@
 import 'react';
-import SvgWarning from '../../packages/icons/esm/Warning.js';
+import SvgInfoInCircle from '../../packages/icons/esm/InfoInCircle.js';
 import { forcePixelValue } from '../../packages/utils/esm/forcePixelValue.js';
 import styled from 'styled-components';
 import '../../node_modules/styled-system/dist/index.esm.js';
@@ -8,14 +8,15 @@ import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js'
 import { variant } from '../../node_modules/@styled-system/variant/dist/index.esm.js';
 
 const Flash = ({
-  variant = 'danger',
+  variant = 'neutral',
+  icon: Icon = SvgInfoInCircle,
   children,
   ...props
 }) => {
   return /*#__PURE__*/jsxRuntimeExports.jsxs(BaseFlash, {
     variant: variant,
     ...props,
-    children: [variant === 'danger' ? /*#__PURE__*/jsxRuntimeExports.jsx(SvgWarning, {}) : null, children]
+    children: [/*#__PURE__*/jsxRuntimeExports.jsx(Icon, {}), children]
   });
 };
 const BaseFlash = styled.div`
@@ -34,6 +35,20 @@ const BaseFlash = styled.div`
   ${variant({
   prop: 'variant',
   variants: {
+    neutral: {
+      'display': 'flex',
+      'flexDirection': 'row',
+      'alignItems': 'center',
+      'padding': 4,
+      'fontSize': 'xs',
+      'fontWeight': 'medium',
+      'lineHeight': 2,
+      'color': 'text/neutral',
+      'backgroundColor': 'bg/neutral',
+      '& > svg': {
+        color: 'icon/neutral/bold'
+      }
+    },
     danger: {
       'display': 'flex',
       'flexDirection': 'row',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamturing/react-kit",
-  "version": "2.19.30",
+  "version": "2.19.31",
   "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",
@@ -65,5 +65,5 @@
     "react-textarea-autosize": "^8.5.3",
     "styled-system": "^5.1.5"
   },
-  "gitHead": "0efd1dddc8466518e381a7fa855f19f2a7e5a7b3"
+  "gitHead": "fafd0ad315a50e2779a033af6f92420eb9b49a0f"
 }