@moderneinc/neo-styled-components 2.8.0-next.fea0d4 → 3.0.0

package/dist/index.js

@@ -1046,9 +1046,17 @@ const StyledIconButton$1 = styles.styled(IconButton)(({ closeIconColor }) => ({
         backgroundColor: 'transparent',
     },
 }));
-const NeoBanner = ({ intent = 'info', type = 'outlined', message, messagePosition = 'left', linkText, showClose = true, icon, onClose, onLinkClick, ...props }) => {
+const NeoBanner = ({ intent = 'info', type = 'outlined', message, messagePosition = 'left', linkText, showClose = false, icon, onClose, onLinkClick, ...props }) => {
+    const [dismissed, setDismissed] = React.useState(false);
+    const handleClose = () => {
+        setDismissed(true);
+        onClose?.();
+    };
+    if (dismissed) {
+        return null;
+    }
     const closeIconColor = type === 'filled' ? neoDesign.semanticColors.surfaces.white : intentColors[intent].default;
-    return (jsxRuntime.jsx(StyledAlert$2, { ...props, intent: intent, bannerType: type, messagePosition: messagePosition, icon: messagePosition === 'left' ? icon || false : false, action: showClose ? (jsxRuntime.jsx(StyledIconButton$1, { size: "small", onClick: onClose, closeIconColor: closeIconColor, children: jsxRuntime.jsx(X, { size: 24 }) })) : undefined, children: messagePosition === 'center' ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [icon, jsxRuntime.jsx("span", { children: message }), linkText && (jsxRuntime.jsx(LinkText, { bannerType: type, onClick: onLinkClick, children: linkText }))] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("span", { children: message }), linkText && (jsxRuntime.jsx(LinkText, { bannerType: type, onClick: onLinkClick, children: linkText }))] })) }));
+    return (jsxRuntime.jsx(StyledAlert$2, { ...props, intent: intent, bannerType: type, messagePosition: messagePosition, icon: messagePosition === 'left' ? icon || false : false, action: showClose ? (jsxRuntime.jsx(StyledIconButton$1, { size: "small", onClick: handleClose, closeIconColor: closeIconColor, children: jsxRuntime.jsx(X, { size: 24 }) })) : undefined, children: messagePosition === 'center' ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [icon, jsxRuntime.jsx("span", { children: message }), linkText && (jsxRuntime.jsx(LinkText, { bannerType: type, onClick: onLinkClick, children: linkText }))] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("span", { children: message }), linkText && (jsxRuntime.jsx(LinkText, { bannerType: type, onClick: onLinkClick, children: linkText }))] })) }));
 };
 NeoBanner.displayName = 'NeoBanner';
 
@@ -2841,9 +2849,9 @@ const StyledChip$1 = styles.styled(Chip)(({ theme, size, variant, color }) => ({
  * - state (Neutral|Error|Warning|Success|Info|Violet|Beta) → color (default|error|warning|success|info|violet|beta)
  * - Label text → label prop
  */
-const NeoTag = ({ size = 'small', variant = 'outlined', ...props }) => {
+function NeoTag({ size = 'small', variant = 'outlined', ...props }) {
     return jsxRuntime.jsx(StyledChip$1, { size: size, variant: variant, ...props });
-};
+}
 NeoTag.displayName = 'NeoTag';
 
 /**
@@ -4488,7 +4496,7 @@ const InfoIconWrapper = styles.styled('span')({
 });
 const StyledInputBase = styles.styled(InputBase, {
     shouldForwardProp: prop => prop !== 'size' && prop !== 'destructive',
-})(({ theme, size = 'medium', destructive, startAdornment }) => {
+})(({ theme, size = 'medium', destructive, startAdornment, multiline }) => {
     const sizeConfig = {
         small: {
             height: neoDesign.spacing.spacing_5,
@@ -4505,7 +4513,7 @@ const StyledInputBase = styles.styled(InputBase, {
     };
     const sizeStyles = sizeConfig[size];
     return {
-        height: sizeStyles.height,
+        height: multiline ? 'auto' : sizeStyles.height,
         fontSize: sizeStyles.fontSize,
         borderRadius: sizeStyles.borderRadius,
         backgroundColor: neoDesign.semanticColors.input.background,