yeet

design/components/ExpressiveGradient/native/ExpressiveGradient.native.tsx

@@ -0,0 +1,72 @@
+// Metro module 6657 (f6658).
+import { StyleSheet, View } from "react-native";
+import Module712 from "../../../../_bundle/Module712";
+import { useToken } from "../../../tokens/native/useToken";
+import Module689 from "../../../../_bundle/Module689";
+import Module4611 from "../../../../_bundle/Module4611";
+let c4259_7 = {
+  purple: {
+    start: Module712.colors.EXPRESSIVE_GRADIENT_PURPLE_START,
+    end: Module712.colors.EXPRESSIVE_GRADIENT_PURPLE_END
+  },
+  blue: {
+    start: Module712.colors.EXPRESSIVE_GRADIENT_BLUE_START,
+    end: Module712.colors.EXPRESSIVE_GRADIENT_BLUE_END
+  },
+  green: {
+    start: Module712.colors.EXPRESSIVE_GRADIENT_GREEN_START,
+    end: Module712.colors.EXPRESSIVE_GRADIENT_GREEN_END
+  },
+  pink: {
+    start: Module712.colors.EXPRESSIVE_GRADIENT_PINK_START,
+    end: Module712.colors.EXPRESSIVE_GRADIENT_PINK_END
+  },
+  "nitro-pink": {
+    start: Module712.colors.EXPRESSIVE_GRADIENT_NITRO_PINK_START,
+    end: Module712.colors.EXPRESSIVE_GRADIENT_NITRO_PINK_END
+  },
+  "nitro-green": {
+    start: Module712.colors.EXPRESSIVE_GRADIENT_NITRO_GREEN_START,
+    end: Module712.colors.EXPRESSIVE_GRADIENT_NITRO_GREEN_END
+  }
+};
+const start = {
+  x: 0,
+  y: 0.5
+};
+const end = {
+  x: 1,
+  y: 0.5
+};
+const start2 = {
+  x: 0.5,
+  y: 0
+};
+const end2 = {
+  x: 0.5,
+  y: 0.5
+};
+export function ExpressiveGradient(props) {
+  let r20;
+  const { color = "purple", offsetBottom = 0, backgroundColor, children, style } = props;
+  if (typeof color === "object") {
+    r20 = color;
+    if (r20 == null) {
+      r20 = c4259_7[color == null ? "purple" : color];
+    }
+  } else {
+    r20 = c4259_7[color == null ? "purple" : color];
+  }
+  const token3 = useToken(r20.start);
+  const token2 = useToken(r20.end);
+  const token = useToken(backgroundColor);
+  return <View style={[StyleSheet.absoluteFill, style]}>
+    <View style={[StyleSheet.absoluteFill, offsetBottom > 0 ? {
+      bottom: 100 * offsetBottom + "%"
+    } : void 0]}>
+      <Module4611 style={StyleSheet.absoluteFillObject} colors={[token3, token2]} start={start} end={end} pointerEvents="none" />
+      <Module4611 style={StyleSheet.absoluteFillObject} colors={[Module689(token).alpha(0).css(), token]} start={start2} end={end2} pointerEvents="none" />
+    </View>
+    {children}
+  </View>;
+}