greenole-design-system 1.1.51 → 1.1.53

package/dist/components/BottomSheet/BottomSheet.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { BottomSheetProps } from './BottomSheet.types';
+export declare const BottomSheet: React.FC<BottomSheetProps>;
+export default BottomSheet;

package/dist/components/BottomSheet/BottomSheet.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as BottomSheet } from './BottomSheet';
+declare const meta: Meta<typeof BottomSheet>;
+export default meta;
+type Story = StoryObj<typeof BottomSheet>;
+export declare const Minimal: Story;

package/dist/components/BottomSheet/BottomSheet.styles.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Fullscreen overlay behind the sheet.
+ * Controls z-index, fade/opacity and pointer-events.
+ */
+export declare const Overlay: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $z: number;
+    $show: boolean;
+    $animMs: number;
+}>> & string;
+/**
+ * The sheet container itself.
+ * Supports "full" height mode and animates in/out vertically.
+ */
+export declare const Sheet: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $maxH: string;
+    $height: "auto" | "content" | "full";
+    $show: boolean;
+    $animMs: number;
+}>> & string;
+/**
+ * Small handle shown at the top of the sheet for affordance.
+ */
+export declare const Handle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+/**
+ * Scrollable content area inside the sheet.
+ * When not compact, we provide internal padding.
+ */
+export declare const Content: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $compact: boolean;
+}>> & string;
+/**
+ * Spacer to respect iOS safe-area at the bottom.
+ */
+export declare const SafeAreaSpacer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/BottomSheet/BottomSheet.types.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode, RefObject } from 'react';
+export type BottomSheetHeight = "auto" | "content" | "full";
+export interface BottomSheetProps {
+    isOpen: boolean;
+    onOpenChange: (open: boolean) => void;
+    children: ReactNode;
+    closeOnOverlayClick?: boolean;
+    closeOnEsc?: boolean;
+    showHandle?: boolean;
+    zIndex?: number;
+    height?: BottomSheetHeight;
+    maxHeight?: string | number;
+    initialFocusRef?: RefObject<HTMLElement>;
+    className?: string;
+    disableAnimation?: boolean;
+}

package/dist/components/Calendar/Calendar.stories.d.ts

@@ -5,10 +5,8 @@ export default meta;
 type Story = StoryObj<typeof Calendar>;
 export declare const InlineSingle: Story;
 export declare const InlineRange: Story;
-export declare const InputSingle_Input: Story;
-export declare const InputRange_Input: Story;
-export declare const InputSingle_WeekendsDisabled: Story;
-export declare const InputRange_WeekendsDisabled: Story;
-export declare const InputRange_DisabledBlock: Story;
+export declare const InputSingle: Story;
+export declare const InputRange: Story;
 export declare const InputSingle_MinMax: Story;
-export declare const InputRange_MinMax: Story;
+export declare const InputRange_WeekendsDisabled: Story;
+export declare const MobileRange_Sheet: Story;

package/dist/components/Calendar/Calendar.styles.d.ts

@@ -4,15 +4,26 @@ export declare const PresetButton: import('styled-components/dist/types').IStyle
     $isActive?: boolean;
 }>> & string;
 export declare const DateRangeContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const MonthContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const MonthHeader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const MonthTitle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const MonthContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $isMobile?: boolean;
+}>> & string;
+export declare const MonthHeader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $isMobile?: boolean;
+}>> & string;
+export declare const MonthTitle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    $isMobile?: boolean;
+}>> & string;
 export declare const NavButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
-export declare const DaysOfWeekContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const DaysGrid: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DaysOfWeekContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $isMobile?: boolean;
+}>> & string;
+export declare const DaysGrid: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $isMobile?: boolean;
+}>> & string;
 export declare const DayButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
     $isSelected?: boolean;
     $inRange?: boolean;
     $isStart?: boolean;
     $isEnd?: boolean;
+    $isMobile?: boolean;
 }>> & string;

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

@@ -14,4 +14,6 @@ export interface CalendarProps {
     inline?: boolean;
     disabledDates?: Dayjs[];
     showPresets?: boolean;
+    isMobile?: boolean;
+    rangeSinglePanel?: boolean;
 }

package/dist/components/Calendar/DateRangePicker.d.ts

@@ -2,7 +2,7 @@ import { Dayjs } from 'dayjs';
 import { default as React } from 'react';
 import { DateRange } from './Calendar.types';
 interface Props {
-    mode: "single" | "range";
+    mode: 'single' | 'range';
     selectedDate?: Dayjs | null;
     selectedRange?: DateRange;
     onChange: (date: Dayjs | null, range?: DateRange) => void;
@@ -10,6 +10,9 @@ interface Props {
     maxDate?: Dayjs;
     locale: string;
     disabledDates: Dayjs[];
+    rangeSinglePanel?: boolean;
+    /** Ativa espaçamento/tamanhos mais confortáveis */
+    isMobile?: boolean;
 }
 export declare const DateRangePicker: React.FC<Props>;
 export {};