@vodafone_de/brix-components 3.0.0

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

@@ -0,0 +1,4 @@
+import { InlineIconProps } from '@vfde-react/inline-icon-library';
+import { InputHTMLAttributes } from 'react';
+export declare const CalendarMonthIconStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<InlineIconProps, InlineIconProps>> & string & Omit<import('react').FC<InlineIconProps>, keyof import('react').Component<any, {}, any>>;
+export declare const DateInputStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components').FastOmit<import('react').DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, keyof InputHTMLAttributes<HTMLInputElement>> & InputHTMLAttributes<HTMLInputElement>, InputHTMLAttributes<HTMLInputElement>>> & string;

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

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

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

@@ -0,0 +1,5 @@
+import { HTMLAttributes } from 'react';
+import { PatternProps } from '../../foundations/PatternProps';
+export interface DemoBoxProps extends PatternProps, HTMLAttributes<HTMLDivElement> {
+    component?: 'DemoBox';
+}

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

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

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

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

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

@@ -0,0 +1,47 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { ButtonGroupProps } from '../ButtonGroup/props';
+import { HeadingProps } from '../Heading/props';
+import { PatternProps } from '../../foundations/PatternProps';
+export interface DialogProps extends PatternProps, Omit<HTMLAttributes<HTMLDivElement>, 'onToggle'> {
+    /**
+     * Pin component's name from string to the concrete name
+     */
+    component?: 'Dialog';
+    /**
+     * Dialog item content
+     */
+    children: ReactNode;
+    /**
+     * Heading
+     */
+    heading: Omit<HeadingProps, 'size' | 'bottomSpacing' | 'weight' | 'align'>;
+    /**
+     * Element to be focused when Dialog is open
+     */
+    focusElementOnOpen?: string;
+    /**
+     * Element to be focused when Dialog is closed
+     */
+    focusElementOnClose?: string;
+    /**
+     * is Dialog Open
+     */
+    open?: boolean;
+    /**
+     * Dismissable
+     */
+    dismissable?: boolean;
+    /**
+     * Button in the Dialog
+     */
+    buttons: Omit<ButtonGroupProps, 'orientation'>;
+    /**
+     * 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;
+}

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

@@ -0,0 +1,9 @@
+import { DialogProps } from './props';
+export declare const DialogOverlayStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<DialogProps, "buttons" | "heading"> & {
+    open: boolean;
+}>> & string;
+export declare const DialogCardStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('../Card').CardProps, never>> & string & Omit<import('react').FC<import('../Card').CardProps>, keyof import('react').Component<any, {}, any>>;
+export declare const DialogIconButtonStyled: 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 DialogButtonGroupStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('../ButtonGroup').ButtonGroupProps, never>> & string & Omit<import('react').FC<import('../ButtonGroup').ButtonGroupProps>, keyof import('react').Component<any, {}, any>>;
+export declare const DialogChildrenContainerStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement>, never>> & string;
+export declare const DialogHeadingContainerStyled: 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>>;

package/dist/components/DiscoveryCard/components/DiscoveryCardLinkedImage.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { DiscoveryCardProps } from '../props';
+declare const DiscoveryCardLinkedImage: FC<Pick<DiscoveryCardProps, 'uid' | 'image' | 'link' | 'orientation' | 'bottomSpacing'>>;
+export default DiscoveryCardLinkedImage;

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

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

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

@@ -0,0 +1,45 @@
+import { HTMLAttributes } from 'react';
+import { BadgeProps } from '../Badge/props';
+import { ImageProps } from '../Image/props';
+import { LinkProps } from '../Link/props';
+import { PriceProps } from '../Price/props';
+import { PatternProps } from '../../foundations/PatternProps';
+import { BodyProps } from '../Body';
+import { HeadingProps } from '../Heading';
+import { RichTextProps } from '../RichText';
+export declare const discoveryCardOrientationVertical = "vertical";
+export declare const discoveryCardOrientationHorizontal = "horizontal";
+export type DiscoveryCardOrientation = typeof discoveryCardOrientationVertical | typeof discoveryCardOrientationHorizontal;
+export interface DiscoveryCardProps extends PatternProps, HTMLAttributes<HTMLDivElement> {
+    component?: 'DiscoveryCard';
+    /**
+     * discovery card can be orientated either vertical or horizontal.
+     */
+    orientation?: DiscoveryCardOrientation;
+    /**
+     * ImageProps are mandatory and it always get rounded corners.
+     * The aspect ratio is 16 to 1 for vertical orientation 9, otherwise 1 to.
+     * This must be taken into account when selecting the asset.
+     */
+    image: Omit<ImageProps, 'corners' | 'aspectRatio'>;
+    /**
+     * optional BadgeProps that is always rendered in small size
+     */
+    badge?: Omit<BadgeProps, 'size' | 'bottomSpacing'>;
+    /**
+     * mandatory HeadingProps. size, weight, align, id, and bottomSpacing should be omitted
+     */
+    heading: Omit<HeadingProps, 'size' | 'weight' | 'align' | 'id' | 'bottomSpacing'>;
+    /**
+     * optional BodyProps. align and bottomSpacing should be omitted. Can also be RichText but with omitted bottomSpacing
+     */
+    body?: Omit<BodyProps, 'align' | 'bottomSpacing'> | Omit<RichTextProps, 'bottomSpacing'>;
+    /**
+     * optional PriceProps. orientation, size, align and bottomSpacing should be omitted
+     */
+    price?: Omit<PriceProps, 'orientation' | 'align' | 'size' | 'bottomSpacing'>;
+    /**
+     * mandatory LinkProps. aria-describedby and bottomSpacing should be omitted
+     */
+    link: Omit<LinkProps, 'bottomSpacing' | 'aria-describedby'>;
+}

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

@@ -0,0 +1,6 @@
+import { AnchorHTMLAttributes } from 'react';
+import { DiscoveryCardProps } from './props';
+export declare const DiscoveryCardStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('../Card').CardProps, Omit<DiscoveryCardProps, "badge" | "heading" | "price" | "uid" | "body" | "link" | "image">>> & string & Omit<import('react').FC<import('../Card').CardProps>, keyof import('react').Component<any, {}, any>>;
+export declare const DiscoveryCardContentyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DiscoveryCardImageLinkStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, Pick<DiscoveryCardProps, "bottomSpacing" | "orientation"> & AnchorHTMLAttributes<HTMLAnchorElement>>> & string;
+export declare const DiscoveryCardImageStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('../Image').ImageProps, never>> & string & Omit<import('react').FC<import('../Image').ImageProps>, keyof import('react').Component<any, {}, any>>;

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

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

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

@@ -0,0 +1,21 @@
+import { HTMLAttributes } from 'react';
+import { discoveryCardOrientationHorizontal, discoveryCardOrientationVertical, DiscoveryCardProps } from '../DiscoveryCard/props';
+import { PatternProps } from '../../foundations/PatternProps';
+export interface VerticalDiscoveryCardProps extends DiscoveryCardProps {
+    orientation: typeof discoveryCardOrientationVertical;
+}
+export interface HorizontalDiscoveryCardProps extends DiscoveryCardProps {
+    orientation: typeof discoveryCardOrientationHorizontal;
+}
+export type DiscoveryCardsInGroup = [
+    VerticalDiscoveryCardProps,
+    HorizontalDiscoveryCardProps,
+    HorizontalDiscoveryCardProps
+];
+export interface DiscoveryCardGroupProps extends PatternProps, HTMLAttributes<HTMLDivElement> {
+    component?: 'DiscoveryCardGroup';
+    /**
+     * Takes exactly three DiscoveryCardProps. The first must be vertical and the others horizontal.
+     */
+    discoveryCardsList: DiscoveryCardProps[];
+}

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

@@ -0,0 +1,6 @@
+import { DiscoveryCardProps } from '../DiscoveryCard/props';
+import { GridProps } from '../Grid/props';
+import { GridItemProps } from '../GridItem/props';
+export declare const DiscoveryCardGroupGridStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<GridProps, GridProps>> & string & Omit<import('react').FC<GridProps>, keyof import('react').Component<any, {}, any>>;
+export declare const DiscoveryCardGroupGridItemStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<GridItemProps, GridItemProps>> & string & Omit<import('react').FC<GridItemProps>, keyof import('react').Component<any, {}, any>>;
+export declare const DiscoveryCardStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<DiscoveryCardProps, DiscoveryCardProps>> & string & Omit<import('react').FC<DiscoveryCardProps>, keyof import('react').Component<any, {}, any>>;

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

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

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

@@ -0,0 +1,5 @@
+import { HTMLAttributes } from 'react';
+import { PatternProps } from '../../foundations/PatternProps';
+export interface DividerProps extends PatternProps, HTMLAttributes<HTMLHRElement> {
+    component?: 'Divider';
+}

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

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

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

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

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

@@ -0,0 +1,38 @@
+import { HTMLAttributes } from 'react';
+import { InputStatus } from '../Input/props';
+import { LegendProps } from '../Legend/props';
+import { PatternProps } from '../../foundations/PatternProps';
+export interface FieldsetSharedProps extends PatternProps, HTMLAttributes<HTMLFieldSetElement> {
+    /**
+     * A unique id is mandatory
+     */
+    uid: string;
+    /**
+     * A legend is recommended.
+     * Alternatively, a description of the fieldset can also be provided using the aria attribute.
+     */
+    legend?: LegendProps;
+    /**
+     * Message that appears below the input in error state.
+     */
+    errorMessage?: string;
+    /**
+     * Message that appears below the input in default and success state.
+     */
+    helperText?: string;
+    /**
+     * Indicate if the fieldset is disabled or not
+     */
+    disabled?: boolean;
+    /**
+     * There are two statii success and error.
+     * Leave status undefined for default input field
+     */
+    status?: InputStatus;
+}
+export interface FieldsetProps extends FieldsetSharedProps {
+    /**
+     * Pin component's name from string to the concrete name
+     */
+    component?: 'Fieldset';
+}

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

@@ -0,0 +1,2 @@
+import { FieldsetProps } from './props';
+export declare const FieldsetStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, Omit<FieldsetProps, "legend">>> & string;

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

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

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

@@ -0,0 +1,29 @@
+import { IconName } from '@vfde-react/inline-icon-library';
+import { HTMLAttributes, InputHTMLAttributes, ReactNode } from 'react';
+import { FieldsetSharedProps } from '../Fieldset/props';
+export interface FilterProps extends InputHTMLAttributes<HTMLInputElement> {
+    /**
+     * Specify a system icon to be displayed to the left of content.
+     */
+    iconName?: IconName;
+    /**
+     * Content of pill
+     */
+    children: ReactNode;
+    value: string;
+    optionalLabelProps?: HTMLAttributes<HTMLLabelElement>;
+}
+export interface FilterGroupProps extends FieldsetSharedProps {
+    /**
+     * Pin component's name from string to the concrete name
+     */
+    component?: 'FilterGroup';
+    /**
+     * Array of PillProps
+     */
+    elements: FilterProps[];
+    /**
+     * function that is called on every update. The only parameter of this function is an array with the value of each selected pill.
+     */
+    onUpdate: (a: string[]) => void;
+}

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

@@ -0,0 +1,7 @@
+import { HTMLAttributes } from 'react';
+export declare const FilterGroupStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const FilterStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, HTMLAttributes<HTMLLabelElement> & {
+    checked?: boolean;
+}>> & string;
+export declare const FilterIconStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('@vfde-react/inline-icon-library').IconLoaderProps, never>> & string & Omit<import('react').FC<import('@vfde-react/inline-icon-library').IconLoaderProps>, keyof import('react').Component<any, {}, any>>;
+export declare const FilterInputStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;

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

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

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

@@ -0,0 +1,35 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { PatternProps } from '../../foundations/PatternProps';
+import { Spacing } from '../../foundations/token/types/Spacing';
+export declare const flexOrientationHorizontal = "horizontal";
+export declare const flexOrientationVertical = "vertical";
+export type FlexOrientation = typeof flexOrientationHorizontal | typeof flexOrientationVertical;
+export declare const flexJustifyStart = "start";
+export declare const flexJustifyEnd = "end";
+export declare const flexJustifyCenter = "center";
+export declare const flexJustifyBetween = "between";
+export type FlexJustifyBehavior = typeof flexJustifyStart | typeof flexJustifyEnd | typeof flexJustifyCenter | typeof flexJustifyBetween;
+export interface FlexProps extends PatternProps, HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    /**
+     * Orientation in Flex defines the primary axis for laying out children elements:
+     */
+    orientation?: FlexOrientation;
+    /**
+     * Justify controls how the elements are distributed within the container.
+     */
+    justify?: FlexJustifyBehavior;
+    /**
+     * Spacing between items inside of the flex container.
+     */
+    gapSpacing?: Spacing;
+    /**
+     * Whether items are forced onto one line or can wrap onto multiple lines
+     */
+    wrap?: boolean;
+    as?: 'ul' | 'div';
+    /**
+     * Pin component's name from string to the concrete name
+     */
+    component?: 'Flex';
+}

package/dist/components/Flex/stories/autoAndFullItemArgs.d.ts

@@ -0,0 +1,2 @@
+import { FlexProps } from '../props';
+export declare const autoAndFullItemArgs: FlexProps;

package/dist/components/Flex/stories/autoAndFullItemVerticalArgs.d.ts

@@ -0,0 +1,2 @@
+import { FlexProps } from '../props';
+export declare const autoAndFullItemVerticalArgs: FlexProps;

package/dist/components/Flex/stories/fullAndAutoItemArgs.d.ts

@@ -0,0 +1,2 @@
+import { FlexProps } from '../props';
+export declare const fullAndAutoItemArgs: FlexProps;

package/dist/components/Flex/stories/fullAndAutoItemVerticalArgs.d.ts

@@ -0,0 +1,2 @@
+import { FlexProps } from '../props';
+export declare const fullAndAutoItemVerticalArgs: FlexProps;

package/dist/components/Flex/stories/justifyBetweenArgs.d.ts

@@ -0,0 +1,2 @@
+import { FlexProps } from '../props';
+export declare const justifyBetweenArgs: FlexProps;

package/dist/components/Flex/stories/justifyBetweenVerticalArgs.d.ts

@@ -0,0 +1,2 @@
+import { FlexProps } from '../props';
+export declare const justifyBetweenVerticalArgs: FlexProps;

package/dist/components/Flex/stories/justifyCenterArgs.d.ts

@@ -0,0 +1,2 @@
+import { FlexProps } from '../props';
+export declare const justifyCenterArgs: FlexProps;

package/dist/components/Flex/stories/justifyCenterVerticalArgs.d.ts

@@ -0,0 +1,2 @@
+import { FlexProps } from '../props';
+export declare const justifyCenterVerticalArgs: FlexProps;

package/dist/components/Flex/stories/justifyEndArgs.d.ts

@@ -0,0 +1,2 @@
+import { FlexProps } from '../props';
+export declare const justifyEndArgs: FlexProps;

package/dist/components/Flex/stories/justifyEndVerticalArgs.d.ts

@@ -0,0 +1,2 @@
+import { FlexProps } from '../props';
+export declare const justifyEndVerticalArgs: FlexProps;

package/dist/components/Flex/stories/justifyStartArgs.d.ts

@@ -0,0 +1,2 @@
+import { FlexProps } from '../props';
+export declare const justifyStartArgs: FlexProps;

package/dist/components/Flex/stories/justifyStartVerticalArgs.d.ts

@@ -0,0 +1,2 @@
+import { FlexProps } from '../props';
+export declare const justifyStartVerticalArgs: FlexProps;

package/dist/components/Flex/stories/twoFullItemsArgs.d.ts

@@ -0,0 +1,2 @@
+import { FlexProps } from '../props';
+export declare const twoFullItemsArgs: FlexProps;

package/dist/components/Flex/stories/twoFullItemsVerticalArgs.d.ts

@@ -0,0 +1,2 @@
+import { FlexProps } from '../props';
+export declare const twoFullItemsVerticalArgs: FlexProps;

package/dist/components/Flex/stories/xlGapSpacingArgs.d.ts

@@ -0,0 +1,2 @@
+import { FlexProps } from '../props';
+export declare const xlGapSpacingArgs: FlexProps;

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

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

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

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

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

@@ -0,0 +1,17 @@
+import { HTMLAttributes, ReactElement } from 'react';
+import { PatternProps } from '../../foundations/PatternProps';
+export declare const flexItemFullGrow = "full";
+export declare const flexItemAutoGrow = "auto";
+export type FlexItemGrowBehavior = typeof flexItemFullGrow | typeof flexItemAutoGrow;
+export interface FlexItemProps extends PatternProps, HTMLAttributes<HTMLDivElement> {
+    children: ReactElement<PatternProps> | Array<ReactElement<PatternProps>>;
+    /**
+     * The Grow property controls the behaviour of flex items: they can either be as wide as their content or expand to fill the available space.
+     */
+    grow?: FlexItemGrowBehavior;
+    as?: 'li' | 'div';
+    /**
+     * Pin component's name from string to the concrete name
+     */
+    component?: 'FlexItem';
+}

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

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

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

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

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

@@ -0,0 +1,17 @@
+import { HTMLAttributes } from 'react';
+import { PatternProps } from '../../foundations/PatternProps';
+export interface FootnoteContentProps extends PatternProps, HTMLAttributes<HTMLDivElement> {
+    /**
+     * Pin component's name from string to the concrete name
+     */
+    component?: 'FootnoteContent';
+    /**
+     * uid of (first) FootnoteLink that links to that FootnoteContent,
+     */
+    linkUid: string;
+    /**
+     * Text that is used as children for (Back)Link
+     * Default in CMS should be 'Zurück zum Inhalt'
+     */
+    backlinkText: string;
+}

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

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

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

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

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

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react';
+import { PatternProps } from '../../foundations/PatternProps';
+export interface FootnoteLinkProps extends Omit<PatternProps, 'bottomSpacing'> {
+    /**
+     * Pin component's name from string to the concrete name
+     */
+    component?: 'FootnoteLink';
+    /**
+     * unique id
+     */
+    uid: string;
+    /**
+     * ui of FootnoteContent that is linked
+     */
+    contentUid: string;
+    /**
+     * Sets a text that is read additional to children by screenreaders .
+     */
+    screenReaderLabel: string;
+    /**
+     * Just make it mandatory
+     */
+    children: ReactNode;
+}

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

@@ -0,0 +1 @@
+export declare const FootnoteLinkStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('../InlineLink').InlineLinkProps, never>> & string & Omit<import('react').FC<import('../InlineLink').InlineLinkProps>, keyof import('react').Component<any, {}, any>>;

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

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

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

@@ -0,0 +1,15 @@
+import { FormHTMLAttributes } from 'react';
+import { PatternProps } from '../../foundations/PatternProps';
+export interface FormProps extends PatternProps, FormHTMLAttributes<HTMLFormElement> {
+    /**
+     * Designates a form that is not validated when submitted.
+     *
+     * While this validation is the build in validation in browser
+     * default will be true in pattern
+     */
+    noValidate?: boolean;
+    /**
+     * Pin component's name from string to the concrete name
+     */
+    component?: 'Form';
+}

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

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

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

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

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

@@ -0,0 +1,12 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { PatternProps } from '../../foundations/PatternProps';
+export interface FormElementProps extends PatternProps, HTMLAttributes<HTMLDivElement> {
+    /**
+     * Sets label to disabled by setting to true
+     */
+    disabled?: boolean;
+    /**
+     * Content of Label
+     */
+    children: ReactNode;
+}

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

@@ -0,0 +1,4 @@
+import { FormElementProps } from './props';
+export declare const FormElementStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<FormElementProps, "disabled"> & {
+    $disabled?: boolean;
+}>> & string;

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

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { FormHelperLabelProps } from './props.ts';
+/**
+ * Return an label element
+ * either pass just the text of the label and it will create label props
+ * or directly pass label props
+ */
+declare const FormHelperLabel: FC<FormHelperLabelProps>;
+export default FormHelperLabel;
+export * from './props';

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

@@ -0,0 +1,5 @@
+import { LabelProps } from '../Label';
+export interface FormHelperLabelProps {
+    uid: string;
+    label: string | LabelProps;
+}

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

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