dhre-ui-kit 3.6.0 → 3.7.0

package/lib/index.js

@@ -10979,15 +10979,15 @@ const DateRangePicker = (props) => {
       while (start < end) {
         start.setDate(start.getDate() + 1);
         markedDates[start.toISOString().split("T")[0]] = {
-          color: theme.SURFACE_PRIMARY_TRANSPARENT,
-          textColor: theme.CONTENT_PRIMARY
+          color: theme.SURFACE_SECONDARY_TRANSPARENT,
+          textColor: theme.CONTENT_INVERTED
         };
       }
     }
     if (startDate) {
       markedDates[startDate] = {
         startingDay: true,
-        textColor: theme.CONTENT_PRIMARY,
+        textColor: theme.CONTENT_INVERTED,
         customContainerStyle: {
           backgroundColor: theme.CONTENT_ARROW_HIGHLIGHT,
           borderRadius: 200,
@@ -11001,8 +11001,8 @@ const DateRangePicker = (props) => {
     if (endDate) {
       markedDates[endDate] = {
         endingDay: true,
-        color: theme.SURFACE_PRIMARY_TRANSPARENT,
-        textColor: theme.CONTENT_PRIMARY,
+        color: theme.SURFACE_SECONDARY_TRANSPARENT,
+        textColor: theme.CONTENT_INVERTED,
         customContainerStyle: {
           backgroundColor: theme.CONTENT_ARROW_HIGHLIGHT,
           borderRadius: 200,
@@ -11014,8 +11014,8 @@ const DateRangePicker = (props) => {
       };
       markedDates[startDate] = {
         startingDay: true,
-        color: theme.SURFACE_PRIMARY_TRANSPARENT,
-        textColor: theme.CONTENT_PRIMARY,
+        color: theme.SURFACE_SECONDARY_TRANSPARENT,
+        textColor: theme.CONTENT_INVERTED,
         customContainerStyle: {
           backgroundColor: theme.CONTENT_ARROW_HIGHLIGHT,
           borderRadius: 200,
@@ -11034,10 +11034,10 @@ const DateRangePicker = (props) => {
     {
       style: [
         styles$b.calendarHeader,
-        { borderBottomColor: theme.STROKE_TERTIARY }
+        { borderBottomColor: theme.STROKE_SECONDARY }
       ]
     },
-    /* @__PURE__ */ React__default["default"].createElement(reactNative.Text, { style: [styles$b.monthText, { color: theme.CONTENT_PRIMARY }] }, monthLabel),
+    /* @__PURE__ */ React__default["default"].createElement(reactNative.Text, { style: [styles$b.monthText, { color: theme.CONTENT_INVERTED }] }, monthLabel),
     /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$b.arrowsContainer }, /* @__PURE__ */ React__default["default"].createElement(
       reactNative.TouchableOpacity,
       {
@@ -11048,7 +11048,7 @@ const DateRangePicker = (props) => {
         Svg.Path,
         {
           d: "M15 19.5L7.5 12L15 4.5",
-          stroke: theme.CONTENT_PRIMARY,
+          stroke: theme.CONTENT_INVERTED,
           strokeWidth: 1.5,
           strokeLinecap: "round",
           strokeLinejoin: "round"
@@ -11064,7 +11064,7 @@ const DateRangePicker = (props) => {
         Svg.Path,
         {
           d: "M6.75 3.375L12.375 9L6.75 14.625",
-          stroke: theme.CONTENT_PRIMARY,
+          stroke: theme.CONTENT_INVERTED,
           strokeWidth: 1.5,
           strokeLinecap: "round",
           strokeLinejoin: "round"
@@ -11075,7 +11075,10 @@ const DateRangePicker = (props) => {
   return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, null, /* @__PURE__ */ React__default["default"].createElement(
     reactNative.View,
     {
-      style: [styles$b.calendarCard, { backgroundColor: theme.SURFACE_PRIMARY }]
+      style: [
+        styles$b.calendarCard,
+        { backgroundColor: theme.SURFACE_INVERTED }
+      ]
     },
     /* @__PURE__ */ React__default["default"].createElement(
       reactNativeCalendars.Calendar,
@@ -11088,9 +11091,9 @@ const DateRangePicker = (props) => {
         renderHeader: renderCalendarHeader,
         theme: {
           calendarBackground: "transparent",
-          dayTextColor: theme.CONTENT_PRIMARY,
+          dayTextColor: theme.CONTENT_INVERTED,
           textDisabledColor: theme.CONTENT_DISABLE_DARK,
-          todayTextColor: theme.CONTENT_PRIMARY,
+          todayTextColor: theme.CONTENT_INVERTED,
           todayBackgroundColor: theme.CONTENT_ARROW_HIGHLIGHT,
           textSectionTitleColor: theme.CONTENT_DISABLE_LIGHT,
           textDayFontSize: 16,
@@ -11144,11 +11147,12 @@ const DateRangePicker = (props) => {
   ), /* @__PURE__ */ React__default["default"].createElement(
     Button,
     {
+      containerStyle: styles$b.applyButton,
       title: btnTitle,
       onPress: () => {
         onButtonPress(selectedRange?.startDate, selectedRange?.endDate);
       },
-      variant: "primary",
+      variant: "tertiary",
       size: "large",
       disabled: isButtonDisabled
     }