@monolith-forensics/monolith-ui 1.3.33 → 1.3.35

package/dist/Alert/Alert.d.ts

@@ -1,4 +1,4 @@
-export type AlertVariant = "info" | "success" | "warning" | "error";
+export type AlertVariant = "info" | "success" | "warning" | "error" | "default";
 export type AlertProps = {
     children: React.ReactNode;
     variant?: AlertVariant;

package/dist/Alert/Alert.js

@@ -2,24 +2,26 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { AlertCircleIcon, AlertTriangleIcon, CheckIcon, InfoIcon, } from "lucide-react";
 import styled from "styled-components";
 const Icons = {
-    info: _jsx(InfoIcon, { size: 16 }),
-    success: _jsx(CheckIcon, { size: 16 }),
-    warning: _jsx(AlertCircleIcon, { size: 16 }),
-    error: _jsx(AlertTriangleIcon, { size: 16 }),
+    info: _jsx(InfoIcon, { size: 20 }),
+    success: _jsx(CheckIcon, { size: 20 }),
+    warning: _jsx(AlertCircleIcon, { size: 20 }),
+    error: _jsx(AlertTriangleIcon, { size: 20 }),
+    default: _jsx(InfoIcon, { size: 20 }),
 };
 const StyledContainer = styled.div `
   display: flex;
-  flex-direction: row;
-  align-items: center;
   gap: 10px;
-  padding: 10px;
+  padding: 15px;
   border-radius: 4px;
 
   border: 1px solid ${({ theme, variant }) => theme.alert[variant].border};
   background-color: ${({ theme, variant }) => theme.alert[variant].background};
   color: ${({ theme, variant }) => theme.alert[variant].color};
 `;
-const StyledTitle = styled.h3 `
+const StyledTitle = styled.div `
+  height: 25px;
+  display: flex;
+  align-items: center;
   font-size: 14px;
   font-weight: bold;
   margin: 0px;
@@ -27,6 +29,7 @@ const StyledTitle = styled.h3 `
   color: ${({ theme, variant }) => { var _a; return (_a = theme.alert[variant]) === null || _a === void 0 ? void 0 : _a.color; }};
 `;
 const StyledContent = styled.div `
+  display: flex;
   font-size: 13px;
   font-weight: 400;
   margin: 0px;
@@ -38,6 +41,12 @@ const StyledContentContainer = styled.div `
   flex-direction: column;
   gap: 5px;
 `;
+const StyledHeader = styled.div `
+  display: flex;
+  justify-content: flex-start;
+  height: 28px;
+  align-items: center;
+`;
 export const Alert = ({ children, variant = "info", title, onClose, }) => {
-    return (_jsxs(StyledContainer, { variant: variant, children: [Icons[variant], _jsxs(StyledContentContainer, { children: [title && _jsx(StyledTitle, { variant: variant, children: title }), _jsx(StyledContent, { variant: variant, children: children })] })] }));
+    return (_jsxs(StyledContainer, { variant: variant, children: [_jsx(StyledHeader, { children: Icons[variant] }), _jsxs(StyledContentContainer, { children: [title && _jsx(StyledTitle, { variant: variant, children: title }), _jsx(StyledContent, { variant: variant, children: children })] })] }));
 };

package/dist/MonolithUIProvider/MonolithUIProvider.d.ts

@@ -164,6 +164,11 @@ export interface MonolithDefaultTheme {
             border: string;
             color: string;
         };
+        default: {
+            background: string;
+            border: string;
+            color: string;
+        };
     };
 }
 export interface MonolithUIContextType {

package/dist/theme/variants.js

@@ -205,6 +205,11 @@ const lightVariant = {
             border: "#ee1d1d50",
             color: "#e41a1a",
         },
+        default: {
+            background: "#fff",
+            border: "#cacaca",
+            color: "#000000",
+        },
     },
 };
 const darkVariant = merge(lightVariant, {
@@ -343,6 +348,11 @@ const darkVariant = merge(lightVariant, {
             border: "#ee1d1d50",
             color: "#e41a1a",
         },
+        default: {
+            background: "#222222",
+            border: "rgba(255, 255, 255, 0.15)",
+            color: "#ffffff99",
+        },
     },
 });
 const variants = [lightVariant, darkVariant];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@monolith-forensics/monolith-ui",
-  "version": "1.3.33",
+  "version": "1.3.35",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "author": "Matt Danner (Monolith Forensics LLC)",