dhre-ui-kit 2.0.9 → 2.0.11

package/lib/index.d.ts

@@ -281,6 +281,8 @@ declare enum Theme {
     CONTENT_STATIC = "CONTENT_STATIC",
     CONTENT_PRIMARY_STATIC = "CONTENT_PRIMARY_STATIC",
     CONTENT_SECONDRY_STATIC = "CONTENT_SECONDRY_STATIC",
+    CONTENT_SECONDARY_TEXT = "CONTENT_SECONDARY_TEXT",
+    CONTENT_SECTION_HEADER_TEXT = "CONTENT_SECTION_HEADER_TEXT",
     BORDER_PRIMARY = "BORDER_PRIMARY",
     BORDER_SECONDRY = "BORDER_SECONDRY",
     BORDER_DISABLE = "BORDER_DISABLE",
@@ -592,6 +594,8 @@ interface ScrollableListProps {
     errorStyle?: object;
     activeTextStyle?: TextStyle;
     enableTextWrap?: boolean;
+    errorTextStyle?: TextStyle;
+    inActiveTextStyle?: TextStyle;
 }
 declare const _default$7: (props: ScrollableListProps) => React$1.JSX.Element;
 
@@ -864,6 +868,14 @@ declare const theme: {
         light: string;
         dark: string;
     };
+    CONTENT_SECONDARY_TEXT: {
+        light: string;
+        dark: string;
+    };
+    CONTENT_SECTION_HEADER_TEXT: {
+        light: string;
+        dark: string;
+    };
     CONTENT_DISABLE: {
         light: string;
         dark: string;

package/lib/index.js

@@ -134,6 +134,8 @@ var Theme = /* @__PURE__ */ ((Theme2) => {
   Theme2["CONTENT_STATIC"] = "CONTENT_STATIC";
   Theme2["CONTENT_PRIMARY_STATIC"] = "CONTENT_PRIMARY_STATIC";
   Theme2["CONTENT_SECONDRY_STATIC"] = "CONTENT_SECONDRY_STATIC";
+  Theme2["CONTENT_SECONDARY_TEXT"] = "CONTENT_SECONDARY_TEXT";
+  Theme2["CONTENT_SECTION_HEADER_TEXT"] = "CONTENT_SECTION_HEADER_TEXT";
   Theme2["BORDER_PRIMARY"] = "BORDER_PRIMARY";
   Theme2["BORDER_SECONDRY"] = "BORDER_SECONDRY";
   Theme2["BORDER_DISABLE"] = "BORDER_DISABLE";
@@ -216,6 +218,14 @@ const theme = {
     light: "#686868",
     dark: "#A7A7A7"
   },
+  [Theme.CONTENT_SECONDARY_TEXT]: {
+    light: "#686868",
+    dark: "#C4BFB6"
+  },
+  [Theme.CONTENT_SECTION_HEADER_TEXT]: {
+    light: "#00263A",
+    dark: "#E3D6BF"
+  },
   [Theme.CONTENT_DISABLE]: {
     light: "#A7A7A7",
     dark: "#686868"
@@ -7634,8 +7644,10 @@ const ScrollableList = ({
   defaultItemTextColor = "CONTENT_SECONDRY",
   activeTab,
   errorStyle,
+  errorTextStyle,
   activeTextStyle,
-  enableTextWrap
+  enableTextWrap,
+  inActiveTextStyle
 }) => {
   const [selectedItem, setSelectedItem] = React.useState(
     data && data.length > 0 ? data[0].name : null
@@ -7675,7 +7687,7 @@ const ScrollableList = ({
           text: item.name,
           variant: "L1_REGULAR",
           textColor: (activeTab ?? selectedItem) === item.name ? selectedItemTextColor : defaultItemTextColor,
-          style: (activeTab ?? selectedItem) === item.name ? activeTextStyle ? activeTextStyle : {} : {}
+          style: (activeTab ?? selectedItem) === item.name ? activeTextStyle ? activeTextStyle : {} : inActiveTextStyle ? inActiveTextStyle : {}
         }
       )),
       item?.isError ? /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles.errorViewStyle, errorStyle] }, item?.errorText ? /* @__PURE__ */ React__default["default"].createElement(
@@ -7684,7 +7696,7 @@ const ScrollableList = ({
           text: item?.errorText,
           variant: FontStyle.L2_REGULAR,
           textColor: Theme.CONTENT_PRIMARY,
-          style: styles.errorTextStyle
+          style: [styles.errorTextStyle, errorTextStyle]
         }
       ) : "") : null
     ))