@zealicsolutions/web-ui 1.0.60-test.1 → 1.0.60-test.3

package/dist/cjs/molecules/Calendar/hooks/useCalendarStyling.d.ts

@@ -0,0 +1,229 @@
+interface CalendarStylingProps {
+    width?: string | number;
+    marginLeft?: string;
+    marginTop?: string;
+    marginRight?: string;
+    marginBottom?: string;
+    paddingLeft?: string;
+    paddingTop?: string;
+    paddingRight?: string;
+    paddingBottom?: string;
+    buttonFontSize?: string | number;
+    buttonPaddingY?: string;
+    buttonPaddingX?: string;
+    buttonColor?: string;
+    buttonTextColor?: string;
+    buttonBorderColor?: string;
+    buttonFontWeight?: string | number;
+    buttonElevation?: number;
+    buttonHeight?: string | number;
+    buttonMinWidth?: string | number;
+    buttonMarginY?: string;
+    buttonMarginX?: string;
+    buttonBorderRadius?: string;
+    buttonHoverColor?: string;
+    buttonHoverTextColor?: string;
+    buttonHoverBorderColor?: string;
+    headerBackgroundColor?: string;
+    headerBorderColor?: string;
+    headerPadding?: string;
+    headerHeight?: string | number;
+    headerFontSize?: string | number;
+    headerFontWeight?: string | number;
+    headerTextColor?: string;
+    dayHeaderColor?: string;
+    dayHeaderFontWeight?: string | number;
+    eventBackgroundColor?: string;
+    eventBorderColor?: string;
+    eventTextColor?: string;
+    eventBorderRadius?: string;
+    eventOpacity?: number;
+    eventElevation?: number;
+    eventPadding?: string;
+    eventFontSize?: string | number;
+    eventFontFamily?: string;
+    eventFontWeight?: string | number;
+    cellBackgroundColor?: string;
+    cellHoverBackgroundColor?: string;
+    cellTodayBackgroundColor?: string;
+    cellBorderColor?: string;
+    cellTextColor?: string;
+    cellFontSize?: string | number;
+    cellPadding?: string;
+    cellHeight?: string | number;
+    timeGridSlotHeight?: string | number;
+    timeGridSlotBorderColor?: string;
+    timeGridNowIndicatorColor?: string;
+    timeGridLabelFontSize?: string | number;
+    timeGridLabelColor?: string;
+    nowIndicatorColor?: string;
+    allDayBackgroundColor?: string;
+    allDayTextColor?: string;
+    resourceAreaWidth?: string | number;
+    resourceBackgroundColor?: string;
+    resourceTextColor?: string;
+    resourceBorderColor?: string;
+    resourceFontSize?: string | number;
+    resourcePadding?: string;
+    borderStyle?: 'none' | 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset';
+    borderWidth?: string;
+    borderColor?: string;
+    borderRadius?: string;
+    backgroundColor?: string;
+    fontFamily?: string;
+    elevation?: number;
+    enableAnimations?: boolean;
+    animationSpeed?: string;
+    hoverEffect?: 'none' | 'lift' | 'scale' | 'glow' | 'bounce';
+    showGridLines?: boolean;
+}
+export declare const useCalendarStyling: (props: CalendarStylingProps) => {
+    sx: {
+        readonly '& .fc': {
+            readonly borderRadius: string | undefined;
+            readonly borderColor: string | undefined;
+            readonly borderWidth: string | undefined;
+            readonly borderStyle: "inset" | "none" | "dashed" | "dotted" | "double" | "groove" | "outset" | "ridge" | "solid";
+            readonly boxShadow: string;
+            readonly fontFamily: string | undefined;
+            readonly backgroundColor: string | undefined;
+        };
+        readonly '& .fc .fc-button': {
+            readonly transition?: string | undefined;
+            readonly '&:hover'?: {
+                backgroundColor: string | undefined;
+                color: string | undefined;
+                borderColor: string | undefined;
+                transform: string;
+            } | undefined;
+            readonly fontSize: string | number | undefined;
+            readonly padding: string | undefined;
+            readonly borderRadius: string | undefined;
+            readonly backgroundColor: string | undefined;
+            readonly color: string | undefined;
+            readonly borderColor: string | undefined;
+            readonly fontWeight: string | number | undefined;
+            readonly boxShadow: string;
+            readonly height: string | number | undefined;
+            readonly minWidth: string | number | undefined;
+            readonly margin: string | undefined;
+        };
+        readonly '& .fc-event': {
+            readonly transition?: string | undefined;
+            readonly '&:hover'?: {
+                transform: string;
+                boxShadow: string;
+            } | undefined;
+            readonly backgroundColor: string | undefined;
+            readonly color: string | undefined;
+            readonly borderColor: string | undefined;
+            readonly borderRadius: string | undefined;
+            readonly fontSize: string | number | undefined;
+            readonly fontWeight: string | number | undefined;
+            readonly opacity: number | undefined;
+            readonly boxShadow: string;
+            readonly padding: string | undefined;
+            readonly borderWidth: string | undefined;
+            readonly borderStyle: "inset" | "none" | "dashed" | "dotted" | "double" | "groove" | "outset" | "ridge" | "solid";
+        };
+        readonly '& .fc .fc-daygrid-day, & .fc .fc-timegrid-slot, & .fc .fc-col-header-cell': {
+            readonly transition?: string | undefined;
+            readonly '&:hover'?: {
+                backgroundColor: string | undefined;
+                transform: string;
+            } | undefined;
+            readonly backgroundColor: string | undefined;
+            readonly borderColor: string | undefined;
+            readonly borderWidth: string | undefined;
+            readonly borderStyle: "inset" | "none" | "dashed" | "dotted" | "double" | "groove" | "outset" | "ridge" | "solid";
+            readonly padding: string | undefined;
+            readonly height: string | number | undefined;
+            readonly color: string | undefined;
+            readonly fontSize: string | number | undefined;
+        };
+        readonly '& .fc .fc-day-today': {
+            readonly backgroundColor: string | undefined;
+        };
+        readonly '& .fc .fc-timegrid-all-day-slot': {
+            readonly backgroundColor: string | undefined;
+        };
+        readonly '& .fc .fc-timegrid-all-day-slot .fc-event': {
+            readonly color: string | undefined;
+        };
+        readonly '& .fc .fc-daygrid-day .fc-event[data-all-day="true"]': {
+            readonly color: string | undefined;
+            readonly backgroundColor: string | undefined;
+        };
+        readonly '& .fc .fc-scrollgrid-shim, & .fc .fc-timegrid-divider'?: {
+            display: string;
+        } | undefined;
+        readonly width: string | number | undefined;
+        readonly marginLeft: string | undefined;
+        readonly marginTop: string | undefined;
+        readonly marginRight: string | undefined;
+        readonly marginBottom: string | undefined;
+        readonly paddingLeft: string | undefined;
+        readonly paddingTop: string | undefined;
+        readonly paddingRight: string | undefined;
+        readonly paddingBottom: string | undefined;
+        readonly '& .fc .fc-toolbar': {
+            readonly backgroundColor: string | undefined;
+            readonly color: string | undefined;
+            readonly borderColor: string | undefined;
+            readonly padding: string | undefined;
+            readonly height: string | number | undefined;
+            readonly '& .fc-toolbar-title': {
+                readonly fontSize: string | number | undefined;
+                readonly fontWeight: string | number | undefined;
+                readonly color: string | undefined;
+            };
+        };
+        readonly '& .fc .fc-col-header-cell-cushion': {
+            readonly color: string | undefined;
+            readonly fontWeight: string | number | undefined;
+        };
+        readonly '& .fc .fc-timegrid-slot-label-cushion': {
+            readonly color: string | undefined;
+            readonly fontSize: string | number | undefined;
+        };
+        readonly '& .fc .fc-event': {
+            readonly color: string | undefined;
+        };
+        readonly '& .fc .fc-event:hover': {
+            readonly backgroundColor: string | undefined;
+        };
+        readonly '& .fc .fc-event-title': {
+            readonly fontSize: string | number | undefined;
+            readonly fontFamily: string | undefined;
+            readonly fontWeight: string | number | undefined;
+        };
+        readonly '& .fc .fc-now-indicator': {
+            readonly backgroundColor: string | undefined;
+        };
+        readonly '& .fc .fc-timegrid-now-indicator-line': {
+            readonly backgroundColor: string | undefined;
+        };
+        readonly '& .fc .fc-timegrid-slot': {
+            readonly height: string | number | undefined;
+            readonly borderColor: string | undefined;
+        };
+        readonly '& .fc .fc-resource-area': {
+            readonly backgroundColor: string | undefined;
+            readonly width: string | number | undefined;
+            readonly borderColor: string | undefined;
+            readonly '& .fc-resource-cell': {
+                readonly color: string | undefined;
+                readonly fontSize: string | number | undefined;
+                readonly padding: string | undefined;
+            };
+        };
+        readonly '& .fc .fc-resource .fc-resource-title': {
+            readonly color: string | undefined;
+        };
+        readonly '& .fc .fc-resource-area-cell': {
+            readonly borderColor: string | undefined;
+        };
+    };
+    getMaterialElevation: (elevation?: number) => string;
+};
+export {};

package/dist/cjs/molecules/DatePicker/DatePicker.d.ts

@@ -1,8 +1,10 @@
-import React from 'react';
 import { DatePickerProps as MuiDatePickerProps } from '@mui/x-date-pickers';
+import React from 'react';
 export interface DatePickerMoleculeProps extends MuiDatePickerProps {
     required?: boolean;
     placeholderText?: string;
+    requiredErrorText?: string;
+    validationErrorText?: string;
     moleculeId?: string;
     configurationItemInfo?: any;
     text: string;