sapo-components-ui-rn 1.0.23 → 1.0.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/dist/assets/icon-close.svg +3 -0
  2. package/dist/assets/svg/icon-close.svg +3 -0
  3. package/dist/components/ChipBar/index.d.ts +3 -1
  4. package/dist/components/FloatingButton/index.d.ts +2 -0
  5. package/dist/components/Icon/index.d.ts +1 -1
  6. package/dist/components/Tag/index.d.ts +18 -0
  7. package/dist/icons/IconClose.d.ts +4 -0
  8. package/dist/index.d.ts +1 -0
  9. package/dist/index.esm.js +145 -99
  10. package/dist/index.esm.js.map +1 -1
  11. package/dist/index.js +145 -98
  12. package/dist/index.js.map +1 -1
  13. package/dist/styles/themes/tokens.d.ts +1 -0
  14. package/dist/theme/dimensions.d.ts +1 -0
  15. package/package.json +1 -1
  16. package/src/assets/svg/icon-close.svg +3 -0
  17. package/src/components/ChipBar/index.tsx +6 -0
  18. package/src/components/FloatingButton/index.tsx +19 -21
  19. package/src/components/Icon/index.tsx +5 -1
  20. package/src/components/Tag/index.tsx +122 -0
  21. package/src/components/View/index.tsx +10 -2
  22. package/src/icons/IconClose.tsx +14 -0
  23. package/src/index.ts +1 -0
  24. package/src/index.tsx +1 -0
  25. package/src/styles/themes/DarkTheme.tsx +1 -1
  26. package/src/styles/themes/LightTheme.tsx +1 -1
  27. package/src/styles/themes/tokens.tsx +3 -2
  28. package/src/theme/dimensions.ts +1 -0
  29. package/src/theme/themes.tsx +2 -2
  30. package/src/types.tsx +26 -35
package/dist/assets/icon-close.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M19 6.40958L13.4102 12.0004L19 17.5902L17.5898 19.0004L12 13.4096L6.41016 19.0004L5 17.5902L10.5898 12.0004L5 6.40958L6.41016 5.0004L12 10.5902L17.5898 5.0004L19 6.40958Z" fill="#0088FF"/>
3
+ </svg>
package/dist/assets/svg/icon-close.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M19 6.40958L13.4102 12.0004L19 17.5902L17.5898 19.0004L12 13.4096L6.41016 19.0004L5 17.5902L10.5898 12.0004L5 6.40958L6.41016 5.0004L12 10.5902L17.5898 5.0004L19 6.40958Z" fill="#0088FF"/>
3
+ </svg>
package/dist/components/ChipBar/index.d.ts CHANGED
@@ -11,6 +11,8 @@ interface ChipBarProps {
11
11
  rightIcon?: React.ReactNode;
12
12
  badge?: number;
13
13
  isActive?: boolean;
14
+ ellipsizeMode?: "head" | "middle" | "tail" | "clip";
15
+ numberOfLines?: number;
14
16
  }
15
- declare const ChipBar: ({ style, borderRadius, title, textStyle, onPress, disabled, leftIcon, rightIcon, badge, isActive, }: ChipBarProps) => React.JSX.Element;
17
+ declare const ChipBar: ({ style, borderRadius, title, textStyle, onPress, disabled, leftIcon, rightIcon, badge, isActive, ellipsizeMode, numberOfLines, }: ChipBarProps) => React.JSX.Element;
16
18
  export default ChipBar;
package/dist/components/FloatingButton/index.d.ts CHANGED
@@ -12,6 +12,8 @@ export interface FloatingButtonProps {
12
12
  backgroundColor?: string;
13
13
  top?: number;
14
14
  right?: number;
15
+ left?: number;
16
+ bottom?: number;
15
17
  }
16
18
  declare const _default: React.MemoExoticComponent<React.ComponentType<FloatingButtonProps>>;
17
19
  export default _default;
package/dist/components/Icon/index.d.ts CHANGED
@@ -2,7 +2,7 @@ import React from "react";
2
2
  import { StyleProp, TextStyle } from "react-native";
3
3
  export type IconType = "FontAwesome" | "Image" | "MaterialIcons" | "Feather" | "MaterialCommunityIcons" | "Svg";
4
4
  export interface IconProps {
5
- name: "IconCheckboxActive" | "IconCheckbox" | "IconRadio" | "IconRadioActive" | "IconRadioDisable" | "IconArrowDown" | "IconClearText" | "IconSearch";
5
+ name: "IconCheckboxActive" | "IconCheckbox" | "IconRadio" | "IconRadioActive" | "IconRadioDisable" | "IconArrowDown" | "IconClearText" | "IconSearch" | "IconClose";
6
6
  backgroundColor?: string;
7
7
  size?: number;
8
8
  color?: string;
package/dist/components/Tag/index.d.ts ADDED
@@ -0,0 +1,18 @@
1
+ import React from "react";
2
+ import { StyleProp, ViewStyle, TextStyle } from "react-native";
3
+ interface TagProps {
4
+ style?: StyleProp<ViewStyle>;
5
+ title: string;
6
+ borderRadius?: number;
7
+ onPress?: (val?: any) => void;
8
+ textStyle?: StyleProp<TextStyle>;
9
+ disabled?: boolean;
10
+ leftIcon?: React.ReactNode;
11
+ rightIcon?: React.ReactNode;
12
+ isActive?: boolean;
13
+ ellipsizeMode?: "head" | "middle" | "tail" | "clip";
14
+ numberOfLines?: number;
15
+ hideRightIcon?: boolean;
16
+ }
17
+ declare const Tag: ({ style, borderRadius, title, textStyle, onPress, disabled, leftIcon, rightIcon, isActive, ellipsizeMode, numberOfLines, hideRightIcon, }: TagProps) => React.JSX.Element;
18
+ export default Tag;
package/dist/icons/IconClose.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import * as React from "react";
2
+ import { SvgProps } from "react-native-svg";
3
+ declare const IconClose: (props: SvgProps) => React.JSX.Element;
4
+ export default IconClose;
package/dist/index.d.ts CHANGED
@@ -26,6 +26,7 @@ export { default as RadioButton } from "./components/RadioButton";
26
26
  export { default as Avatar } from "./components/Avatar";
27
27
  export { default as SelectionField } from "./components/SelectionField";
28
28
  export { default as SearchInput } from "./components/SearchInput";
29
+ export { default as Tag } from "./components/Tag";
29
30
  export type { Props as ActivityIndicatorProps } from "./components/ActivityIndicator";
30
31
  export type { Props as SwitchProps } from "./components/Switch/Switch";
31
32
  export type { Props as TextInputProps } from "./components/TextInput/TextInput";