@xhsreds/reds-rn-next 0.1.7 → 0.1.8

package/lib/cjs/components/DropDown/DropDown.js

@@ -10,13 +10,13 @@ var components_ConfigProvider_hooks_themeToken_useThemeToken = require('../Confi
 var components_DropDown_interface_index = require('../../_chunks/CZyDh3_V.js');
 var components_DropDown_styles = require('./styles.js');
 var rederIconSvg = require('@xhs/reder-icon-svg');
-var components_Tabs_Tabs = require('../Tabs/Tabs.js');
-var components_Tabs_interface_index = require('../../_chunks/DhVoC10x.js');
+var components_Tab_Tabs = require('../Tab/Tabs.js');
+var components_Tab_interface_index = require('../../_chunks/DhVoC10x.js');
 var components_Icon_Icon = require('../Icon/Icon.js');
 var components_Button_Button = require('../Button/Button.js');
 require('@xhsreds/reds-token-next');
 require('../ConfigProvider/hooks/ConfigContext/ConfigContext.js');
-require('../Tabs/styles.js');
+require('../Tab/styles.js');
 require('../Badge/Badge.js');
 require('../../_chunks/BaUjyNJe.js');
 require('../Badge/styles.js');
@@ -97,19 +97,19 @@ var DropDown = function DropDown(props) {
     style: [components_DropDown_styles.default.labelContainer, components_DropDown_styles.getRedsDropDownVariantStyles().backgroundColor.bg]
   }, /* @__PURE__ */React.createElement(reactNative.View, {
     style: components_DropDown_styles.default.tabContainer
-  }, /* @__PURE__ */React.createElement(components_Tabs_Tabs.default, {
+  }, /* @__PURE__ */React.createElement(components_Tab_Tabs.default, {
     onChange: handleChange,
     active: activeTab,
-    labelType: components_Tabs_interface_index.TabLabelType.rightIcon,
-    theme: components_Tabs_interface_index.TabThemeType.text,
-    layout: props !== null && props !== void 0 && props.filter ? components_Tabs_interface_index.TabLayoutType.left : components_Tabs_interface_index.TabLayoutType.space,
+    labelType: components_Tab_interface_index.TabLabelType.rightIcon,
+    theme: components_Tab_interface_index.TabThemeType.text,
+    layout: props !== null && props !== void 0 && props.filter ? components_Tab_interface_index.TabLayoutType.left : components_Tab_interface_index.TabLayoutType.space,
     spaceWidth: 6,
     tabPadding: 6,
     containerStyle: {
       backgroundColor: components_DropDown_styles.getRedsDropDownVariantStyles().backgroundColor.bg
     }
   }, tabData.map(function (i) {
-    return /* @__PURE__ */React.createElement(components_Tabs_Tabs.Tab, {
+    return /* @__PURE__ */React.createElement(components_Tab_Tabs.Tab, {
       name: i.text,
       value: i.key,
       iconProps: i.iconProps

package/lib/cjs/components/DropDown/DropDown.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropDown.js","sources":["../../../../src/components/DropDown/DropDown.tsx"],"sourcesContent":["import React, { useState, useMemo } from \"react\";\nimport { TouchableWithoutFeedback, View, Text, ScrollView } from \"react-native\";\nimport { useThemeColor } from \"../ConfigProvider\";\nimport { RedsDropDown, DropDownDefaultProps, DROPDOWNITEMTYPE, FILTER_TYPE } from \"./interface/index\";\nimport styles, { getRedsDropDownVariantStyles } from \"./styles\";\nimport { ArrowDown, Filter } from \"@xhs/reder-icon-svg\";\nimport { Tabs, Tab, TabType } from \"../Tabs\";\nimport { Icon } from \"../Icon\";\nimport { Button } from \"../Button\";\n\nconst DropDown = (props: RedsDropDown) => {\n  const themeColor = useThemeColor();\n\n  /**\n   * 当前tab\n   */\n  const [activeTab, setActiveTab] = useState<string>();\n\n  /**\n   * 渲染children\n   */\n  const [activeDropDownItemIndex, setActiveDropDownItemIndex] = useState<number>();\n\n  /**\n   * 筛选内容\n   */\n  const [filter, setFilter] = useState(false);\n\n  /**\n   * 标签数据\n   */\n  const tabData = useMemo(() => {\n    return props?.options?.map((opt: any) => ({\n      text: opt?.value,\n      key: opt?.key,\n      iconProps: {\n        icon: ArrowDown,\n        size: 12,\n      },\n    }));\n  }, [props?.options]);\n\n  /**\n   * 切换tab\n   */\n  const handleChange = (key: string, index: number) => {\n    setFilter(false);\n    if (activeTab === key) {\n      setActiveTab(undefined);\n      setActiveDropDownItemIndex(undefined);\n    } else {\n      setActiveTab(key);\n      setActiveDropDownItemIndex(index);\n    }\n  };\n\n  /**\n   * 点击filter\n   */\n  const handleFilter = () => {\n    setFilter((v) => !v);\n    setActiveTab(undefined);\n  };\n\n  /**\n   * dropdownItem\n   */\n  const defaultVnode = useMemo(() => {\n    if (activeDropDownItemIndex !== undefined) {\n      return props?.children?.[activeDropDownItemIndex];\n    } else {\n      return null;\n    }\n  }, [props?.children, activeDropDownItemIndex]);\n\n  /**\n   * 默认插槽内容\n   */\n  const displayAction = useMemo(() => {\n    //@ts-expect-error\n    return !!((defaultVnode?.props?.type !== DROPDOWNITEMTYPE.RADIO && activeTab) || filter);\n  }, [activeTab, filter, defaultVnode]);\n\n  /**\n   * 点击阴影部分\n   */\n  const handleMask = () => {\n    setActiveTab(\"\");\n    setFilter(false);\n  };\n\n  /**\n   * 重置\n   */\n  const handleReset = () => {\n    props?.onReset?.();\n    handleMask();\n  };\n\n  /**\n   * 完成\n   */\n  const handleConfirm = () => {\n    props?.onConfirm?.();\n    handleMask();\n  };\n\n  return (\n    <>\n      {/* 标签 */}\n      <View style={[styles.labelContainer, getRedsDropDownVariantStyles().backgroundColor.bg]}>\n        {/** 渲染tab内容 */}\n        <View style={styles.tabContainer}>\n          <Tabs\n            onChange={handleChange}\n            active={activeTab}\n            labelType={TabType.TabLabelType.rightIcon}\n            theme={TabType.TabThemeType.text}\n            layout={props?.filter ? TabType.TabLayoutType.left : TabType.TabLayoutType.space}\n            spaceWidth={6}\n            tabPadding={6}\n            containerStyle={{ backgroundColor: getRedsDropDownVariantStyles().backgroundColor.bg }}\n          >\n            {tabData.map((i) => (\n              <Tab name={i.text} value={i.key} iconProps={i.iconProps}>\n                <></>\n              </Tab>\n            ))}\n          </Tabs>\n        </View>\n        {/** 渲染筛选项内容 */}\n        {props?.filter ? (\n          <TouchableWithoutFeedback onPress={handleFilter} testID=\"filter-button\">\n            <View style={styles.filter}>\n              {props.filterType === FILTER_TYPE.TEXT ? (\n                <Text\n                  style={[\n                    filter\n                      ? [styles.filterActiveText, getRedsDropDownVariantStyles().color.title]\n                      : [styles.filterNormalText, getRedsDropDownVariantStyles().color.description],\n                  ]}\n                >\n                  筛选\n                </Text>\n              ) : (\n                <></>\n              )}\n              <Icon\n                icon={Filter}\n                size={16}\n                fill={\n                  filter\n                    ? getRedsDropDownVariantStyles().iconColor.title\n                    : getRedsDropDownVariantStyles().iconColor.description\n                }\n              />\n            </View>\n          </TouchableWithoutFeedback>\n        ) : (\n          <></>\n        )}\n      </View>\n      {/** 渲染DropDownItem */}\n      {activeTab || filter ? (\n        <View style={{ position: \"relative\", height: \"100%\" }}>\n          <View style={[styles.DropDownContainer, getRedsDropDownVariantStyles().backgroundColor.bg]}>\n            <View style={[styles.DropDownItemWrapper]}>\n              <ScrollView\n                style={styles.ScrollStyles}\n                showsVerticalScrollIndicator={false}\n                contentContainerStyle={{ paddingBottom: 50 }}\n              >\n                {/* 展示筛选插槽内容 */}\n                {filter ? (\n                  <ScrollView showsVerticalScrollIndicator={false} testID=\"filter-active\">\n                    {props?.filter}\n                  </ScrollView>\n                ) : (\n                  <View testID=\"filter-inactive\" />\n                )}\n                {/* 展示默认插槽内容 */}\n                {activeTab ? <View>{defaultVnode}</View> : <></>}\n              </ScrollView>\n              {/* 底部按钮 */}\n              {displayAction || filter ? (\n                <View\n                  style={[\n                    styles.btnContainer,\n                    getRedsDropDownVariantStyles().backgroundColor.bg,\n                    getRedsDropDownVariantStyles().borderTopColor.separator,\n                  ]}\n                >\n                  <View style={styles.resetBtn} testID=\"reset-button\">\n                    <Button onClick={handleReset} block>\n                      重置\n                    </Button>\n                  </View>\n                  <View style={styles.confirmBtn} testID=\"confirm-button\">\n                    <Button onClick={handleConfirm} type=\"primary\" variant=\"fill\" block>\n                      完成\n                    </Button>\n                  </View>\n                </View>\n              ) : (\n                <></>\n              )}\n            </View>\n          </View>\n          <TouchableWithoutFeedback onPress={handleMask}>\n            <View style={[styles.mask, getRedsDropDownVariantStyles().backgroundColor.fill5]}></View>\n          </TouchableWithoutFeedback>\n        </View>\n      ) : (\n        <></>\n      )}\n    </>\n  );\n};\n\nDropDown.defaultProps = DropDownDefaultProps;\n\nexport default DropDown;\n"],"names":["DropDown","props","useThemeColor","_useState","useState","_useState2","_slicedToArray","activeTab","setActiveTab","_useState3","_useState4","activeDropDownItemIndex","setActiveDropDownItemIndex","_useState5","_useState6","filter","setFilter","tabData","useMemo","_props$options","options","map","opt","text","value","key","iconProps","icon","ArrowDown","size","handleChange","index","handleFilter","v","defaultVnode","_props$children","children","displayAction","_defaultVnode$props","type","DROPDOWNITEMTYPE","RADIO","handleMask","handleReset","_props$onReset","onReset","call","handleConfirm","_props$onConfirm","onConfirm","React","createElement","View","style","styles","labelContainer","getRedsDropDownVariantStyles","backgroundColor","bg","tabContainer","Tabs","onChange","active","labelType","TabType","rightIcon","theme","layout","left","space","spaceWidth","tabPadding","containerStyle","i","Tab","name","Fragment","TouchableWithoutFeedback","onPress","testID","filterType","FILTER_TYPE","TEXT","Text","filterActiveText","color","title","filterNormalText","description","Icon","Filter","fill","iconColor","position","height","DropDownContainer","DropDownItemWrapper","ScrollView","ScrollStyles","showsVerticalScrollIndicator","contentContainerStyle","paddingBottom","btnContainer","borderTopColor","separator","resetBtn","Button","onClick","block","confirmBtn","variant","mask","fill5","defaultProps","DropDownDefaultProps"],"mappings":"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"}
+{"version":3,"file":"DropDown.js","sources":["../../../../src/components/DropDown/DropDown.tsx"],"sourcesContent":["import React, { useState, useMemo } from \"react\";\nimport { TouchableWithoutFeedback, View, Text, ScrollView } from \"react-native\";\nimport { useThemeColor } from \"../ConfigProvider\";\nimport { RedsDropDown, DropDownDefaultProps, DROPDOWNITEMTYPE, FILTER_TYPE } from \"./interface/index\";\nimport styles, { getRedsDropDownVariantStyles } from \"./styles\";\nimport { ArrowDown, Filter } from \"@xhs/reder-icon-svg\";\nimport { Tabs, Tab, TabType } from \"../Tab\";\nimport { Icon } from \"../Icon\";\nimport { Button } from \"../Button\";\n\nconst DropDown = (props: RedsDropDown) => {\n  const themeColor = useThemeColor();\n\n  /**\n   * 当前tab\n   */\n  const [activeTab, setActiveTab] = useState<string>();\n\n  /**\n   * 渲染children\n   */\n  const [activeDropDownItemIndex, setActiveDropDownItemIndex] = useState<number>();\n\n  /**\n   * 筛选内容\n   */\n  const [filter, setFilter] = useState(false);\n\n  /**\n   * 标签数据\n   */\n  const tabData = useMemo(() => {\n    return props?.options?.map((opt: any) => ({\n      text: opt?.value,\n      key: opt?.key,\n      iconProps: {\n        icon: ArrowDown,\n        size: 12,\n      },\n    }));\n  }, [props?.options]);\n\n  /**\n   * 切换tab\n   */\n  const handleChange = (key: string, index: number) => {\n    setFilter(false);\n    if (activeTab === key) {\n      setActiveTab(undefined);\n      setActiveDropDownItemIndex(undefined);\n    } else {\n      setActiveTab(key);\n      setActiveDropDownItemIndex(index);\n    }\n  };\n\n  /**\n   * 点击filter\n   */\n  const handleFilter = () => {\n    setFilter((v) => !v);\n    setActiveTab(undefined);\n  };\n\n  /**\n   * dropdownItem\n   */\n  const defaultVnode = useMemo(() => {\n    if (activeDropDownItemIndex !== undefined) {\n      return props?.children?.[activeDropDownItemIndex];\n    } else {\n      return null;\n    }\n  }, [props?.children, activeDropDownItemIndex]);\n\n  /**\n   * 默认插槽内容\n   */\n  const displayAction = useMemo(() => {\n    //@ts-expect-error\n    return !!((defaultVnode?.props?.type !== DROPDOWNITEMTYPE.RADIO && activeTab) || filter);\n  }, [activeTab, filter, defaultVnode]);\n\n  /**\n   * 点击阴影部分\n   */\n  const handleMask = () => {\n    setActiveTab(\"\");\n    setFilter(false);\n  };\n\n  /**\n   * 重置\n   */\n  const handleReset = () => {\n    props?.onReset?.();\n    handleMask();\n  };\n\n  /**\n   * 完成\n   */\n  const handleConfirm = () => {\n    props?.onConfirm?.();\n    handleMask();\n  };\n\n  return (\n    <>\n      {/* 标签 */}\n      <View style={[styles.labelContainer, getRedsDropDownVariantStyles().backgroundColor.bg]}>\n        {/** 渲染tab内容 */}\n        <View style={styles.tabContainer}>\n          <Tabs\n            onChange={handleChange}\n            active={activeTab}\n            labelType={TabType.TabLabelType.rightIcon}\n            theme={TabType.TabThemeType.text}\n            layout={props?.filter ? TabType.TabLayoutType.left : TabType.TabLayoutType.space}\n            spaceWidth={6}\n            tabPadding={6}\n            containerStyle={{ backgroundColor: getRedsDropDownVariantStyles().backgroundColor.bg }}\n          >\n            {tabData.map((i) => (\n              <Tab name={i.text} value={i.key} iconProps={i.iconProps}>\n                <></>\n              </Tab>\n            ))}\n          </Tabs>\n        </View>\n        {/** 渲染筛选项内容 */}\n        {props?.filter ? (\n          <TouchableWithoutFeedback onPress={handleFilter} testID=\"filter-button\">\n            <View style={styles.filter}>\n              {props.filterType === FILTER_TYPE.TEXT ? (\n                <Text\n                  style={[\n                    filter\n                      ? [styles.filterActiveText, getRedsDropDownVariantStyles().color.title]\n                      : [styles.filterNormalText, getRedsDropDownVariantStyles().color.description],\n                  ]}\n                >\n                  筛选\n                </Text>\n              ) : (\n                <></>\n              )}\n              <Icon\n                icon={Filter}\n                size={16}\n                fill={\n                  filter\n                    ? getRedsDropDownVariantStyles().iconColor.title\n                    : getRedsDropDownVariantStyles().iconColor.description\n                }\n              />\n            </View>\n          </TouchableWithoutFeedback>\n        ) : (\n          <></>\n        )}\n      </View>\n      {/** 渲染DropDownItem */}\n      {activeTab || filter ? (\n        <View style={{ position: \"relative\", height: \"100%\" }}>\n          <View style={[styles.DropDownContainer, getRedsDropDownVariantStyles().backgroundColor.bg]}>\n            <View style={[styles.DropDownItemWrapper]}>\n              <ScrollView\n                style={styles.ScrollStyles}\n                showsVerticalScrollIndicator={false}\n                contentContainerStyle={{ paddingBottom: 50 }}\n              >\n                {/* 展示筛选插槽内容 */}\n                {filter ? (\n                  <ScrollView showsVerticalScrollIndicator={false} testID=\"filter-active\">\n                    {props?.filter}\n                  </ScrollView>\n                ) : (\n                  <View testID=\"filter-inactive\" />\n                )}\n                {/* 展示默认插槽内容 */}\n                {activeTab ? <View>{defaultVnode}</View> : <></>}\n              </ScrollView>\n              {/* 底部按钮 */}\n              {displayAction || filter ? (\n                <View\n                  style={[\n                    styles.btnContainer,\n                    getRedsDropDownVariantStyles().backgroundColor.bg,\n                    getRedsDropDownVariantStyles().borderTopColor.separator,\n                  ]}\n                >\n                  <View style={styles.resetBtn} testID=\"reset-button\">\n                    <Button onClick={handleReset} block>\n                      重置\n                    </Button>\n                  </View>\n                  <View style={styles.confirmBtn} testID=\"confirm-button\">\n                    <Button onClick={handleConfirm} type=\"primary\" variant=\"fill\" block>\n                      完成\n                    </Button>\n                  </View>\n                </View>\n              ) : (\n                <></>\n              )}\n            </View>\n          </View>\n          <TouchableWithoutFeedback onPress={handleMask}>\n            <View style={[styles.mask, getRedsDropDownVariantStyles().backgroundColor.fill5]}></View>\n          </TouchableWithoutFeedback>\n        </View>\n      ) : (\n        <></>\n      )}\n    </>\n  );\n};\n\nDropDown.defaultProps = DropDownDefaultProps;\n\nexport default DropDown;\n"],"names":["DropDown","props","useThemeColor","_useState","useState","_useState2","_slicedToArray","activeTab","setActiveTab","_useState3","_useState4","activeDropDownItemIndex","setActiveDropDownItemIndex","_useState5","_useState6","filter","setFilter","tabData","useMemo","_props$options","options","map","opt","text","value","key","iconProps","icon","ArrowDown","size","handleChange","index","handleFilter","v","defaultVnode","_props$children","children","displayAction","_defaultVnode$props","type","DROPDOWNITEMTYPE","RADIO","handleMask","handleReset","_props$onReset","onReset","call","handleConfirm","_props$onConfirm","onConfirm","React","createElement","View","style","styles","labelContainer","getRedsDropDownVariantStyles","backgroundColor","bg","tabContainer","Tabs","onChange","active","labelType","TabType","rightIcon","theme","layout","left","space","spaceWidth","tabPadding","containerStyle","i","Tab","name","Fragment","TouchableWithoutFeedback","onPress","testID","filterType","FILTER_TYPE","TEXT","Text","filterActiveText","color","title","filterNormalText","description","Icon","Filter","fill","iconColor","position","height","DropDownContainer","DropDownItemWrapper","ScrollView","ScrollStyles","showsVerticalScrollIndicator","contentContainerStyle","paddingBottom","btnContainer","borderTopColor","separator","resetBtn","Button","onClick","block","confirmBtn","variant","mask","fill5","defaultProps","DropDownDefaultProps"],"mappings":"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"}

package/lib/cjs/components/DropDown/index.js

@@ -14,9 +14,9 @@ require('../ConfigProvider/hooks/themeToken/useThemeToken.js');
 require('../ConfigProvider/hooks/ConfigContext/ConfigContext.js');
 require('./styles.js');
 require('@xhs/reder-icon-svg');
-require('../Tabs/Tabs.js');
+require('../Tab/Tabs.js');
 require('../../_chunks/DhVoC10x.js');
-require('../Tabs/styles.js');
+require('../Tab/styles.js');
 require('../Icon/Icon.js');
 require('react-native-svg');
 require('../Badge/Badge.js');

package/lib/cjs/components/ImagePreview/ImagePreview.js

@@ -90,9 +90,9 @@ require('../Toast/styles.js');
 require('../DropDown/DropDown.js');
 require('../../_chunks/CZyDh3_V.js');
 require('../DropDown/styles.js');
-require('../Tabs/Tabs.js');
+require('../Tab/Tabs.js');
 require('../../_chunks/DhVoC10x.js');
-require('../Tabs/styles.js');
+require('../Tab/styles.js');
 require('../Badge/Badge.js');
 require('../../_chunks/BaUjyNJe.js');
 require('../Badge/styles.js');

package/lib/cjs/components/ImagePreview/index.js

@@ -85,9 +85,9 @@ require('../Toast/styles.js');
 require('../DropDown/DropDown.js');
 require('../../_chunks/CZyDh3_V.js');
 require('../DropDown/styles.js');
-require('../Tabs/Tabs.js');
+require('../Tab/Tabs.js');
 require('../../_chunks/DhVoC10x.js');
-require('../Tabs/styles.js');
+require('../Tab/styles.js');
 require('../Badge/Badge.js');
 require('../../_chunks/BaUjyNJe.js');
 require('../Badge/styles.js');

package/lib/cjs/components/List/ListItem/ListItem.js

@@ -85,9 +85,9 @@ require('../../Toast/styles.js');
 require('../../DropDown/DropDown.js');
 require('../../../_chunks/CZyDh3_V.js');
 require('../../DropDown/styles.js');
-require('../../Tabs/Tabs.js');
+require('../../Tab/Tabs.js');
 require('../../../_chunks/DhVoC10x.js');
-require('../../Tabs/styles.js');
+require('../../Tab/styles.js');
 require('../../Badge/Badge.js');
 require('../../../_chunks/BaUjyNJe.js');
 require('../../Badge/styles.js');

package/lib/cjs/components/List/index.js

@@ -87,9 +87,9 @@ require('../Toast/styles.js');
 require('../DropDown/DropDown.js');
 require('../../_chunks/CZyDh3_V.js');
 require('../DropDown/styles.js');
-require('../Tabs/Tabs.js');
+require('../Tab/Tabs.js');
 require('../../_chunks/DhVoC10x.js');
-require('../Tabs/styles.js');
+require('../Tab/styles.js');
 require('../Badge/Badge.js');
 require('../../_chunks/BaUjyNJe.js');
 require('../Badge/styles.js');

package/lib/cjs/components/Radio/Radio.js

@@ -83,9 +83,9 @@ require('../Toast/styles.js');
 require('../DropDown/DropDown.js');
 require('../../_chunks/CZyDh3_V.js');
 require('../DropDown/styles.js');
-require('../Tabs/Tabs.js');
+require('../Tab/Tabs.js');
 require('../../_chunks/DhVoC10x.js');
-require('../Tabs/styles.js');
+require('../Tab/styles.js');
 require('../Badge/Badge.js');
 require('../../_chunks/BaUjyNJe.js');
 require('../Badge/styles.js');

package/lib/cjs/components/Radio/index.js

@@ -83,9 +83,9 @@ require('../Toast/styles.js');
 require('../DropDown/DropDown.js');
 require('../../_chunks/CZyDh3_V.js');
 require('../DropDown/styles.js');
-require('../Tabs/Tabs.js');
+require('../Tab/Tabs.js');
 require('../../_chunks/DhVoC10x.js');
-require('../Tabs/styles.js');
+require('../Tab/styles.js');
 require('../Badge/Badge.js');
 require('../../_chunks/BaUjyNJe.js');
 require('../Badge/styles.js');

package/lib/cjs/components/{Tabs → Tab}/Tabs.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../_chunks/ShnnCuH9.js');
 var React = require('react');
 var reactNative = require('react-native');
-var components_Tabs_interface_index = require('../../_chunks/DhVoC10x.js');
-var components_Tabs_styles = require('./styles.js');
+var components_Tab_interface_index = require('../../_chunks/DhVoC10x.js');
+var components_Tab_styles = require('./styles.js');
 var components_Icon_Icon = require('../Icon/Icon.js');
 var components_Badge_Badge = require('../Badge/Badge.js');
 require('../ConfigProvider/hooks/ConfigCache/ConfigCache.js');
@@ -33,10 +33,10 @@ var Tabs = function Tabs(props) {
     }) || [];
   }, [props.children]);
   var containerStyle = React.useMemo(function () {
-    return [components_Tabs_styles.getRedsDropDownVariantStyles().backgroundColor.bg, (props === null || props === void 0 ? void 0 : props.layout) === components_Tabs_interface_index.TabLayoutType.left ? components_Tabs_styles.default.tabLeftContainer : (props === null || props === void 0 ? void 0 : props.layout) === components_Tabs_interface_index.TabLayoutType.middle ? components_Tabs_styles.default.tabCenterContainer : components_Tabs_styles.default.tabSpaceContainer];
+    return [components_Tab_styles.getRedsDropDownVariantStyles().backgroundColor.bg, (props === null || props === void 0 ? void 0 : props.layout) === components_Tab_interface_index.TabLayoutType.left ? components_Tab_styles.default.tabLeftContainer : (props === null || props === void 0 ? void 0 : props.layout) === components_Tab_interface_index.TabLayoutType.middle ? components_Tab_styles.default.tabCenterContainer : components_Tab_styles.default.tabSpaceContainer];
   }, [props === null || props === void 0 ? void 0 : props.layout]);
   var tabItemStyle = function tabItemStyle(item) {
-    return (props === null || props === void 0 ? void 0 : props.theme) === components_Tabs_interface_index.TabThemeType.capsule && props.active === item.value ? [components_Tabs_styles.default.tabItem, components_Tabs_styles.default.capsule, components_Tabs_styles.getRedsDropDownVariantStyles().backgroundColor.fill1] : [components_Tabs_styles.default.tabItem];
+    return (props === null || props === void 0 ? void 0 : props.theme) === components_Tab_interface_index.TabThemeType.capsule && props.active === item.value ? [components_Tab_styles.default.tabItem, components_Tab_styles.default.capsule, components_Tab_styles.getRedsDropDownVariantStyles().backgroundColor.fill1] : [components_Tab_styles.default.tabItem];
   };
   var tabItemStyles = React.useMemo(function () {
     return _rollupPluginBabelHelpers._objectSpread2({
@@ -60,10 +60,10 @@ var Tabs = function Tabs(props) {
   };
   var iconColor = function iconColor(item) {
     var _item$iconProps4;
-    return props.active === item.value ? ((_item$iconProps4 = item.iconProps) === null || _item$iconProps4 === void 0 ? void 0 : _item$iconProps4.fill) || components_Tabs_styles.getRedsDropDownVariantStyles().iconColor.title : components_Tabs_styles.getRedsDropDownVariantStyles().iconColor.description;
+    return props.active === item.value ? ((_item$iconProps4 = item.iconProps) === null || _item$iconProps4 === void 0 ? void 0 : _item$iconProps4.fill) || components_Tab_styles.getRedsDropDownVariantStyles().iconColor.title : components_Tab_styles.getRedsDropDownVariantStyles().iconColor.description;
   };
   var Wrapper = function Wrapper(wrapperProps) {
-    return (props === null || props === void 0 ? void 0 : props.layout) === components_Tabs_interface_index.TabLayoutType.left ? /* @__PURE__ */React.createElement(reactNative.ScrollView, {
+    return (props === null || props === void 0 ? void 0 : props.layout) === components_Tab_interface_index.TabLayoutType.left ? /* @__PURE__ */React.createElement(reactNative.ScrollView, {
       style: [wrapperProps.style],
       horizontal: true,
       testID: wrapperProps.testID,
@@ -75,7 +75,7 @@ var Tabs = function Tabs(props) {
   };
   var BadgeContainer = function BadgeContainer(badgeProps) {
     return props !== null && props !== void 0 && props.badge ? /* @__PURE__ */React.createElement(components_Badge_Badge.default, _rollupPluginBabelHelpers._objectSpread2({}, badgeProps.badgeProps), /* @__PURE__ */React.createElement(reactNative.View, {
-      style: [components_Tabs_styles.default.flexCenter, {
+      style: [components_Tab_styles.default.flexCenter, {
         height: "100%"
       }]
     }, badgeProps.children)) : badgeProps.children;
@@ -108,29 +108,29 @@ var Tabs = function Tabs(props) {
       style: [tabItemStyle(item), tabItemStyles],
       testID: "TabItemContainer".concat(index)
     }, showIcon("leftIcon", item) ? /* @__PURE__ */React.createElement(reactNative.View, {
-      style: [components_Tabs_styles.default.leftIcon, iconStyle(item)]
+      style: [components_Tab_styles.default.leftIcon, iconStyle(item)]
     }, /* @__PURE__ */React.createElement(components_Icon_Icon.default, {
       icon: (_item$iconProps5 = item.iconProps) === null || _item$iconProps5 === void 0 ? void 0 : _item$iconProps5.icon,
       fill: iconColor(item),
       size: ((_item$iconProps6 = item.iconProps) === null || _item$iconProps6 === void 0 ? void 0 : _item$iconProps6.size) || 12
     })) : /* @__PURE__ */React.createElement(React.Fragment, null), /* @__PURE__ */React.createElement(reactNative.View, {
-      style: components_Tabs_styles.default.columnFlex
+      style: components_Tab_styles.default.columnFlex
     }, /* @__PURE__ */React.createElement(reactNative.View, {
-      style: components_Tabs_styles.default.flexCenter
+      style: components_Tab_styles.default.flexCenter
     }, /* @__PURE__ */React.createElement(reactNative.View, {
-      style: components_Tabs_styles.default.tabItemTextWrapper
+      style: components_Tab_styles.default.tabItemTextWrapper
     }, /* @__PURE__ */React.createElement(reactNative.Text, {
-      style: props.active === item.value ? [components_Tabs_styles.default.activeText, components_Tabs_styles.getRedsDropDownVariantStyles().color.title] : [components_Tabs_styles.default.normalText, components_Tabs_styles.getRedsDropDownVariantStyles().color.description]
+      style: props.active === item.value ? [components_Tab_styles.default.activeText, components_Tab_styles.getRedsDropDownVariantStyles().color.title] : [components_Tab_styles.default.normalText, components_Tab_styles.getRedsDropDownVariantStyles().color.description]
     }, item.name)), item.labelNumber ? /* @__PURE__ */React.createElement(reactNative.View, {
-      style: components_Tabs_styles.default.labelNumber
+      style: components_Tab_styles.default.labelNumber
     }, /* @__PURE__ */React.createElement(reactNative.View, {
-      style: props.active === item.value ? [components_Tabs_styles.default.activeLabelDot, components_Tabs_styles.getRedsDropDownVariantStyles().backgroundColor.title] : [components_Tabs_styles.default.normalLabelDot, components_Tabs_styles.getRedsDropDownVariantStyles().backgroundColor.description]
+      style: props.active === item.value ? [components_Tab_styles.default.activeLabelDot, components_Tab_styles.getRedsDropDownVariantStyles().backgroundColor.title] : [components_Tab_styles.default.normalLabelDot, components_Tab_styles.getRedsDropDownVariantStyles().backgroundColor.description]
     }), /* @__PURE__ */React.createElement(reactNative.Text, {
-      style: props.active === item.value ? [components_Tabs_styles.default.activeText, components_Tabs_styles.getRedsDropDownVariantStyles().color.title] : [components_Tabs_styles.default.normalText, components_Tabs_styles.getRedsDropDownVariantStyles().color.description]
-    }, item.labelNumber)) : /* @__PURE__ */React.createElement(React.Fragment, null)), props.theme === components_Tabs_interface_index.TabThemeType.underline && props.active === item.value ? /* @__PURE__ */React.createElement(reactNative.View, {
-      style: [components_Tabs_styles.default.underline, components_Tabs_styles.getRedsDropDownVariantStyles().backgroundColor.primary]
+      style: props.active === item.value ? [components_Tab_styles.default.activeText, components_Tab_styles.getRedsDropDownVariantStyles().color.title] : [components_Tab_styles.default.normalText, components_Tab_styles.getRedsDropDownVariantStyles().color.description]
+    }, item.labelNumber)) : /* @__PURE__ */React.createElement(React.Fragment, null)), props.theme === components_Tab_interface_index.TabThemeType.underline && props.active === item.value ? /* @__PURE__ */React.createElement(reactNative.View, {
+      style: [components_Tab_styles.default.underline, components_Tab_styles.getRedsDropDownVariantStyles().backgroundColor.primary]
     }) : /* @__PURE__ */React.createElement(React.Fragment, null)), showIcon("rightIcon", item) ? /* @__PURE__ */React.createElement(reactNative.View, {
-      style: [components_Tabs_styles.default.rightIcon, iconStyle(item)]
+      style: [components_Tab_styles.default.rightIcon, iconStyle(item)]
     }, /* @__PURE__ */React.createElement(components_Icon_Icon.default, {
       icon: (_item$iconProps7 = item.iconProps) === null || _item$iconProps7 === void 0 ? void 0 : _item$iconProps7.icon,
       fill: iconColor(item),
@@ -138,7 +138,7 @@ var Tabs = function Tabs(props) {
     })) : /* @__PURE__ */React.createElement(React.Fragment, null))));
   })), props.children[activeIndex]);
 };
-Tabs.defaultProps = components_Tabs_interface_index.TabDefaultProps;
+Tabs.defaultProps = components_Tab_interface_index.TabDefaultProps;
 
 exports.Tab = Tab;
 exports.default = Tabs;

package/lib/cjs/components/Tab/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sources":["../../../../src/components/Tab/Tabs.tsx"],"sourcesContent":["import React, { useState, useEffect, useMemo } from \"react\";\nimport { View, TouchableWithoutFeedback, Text, ScrollView } from \"react-native\";\nimport { RedsTab, TabDefaultProps } from \"./interface/index\";\nimport styles, { getRedsDropDownVariantStyles } from \"./styles\";\nimport { TabItemType, TabThemeType, TabLayoutType, TabChild } from \"./interface\";\nimport Icon from \"../Icon\";\nimport Badge, { BadgeType } from \"../Badge\";\n\nexport const Tab = (props: TabChild) => {\n  return props.children;\n};\n\nconst Tabs = (props: RedsTab) => {\n  const [activeIndex, setActiveIndex] = useState<number>(0);\n\n  /**\n   * 列表数据\n   */\n  const list = useMemo(() => {\n    return (\n      React.Children.map(props.children, (child) => {\n        // 检查 child 是否为一个有效的 React 元素\n        if (React.isValidElement(child)) {\n          return child.props;\n        }\n      }) || []\n    );\n  }, [props.children]);\n\n  /**\n   * 不同layout tab容器样式\n   */\n  const containerStyle = useMemo(() => {\n    return [\n      getRedsDropDownVariantStyles().backgroundColor.bg,\n      props?.layout === TabLayoutType.left\n        ? styles.tabLeftContainer\n        : props?.layout === TabLayoutType.middle\n          ? styles.tabCenterContainer\n          : styles.tabSpaceContainer,\n    ];\n  }, [props?.layout]);\n\n  /**\n   * 不同layout tab样式\n   */\n  const tabItemStyle = (item: TabItemType) => {\n    return props?.theme === TabThemeType.capsule && props.active === item.value\n      ? [styles.tabItem, styles.capsule, getRedsDropDownVariantStyles().backgroundColor.fill1]\n      : [styles.tabItem];\n  };\n\n  /**\n   * text wrapper 样式\n   */\n  const tabItemStyles = useMemo(() => {\n    return {\n      paddingLeft: props.tabPadding,\n      paddingRight: props.tabPadding,\n      ...(props.spaceWidth\n        ? {\n            marginRight: Math.floor(props.spaceWidth / 2),\n            marginLeft: Math.floor(props.spaceWidth / 2),\n          }\n        : {}),\n    };\n  }, [props.tabPadding, props.spaceWidth]);\n\n  /**\n   * 是否展示icon\n   */\n  const showIcon = (iconPosition: string, item: TabItemType) => {\n    return props?.labelType === iconPosition && item.iconProps?.icon;\n  };\n\n  /**\n   * icon大小\n   */\n\n  const iconStyle = (item: TabItemType) => {\n    return { width: item.iconProps?.size || 12, height: item.iconProps?.size || 12 };\n  };\n\n  /**\n   * Icon颜色\n   */\n  const iconColor = (item: TabItemType) => {\n    return props.active === item.value\n      ? item.iconProps?.fill || getRedsDropDownVariantStyles().iconColor.title\n      : getRedsDropDownVariantStyles().iconColor.description;\n  };\n\n  /**\n   * 外层容器\n   */\n  const Wrapper = (wrapperProps: any) => {\n    return props?.layout === TabLayoutType.left ? (\n      <ScrollView\n        style={[wrapperProps.style]}\n        horizontal={true}\n        testID={wrapperProps.testID}\n        showsHorizontalScrollIndicator={false}\n      >\n        {wrapperProps.children}\n      </ScrollView>\n    ) : (\n      <View style={wrapperProps.style} testID={wrapperProps.testID}>\n        {wrapperProps.children}\n      </View>\n    );\n  };\n\n  /**\n   * badge容器\n   */\n\n  const BadgeContainer = (badgeProps: { badgeProps: BadgeType.RedsBadge; key: string; children: React.ReactNode }) => {\n    return props?.badge ? (\n      <Badge {...badgeProps.badgeProps}>\n        <View style={[styles.flexCenter, { height: \"100%\" }]}>{badgeProps.children}</View>\n      </Badge>\n    ) : (\n      badgeProps.children\n    );\n  };\n\n  useEffect(() => {\n    let activeIdx = 0;\n    list.forEach((i, idx) => {\n      if (i.value === props.active) {\n        activeIdx = idx;\n      }\n    });\n    setActiveIndex(activeIdx);\n  }, [list, props.active]);\n\n  return (\n    <View>\n      <Wrapper style={[...containerStyle, props.containerStyle]} testID=\"TabContainer\">\n        {list.map((item: TabItemType, index: number) => {\n          return (\n            <BadgeContainer key={item.value} badgeProps={item?.badgeProps}>\n              <TouchableWithoutFeedback\n                onPress={() => {\n                  setActiveIndex(index);\n                  props?.onChange?.(item.value, index);\n                }}\n                key={item.value}\n              >\n                <View style={[tabItemStyle(item), tabItemStyles]} testID={`TabItemContainer${index}`}>\n                  {/* 左侧icon */}\n                  {showIcon(\"leftIcon\", item) ? (\n                    <View style={[styles.leftIcon, iconStyle(item)]}>\n                      <Icon icon={item.iconProps?.icon} fill={iconColor(item)} size={item.iconProps?.size || 12} />\n                    </View>\n                  ) : (\n                    <></>\n                  )}\n                  <View style={styles.columnFlex}>\n                    <View style={styles.flexCenter}>\n                      {/* 中间文字 */}\n                      <View style={styles.tabItemTextWrapper}>\n                        <Text\n                          style={\n                            props.active === item.value\n                              ? [styles.activeText, getRedsDropDownVariantStyles().color.title]\n                              : [styles.normalText, getRedsDropDownVariantStyles().color.description]\n                          }\n                        >\n                          {item.name}\n                        </Text>\n                      </View>\n                      {/* 右侧文字样式 */}\n                      {item.labelNumber ? (\n                        <View style={styles.labelNumber}>\n                          <View\n                            style={\n                              props.active === item.value\n                                ? [styles.activeLabelDot, getRedsDropDownVariantStyles().backgroundColor.title]\n                                : [styles.normalLabelDot, getRedsDropDownVariantStyles().backgroundColor.description]\n                            }\n                          ></View>\n                          <Text\n                            style={\n                              props.active === item.value\n                                ? [styles.activeText, getRedsDropDownVariantStyles().color.title]\n                                : [styles.normalText, getRedsDropDownVariantStyles().color.description]\n                            }\n                          >\n                            {item.labelNumber}\n                          </Text>\n                        </View>\n                      ) : (\n                        <></>\n                      )}\n                    </View>\n                    {/* 下划线  */}\n                    {props.theme === TabThemeType.underline && props.active === item.value ? (\n                      <View style={[styles.underline, getRedsDropDownVariantStyles().backgroundColor.primary]}></View>\n                    ) : (\n                      <></>\n                    )}\n                  </View>\n                  {/* 右侧icon */}\n                  {showIcon(\"rightIcon\", item) ? (\n                    <View style={[styles.rightIcon, iconStyle(item)]}>\n                      <Icon icon={item.iconProps?.icon} fill={iconColor(item)} size={item.iconProps?.size || 12} />\n                    </View>\n                  ) : (\n                    <></>\n                  )}\n                </View>\n              </TouchableWithoutFeedback>\n            </BadgeContainer>\n          );\n        })}\n      </Wrapper>\n      {props.children[activeIndex]}\n    </View>\n  );\n};\n\nTabs.defaultProps = TabDefaultProps;\n\nexport default Tabs;\n"],"names":["Tab","props","children","Tabs","_useState","useState","_useState2","_slicedToArray","activeIndex","setActiveIndex","list","useMemo","React","Children","map","child","isValidElement","containerStyle","getRedsDropDownVariantStyles","backgroundColor","bg","layout","TabLayoutType","left","styles","tabLeftContainer","middle","tabCenterContainer","tabSpaceContainer","tabItemStyle","item","theme","TabThemeType","capsule","active","value","tabItem","fill1","tabItemStyles","_objectSpread","paddingLeft","tabPadding","paddingRight","spaceWidth","marginRight","Math","floor","marginLeft","showIcon","iconPosition","_item$iconProps","labelType","iconProps","icon","iconStyle","_item$iconProps2","_item$iconProps3","width","size","height","iconColor","_item$iconProps4","fill","title","description","Wrapper","wrapperProps","createElement","ScrollView","style","horizontal","testID","showsHorizontalScrollIndicator","View","BadgeContainer","badgeProps","badge","Badge","flexCenter","useEffect","activeIdx","forEach","i","idx","concat","_toConsumableArray","index","_item$iconProps5","_item$iconProps6","_item$iconProps7","_item$iconProps8","key","TouchableWithoutFeedback","onPress","_props$onChange","onChange","call","leftIcon","Icon","Fragment","columnFlex","tabItemTextWrapper","Text","activeText","color","normalText","name","labelNumber","activeLabelDot","normalLabelDot","underline","primary","rightIcon","defaultProps","TabDefaultProps"],"mappings":"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"}

package/lib/cjs/components/{Tabs → Tab}/index.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_Tabs_Tabs = require('./Tabs.js');
-var components_Tabs_interface_index = require('../../_chunks/DhVoC10x.js');
+var components_Tab_Tabs = require('./Tabs.js');
+var components_Tab_interface_index = require('../../_chunks/DhVoC10x.js');
 require('../../_chunks/ShnnCuH9.js');
 require('react');
 require('react-native');
@@ -20,8 +20,8 @@ require('../Badge/styles.js');
 
 
 
-exports.Tab = components_Tabs_Tabs.Tab;
-exports.Tabs = components_Tabs_Tabs.default;
-exports.default = components_Tabs_Tabs.default;
-exports.TabType = components_Tabs_interface_index.index;
+exports.Tab = components_Tab_Tabs.Tab;
+exports.Tabs = components_Tab_Tabs.default;
+exports.default = components_Tab_Tabs.default;
+exports.TabType = components_Tab_interface_index.index;
 //# sourceMappingURL=index.js.map

package/lib/cjs/components/Tab/interface/index.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var components_Tab_interface_index = require('../../../_chunks/DhVoC10x.js');
+
+
+
+exports.TabDefaultProps = components_Tab_interface_index.TabDefaultProps;
+exports.TabLabelType = components_Tab_interface_index.TabLabelType;
+exports.TabLayoutType = components_Tab_interface_index.TabLayoutType;
+exports.TabSizeType = components_Tab_interface_index.TabSizeType;
+exports.TabThemeType = components_Tab_interface_index.TabThemeType;
+exports.TabsDefaultProps = components_Tab_interface_index.TabsDefaultProps;
+//# sourceMappingURL=index.js.map

package/lib/cjs/components/Tab/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../src/components/Tab/styles.ts"],"sourcesContent":["import { alwaysColor } from \"@xhsreds/reds-token-next\";\nimport { StyleSheet } from \"react-native\";\nimport { useThemeColor } from \"../ConfigProvider\";\n\nconst styles = StyleSheet.create({\n  tabCenterContainer: {\n    height: 44,\n    display: \"flex\",\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    paddingLeft: 12,\n    paddingRight: 12,\n  },\n  tabLeftContainer: {\n    width: \"100%\",\n    height: 44,\n    paddingLeft: 12,\n    paddingRight: 12,\n  },\n  tabSpaceContainer: {\n    width: \"100%\",\n    height: 44,\n    display: \"flex\",\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    paddingLeft: 12,\n    paddingRight: 12,\n  },\n  tabItem: {\n    display: \"flex\",\n    flexDirection: \"row\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n  },\n  spaceTabItem: {\n    flex: 1,\n  },\n  underline: {\n    height: 2,\n    width: \"90%\",\n    paddingHorizontal: 2,\n  },\n  smallText: {\n    fontSize: 14,\n    fontWeight: \"500\",\n  },\n  largeText: {\n    fontSize: 16,\n    fontWeight: \"500\",\n  },\n  activeText: {\n    paddingTop: 4,\n    paddingBottom: 4,\n  },\n  normalText: {\n    paddingTop: 4,\n    paddingBottom: 4,\n  },\n  capsule: {\n    borderRadius: 25,\n    paddingVertical: 6,\n    paddingHorizontal: 12,\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n  },\n  tabItemTextWrapper: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    position: \"relative\",\n  },\n  leftIcon: {\n    marginRight: 2,\n  },\n  rightIcon: {\n    marginLeft: 2,\n  },\n  labelNumber: {\n    fontSize: 12,\n    fontWeight: \"500\",\n    display: \"flex\",\n    alignItems: \"center\",\n    flexDirection: \"row\",\n  },\n  activeLabelDot: {\n    width: 2,\n    height: 2,\n    borderRadius: 2,\n    marginLeft: 2,\n    marginRight: 2,\n  },\n  normalLabelDot: {\n    width: 2,\n    height: 2,\n    borderRadius: 2,\n    marginLeft: 2,\n    marginRight: 2,\n  },\n  flexCenter: {\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    flexDirection: \"row\",\n  },\n  columnFlex: {\n    display: \"flex\",\n    alignItems: \"center\",\n  },\n});\n\nexport const getRedsDropDownVariantStyles = () => {\n  const themeColor = useThemeColor();\n  const styles = {\n    color: {\n      title: { color: themeColor.Title },\n      primary: { color: themeColor.Primary },\n      paragraph: { color: themeColor.Paragraph },\n      description: { color: themeColor.Description },\n    },\n    backgroundColor: {\n      bg: { backgroundColor: themeColor.Fill1 },\n      description: { backgroundColor: themeColor.Description },\n      fill5: { backgroundColor: themeColor.Fill5 },\n      fill1: { backgroundColor: themeColor.Fill1 },\n      primary2: { backgroundColor: themeColor.Primary2 },\n      primary: { backgroundColor: themeColor.Primary },\n      title: { backgroundColor: themeColor.Title },\n    },\n    borderTopColor: {\n      separator: { borderTopColor: themeColor.Separator },\n    },\n    iconColor: {\n      description: themeColor.Description,\n      title: themeColor.Title,\n    },\n  };\n  return styles;\n};\n\nexport default styles;\n"],"names":["styles","StyleSheet","create","tabCenterContainer","height","display","flexDirection","alignItems","justifyContent","paddingLeft","paddingRight","tabLeftContainer","width","tabSpaceContainer","tabItem","spaceTabItem","flex","underline","paddingHorizontal","smallText","fontSize","fontWeight","largeText","activeText","paddingTop","paddingBottom","normalText","capsule","borderRadius","paddingVertical","tabItemTextWrapper","position","leftIcon","marginRight","rightIcon","marginLeft","labelNumber","activeLabelDot","normalLabelDot","flexCenter","columnFlex","getRedsDropDownVariantStyles","themeColor","useThemeColor","color","title","Title","primary","Primary","paragraph","Paragraph","description","Description","backgroundColor","bg","Fill1","fill5","Fill5","fill1","primary2","Primary2","borderTopColor","separator","Separator","iconColor"],"mappings":"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"}

package/lib/cjs/index.js

@@ -101,8 +101,8 @@ var components_Avatar_Avatar = require('./components/Avatar/Avatar.js');
 var components_Avatar_interface_index = require('./_chunks/Cf7jn6zq.js');
 var components_AvatarGroup_interface_index = require('./_chunks/AzJLzRe4.js');
 var redsTokenNext = require('@xhsreds/reds-token-next');
-var components_Tabs_Tabs = require('./components/Tabs/Tabs.js');
-var components_Tabs_interface_index = require('./_chunks/DhVoC10x.js');
+var components_Tab_Tabs = require('./components/Tab/Tabs.js');
+var components_Tab_interface_index = require('./_chunks/DhVoC10x.js');
 var components_Search_Search = require('./components/Search/Search.js');
 var components_Search_interface_index = require('./_chunks/DCdxcFqi.js');
 require('@xhs/ozone-schema');
@@ -129,7 +129,7 @@ require('./components/FAB/styles.js');
 require('./components/Toast/Toast.js');
 require('./components/Toast/styles.js');
 require('./components/DropDown/styles.js');
-require('./components/Tabs/styles.js');
+require('./components/Tab/styles.js');
 require('./components/Badge/styles.js');
 require('./components/Progress/styles.js');
 require('./components/TabBar/styles.js');
@@ -526,9 +526,9 @@ exports.BadgeType = components_Badge_interface_index.index;
 exports.Avatar = components_Avatar_Avatar.default;
 exports.AvatarType = components_Avatar_interface_index.index;
 exports.AvatarGroupType = components_AvatarGroup_interface_index.index;
-exports.Tab = components_Tabs_Tabs.Tab;
-exports.Tabs = components_Tabs_Tabs.default;
-exports.TabType = components_Tabs_interface_index.index;
+exports.Tab = components_Tab_Tabs.Tab;
+exports.Tabs = components_Tab_Tabs.default;
+exports.TabType = components_Tab_interface_index.index;
 exports.Search = components_Search_Search.default;
 exports.SearchType = components_Search_interface_index.index;
 exports.Alert = Alert;