@xhsreds/reds-rn-next 0.2.7 → 0.2.9

package/types/src/components/Skeleton/styles.d.ts

@@ -1,10 +0,0 @@
-declare const createStyles: () => {
-  defaultBottomButton: {
-    flexDirection: "row";
-    justifyContent: "space-between";
-    marginTop: number;
-    marginLeft: number;
-    marginRight: number;
-  };
-};
-export default createStyles;

package/types/src/components/Slider/Slider.d.ts

@@ -1,20 +0,0 @@
-import React from "react";
-import { RedsSlider } from "./interface/index";
-declare const Slider: {
-  ({ defaultValue, min, max, initalValue, onValueChange }: RedsSlider): React.JSX.Element;
-  defaultProps: {
-    value: number;
-    min: number;
-    max: number;
-    defaultValue: number;
-    initalValue: number;
-    disabled: boolean;
-    clickable: boolean;
-    showLabel: boolean;
-    section: boolean;
-    step: number;
-    activeColor: string;
-    inactiveColor: string;
-  };
-};
-export default Slider;

package/types/src/components/Slider/interface/index.d.ts

@@ -1,36 +0,0 @@
-/// <reference types="react" />
-/// <reference types="node" />
-export interface RedsSlider {
-  value?: number;
-  min?: number;
-  max?: number;
-  defaultValue?: number;
-  initalValue?: number;
-  disabled?: boolean;
-  clickable?: boolean;
-  showLabel?: boolean;
-  section?: boolean;
-  labels?: string[] | any[];
-  step?: number;
-  activeColor?: string;
-  inactiveColor?: string;
-  onValueChange?: (value: number) => any;
-  onDrag?: (value: Event) => any;
-  onDragStart?: (value: Event) => any;
-  onDragEnd?: (value: Event) => any;
-}
-export interface RedsSliderEvent {}
-export declare const SliderDefaultProps: {
-  value: number;
-  min: number;
-  max: number;
-  defaultValue: number;
-  initalValue: number;
-  disabled: boolean;
-  clickable: boolean;
-  showLabel: boolean;
-  section: boolean;
-  step: number;
-  activeColor: string;
-  inactiveColor: string;
-};

package/types/src/components/Slider/styles.d.ts

@@ -1,20 +0,0 @@
-declare const styles: {
-  sliderContainer: {
-    width: number;
-    height: number;
-    borderRadius: number;
-    justifyContent: "center";
-    alignItems: "center";
-  };
-  thumb: {
-    width: number;
-    height: number;
-    borderRadius: number;
-    backgroundColor: string;
-    justifyContent: "center";
-    alignItems: "center";
-    position: "absolute";
-    left: number;
-  };
-};
-export default styles;

package/types/src/components/SnackBar/interface/index.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-export interface RedsSnackBar {
-  show: boolean;
-  title?: string;
-  description?: string;
-  prefixImage?: React.ReactNode;
-  suffixButton?: React.ReactNode;
-}
-export interface RedsSnackBarEvent {}
-export declare const SnackBarDefaultProps: {
-  show: boolean;
-  title: string;
-  description: string;
-};

package/types/src/components/SnackBar/styles.d.ts

@@ -1,48 +0,0 @@
-declare const createStyles: () => {
-  container: {
-    backgroundColor: string;
-    borderRadius: number;
-    paddingLeft: number;
-    paddingRight: number;
-    display: "flex";
-    flexDirection: "row";
-    alignItems: "center";
-    minHeight: number;
-    paddingTop: number;
-    paddingBottom: number;
-    position: "absolute";
-    top: "100%";
-    marginHorizontal: "auto";
-    left: number;
-    right: number;
-    maxWidth: number;
-  };
-  prefixImage: {
-    marginRight: number;
-  };
-  textContent: {
-    flex: number;
-    flexDirection: "column";
-  };
-  title: {
-    fontSize: any;
-    fontWeight: any;
-    lineHeight: any;
-    color: string;
-  };
-  description: {
-    fontSize: any;
-    lineHeight: any;
-    fontWeight: any;
-    color: string;
-  };
-  suffixButton: {
-    marginLeft: number;
-  };
-  buttonText: {
-    paddingHorizontal: number;
-    paddingVertical: number;
-    color: string;
-  };
-};
-export default createStyles;

package/types/src/components/StatusBar/styles.d.ts

@@ -1,20 +0,0 @@
-declare const styles: {
-  StatusBarContainer: {
-    width: number;
-    height: number;
-    borderRadius: number;
-    justifyContent: "center";
-    alignItems: "center";
-  };
-  thumb: {
-    width: number;
-    height: number;
-    borderRadius: number;
-    backgroundColor: string;
-    justifyContent: "center";
-    alignItems: "center";
-    position: "absolute";
-    left: number;
-  };
-};
-export default styles;

package/types/src/components/Stepper/interface/index.d.ts

@@ -1,13 +0,0 @@
-export interface RedsStepper {
-  value?: number;
-  max?: number;
-  min?: number;
-  disable?: boolean;
-  onChange?: (value: number) => any;
-  isControl?: boolean;
-}
-export interface RedsStepperEvent {}
-export declare const StepperDefaultProps: {
-  disable: boolean;
-  isControl: boolean;
-};

package/types/src/components/Stepper/styles.d.ts

@@ -1,33 +0,0 @@
-export declare const getStyles: (themeColor: any) => {
-  container: {
-    display: "flex";
-    flexDirection: "row";
-    alignItems: "center";
-    justifyContent: "center";
-  };
-  opacity: {
-    opacity: number;
-  };
-  icon: {
-    width: number;
-    height: number;
-    backgroundColor: any;
-    borderRadius: number;
-    display: "flex";
-    justifyContent: "center";
-    alignItems: "center";
-    lineHeight: number;
-  };
-  text: {
-    paddingHorizontal: number;
-    fontWeight: any;
-    fontSize: any;
-    color: any;
-  };
-  iconText: {
-    fontWeight: any;
-    fontSize: any;
-    color: any;
-    marginTop: number;
-  };
-};

package/types/src/components/Switch/Switch.d.ts

@@ -1,21 +0,0 @@
-import React from "react";
-import { RedsSwitch } from "./interface/index";
-declare const Switch: {
-  ({
-    value,
-    defaultValue,
-    onChange,
-    onClick,
-    trackOnColor,
-    trackOffColor,
-    disabled,
-    isControl,
-  }: RedsSwitch): React.JSX.Element;
-  defaultProps: {
-    value: any;
-    defaultValue: boolean;
-    disabled: boolean;
-    isControl: boolean;
-  };
-};
-export default Switch;

package/types/src/components/Switch/interface/index.d.ts

@@ -1,18 +0,0 @@
-import { GestureResponderEvent } from "react-native";
-export interface RedsSwitch {
-  value?: boolean;
-  defaultValue?: boolean;
-  disabled?: boolean;
-  trackOnColor?: string;
-  trackOffColor?: string;
-  onChange?: (value: boolean) => any;
-  onClick?: (value: GestureResponderEvent) => any;
-  isControl?: boolean;
-}
-export interface RedsSwitchEvent {}
-export declare const SwitchDefaultProps: {
-  value: any;
-  defaultValue: boolean;
-  disabled: boolean;
-  isControl: boolean;
-};

package/types/src/components/Switch/styles.d.ts

@@ -1,20 +0,0 @@
-declare const styles: {
-  switchContainer: {
-    width: number;
-    height: number;
-    borderRadius: number;
-    justifyContent: "center";
-    alignItems: "center";
-  };
-  thumb: {
-    width: number;
-    height: number;
-    borderRadius: number;
-    backgroundColor: string;
-    justifyContent: "center";
-    alignItems: "center";
-    position: "absolute";
-    left: number;
-  };
-};
-export default styles;

package/types/src/components/Tab/Tabs.d.ts

@@ -1,18 +0,0 @@
-import React from "react";
-import { RedsTab } from "./interface/index";
-import { TabThemeType, TabLayoutType, TabChild } from "./interface";
-export declare const Tab: (props: TabChild) => React.ReactNode;
-declare const Tabs: {
-  (props: RedsTab): React.JSX.Element;
-  defaultProps: {
-    theme: TabThemeType;
-    size: import("./interface/index").TabSizeType;
-    labelType: import("./interface/index").TabLabelType;
-    layout: TabLayoutType;
-    badge: boolean;
-    spaceWidth: number;
-    tabPadding: number;
-    active: string;
-  };
-};
-export default Tabs;

package/types/src/components/Tab/interface/index.d.ts

@@ -1,91 +0,0 @@
-import { ReactNode } from "react";
-import { ImageStyle } from "react-native";
-import { RedsIcon } from "../../Icon/interface";
-import { RedsBadge } from "../../Badge/interface";
-export interface TabItemType {
-  name?: string;
-  image?: string;
-  activeImage?: string;
-  imageStyle?: ImageStyle;
-  value: string;
-  iconProps?: RedsIcon;
-  badgeProps?: any;
-  labelNumber?: number;
-}
-export declare const enum TabLabelType {
-  leftIcon = "leftIcon",
-  rightIcon = "rightIcon",
-  digit = "digit",
-}
-export declare const enum TabSizeType {
-  small = "small",
-  normal = "normal",
-  large = "large",
-}
-export declare const enum TabThemeType {
-  underline = "underline",
-  text = "text",
-}
-export declare const enum TabLayoutType {
-  left = "left",
-  middle = "middle",
-  space = "space",
-}
-export interface RedsTab {
-  theme?: TabThemeType;
-  size?: TabSizeType;
-  labelType?: TabLabelType;
-  layout?: TabLayoutType;
-  badge?: boolean;
-  containerStyle?: any;
-  onChange?: (value: string, index: number) => any;
-  spaceWidth?: number;
-  tabPadding?: number;
-  active?: string;
-  children: ReactNode[];
-}
-export interface RedsTabEvent {}
-export declare const TabDefaultProps: {
-  theme: TabThemeType;
-  size: TabSizeType;
-  labelType: TabLabelType;
-  layout: TabLayoutType;
-  badge: boolean;
-  spaceWidth: number;
-  tabPadding: number;
-  active: string;
-};
-export interface TabChild {
-  name?: string;
-  image?: string;
-  imageStyle?: ImageStyle;
-  activeImage?: string;
-  value: string;
-  labelNumber?: number;
-  iconProps?: RedsIcon;
-  badgeProps?: RedsBadge;
-  children: ReactNode;
-}
-export interface RedsTabs {
-  theme?: TabThemeType;
-  size?: TabSizeType;
-  labelType?: TabLabelType;
-  layout?: TabLayoutType;
-  badge?: boolean;
-  containerStyle?: any;
-  onChange?: (value: string, index: number) => any;
-  spaceWidth?: number;
-  tabPadding?: number;
-  active?: string;
-  children: ReactNode[];
-}
-export declare const TabsDefaultProps: {
-  theme: TabThemeType;
-  size: TabSizeType;
-  labelType: TabLabelType;
-  layout: TabLayoutType;
-  badge: boolean;
-  spaceWidth: number;
-  tabPadding: number;
-  active: string;
-};

package/types/src/components/Tab/styles.d.ts

@@ -1,146 +0,0 @@
-import { RedsTabs } from "./interface";
-declare const createStyles: () => {
-  tabWrapper: {
-    position: "relative";
-    height: number;
-    flexDirection: "row";
-    width: "100%";
-    alignItems: "center";
-  };
-  tabCenterContainer: {
-    display: "flex";
-    flexDirection: "row";
-    justifyContent: "center";
-    width: "100%";
-  };
-  tabLeftContainer: {
-    width: "100%";
-    flexDirection: "row";
-    justifyContent: "flex-start";
-  };
-  tabSpaceContainer: {
-    width: "100%";
-    flexDirection: "row";
-    justifyContent: "space-between";
-  };
-  tabItem: {
-    display: "flex";
-    flexDirection: "row";
-    justifyContent: "center";
-    alignItems: "center";
-  };
-  spaceTabItem: {
-    flex: number;
-  };
-  underline: {
-    height: number;
-    borderRadius: number;
-    paddingHorizontal: number;
-    position: "absolute";
-    bottom: number;
-  };
-  capsule: {
-    borderRadius: number;
-    paddingVertical: number;
-    paddingHorizontal: number;
-    display: "flex";
-    justifyContent: "center";
-    alignItems: "center";
-  };
-  tabItemTextWrapper: {
-    display: "flex";
-    flexDirection: "column";
-    justifyContent: "center";
-    alignItems: "center";
-  };
-  leftIcon: {
-    marginRight: number;
-  };
-  rightIcon: {
-    marginLeft: number;
-  };
-  labelNumber: {
-    fontSize: number;
-    fontWeight: "400" | "500" | "600" | "700";
-    display: "flex";
-    alignItems: "center";
-    flexDirection: "row";
-  };
-  activeLabelDot: {
-    width: number;
-    height: number;
-    marginLeft: number;
-    marginRight: number;
-  };
-  normalLabelDot: {
-    width: number;
-    height: number;
-    marginLeft: number;
-    marginRight: number;
-  };
-  flexCenter: {
-    display: "flex";
-    justifyContent: "center";
-    alignItems: "center";
-    flexDirection: "row";
-  };
-};
-export declare const getRedsDropDownVariantStyles: () => {
-  color: {
-    title: {
-      color: string;
-    };
-    primary: {
-      color: string;
-    };
-    paragraph: {
-      color: string;
-    };
-    description: {
-      color: string;
-    };
-  };
-  backgroundColor: {
-    bg: {
-      backgroundColor: string;
-    };
-    description: {
-      backgroundColor: string;
-    };
-    fill5: {
-      backgroundColor: string;
-    };
-    fill1: {
-      backgroundColor: string;
-    };
-    primary2: {
-      backgroundColor: string;
-    };
-    primary: {
-      backgroundColor: string;
-    };
-    title: {
-      backgroundColor: string;
-    };
-  };
-  borderTopColor: {
-    separator: {
-      borderTopColor: string;
-    };
-  };
-  iconColor: {
-    description: string;
-    title: string;
-  };
-};
-export declare const getTextStyle: (
-  props: RedsTabs,
-  key: string,
-) => {
-  color: string;
-  paddingTop: number;
-  paddingBottom: number;
-  fontWeight: any;
-  fontSize: any;
-};
-export default createStyles;

package/types/src/components/TabBar/interface/index.d.ts

@@ -1,38 +0,0 @@
-import { RedsIcon } from "../../Icon/interface";
-export interface RedsTabBar {
-  list: DataType[];
-  customTabBar?: DataType;
-  type: "text" | "icon";
-  active: string;
-  value?: boolean;
-  badge?: boolean;
-  containerStyles?: any;
-  textStyles?: any;
-  activeTextStyles?: any;
-  onChange?: (value: string) => any;
-}
-export interface RedsBadge {
-  content?: number | string;
-  color?: string;
-  dot?: boolean;
-  max?: number | string;
-  offset?: [number | string, number | string];
-  showZero?: boolean;
-  position?: "topLeft" | "centerLeft" | "centerRight" | "topCenter" | "centerCenter";
-}
-export interface DataType {
-  text?: string;
-  key: string;
-  badgeProps?: RedsBadge;
-  iconProps?: RedsIcon;
-  activeIconProps?: RedsIcon;
-  activeColor?: string;
-  normalColor?: string;
-}
-export interface RedsTabBarEvent {}
-export declare const TabBarDefaultProps: {
-  list: DataType[];
-  type: string;
-  value: any;
-  badge: boolean;
-};

package/types/src/components/TabBar/styles.d.ts

@@ -1,49 +0,0 @@
-declare const createStyles: () => {
-  TabBarContainer: {
-    width: "100%";
-    height: number;
-    display: "flex";
-    justifyContent: "center";
-    alignItems: "center";
-    flexDirection: "row";
-  };
-  TabItemContainer: {
-    flex: number;
-    display: "flex";
-    justifyContent: "center";
-    alignItems: "center";
-    flexDirection: "column";
-  };
-  badgeWrapper: {
-    flex: number;
-  };
-  flexCenter: {
-    display: "flex";
-    justifyContent: "center";
-    alignItems: "center";
-    height: "100%";
-  };
-  text: {
-    fontSize: any;
-    fontWeight: any;
-    opacity: number;
-  };
-  activeText: {
-    fontSize: any;
-    fontWeight: any;
-    opacity: number;
-  };
-  iconText: {
-    fontSize: any;
-    fontWeight: any;
-    opacity: number;
-    marginTop: number;
-  };
-  activeIconText: {
-    fontSize: any;
-    fontWeight: any;
-    opacity: number;
-    marginTop: number;
-  };
-};
-export default createStyles;

package/types/src/components/Tag/interface/index.d.ts

@@ -1,36 +0,0 @@
-import { GestureResponderEvent, TextStyle, ViewStyle } from "react-native";
-export interface RedsTag {
-  content?: string | Function;
-  type?: "primary" | "default" | "warning" | "success" | "info" | "ghost";
-  size?: "mini" | "small" | "medium" | "large";
-  plain?: boolean;
-  borderRadius?: number;
-  disabled?: boolean;
-  shape?: "square" | "round" | "mark";
-  closeabled?: boolean;
-  textStyle?: TextStyle;
-  style?: ViewStyle;
-  icon?: string | any;
-  afterIcon?: string | any;
-  closeIcon?: string | any;
-  children?: string | any;
-  onClose?: (value?: any) => any;
-  onClick?: (value: GestureResponderEvent) => any;
-}
-export interface RedsTagEvent {}
-export declare const TagDefaultProps: {
-  content: any;
-  type: string;
-  size: string;
-  plain: boolean;
-  borderRadius: any;
-  disabled: boolean;
-  shape: string;
-  closeabled: boolean;
-  textStyle: {};
-  style: {};
-  icon: any;
-  afterIcon: any;
-  closeIcon: any;
-  children: any;
-};

package/types/src/components/Tag/styles.d.ts

@@ -1,20 +0,0 @@
-declare const styles: {
-  TagContainer: {
-    width: number;
-    height: number;
-    borderRadius: number;
-    justifyContent: "center";
-    alignItems: "center";
-  };
-  thumb: {
-    width: number;
-    height: number;
-    borderRadius: number;
-    backgroundColor: string;
-    justifyContent: "center";
-    alignItems: "center";
-    position: "absolute";
-    left: number;
-  };
-};
-export default styles;

package/types/src/components/Text/hooks/cloneContainer.d.ts

@@ -1,11 +0,0 @@
-import { TextStyle } from "react-native";
-import React from "react";
-export declare const CloneContainer: ({
-  text,
-  textStyle,
-  onTextLayout,
-}: {
-  text?: string;
-  textStyle: TextStyle;
-  onTextLayout?: (e: any) => void;
-}) => React.JSX.Element;