@vodafone_de/brix-components 3.0.0

package/dist/components/ScreenreaderOnly/props.d.ts

@@ -0,0 +1,9 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { PatternProps } from '../../foundations/PatternProps';
+export interface ScreenreaderOnlyProps extends PatternProps, HTMLAttributes<HTMLDivElement> {
+    component?: 'ScreenreaderOnly';
+    /**
+     * Chilren should be "plain" text that is spoken by screenreader
+     */
+    children: ReactNode;
+}

package/dist/components/ScreenreaderOnly/styled.d.ts

@@ -0,0 +1,2 @@
+import { ScreenreaderOnlyProps } from './props';
+export declare const ScreenReaderOnlyStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ScreenreaderOnlyProps>> & string;

package/dist/components/SearchInput/index.d.ts

@@ -0,0 +1,4 @@
+import { SearchInputProps } from './props';
+declare const SearchInput: import('react').ForwardRefExoticComponent<SearchInputProps & import('react').RefAttributes<HTMLInputElement>>;
+export default SearchInput;
+export * from './props';

package/dist/components/SearchInput/props.d.ts

@@ -0,0 +1,34 @@
+import { InputHTMLAttributes } from 'react';
+import { InputSharedProps } from '../Input/props';
+import { ButtonAppearances, tertiaryAppearance } from '../../foundations/types/ButtonAppearances';
+export interface SearchInputProps extends Omit<InputSharedProps, 'status' | 'errorMessage' | 'helperText' | 'required'>, Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    /**
+     * Value of the input. Overriding the type from the standard input value because this one can only be a string.
+     */
+    value?: string;
+    /**
+     * Pin component's name from string to the concrete name
+     */
+    component?: 'SearchInput';
+    /**
+     * As an option, the label can be visually hidden but must remain in the code for accessibility. When the label is hidden, the search function must be clear from the context.
+     */
+    hideLabel?: boolean;
+    /**
+     * The button appearance can be set to primary or secondary.
+     */
+    buttonAppearance?: Exclude<ButtonAppearances, typeof tertiaryAppearance>;
+    /**
+     * Aria-label for the search button.
+     */
+    searchButtonLabel: string;
+    /**
+     * Function to be used when the user searches e.g. clicks enter inside the input or clicks the search button.
+     * @param query
+     */
+    onSearch?: (query: string) => void;
+    /**
+     * Function to be used when the user reset the search input e.g. clicks Esc inside the input or uses the reset button.
+     */
+    onReset?: () => void;
+}

package/dist/components/SearchInput/styled.d.ts

@@ -0,0 +1,13 @@
+import { InlineIconProps } from '@vfde-react/inline-icon-library';
+import { IconButtonProps } from '../IconButton/props';
+import { SearchInputProps } from './props';
+export declare const SearchInputButtonWrapperStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SearchInputWrapperStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "status" | keyof import('../../foundations/PatternProps').PatternProps> & import('../../foundations/PatternProps').PatternProps & {
+    status?: import('../Input').InputStatus;
+}, Pick<SearchInputProps, "bottomSpacing" | "value">>> & string;
+export declare const SearchInputIconButtonStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<IconButtonProps, IconButtonProps>> & string & Omit<import('react').FC<IconButtonProps>, keyof import('react').Component<any, {}, any>>;
+export declare const CloseIconStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<InlineIconProps, InlineIconProps & {
+    value: string;
+}>> & string & Omit<import('react').FC<InlineIconProps>, keyof import('react').Component<any, {}, any>>;
+export declare const SearchInputCloseButtonStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, Pick<SearchInputProps, "disabled">>> & string;
+export declare const SearchInputStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, keyof import('react').InputHTMLAttributes<HTMLInputElement>> & import('react').InputHTMLAttributes<HTMLInputElement>, Omit<SearchInputProps, "uid" | "label" | "onReset" | "searchButtonLabel" | "onSearch">>> & string;

package/dist/components/SelectInput/index.d.ts

@@ -0,0 +1,8 @@
+import { SelectInputProps } from './props';
+/**
+ * I left forwardRef which was introduced by Hotel
+ * I'm not 100% sure if that is needed
+ */
+declare const SelectInput: import('react').ForwardRefExoticComponent<SelectInputProps & import('react').RefAttributes<HTMLSelectElement>>;
+export default SelectInput;
+export * from './props';

package/dist/components/SelectInput/props.d.ts

@@ -0,0 +1,19 @@
+import { SelectHTMLAttributes } from 'react';
+import { InputSharedProps, InputStatus } from '../Input/props';
+export interface SelectInputProps extends InputSharedProps, SelectHTMLAttributes<HTMLSelectElement> {
+    /**
+     * List of selectable options
+     */
+    options: string[];
+    /**
+     * function that is called on every update.
+     */
+    onUpdate?: (value: string) => void;
+    /**
+     * Pin component's name from string to the concrete name
+     */
+    component?: 'SelectInput';
+}
+export type SelectHTMLAttributesWithStatus = SelectHTMLAttributes<HTMLSelectElement> & {
+    status?: InputStatus;
+};

package/dist/components/SelectInput/styled.d.ts

@@ -0,0 +1,5 @@
+import { PatternProps } from '../../foundations/PatternProps';
+import { SelectHTMLAttributesWithStatus } from './props';
+export declare const SelectInputWrapperStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, PatternProps>> & string;
+export declare const SelectInputStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, SelectHTMLAttributesWithStatus>> & string;
+export declare const SelectInputIconsBarStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/Stepper/index.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { StepperProps } from './props';
+declare const Stepper: FC<StepperProps>;
+export default Stepper;
+export * from './props';

package/dist/components/Stepper/props.d.ts

@@ -0,0 +1,23 @@
+import { HTMLAttributes } from 'react';
+import { PatternProps } from '../../foundations/PatternProps';
+export interface StepperItemProps extends PatternProps, HTMLAttributes<HTMLLIElement> {
+    isActive?: boolean;
+    next?: boolean;
+    isFirst?: boolean;
+}
+export interface StepperProps extends PatternProps {
+    component?: 'Stepper';
+    /**
+     * Array of labels for the steps
+     */
+    steps: string[];
+    /**
+     * Defines which step is the active one. By default it will be the first step.
+     */
+    activeStep?: number;
+    /**
+     * Text is spoken by screenreaders to indicate the current step and total steps
+     * ```%current%``` and `%total%` are replaced based on steps.length and activeStep
+     */
+    ariaLabelTemplate: string;
+}

package/dist/components/Stepper/styled.d.ts

@@ -0,0 +1,6 @@
+import { StepperItemProps, StepperProps } from './props';
+export declare const StepperItemStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, StepperItemProps>> & string;
+export declare const StepperActiveItemStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, {
+    offset: number;
+}>> & string;
+export declare const StepperStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, Omit<StepperProps, "steps" | "activeStep" | "ariaLabelTemplate">>> & string;

package/dist/components/SuggestInput/SuggestInputFormElement.d.ts

@@ -0,0 +1,4 @@
+import { FormElementProps } from '../FormElement/props';
+export declare const SuggestInputFormElement: import('react').ForwardRefExoticComponent<FormElementProps & import('react').RefAttributes<HTMLDivElement>>;
+export default SuggestInputFormElement;
+export * from './props';

package/dist/components/SuggestInput/components/SuggestInputList/index.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { SuggestInputListProps } from './props';
+declare const SuggestInputList: FC<SuggestInputListProps>;
+export default SuggestInputList;

package/dist/components/SuggestInput/components/SuggestInputList/props.d.ts

@@ -0,0 +1,13 @@
+import { MutableRefObject } from 'react';
+import { SuggestInputProps } from '../../props';
+export interface SuggestInputListProps {
+    listItems: SuggestInputProps['listItems'];
+    listItemsRef: MutableRefObject<HTMLLIElement[]>;
+    query: string;
+    filterItems: (item: string) => void;
+    pickOption: (value: string) => void;
+    showList: boolean;
+    selectedOption: number;
+    uid: string;
+    sortItems(query: string, a: string, b: string): number;
+}

package/dist/components/SuggestInput/components/SuggestInputList/styled.d.ts

@@ -0,0 +1,8 @@
+export declare const calculateListMaxHeight: (numberOfVisibleItems: number) => string;
+export declare const SuggestInputListWrapperStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('../../../Card').CardProps, {
+    showList: boolean;
+}>> & string & Omit<import('react').FC<import('../../../Card').CardProps>, keyof import('react').Component<any, {}, any>>;
+export declare const SuggestInputListStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;
+export declare const SuggestInputListItemStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {
+    isSelected: boolean;
+}>> & string;

package/dist/components/SuggestInput/index.d.ts

@@ -0,0 +1,4 @@
+import { SuggestInputProps } from './props';
+declare const SuggestInput: import('react').ForwardRefExoticComponent<SuggestInputProps & import('react').RefAttributes<HTMLInputElement>>;
+export default SuggestInput;
+export * from './props';

package/dist/components/SuggestInput/props.d.ts

@@ -0,0 +1,37 @@
+import { IconName } from '@vfde-react/inline-icon-library';
+import { InputHTMLAttributes } from 'react';
+import { InputSharedProps } from '../Input/props';
+export interface SuggestInputItemProps {
+    icon?: IconName;
+    image?: string;
+    label: string;
+}
+export interface SuggestInputProps extends InputSharedProps, Omit<InputHTMLAttributes<HTMLInputElement>, 'accept' | 'alt' | 'capture' | 'checked' | 'formEncType' | 'formTarget' | 'height' | 'max' | 'min' | 'multiple' | 'size' | 'step' | 'type' | 'width' | 'readOnly'> {
+    value?: string;
+    /**
+     * Array of items that are possible values for the input
+     */
+    listItems?: SuggestInputItemProps[];
+    /**
+     * function that is called on every change
+     */
+    onUpdate?: (value: string) => void;
+    /**
+     * function that is called when an option from the list is picked
+     */
+    onPick?: (value: string) => void;
+    /**
+     * function that is called when the input or the list is closed (either by clicking the close button or escape key)
+     */
+    onClose?: () => void;
+    /**
+     * Declares whether the suggest input is loading (e.g. for an API request) at the moment
+     */
+    isLoading?: boolean;
+    /**
+     * Pin component's name from string to the concrete name
+     */
+    component?: 'SuggestInput';
+    filterItems?: (query: string, item: string) => boolean;
+    sortItems?(query: string, a: string, b: string): number;
+}

package/dist/components/SuggestInput/styled.d.ts

@@ -0,0 +1,13 @@
+import { PatternProps } from '../../foundations/PatternProps';
+import { SuggestInputProps } from './props';
+import { FormElementProps } from '../FormElement/props.ts';
+import { InputStatus } from '../Input/props';
+export declare const SuggestInputFormElementStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, FormElementProps>> & string;
+export declare const SuggestInputWrapperStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "status" | keyof PatternProps> & PatternProps & {
+    status?: InputStatus;
+}, PatternProps & {
+    status?: InputStatus;
+}>> & string;
+export declare const SuggestInputIconsBarStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('../Flex').FlexProps, never>> & string & Omit<import('react').FC<import('../Flex').FlexProps>, keyof import('react').Component<any, {}, any>>;
+export declare const SuggestInputIconButtonStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, Pick<SuggestInputProps, "disabled">>> & string;
+export declare const SuggestInputLoadingSpinner: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('../LoadingSpinner').LoadingSpinnerProps, never>> & string & Omit<import('react').FC<import('../LoadingSpinner').LoadingSpinnerProps>, keyof import('react').Component<any, {}, any>>;

package/dist/components/Switch/getHandleIcon.d.ts

@@ -0,0 +1 @@
+export declare const getHandleIcon: (checked: boolean) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Switch/index.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { SwitchProps } from './props';
+declare const Switch: FC<SwitchProps>;
+export default Switch;
+export * from './props';

package/dist/components/Switch/props.d.ts

@@ -0,0 +1,20 @@
+import { InputHTMLAttributes } from 'react';
+import { InputSharedProps } from '../Input/props';
+export interface SwitchProps extends Omit<InputSharedProps, 'errorMessage' | 'helperText' | 'status' | 'required'>, InputHTMLAttributes<HTMLInputElement> {
+    /**
+     * Is Switch checked
+     */
+    checked: boolean;
+    /**
+     * The label that appears next to the checkbox
+     */
+    label: string;
+    /**
+     * function that is called on every update.
+     */
+    onUpdate?: (checked: boolean) => void;
+    /**
+     * Pin component's name from string to the concrete name
+     */
+    component?: 'Switch';
+}

package/dist/components/Switch/styled.d.ts

@@ -0,0 +1,8 @@
+import { SwitchProps } from './props';
+export declare const SwitchLabelWrapperStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('../Label').LabelProps, Pick<SwitchProps, "disabled">>> & string & Omit<import('react').FC<import('../Label').LabelProps>, keyof import('react').Component<any, {}, any>>;
+export declare const SwitchButtonStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const SwitchHandleWrapperStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<SwitchProps, "checked">>> & string;
+export declare const SwitchInputElementStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
+export declare const SwitchHandleStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<SwitchProps, "checked">>> & string;
+export declare const SwitchTrackStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<SwitchProps, "checked">>> & string;
+export declare const SwitchLabelStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;

package/dist/components/TabularPrice/index.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { TabularPriceProps } from './props';
+declare const TabularPrice: FC<TabularPriceProps>;
+export default TabularPrice;
+export * from './props';

package/dist/components/TabularPrice/props.d.ts

@@ -0,0 +1,17 @@
+import { PriceSharedProps } from '../Price/props';
+import { fontWeightBold, fontWeightRegular } from '../../foundations/token/types/FontWeight';
+export type PrefixWeightBold = typeof fontWeightBold | typeof fontWeightRegular;
+export interface TabularPriceProps extends PriceSharedProps {
+    /**
+     * Pin component's name from string to the concrete name
+     */
+    component?: 'TabularPrice';
+    /**
+     * Text to be shown before price
+     */
+    prefix: string;
+    /**
+     * Control if the prefix should be displayed bold
+     */
+    prefixWeight?: PrefixWeightBold;
+}

package/dist/components/TabularPrice/styled.d.ts

@@ -0,0 +1,3 @@
+import { TabularPriceProps } from './props';
+export declare const TabularPriceInnerWrapperStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, TabularPriceProps>> & string;
+export declare const TabularPricePrefixStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<TabularPriceProps, "prefixWeight">>> & string;

package/dist/components/TextList/index.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { TextListItemProps, TextListProps } from './props';
+export declare const TextListItem: FC<TextListItemProps>;
+declare const TextList: FC<TextListProps>;
+export default TextList;

package/dist/components/TextList/props.d.ts

@@ -0,0 +1,37 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { PatternProps } from '../../foundations/PatternProps';
+import { olTagName, ulTagName } from '../../foundations/tags';
+import { FontWeight } from '../../foundations/token/types/FontWeight';
+import { Spacing } from '../../foundations/token/types/Spacing';
+import { TextBodySize } from '../../foundations/token/types/TextBodySize';
+export interface TextListItemProps extends PatternProps, HTMLAttributes<HTMLLIElement> {
+    children: ReactNode;
+    /** Pin component's name from string to the concrete name */
+    component?: 'TextListItem';
+}
+export type TextListTag = typeof ulTagName | typeof olTagName;
+export interface TextListProps extends PatternProps, HTMLAttributes<HTMLUListElement | HTMLOListElement> {
+    children?: ReactNode;
+    /**
+     * use ol or ul
+     */
+    tag?: TextListTag;
+    /**
+     * list items
+     */
+    items?: TextListItemProps[];
+    /**
+     * spacing between items
+     */
+    itemSpacing?: Spacing;
+    /**
+     * text size
+     */
+    size?: TextBodySize;
+    /**
+     * font weight can be light, regular or bold. if strong is used as a tag, bold is always used
+     */
+    weight?: FontWeight;
+    /** Pin component's name from string to the concrete name */
+    component?: 'TextList';
+}

package/dist/components/TextList/styled.d.ts

@@ -0,0 +1,3 @@
+import { TextListItemProps, TextListProps } from './props';
+export declare const TextListItemStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, TextListItemProps>> & string;
+export declare const TextListStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLUListElement>, HTMLUListElement>, Omit<TextListProps, "items">>> & string;

package/dist/components/Textarea/index.d.ts

@@ -0,0 +1,4 @@
+import { TextareaProps } from './props';
+declare const Textarea: import('react').ForwardRefExoticComponent<TextareaProps & import('react').RefAttributes<HTMLTextAreaElement>>;
+export default Textarea;
+export * from './props';

package/dist/components/Textarea/props.d.ts

@@ -0,0 +1,17 @@
+import { TextareaHTMLAttributes } from 'react';
+import { InputSharedProps } from '../Input/props';
+export interface TextareaProps extends InputSharedProps, TextareaHTMLAttributes<HTMLTextAreaElement> {
+    /**
+     * Pin component's name from string to the concrete name
+     */
+    component?: 'Textarea';
+    /**
+     * When the isResizable prop is set, users can vertically resize the Textarea to fit their content length. Horizontal resizing is not possible.
+     * If the entered text exceeds the height of the textarea, a default browser scrollbar will appear.
+     */
+    isResizable?: boolean;
+    /**
+     * The height of a textarea is defined by the number of text lines, called rows. The default height of our textarea is 4 rows but can be adjusted as needed.
+     */
+    rows?: number;
+}

package/dist/components/Textarea/styled.d.ts

@@ -0,0 +1,11 @@
+import { InputStatus } from '../Input/props';
+import { PatternProps } from '../../foundations/PatternProps';
+import { TextareaProps } from './props';
+export declare const TextareaWrapperStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, PatternProps & {
+    status?: InputStatus;
+}>> & string;
+export declare const TextareaStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, Omit<TextareaProps, "uid" | "label">>> & string;
+export declare const TextareaStatusIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('../FormHelperStatusIcon/props').FormHelperStatusIconProps, {
+    status?: InputStatus;
+    hasScrollbar: boolean;
+}>> & string & Omit<import('react').FC<import('../FormHelperStatusIcon/props').FormHelperStatusIconProps>, keyof import('react').Component<any, {}, any>>;

package/dist/components/Tray/index.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { TrayProps } from './props';
+declare const Tray: FC<TrayProps>;
+export default Tray;
+export * from './props';

package/dist/components/Tray/props.d.ts

@@ -0,0 +1,43 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { PatternProps } from '../../foundations/PatternProps';
+import { ButtonGroupProps } from '../ButtonGroup/props';
+import { HeadingProps } from '../Heading/props';
+export interface TrayProps extends PatternProps, Omit<HTMLAttributes<HTMLDivElement>, 'onToggle'> {
+    /**
+     * Pin component's name from string to the concrete name
+     */
+    component?: 'Tray';
+    /**
+     * Tray item content
+     */
+    children: ReactNode;
+    /**
+     * Heading
+     */
+    heading: Omit<HeadingProps, 'size' | 'bottomSpacing' | 'weight' | 'align'>;
+    /**
+     * Buttons
+     */
+    buttons?: Omit<ButtonGroupProps, 'orientation'>;
+    /**
+     * is Tray Open
+     */
+    open?: boolean;
+    /**
+     * Code to be executed when the Tray is opened/closed
+     */
+    onToggle?: (open: boolean) => void;
+    /**
+     * Defines a query to get the element(s) that hold the content of the page. It is used to set the content to aria-hidden and inert while
+     * they are hidden beneath the overlay of the Tray.
+     */
+    contentElements?: string;
+    /**
+     * Element to be focused when Dialog is open
+     */
+    focusElementOnOpen?: string;
+    /**
+     * Element to be focused when Dialog is closed
+     */
+    focusElementOnClose?: string;
+}

package/dist/components/Tray/styled.d.ts

@@ -0,0 +1,7 @@
+import { TrayProps } from './props';
+export declare const TrayOverlayStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement>, Pick<TrayProps, "open">>> & string;
+export declare const TrayStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('../Card').CardProps, Pick<TrayProps, "buttons">>> & string & Omit<import('react').FC<import('../Card').CardProps>, keyof import('react').Component<any, {}, any>>;
+export declare const TrayHeadingContainerStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('../Flex').FlexProps, never>> & string & Omit<import('react').FC<import('../Flex').FlexProps>, keyof import('react').Component<any, {}, any>>;
+export declare const TrayCloseButtonStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('../IconButton').IconButtonProps, never>> & string & Omit<import('react').FC<import('../IconButton').IconButtonProps>, keyof import('react').Component<any, {}, any>>;
+export declare const TrayChildrenContainerStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement>, never>> & string;
+export declare const TrayButtonContainerStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement>, never>> & string;

package/dist/foundations/GlobalStyle/index.d.ts

@@ -0,0 +1,3 @@
+export declare const GlobalStyle: import('react').NamedExoticComponent<import('styled-components').ExecutionProps & {
+    localWebfont?: boolean;
+}>;