design-system-silkhaus 3.11.0-beta.month-range-picker.1 → 3.11.0

package/dist/app/index.js

@@ -10,8 +10,8 @@ var I = (s, e, a) => e in s ? J(s, e, { enumerable: !0, configurable: !0, writab
       X.call(e, a) && I(s, a, e[a]);
   return s;
 }, k = (s, e) => K(s, L(e));
-import { j as d, p as Y, u as Z, o as _, i as O, s as ss, r as es, v as ds, d as as, e as ls, f as ts, g as rs, a as m, F as ns, A as is, h as os, x as cs, y as us, C as fs, l as xs, k as ms, n as ps } from "../ButtonsGroupSelector-CshRIOBN.js";
-import { w as ks } from "../ButtonsGroupSelector-CshRIOBN.js";
+import { j as d, p as Y, u as Z, o as _, i as O, s as ss, r as es, v as ds, d as as, e as ls, f as ts, g as rs, a as m, F as ns, A as is, h as os, D as cs, x as us, C as fs, l as xs, k as ms, n as ps } from "../ButtonsGroupSelector-Da7wwKtY.js";
+import { w as ks } from "../ButtonsGroupSelector-Da7wwKtY.js";
 import { useState as b } from "react";
 const hs = (s) => window.innerWidth < Y ? /* @__PURE__ */ d.jsx(R, x({}, s)) : /* @__PURE__ */ d.jsx(M, x({}, s));
 hs.displayName = "Dropdown";

package/dist/index.d.ts

@@ -82,6 +82,8 @@ export declare interface AlertDialogProps {
     onSecondaryBtnClick?: () => void;
 }
 
+declare type AllTextVariants = keyof typeof textVariants;
+
 export declare const AnimatedModal: ForwardRefExoticComponent<AnimatedModalProps & RefAttributes<HTMLDivElement>>;
 
 export declare interface AnimatedModalProps extends HTMLAttributes<HTMLDivElement> {
@@ -104,6 +106,10 @@ export declare interface AnimatedModalProps extends HTMLAttributes<HTMLDivElemen
     overlayBlur?: boolean;
 }
 
+export declare const ArrowLeftIcon: FC<{
+    className?: string;
+}>;
+
 export declare const ArrowRightIcon: FC<{
     className?: string;
 }>;
@@ -217,7 +223,7 @@ export declare const BurjKhalifaIcon: FC<{
 export declare const Button: default_2.ForwardRefExoticComponent<ButtonProps & default_2.RefAttributes<HTMLButtonElement>>;
 
 export declare interface ButtonProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
-    color?: 'primary' | 'secondary' | 'tertiary' | 'quaternary';
+    color?: 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'empty';
     size?: 'small' | 'large';
     disabled?: true | false;
     startIcon?: default_2.ReactNode;
@@ -281,6 +287,10 @@ export declare const CalendarPlusIcon: FC<{
     className?: string;
 }>;
 
+export declare const CallBellIcon: FC<{
+    className?: string;
+}>;
+
 export declare const Card: React_2.ForwardRefExoticComponent<CardProps & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare const CardContent: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
@@ -391,6 +401,35 @@ export declare const DashboardOutlineIcon: FC<{
     className?: string;
 }>;
 
+export declare const DateRangeCalendar: default_2.FC<DateRangeCalendarProps>;
+
+/**
+ * A responsive date range calendar using react-dates' DayPickerRangeController.
+ * It adjusts to fill its parent's full width, showing 1 month on mobile and 2 months on larger screens.
+ */
+export declare interface DateRangeCalendarProps {
+    startDate: Moment | null;
+    endDate: Moment | null;
+    onDatesChange: ({ startDate, endDate, }: {
+        startDate: Moment | null;
+        endDate: Moment | null;
+    }) => void;
+    /**
+     * Callback to determine the initially visible month (defaults to current month)
+     */
+    initialVisibleMonth?: () => Moment;
+    isDayBlocked?: ((day: Moment) => boolean) | undefined;
+    renderDayContents?: (day: Moment, modifiers: ModifiersShape) => default_2.ReactNode | null | undefined;
+    getParentWidth: () => number;
+    buttonText: string;
+    /**
+     * Used for RTL.
+     * Pass this as true when you have direction=rtl in your HTML
+     * @default false
+     */
+    rtl?: boolean;
+}
+
 export declare const DateRangePicker: default_2.ForwardRefExoticComponent<DateRangePickerProps & default_2.RefAttributes<HTMLDivElement>>;
 
 declare interface DateRangePickerProps {
@@ -463,8 +502,6 @@ export declare const DeleteIcon: FC<{
 
 export declare const desktopMinWidth: number;
 
-export declare const DesktopMonthRangePicker: FC<PropsWithChildren<MonthRangePickerProps>>;
-
 export declare const DesktopPopover: FC<PropsWithChildren<PopoverProps>>;
 
 export declare const DesktopTooltip: FC<PropsWithChildren<TooltipProps>>;
@@ -693,6 +730,20 @@ export declare interface ImageCarouselProps extends default_2.HTMLAttributes<HTM
     images: string[];
 }
 
+export declare interface ImageItem {
+    src: string;
+    caption: string;
+}
+
+export declare const ImageViewer: FC<ImageViewerProps>;
+
+export declare interface ImageViewerProps {
+    isOpen: boolean;
+    setOpen: (state: boolean) => void;
+    images: ImageItem[];
+    index?: number;
+}
+
 export declare const InfoIcon: FC<{
     className?: string;
 }>;
@@ -870,6 +921,10 @@ export declare const MagnifyGlassIcon: FC<{
     className?: string;
 }>;
 
+export declare const MessageIcon: FC<{
+    className?: string;
+}>;
+
 export declare const MetroIcon: FC<{
     className?: string;
 }>;
@@ -948,40 +1003,14 @@ export declare const MoneyIcon: FC<{
     className?: string;
 }>;
 
-export declare type MonthIndex = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11;
-
-export declare type MonthRange = {
-    startDate: MonthYear;
-    endDate?: MonthYear;
-};
-
-export declare const MonthRangePicker: FC<PropsWithChildren<MonthRangePickerProps>>;
-
-export declare type MonthRangePickerProps = {
-    minDate: MonthYear;
-    maxDate: MonthYear;
-    value?: MonthRange;
-    onChange?: (value: MonthRange) => void;
-    trigger?: ReactNode;
-    triggerContainerClassName?: string;
-    disabled?: boolean;
-    placeholder?: string;
-    /**
-     * Pass this callback function if you want to override the default selected value display text.
-     * By default the dropdown will display the selected dates in the format of "MMM YY - MMM YY"
-     */
-    getSelectedValueDisplayText?: (value?: MonthRange, placeholder?: string) => string;
-};
-
-export declare type MonthYear = {
-    month: MonthIndex;
-    year: number;
-};
-
 export declare const MoonIcon: FC<{
     className?: string;
 }>;
 
+export declare const NoSmokingIcon: FC<{
+    className?: string;
+}>;
+
 export declare const NotificationItem: FC<NotificationItemProps>;
 
 export declare type NotificationItemProps = {
@@ -1018,10 +1047,18 @@ export declare const PartnerIcon: FC<{
     className?: string;
 }>;
 
+export declare const PartyPopperFilledIcon: FC<{
+    className?: string;
+}>;
+
 export declare const PartyPopperIcon: FC<{
     className?: string;
 }>;
 
+export declare const PawIcon: FC<{
+    className?: string;
+}>;
+
 declare const PaymentItem_2: default_2.FC<PaymentScheduleItemProps>;
 export { PaymentItem_2 as PaymentItem }
 
@@ -1256,6 +1293,10 @@ export declare interface PriceRangeSliderProps {
     uptoLabel?: string;
 }
 
+export declare const PriceTagFilledIcon: FC<{
+    className?: string;
+}>;
+
 export declare const PriceTagIcon: FC<{
     className?: string;
 }>;
@@ -1588,7 +1629,7 @@ export declare type TextProps<T extends ElementType = 'div'> = React.PropsWithCh
     isResponsive?: boolean;
 }> & React.ComponentPropsWithoutRef<T>;
 
-declare type TextVariant = keyof typeof textVariants;
+declare type TextVariant = Exclude<AllTextVariants, 'mediumSubHeadRegular' | 'mediumSubHeadEmphasized'>;
 
 declare const textVariants: {
     readonly xLargeHeroTitleRegular: readonly ["var(--xLargeHero-TitleRegular-font-size)", {
@@ -1839,30 +1880,14 @@ declare const textVariants: {
         readonly lineHeight: "var(--SmallTitle-3Regular-line-height)";
         readonly fontWeight: "var(--font-weight-semibold)";
     }];
-    readonly smallBodyRegular: readonly ["15px", {
-        readonly lineHeight: "24px";
-        readonly fontWeight: "var(--font-weight-normal)";
-    }];
-    readonly smallBodyEmphasized: readonly ["15px", {
-        readonly lineHeight: "24px";
-        readonly fontWeight: "var(--font-weight-semibold)";
-    }];
     readonly smallBody1Regular: readonly ["var(--SmallBody-1Regular-font-size)", {
         readonly lineHeight: "var(--SmallBody-1Regular-line-height)";
         readonly fontWeight: "var(--SmallBody-1Regular-font-weight)";
     }];
-    readonly smallBody1Emphasized: readonly ["var(--SmallBody-1Regular-font-size)", {
-        readonly lineHeight: "var(--SmallBody-1Regular-line-height)";
-        readonly fontWeight: "var(--font-weight-semibold)";
-    }];
     readonly smallBody2Regular: readonly ["var(--SmallBody-2Regular-font-size)", {
         readonly lineHeight: "var(--SmallBody-2Regular-line-height)";
         readonly fontWeight: "var(--SmallBody-2Regular-font-weight)";
     }];
-    readonly smallBody2Emphasized: readonly ["var(--SmallBody-2Regular-font-size)", {
-        readonly lineHeight: "var(--SmallBody-2Regular-line-height)";
-        readonly fontWeight: "var(--font-weight-semibold)";
-    }];
     readonly smallSubheadRegular: readonly ["var(--SmallSubhead-Regular-font-size)", {
         readonly lineHeight: "var(--SmallSubhead-Regular-line-height)";
         readonly fontWeight: "var(--font-weight-normal)";
@@ -2195,6 +2220,10 @@ export declare const WhatsappIcon: FC<{
     className?: string;
 }>;
 
+export declare const WifiDotIcon: FC<{
+    className?: string;
+}>;
+
 export declare const WifiIcon: FC<{
     className?: string;
 }>;