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

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, 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 { 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 { 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,8 +82,6 @@ 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> {
@@ -106,10 +104,6 @@ export declare interface AnimatedModalProps extends HTMLAttributes<HTMLDivElemen
     overlayBlur?: boolean;
 }
 
-export declare const ArrowLeftIcon: FC<{
-    className?: string;
-}>;
-
 export declare const ArrowRightIcon: FC<{
     className?: string;
 }>;
@@ -223,7 +217,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' | 'empty';
+    color?: 'primary' | 'secondary' | 'tertiary' | 'quaternary';
     size?: 'small' | 'large';
     disabled?: true | false;
     startIcon?: default_2.ReactNode;
@@ -287,10 +281,6 @@ 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>>;
@@ -401,35 +391,6 @@ 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 {
@@ -502,6 +463,8 @@ 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>>;
@@ -730,20 +693,6 @@ 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;
 }>;
@@ -921,10 +870,6 @@ export declare const MagnifyGlassIcon: FC<{
     className?: string;
 }>;
 
-export declare const MessageIcon: FC<{
-    className?: string;
-}>;
-
 export declare const MetroIcon: FC<{
     className?: string;
 }>;
@@ -1003,11 +948,37 @@ export declare const MoneyIcon: FC<{
     className?: string;
 }>;
 
-export declare const MoonIcon: 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 const NoSmokingIcon: FC<{
+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;
 }>;
 
@@ -1047,18 +1018,10 @@ 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 }
 
@@ -1293,10 +1256,6 @@ export declare interface PriceRangeSliderProps {
     uptoLabel?: string;
 }
 
-export declare const PriceTagFilledIcon: FC<{
-    className?: string;
-}>;
-
 export declare const PriceTagIcon: FC<{
     className?: string;
 }>;
@@ -1629,7 +1588,7 @@ export declare type TextProps<T extends ElementType = 'div'> = React.PropsWithCh
     isResponsive?: boolean;
 }> & React.ComponentPropsWithoutRef<T>;
 
-declare type TextVariant = Exclude<AllTextVariants, 'mediumSubHeadRegular' | 'mediumSubHeadEmphasized'>;
+declare type TextVariant = keyof typeof textVariants;
 
 declare const textVariants: {
     readonly xLargeHeroTitleRegular: readonly ["var(--xLargeHero-TitleRegular-font-size)", {
@@ -1880,14 +1839,30 @@ 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)";
@@ -2220,10 +2195,6 @@ export declare const WhatsappIcon: FC<{
     className?: string;
 }>;
 
-export declare const WifiDotIcon: FC<{
-    className?: string;
-}>;
-
 export declare const WifiIcon: FC<{
     className?: string;
 }>;