@skodaflow/web-library 3.3.0-alpha.1 → 3.4.0-alpha.0

package/build/components/alert/Alert.d.ts

@@ -0,0 +1,8 @@
+import React, { PropsWithChildren } from 'react';
+export type AlertProps = PropsWithChildren<{
+    type?: 'success' | 'warning' | 'error';
+    actions?: React.ReactNode;
+    width?: string | number;
+    direction?: 'rtl' | 'ltr';
+}>;
+export declare const Alert: React.FC<AlertProps>;

package/build/components/alert/AlertButton.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { OverrideProps } from '@mui/material/OverridableComponent';
+export interface AlertButtonTypeMap<P = {}, C extends React.ElementType = 'button'> {
+    props: P;
+    defaultComponent: C;
+}
+export type AlertButtonProps<C extends React.ElementType, P = {}> = OverrideProps<AlertButtonTypeMap<P, C>, C> & {
+    component?: C;
+};
+export declare function AlertButton<C extends React.ElementType = 'button'>(props: AlertButtonProps<C>): React.JSX.Element;

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

@@ -0,0 +1,2 @@
+export * from './Alert';
+export * from './AlertButton';

package/build/components/cardMenu/cardMenu.d.ts

@@ -81,5 +81,7 @@ export interface CardMenuProps extends React.HTMLAttributes<HTMLDivElement> {
      * The toggle label displayed when groupToggleSelection is true. Default is "Select all".
      */
     toggleLabel?: string;
+    /** Renders the popper with border radius */
+    rounded?: boolean;
 }
 export declare const CardMenu: React.ForwardRefExoticComponent<CardMenuProps & React.RefAttributes<HTMLDivElement>>;

package/build/components/cardMenu/styled/popperStyled.d.ts

@@ -1,16 +1,7 @@
-/// <reference types="react" />
-export declare const PopperStyled: import("@emotion/styled").StyledComponent<Omit<import("@mui/base").PopperProps<"div">, "direction"> & {
-    component?: import("react").ElementType<any>;
-    components?: {
-        Root?: import("react").ElementType<any>;
-    };
-    componentsProps?: {
-        root?: import("@mui/base").SlotComponentProps<"div", import("@mui/base").PopperRootSlotPropsOverrides, import("@mui/base").PopperOwnProps>;
-    };
-    sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-} & import("react").RefAttributes<HTMLDivElement> & {
+export declare const PopperStyled: import("@emotion/styled").StyledComponent<import("@mui/base").PopperOwnProps & Omit<any, keyof import("@mui/base").PopperOwnProps> & {
     theme?: import("@emotion/react").Theme;
 } & {
     theme?: any;
     isMobile?: boolean;
+    rounded?: boolean;
 }, {}, {}>;

package/build/components/chip/chipImage/chipImage.d.ts

@@ -4,7 +4,7 @@ import React from 'react';
  * @description Base definition of SkodaFlow Chip independent on core implementation.
  * Properties are inherited from HTML div element
  */
-export interface ChipImageProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface ChipImageProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
     /**
      * The label referenced to the text field.
      */
@@ -30,13 +30,13 @@ export interface ChipImageProps extends React.HTMLAttributes<HTMLDivElement> {
      */
     imageAlt: string;
     /**
-     * Default state of the chip image. If true the chip image is checked.
+     * State of the chip image. If true the chip image is checked.
      */
     isChecked?: boolean;
     /**
      * Event triggered whenever the chip image is clicked.
      */
-    onChange?(e: React.ChangeEvent<HTMLInputElement>): void;
+    onChange?(e: React.ChangeEvent<HTMLInputElement>, checked: boolean): void;
     /**
      * Name attribute of the component.
      */

package/build/components/index.d.ts

@@ -41,4 +41,5 @@ export * from './avatar';
 export * from './closeDialogButton';
 export * from './iconButton';
 export * from './helperTextContent';
+export * from './alert';
 export { Typography } from '@mui/material';

package/build/components/tab/tabs.d.ts

@@ -21,8 +21,11 @@ export interface TabsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'o
     labelMoreItem?: string;
     /**
      * the default active tab on mount
+     * @deprecated Use property `activeTab` instead
      */
     defaultActiveTab: string | number;
+    /** Specifies which tab is active */
+    activeTab: string | number;
     /**
      * If true and on mobile view, tabs are rendered as mobile secondary navigation view
      */

package/build/design/skoda/components/theme.autocomplete.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from '@mui/material';
+import { Components } from '@mui/material/styles/components';
+export declare const flowAutocomplete: Components<Theme>['MuiAutocomplete'];

package/build/design/skoda/index.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from '@mui/material/styles';
+import { BreakpointsOptions, Theme } from '@mui/material/styles';
 import React from 'react';
 import './theme.extensions';
 import { TypographySize } from './theme.typography';
@@ -6,7 +6,7 @@ import { TypographySize } from './theme.typography';
  * @deprecated use `skodaThemeProvider` component instead
  * @param typographySize
  */
-export declare const createSkodaTheme: (typographySize: TypographySize) => Theme;
+export declare const createSkodaTheme: (typographySize: TypographySize, breakpointsOptions?: BreakpointsOptions) => Theme;
 /**
  * @deprecated use `SkodaThemeProvider` instead
  */
@@ -21,5 +21,6 @@ export declare class SkodaTheme extends React.Component {
 }
 export type SkodaThemeProviderProps = {
     children?: React.ReactNode;
+    useContainerBreakpoints?: boolean;
 };
 export declare const SkodaThemeProvider: React.FC<SkodaThemeProviderProps>;

package/build/design/skoda/theme.typography.d.ts

@@ -1,7 +1,8 @@
 import { TypographyOptions } from '@mui/material/styles/createTypography';
+import { BreakpointsOptions } from '@mui/system';
 export type TypographySize = 'small' | 'medium' | 'large';
 export declare const getTypography: (element: string, size: TypographySize) => any;
-export declare const useTypographySize: () => TypographySize;
+export declare const useTypographySize: (breakpointsOptions?: BreakpointsOptions) => TypographySize;
 /**
  * Making typography responsive using mediaquery makes theming of components very complicated.
  * This new approach resolves typography by provided size. To calculate size use useTypographySize hook.