@lockin90/ui-native 0.0.0-stage → 1.0.0

package/lib/module/components/Badge.js

@@ -0,0 +1,132 @@
+"use strict";
+
+import { View, Text, StyleSheet } from 'react-native';
+import { LinearGradient } from 'expo-linear-gradient';
+import { colors, radii, fonts, gradients } from '@lockin90/tokens';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const TONE = {
+  accent: {
+    color: '#0A0A12',
+    bg: colors.accent,
+    border: 'transparent',
+    glow: colors.accent
+  },
+  high: {
+    color: colors.zoneHigh,
+    bg: 'rgba(52,245,197,0.10)',
+    border: 'rgba(52,245,197,0.35)',
+    glow: colors.zoneHigh
+  },
+  mid: {
+    color: colors.zoneMid,
+    bg: 'rgba(255,176,32,0.10)',
+    border: 'rgba(255,176,32,0.35)',
+    glow: colors.zoneMid
+  },
+  low: {
+    color: colors.zoneLow,
+    bg: 'rgba(255,77,109,0.10)',
+    border: 'rgba(255,77,109,0.35)',
+    glow: colors.zoneLow
+  },
+  neutral: {
+    color: colors.textDim,
+    bg: colors.glass2,
+    border: colors.border,
+    glow: colors.textFaint
+  }
+};
+
+/** Tiny count/status pill — smaller + simpler than Chip; or a `dot` indicator. */
+export function Badge({
+  children = '3',
+  tone = 'accent',
+  dot,
+  style,
+  ...rest
+}) {
+  const t = TONE[tone];
+  if (dot) {
+    const noGlow = tone === 'neutral';
+    return /*#__PURE__*/_jsx(View, {
+      style: [styles.dot, {
+        backgroundColor: t.glow
+      }, !noGlow && {
+        shadowColor: t.glow,
+        shadowOpacity: 1,
+        shadowRadius: 4
+      }, style],
+      ...rest
+    });
+  }
+
+  // accent fills with the CTA gradient
+  if (tone === 'accent') {
+    return /*#__PURE__*/_jsxs(View, {
+      style: [styles.badge, {
+        alignSelf: 'flex-start'
+      }, style],
+      ...rest,
+      children: [/*#__PURE__*/_jsx(LinearGradient, {
+        colors: gradients.cta.stops,
+        start: {
+          x: 0,
+          y: 0
+        },
+        end: {
+          x: 1,
+          y: 1
+        },
+        style: StyleSheet.absoluteFill
+      }), /*#__PURE__*/_jsx(Text, {
+        style: [styles.label, {
+          color: t.color
+        }],
+        children: children
+      })]
+    });
+  }
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.badge, {
+      backgroundColor: t.bg,
+      borderColor: t.border,
+      borderWidth: 1
+    }, style],
+    ...rest,
+    children: /*#__PURE__*/_jsx(Text, {
+      style: [styles.label, {
+        color: t.color
+      }],
+      children: children
+    })
+  });
+}
+const styles = StyleSheet.create({
+  badge: {
+    minWidth: 16,
+    height: 16,
+    paddingHorizontal: 6,
+    borderRadius: radii.pill,
+    alignItems: 'center',
+    justifyContent: 'center',
+    alignSelf: 'flex-start',
+    overflow: 'hidden'
+  },
+  label: {
+    fontFamily: fonts.mono,
+    fontSize: 10,
+    fontWeight: '600',
+    lineHeight: 12
+  },
+  dot: {
+    width: 8,
+    height: 8,
+    borderRadius: 4,
+    alignSelf: 'flex-start',
+    shadowOffset: {
+      width: 0,
+      height: 0
+    }
+  }
+});
+//# sourceMappingURL=Badge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["View","Text","StyleSheet","LinearGradient","colors","radii","fonts","gradients","jsx","_jsx","jsxs","_jsxs","TONE","accent","color","bg","border","glow","high","zoneHigh","mid","zoneMid","low","zoneLow","neutral","textDim","glass2","textFaint","Badge","children","tone","dot","style","rest","t","noGlow","styles","backgroundColor","shadowColor","shadowOpacity","shadowRadius","badge","alignSelf","cta","stops","start","x","y","end","absoluteFill","label","borderColor","borderWidth","create","minWidth","height","paddingHorizontal","borderRadius","pill","alignItems","justifyContent","overflow","fontFamily","mono","fontSize","fontWeight","lineHeight","width","shadowOffset"],"sourceRoot":"../../../src","sources":["components/Badge.tsx"],"mappings":"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","ignoreList":[]}