dhre-ui-kit 0.0.144 → 0.0.146

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

@@ -3029,32 +3029,34 @@ const createStyles$1 = (theme) => {
       flex: 1,
       padding: 20,
       justifyContent: "center",
-      backgroundColor: theme[Theme.SURFACE_PRIMARY]
+      backgroundColor: theme.SURFACE_PRIMARY
     },
     headerText: {
-      color: theme[Theme.CONTENT_PRIMARY],
+      color: theme.CONTENT_PRIMARY,
       marginBottom: 20
     },
     textInput: {
       borderRadius: 10,
-      padding: 15,
-      color: theme[Theme.CONTENT_SECONDRY],
+      padding: 8,
+      color: DHRE_COLORS_TEXT.DH_BLACK,
       textAlignVertical: "top",
       minHeight: 100,
-      borderColor: theme[Theme.BORDER_PRIMARY]
+      borderColor: theme.BORDER_INVERTED,
+      borderWidth: 1,
+      backgroundColor: DHRE_COLORS_TEXT.DH_WHITE
     },
     charCounter: {
       textAlign: "left",
       marginTop: 10,
-      color: theme[Theme.CONTENT_SECONDRY]
+      color: theme.CONTENT_SECONDRY
     },
     buttonContainer: {
       flexDirection: "row",
       marginTop: 20
     },
     feedbackButton: {
-      backgroundColor: theme[Theme.SURFACE_PRIMARY],
-      borderColor: theme[Theme.BORDER_INVERTED],
+      backgroundColor: theme.SURFACE_PRIMARY,
+      borderColor: theme.BORDER_INVERTED,
       borderWidth: 1,
       paddingVertical: 10,
       paddingHorizontal: 20,
@@ -3093,8 +3095,8 @@ const FeedbackForm = ({
     {
       style: [styles.textInput, { height: Math.max(100) }],
       placeholder: inputText,
-      placeholderTextColor: "gray",
       multiline: true,
+      placeholderTextColor: Theme.CONTENT_SECONDRY,
       maxLength: maxChars,
       value: feedback,
       onChangeText: (text) => setFeedback(text)
@@ -3563,11 +3565,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 +3586,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 +3624,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
     }
   });
 };