@xhsreds/reds-rn-next 0.0.23 → 0.1.0

package/lib/esm/components/Switch/index.js

@@ -1,67 +1,12 @@
-import { b as _slicedToArray } from '../../_chunks/zVU7tqWk.js';
-import React, { useRef, useState, useEffect, useCallback, useMemo } from 'react';
-import { Animated, TouchableWithoutFeedback, View } from 'react-native';
-import { SwitchDefaultProps } from './interface/index.js';
-import styles from './styles.js';
+import Switch from './Switch.js';
+export { i as SwitchType } from '../../_chunks/B3zY_xWO.js';
+import '../../_chunks/GCWGuPmB.js';
+import 'react';
+import 'react-native';
+import './styles.js';
 import '@xhsreds/reds-token-next';
 
-var Switch = function Switch(_ref) {
-  var value = _ref.value,
-    defaultValue = _ref.defaultValue,
-    onChange = _ref.onChange,
-    onClick = _ref.onClick,
-    trackOnColor = _ref.trackOnColor,
-    trackOffColor = _ref.trackOffColor;
-  var isControlled = useRef(value !== void 0);
-  var _useState = useState(defaultValue),
-    _useState2 = _slicedToArray(_useState, 2),
-    isOn = _useState2[0],
-    setIsOn = _useState2[1];
-  var animatedValue = useRef(new Animated.Value(defaultValue ? 18 : 2)).current;
-  var thumbTranslateX = animatedValue.interpolate({
-    inputRange: [2, 18],
-    outputRange: [2, 18]
-  });
-  useEffect(function () {
-    onChange === null || onChange === void 0 || onChange(!!isOn);
-  }, [isOn]);
-  useEffect(function () {
-    isControlled.current && setIsOn(value);
-  }, [value]);
-  var toggleSwitch = useCallback(function (e) {
-    onClick === null || onClick === void 0 || onClick(e);
-    !isControlled.current && setIsOn(function (v) {
-      return !v;
-    });
-  }, []);
-  var dynamicStyles = useMemo(function () {
-    Animated.timing(animatedValue, {
-      toValue: isOn ? 18 : 2,
-      duration: 200,
-      useNativeDriver: true
-    }).start();
-    return {
-      backgroundColor: isOn ? trackOnColor : trackOffColor,
-      transform: [{
-        translateX: thumbTranslateX
-      }]
-    };
-  }, [isOn]);
-  return /* @__PURE__ */React.createElement(TouchableWithoutFeedback, {
-    onPress: function onPress(e) {
-      return toggleSwitch(e);
-    }
-  }, /* @__PURE__ */React.createElement(View, {
-    style: [styles.switchContainer, {
-      backgroundColor: dynamicStyles.backgroundColor
-    }]
-  }, /* @__PURE__ */React.createElement(Animated.View, {
-    style: [styles.thumb, {
-      transform: dynamicStyles.transform
-    }]
-  })));
-};
-Switch.defaultProps = SwitchDefaultProps;
 
-export { Switch as default };
+
+export { Switch, Switch as default };
 //# sourceMappingURL=index.js.map

package/lib/esm/components/Switch/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Switch/index.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useMemo, useCallback } from \"react\";\nimport { View, TouchableWithoutFeedback, Animated, GestureResponderEvent } from \"react-native\";\nimport { RedsSwitch, SwitchDefaultProps } from \"./interface/index\";\nimport styles from \"./styles\";\n\nconst Switch = ({ value, defaultValue, onChange, onClick, trackOnColor, trackOffColor }: RedsSwitch) => {\n  const isControlled = useRef(value !== undefined);\n  const [isOn, setIsOn] = useState(defaultValue);\n\n  const animatedValue = useRef(new Animated.Value(defaultValue ? 18 : 2)).current;\n  const thumbTranslateX = animatedValue.interpolate({ inputRange: [2, 18], outputRange: [2, 18] });\n\n  useEffect(() => {\n    onChange?.(!!isOn);\n  }, [isOn]);\n\n  useEffect(() => {\n    isControlled.current && setIsOn(value);\n  }, [value]);\n\n  const toggleSwitch = useCallback((e: GestureResponderEvent) => {\n    onClick?.(e);\n    !isControlled.current && setIsOn((v) => !v);\n  }, []);\n\n  const dynamicStyles = useMemo(() => {\n    Animated.timing(animatedValue, {\n      toValue: isOn ? 18 : 2,\n      duration: 200,\n      useNativeDriver: true,\n    }).start();\n    return {\n      backgroundColor: isOn ? trackOnColor : trackOffColor,\n      transform: [{ translateX: thumbTranslateX }],\n    };\n  }, [isOn]);\n\n  return (\n    <TouchableWithoutFeedback onPress={(e) => toggleSwitch(e)}>\n      <View style={[styles.switchContainer, { backgroundColor: dynamicStyles.backgroundColor }]}>\n        <Animated.View style={[styles.thumb, { transform: dynamicStyles.transform }]}></Animated.View>\n      </View>\n    </TouchableWithoutFeedback>\n  );\n};\n\nSwitch.defaultProps = SwitchDefaultProps;\n\nexport default Switch;\n"],"names":["Switch","_ref","value","defaultValue","onChange","onClick","trackOnColor","trackOffColor","isControlled","useRef","_useState","useState","_useState2","_slicedToArray","isOn","setIsOn","animatedValue","Animated","Value","current","thumbTranslateX","interpolate","inputRange","outputRange","useEffect","toggleSwitch","useCallback","e","v","dynamicStyles","useMemo","timing","toValue","duration","useNativeDriver","start","backgroundColor","transform","translateX","React","createElement","TouchableWithoutFeedback","onPress","View","style","styles","switchContainer","thumb","defaultProps","SwitchDefaultProps"],"mappings":";;;;;;;AAKA,IAAMA,MAAA,GAAS,SAATA,MAAAA,CAAAC,IAAA,EAAkG;AAAA,EAAA,IAAtFC,KAAA,GAAAD,IAAA,CAAAC,KAAA;IAAOC,oBAAAA;IAAcC,QAAU,GAAAH,IAAA,CAAVG,QAAU;IAAAC,OAAA,GAAAJ,IAAA,CAAAI,OAAA;IAASC,YAAc,GAAAL,IAAA,CAAdK,YAAc;IAAAC,aAAA,GAAAN,IAAA,CAAAM,aAAA,CAAA;EAChE,IAAAC,YAAA,GAAeC,MAAO,CAAAP,KAAA,KAAU,KAAS,CAAA,CAAA,CAAA;AAC/C,EAAA,IAAAQ,SAAA,GAAwBC,SAASR,YAAY,CAAA;IAAAS,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAtCI,IAAAA,IAAA,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAMG,IAAAA,OAAO,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAEd,EAAA,IAAAI,aAAA,GAAgBP,OAAO,IAAIQ,QAAA,CAASC,MAAMf,YAAe,GAAA,EAAA,GAAK,CAAC,CAAC,CAAE,CAAAgB,OAAA,CAAA;AACxE,EAAA,IAAMC,eAAkB,GAAAJ,aAAA,CAAcK,WAAY,CAAA;AAAEC,IAAAA,YAAY,CAAC,CAAA,EAAG,EAAE,CAAA;AAAGC,IAAAA,WAAa,EAAA,CAAC,CAAG,EAAA,EAAE,CAAA;AAAE,GAAC,CAAA,CAAA;AAE/FC,EAAAA,SAAA,CAAU,YAAM;IACHpB,QAAA,KAAA,IAAA,IAAAA,QAAA,KAAAA,KAAAA,CAAAA,IAAAA,QAAA,CAAA,CAAC,CAACU,IAAI,CAAA,CAAA;AACnB,GAAA,EAAG,CAACA,IAAI,CAAC,CAAA,CAAA;AAETU,EAAAA,SAAA,CAAU,YAAM;AACDhB,IAAAA,YAAA,CAAAW,OAAA,IAAWJ,QAAQb,KAAK,CAAA,CAAA;AACvC,GAAA,EAAG,CAACA,KAAK,CAAC,CAAA,CAAA;AAEJ,EAAA,IAAAuB,YAAA,GAAeC,WAAY,CAAA,UAACC,CAA6B,EAAA;AAC7DtB,IAAAA,OAAA,aAAAA,OAAA,KAAA,KAAA,CAAA,IAAAA,OAAA,CAAUsB,CAAC,CAAA,CAAA;AACX,IAAA,CAACnB,aAAaW,OAAW,IAAAJ,OAAA,CAAQ,UAACa,CAAA,EAAA;AAAA,MAAA,OAAM,CAACA,CAAC,CAAA;KAAA,CAAA,CAAA;GAC5C,EAAG,EAAE,CAAA,CAAA;AAEC,EAAA,IAAAC,aAAA,GAAgBC,QAAQ,YAAM;AAClCb,IAAAA,QAAA,CAASc,OAAOf,aAAe,EAAA;AAC7BgB,MAAAA,OAAA,EAASlB,OAAO,EAAK,GAAA,CAAA;AACrBmB,MAAAA,QAAU,EAAA,GAAA;AACVC,MAAAA,eAAiB,EAAA,IAAA;AACnB,KAAC,EAAEC,KAAM,EAAA,CAAA;IACF,OAAA;AACLC,MAAAA,eAAA,EAAiBtB,OAAOR,YAAe,GAAAC,aAAA;AACvC8B,MAAAA,SAAW,EAAA,CAAC;AAAEC,QAAAA,UAAA,EAAYlB,eAAAA;OAAiB,CAAA;KAC7C,CAAA;AACF,GAAA,EAAG,CAACN,IAAI,CAAC,CAAA,CAAA;AAET,EAAA,sBACGyB,KAAA,CAAAC,aAAA,CAAAC,wBAAA,EAAA;IAAyBC,OAAS,EAAA,SAAAA,OAAAA,CAACf;aAAMF,YAAa,CAAAE,CAAC,CACtD,CAAA;AAAA,KAAA;AAAA,GAAA,iBAAAY,KAAA,CAAAC,aAAA,CAACG;AAAKC,IAAAA,KAAO,EAAA,CAACC,MAAO,CAAAC,eAAA,EAAiB;MAAEV,eAAiB,EAAAP,aAAA,CAAcO,eAAAA;KAAiB,CAAA;oBACrFG,KAAA,CAAAC,aAAA,CAAAvB,QAAA,CAAS0B,IAAT,EAAA;AAAcC,IAAAA,OAAO,CAACC,MAAA,CAAOE,KAAO,EAAA;MAAEV,WAAWR,aAAc,CAAAQ,SAAAA;KAAW,CAAA;GAAG,CAChF,CACF,CAAA,CAAA;AAEJ,EAAA;AAEArC,MAAA,CAAOgD,YAAe,GAAAC,kBAAA;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/lib/esm/components/Switch/interface/index.js

@@ -1,12 +1,3 @@
-import { lightColor } from '@xhsreds/reds-token-next';
-
-var SwitchDefaultProps = {
-  value: void 0,
-  defaultValue: false,
-  disabled: false,
-  trackOnColor: lightColor.Primary,
-  trackOffColor: lightColor.Fill2
-};
-
-export { SwitchDefaultProps };
+import '@xhsreds/reds-token-next';
+export { S as SwitchDefaultProps } from '../../../_chunks/B3zY_xWO.js';
 //# sourceMappingURL=index.js.map

package/lib/esm/components/Switch/interface/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Switch/interface/index.ts"],"sourcesContent":["import { GestureResponderEvent } from \"react-native\";\nimport { lightColor } from \"@xhsreds/reds-token-next\";\nexport interface RedsSwitch {\n  value?: boolean;\n  defaultValue?: boolean;\n  disabled?: boolean;\n  trackOnColor?: string;\n  trackOffColor?: string;\n  onChange?: (value: boolean) => any;\n  onClick?: (value: GestureResponderEvent) => any;\n}\n\nexport interface RedsSwitchEvent {}\nexport const SwitchDefaultProps = {\n  value: undefined,\n  defaultValue: false,\n  disabled: false,\n  trackOnColor: lightColor.Primary,\n  trackOffColor: lightColor.Fill2,\n};\n"],"names":["SwitchDefaultProps","value","defaultValue","disabled","trackOnColor","lightColor","Primary","trackOffColor","Fill2"],"mappings":";;AAaO,IAAMA,kBAAqB,GAAA;EAChCC,KAAO,EAAA,KAAA,CAAA;AACPC,EAAAA,YAAc,EAAA,KAAA;AACdC,EAAAA,QAAU,EAAA,KAAA;EACVC,cAAcC,UAAW,CAAAC,OAAA;EACzBC,eAAeF,UAAW,CAAAG,KAAAA;AAC5B;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/lib/esm/components/Switch/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/Switch/styles.tsx"],"sourcesContent":["import { alwaysColor } from \"@xhsreds/reds-token-next\";\nimport { StyleSheet } from \"react-native\";\n\nconst styles = StyleSheet.create({\n  switchContainer: {\n    width: 40,\n    height: 24,\n    borderRadius: 15,\n    justifyContent: \"center\",\n    alignItems: \"center\",\n  },\n  thumb: {\n    width: 20,\n    height: 20,\n    borderRadius: 10,\n    backgroundColor: alwaysColor.White,\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    position: \"absolute\",\n    left: 0,\n  },\n});\n\nexport default styles;\n"],"names":["styles","StyleSheet","create","switchContainer","width","height","borderRadius","justifyContent","alignItems","thumb","backgroundColor","alwaysColor","White","position","left"],"mappings":";;;AAGA,IAAMA,MAAA,GAASC,WAAWC,MAAO,CAAA;AAC/BC,EAAAA,eAAiB,EAAA;AACfC,IAAAA,KAAO,EAAA,EAAA;AACPC,IAAAA,MAAQ,EAAA,EAAA;AACRC,IAAAA,YAAc,EAAA,EAAA;AACdC,IAAAA,cAAgB,EAAA,QAAA;AAChBC,IAAAA,UAAY,EAAA,QAAA;GACd;AACAC,EAAAA,KAAO,EAAA;AACLL,IAAAA,KAAO,EAAA,EAAA;AACPC,IAAAA,MAAQ,EAAA,EAAA;AACRC,IAAAA,YAAc,EAAA,EAAA;IACdI,iBAAiBC,WAAY,CAAAC,KAAA;AAC7BL,IAAAA,cAAgB,EAAA,QAAA;AAChBC,IAAAA,UAAY,EAAA,QAAA;AACZK,IAAAA,QAAU,EAAA,UAAA;AACVC,IAAAA,IAAM,EAAA,CAAA;AACR,GAAA;AACF,CAAC;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../src/components/Switch/styles.ts"],"sourcesContent":["import { alwaysColor } from \"@xhsreds/reds-token-next\";\nimport { StyleSheet } from \"react-native\";\n\nconst styles = StyleSheet.create({\n  switchContainer: {\n    width: 40,\n    height: 24,\n    borderRadius: 15,\n    justifyContent: \"center\",\n    alignItems: \"center\",\n  },\n  thumb: {\n    width: 20,\n    height: 20,\n    borderRadius: 10,\n    backgroundColor: alwaysColor.White,\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    position: \"absolute\",\n    left: 0,\n  },\n});\n\nexport default styles;\n"],"names":["styles","StyleSheet","create","switchContainer","width","height","borderRadius","justifyContent","alignItems","thumb","backgroundColor","alwaysColor","White","position","left"],"mappings":";;;AAGA,IAAMA,MAAA,GAASC,WAAWC,MAAO,CAAA;AAC/BC,EAAAA,eAAiB,EAAA;AACfC,IAAAA,KAAO,EAAA,EAAA;AACPC,IAAAA,MAAQ,EAAA,EAAA;AACRC,IAAAA,YAAc,EAAA,EAAA;AACdC,IAAAA,cAAgB,EAAA,QAAA;AAChBC,IAAAA,UAAY,EAAA,QAAA;GACd;AACAC,EAAAA,KAAO,EAAA;AACLL,IAAAA,KAAO,EAAA,EAAA;AACPC,IAAAA,MAAQ,EAAA,EAAA;AACRC,IAAAA,YAAc,EAAA,EAAA;IACdI,iBAAiBC,WAAY,CAAAC,KAAA;AAC7BL,IAAAA,cAAgB,EAAA,QAAA;AAChBC,IAAAA,UAAY,EAAA,QAAA;AACZK,IAAAA,QAAU,EAAA,UAAA;AACVC,IAAAA,IAAM,EAAA,CAAA;AACR,GAAA;AACF,CAAC;;;;"}

package/lib/esm/components/Tag/Tag.js

@@ -0,0 +1,199 @@
+import { c as _slicedToArray } from '../../_chunks/GCWGuPmB.js';
+import React, { memo, forwardRef, useState, useImperativeHandle, useMemo } from 'react';
+import { StyleSheet, View, TouchableOpacity, Text } from 'react-native';
+import { T as TagDefaultProps } from '../../_chunks/CszwJiJx.js';
+import { lightColor, alwaysColor, typography } from '@xhsreds/reds-token-next';
+
+var typeStyles = {
+  primary: {
+    backgroundColor: lightColor.Primary2,
+    color: lightColor.Primary,
+    borderColor: lightColor.Primary
+  },
+  "default": {
+    backgroundColor: lightColor.Fill1,
+    color: lightColor.Paragraph,
+    borderColor: lightColor.Separator2
+  },
+  warning: {
+    backgroundColor: lightColor.Warning2,
+    color: lightColor.Warning,
+    borderColor: lightColor.Warning
+  },
+  success: {
+    backgroundColor: lightColor.Success2,
+    color: lightColor.Success,
+    borderColor: lightColor.Success
+  },
+  info: {
+    backgroundColor: lightColor.Info2,
+    color: lightColor.Info,
+    borderColor: lightColor.Info
+  },
+  ghost: {
+    backgroundColor: alwaysColor.Black,
+    color: alwaysColor.White,
+    borderColor: alwaysColor.LightTitle
+  }
+};
+var sizeStyles = {
+  mini: {
+    fontSize: typography.C3FontSize,
+    lineHeight: typography.C3LineHeight,
+    height: 16,
+    paddingHorizontal: 4,
+    paddingVertical: 1,
+    borderRadius: 4
+  },
+  small: {
+    fontSize: typography.C3FontSize,
+    lineHeight: typography.C3LineHeight,
+    height: 20,
+    paddingHorizontal: 6,
+    paddingVertical: 3,
+    borderRadius: 4
+  },
+  medium: {
+    fontSize: typography.C2FontSize,
+    lineHeight: typography.C2LineHeight,
+    height: 28,
+    paddingHorizontal: 10,
+    paddingVertical: 5,
+    borderRadius: 6
+  },
+  large: {
+    fontSize: typography.B2FontSize,
+    lineHeight: typography.B2LineHeight,
+    height: 36,
+    paddingHorizontal: 16,
+    paddingVertical: 8,
+    borderRadius: 6
+  }
+};
+var shapeStyles = {
+  square: {},
+  round: {
+    borderRadius: 999
+  },
+  mark: {
+    borderRadius: 999,
+    borderTopLeftRadius: 0,
+    borderBottomLeftRadius: 0
+  }
+};
+var Tag = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref) {
+  var content = props.content,
+    _props$type = props.type,
+    type = _props$type === void 0 ? TagDefaultProps.type : _props$type,
+    _props$size = props.size,
+    size = _props$size === void 0 ? TagDefaultProps.size : _props$size,
+    _props$plain = props.plain,
+    plain = _props$plain === void 0 ? TagDefaultProps.plain : _props$plain,
+    borderRadius = props.borderRadius,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? TagDefaultProps.disabled : _props$disabled,
+    _props$shape = props.shape,
+    shape = _props$shape === void 0 ? TagDefaultProps.shape : _props$shape,
+    _props$closeabled = props.closeabled,
+    closeabled = _props$closeabled === void 0 ? TagDefaultProps.closeabled : _props$closeabled,
+    icon = props.icon,
+    afterIcon = props.afterIcon,
+    closeIcon = props.closeIcon,
+    onClose = props.onClose,
+    children = props.children;
+  var _useState = useState(true),
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  useImperativeHandle(ref, function () {
+    return {
+      setVisible: setVisible
+    };
+  });
+  var tagStyle = useMemo(function () {
+    var style = {
+      fontFamily: "PingFang SC",
+      fontWeight: typography.C3FontWeight,
+      alignItems: "center",
+      borderWidth: 0.5,
+      borderColor: "transparent",
+      cursor: disabled ? "not-allowed" : "pointer",
+      userSelect: "none",
+      opacity: disabled ? 0.5 : 1,
+      alignSelf: "flex-start",
+      flexShrink: 0,
+      flexDirection: "row"
+    };
+    if (type) {
+      var currentType = type;
+      Object.assign(style, plain ? {
+        backgroundColor: "transparent",
+        borderColor: typeStyles[currentType].borderColor,
+        color: typeStyles[currentType].color
+      } : {
+        backgroundColor: typeStyles[currentType].backgroundColor,
+        borderColor: "transparent",
+        color: typeStyles[currentType].color
+      });
+    }
+    if (size) {
+      Object.assign(style, sizeStyles[size]);
+    }
+    if (borderRadius) {
+      style.borderRadius = borderRadius;
+    } else if (shape) {
+      Object.assign(style, shapeStyles[shape]);
+    }
+    return style;
+  }, [type, size, plain, borderRadius, shape, disabled]);
+  var textStyle = useMemo(function () {
+    return {
+      color: type ? typeStyles[type].color : void 0
+    };
+  }, [type]);
+  var handleClose = function handleClose(event) {
+    if (!disabled) {
+      setVisible(false);
+      onClose && onClose(event);
+    }
+  };
+  if (!visible) return null;
+  return /* @__PURE__ */React.createElement(View, {
+    style: [styles.tag, tagStyle]
+  }, /* @__PURE__ */React.createElement(TouchableOpacity, {
+    disabled: disabled,
+    style: {
+      flexDirection: "row",
+      alignItems: "center"
+    }
+  }, icon && /* @__PURE__ */React.createElement(View, {
+    style: {
+      marginRight: 3
+    }
+  }, icon), !content ? /* @__PURE__ */React.createElement(Text, {
+    style: textStyle
+  }, children) : /* @__PURE__ */React.createElement(Text, {
+    style: textStyle
+  }, typeof content === "function" ? content({}) : content), afterIcon && /* @__PURE__ */React.createElement(View, {
+    style: {
+      marginLeft: 3
+    }
+  }, afterIcon)), closeabled && /* @__PURE__ */React.createElement(TouchableOpacity, {
+    onPress: handleClose,
+    style: {
+      marginLeft: 3
+    }
+  }, closeIcon));
+}));
+var styles = StyleSheet.create({
+  tag: {
+    alignItems: "center",
+    borderWidth: 0.5,
+    borderColor: "transparent",
+    paddingHorizontal: 10,
+    paddingVertical: 5
+  }
+});
+
+export { Tag as default };
+//# sourceMappingURL=Tag.js.map

package/lib/esm/components/Tag/Tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.js","sources":["../../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import React, { useState, useMemo, useImperativeHandle, forwardRef, memo, FunctionComponent } from \"react\";\nimport { View, Text, StyleSheet, GestureResponderEvent, TouchableOpacity } from \"react-native\";\nimport { RedsTag, TagDefaultProps } from \"./interface\";\nimport { lightColor, typography, alwaysColor } from \"@xhsreds/reds-token-next\";\n\nconst typeStyles = {\n  primary: {\n    backgroundColor: lightColor.Primary2,\n    color: lightColor.Primary,\n    borderColor: lightColor.Primary,\n  },\n  default: {\n    backgroundColor: lightColor.Fill1,\n    color: lightColor.Paragraph,\n    borderColor: lightColor.Separator2,\n  },\n  warning: {\n    backgroundColor: lightColor.Warning2,\n    color: lightColor.Warning,\n    borderColor: lightColor.Warning,\n  },\n  success: {\n    backgroundColor: lightColor.Success2,\n    color: lightColor.Success,\n    borderColor: lightColor.Success,\n  },\n  info: {\n    backgroundColor: lightColor.Info2,\n    color: lightColor.Info,\n    borderColor: lightColor.Info,\n  },\n  ghost: {\n    backgroundColor: alwaysColor.Black,\n    color: alwaysColor.White,\n    borderColor: alwaysColor.LightTitle,\n  },\n};\n\nconst sizeStyles: { [key: string]: any } = {\n  mini: {\n    fontSize: typography.C3FontSize,\n    lineHeight: typography.C3LineHeight,\n    height: 16,\n    paddingHorizontal: 4,\n    paddingVertical: 1,\n    borderRadius: 4,\n  },\n  small: {\n    fontSize: typography.C3FontSize,\n    lineHeight: typography.C3LineHeight,\n    height: 20,\n    paddingHorizontal: 6,\n    paddingVertical: 3,\n    borderRadius: 4,\n  },\n  medium: {\n    fontSize: typography.C2FontSize,\n    lineHeight: typography.C2LineHeight,\n    height: 28,\n    paddingHorizontal: 10,\n    paddingVertical: 5,\n    borderRadius: 6,\n  },\n  large: {\n    fontSize: typography.B2FontSize,\n    lineHeight: typography.B2LineHeight,\n    height: 36,\n    paddingHorizontal: 16,\n    paddingVertical: 8,\n    borderRadius: 6,\n  },\n};\n\nconst shapeStyles: { [key: string]: any } = {\n  square: {},\n  round: { borderRadius: 999 },\n  mark: { borderRadius: 999, borderTopLeftRadius: 0, borderBottomLeftRadius: 0 },\n};\n\nconst Tag: FunctionComponent<RedsTag> = memo(\n  forwardRef((props: RedsTag, ref) => {\n    const {\n      content,\n      type = TagDefaultProps.type,\n      size = TagDefaultProps.size,\n      plain = TagDefaultProps.plain,\n      borderRadius,\n      disabled = TagDefaultProps.disabled,\n      shape = TagDefaultProps.shape,\n      closeabled = TagDefaultProps.closeabled,\n      icon,\n      afterIcon,\n      closeIcon,\n      onClose,\n      children,\n    } = props;\n\n    const [visible, setVisible] = useState<boolean>(true);\n\n    useImperativeHandle(ref, () => ({\n      setVisible,\n    }));\n\n    const tagStyle = useMemo(() => {\n      const style: any = {\n        fontFamily: \"PingFang SC\",\n        fontWeight: typography.C3FontWeight,\n        alignItems: \"center\",\n        borderWidth: 0.5,\n        borderColor: \"transparent\",\n        cursor: disabled ? \"not-allowed\" : \"pointer\",\n        userSelect: \"none\",\n        opacity: disabled ? 0.5 : 1,\n        alignSelf: \"flex-start\",\n        flexShrink: 0,\n        flexDirection: \"row\",\n      };\n      if (type) {\n        const currentType = type as keyof typeof typeStyles;\n        Object.assign(\n          style,\n          plain\n            ? {\n                backgroundColor: \"transparent\",\n                borderColor: typeStyles[currentType].borderColor,\n                color: typeStyles[currentType].color,\n              }\n            : {\n                backgroundColor: typeStyles[currentType].backgroundColor,\n                borderColor: \"transparent\",\n                color: typeStyles[currentType].color,\n              },\n        );\n      }\n\n      if (size) {\n        Object.assign(style, sizeStyles[size]);\n      }\n\n      if (borderRadius) {\n        style.borderRadius = borderRadius;\n      } else if (shape) {\n        Object.assign(style, shapeStyles[shape]);\n      }\n\n      return style;\n    }, [type, size, plain, borderRadius, shape, disabled]);\n\n    const textStyle = useMemo(() => {\n      return {\n        color: type ? typeStyles[type as keyof typeof typeStyles].color : undefined,\n      };\n    }, [type]);\n\n    const handleClose = (event: GestureResponderEvent) => {\n      if (!disabled) {\n        setVisible(false);\n        onClose && onClose(event);\n      }\n    };\n\n    if (!visible) return null;\n\n    return (\n      <View style={[styles.tag, tagStyle]}>\n        <TouchableOpacity disabled={disabled} style={{ flexDirection: \"row\", alignItems: \"center\" }}>\n          {icon && <View style={{ marginRight: 3 }}>{icon}</View>}\n          {!content ? (\n            <Text style={textStyle}>{children}</Text>\n          ) : (\n            <Text style={textStyle}>{typeof content === \"function\" ? content({}) : content}</Text>\n          )}\n          {afterIcon && <View style={{ marginLeft: 3 }}>{afterIcon}</View>}\n        </TouchableOpacity>\n        {closeabled && (\n          <TouchableOpacity onPress={handleClose} style={{ marginLeft: 3 }}>\n            {closeIcon}\n          </TouchableOpacity>\n        )}\n      </View>\n    );\n  }),\n);\n\nconst styles = StyleSheet.create({\n  tag: {\n    alignItems: \"center\",\n    borderWidth: 0.5,\n    borderColor: \"transparent\",\n    paddingHorizontal: 10,\n    paddingVertical: 5,\n  },\n});\n\nexport default Tag;\n"],"names":["typeStyles","primary","backgroundColor","lightColor","Primary2","color","Primary","borderColor","Fill1","Paragraph","Separator2","warning","Warning2","Warning","success","Success2","Success","info","Info2","Info","ghost","alwaysColor","Black","White","LightTitle","sizeStyles","mini","fontSize","typography","C3FontSize","lineHeight","C3LineHeight","height","paddingHorizontal","paddingVertical","borderRadius","small","medium","C2FontSize","C2LineHeight","large","B2FontSize","B2LineHeight","shapeStyles","square","round","mark","borderTopLeftRadius","borderBottomLeftRadius","Tag","memo","forwardRef","props","ref","content","_props$type","type","TagDefaultProps","_props$size","size","_props$plain","plain","_props$disabled","disabled","_props$shape","shape","_props$closeabled","closeabled","icon","afterIcon","closeIcon","onClose","children","_useState","useState","_useState2","_slicedToArray","visible","setVisible","useImperativeHandle","tagStyle","useMemo","style","fontFamily","fontWeight","C3FontWeight","alignItems","borderWidth","cursor","userSelect","opacity","alignSelf","flexShrink","flexDirection","currentType","Object","assign","textStyle","handleClose","event","React","createElement","View","styles","tag","TouchableOpacity","marginRight","Text","marginLeft","onPress","StyleSheet","create"],"mappings":"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"}

package/lib/esm/components/Tag/index.js

@@ -1,210 +1,11 @@
-import { b as _slicedToArray } from '../../_chunks/zVU7tqWk.js';
-import React, { useState, useMemo } from 'react';
-import { StyleSheet, View, Pressable, Text } from 'react-native';
-import { lightColor, alwaysColor, typography } from '@xhsreds/reds-token-next';
+import Tag from './Tag.js';
+export { i as TagType } from '../../_chunks/CszwJiJx.js';
+import '../../_chunks/GCWGuPmB.js';
+import 'react';
+import 'react-native';
+import '@xhsreds/reds-token-next';
 
-var typeStyles = {
-  primary: {
-    backgroundColor: lightColor.Primary2,
-    color: lightColor.Primary,
-    borderColor: lightColor.Primary
-  },
-  "default": {
-    backgroundColor: lightColor.Fill1,
-    color: lightColor.Paragraph,
-    borderColor: lightColor.Separator2
-  },
-  warning: {
-    backgroundColor: lightColor.Warning2,
-    color: lightColor.Warning,
-    borderColor: lightColor.Warning
-  },
-  success: {
-    backgroundColor: lightColor.Success2,
-    color: lightColor.Success,
-    borderColor: lightColor.Success
-  },
-  info: {
-    backgroundColor: lightColor.Info2,
-    color: lightColor.Info,
-    borderColor: lightColor.Info
-  },
-  ghost: {
-    backgroundColor: alwaysColor.Black,
-    color: alwaysColor.White,
-    borderColor: alwaysColor.LightTitle
-  }
-};
-var sizeStyles = {
-  mini: {
-    fontSize: typography.C3FontSize,
-    lineHeight: typography.C3LineHeight,
-    height: 16,
-    paddingHorizontal: 4,
-    paddingVertical: 1,
-    borderRadius: 4
-  },
-  small: {
-    fontSize: typography.C3FontSize,
-    lineHeight: typography.C3LineHeight,
-    height: 20,
-    paddingHorizontal: 6,
-    paddingVertical: 3,
-    borderRadius: 4
-  },
-  medium: {
-    fontSize: typography.C2FontSize,
-    lineHeight: typography.C2LineHeight,
-    height: 28,
-    paddingHorizontal: 10,
-    paddingVertical: 5,
-    borderRadius: 6
-  },
-  large: {
-    fontSize: typography.B2FontSize,
-    lineHeight: typography.B2LineHeight,
-    height: 36,
-    paddingHorizontal: 16,
-    paddingVertical: 8,
-    borderRadius: 6
-  }
-};
-var shapeStyles = {
-  square: {},
-  round: {
-    borderRadius: 999
-  },
-  mark: {
-    borderRadius: 999,
-    borderTopLeftRadius: 0,
-    borderBottomLeftRadius: 0
-  }
-};
-var Tag = function Tag(_ref) {
-  var content = _ref.content,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? "default" : _ref$type,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? "medium" : _ref$size,
-    _ref$plain = _ref.plain,
-    plain = _ref$plain === void 0 ? false : _ref$plain,
-    borderRadius = _ref.borderRadius,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$shape = _ref.shape,
-    shape = _ref$shape === void 0 ? "square" : _ref$shape,
-    _ref$checkable = _ref.checkable,
-    checkable = _ref$checkable === void 0 ? false : _ref$checkable,
-    _ref$checked = _ref.checked,
-    checked = _ref$checked === void 0 ? false : _ref$checked,
-    _ref$closeabled = _ref.closeabled,
-    closeabled = _ref$closeabled === void 0 ? false : _ref$closeabled,
-    icon = _ref.icon,
-    afterIcon = _ref.afterIcon,
-    closeIcon = _ref.closeIcon,
-    onCheck = _ref.onCheck,
-    onClose = _ref.onClose,
-    children = _ref.children;
-  var _useState = useState(checked),
-    _useState2 = _slicedToArray(_useState, 2),
-    internalChecked = _useState2[0],
-    setInternalChecked = _useState2[1];
-  var _useState3 = useState(true),
-    _useState4 = _slicedToArray(_useState3, 2),
-    visible = _useState4[0],
-    setVisible = _useState4[1];
-  var tagStyle = useMemo(function () {
-    var style = {
-      fontFamily: "PingFang SC",
-      fontWeight: typography.C3FontWeight,
-      alignItems: "center",
-      borderWidth: 0.5,
-      borderColor: "transparent",
-      cursor: disabled ? "not-allowed" : "pointer",
-      userSelect: "none",
-      opacity: disabled ? 0.5 : 1,
-      alignSelf: "flex-start",
-      flexShrink: 0,
-      flexDirection: "row"
-    };
-    var currentType = internalChecked ? "primary" : type;
-    if (type) {
-      Object.assign(style, plain ? {
-        backgroundColor: "transparent",
-        borderColor: typeStyles[currentType].borderColor,
-        color: typeStyles[currentType].color
-      } : {
-        backgroundColor: typeStyles[currentType].backgroundColor,
-        borderColor: "transparent",
-        color: typeStyles[currentType].color
-      });
-    }
-    if (size) {
-      Object.assign(style, sizeStyles[size]);
-    }
-    if (borderRadius) {
-      style.borderRadius = borderRadius;
-    } else if (shape) {
-      Object.assign(style, shapeStyles[shape]);
-    }
-    return style;
-  }, [type, size, plain, borderRadius, shape, internalChecked, disabled]);
-  var textStyle = useMemo(function () {
-    var currentType = internalChecked ? "primary" : type;
-    return {
-      color: typeStyles[currentType].color
-    };
-  }, [type, internalChecked]);
-  var handleCheck = function handleCheck(event) {
-    if (checkable && !disabled) {
-      setInternalChecked(!internalChecked);
-      onCheck && onCheck(!internalChecked);
-    }
-  };
-  var handleClose = function handleClose(event) {
-    if (!disabled) {
-      setVisible(false);
-      onClose && onClose(event);
-    }
-  };
-  if (!visible) return null;
-  return /* @__PURE__ */React.createElement(View, {
-    style: [styles.tag, tagStyle]
-  }, /* @__PURE__ */React.createElement(Pressable, {
-    onPress: handleCheck,
-    disabled: disabled,
-    style: {
-      flexDirection: "row",
-      alignItems: "center"
-    }
-  }, icon && /* @__PURE__ */React.createElement(View, {
-    style: {
-      marginRight: 3
-    }
-  }, icon), !content ? /* @__PURE__ */React.createElement(Text, {
-    style: textStyle
-  }, children) : /* @__PURE__ */React.createElement(Text, {
-    style: textStyle
-  }, typeof content === "function" ? content({}) : content), afterIcon && /* @__PURE__ */React.createElement(View, {
-    style: {
-      marginLeft: 3
-    }
-  }, afterIcon)), closeabled && /* @__PURE__ */React.createElement(Pressable, {
-    onPress: handleClose,
-    style: {
-      marginLeft: 3
-    }
-  }, closeIcon));
-};
-var styles = StyleSheet.create({
-  tag: {
-    alignItems: "center",
-    borderWidth: 0.5,
-    borderColor: "transparent",
-    paddingHorizontal: 10,
-    paddingVertical: 5
-  }
-});
 
-export { Tag as default };
+
+export { Tag, Tag as default };
 //# sourceMappingURL=index.js.map

package/lib/esm/components/Tag/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Tag/index.tsx"],"sourcesContent":["import React, { useState, useMemo, ReactNode, FunctionComponent } from \"react\";\nimport { View, Text, StyleSheet, GestureResponderEvent, Pressable } from \"react-native\";\nimport { RedsTag } from \"./interface\";\nimport { lightColor, typography, alwaysColor } from \"@xhsreds/reds-token-next\";\n\nconst typeStyles = {\n  primary: {\n    backgroundColor: lightColor.Primary2,\n    color: lightColor.Primary,\n    borderColor: lightColor.Primary,\n  },\n  default: {\n    backgroundColor: lightColor.Fill1,\n    color: lightColor.Paragraph,\n    borderColor: lightColor.Separator2,\n  },\n  warning: {\n    backgroundColor: lightColor.Warning2,\n    color: lightColor.Warning,\n    borderColor: lightColor.Warning,\n  },\n  success: {\n    backgroundColor: lightColor.Success2,\n    color: lightColor.Success,\n    borderColor: lightColor.Success,\n  },\n  info: {\n    backgroundColor: lightColor.Info2,\n    color: lightColor.Info,\n    borderColor: lightColor.Info,\n  },\n  ghost: {\n    backgroundColor: alwaysColor.Black,\n    color: alwaysColor.White,\n    borderColor: alwaysColor.LightTitle,\n  },\n};\n\nconst sizeStyles = {\n  mini: {\n    fontSize: typography.C3FontSize,\n    lineHeight: typography.C3LineHeight,\n    height: 16,\n    paddingHorizontal: 4,\n    paddingVertical: 1,\n    borderRadius: 4,\n  },\n  small: {\n    fontSize: typography.C3FontSize,\n    lineHeight: typography.C3LineHeight,\n    height: 20,\n    paddingHorizontal: 6,\n    paddingVertical: 3,\n    borderRadius: 4,\n  },\n  medium: {\n    fontSize: typography.C2FontSize,\n    lineHeight: typography.C2LineHeight,\n    height: 28,\n    paddingHorizontal: 10,\n    paddingVertical: 5,\n    borderRadius: 6,\n  },\n  large: {\n    fontSize: typography.B2FontSize,\n    lineHeight: typography.B2LineHeight,\n    height: 36,\n    paddingHorizontal: 16,\n    paddingVertical: 8,\n    borderRadius: 6,\n  },\n};\n\nconst shapeStyles = {\n  square: {},\n  round: { borderRadius: 999 },\n  mark: { borderRadius: 999, borderTopLeftRadius: 0, borderBottomLeftRadius: 0 },\n};\n\nconst Tag: FunctionComponent<RedsTag> = ({\n  content,\n  type = \"default\",\n  size = \"medium\",\n  plain = false,\n  borderRadius,\n  disabled = false,\n  shape = \"square\",\n  checkable = false,\n  checked = false,\n  closeabled = false,\n  icon,\n  afterIcon,\n  closeIcon,\n  onCheck,\n  onClose,\n  children,\n}) => {\n  const [internalChecked, setInternalChecked] = useState<boolean>(checked);\n  const [visible, setVisible] = useState<boolean>(true);\n\n  const tagStyle = useMemo(() => {\n    const style: any = {\n      fontFamily: \"PingFang SC\",\n      fontWeight: typography.C3FontWeight,\n      alignItems: \"center\",\n      borderWidth: 0.5,\n      borderColor: \"transparent\",\n      cursor: disabled ? \"not-allowed\" : \"pointer\",\n      userSelect: \"none\",\n      opacity: disabled ? 0.5 : 1,\n      alignSelf: \"flex-start\",\n      flexShrink: 0,\n      flexDirection: \"row\",\n    };\n    const currentType = internalChecked ? \"primary\" : type;\n    if (type) {\n      Object.assign(\n        style,\n        plain\n          ? {\n              backgroundColor: \"transparent\",\n              borderColor: typeStyles[currentType].borderColor,\n              color: typeStyles[currentType].color,\n            }\n          : {\n              backgroundColor: typeStyles[currentType].backgroundColor,\n              borderColor: \"transparent\",\n              color: typeStyles[currentType].color,\n            },\n      );\n    }\n\n    if (size) {\n      Object.assign(style, sizeStyles[size]);\n    }\n\n    if (borderRadius) {\n      style.borderRadius = borderRadius;\n    } else if (shape) {\n      Object.assign(style, shapeStyles[shape]);\n    }\n\n    return style;\n  }, [type, size, plain, borderRadius, shape, internalChecked, disabled]);\n\n  const textStyle = useMemo(() => {\n    const currentType = internalChecked ? \"primary\" : type;\n    return {\n      color: typeStyles[currentType].color,\n    };\n  }, [type, internalChecked]);\n\n  const handleCheck = (event: GestureResponderEvent) => {\n    if (checkable && !disabled) {\n      setInternalChecked(!internalChecked);\n      onCheck && onCheck(!internalChecked);\n    }\n  };\n\n  const handleClose = (event: GestureResponderEvent) => {\n    if (!disabled) {\n      setVisible(false);\n      onClose && onClose(event);\n    }\n  };\n\n  if (!visible) return null;\n\n  return (\n    <View style={[styles.tag, tagStyle]}>\n      <Pressable onPress={handleCheck} disabled={disabled} style={{ flexDirection: \"row\", alignItems: \"center\" }}>\n        {icon && <View style={{ marginRight: 3 }}>{icon}</View>}\n        {!content ? (\n          <Text style={textStyle}>{children}</Text>\n        ) : (\n          <Text style={textStyle}>{typeof content === \"function\" ? content({}) : content}</Text>\n        )}\n        {afterIcon && <View style={{ marginLeft: 3 }}>{afterIcon}</View>}\n      </Pressable>\n      {closeabled && (\n        <Pressable onPress={handleClose} style={{ marginLeft: 3 }}>\n          {closeIcon}\n        </Pressable>\n      )}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  tag: {\n    alignItems: \"center\",\n    borderWidth: 0.5,\n    borderColor: \"transparent\",\n    paddingHorizontal: 10,\n    paddingVertical: 5,\n  },\n});\n\nexport default Tag;\n"],"names":["typeStyles","primary","backgroundColor","lightColor","Primary2","color","Primary","borderColor","Fill1","Paragraph","Separator2","warning","Warning2","Warning","success","Success2","Success","info","Info2","Info","ghost","alwaysColor","Black","White","LightTitle","sizeStyles","mini","fontSize","typography","C3FontSize","lineHeight","C3LineHeight","height","paddingHorizontal","paddingVertical","borderRadius","small","medium","C2FontSize","C2LineHeight","large","B2FontSize","B2LineHeight","shapeStyles","square","round","mark","borderTopLeftRadius","borderBottomLeftRadius","Tag","content","_ref","_ref$type","type","_ref$size","size","_ref$plain","plain","_ref$disabled","disabled","_ref$shape","shape","_ref$checkable","checkable","_ref$checked","checked","_ref$closeabled","closeabled","icon","afterIcon","closeIcon","onCheck","onClose","children","_useState","useState","_useState2","_slicedToArray","internalChecked","setInternalChecked","_useState3","_useState4","visible","setVisible","tagStyle","useMemo","style","fontFamily","fontWeight","C3FontWeight","alignItems","borderWidth","cursor","userSelect","opacity","alignSelf","flexShrink","flexDirection","currentType","Object","assign","textStyle","handleCheck","event","handleClose","React","createElement","View","styles","tag","Pressable","onPress","marginRight","Text","marginLeft","StyleSheet","create"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/lib/esm/components/Tag/interface/index.js

@@ -1,19 +1,2 @@
-var TagDefaultProps = {
-  content: void 0,
-  type: "default",
-  size: "medium",
-  plain: false,
-  borderRadius: void 0,
-  disabled: false,
-  shape: "square",
-  checkable: false,
-  checked: false,
-  closeabled: false,
-  icon: void 0,
-  afterIcon: void 0,
-  closeIcon: void 0,
-  children: void 0
-};
-
-export { TagDefaultProps };
+export { T as TagDefaultProps } from '../../../_chunks/CszwJiJx.js';
 //# sourceMappingURL=index.js.map

package/lib/esm/components/Tag/interface/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Tag/interface/index.ts"],"sourcesContent":["import { GestureResponderEvent } from \"react-native\";\nimport { lightColor } from \"@xhsreds/reds-token-next\";\nimport { ReactNode } from \"react\";\nexport interface RedsTag {\n  content?: string | Function;\n  type?: \"primary\" | \"default\" | \"warning\" | \"success\" | \"info\" | \"ghost\";\n  size?: \"mini\" | \"small\" | \"medium\" | \"large\";\n  plain?: boolean;\n  borderRadius?: number;\n  disabled?: boolean;\n  shape?: \"square\" | \"round\" | \"mark\";\n  checkable?: boolean;\n  checked?: boolean;\n  closeabled?: boolean;\n  icon?: string | any;\n  afterIcon?: string | any;\n  closeIcon?: string | any;\n  children?: string | any;\n  onCheck?: (value?: any) => any;\n  onClose?: (value?: any) => any;\n}\n\nexport interface RedsTagEvent {}\nexport const TagDefaultProps = {\n  content: undefined,\n  type: \"default\",\n  size: \"medium\",\n  plain: false,\n  borderRadius: undefined,\n  disabled: false,\n  shape: \"square\",\n  checkable: false,\n  checked: false,\n  closeabled: false,\n  icon: undefined,\n  afterIcon: undefined,\n  closeIcon: undefined,\n  children: undefined,\n};\n"],"names":["TagDefaultProps","content","type","size","plain","borderRadius","disabled","shape","checkable","checked","closeabled","icon","afterIcon","closeIcon","children"],"mappings":"AAuBO,IAAMA,eAAkB,GAAA;EAC7BC,OAAS,EAAA,KAAA,CAAA;AACTC,EAAAA,IAAM,EAAA,SAAA;AACNC,EAAAA,IAAM,EAAA,QAAA;AACNC,EAAAA,KAAO,EAAA,KAAA;EACPC,YAAc,EAAA,KAAA,CAAA;AACdC,EAAAA,QAAU,EAAA,KAAA;AACVC,EAAAA,KAAO,EAAA,QAAA;AACPC,EAAAA,SAAW,EAAA,KAAA;AACXC,EAAAA,OAAS,EAAA,KAAA;AACTC,EAAAA,UAAY,EAAA,KAAA;EACZC,IAAM,EAAA,KAAA,CAAA;EACNC,SAAW,EAAA,KAAA,CAAA;EACXC,SAAW,EAAA,KAAA,CAAA;AACXC,EAAAA,QAAU,EAAA,KAAA,CAAA;AACZ;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/esm/components/Tag/styles.js

@@ -0,0 +1,25 @@
+import { alwaysColor } from '@xhsreds/reds-token-next';
+import { StyleSheet } from 'react-native';
+
+var styles = StyleSheet.create({
+  TagContainer: {
+    width: 40,
+    height: 24,
+    borderRadius: 15,
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  thumb: {
+    width: 20,
+    height: 20,
+    borderRadius: 10,
+    backgroundColor: alwaysColor.White,
+    justifyContent: "center",
+    alignItems: "center",
+    position: "absolute",
+    left: 0
+  }
+});
+
+export { styles as default };
+//# sourceMappingURL=styles.js.map