@mmb-digital/design-system-web 0.1.15 → 0.1.16

package/dist/components/tooltip/useTooltipFloatingElement/useCreateTooltipFloatingElement.types.d.ts

@@ -1,4 +0,0 @@
-import { FormattedMessageTypes } from '@/components/formatted/message';
-import { MessageDescriptor } from 'react-intl';
-import { TooltipFloatingElement } from '../tooltip.types';
-export type CreateTooltipFloatingElementHookReturnFunction = (body: FormattedMessageTypes, title?: MessageDescriptor | undefined) => TooltipFloatingElement | undefined;

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

@@ -1,3 +0,0 @@
-import Typography from './typography';
-export { Typography };
-export { TypographyProps, TypographyVariant, TypographyWeight, TypographyTextAlign } from './typography.types';

package/dist/components/typography/typography.d.ts

@@ -1,4 +0,0 @@
-import { FC } from 'react';
-import { TypographyProps } from './typography.types';
-declare const Typography: FC<TypographyProps>;
-export default Typography;

package/dist/components/typography/typography.styles.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { TypographyProps } from './typography.types';
-export declare const TypographyStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Partial<TypographyProps>>>;

package/dist/components/typography/typography.types.d.ts

@@ -1,38 +0,0 @@
-import { ReactNode, MouseEvent } from 'react';
-export declare enum TypographyVariant {
-    H1 = "h1",
-    H2 = "h2",
-    H3 = "h3",
-    H4 = "h4",
-    H5 = "h5",
-    TEXT_LG = "textLg",
-    TEXT_MD = "textMd",
-    TEXT_SM = "textSm",
-    TEXT_XS = "textXs"
-}
-export declare enum TypographyTextAlign {
-    CENTER = "center",
-    LEFT = "left",
-    RIGHT = "right"
-}
-export declare enum TypographyWeight {
-    THIN_100 = "thin",
-    EXTRA_LIGHT_200 = "extraLight",
-    LIGHT_300 = "light",
-    REGULAR_400 = "normal",
-    MEDIUM_500 = "medium",
-    SEMI_BOLD_600 = "semiBold",
-    BOLD_700 = "bold",
-    EXTRA_BOLD_800 = "extraBold",
-    HEAVY_900 = "heavy",
-    ULTRA_950 = "ultra"
-}
-export interface TypographyProps {
-    children: ReactNode;
-    color?: string;
-    fullWidth?: boolean;
-    onClick?: ((event: MouseEvent<HTMLElement>) => void) | undefined;
-    textAlign?: TypographyTextAlign;
-    variant: TypographyVariant;
-    weight?: TypographyWeight;
-}

package/dist/const/html/entity.d.ts

@@ -1 +0,0 @@
-export declare const htmlNbsp = "\u00A0";

package/dist/icons/systemIcon.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-interface Props {
-    className?: string;
-    color?: string;
-    width?: string;
-}
-export declare const SystemIcon: ({ className, color, width }: Props) => React.JSX.Element;
-export {};

package/dist/index.d.ts

@@ -1,23 +0,0 @@
-export * from './components/button/index';
-export * from './components/slider/slider/index';
-export * from './components/formElement/toggle/index';
-export * from './components/infobox/index';
-export * from './components/table/index';
-export * from './components/icon/product/index';
-export * from './components/icon/system/index';
-export * from './components/modal/index';
-export * from './components/tooltip/index';
-export * from './components/calculator/calculatorResult/index';
-export * from './components/loader/index';
-export * from './components/formElement/checkbox';
-export * from './components/formElement/radio';
-export * from './components/formatted/percentage/index';
-export * from './components/formatted/message/index';
-export * from './components/formatted/amount/index';
-export * from './components/datepicker/index';
-export * from './components/formElement/textfieldInput/index';
-export * from './components/typography/index';
-export * from './components/stack/index';
-export * from './media/index';
-export * from './util/colorScheme/index';
-export { theme } from './style/styledComponents/theme';

package/dist/jest.config.d.ts

@@ -1,7 +0,0 @@
-/**
- * For a detailed explanation regarding each configuration property, visit:
- * https://jestjs.io/docs/configuration
- */
-import type { Config } from 'jest';
-declare const config: Config;
-export default config;

package/dist/media/index.d.ts

@@ -1 +0,0 @@
-export { MediaType } from './media.types';

package/dist/media/media.types.d.ts

@@ -1,4 +0,0 @@
-export declare enum MediaType {
-    desktop = "desktop",
-    mobile = "mobile"
-}

package/dist/provider/storybook/storybookProvider.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { Props } from '@/provider/storybook/storybookProvider.types';
-declare const StorybookProvider: React.FC<Props>;
-export default StorybookProvider;

package/dist/provider/storybook/storybookProvider.types.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-export interface Props {
-    readonly children: React.ReactNode;
-}

package/dist/provider/styledComponents/theme/styledComponentsThemeProvider.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { Props } from '@/provider/styledComponents/theme/styledComponentsThemeProvider.types.';
-declare const StyledComponentsThemeProvider: React.FC<Props>;
-export default StyledComponentsThemeProvider;

package/dist/provider/styledComponents/theme/styledComponentsThemeProvider.types..d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-export interface Props {
-    readonly children: React.ReactNode;
-}

package/dist/style/styledComponents/theme.d.ts

@@ -1,527 +0,0 @@
-export declare const theme: {
-    palette: {
-        gold100: string;
-        gold200: string;
-        gold500: string;
-        gold600: string;
-        gold700: string;
-        gold800: string;
-        pink100: string;
-        pink200: string;
-        pink300: string;
-        pink400: string;
-        pink500: string;
-        pink600: string;
-        pink700: string;
-        pink800: string;
-        pink900: string;
-        pink1000: string;
-        grey100: string;
-        grey200: string;
-        grey300: string;
-        grey400: string;
-        grey500: string;
-        grey600: string;
-        grey700: string;
-        grey800: string;
-        grey900: string;
-        grey1000: string;
-        black: string;
-        white: string;
-        transparent: string;
-        yellow100: string;
-        yellow200: string;
-        yellow300: string;
-        yellow400: string;
-        yellow500: string;
-        yellow600: string;
-        yellow700: string;
-        yellow800: string;
-        yellow900: string;
-        yellow1000: string;
-        green100: string;
-        green200: string;
-        green300: string;
-        green400: string;
-        green500: string;
-        green600: string;
-        green700: string;
-        green800: string;
-        green900: string;
-        green1000: string;
-        red100: string;
-        red200: string;
-        red300: string;
-        red400: string;
-        red500: string;
-        red600: string;
-        red700: string;
-        red800: string;
-        red900: string;
-        red1000: string;
-        blue100: string;
-        blue200: string;
-        blue300: string;
-        blue400: string;
-        blue500: string;
-        blue600: string;
-        blue700: string;
-        blue800: string;
-        blue900: string;
-        blue1000: string;
-    };
-    colors: {
-        fg: {
-            neutral: {
-                default: {
-                    light: string;
-                    dark: string;
-                };
-                subtle: {
-                    light: string;
-                    dark: string;
-                };
-                subtlest: {
-                    light: string;
-                    dark: string;
-                };
-                white: {
-                    light: string;
-                    dark: string;
-                };
-            };
-            disabled: {
-                light: string;
-                dark: string;
-            };
-            inverse: {
-                light: string;
-                dark: string;
-            };
-            link: {
-                default: {
-                    light: string;
-                    dark: string;
-                };
-                hover: {
-                    light: string;
-                    dark: string;
-                };
-                pressed: {
-                    light: string;
-                    dark: string;
-                };
-            };
-            success: {
-                light: string;
-                dark: string;
-            };
-            warning: {
-                light: string;
-                dark: string;
-            };
-            error: {
-                light: string;
-                dark: string;
-            };
-            info: {
-                light: string;
-                dark: string;
-            };
-            promo: {
-                light: string;
-                dark: string;
-            };
-            brand: {
-                default: {
-                    light: string;
-                    dark: string;
-                };
-                bold: {
-                    light: string;
-                    dark: string;
-                };
-            };
-            accent: {
-                default: {
-                    light: string;
-                    dark: string;
-                };
-                bold: {
-                    light: string;
-                    dark: string;
-                };
-            };
-        };
-        bg: {
-            neutral: {
-                default: {
-                    light: string;
-                    dark: string;
-                };
-                subtle: {
-                    light: string;
-                    dark: string;
-                };
-                subtlest: {
-                    light: string;
-                    dark: string;
-                };
-                white: {
-                    light: string;
-                    dark: string;
-                };
-            };
-            disabled: {
-                light: string;
-                dark: string;
-            };
-            promo: {
-                default: {
-                    light: string;
-                    dark: string;
-                };
-                bold: {
-                    light: string;
-                    dark: string;
-                };
-            };
-            error: {
-                default: {
-                    light: string;
-                    dark: string;
-                };
-                bold: {
-                    light: string;
-                    dark: string;
-                };
-            };
-            warning: {
-                default: {
-                    light: string;
-                    dark: string;
-                };
-                bold: {
-                    light: string;
-                    dark: string;
-                };
-            };
-            inverse: {
-                light: string;
-                dark: string;
-            };
-            success: {
-                default: {
-                    light: string;
-                    dark: string;
-                };
-                bold: {
-                    light: string;
-                    dark: string;
-                };
-            };
-            info: {
-                default: {
-                    light: string;
-                    dark: string;
-                };
-                bold: {
-                    light: string;
-                    dark: string;
-                };
-            };
-            accent: {
-                light: string;
-                dark: string;
-            };
-            brand: {
-                default: {
-                    light: string;
-                    dark: string;
-                    hover: {
-                        light: string;
-                        dark: string;
-                    };
-                    pressed: {
-                        light: string;
-                        dark: string;
-                    };
-                };
-                bold: {
-                    light: string;
-                    dark: string;
-                    hover: {
-                        light: string;
-                        dark: string;
-                    };
-                    pressed: {
-                        light: string;
-                        dark: string;
-                    };
-                };
-            };
-        };
-        surface: {
-            overlay: {
-                light: string;
-                dark: string;
-            };
-            risen: {
-                light: string;
-                dark: string;
-            };
-            default: {
-                light: string;
-                dark: string;
-            };
-            sunken: {
-                light: string;
-                dark: string;
-            };
-        };
-        border: {
-            neutral: {
-                default: {
-                    light: string;
-                    dark: string;
-                };
-                subtle: {
-                    light: string;
-                    dark: string;
-                };
-                subtlest: {
-                    light: string;
-                    dark: string;
-                };
-            };
-            disabled: {
-                light: string;
-                dark: string;
-            };
-            success: {
-                light: string;
-                dark: string;
-            };
-            warning: {
-                light: string;
-                dark: string;
-            };
-            error: {
-                light: string;
-                dark: string;
-            };
-            promo: {
-                light: string;
-                dark: string;
-            };
-            brand: {
-                bold: {
-                    light: string;
-                    dark: string;
-                };
-                default: {
-                    light: string;
-                    dark: string;
-                };
-                subtle: {
-                    light: string;
-                    dark: string;
-                };
-                subtlest: {
-                    light: string;
-                    dark: string;
-                };
-            };
-            inverse: {
-                light: string;
-                dark: string;
-            };
-            accent: {
-                light: string;
-                dark: string;
-            };
-        };
-        icon: {
-            bg: {
-                light: string;
-                dark: string;
-            };
-            brand: {
-                light: string;
-                dark: string;
-            };
-            neutral: {
-                light: string;
-                dark: string;
-            };
-            inverse: {
-                light: string;
-                dark: string;
-            };
-            disabled: {
-                light: string;
-                dark: string;
-            };
-            error: {
-                light: string;
-                dark: string;
-            };
-        };
-        shadow: {
-            buttonFocus: string;
-            cards: string;
-            ultraStrongBlueLg: string;
-            strongBlueMd: string;
-        };
-        focus: {
-            light: string;
-            dark: string;
-        };
-    };
-    font: {
-        size: {
-            heading: {
-                h1: {
-                    desktop: string;
-                    mobile: string;
-                };
-                h2: {
-                    desktop: string;
-                    mobile: string;
-                };
-                h3: {
-                    desktop: string;
-                    mobile: string;
-                };
-                h4: {
-                    desktop: string;
-                    mobile: string;
-                };
-                h5: {
-                    desktop: string;
-                    mobile: string;
-                };
-            };
-            body: {
-                xs: string;
-                sm: string;
-                md: string;
-                lg: string;
-            };
-        };
-        lineHeight: {
-            heading: {
-                h1: {
-                    desktop: string;
-                    mobile: string;
-                };
-                h2: {
-                    desktop: string;
-                    mobile: string;
-                };
-                h3: {
-                    desktop: string;
-                    mobile: string;
-                };
-                h4: {
-                    desktop: string;
-                    mobile: string;
-                };
-                h5: {
-                    desktop: string;
-                    mobile: string;
-                };
-            };
-            body: {
-                lg: string;
-                md: string;
-                sm: string;
-                xs: string;
-            };
-        };
-        weight: {
-            thin: number;
-            extraLight: number;
-            light: number;
-            normal: number;
-            medium: number;
-            semiBold: number;
-            bold: number;
-            extraBold: number;
-            heavy: number;
-            ultra: number;
-        };
-        letterSpacing: {
-            heading: {
-                h1: {
-                    desktop: string;
-                    mobile: string;
-                };
-                h2: {
-                    desktop: string;
-                    mobile: string;
-                };
-                h3: {
-                    desktop: string;
-                    mobile: string;
-                };
-                h4: {
-                    desktop: string;
-                    mobile: string;
-                };
-                h5: {
-                    desktop: string;
-                    mobile: string;
-                };
-            };
-            body: {
-                lg: string;
-                md: string;
-                sm: string;
-                xs: string;
-            };
-        };
-    };
-    spacing: {
-        xxs: string;
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        xxl: string;
-        xxxl: string;
-        xxxxl: string;
-        xxxxxl: string;
-    };
-    borderRadius: {
-        xxs: string;
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        full: string;
-    };
-    shadow: {
-        box: {
-            sm: string;
-            md: string;
-            lg: string;
-        };
-        border: {
-            sm: string;
-        };
-    };
-    container: {
-        xl: string;
-    };
-    breakpoints: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        xxl: string;
-    };
-};

package/dist/util/colorScheme/colorScheme.types.d.ts

@@ -1,10 +0,0 @@
-export declare enum ColorScheme {
-    dark = "dark",
-    light = "light"
-}
-export interface ColorSchemeObject<Dark extends string = string, Light extends string = string> {
-    dark: Dark;
-    light: Light;
-}
-export type ChooseColor = <Dark extends string = string, Light extends string = string>(colorSchemeObject: ColorSchemeObject<Dark, Light>) => Dark | Light;
-export type GetColor = <Dark extends string = string, Light extends string = string>(colorScheme: ColorScheme, colorSchemeObject: ColorSchemeObject<Dark, Light>) => Dark | Light;

package/dist/util/colorScheme/getColor.d.ts

@@ -1,2 +0,0 @@
-import { GetColor } from './colorScheme.types';
-export declare const getColor: GetColor;

package/dist/util/colorScheme/index.d.ts

@@ -1,3 +0,0 @@
-export { useColorScheme } from './useColorScheme';
-export { getColor } from './getColor';
-export { ChooseColor, ColorScheme, ColorSchemeObject, GetColor } from './colorScheme.types';

package/dist/util/colorScheme/useColorScheme.d.ts

@@ -1,2 +0,0 @@
-import { ChooseColor, ColorScheme } from '@/util/colorScheme/colorScheme.types';
-export declare const useColorScheme: (colorScheme: ColorScheme) => ChooseColor;