@vodafone_de/brix-components 3.0.0

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

@@ -0,0 +1,53 @@
+import { IconName } from '@vfde-react/inline-icon-library';
+import { HTMLAttributes } from 'react';
+import { BodyProps } from '../Body';
+import { HeadingProps } from '../Heading';
+import { InlineLinkProps } from '../InlineLink';
+import { LinkProps } from '../Link';
+import { LinkAsButtonProps } from '../LinkAsButton';
+import { RichTextProps } from '../RichText';
+import { PatternProps } from '../../foundations/PatternProps';
+import { divTagName, spanTagName } from '../../foundations/tags';
+export declare const iconSnippetSizeSmall = "small";
+export declare const iconSnippetSizeLarge = "large";
+export type IconSnippetSize = typeof iconSnippetSizeSmall | typeof iconSnippetSizeLarge;
+export declare const iconSnippetPositionLeft = "left";
+export declare const iconSnippetPositionCenter = "center";
+export type IconSnippetPosition = typeof iconSnippetPositionLeft | typeof iconSnippetPositionCenter;
+export declare const iconSnippetAlignTop = "top";
+export declare const iconSnippetAlignCenter = "center";
+export type IconSnippetAlign = typeof iconSnippetAlignTop | typeof iconSnippetAlignCenter;
+export type IconSnippetContent = HeadingProps | BodyProps | RichTextProps | InlineLinkProps | LinkProps | LinkAsButtonProps;
+export type IconSnippetTags = typeof divTagName | typeof spanTagName;
+export interface IconSnippetProps extends PatternProps, HTMLAttributes<HTMLDivElement> {
+    /**
+     * choose small or large
+     */
+    size: IconSnippetSize;
+    /**
+     * Icon
+     */
+    icon: IconName;
+    /**
+     * contents must be an array containing any combination of HeadingProps, BodyProps, RichTextProps and/or InlineLinkProps;
+     */
+    contents: IconSnippetContent[];
+    /**
+     * iconPosition determines whether the icon is to the left of or above the content
+     */
+    iconPosition?: IconSnippetPosition;
+    /**
+     * iconAlign determines whether the icon is aligned at the top or in the middle of the content
+     * iconAlign has only effect for iconPosition left
+     */
+    iconAlign?: IconSnippetAlign;
+    /**
+     * Change the tags used. Most of the time a div is fine.
+     * But if, for example, we want to use an IconSnippet within a legend, then it's invalid HTML to use a div.
+     */
+    tag?: IconSnippetTags;
+    /**
+     * Pin component's name from string to the concrete name
+     */
+    component?: 'IconSnippet';
+}

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

@@ -0,0 +1,6 @@
+import { IconSnippetPosition, IconSnippetProps } from './props';
+export declare const IconSnippetStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<IconSnippetProps, "size" | "icon" | "contents">>> & string;
+export declare const IconLoaderStyled: 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 IconSnippetContentStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    iconPosition: IconSnippetPosition;
+}>> & string;

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

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

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

@@ -0,0 +1,19 @@
+import { HTMLAttributes } from 'react';
+import { GridConfig } from '../Grid/props';
+import { IconSnippetProps } from '../IconSnippet/props';
+import { PatternProps } from '../../foundations/PatternProps';
+export interface IconSnippetListProps extends PatternProps, HTMLAttributes<HTMLDivElement> {
+    /**
+     * an array of IconSnippets to be displayed in a list
+     */
+    items: IconSnippetProps[];
+    /**
+     * A grid is used to align the IconSnippets
+     * This grid can be customized with GridConfig
+     */
+    gridConfig?: GridConfig;
+    /**
+     * Pin component's name from string to the concrete name
+     */
+    component?: 'IconSnippetList';
+}

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

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

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

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

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

@@ -0,0 +1,61 @@
+import { ImgHTMLAttributes } from 'react';
+import { PatternProps } from '../../foundations/PatternProps';
+import { CornerStyle } from '../../foundations/types/CornerStyle';
+export declare const objectFitContain = "contain";
+export declare const objectFitCover = "cover";
+export declare const objectFitNone = "none";
+export type ImageObjectFit = typeof objectFitContain | typeof objectFitCover | typeof objectFitNone;
+export declare const horizontalAlignmentLeft = "left";
+export declare const horizontalAlignmentRight = "right";
+export declare const horizontalAlignmentCenter = "center";
+export type ImageAlignment = typeof horizontalAlignmentLeft | typeof horizontalAlignmentRight | typeof horizontalAlignmentCenter;
+export declare const objectPositionCenter = "center";
+export declare const objectPositionLeftTop = "top left";
+export declare const objectPositionLeftCenter = "center left";
+export declare const objectPositionLeftBottom = "bottom left";
+export declare const objectPositionRightTop = "top right";
+export declare const objectPositionRightCenter = "center right";
+export declare const objectPositionRightBottom = "bottom right";
+export type ImageObjectPosition = typeof objectPositionCenter | typeof objectPositionLeftTop | typeof objectPositionLeftCenter | typeof objectPositionLeftBottom | typeof objectPositionRightTop | typeof objectPositionRightCenter | typeof objectPositionRightBottom;
+export declare const aspectRatio1_1 = "1/1";
+export declare const aspectRatio3_4 = "3/4";
+export declare const aspectRatio16_9 = "16/9";
+export declare const aspectRatio21_9 = "21/9";
+export declare const aspectRatio32_9 = "32/9";
+export declare const aspectRatio48_9 = "48/9";
+export type AspectRatio = typeof aspectRatio1_1 | typeof aspectRatio3_4 | typeof aspectRatio16_9 | typeof aspectRatio21_9 | typeof aspectRatio32_9 | typeof aspectRatio48_9;
+export interface ImageProps extends PatternProps, ImgHTMLAttributes<HTMLImageElement & HTMLSourceElement> {
+    /**
+     * Pin component's name from string to the concrete name
+     */
+    component?: 'Image';
+    /**
+     * Object-fit variations
+     */
+    objectFit?: ImageObjectFit;
+    /**
+     * objectPosition can be used for fine-tuning if the aspect ratio of the asset
+     * does not match the aspect ratio for the component in the layout 100%.
+     */
+    objectPosition?: ImageObjectPosition;
+    /**
+     * Horizontal alignment of image inside its container
+     */
+    horizontalAlignment?: ImageAlignment;
+    /**
+     * Corner variations
+     */
+    corners?: CornerStyle;
+    /**
+     * Image source URL
+     */
+    src: string;
+    /**
+     * Alternative description of image. Leave empty to mark image as decorative and hidden for screen readers.
+     */
+    alt?: string;
+    /**
+     * Image aspect-ratio
+     */
+    aspectRatio: AspectRatio;
+}

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

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

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

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

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

@@ -0,0 +1,69 @@
+import { HTMLAttributes } from 'react';
+import { BadgeProps } from '../Badge/props';
+import { HeadingProps } from '../Heading/props';
+import { PatternProps } from '../../foundations/PatternProps';
+import { Theme } from '../../foundations/types/Theme';
+import { BodyProps } from '../Body/props';
+import { ButtonProps } from '../Button/props';
+import { ButtonAsLinkProps } from '../ButtonAsLink/props';
+import { ButtonGroupProps } from '../ButtonGroup/props';
+import { GridColSpan } from '../Grid/props';
+import { PriceProps } from '../Price/props';
+import { ResponsiveImageProps } from '../ResponsiveImage/props';
+import { RichTextProps } from '../RichText/props';
+export declare const imageHeaderVariantFull = "full";
+export declare const imageHeaderVariantSplit = "split";
+export declare const imageHeaderPositionRight = "right";
+export declare const imageHeaderPositionLeft = "left";
+export type ImageHeaderVariant = typeof imageHeaderVariantFull | typeof imageHeaderVariantSplit;
+export type ImageHeaderPosition = typeof imageHeaderPositionRight | typeof imageHeaderPositionLeft;
+export type AllowedHeadingSizes = 'lg' | 'xl';
+export interface RestrictedHeadingProps extends Omit<HeadingProps, 'bottomSpacing' | 'weight' | 'aligh' | 'size'> {
+    size: AllowedHeadingSizes;
+}
+export interface ImageHeaderProps extends PatternProps, HTMLAttributes<HTMLDivElement> {
+    /**
+     * Pin component's name from string to the concrete name
+     */
+    component?: 'ImageHeader';
+    /**
+     * Image header images for each viewport
+     */
+    responsiveImage: ResponsiveImageProps;
+    /**
+     * Badge
+     */
+    badge?: Omit<BadgeProps, 'size'>;
+    /**
+     * Heading
+     */
+    heading: RestrictedHeadingProps;
+    /**
+     * Subline
+     */
+    subline?: Omit<BodyProps, 'size' | 'bottomSpacing'> | Omit<HeadingProps, 'size' | 'bottomSpacing' | 'tag'> | Omit<RichTextProps, 'size' | 'bottomSpacing'>;
+    /**
+     * Price
+     */
+    price?: Omit<PriceProps, 'size' | 'bottomSpacing'>;
+    /**
+     * Action | Button, ButtonAsLink or ButtonGroup
+     */
+    action?: ButtonProps | ButtonAsLinkProps | ButtonGroupProps;
+    /**
+     * Image Header Variant
+     */
+    variant?: ImageHeaderVariant;
+    /**
+     * Image Header Content aligned on the right or left
+     */
+    position?: ImageHeaderPosition;
+    /**
+     * Grid config for content block in desktop viewport
+     */
+    contentGridDesktopColumns?: GridColSpan;
+    /**
+     * Theme - Dark or light
+     */
+    theme?: Theme;
+}

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

@@ -0,0 +1,9 @@
+import { ImageHeaderProps } from './props';
+export declare const getBadgeTopPosition: () => string;
+export declare const ImageHeaderStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('../Grid').GridProps, Pick<ImageHeaderProps, "variant" | "position">>> & string & Omit<import('react').FC<import('../Grid').GridProps>, keyof import('react').Component<any, {}, any>>;
+export declare const ImageHeaderImagesContainerStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('../GridItem').GridItemProps, Pick<ImageHeaderProps, "variant" | "position">>> & string & Omit<import('react').FC<import('../GridItem').GridItemProps>, keyof import('react').Component<any, {}, any>>;
+export declare const ImageHeaderResponsiveImageStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('../ResponsiveImage').ResponsiveImageProps, Pick<ImageHeaderProps, "variant" | "position">>> & string & Omit<import('react').FC<import('../ResponsiveImage').ResponsiveImageProps>, keyof import('react').Component<any, {}, any>>;
+export declare const ImageHeaderContentStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('../GridItem').GridItemProps, Pick<ImageHeaderProps, "variant" | "position" | "contentGridDesktopColumns">>> & string & Omit<import('react').FC<import('../GridItem').GridItemProps>, keyof import('react').Component<any, {}, any>>;
+export declare const ImageHeaderBadgeStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('../Badge').BadgeProps, never>> & string & Omit<import('react').FC<import('../Badge').BadgeProps>, keyof import('react').Component<any, {}, any>>;
+export declare const ImageHeaderHeadingStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('../Heading').HeadingProps, never>> & string & Omit<import('react').FC<import('../Heading').HeadingProps>, keyof import('react').Component<any, {}, any>>;
+export declare const ImageHeaderButtonGroupStyled: 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>>;

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

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

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

@@ -0,0 +1,16 @@
+import { AnchorHTMLAttributes, ReactNode } from 'react';
+import { PatternProps } from '../../foundations/PatternProps';
+export interface InlineLinkProps extends Omit<PatternProps, 'bottomSpacing'>, AnchorHTMLAttributes<HTMLAnchorElement> {
+    /**
+     * Pin component's name from string to the concrete name
+     */
+    component?: 'InlineLink';
+    /**
+     * InlineLink has mandatory children
+     */
+    children: ReactNode;
+    /**
+     * href is mandatory
+     */
+    href: string;
+}

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

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

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

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

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

@@ -0,0 +1,48 @@
+import { InputHTMLAttributes } from 'react';
+import { LabelProps } from '../Label/props';
+import { PatternProps } from '../../foundations/PatternProps';
+export declare const inputStateSuccess = "success";
+export declare const inputStateError = "error";
+export type InputStatus = typeof inputStateSuccess | typeof inputStateError;
+export interface InputSharedProps extends PatternProps {
+    /**
+     * A unique id is mandatory
+     */
+    uid: string;
+    /**
+     * There are two statii success and error.
+     * Leave status undefined for default input field
+     */
+    status?: InputStatus;
+    /**
+     * Message that appears below the input in error state.
+     */
+    errorMessage?: string;
+    /**
+     * Message that appears below the input in default and success state.
+     */
+    helperText?: string;
+    /**
+     * The Label that appears above the input.
+     */
+    label: string | LabelProps;
+    /**
+     * Indicate if input is disabled or not
+     */
+    disabled?: boolean;
+    /**
+     * Indicate if input is required or not
+     */
+    required?: boolean;
+}
+export interface InputProps extends InputSharedProps, InputHTMLAttributes<HTMLInputElement> {
+    type?: 'text' | 'password' | 'email' | 'tel' | 'url';
+    /**
+     * function that is called on every change
+     */
+    onUpdate?: (value: string) => void;
+    /**
+     * Pin component's name from string to the concrete name
+     */
+    component?: 'Input';
+}

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

@@ -0,0 +1,7 @@
+import { InputHTMLAttributes } from 'react';
+import { PatternProps } from '../../foundations/PatternProps';
+import { InputStatus } from './props';
+export declare const InputWrapperStyled: 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 InputStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, InputHTMLAttributes<HTMLInputElement>>> & string;

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,17 @@
+import { HTMLAttributes } from 'react';
+import { BodyProps } from '../Body/props';
+import { HeadingProps } from '../Heading/props';
+import { IconSnippetProps } from '../IconSnippet/props';
+import { RichTextProps } from '../RichText/props';
+import { PatternProps } from '../../foundations/PatternProps';
+export interface LegendProps extends Omit<PatternProps, 'bottomSpacing'>, HTMLAttributes<HTMLLegendElement> {
+    /**
+     * Props of Heading and/or Body
+     * Will be rendered into legend
+     */
+    contents: (HeadingProps | BodyProps | RichTextProps | IconSnippetProps)[];
+    /**
+     * Pin component's name from string to the concrete name
+     */
+    component?: 'Legend';
+}

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

@@ -0,0 +1 @@
+export declare const LegendStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>, never>> & string;

package/dist/components/Link/getLinkIcon.d.ts

@@ -0,0 +1,3 @@
+import { ReactNode } from 'react';
+import { default as PositionedIconInterface } from '../../foundations/types/PositionedIconInterface';
+export declare const getLinkIcon: (icon: PositionedIconInterface) => ReactNode;

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

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { LinkAsButtonProps } from '../LinkAsButton/props';
+import { LinkProps } from './props';
+declare const Link: FC<LinkProps | LinkAsButtonProps>;
+export default Link;
+export * from './props';

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

@@ -0,0 +1,28 @@
+import { AnchorHTMLAttributes, ReactNode } from 'react';
+import { PatternProps } from '../../foundations/PatternProps';
+import { default as PositionedIconInterface } from '../../foundations/types/PositionedIconInterface';
+export interface LinkedSharedProps {
+    /**
+     * icon object contain name and position, object is optional and name and position is mandatory.
+     */
+    icon: PositionedIconInterface;
+    /**
+     * Pin component's name from string to the concrete name
+     */
+    component?: 'Link' | 'LinkAsButton';
+}
+export interface LinkProps extends LinkedSharedProps, PatternProps, AnchorHTMLAttributes<HTMLAnchorElement> {
+    /**
+     * Link has mandatory children
+     */
+    children: ReactNode;
+    /**
+     * Pin component's name from string to the concrete name
+     */
+    component?: 'Link';
+    /**
+     * As long as href is given, this pattern is rendered as a link and
+     * if it is left out, then a button is rendered
+     */
+    href: string;
+}

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

@@ -0,0 +1,4 @@
+import { CSSObject } from 'styled-components';
+import { LinkProps } from './props';
+export declare const linkBaseCssObject: CSSObject;
+export declare const LinkStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, LinkProps>> & string;

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

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

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

@@ -0,0 +1,13 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+import { LinkedSharedProps } from '../Link/props';
+import { PatternProps } from '../../foundations/PatternProps';
+export interface LinkAsButtonProps extends LinkedSharedProps, PatternProps, ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * Pin component's name from string to the concrete name
+     */
+    component?: 'LinkAsButton';
+    /**
+     * Link has mandatory children which can only be a string
+     */
+    children: ReactNode;
+}

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

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

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

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

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

@@ -0,0 +1,29 @@
+import { HTMLAttributes } from 'react';
+import { GridConfig } from '../Grid';
+import { LinkListItemProps } from '../LinkListItem';
+import { PatternProps } from '../../foundations/PatternProps';
+export declare const linkListVariantRow = "row";
+export declare const linkListVariantColumn = "column";
+export type LinkListVariant = typeof linkListVariantRow | typeof linkListVariantColumn;
+export interface LinkListProps extends PatternProps, HTMLAttributes<HTMLUListElement> {
+    /**
+     * Component name
+     */
+    component?: 'LinkList';
+    /**
+     * An array of LinkListItem to be rendered in the list.
+     */
+    items: Omit<LinkListItemProps, 'orientation' | 'elevation' | 'bottomSpacing'>[];
+    /**
+     * Defines arrangement of the items inside the list.
+     */
+    variant: LinkListVariant;
+    /**
+     * Controls the visual elevation (shadow) of the list items. With elevation="true", all included items have a shadow to create visual depth.
+     */
+    elevation: boolean;
+    /**
+     * Config of grid to align LinkListItems. Only takes effect on variant row as variant column will always take the whole width.
+     */
+    gridConfig?: GridConfig;
+}

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

@@ -0,0 +1,3 @@
+import { LinkListProps } from './props';
+export declare const LinkListStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('../Grid').GridProps, Pick<LinkListProps, "bottomSpacing" | "variant" | "elevation">>> & string & Omit<import('react').FC<import('../Grid').GridProps>, keyof import('react').Component<any, {}, any>>;
+export declare const LinkListLiStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('../GridItem').GridItemProps, Pick<LinkListProps, "variant">>> & string & Omit<import('react').FC<import('../GridItem').GridItemProps>, keyof import('react').Component<any, {}, any>>;

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

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

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

@@ -0,0 +1,46 @@
+import { IconName } from '@vfde-react/inline-icon-library';
+import { AnchorHTMLAttributes, ButtonHTMLAttributes } from 'react';
+import { PatternProps } from '../../foundations/PatternProps';
+import { BadgeProps } from '../Badge';
+export declare const linkListItemVariantVertical = "vertical";
+export declare const linkListItemVariantHorizontal = "horizontal";
+export type LinkListItemOrientation = typeof linkListItemVariantVertical | typeof linkListItemVariantHorizontal;
+export interface LinkListItemSharedProps extends PatternProps {
+    /**
+     * The content inside the LinkListItem can either be stacked vertically or horizontally.
+     */
+    orientation?: LinkListItemOrientation;
+    /**
+     * Defines the main text of each item. It is mandatory and used to describe the link target clearly and concisely.
+     */
+    label: string;
+    /**
+     * Optional secondary text. Provides additional information about the link target.
+     */
+    suffix?: string;
+    /**
+     * Optional icon displayed next to the label. Supports md sized system icons
+     */
+    icon?: IconName;
+    /**
+     * Optional Badge element. Used to highlight status or metadata.
+     */
+    badge?: Omit<BadgeProps, 'size' | 'bottomSpacing'>;
+    /**
+     * CODE ONLY: This property is only used to let an item know that it is the last item in a LinkList and needs to be styled differently.
+     */
+    isLastItemInList?: boolean;
+    /**
+     * Controls the visual elevation (shadow) of the item. With elevation="true", it has a shadow to create visual depth.
+     */
+    elevation?: boolean;
+}
+export interface LinkListItemProps extends LinkListItemSharedProps, AnchorHTMLAttributes<HTMLAnchorElement> {
+    /**
+     * As long as href is given, this pattern is rendered as an anchor and
+     * if it is left out, then a button is rendered
+     */
+    href?: string;
+}
+export interface LinkListItemAsButtonProps extends LinkListItemSharedProps, ButtonHTMLAttributes<HTMLButtonElement> {
+}

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

@@ -0,0 +1,11 @@
+import { LinkListItemAsButtonProps, LinkListItemProps } from './props';
+export declare const LinkListItemButtonStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, LinkListItemAsButtonProps>> & string;
+export declare const LinkListItemAnchorStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, LinkListItemProps>> & string;
+export declare const LinkListItemStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<LinkListItemProps, "bottomSpacing" | "orientation" | "elevation" | "isLastItemInList">>> & string;
+export declare const LinkListItemElevatedStyled: 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 LinkListItemContentWrapperStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<LinkListItemProps, "orientation">>> & string;
+export declare const LinkListItemContentStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<LinkListItemProps, "orientation">>> & string;
+export declare const LinkListItemVerticalContentStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const LinkListItemLabelWrapperStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const LinkListLabelStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const LinkListItemChevronStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('@vfde-react/inline-icon-library').IconLoaderProps | import('../HifiIcon').HifiIconProps | import('../Icon').IconProps, import('styled-components/dist/types').BaseObject>> & string & Omit<import('react').FC<import('@vfde-react/inline-icon-library').IconLoaderProps | import('../HifiIcon').HifiIconProps | import('../Icon').IconProps>, keyof import('react').Component<any, {}, any>>;

package/dist/components/LoadingSpinner/LoadingSpinnerSVG.d.ts

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

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

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