@teamturing/react-kit 2.19.12 → 2.19.13

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

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

package/dist/index.d.ts

@@ -27,6 +27,8 @@ export { default as Dialog } from './core/Dialog';
 export type { DialogProps, UnstyledDialogHeaderProps, UnstyledDialogBodyProps, UnstyledDialogFooterProps, DialogHeaderProps, DialogHeaderTitleProps, DialogHeaderSubtitleProps, DialogBodyProps, DialogFooterProps, } from './core/Dialog';
 export { default as EmptyState } from './core/EmptyState';
 export type { EmptyStateProps } from './core/EmptyState';
+export { default as Flash } from './core/Flash';
+export type { FlashProps } from './core/Flash';
 export { default as FormControl } from './core/FormControl';
 export type { FormControlProps, FormControlFieldProps, FormControlCaptionProps, FormControlErrorMessageProps, FormControlLabelProps, FormControlSuccessMessageProps, } from './core/FormControl';
 export { default as GradientText } from './core/GradientText';

package/dist/index.js

@@ -19102,6 +19102,53 @@ const BaseEmptyState = styled__default.default.div`
   ${sx}
 `;
 
+const Flash = ({
+  variant = 'danger',
+  children,
+  ...props
+}) => {
+  return /*#__PURE__*/jsxRuntimeExports.jsxs(BaseFlash, {
+    variant: variant,
+    ...props,
+    children: [variant === 'danger' ? /*#__PURE__*/jsxRuntimeExports.jsx(SvgWarning, {}) : null, children]
+  });
+};
+const BaseFlash = styled__default.default.div`
+  border-radius: ${({
+  theme
+}) => forcePixelValue(theme.radii.xs)};
+  & > svg {
+    min-width: ${forcePixelValue(16)};
+    height: ${forcePixelValue(16)};
+    margin-right: ${({
+  theme
+}) => forcePixelValue(theme.space[2])};
+  }
+  word-break: keep-all;
+
+  ${variant({
+  prop: 'variant',
+  variants: {
+    danger: {
+      'display': 'flex',
+      'flexDirection': 'row',
+      'alignItems': 'center',
+      'padding': 4,
+      'fontSize': 'xs',
+      'fontWeight': 'medium',
+      'lineHeight': 2,
+      'color': 'text/neutral',
+      'backgroundColor': 'bg/danger',
+      '& > svg': {
+        color: 'icon/danger'
+      }
+    }
+  }
+})}
+
+  ${sx}
+`;
+
 const Overlay = ({
   children,
   isOpen,
@@ -24134,6 +24181,7 @@ exports.DescriptionList = DescriptionList;
 exports.Dialog = index$6;
 exports.EmptyState = EmptyState;
 exports.EnigmaUI = index;
+exports.Flash = Flash;
 exports.FormControl = index$4;
 exports.GradientText = GradientText;
 exports.Grid = Grid$1;

package/esm/core/Flash/index.js

@@ -0,0 +1,57 @@
+import 'react';
+import SvgWarning from '../../packages/icons/esm/Warning.js';
+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 { 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',
+  children,
+  ...props
+}) => {
+  return /*#__PURE__*/jsxRuntimeExports.jsxs(BaseFlash, {
+    variant: variant,
+    ...props,
+    children: [variant === 'danger' ? /*#__PURE__*/jsxRuntimeExports.jsx(SvgWarning, {}) : null, children]
+  });
+};
+const BaseFlash = styled.div`
+  border-radius: ${({
+  theme
+}) => forcePixelValue(theme.radii.xs)};
+  & > svg {
+    min-width: ${forcePixelValue(16)};
+    height: ${forcePixelValue(16)};
+    margin-right: ${({
+  theme
+}) => forcePixelValue(theme.space[2])};
+  }
+  word-break: keep-all;
+
+  ${variant({
+  prop: 'variant',
+  variants: {
+    danger: {
+      'display': 'flex',
+      'flexDirection': 'row',
+      'alignItems': 'center',
+      'padding': 4,
+      'fontSize': 'xs',
+      'fontWeight': 'medium',
+      'lineHeight': 2,
+      'color': 'text/neutral',
+      'backgroundColor': 'bg/danger',
+      '& > svg': {
+        color: 'icon/danger'
+      }
+    }
+  }
+})}
+
+  ${sx}
+`;
+
+export { Flash as default };

package/esm/index.js

@@ -10,6 +10,7 @@ export { default as Datagrid } from './core/Datagrid/index.js';
 export { default as DescriptionList } from './core/DescriptionList/index.js';
 export { default as Dialog } from './core/Dialog/index.js';
 export { default as EmptyState } from './core/EmptyState/index.js';
+export { default as Flash } from './core/Flash/index.js';
 export { default as FormControl } from './core/FormControl/index.js';
 export { default as GradientText } from './core/GradientText/index.js';
 export { default as Grid } from './core/Grid/index.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamturing/react-kit",
-  "version": "2.19.12",
+  "version": "2.19.13",
   "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": "cf4b596b8cb53dc61d532f7d01d6064649004ee3"
+  "gitHead": "0f7b13b7bf46b81369e159ad9e89aa7f17ddc7c0"
 }