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

package/dist/{ButtonsGroupSelector-CshRIOBN.js → ButtonsGroupSelector-Dw7UzSrk.js}

@@ -3800,14 +3800,16 @@ const za = (e, t = "AED") => {
   primary: "ds-bg-Background-accentEggplant-100 ds-text-Text-textPrimaryDark ds-rounded-sm hover:ds-text-Text-textPrimaryDark hover:ds-bg-Background-accentEggplant-highlight active:ds-bg-Background-accentEggplant-darkened focus:ds-rounded-none focus:ds-bg-Background-accentEggplant-100 focus:ds-border focus:ds-border-white focus:ds-shadow-[0px_0px_0px_1px_rgba(109,54,169,1)] disabled:focus:ds-shadow-none disabled:ds-bg-Background-accentEggplant-20",
   secondary: "ds-text-Background-accentEggplant-100 ds-rounded-sm ds-border ds-border-Fills-secondary hover:ds-text-Background-accentEggplant-100 hover:ds-border hover:ds-bg-Background-accentEggplant-5 hover:ds-border-Fills-black active:ds-text-Background-accentEggplant-100 active:ds-border active:ds-border-Fills-Background-accentEggplant-100 active:ds-bg-Background-accentEggplant-5 focus:ds-bg-Background-accentEggplant-5 focus:ds-bg-Background-accentEggplant-5 focus:ds-text-accentEggplant-100 focus:ds-border-2 focus:ds-border-Background-accentEggplant-100 disabled:ds-border disabled:ds-border-Fills-terciary disabled:ds-text-Text-tertiary disabled:ds-bg-transparent",
   tertiary: "ds-text-Text-secondary ds-rounded-sm hover:ds-bg-Fills-quintiary active:ds-bg-Fills-quintiary focus:ds-bg-Fills-quadrutery disabled:ds-text-Fills-quadrutery disabled:ds-bg-Fills-quintiary",
-  quaternary: "ds-text-accentEggplant-100 ds-rounded-sm hover:ds-bg-Background-accentEggplant-5 active:ds-bg-Background-accentEggplant-5 focus:ds-bg-Background-accentEggplant-100 focus:ds-text-Text-textPrimaryDark disabled:ds-text-Background-accentEggplant-20",
+  quaternary: "ds-text-accentEggplant-100 ds-rounded-sm hover:ds-bg-Background-accentEggplant-5 active:ds-bg-Background-accentEggplant-5 active:ds-text-accentEggplant-50 focus:ds-bg-Background-accentEggplant-100 focus:ds-text-Text-textPrimaryDark disabled:ds-text-Background-accentEggplant-20",
   small: "ds-py-1.5 ds-px-8 ds_SmallBodyEmphasized",
-  large: "ds-py-3 ds-px-8 ds_MediumBodyEmphasized"
+  large: "ds-py-3 ds-px-8 ds_MediumBodyEmphasized",
+  empty: ""
 }, $o = {
   primary: "ds-bg-Background-accentEggplant-100 ds-text-Text-textPrimaryDark ds-rounded-none ds-border ds-border-white ds-shadow-[0px_0px_0px_1px_rgba(109,54,169,1)]",
   secondary: "ds-rounded-sm ds-border ds-bg-Background-accentEggplant-5 ds-text-accentEggplant-100 ds-border-2 ds-border-Background-accentEggplant-100",
   tertiary: "ds-text-Text-secondary ds-rounded-sm ds-bg-Fills-quadrutery",
-  quaternary: "ds-rounded-sm ds-bg-Background-accentEggplant-100 ds-text-Text-textPrimaryDark"
+  quaternary: "ds-rounded-sm ds-bg-Background-accentEggplant-100 ds-text-Text-textPrimaryDark",
+  empty: "ds-rounded-sm ds-bg-none"
 }, Vo = Fe.forwardRef(
   (h, d) => {
     var m = h, {

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, x as cs, y as us, C as fs, l as xs, k as ms, n as ps } from "../ButtonsGroupSelector-Dw7UzSrk.js";
+import { w as ks } from "../ButtonsGroupSelector-Dw7UzSrk.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 {
@@ -693,6 +732,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 +923,10 @@ export declare const MagnifyGlassIcon: FC<{
     className?: string;
 }>;
 
+export declare const MessageIcon: FC<{
+    className?: string;
+}>;
+
 export declare const MetroIcon: FC<{
     className?: string;
 }>;
@@ -982,6 +1039,10 @@ 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 +1079,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 +1325,10 @@ export declare interface PriceRangeSliderProps {
     uptoLabel?: string;
 }
 
+export declare const PriceTagFilledIcon: FC<{
+    className?: string;
+}>;
+
 export declare const PriceTagIcon: FC<{
     className?: string;
 }>;
@@ -1588,7 +1661,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)", {
@@ -2195,6 +2268,10 @@ export declare const WhatsappIcon: FC<{
     className?: string;
 }>;
 
+export declare const WifiDotIcon: FC<{
+    className?: string;
+}>;
+
 export declare const WifiIcon: FC<{
     className?: string;
 }>;