dhre-ui-kit 0.0.144 → 0.0.145

package/lib/index.d.ts

@@ -661,6 +661,8 @@ interface TagsComponentProps {
     selectedTag: string;
     setSelectedTag: (val: string) => void;
     handleTagPress?: (val: string) => void | undefined;
+    selectedTagButton?: ViewStyle;
+    unselectedTagButton?: ViewStyle;
 }
 declare const _default$6: (props: TagsComponentProps) => React$1.JSX.Element;
 

package/lib/index.js

@@ -3563,11 +3563,12 @@ const toastService = new ToastService();
 const TagsComponent = ({
   tagList,
   selectedTag,
-  handleTagPress
+  handleTagPress,
+  selectedTagButton,
+  unselectedTagButton
 }) => {
   const { theme } = useTheme();
-  const styles = createStyles({ theme });
-  console.log(theme, "---");
+  const styles = createStyles(theme);
   const reorderedTags = () => {
     if (selectedTag) {
       return [
@@ -3583,7 +3584,7 @@ const TagsComponent = ({
       onPress: () => handleTagPress?.(item.name),
       style: [
         styles.tagButton,
-        selectedTag === item?.name ? styles.selectedTagButton : styles.unselectedTagButton
+        selectedTag === item?.name ? [styles.selectedTagButton, selectedTagButton] : [styles.unselectedTagButton, unselectedTagButton]
       ]
     },
     /* @__PURE__ */ React__default["default"].createElement(
@@ -3621,21 +3622,22 @@ const createStyles = (theme) => {
       paddingVertical: 8,
       paddingHorizontal: 12,
       borderRadius: 20,
-      marginHorizontal: 8,
-      borderWidth: 1
+      marginHorizontal: 8
     },
     selectedTagButton: {
-      backgroundColor: theme[Theme.SURFACE_INVERTED],
-      borderColor: theme[Theme.SURFACE_INVERTED]
+      backgroundColor: theme.SURFACE_INVERTED,
+      borderColor: theme.SURFACE_INVERTED,
+      borderWidth: 1
     },
     unselectedTagButton: {
       backgroundColor: "transparent",
-      borderColor: theme[Theme.BORDER_SECONDRY]
+      borderColor: theme.BORDER_SECONDRY,
+      borderWidth: 1
     },
     closeButton: {
       marginLeft: 10,
       fontSize: 18,
-      color: theme[Theme.SURFACE_PRIMARY]
+      color: theme.BORDER_SECONDRY
     }
   });
 };