@skodaflow/web-library 2.1.0

package/build/components/controls/controls.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+import { ControllerSize, IconsStyle, DarkLightOptions, ControlVariant } from '../../utils/types';
+export interface ControlsProps extends React.HTMLAttributes<HTMLDivElement> {
+    controlVariant?: ControlVariant;
+    /**
+     *  The color of control: white or black, default is white.
+     */
+    controllerColor?: DarkLightOptions;
+    /**
+     *  Icons style: regular or filled, default is regular.
+     */
+    iconStyle?: IconsStyle;
+    /**
+     *  Icons fontSize:
+     */
+    iconFontSize?: ControllerSize;
+    /**
+     *  Type of controls: next, previous, play, pause.
+     */
+    controlType?: string;
+    /**
+     *  If true, the control is disabled.
+     */
+    isDisabled?: boolean;
+    /**
+     *  callback function on click
+     */
+    onClickCallback?: (payload: any) => void;
+    customHeight?: string;
+}
+/**
+ * @description SkodaFlow Controls component.
+ * Properties are inherited from HTML Button Attribetes element.
+ * @param props ControlsProps
+ * @returns React Functional Component
+ */
+export declare const Controller: React.ForwardRefExoticComponent<ControlsProps & React.RefAttributes<HTMLDivElement>>;

package/build/components/controls/index.d.ts

@@ -0,0 +1 @@
+export * from './controls';

package/build/components/divider/divider.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+export interface DividerProps extends React.HTMLAttributes<HTMLHRElement> {
+    /**
+     *  The component orientation.
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     *  The text alignment.
+     */
+    textAlign?: 'center' | 'left' | 'right';
+    /**
+     *  The variant to use.
+     */
+    variant?: 'fullWidth' | 'inset' | 'middle';
+    /**
+     *  If true, a vertical divider will have the correct height when used in flex container.
+     *  (By default, a vertical divider will have a calculated height of 0px if it is the child of a flex container.)
+     */
+    flexItem?: boolean;
+}
+/**
+ * @description SkodaFlow Divider component.
+ * Properties are inherited from HTML HR Attribetes element.
+ * @param props DividerProps
+ * @returns React Functional Component
+ */
+export declare const Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<HTMLHRElement>>;

package/build/components/divider/index.d.ts

@@ -0,0 +1 @@
+export * from './divider';

package/build/components/drawer/drawer.d.ts

@@ -0,0 +1,66 @@
+import React from 'react';
+import { SxProps } from '@mui/system';
+import { Theme } from '@mui/material/styles';
+export interface DrawerProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Side from which the drawer will appear.
+     */
+    anchor: 'top' | 'left' | 'bottom' | 'right';
+    /**
+     * If true the drawer is shown.
+     */
+    open: boolean;
+    /**
+     * Callback required when the drawer is closed.
+     */
+    handleClose?: (state: boolean) => void;
+    /**
+     * The content of the component.
+     */
+    children: React.ReactNode;
+    /**
+     * Override or extend the styles applied to the component.
+     */
+    classes?: object;
+    /**
+     * The elevation of the drawer.
+     */
+    elevation?: number;
+    /**
+     * 	If true, the backdrop is not rendered.
+     */
+    hideBackdrop?: boolean;
+    /**
+     * Props applied to the Modal element.
+     */
+    ModalProps?: object;
+    /**
+     * Props applied to the Paper element.
+     */
+    PaperProps?: object;
+    /**
+     * Props applied to the Slide element.
+     */
+    SlideProps?: object;
+    /**
+     * The system prop that allows defining system overrides as well as additional CSS styles.
+     */
+    sx?: SxProps<Theme>;
+    /**
+     * The duration for the transition, in milliseconds. You may specify a single timeout for all transitions, or individually with an object.
+     */
+    transitionDuration?: number | {
+        appear?: number;
+        enter?: number;
+        exit?: number;
+    };
+    /**
+     * The variant to use. Default is 'temporary'.
+     */
+    variant?: 'permanent' | 'persistent' | 'temporary';
+    /**
+     * 	If true the borders are rounded.
+     */
+    hasRoundedBorders?: boolean;
+}
+export declare const Drawer: React.ForwardRefExoticComponent<DrawerProps & React.RefAttributes<HTMLDivElement>>;

package/build/components/drawer/index.d.ts

@@ -0,0 +1 @@
+export * from './drawer';

package/build/components/flag/availableFLags.d.ts

@@ -0,0 +1 @@
+export declare type AvailableFlags = 'AC' | 'AD' | 'AE' | 'AF' | 'AG' | 'AI' | 'AL' | 'AM' | 'AO' | 'AQ' | 'AR' | 'AS' | 'AT' | 'AU' | 'AW' | 'AX' | 'AZ' | 'BA' | 'BB' | 'BD' | 'BE' | 'BF' | 'BG' | 'BH' | 'BI' | 'BJ' | 'BL' | 'BM' | 'BN' | 'BO' | 'BQ' | 'BR' | 'BS' | 'BT' | 'BV' | 'BW' | 'BY' | 'BZ' | 'CA' | 'CC' | 'CD' | 'CF' | 'CG' | 'CH' | 'CI' | 'CK' | 'CL' | 'CM' | 'CN' | 'CO' | 'CR' | 'CU' | 'CV' | 'CW' | 'CX' | 'CY' | 'CZ' | 'DE' | 'DJ' | 'DK' | 'DM' | 'DO' | 'DZ' | 'EC' | 'EE' | 'EG' | 'EH' | 'ER' | 'ES' | 'ET' | 'EU' | 'FI' | 'FJ' | 'FK' | 'FM' | 'FO' | 'FR' | 'GA' | 'GB' | 'GD' | 'GE' | 'GF' | 'GG' | 'GH' | 'GI' | 'GL' | 'GM' | 'GN' | 'GP' | 'GQ' | 'GR' | 'GS' | 'GT' | 'GU' | 'GW' | 'GY' | 'HK' | 'HM' | 'HN' | 'HR' | 'HT' | 'HU' | 'ID' | 'IE' | 'IL' | 'IM' | 'IN' | 'IO' | 'IQ' | 'IR' | 'IS' | 'IT' | 'JE' | 'JM' | 'JO' | 'JP' | 'KE' | 'KG' | 'KH' | 'KI' | 'KM' | 'KN' | 'KP' | 'KR' | 'KW' | 'KY' | 'KZ' | 'LA' | 'LB' | 'LC' | 'LI' | 'LK' | 'LR' | 'LS' | 'LT' | 'LU' | 'LV' | 'LY' | 'MA' | 'MC' | 'MD' | 'ME' | 'MF' | 'MG' | 'MH' | 'MK' | 'ML' | 'MM' | 'MN' | 'MO' | 'MP' | 'MQ' | 'MR' | 'MS' | 'MT' | 'MU' | 'MV' | 'MW' | 'MX' | 'MY' | 'MZ' | 'NA' | 'NC' | 'NE' | 'NF' | 'NG' | 'NI' | 'NL' | 'NO' | 'NP' | 'NR' | 'NU' | 'NZ' | 'OM' | 'PA' | 'PE' | 'PF' | 'PG' | 'PH' | 'PK' | 'PL' | 'PM' | 'PN' | 'PR' | 'PS' | 'PT' | 'PW' | 'PY' | 'QA' | 'RE' | 'RO' | 'RS' | 'RU' | 'RW' | 'SA' | 'SB' | 'SC' | 'SD' | 'SE' | 'SG' | 'SH' | 'SI' | 'SJ' | 'SK' | 'SL' | 'SM' | 'SN' | 'SO' | 'SR' | 'SS' | 'ST' | 'SV' | 'SX' | 'SY' | 'SZ' | 'TA' | 'TC' | 'TD' | 'TF' | 'TG' | 'TH' | 'TJ' | 'TK' | 'TL' | 'TM' | 'TN' | 'TO' | 'TR' | 'TT' | 'TV' | 'TW' | 'TZ' | 'UA' | 'UG' | 'UM' | 'US' | 'UY' | 'UZ' | 'VA' | 'VC' | 'VE' | 'VG' | 'VI' | 'VN' | 'VU' | 'WF' | 'WS' | 'XK' | 'YE' | 'YT' | 'ZA' | 'ZM' | 'ZW';

package/build/components/flag/flag.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { AvailableFlags } from './availableFLags';
+/**
+ * @interface FlagStylingProps
+ * @description The props of the flag component that are additionally used for styling.
+ */
+export interface FlagStylingProps {
+    /**
+     * The width of the flag. Width to height - 3:2 aspect ratio.
+     */
+    width?: number;
+}
+/**
+ * @interface FlagProps
+ * @description Base definition of SkodaFlow Flag independent on core implementation.
+ * Properties are inherited from HTML Div element and FlagStylingProps interface.
+ */
+export interface FlagProps extends FlagStylingProps, React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Defines which flag to use.
+     */
+    flag: AvailableFlags;
+    /**
+     * The title of the svg flag.
+     */
+    title: string;
+}
+export declare const Flag: React.ForwardRefExoticComponent<FlagProps & React.RefAttributes<HTMLDivElement>>;

package/build/components/flag/index.d.ts

@@ -0,0 +1 @@
+export * from './flag';

package/build/components/grid/grid.d.ts

@@ -0,0 +1,116 @@
+import React, { ReactNode } from 'react';
+import { Theme } from '@mui/material/styles';
+import { GridSpacing, GridDirection, GridSize } from '@mui/material/Grid';
+import { ResponsiveStyleValue, SxProps } from '@mui/system';
+/**
+ * @interface GridProps
+ * @description Base definition of SkodaFlow Grid independent on core implementation.
+ * Properties are inherited from HTML Button element
+ */
+export interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     *  The content of the component.
+     */
+    children?: React.ReactNode;
+    /**
+     *  Override or extend the styles applied to the component.
+     *  See CSS API below for more details.
+     */
+    classes?: object;
+    /**
+     *  The number of columns.
+     */
+    columns?: ResponsiveStyleValue<number>;
+    /**
+     *  The component used for the root node.
+     *  Either a string to use a HTML element or a component.
+     */
+    component?: string | ReactNode;
+    /**
+     *  If true, the component will have the flex container behavior.
+     *  You should be wrapping items with a container.
+     */
+    container?: boolean;
+    /**
+     *  Defines the flex-direction style property.
+     *  It is applied for all screen sizes.
+     * @default 'auto'
+     */
+    direction?: ResponsiveStyleValue<GridDirection>;
+    /**
+     *  If true, the component will have the flex item behavior.
+     *  You should be wrapping items with a container.
+     */
+    item?: boolean;
+    /**
+     *  Defines the number of grids the component is going to use.
+     *  It's applied for the lg breakpoint and wider screens if not overridden.
+     */
+    lg?: boolean | GridSize;
+    /**
+     *  Defines the number of grids the component is going to use.
+     *  It's applied for the md breakpoint and wider screens if not overridden.
+     */
+    md?: boolean | GridSize;
+    /**
+     *  Defines the number of grids the component is going to use.
+     *  It's applied for the sm breakpoint and wider screens if not overridden.
+     */
+    sm?: boolean | GridSize;
+    /**
+     *  The system prop that allows defining system overrides as well as additional CSS styles.
+     *  See the `sx` page for more details.
+     */
+    sx?: SxProps<Theme>;
+    /**
+     *  Defines the number of grids the component is going to use.
+     *  It's applied for the xl breakpoint and wider screens.
+     */
+    xl?: boolean | GridSize;
+    /**
+     *  Defines the number of grids the component is going to use.
+     *  It's applied for all the screen sizes with the lowest priority.
+     */
+    xs?: boolean | GridSize;
+    /**
+     *  Defines the space between the type item components.
+     *  It can only be used on a type container component.
+     */
+    spacing?: ResponsiveStyleValue<GridSpacing>;
+    /**
+     *  Defines the horizontal space between the type item components.
+     *  It overrides the value of the spacing prop.
+     */
+    columnSpacing?: ResponsiveStyleValue<GridSpacing>;
+    /**
+     *  Defines the vertical space between the type item components.
+     * It overrides the value of the spacing prop.
+     * If the value provided is a string it will be used as exact amount for pixels spacing.
+     * If the value is a number it will be used as (value)*8px.
+     */
+    rowSpacing?: ResponsiveStyleValue<GridSpacing>;
+    /**
+     *  Defines the flex-wrap style property.
+     *  It's applied for all screen sizes.
+     */
+    wrap?: 'nowrap' | 'wrap-reverse' | 'wrap';
+    /**
+     *  If true, it sets min-width: 0 on the item.
+     *  Refer to the limitations section of the documentation to better understand the use case.
+     */
+    zeroMinWidth?: boolean;
+    /**
+     *  Determine if grid is narrow.
+     */
+    narrow?: boolean;
+    /**
+     *  Determine the max-width of the container. The container width grows with the size of the screen. Set to false to disable maxWidth.
+     */
+    fixed?: boolean;
+}
+/**
+ * @description SkodaFlow Grid component.
+ * @param props GridProps
+ * @returns React Functional Component
+ */
+export declare const Grid: React.FC<GridProps>;

package/build/components/grid/index.d.ts

@@ -0,0 +1 @@
+export * from './grid';

package/build/components/icon/availableIcons.d.ts

@@ -0,0 +1 @@
+export declare const availableIcons: string[];

package/build/components/icon/icon.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+/**
+ * @interface IconProps
+ * @description Base definition of SkodaFlow Icon independent on core implementation.
+ * Properties are inherited from HTML Span element
+ */
+export interface IconProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'> {
+    /**
+     *color of the icon
+     */
+    color?: 'inherit' | 'disabled' | 'action' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
+    /**
+     * The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size.
+     * @default 'medium'
+     */
+    fontSize?: 'inherit' | 'extraLarge' | 'large' | 'medium' | 'small';
+    /**
+     * The iconStyle apply to the icons regular or filled format.
+     */
+    iconStyle?: 'regular' | 'filled';
+}
+/**
+ * @description SkodaFlow Icon component.
+ * Properties are inherited from HTML Span element.
+ * @param props IconProps
+ * @returns React Functional Component
+ */
+export declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<HTMLSpanElement>>;

package/build/components/icon/index.d.ts

@@ -0,0 +1 @@
+export * from './icon';

package/build/components/indicator/index.d.ts

@@ -0,0 +1 @@
+export * from './indicator';

package/build/components/indicator/indicator.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+/**
+ * @interface IndicatorProps
+ * @description Base definition of SkodaFlow Indicator component independent on core implementation.
+ * Properties are inherited from LabelProps.
+ */
+export interface IndicatorProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Indicator variant: 'positive' | 'warning' | 'alert' | 'neutral' | color string
+     */
+    variant?: 'positive' | 'warning' | 'alert' | 'neutral' | string;
+    /**
+     * Label text for indicator
+     */
+    label?: string;
+}
+/**
+ * @description Styled SkodaFlow Indicator component
+ * @param props IndicatorProps
+ * @returns React Functional Component
+ */
+export declare const Indicator: React.ForwardRefExoticComponent<IndicatorProps & React.RefAttributes<HTMLDivElement>>;

package/build/components/label/index.d.ts

@@ -0,0 +1 @@
+export * from './label';

package/build/components/label/label.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+/**
+ * @interface LabelProps
+ * @description Base definition of SkodaFlow Label component independent on core implementation.
+ * Properties are inherited from HTML Span element.
+ */
+export interface LabelProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /**
+     * Label text used as inner HTML text of component.
+     */
+    label?: string;
+}
+/**
+ * @description SkodaFlow Label component.
+ * @param props LabelProps
+ * @returns React Functional component
+ */
+export declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLSpanElement>>;

package/build/components/labelCO2/index.d.ts

@@ -0,0 +1 @@
+export * from './labelCO2';

package/build/components/labelCO2/labelCO2.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export interface LabelCO2Props {
+    variant: 'A+++' | 'A++' | 'A+' | 'A' | 'B' | 'C' | 'D' | 'E' | 'F' | 'G';
+    size?: 'small' | 'large';
+}
+export declare const LabelCO2: React.ForwardRefExoticComponent<LabelCO2Props & React.RefAttributes<HTMLDivElement>>;

package/build/components/labelFeature/index.d.ts

@@ -0,0 +1 @@
+export * from './labelFeature';

package/build/components/labelFeature/labelFeature.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { LabelProps } from '../label';
+/**
+ * @interface LabelFeatureProps
+ * @description Base defintion of SkodaFlow LabelFeature component independent on core implemenation.
+ * Properties are inherited from LabelProps
+ */
+export interface LabelFeatureProps extends LabelProps {
+    /**
+     * Label variant
+     */
+    variant?: 'primary' | 'neutral' | 'secondary' | string;
+}
+/**
+ * @description Styled SkodaFlow LabelFeature component.
+ * @param props LabelFeatureProps
+ * @returns React Function Component
+ */
+export declare const LabelFeature: React.ForwardRefExoticComponent<LabelFeatureProps & React.RefAttributes<HTMLSpanElement>>;

package/build/components/labelPromotional/index.d.ts

@@ -0,0 +1 @@
+export * from './labelPromotional';

package/build/components/labelPromotional/labelPromotional.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { LabelProps } from '../label';
+/**
+ * @interface labelPromotionalProps
+ * @description Base definition of SkodaFlow labelPromotional component independent on core implementation.
+ * Properties are inherited from LabelProps
+ */
+export interface LabelPromotionalProps extends LabelProps {
+    /**
+     * Label variant
+     */
+    variant?: 'large' | 'small';
+}
+/**
+ * @description Styled SkodaFlow labelPromotional component.
+ * @param props labelPromotionalProps
+ * @returns React Function Component
+ */
+export declare const LabelPromotional: React.ForwardRefExoticComponent<LabelPromotionalProps & React.RefAttributes<HTMLSpanElement>>;
+/**
+ * @description labelPromotional styling definition
+ */
+export declare const LabelPromotionalStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType<any>;
+} & LabelPromotionalProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/components/labelStatus/index.d.ts

@@ -0,0 +1 @@
+export * from './labelStatus';

package/build/components/labelStatus/labelStatus.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { LabelProps } from '../label';
+/**
+ * @interface LabelStatusProps
+ * @description Base definition of SkodaFlow LabelStatus component independent on core implementation.
+ * Properties are inherited from LabelProps.
+ */
+export interface LabelStatusProps extends LabelProps {
+    /**
+     * Label variant defines style of label
+     */
+    variant?: 'positive' | 'warning' | 'alert' | string;
+}
+/**
+ * @description Styled SkodaFlow LabelStatus component
+ * @param props LabelStatusProps
+ * @returns React Functional Component
+ */
+export declare const LabelStatus: React.ForwardRefExoticComponent<LabelStatusProps & React.RefAttributes<HTMLSpanElement>>;

package/build/components/menu/index.d.ts

@@ -0,0 +1 @@
+export * from './menu';

package/build/components/menu/menu.d.ts

@@ -0,0 +1,61 @@
+import React from 'react';
+import { AvailableFlags } from '../flag/availableFLags';
+/**
+ * @interface MenuItemObject
+ * @description Single menu item containing icon class and item value
+ */
+export interface MenuItemObject {
+    value: string;
+    flag: AvailableFlags;
+    title: string;
+}
+export declare type MenuItems = MenuItemObject[] | string[];
+/**
+ * @interface MenuReactUseStateHook
+ * @description The use state hook that must be provided to the Menu component.
+ */
+export interface MenuReactUseStateHook {
+    state: any[];
+    setState: React.Dispatch<React.SetStateAction<any[]>>;
+}
+/**
+ * @interface PaperProps
+ * @description Base definition of SkodaFlow Menu independent on core implementation.
+ * Properties are inherited from HTML Div element
+ */
+export interface PaperProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * hasIcon is used to specify if every item should have icon.
+     */
+    hasIcon?: boolean;
+    /**
+     * multipleSelection is used to allow multiple selection.
+     */
+    multipleSelection?: boolean;
+    /**
+     * Adding a label to the group.
+     */
+    groupLabel?: string;
+    /**
+     * Items provided to the menu. Depending on hasIcon is set to true or false, the items should either implement string[] in case of hasIcon = false,
+     * or MenuItemObject[] when hasIcon = true.
+     */
+    items: MenuItems;
+    /**
+     * The use state hook that must be provided to the Menu component.
+     */
+    reactHook: MenuReactUseStateHook;
+    /**
+     * groupToggleSelection, providing ability to select or deselect all items. multipleSelection should be = true in order groupToggleSelection to work.
+     */
+    groupToggleSelection?: boolean;
+    /**
+     * set the menu open state
+     */
+    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    /**
+     * The toggle label displayed when groupToggleSelection is true. Default is "Select all".
+     */
+    toggleLabel?: string;
+}
+export declare const Menu: React.ForwardRefExoticComponent<PaperProps & React.RefAttributes<HTMLDivElement>>;

package/build/components/menuItem/index.d.ts

@@ -0,0 +1 @@
+export * from './menuItem';

package/build/components/menuItem/menuItem.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+/**
+ * @interface MenuItemProps
+ * @description properties definition of the Menu Item
+ */
+export interface MenuItemProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /**
+     * key for the Menu item
+     */
+    key?: any;
+    /**
+     * id for the menu item
+     */
+    id?: any;
+    /**
+     * value of menu item
+     */
+    value?: any;
+    /**
+     *   text or component to show inside the menu item topography
+     */
+    children?: any;
+}
+/**
+ * @description SkodaFlow MenuItem component.
+ * @param props MenuItemProps
+ * @returns React Functional component
+ */
+export declare const MenuItem: React.ForwardRefExoticComponent<MenuItemProps & React.RefAttributes<HTMLSpanElement>>;

package/build/components/modal/contentDiv.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+/**
+ * @interface Base defintion of SkodaFlow ContentDiv component independent on core implementation.
+ */
+export interface ContentDivProps extends React.HTMLAttributes<HTMLDivElement> {
+    setIsOverFlowing: React.Dispatch<React.SetStateAction<boolean>>;
+    className?: string;
+}
+/**
+ * @description SkodaFlow ContentDiv component
+ * @param props ContentDivProps
+ * @returns React Functional Component
+ */
+export declare const ContentDiv: ({ children, setIsOverFlowing, className }: ContentDivProps) => JSX.Element;

package/build/components/modal/index.d.ts

@@ -0,0 +1 @@
+export * from './modal';

package/build/components/modal/modal.d.ts

@@ -0,0 +1,67 @@
+import React from 'react';
+import { ButtonVariants } from '../button';
+/**
+ * @interface Base defintion of SkodaFlow Modal component independent on core implementation.
+ */
+export interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * If true, the component is shown.
+     */
+    open: boolean;
+    /**
+     * Callback used to close the modal.
+     */
+    handleClose: () => void;
+    /**
+     * Callback for the top button.
+     */
+    onClickTopButton: () => void;
+    /**
+     * Callback for the bottom button.
+     */
+    onClickBottomButton: () => void;
+    /**
+     * Accessibility.
+     */
+    ariaLabelledby?: string;
+    /**
+     * Accessibility.
+     */
+    ariaDescribedBy?: string;
+    /**
+     * Top button text.
+     */
+    firstButton: string;
+    /**
+     * Bottom button text.
+     */
+    secondButton: string;
+    /**
+     * Variant of button defines different look and style.
+     */
+    firstButtonVariant?: ButtonVariants;
+    /**
+     * Variant of button defines different look and style.
+     */
+    secondButtonVariant?: ButtonVariants;
+    /**
+     * If true, the second button is visible.
+     */
+    secondButtonVisible?: boolean;
+    /**
+     * If true, the buttons are displayed as compact. The feature is only working for mobile view.
+     */
+    hasCloseButton?: boolean;
+    /**
+     * The size of the modal in desktop view.
+     */
+    size?: 'small' | 'large' | 'full-width';
+    defaultButtonSection?: boolean;
+    maxWidth?: string;
+}
+/**
+ * @description Styled SkodaFlow Modal component
+ * @param props ModalProps
+ * @returns React Functional Component
+ */
+export declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;

package/build/components/numbering/index.d.ts

@@ -0,0 +1 @@
+export * from './numbering';