@skodaflow/web-library 3.2.5 → 3.3.0-alpha.0

package/build/design/skoda/{theme.palette-new-ci.d.ts → theme.extensions.d.ts}

@@ -1,6 +1,22 @@
-import { Palette, PaletteOptions } from '@mui/material/styles';
-import { PaletteColorOptions } from '@mui/material/styles/createPalette';
+import { PaletteColorOptions } from '@mui/material/styles';
+import { CSSProperties } from 'react';
 declare module '@mui/material/styles' {
+    interface TypographyVariants {
+        display: CSSProperties;
+        disclaimer: CSSProperties;
+        caption1: CSSProperties;
+        caption2: CSSProperties;
+        body: CSSProperties;
+        subheadline: CSSProperties;
+    }
+    interface TypographyVariantsOptions {
+        display?: CSSProperties;
+        disclaimer?: CSSProperties;
+        caption1?: CSSProperties;
+        caption2?: CSSProperties;
+        body?: CSSProperties;
+        subheadline?: CSSProperties;
+    }
     interface PaletteOptions {
         brand?: Palette['brand'];
         brandHover?: Palette['brandHover'];
@@ -11,8 +27,6 @@ declare module '@mui/material/styles' {
         surface?: Palette['surface'];
         onSurface?: Palette['onSurface'];
     }
-}
-declare module '@mui/material/styles/createPalette' {
     interface Palette {
         brand: BrandColors;
         brandHover?: BrandHoverColors;
@@ -63,4 +77,27 @@ declare module '@mui/material/styles/createPalette' {
         primary: string;
     }
 }
-export declare const flowColors: PaletteOptions;
+declare module '@mui/material/Button' {
+    interface ButtonPropsVariantOverrides {
+        navigation: true;
+    }
+}
+declare module '@mui/material/IconButton' {
+    interface IconButtonPropsColorOverrides {
+        default: false;
+        error: false;
+        warning: false;
+        info: false;
+        success: false;
+    }
+}
+declare module '@mui/material/Typography' {
+    interface TypographyPropsVariantOverrides {
+        display: true;
+        disclaimer: true;
+        caption1: true;
+        caption2: true;
+        body: true;
+        subheadline: true;
+    }
+}

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

@@ -0,0 +1,2 @@
+import { PaletteOptions } from '@mui/material/styles';
+export declare const flowColors: PaletteOptions;

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

@@ -1,36 +1,11 @@
-import { Theme } from '@mui/material/styles';
-declare module '@mui/material/styles/createTypography' {
-    interface TypographyOptions {
-        display?: CSSProperties;
-        disclaimer?: CSSProperties;
-        caption1?: CSSProperties;
-        caption2?: CSSProperties;
-        body?: CSSProperties;
-        subheadline?: CSSProperties;
-    }
-    interface Typography {
-        display?: CSSProperties;
-        disclaimer?: CSSProperties;
-        caption1?: CSSProperties;
-        caption2?: CSSProperties;
-        body?: CSSProperties;
-        subheadline?: CSSProperties;
-    }
-}
-declare module '@mui/material/Typography' {
-    interface TypographyPropsVariantOverrides {
-        body: true;
-        h1: true;
-        h2: true;
-        h3: true;
-        h4: true;
-        subheadline: true;
-        display: true;
-        disclaimer: true;
-        caption1: true;
-        caption2: true;
-    }
-}
-export declare const getTypography: (element: string, size?: string) => any;
-export declare const getResponsiveTypography: (theme: Theme, element: string) => any;
-export declare const applyTypography: (t: Theme) => Theme;
+import { TypographyOptions } from '@mui/material/styles/createTypography';
+export type TypographySize = 'small' | 'medium' | 'large';
+export declare const getTypography: (element: string, size: TypographySize) => any;
+export declare const useTypographySize: () => 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.
+ * @param size
+ * @returns
+ */
+export declare const getTypographyOptions: (size: TypographySize) => TypographyOptions;