dhre-ui-kit 0.0.267 → 0.0.269

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
@@ -3027,7 +3027,8 @@ const ScrollableList = ({
3027
3027
  selectedItemTextColor = "CONTENT_PRIMARY",
3028
3028
  defaultItemTextColor = "CONTENT_SECONDRY",
3029
3029
  activeTab,
3030
- errorStyle
3030
+ errorStyle,
3031
+ textStyle
3031
3032
  }) => {
3032
3033
  const [selectedItem, setSelectedItem] = useState(
3033
3034
  data && data.length > 0 ? data[0].name : null
@@ -3066,6 +3067,7 @@ const ScrollableList = ({
3066
3067
  {
3067
3068
  text: item.name,
3068
3069
  variant: "L1_REGULAR",
3070
+ style: textStyle,
3069
3071
  textColor: (activeTab ?? selectedItem) === item.name ? selectedItemTextColor : defaultItemTextColor
3070
3072
  }
3071
3073
  ),
@@ -3753,7 +3755,7 @@ const TagsComponent = ({
3753
3755
  selectedTag === item?.name ? [styles.selectedTagButton, selectedTagButton] : [styles.unselectedTagButton, unselectedTagButton]
3754
3756
  ]
3755
3757
  },
3756
- /* @__PURE__ */ React.createElement(
3758
+ /* @__PURE__ */ React.createElement(View, null, /* @__PURE__ */ React.createElement(
3757
3759
  CustomText$1,
3758
3760
  {
3759
3761
  textColor: selectedTag === item?.name ? Theme.CONTENT_INVERTED : Theme.CONTENT_SECONDRY,
@@ -3761,8 +3763,8 @@ const TagsComponent = ({
3761
3763
  variant: FontStyle.L2_REGULAR
3762
3764
  },
3763
3765
  item?.name
3764
- ),
3765
- selectedTag === item?.name && /* @__PURE__ */ React.createElement(Text, { style: styles.closeButton }, "\u2715")
3766
+ )),
3767
+ /* @__PURE__ */ React.createElement(View, { style: styles.circleViewAlignment }, selectedTag === item?.name && /* @__PURE__ */ React.createElement(Text, { style: styles.closeButton }, "\u2715"))
3766
3768
  );
3767
3769
  return /* @__PURE__ */ React.createElement(View, null, /* @__PURE__ */ React.createElement(
3768
3770
  FlatList,
@@ -3802,8 +3804,12 @@ const createStyles = (theme) => {
3802
3804
  },
3803
3805
  closeButton: {
3804
3806
  marginLeft: 10,
3805
- fontSize: 18,
3807
+ fontSize: 14,
3806
3808
  color: theme.BORDER_SECONDRY
3809
+ },
3810
+ circleViewAlignment: {
3811
+ justifyContent: "center",
3812
+ alignItems: "center"
3807
3813
  }
3808
3814
  });
3809
3815
  };