@drivy/cobalt 0.36.1 → 0.37.0

package/types/components/Calendar/CalendarRangePicker/CalendarRangePickerDay.d.ts

@@ -1,22 +1,22 @@
 import React from "react";
-type Props = {
+type CalendarRangePickerDayPropsType = {
     date: Date;
     isEditingStartDate: boolean;
     isEditingEndDate: boolean;
     isToday?: boolean;
-    isFirstDayOfMonth?: boolean;
-    isLastDayOfMonth?: boolean;
     isStartDay?: boolean;
     isEndDay?: boolean;
-    selected?: boolean;
+    isSelected?: boolean;
+    isInvalid?: boolean;
+    isDisabled?: boolean;
     isRange?: boolean;
-    invalid?: boolean;
-    disabled?: boolean;
-    subdued?: boolean;
+    isActive?: boolean;
+    hasNotification?: boolean;
+    tooltipMessage?: string;
     onSelect: (date: Date) => void;
     onMouseEnter: (date: Date, disabled: boolean) => void;
     onMouseLeave?: (date: Date) => void;
 };
-declare function CalendarRangePickerDay({ date, isToday, isFirstDayOfMonth, isLastDayOfMonth, isStartDay, isEndDay, isRange, selected, subdued, disabled, invalid, onSelect, onMouseEnter, onMouseLeave, }: Props): React.JSX.Element;
+declare function CalendarRangePickerDay({ date, isToday, isStartDay, isEndDay, isSelected, isDisabled, isInvalid, isRange, isActive, hasNotification, tooltipMessage, onSelect, onMouseEnter, onMouseLeave, }: CalendarRangePickerDayPropsType): React.JSX.Element;
 declare const MemoizedComponent: React.MemoExoticComponent<typeof CalendarRangePickerDay>;
 export { MemoizedComponent as CalendarRangePickerDay };

package/types/components/Calendar/CalendarRangePicker/CalendarRangePickerMonth.d.ts

@@ -1,17 +1,22 @@
 import React from "react";
-type Props = {
+import { CalendarRangePickerPropsType, DayStatusInterface, RangeConstraintsInterface } from "./CalendarRangePicker";
+type CalendarRangePickerMonthPropsType = {
     date: Date;
     startDate?: Date;
     endDate?: Date;
     onSelectDate: (date: Date, isOutOfRange?: boolean) => void;
-    onChangeDate: (date: Date, isOutOfRange: boolean, disabled: boolean) => void;
+    onChangeDate: (date: Date, status: DayStatusInterface) => void;
     onLeaveDate?: (date: Date) => void;
     isEditingStartDate?: boolean;
     isEditingEndDate?: boolean;
-    rangeLimit?: number;
     firstAvailableDate: Date;
     lastAvailableDate?: Date;
+    isDayDisabledFn?: CalendarRangePickerPropsType["isDayDisabledFn"];
+    hasDayNotificationFn?: CalendarRangePickerPropsType["hasDayNotificationFn"];
+    isDayInvalidForSelectionFn?: CalendarRangePickerPropsType["isDayInvalidForSelectionFn"];
+    rangeConstraints?: RangeConstraintsInterface;
+    isSundayFirstDayOfWeek?: boolean;
     locale: any;
 };
-export declare function CalendarRangePickerMonth({ date, onSelectDate, onChangeDate, onLeaveDate, startDate, endDate, isEditingStartDate, isEditingEndDate, rangeLimit, firstAvailableDate, lastAvailableDate, locale, }: Props): React.JSX.Element;
+export declare function CalendarRangePickerMonth({ date, onSelectDate, onChangeDate, onLeaveDate, startDate, endDate, isEditingStartDate, isEditingEndDate, firstAvailableDate, lastAvailableDate, isDayDisabledFn, isDayInvalidForSelectionFn, hasDayNotificationFn, rangeConstraints, isSundayFirstDayOfWeek, locale, }: CalendarRangePickerMonthPropsType): React.JSX.Element;
 export {};

package/types/components/Calendar/CalendarRangePicker/DayTooltip.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import { TippyProps } from "@tippyjs/react";
+declare const DayTooltip: {
+    (props: TippyProps): React.JSX.Element;
+    defaultProps: {
+        animation: string;
+        arrow: boolean;
+        interactive: boolean;
+        interactiveBorder: number;
+        placement: string;
+        theme: string;
+        delay: number[];
+        duration: number[];
+        maxWidth: number;
+        offset: number[];
+        sticky: boolean;
+        plugins: import("tippy.js").Sticky[];
+        appendTo: HTMLElement;
+    };
+};
+export default DayTooltip;

package/types/components/Calendar/utils.d.ts

@@ -1,2 +1,2 @@
-export declare const getWeekDays: () => Date[];
-export declare const getMonthDaysByWeeks: (monthDate: Date) => Date[][];
+export declare const getWeekDays: (isSundayFirstDayOfWeek?: boolean) => Date[];
+export declare const getMonthDaysByWeeks: (monthDate: Date, isSundayFirstDayOfWeek?: boolean) => Date[][];

package/types/tokens/index.d.ts

@@ -531,6 +531,10 @@ export declare const theme: {
         driver: string;
         owner: string;
         inversed: string;
+        disabled: string;
+        onAccent: string;
+        onError: string;
+        onSuccess: string;
     };
     buttonBackground: {
         selected: string;
@@ -682,6 +686,8 @@ export declare const theme: {
         errorAlt: string;
         success: string;
         successAlt: string;
+        onAccent: string;
+        onError: string;
     };
     fill: {
         base: string;

package/utilities.css

@@ -161,6 +161,10 @@
   --c-text-driver: var(--c-navy-700);
   --c-text-owner: var(--c-white);
   --c-text-inversed: var(--c-white);
+  --c-text-disabled: var(--c-navy-200);
+  --c-text-onAccent: var(--c-white);
+  --c-text-onError: var(--c-white);
+  --c-text-onSuccess: var(--c-white);
   --c-buttonBackground-selected: var(--c-purple-100);
   --c-buttonBackground-destructiveInteractive: var(--c-red-100);
   --c-buttonBackground-destructiveInteractive--hover: var(--c-red-120);
@@ -258,6 +262,8 @@
   --c-stroke-errorAlt: var(--c-red-500);
   --c-stroke-success: var(--c-green-500);
   --c-stroke-successAlt: var(--c-green-500);
+  --c-stroke-onAccent: var(--c-white);
+  --c-stroke-onError: var(--c-white);
   --c-fill-base: var(--c-navy-500);
   --c-fill-secondary: var(--c-yellow-500);
   --c-fill-subdued: var(--c-navy-100);
@@ -5222,6 +5228,14 @@
   border-color: var(--c-stroke-successAlt);
 }
 
+.c-border-onAccent {
+  border-color: var(--c-stroke-onAccent);
+}
+
+.c-border-onError {
+  border-color: var(--c-stroke-onError);
+}
+
 .c-bg-primary {
   background-color: var(--c-background-primary);
 }
@@ -5514,6 +5528,22 @@
   color: var(--c-text-inversed);
 }
 
+.c-text-disabled {
+  color: var(--c-text-disabled);
+}
+
+.c-text-onAccent {
+  color: var(--c-text-onAccent);
+}
+
+.c-text-onError {
+  color: var(--c-text-onError);
+}
+
+.c-text-onSuccess {
+  color: var(--c-text-onSuccess);
+}
+
 @media (min-width: 480px) {
   .xs\:c-sr-only {
     position: absolute;