@swan-io/lake 13.1.7 → 13.1.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swan-io/lake",
-  "version": "13.1.7",
+  "version": "13.1.9",
   "engines": {
     "node": "^22.12.0"
   },

package/src/components/LakeAlert.d.ts

@@ -9,6 +9,7 @@ type Props = {
     title: ReactNode;
     subtitle?: string;
     style?: StyleProp<ViewStyle>;
+    tag?: string;
 };
-export declare const LakeAlert: ({ anchored, variant, title, subtitle, children, style, callToAction, }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const LakeAlert: ({ anchored, variant, title, subtitle, children, style, callToAction, tag, }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/LakeAlert.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { StyleSheet, View } from "react-native";
+import { match } from "ts-pattern";
 import { commonStyles } from "../constants/commonStyles";
 import { breakpoints, colors, shadows } from "../constants/design";
 import { useResponsive } from "../hooks/useResponsive";
@@ -8,6 +9,7 @@ import { Box } from "./Box";
 import { Icon } from "./Icon";
 import { LakeText } from "./LakeText";
 import { Space } from "./Space";
+import { Tag } from "./Tag";
 const styles = StyleSheet.create({
     base: {
         paddingVertical: 20,
@@ -71,14 +73,22 @@ const alertLeftBorder = {
     neutral: colors.gray[500],
 };
 const isText = (node) => typeof node === "string" || typeof node === "number";
-export const LakeAlert = ({ anchored = false, variant, title, subtitle, children, style, callToAction, }) => {
+export const LakeAlert = ({ anchored = false, variant, title, subtitle, children, style, callToAction, tag, }) => {
     const color = alertColor[variant];
     const icon = alertIcon[variant];
     const { desktop } = useResponsive(breakpoints.medium);
+    const translateColorTag = () => match(variant)
+        .returnType()
+        .with("error", () => "negative")
+        .with("info", () => "shakespear")
+        .with("neutral", () => "gray")
+        .with("success", () => "positive")
+        .with("warning", () => "warning")
+        .exhaustive();
     return (_jsxs(View, { style: [
             styles.base,
             { backgroundColor: alertBackground[variant], borderColor: alertBorder[variant] },
             anchored ? styles.anchored : { borderLeftColor: alertLeftBorder[variant] },
             style,
-        ], children: [_jsxs(Box, { direction: "row", alignItems: "center", children: [icon != null ? (_jsxs(_Fragment, { children: [_jsx(Icon, { name: icon, color: color, size: 20 }), _jsx(Space, { width: 20 })] })) : null, _jsxs(View, { style: commonStyles.fill, children: [_jsx(LakeText, { color: color, variant: icon != null ? "regular" : "medium", children: title }), isNotNullishOrEmpty(subtitle) && _jsx(LakeText, { color: color, children: subtitle })] }), isNotNullish(callToAction) && _jsx(View, { style: styles.callToAction, children: callToAction })] }), isNotNullish(children) && (_jsxs(View, { style: desktop && icon != null && styles.content, children: [_jsx(Space, { height: 12 }), isText(children) ? _jsx(LakeText, { children: children }) : children] }))] }));
+        ], children: [_jsxs(Box, { direction: "row", alignItems: "center", children: [icon != null ? (_jsxs(_Fragment, { children: [_jsx(Icon, { name: icon, color: color, size: 20 }), _jsx(Space, { width: 20 })] })) : null, _jsxs(View, { style: commonStyles.fill, children: [_jsxs(Box, { direction: "row", justifyContent: "spaceBetween", children: [_jsx(LakeText, { color: color, variant: icon != null ? "regular" : "medium", children: title }), tag && _jsx(Tag, { color: translateColorTag(), children: tag })] }), isNotNullishOrEmpty(subtitle) && _jsx(LakeText, { color: color, children: subtitle })] }), isNotNullish(callToAction) && _jsx(View, { style: styles.callToAction, children: callToAction })] }), isNotNullish(children) && (_jsxs(View, { style: desktop && icon != null && styles.content, children: [_jsx(Space, { height: 12 }), isText(children) ? _jsx(LakeText, { children: children }) : children] }))] }));
 };