dhre-ui-kit 0.0.144 → 0.0.145

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.
package/lib/index.mjs CHANGED
@@ -3530,11 +3530,12 @@ const toastService = new ToastService();
3530
3530
  const TagsComponent = ({
3531
3531
  tagList,
3532
3532
  selectedTag,
3533
- handleTagPress
3533
+ handleTagPress,
3534
+ selectedTagButton,
3535
+ unselectedTagButton
3534
3536
  }) => {
3535
3537
  const { theme } = useTheme();
3536
- const styles = createStyles({ theme });
3537
- console.log(theme, "---");
3538
+ const styles = createStyles(theme);
3538
3539
  const reorderedTags = () => {
3539
3540
  if (selectedTag) {
3540
3541
  return [
@@ -3550,7 +3551,7 @@ const TagsComponent = ({
3550
3551
  onPress: () => handleTagPress?.(item.name),
3551
3552
  style: [
3552
3553
  styles.tagButton,
3553
- selectedTag === item?.name ? styles.selectedTagButton : styles.unselectedTagButton
3554
+ selectedTag === item?.name ? [styles.selectedTagButton, selectedTagButton] : [styles.unselectedTagButton, unselectedTagButton]
3554
3555
  ]
3555
3556
  },
3556
3557
  /* @__PURE__ */ React.createElement(
@@ -3588,21 +3589,22 @@ const createStyles = (theme) => {
3588
3589
  paddingVertical: 8,
3589
3590
  paddingHorizontal: 12,
3590
3591
  borderRadius: 20,
3591
- marginHorizontal: 8,
3592
- borderWidth: 1
3592
+ marginHorizontal: 8
3593
3593
  },
3594
3594
  selectedTagButton: {
3595
- backgroundColor: theme[Theme.SURFACE_INVERTED],
3596
- borderColor: theme[Theme.SURFACE_INVERTED]
3595
+ backgroundColor: theme.SURFACE_INVERTED,
3596
+ borderColor: theme.SURFACE_INVERTED,
3597
+ borderWidth: 1
3597
3598
  },
3598
3599
  unselectedTagButton: {
3599
3600
  backgroundColor: "transparent",
3600
- borderColor: theme[Theme.BORDER_SECONDRY]
3601
+ borderColor: theme.BORDER_SECONDRY,
3602
+ borderWidth: 1
3601
3603
  },
3602
3604
  closeButton: {
3603
3605
  marginLeft: 10,
3604
3606
  fontSize: 18,
3605
- color: theme[Theme.SURFACE_PRIMARY]
3607
+ color: theme.BORDER_SECONDRY
3606
3608
  }
3607
3609
  });
3608
3610
  };