@vodafone_de/brix-components 3.0.0

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

@@ -0,0 +1,46 @@
+import { ReactNode, SVGAttributes } from 'react';
+import { PatternProps } from '../../foundations/PatternProps';
+export type LoadingSpinnerSize = 'xs' | 'sm' | 'md' | 'lg';
+export interface LoadingSpinnerProps extends PatternProps, SVGAttributes<SVGElement> {
+    /**
+     * Pin component's name from string to the concrete name
+     */
+    component?: 'LoadingSpinner';
+    /**
+     * Card item content
+     */
+    children?: ReactNode;
+    /**
+     * Defines whether the LoadingSpinner has a semi-transparent overlay
+     */
+    hasOverlay?: boolean;
+    /**
+     * Sets a label that is shown underneath the LoadingSpinner
+     */
+    label?: string;
+    /**
+     * Sets a label that is read to screenreader users navigating to the LoadingSpinner while it is still loading.
+     */
+    screenReaderLabel?: string;
+    /**
+     * Sets a label that is read to screenreader users when loading is completed.
+     */
+    screenReaderLabelCompleted?: string;
+    /**
+     * (large | medium | small) - If not provided, the LoadingSpinner size is going to be 'large'
+     */
+    size?: LoadingSpinnerSize;
+    /**
+     * Sets the LoadingSpinner to active and visible on true and hides it on false
+     */
+    isActive?: boolean;
+    /**
+     * Sets the LoadingSpinner to cover the full page. The spinner will also be appended to the body directly via React portal if set.
+     */
+    coversFullPage?: boolean;
+    /**
+     * ONLY FOR FULLSCREEN LOADINGSPINNERS! Defines a function 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 LoadingSpinner.
+     */
+    getContentElements?: () => HTMLCollectionOf<Element>;
+}

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

@@ -0,0 +1,20 @@
+import { Spacing } from '../../foundations/token/types/Spacing';
+import { Theme } from '../../foundations/types/Theme';
+import { LoadingSpinnerProps, LoadingSpinnerSize } from './props';
+export declare const loadingSpinnerOverlays: Record<Theme, string>;
+export declare const loadingSpinnerOverlayCssVar = "loadingSpinnerOverlay";
+export declare const calculateSpinnerHeight: (size: LoadingSpinnerSize, bottomSpacing: Spacing, label?: string) => string;
+export declare const spinnerSvgSizes: {
+    [key in LoadingSpinnerSize]: string;
+};
+export declare const LoadingSpinnerContainerStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, LoadingSpinnerProps>> & string;
+export declare const LoadingSpinnerContentStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, LoadingSpinnerProps>> & string;
+export declare const LoadingSpinnerChildrenStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, LoadingSpinnerProps>> & string;
+export declare const LoadingSpinnerSVGStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').SVGProps<SVGSVGElement>, LoadingSpinnerProps>> & string;
+export declare const LoadingSpinnerPathStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').SVGProps<SVGPathElement>, never>> & string;
+export declare const LoadingSpinnerPathOuter3Styled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').SVGProps<SVGPathElement>, never>, never>> & string;
+export declare const LoadingSpinnerPathOuter2Styled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').SVGProps<SVGPathElement>, never>, never>> & string;
+export declare const LoadingSpinnerPathOuter1Styled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').SVGProps<SVGPathElement>, never>, never>> & string;
+export declare const LoadingSpinnerPathCenterStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').SVGProps<SVGPathElement>, never>> & string;
+export declare const LoadingSpinnerPathXsStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').SVGProps<SVGPathElement>, never>> & string;
+export declare const LoadingSpinnerLabelStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('../Body').BodyProps, LoadingSpinnerProps>> & string & Omit<import('react').FC<import('../Body').BodyProps>, keyof import('react').Component<any, {}, any>>;

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

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

package/dist/components/Notification/notificationStatusVariants.d.ts

@@ -0,0 +1,12 @@
+import { IconName } from '@vfde-react/inline-icon-library';
+import { NotificationStatus } from './props';
+type NotificationStatusVariant = {
+    borderColor: string;
+    background: string;
+    icon: IconName;
+};
+type NotificationStatusVariants = {
+    [key in NotificationStatus]: NotificationStatusVariant;
+};
+export declare const notificationStatusVariants: NotificationStatusVariants;
+export {};

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

@@ -0,0 +1,30 @@
+import { HTMLAttributes } from 'react';
+import { BodyProps } from '../Body/props';
+import { ButtonProps } from '../Button/props';
+import { ButtonAsLinkProps } from '../ButtonAsLink/props';
+import { ButtonGroupProps } from '../ButtonGroup/props';
+import { FlexProps } from '../Flex/props';
+import { HeadingProps } from '../Heading/props';
+import { LinkProps } from '../Link/props';
+import { RichTextProps } from '../RichText/props';
+import { PatternProps } from '../../foundations/PatternProps';
+export declare const notificationStatusInfo = "info";
+export declare const notificationStatusSuccess = "success";
+export declare const notificationStatusWarning = "warning";
+export declare const notificationStatusError = "error";
+export type NotificationStatus = typeof notificationStatusInfo | typeof notificationStatusSuccess | typeof notificationStatusWarning | typeof notificationStatusError;
+export type NotificationContent = HeadingProps | BodyProps | RichTextProps | ButtonProps | ButtonAsLinkProps | LinkProps | ButtonGroupProps | FlexProps;
+export interface NotificationProps extends PatternProps, HTMLAttributes<HTMLDivElement> {
+    /**
+     * Pin component's name from string to the concrete name
+     */
+    component?: 'Notification';
+    /**
+     * Notification state 'info' | 'success' | 'warning' | 'error'
+     */
+    status?: NotificationStatus;
+    /**
+     * contents must be an array containing any combination of HeadingProps, BodyProps, RichTextProps ButtonProps and/or LinkProps;
+     */
+    contents: NotificationContent[];
+}

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

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from 'react';
+import { PatternProps } from '../../foundations/PatternProps';
+import { NotificationStatus } from './props';
+export declare const NotificationStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, HTMLAttributes<HTMLDivElement> & PatternProps & {
+    status: NotificationStatus;
+}>> & string;
+export declare const NotificationSidebarStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    status: NotificationStatus;
+}>> & string;
+export declare const NotificationWrapperStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

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

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

@@ -0,0 +1,9 @@
+import { HTMLAttributes } from 'react';
+import { PatternProps } from '../../foundations/PatternProps';
+export declare const overlayAppearancePrimary = "primary";
+export declare const overlayAppearanceSecondary = "secondary";
+type OverlayAppearance = typeof overlayAppearancePrimary | typeof overlayAppearanceSecondary;
+export interface OverlayProps extends PatternProps, HTMLAttributes<HTMLDivElement> {
+    appearance?: OverlayAppearance;
+}
+export {};

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

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

package/dist/components/PickerGroup/Pickers.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { PickerGroupProps } from './props';
+export interface PickersProps extends Omit<PickerGroupProps, 'legend' | 'message'> {
+}
+/**
+ * Split PickerGroup and Pickers into two components
+ * to make sure that state and legend are decoupled.
+ */
+export declare const Pickers: FC<PickersProps>;

package/dist/components/PickerGroup/components/Picker/index.d.ts

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

package/dist/components/PickerGroup/components/Picker/props.d.ts

@@ -0,0 +1,75 @@
+import { IconName } from '@vfde-react/inline-icon-library';
+import { HTMLAttributes, InputHTMLAttributes, ReactNode } from 'react';
+import { BadgeProps } from '../../../Badge/props';
+import { PatternProps } from '../../../../foundations/PatternProps';
+import { Theme } from '../../../../foundations/types/Theme';
+/**
+ * @TODO a better split of props between label, input, card etc would be great
+ * For now I just add additional label and input props to be able to add these from an app
+ */
+export interface PickerProps extends Omit<PatternProps, 'bottomSpacing'>, HTMLAttributes<HTMLDivElement> {
+    /**
+     * Value of picker`s input element
+     */
+    value: string;
+    /**
+     * Name of picker`s input element
+     */
+    name?: string;
+    /**
+     * Is picker checked
+     */
+    isChecked?: boolean;
+    /**
+     * Is Picker disabled
+     */
+    isDisabled?: boolean;
+    /**
+     * Main text
+     */
+    label: string;
+    /**
+     * Additional text
+     */
+    suffix?: string;
+    /**
+     * Path to an immage asset
+     */
+    imagePath?: string;
+    /**
+     * Name of an systemIcon
+     */
+    inlineIconName?: IconName;
+    /**
+     * Background colour of the colour circle
+     */
+    colorValue?: string;
+    /**
+     * Add a badge to picker
+     */
+    badge?: Omit<BadgeProps, 'bottomSpacing'>;
+    /**
+     *
+     */
+    handleChange?: (a: string) => void;
+    /**
+     * if there are any optional input props needed to pass down to input component
+     * all props that are passed by the PickerComponent are omitted
+     */
+    inputProps?: Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'name' | 'value' | 'checked' | 'disabled'>;
+    /**
+     * if there are any optional input props needed to pass down to input component
+     */
+    labelProps?: Omit<InputHTMLAttributes<HTMLLabelElement>, 'children'>;
+    /**
+     * Pin component's name from string to the concrete name
+     */
+    component?: 'Picker';
+}
+export interface PickerLabelElementProps extends HTMLAttributes<HTMLLabelElement> {
+    children: ReactNode;
+    isChecked: boolean;
+    isDisabled: boolean;
+    badge?: BadgeProps;
+    theme: Theme;
+}

package/dist/components/PickerGroup/components/Picker/styled.d.ts

@@ -0,0 +1,5 @@
+import { PickerLabelElementProps } from './props';
+export declare const PickerGridItemStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('../../../GridItem').GridItemProps, never>> & string & Omit<import('react').FC<import('../../../GridItem').GridItemProps>, keyof import('react').Component<any, {}, any>>;
+export declare const PickerLabelElementStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, PickerLabelElementProps>> & string;
+export declare const PickerCardStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, PickerLabelElementProps>> & string;
+export declare const PickerInputElementStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;

package/dist/components/PickerGroup/components/PickerElementIcon/index.d.ts

@@ -0,0 +1,4 @@
+import { IconLoaderProps } from '@vfde-react/inline-icon-library';
+import { FC } from 'react';
+export declare const PickerElementSystemIcon: FC<IconLoaderProps>;
+export default PickerElementSystemIcon;

package/dist/components/PickerGroup/components/PickerElementIcon/styled.d.ts

@@ -0,0 +1 @@
+export declare const PickerElementIconStyled: 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>>;

package/dist/components/PickerGroup/components/PickerElementImage/index.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ImageProps } from '../../../Image/props';
+export declare const PickerElementImage: FC<Omit<ImageProps, 'aspectRatio' | 'horizontalAlignment'>>;
+export default PickerElementImage;

package/dist/components/PickerGroup/components/PickerElementImage/styled.d.ts

@@ -0,0 +1 @@
+export declare const PickerElementImageStyled: 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/PickerGroup/components/PickerElementLabel/styled.d.ts

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

package/dist/components/PickerGroup/components/PickerElementSuffix/styled.d.ts

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

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

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

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

@@ -0,0 +1,29 @@
+import { FieldsetSharedProps } from '../Fieldset/props';
+import { GridConfig } from '../Grid/props';
+import { PickerProps } from './components/Picker/props';
+export interface PickerGroupProps extends FieldsetSharedProps {
+    /**
+     * Will be passed down to picker as input name
+     */
+    name: string;
+    /**
+     * Value of Picker that is checked
+     */
+    checkedValue: string;
+    /**
+     * Array of PickerProps
+     */
+    pickers: PickerProps[];
+    /**
+     * function that is called on every update. The only parameter of this function is the currently checked value.
+     */
+    onUpdate: (a: string) => void;
+    /**
+     * Config of grid to align pickers
+     */
+    gridConfig?: GridConfig;
+    /**
+     * Pin component's name from string to the concrete name
+     */
+    component?: 'PickerGroup';
+}

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

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { PriceProps } from './props';
+import { TabularPriceProps } from '../TabularPrice/props';
+export declare const createScreenReaderText: (price: PriceProps["price"], strikePrice: PriceProps["strikePrice"], suffix: PriceProps["suffix"]) => string;
+declare const Price: FC<PriceProps | TabularPriceProps>;
+export default Price;
+export * from './props';

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

@@ -0,0 +1,65 @@
+import { HTMLAttributes } from 'react';
+import { PatternProps } from '../../foundations/PatternProps';
+import { Spacing } from '../../foundations/token/types/Spacing';
+export declare const priceOrientationHorizontal = "horizontal";
+export declare const priceOrientationVertical = "vertical";
+export type PriceOrientation = typeof priceOrientationHorizontal | typeof priceOrientationVertical;
+export declare const priceSizeSm = "sm";
+export declare const priceSizeMd = "md";
+export declare const priceSizeLg = "lg";
+export type PriceSize = typeof priceSizeSm | typeof priceSizeMd | typeof priceSizeLg;
+export declare const priceAlignLeft = "left";
+export declare const priceAlignCenter = "center";
+export type PriceAlign = typeof priceAlignLeft | typeof priceAlignCenter;
+export interface PriceSharedProps extends PatternProps, HTMLAttributes<HTMLDivElement> {
+    /**
+     * Pin component's name from string to the concrete name
+     */
+    component?: 'Price' | 'TabularPrice';
+    /**
+     * Changes font size of main price
+     */
+    size: PriceSize;
+    /**
+     * Striked through price
+     */
+    strikePrice?: string;
+    /**
+     * Main price
+     */
+    price?: string;
+    /**
+     * Product name that renders microdata attributes needed for SEO if set
+     */
+    offerProductName?: string;
+}
+export interface PriceProps extends PriceSharedProps {
+    /**
+     * Pin component's name from string to the concrete name
+     */
+    component?: 'Price';
+    /**
+     * Orientation of price contents
+     */
+    orientation?: PriceOrientation;
+    /**
+     * Suffix after price
+     */
+    suffix: string;
+    /**
+     * Text to be shown before price
+     */
+    prefix?: string;
+    /**
+     * Horizontal alignment of whole price component
+     * has no effect on tabular orientation
+     */
+    align?: PriceAlign;
+}
+export declare const priceDefaultProps: Partial<PriceProps>;
+export interface PriceInternalProps extends Omit<PriceProps, 'orientation'> {
+    $orientation: PriceOrientation;
+    bottomSpacing: Spacing;
+    align: PriceAlign;
+}
+export declare const internalizePriceProps: (props: PriceProps) => PriceInternalProps;

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

@@ -0,0 +1,7 @@
+import { PriceProps, PriceSharedProps } from './props';
+export declare const PriceOuterWrapperStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const PriceInnerWrapperStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, PriceProps>> & string;
+export declare const StrikePriceStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const PriceOrientationStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<PriceProps, "align" | "orientation">>> & string;
+export declare const PriceStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<PriceSharedProps, "size">>> & string;
+export declare const PriceSuffixStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

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

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

@@ -0,0 +1,33 @@
+import { HTMLAttributes } from 'react';
+import { BadgeProps } from '../Badge/props';
+import { BodyProps } from '../Body/props';
+import { ColorSwatchGroupProps } from '../ColorSwatchGroup/props';
+import { HeadingProps } from '../Heading/props';
+import { IconProps } from '../Icon/props';
+import { ImageProps } from '../Image/props';
+import { LinkProps } from '../Link/props';
+import { PriceProps } from '../Price/props';
+export interface ProductCardProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Pin component's name from string to the concrete name
+     */
+    component?: 'ProductCard';
+    /** URL of page that opens when the card is clicked */
+    link: LinkProps;
+    /** Heading*/
+    heading: Omit<HeadingProps, 'size' | 'bottomSpacing' | 'weight' | 'align'>;
+    /** URL of product image*/
+    image?: Omit<ImageProps, 'aspectRatio'>;
+    /** unique product id*/
+    productId: string;
+    /** Icon in top right corner */
+    icon?: IconProps;
+    /** Body text */
+    body?: Omit<BodyProps, 'bottomSpacing' | 'align'>;
+    /** Color swatch  */
+    colorSwatchGroup?: ColorSwatchGroupProps;
+    /** Array of badges   */
+    badges?: BadgeProps[];
+    /** Price of the product */
+    price: Omit<PriceProps, 'orientation' | 'align' | 'size' | 'bottomSpacing'>;
+}

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

@@ -0,0 +1,6 @@
+import { CardProps } from '../Card/props';
+import { IconProps } from '../Icon/props';
+export declare const ProductCardStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<CardProps, CardProps>> & string & Omit<import('react').FC<CardProps>, keyof import('react').Component<any, {}, any>>;
+export declare const ProductCardIconStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('@vfde-react/inline-icon-library').IconLoaderProps | import('../HifiIcon').HifiIconProps | IconProps, IconProps>> & string & Omit<import('react').FC<import('@vfde-react/inline-icon-library').IconLoaderProps | import('../HifiIcon').HifiIconProps | IconProps>, keyof import('react').Component<any, {}, any>>;
+export declare const ProductCardUpperContentStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement>, never>> & string;
+export declare const ProductCardImageStyled: 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/RadioGroup/components/Radio/assets/RadioSVG.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { RadioProps } from '../props';
+export declare const RadioSVG: FC<Pick<RadioProps, 'checked' | 'status'>>;

package/dist/components/RadioGroup/components/Radio/index.d.ts

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

package/dist/components/RadioGroup/components/Radio/props.d.ts

@@ -0,0 +1,15 @@
+import { InputHTMLAttributes } from 'react';
+import { InputSharedProps, InputStatus } from '../../../Input/props';
+export interface RadioProps extends Omit<InputSharedProps, 'message'>, InputHTMLAttributes<HTMLInputElement> {
+    value: string;
+    label: string;
+    status?: InputStatus;
+    /**
+     * function that is called on every update.
+     */
+    onUpdate?: (value: string, checked: boolean) => void;
+    /**
+     *
+     */
+    component?: 'Radio';
+}

package/dist/components/RadioGroup/components/Radio/styled.d.ts

@@ -0,0 +1,8 @@
+import { RadioProps } from './props';
+export declare const RadioContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('../../../Flex').FlexProps, Pick<RadioProps, "disabled">>> & string & Omit<import('react').FC<import('../../../Flex').FlexProps>, keyof import('react').Component<any, {}, any>>;
+export declare const RadioStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const RadioInputStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, Pick<RadioProps, "status" | "checked">>> & string;
+export declare const RadioLabelStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('../../../Label').LabelProps, never>> & string & Omit<import('react').FC<import('../../../Label').LabelProps>, keyof import('react').Component<any, {}, any>>;
+export declare const RadioSVGStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').SVGProps<SVGSVGElement>, never>> & string;
+export declare const RadioFillingCircleStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').SVGProps<SVGCircleElement>, never>> & string;
+export declare const RadioBorderPathStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').SVGProps<SVGCircleElement>, Pick<RadioProps, "status" | "checked">>> & string;

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

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

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

@@ -0,0 +1,25 @@
+import { FieldsetSharedProps } from '../Fieldset/props';
+import { FlexOrientation } from '../Flex/props';
+import { RadioProps } from './components/Radio/props';
+export interface RadioGroupProps extends FieldsetSharedProps {
+    /**
+     * list of radio buttons
+     */
+    radios: RadioProps[];
+    /**
+     * Value of radioa that is checked
+     */
+    checkedValue?: string;
+    /**
+     * function that is called on every update.
+     */
+    onUpdate?: (a: string) => void;
+    /**
+     *
+     */
+    component?: 'RadioGroup';
+    /**
+     * Indicate whether the radio buttons are rendered horizontally or vertically
+     */
+    orientation?: FlexOrientation;
+}

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

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

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

@@ -0,0 +1,16 @@
+import { HTMLAttributes } from 'react';
+import { ImageProps } from '../Image/props';
+import { PatternProps } from '../../foundations/PatternProps';
+import { ViewportName } from '../../foundations/token/types/Viewport';
+export type ResponsiveImageType = {
+    sm: ImageProps;
+} & {
+    [key in Exclude<ViewportName, 'sm'>]?: ImageProps;
+};
+export interface ResponsiveImageProps extends PatternProps, HTMLAttributes<HTMLElement> {
+    /**
+     * Pin component's name from string to the concrete name
+     */
+    component?: 'ResponsiveImage';
+    images: ResponsiveImageType;
+}

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

@@ -0,0 +1,4 @@
+import { ImageProps } from '../Image/props';
+import { ResponsiveImageProps } from './props';
+export declare const ResponsiveImagePictureStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, Omit<ResponsiveImageProps, "bottomSpacing" | "images">>> & string;
+export declare const ResponsiveImageStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, ImageProps & Pick<ResponsiveImageProps, "images">>> & string;

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

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

package/dist/components/RichText/parseHtml.d.ts

@@ -0,0 +1,17 @@
+import { BodyProps } from '../Body/props';
+import { HeadingProps } from '../Heading/props';
+import { InlineLinkProps } from '../InlineLink/props';
+import { TextListItemProps, TextListProps } from '../TextList/props';
+import { Spacing } from '../../foundations/token/types/Spacing';
+export type RichTextTagProps = {
+    heading?: Omit<HeadingProps, 'children'>;
+    li?: Omit<TextListItemProps, 'children'>;
+    ol?: Omit<TextListProps, 'children'>;
+    ul?: Omit<TextListProps, 'children'>;
+    strong?: Omit<BodyProps, 'children'>;
+    small?: Omit<BodyProps, 'children'>;
+    sup?: Omit<BodyProps, 'children'>;
+    p?: Omit<BodyProps, 'children'>;
+    a?: Omit<InlineLinkProps, 'children'>;
+};
+export declare const parseHtml: (html: string, paragraphSpacing: Spacing | undefined, tagProps?: RichTextTagProps) => string | import("react").JSX.Element | import("react").JSX.Element[];

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

@@ -0,0 +1,22 @@
+import { HTMLAttributes } from 'react';
+import { RichTextTagProps } from './parseHtml';
+import { PatternProps } from '../../foundations/PatternProps';
+import { Spacing } from '../../foundations/token/types/Spacing';
+export interface RichTextProps extends PatternProps, HTMLAttributes<HTMLDivElement> {
+    /**
+     * Pin component's name from string to the concrete name
+     */
+    component?: 'RichText';
+    /**
+     * html to be parsed as string
+     */
+    html: string;
+    /**
+     * Overwrite all bottom spacings for parsed block elements
+     */
+    paragraphSpacing?: Spacing;
+    /**
+     * Overwrite props for tags that are replaced by Components while parsing
+     */
+    tagProps?: RichTextTagProps;
+}

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

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