@chromatic-com/tetra 3.2.4 → 3.2.5--canary.ef247e0.0

package/dist/index.d.mts

@@ -881,6 +881,57 @@ declare const Form: _emotion_styled.StyledComponent<{
     justify?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
 }, React.DetailedHTMLProps<React.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, {}>;
 
+interface AutocompleteOption {
+    value: string;
+    label: string;
+}
+interface AutocompleteProps {
+    options: AutocompleteOption[];
+    value?: string;
+    onChange?: (value: string) => void;
+    placeholder?: string;
+    inverse?: boolean;
+    disabled?: boolean;
+    'aria-invalid'?: boolean;
+    id?: string;
+}
+declare const Autocomplete: React__default.ForwardRefExoticComponent<AutocompleteProps & React__default.RefAttributes<HTMLInputElement>>;
+
+interface DatePickerProps {
+    value?: Date;
+    onChange?: (date: Date) => void;
+    placeholder?: string;
+    inverse?: boolean;
+    disabled?: boolean;
+    'aria-invalid'?: boolean;
+    id?: string;
+    minDate?: Date;
+    maxDate?: Date;
+}
+declare const DatePicker: React__default.ForwardRefExoticComponent<DatePickerProps & React__default.RefAttributes<HTMLInputElement>>;
+
+interface CalendarProps {
+    selectedDate?: Date;
+    onDateSelect: (date: Date) => void;
+    minDate?: Date;
+    maxDate?: Date;
+}
+declare const Calendar: React__default.FC<CalendarProps>;
+
+interface FlightBookingProps {
+    airports: AutocompleteOption[];
+    onSearch?: (data: FlightBookingData) => void;
+    inverse?: boolean;
+}
+interface FlightBookingData {
+    source: string;
+    destination: string;
+    departureDate: Date;
+    returnDate?: Date;
+    tripType: 'one-way' | 'return';
+}
+declare const FlightBooking: React__default.FC<FlightBookingProps>;
+
 declare const cssVariables: string;
 
-export { Accordion, Avatar, BBCIcon, Button, Checkbox, CollectiveIcon, Container, CustomerStoryHero, CypressIcon, Divider, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuItem, EzCaterIcon, Field, Fieldset, FigmaIcon, Footer, type FooterProps, Form, FullWidthContainer, Grid, HStack, Header, type HeaderProps, Icon, type Icons, Input, IntegrationImage, Label, Legend, Link, LinkWithWrapper, type ListTypes, Logo, MondayIcon, NavDropdownMenu, NetlifyIcon, NormalizeArea, PlaywrightIcon, Range, Select, Stack, Stat, SubNav, Testimonial, Text, VStack, animations, breakpoint, color, cssVariables, fontFamily, fontSize, fontWeight, lineHeight, max2xl, maxLg, maxMd, maxSm, maxXl, min2xl, minBase, minLg, minMd, minSm, minXl, spacing, t, typography, useMediaQuery };
+export { Accordion, Autocomplete, type AutocompleteOption, type AutocompleteProps, Avatar, BBCIcon, Button, Calendar, type CalendarProps, Checkbox, CollectiveIcon, Container, CustomerStoryHero, CypressIcon, DatePicker, type DatePickerProps, Divider, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuItem, EzCaterIcon, Field, Fieldset, FigmaIcon, FlightBooking, type FlightBookingData, type FlightBookingProps, Footer, type FooterProps, Form, FullWidthContainer, Grid, HStack, Header, type HeaderProps, Icon, type Icons, Input, IntegrationImage, Label, Legend, Link, LinkWithWrapper, type ListTypes, Logo, MondayIcon, NavDropdownMenu, NetlifyIcon, NormalizeArea, PlaywrightIcon, Range, Select, Stack, Stat, SubNav, Testimonial, Text, VStack, animations, breakpoint, color, cssVariables, fontFamily, fontSize, fontWeight, lineHeight, max2xl, maxLg, maxMd, maxSm, maxXl, min2xl, minBase, minLg, minMd, minSm, minXl, spacing, t, typography, useMediaQuery };

package/dist/index.d.ts

@@ -881,6 +881,57 @@ declare const Form: _emotion_styled.StyledComponent<{
     justify?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
 }, React.DetailedHTMLProps<React.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, {}>;
 
+interface AutocompleteOption {
+    value: string;
+    label: string;
+}
+interface AutocompleteProps {
+    options: AutocompleteOption[];
+    value?: string;
+    onChange?: (value: string) => void;
+    placeholder?: string;
+    inverse?: boolean;
+    disabled?: boolean;
+    'aria-invalid'?: boolean;
+    id?: string;
+}
+declare const Autocomplete: React__default.ForwardRefExoticComponent<AutocompleteProps & React__default.RefAttributes<HTMLInputElement>>;
+
+interface DatePickerProps {
+    value?: Date;
+    onChange?: (date: Date) => void;
+    placeholder?: string;
+    inverse?: boolean;
+    disabled?: boolean;
+    'aria-invalid'?: boolean;
+    id?: string;
+    minDate?: Date;
+    maxDate?: Date;
+}
+declare const DatePicker: React__default.ForwardRefExoticComponent<DatePickerProps & React__default.RefAttributes<HTMLInputElement>>;
+
+interface CalendarProps {
+    selectedDate?: Date;
+    onDateSelect: (date: Date) => void;
+    minDate?: Date;
+    maxDate?: Date;
+}
+declare const Calendar: React__default.FC<CalendarProps>;
+
+interface FlightBookingProps {
+    airports: AutocompleteOption[];
+    onSearch?: (data: FlightBookingData) => void;
+    inverse?: boolean;
+}
+interface FlightBookingData {
+    source: string;
+    destination: string;
+    departureDate: Date;
+    returnDate?: Date;
+    tripType: 'one-way' | 'return';
+}
+declare const FlightBooking: React__default.FC<FlightBookingProps>;
+
 declare const cssVariables: string;
 
-export { Accordion, Avatar, BBCIcon, Button, Checkbox, CollectiveIcon, Container, CustomerStoryHero, CypressIcon, Divider, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuItem, EzCaterIcon, Field, Fieldset, FigmaIcon, Footer, type FooterProps, Form, FullWidthContainer, Grid, HStack, Header, type HeaderProps, Icon, type Icons, Input, IntegrationImage, Label, Legend, Link, LinkWithWrapper, type ListTypes, Logo, MondayIcon, NavDropdownMenu, NetlifyIcon, NormalizeArea, PlaywrightIcon, Range, Select, Stack, Stat, SubNav, Testimonial, Text, VStack, animations, breakpoint, color, cssVariables, fontFamily, fontSize, fontWeight, lineHeight, max2xl, maxLg, maxMd, maxSm, maxXl, min2xl, minBase, minLg, minMd, minSm, minXl, spacing, t, typography, useMediaQuery };
+export { Accordion, Autocomplete, type AutocompleteOption, type AutocompleteProps, Avatar, BBCIcon, Button, Calendar, type CalendarProps, Checkbox, CollectiveIcon, Container, CustomerStoryHero, CypressIcon, DatePicker, type DatePickerProps, Divider, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuItem, EzCaterIcon, Field, Fieldset, FigmaIcon, FlightBooking, type FlightBookingData, type FlightBookingProps, Footer, type FooterProps, Form, FullWidthContainer, Grid, HStack, Header, type HeaderProps, Icon, type Icons, Input, IntegrationImage, Label, Legend, Link, LinkWithWrapper, type ListTypes, Logo, MondayIcon, NavDropdownMenu, NetlifyIcon, NormalizeArea, PlaywrightIcon, Range, Select, Stack, Stat, SubNav, Testimonial, Text, VStack, animations, breakpoint, color, cssVariables, fontFamily, fontSize, fontWeight, lineHeight, max2xl, maxLg, maxMd, maxSm, maxXl, min2xl, minBase, minLg, minMd, minSm, minXl, spacing, t, typography, useMediaQuery };