@skodaflow/web-library 3.3.0-alpha.1 → 3.3.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,6 @@
 /// <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> & {
-    theme?: import("@emotion/react").Theme;
-} & {
-    theme?: any;
-    isMobile?: boolean;
-}, {}, {}>;
+import { PopperProps } from '@mui/material/Popper';
+export type PopperStyledProps = PopperProps & {
+    rounded?: boolean;
+};
+export declare const PopperStyled: import("react").FC<PopperStyledProps>;

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/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.