@lockin90/ui-native 0.0.0-stage → 1.0.0

package/lib/module/components/Alert.js

@@ -0,0 +1,227 @@
+"use strict";
+
+import { View, Text, Pressable, StyleSheet } from 'react-native';
+import Svg, { Path, Circle } from 'react-native-svg';
+import { colors, radii, fonts } from '@lockin90/tokens';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const TONE = {
+  info: {
+    c: colors.accent,
+    bg: 'rgba(124,92,255,0.08)',
+    border: 'rgba(124,92,255,0.3)'
+  },
+  success: {
+    c: colors.mint,
+    bg: 'rgba(52,245,197,0.08)',
+    border: 'rgba(52,245,197,0.3)'
+  },
+  warn: {
+    c: colors.zoneMid,
+    bg: 'rgba(255,176,32,0.08)',
+    border: 'rgba(255,176,32,0.3)'
+  },
+  danger: {
+    c: colors.zoneLow,
+    bg: 'rgba(255,77,109,0.08)',
+    border: 'rgba(255,77,109,0.3)'
+  }
+};
+
+/** Warning-triangle glyph — shared between warn + danger tones. */
+function WarningIcon({
+  color
+}) {
+  return /*#__PURE__*/_jsxs(Svg, {
+    width: 18,
+    height: 18,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: color,
+    strokeWidth: 1.9,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [/*#__PURE__*/_jsx(Path, {
+      d: "M12 4 2.5 20.5h19z"
+    }), /*#__PURE__*/_jsx(Path, {
+      d: "M12 10v4.5"
+    }), /*#__PURE__*/_jsx(Circle, {
+      cx: 12,
+      cy: 17.75,
+      r: 0.9,
+      fill: color,
+      stroke: "none"
+    })]
+  });
+}
+
+/** Info "i" glyph — used for info tone. */
+function InfoIcon({
+  color
+}) {
+  return /*#__PURE__*/_jsxs(Svg, {
+    width: 18,
+    height: 18,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: color,
+    strokeWidth: 1.9,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [/*#__PURE__*/_jsx(Circle, {
+      cx: 12,
+      cy: 12,
+      r: 9
+    }), /*#__PURE__*/_jsx(Path, {
+      d: "M12 11v5"
+    }), /*#__PURE__*/_jsx(Circle, {
+      cx: 12,
+      cy: 7.75,
+      r: 0.9,
+      fill: color,
+      stroke: "none"
+    })]
+  });
+}
+
+/** Check glyph — used for success tone. */
+function CheckIcon({
+  color
+}) {
+  return /*#__PURE__*/_jsx(Svg, {
+    width: 18,
+    height: 18,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: color,
+    strokeWidth: 1.9,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: /*#__PURE__*/_jsx(Path, {
+      d: "M20 6 9 17l-5-5"
+    })
+  });
+}
+function defaultIcon(tone, color) {
+  if (tone === 'success') return /*#__PURE__*/_jsx(CheckIcon, {
+    color: color
+  });
+  if (tone === 'warn' || tone === 'danger') return /*#__PURE__*/_jsx(WarningIcon, {
+    color: color
+  });
+  return /*#__PURE__*/_jsx(InfoIcon, {
+    color: color
+  });
+}
+
+/** Tinted callout box — info / success / warn / danger banner with optional dismiss. */
+export function Alert({
+  tone = 'info',
+  title,
+  children,
+  icon,
+  onDismiss,
+  style,
+  ...rest
+}) {
+  const t = TONE[tone];
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.alert, {
+      backgroundColor: t.bg,
+      borderColor: t.border
+    }, style],
+    ...rest,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: [styles.bar, {
+        backgroundColor: t.c
+      }],
+      pointerEvents: "none"
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.icon,
+      children: icon ?? defaultIcon(tone, t.c)
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.body,
+      children: [title != null && /*#__PURE__*/_jsx(Text, {
+        style: styles.title,
+        children: title
+      }), children != null && (typeof children === 'string' ? /*#__PURE__*/_jsx(Text, {
+        style: styles.text,
+        children: children
+      }) : children)]
+    }), onDismiss && /*#__PURE__*/_jsx(Pressable, {
+      onPress: onDismiss,
+      accessibilityRole: "button",
+      accessibilityLabel: "Dismiss",
+      hitSlop: 6,
+      style: styles.close,
+      children: /*#__PURE__*/_jsx(Svg, {
+        width: 15,
+        height: 15,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: colors.textFaint,
+        strokeWidth: 2,
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        children: /*#__PURE__*/_jsx(Path, {
+          d: "m6 6 12 12M18 6 6 18"
+        })
+      })
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  alert: {
+    position: 'relative',
+    flexDirection: 'row',
+    alignItems: 'flex-start',
+    gap: 12,
+    paddingTop: 14,
+    paddingRight: 15,
+    paddingBottom: 14,
+    paddingLeft: 17,
+    borderRadius: radii.sm,
+    borderWidth: 1,
+    overflow: 'hidden'
+  },
+  bar: {
+    position: 'absolute',
+    top: 0,
+    bottom: 0,
+    left: 0,
+    width: 3
+  },
+  icon: {
+    marginTop: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  body: {
+    flex: 1,
+    minWidth: 0
+  },
+  title: {
+    fontFamily: fonts.display,
+    fontSize: 14,
+    fontWeight: '700',
+    lineHeight: 19,
+    letterSpacing: -0.14,
+    color: colors.text
+  },
+  text: {
+    marginTop: 3,
+    fontFamily: fonts.ui,
+    fontSize: 13,
+    lineHeight: 19,
+    color: colors.textDim
+  },
+  close: {
+    marginTop: -3,
+    marginRight: -4,
+    width: 26,
+    height: 26,
+    borderRadius: radii.sm,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=Alert.js.map

package/lib/module/components/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Text","Pressable","StyleSheet","Svg","Path","Circle","colors","radii","fonts","jsx","_jsx","jsxs","_jsxs","TONE","info","c","accent","bg","border","success","mint","warn","zoneMid","danger","zoneLow","WarningIcon","color","width","height","viewBox","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","children","d","cx","cy","r","InfoIcon","CheckIcon","defaultIcon","tone","Alert","title","icon","onDismiss","style","rest","t","styles","alert","backgroundColor","borderColor","bar","pointerEvents","body","text","onPress","accessibilityRole","accessibilityLabel","hitSlop","close","textFaint","create","position","flexDirection","alignItems","gap","paddingTop","paddingRight","paddingBottom","paddingLeft","borderRadius","sm","borderWidth","overflow","top","bottom","left","marginTop","justifyContent","flex","minWidth","fontFamily","display","fontSize","fontWeight","lineHeight","letterSpacing","ui","textDim","marginRight"],"sourceRoot":"../../../src","sources":["components/Alert.tsx"],"mappings":"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","ignoreList":[]}