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.d.ts CHANGED
@@ -563,6 +563,7 @@ interface ScrollableListProps {
563
563
  defaultItemTextColor?: string;
564
564
  activeTab?: string;
565
565
  errorStyle?: object;
566
+ textStyle?: TextStyle;
566
567
  }
567
568
  declare const _default$7: (props: ScrollableListProps) => React$1.JSX.Element;
568
569
 
package/lib/index.js CHANGED
@@ -3063,7 +3063,8 @@ const ScrollableList = ({
3063
3063
  selectedItemTextColor = "CONTENT_PRIMARY",
3064
3064
  defaultItemTextColor = "CONTENT_SECONDRY",
3065
3065
  activeTab,
3066
- errorStyle
3066
+ errorStyle,
3067
+ textStyle
3067
3068
  }) => {
3068
3069
  const [selectedItem, setSelectedItem] = React.useState(
3069
3070
  data && data.length > 0 ? data[0].name : null
@@ -3102,6 +3103,7 @@ const ScrollableList = ({
3102
3103
  {
3103
3104
  text: item.name,
3104
3105
  variant: "L1_REGULAR",
3106
+ style: textStyle,
3105
3107
  textColor: (activeTab ?? selectedItem) === item.name ? selectedItemTextColor : defaultItemTextColor
3106
3108
  }
3107
3109
  ),
@@ -3789,7 +3791,7 @@ const TagsComponent = ({
3789
3791
  selectedTag === item?.name ? [styles.selectedTagButton, selectedTagButton] : [styles.unselectedTagButton, unselectedTagButton]
3790
3792
  ]
3791
3793
  },
3792
- /* @__PURE__ */ React__default["default"].createElement(
3794
+ /* @__PURE__ */ React__default["default"].createElement(reactNative.View, null, /* @__PURE__ */ React__default["default"].createElement(
3793
3795
  CustomText$1,
3794
3796
  {
3795
3797
  textColor: selectedTag === item?.name ? Theme.CONTENT_INVERTED : Theme.CONTENT_SECONDRY,
@@ -3797,8 +3799,8 @@ const TagsComponent = ({
3797
3799
  variant: FontStyle.L2_REGULAR
3798
3800
  },
3799
3801
  item?.name
3800
- ),
3801
- selectedTag === item?.name && /* @__PURE__ */ React__default["default"].createElement(reactNative.Text, { style: styles.closeButton }, "\u2715")
3802
+ )),
3803
+ /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles.circleViewAlignment }, selectedTag === item?.name && /* @__PURE__ */ React__default["default"].createElement(reactNative.Text, { style: styles.closeButton }, "\u2715"))
3802
3804
  );
3803
3805
  return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, null, /* @__PURE__ */ React__default["default"].createElement(
3804
3806
  reactNative.FlatList,
@@ -3838,8 +3840,12 @@ const createStyles = (theme) => {
3838
3840
  },
3839
3841
  closeButton: {
3840
3842
  marginLeft: 10,
3841
- fontSize: 18,
3843
+ fontSize: 14,
3842
3844
  color: theme.BORDER_SECONDRY
3845
+ },
3846
+ circleViewAlignment: {
3847
+ justifyContent: "center",
3848
+ alignItems: "center"
3843
3849
  }
3844
3850
  });
3845
3851
  };