dhre-ui-kit 0.0.129 → 0.0.131

package/lib/index.d.ts

@@ -486,9 +486,11 @@ declare const _default$a: (props: {
 interface OurOfficesButtonProps$1 {
     rightIcon?: ReactElement<SvgProps>;
     onPress: () => void;
+    statusImage?: ReactElement<SvgProps>;
     title: string;
     subTitle?: string;
     containterStyle?: ViewStyle;
+    time?: string;
 }
 declare const _default$9: (props: OurOfficesButtonProps$1) => React$1.JSX.Element;
 

package/lib/index.js

@@ -2451,6 +2451,8 @@ var Line = withThemeProvider(HorizontalLine);
 
 const Topic = ({
   rightIcon,
+  statusImage,
+  time,
   onPress,
   title,
   subTitle,
@@ -2462,25 +2464,27 @@ const Topic = ({
     {
       style: [
         styles$h.button,
-        { backgroundColor: theme["SURFACE_SECONDARY"] },
+        { backgroundColor: theme[Theme.SURFACE_SECONDARY] },
         containterStyle
       ],
       onPress
     },
     rightIcon && /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$h.rightIconContainer }, React__default["default"].cloneElement(rightIcon)),
-    /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$h.textContainer }, subTitle && /* @__PURE__ */ React__default["default"].createElement(
+    /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$h.timeContainer }, time && /* @__PURE__ */ React__default["default"].createElement(CustomText$1, { text: time, variant: FontStyle.L2_REGULAR })),
+    /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$h.textContainer }, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$h.paymentView }, statusImage && /* @__PURE__ */ React__default["default"].createElement(reactNative.View, null, React__default["default"].cloneElement(statusImage)), subTitle && /* @__PURE__ */ React__default["default"].createElement(
       CustomText$1,
       {
+        style: styles$h.subTitle,
         text: subTitle,
-        variant: "L3_REGULAR",
-        textColor: "CONTENT_PRIMARY"
+        variant: FontStyle.L2_REGULAR,
+        textColor: Theme.CONTENT_PRIMARY
       }
-    ), /* @__PURE__ */ React__default["default"].createElement(
+    )), /* @__PURE__ */ React__default["default"].createElement(
       CustomText$1,
       {
         text: title,
-        variant: "L1_REGULAR",
-        textColor: "CONTENT_PRIMARY"
+        variant: FontStyle.B3_REGULAR,
+        textColor: Theme.CONTENT_PRIMARY
       }
     ))
   );
@@ -2493,7 +2497,8 @@ const styles$h = reactNative.StyleSheet.create({
     width: 158,
     borderRadius: 10,
     marginLeft: 12,
-    marginVertical: 14
+    marginVertical: 14,
+    position: "relative"
   },
   iconContainer: {
     marginHorizontal: 16
@@ -2506,13 +2511,25 @@ const styles$h = reactNative.StyleSheet.create({
     marginHorizontal: 8,
     marginTop: 20
   },
+  timeContainer: {
+    position: "absolute",
+    right: 16,
+    top: 16
+  },
   titleText: {
     marginBottom: 4
   },
   rightIconContainer: {
     position: "absolute",
-    left: 16,
+    left: 10,
     top: 10
+  },
+  subTitle: {
+    marginLeft: 8
+  },
+  paymentView: {
+    flexDirection: "row",
+    alignItems: "center"
   }
 });
 var Topic$1 = withThemeProvider(Topic);