@mmb-digital/design-system-web 0.1.0

package/dist/esm/types/src/components/slider/slider/slider.types.d.ts

@@ -0,0 +1,47 @@
+export interface SliderMapFunctionParam {
+    readonly max: number;
+    readonly min: number;
+    readonly steps: SliderSteps;
+    readonly value: number;
+}
+export interface SliderMapFunctionReturn {
+    readonly sliderMax: number;
+    readonly sliderMin: number;
+    readonly sliderStep: number | undefined;
+    readonly sliderValue: number;
+}
+export type SliderMapFunction = (param: SliderMapFunctionParam) => SliderMapFunctionReturn;
+export interface SliderMapOnChangeFunctionParam {
+    readonly max: number;
+    readonly min: number;
+    readonly sliderValue: number;
+    readonly steps: SliderSteps;
+}
+export type SliderMapOnChangeFunction = (param: SliderMapOnChangeFunctionParam) => number;
+export interface SliderBreakpoint {
+    readonly bottomBreakpoint: number;
+    readonly step: number;
+}
+export interface SliderSteps {
+    readonly baseStep: number;
+    readonly breakpointList: SliderBreakpoint[];
+}
+export declare enum SliderStepType {
+    DEFAULT = "default",// step changes dynamically (visually steps are of different sizes)
+    LINEAR_VISUAL_STEP = "linearVisualStep"
+}
+export interface MinMaxLabels {
+    readonly max: string;
+    readonly min: string;
+}
+export interface Props {
+    readonly disable?: boolean | undefined;
+    readonly max: number;
+    readonly min: number;
+    readonly minMaxLabels: MinMaxLabels | undefined;
+    readonly onChange: (values: number) => void;
+    readonly onFinalChange: (values: number) => void;
+    readonly stepType: SliderStepType;
+    readonly steps: SliderSteps;
+    readonly value: number;
+}

package/dist/esm/types/src/components/slider/slider/sliderFunction/default/sliderFunctionDefault.d.ts

@@ -0,0 +1,2 @@
+import { SliderMapFunction } from '@/components/slider/slider/slider.types';
+export declare const sliderFunctionDefault: SliderMapFunction;

package/dist/esm/types/src/components/slider/slider/sliderFunction/default/sliderStep.d.ts

@@ -0,0 +1,7 @@
+import { SliderSteps } from '@/components/slider/slider/slider.types';
+interface GetSliderStepParam {
+    readonly steps: SliderSteps;
+    readonly value: number;
+}
+export declare const getSliderStep: (param: GetSliderStepParam) => number;
+export {};

package/dist/esm/types/src/components/slider/slider/sliderFunction/default/sliderStep.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/types/src/components/slider/slider/sliderFunction/linearVisualSteps/sliderFunctionLinearVisualSteps.d.ts

@@ -0,0 +1,2 @@
+import { SliderMapFunction } from '@/components/slider/slider/slider.types';
+export declare const sliderFunctionLinearVisualSteps: SliderMapFunction;

package/dist/esm/types/src/components/slider/slider/sliderFunction/linearVisualSteps/sliderMax.d.ts

@@ -0,0 +1,8 @@
+import { SliderSteps } from '@/components/slider/slider/slider.types';
+interface GetSliderMaxParam {
+    readonly max: number;
+    readonly min: number;
+    readonly steps: SliderSteps;
+}
+export declare const getSliderMax: (param: GetSliderMaxParam) => number;
+export {};

package/dist/esm/types/src/components/slider/slider/sliderFunction/linearVisualSteps/sliderMax.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/types/src/components/slider/slider/sliderFunction/linearVisualSteps/sliderValueByValue.d.ts

@@ -0,0 +1,9 @@
+import { SliderSteps } from '@/components/slider/slider/slider.types';
+interface GetSliderValueByValueParam {
+    readonly max: number;
+    readonly min: number;
+    readonly steps: SliderSteps;
+    readonly value: number;
+}
+export declare const getSliderValueByValue: (param: GetSliderValueByValueParam) => number;
+export {};

package/dist/esm/types/src/components/slider/slider/sliderFunction/linearVisualSteps/sliderValueByValue.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/types/src/components/slider/slider/sliderFunction/linearVisualSteps/valueBySliderValue.d.ts

@@ -0,0 +1,2 @@
+import { SliderMapOnChangeFunction } from '@/components/slider/slider/slider.types';
+export declare const getValueBySliderValue: SliderMapOnChangeFunction;

package/dist/esm/types/src/components/slider/slider/sliderFunction/linearVisualSteps/valueBySliderValue.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/types/src/components/slider/slider/sliderHandleSvgHandler.d.ts

@@ -0,0 +1,2 @@
+export declare const getSliderHandleBackgroundSvg: (disable: boolean) => string;
+export declare const getSliderHandleBackgroundSvgBase64: (disable: boolean) => string;

package/dist/esm/types/src/components/storeButton/assets/androidSvg.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface Props {
+    className?: string;
+    height?: string;
+    width?: string;
+}
+export declare const AndroidSvg: React.FC<Props>;
+export {};

package/dist/esm/types/src/components/storeButton/assets/appleSvg.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface Props {
+    className?: string;
+    height?: string;
+    width?: string;
+}
+export declare const AppleSvg: React.FC<Props>;
+export {};

package/dist/esm/types/src/components/storeButton/storeButton.d.ts

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

package/dist/esm/types/src/components/storeButton/storeButton.styles.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { Props } from './storeButton.types';
+export declare const StoreButtonStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, Partial<Props>>>;

package/dist/esm/types/src/components/storeButton/storeButton.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/esm/types/src/components/storeButton/storeButton.types.d.ts

@@ -0,0 +1,13 @@
+export declare enum StoreButtonVariant {
+    ANDROID = "android",
+    APPLE = "apple"
+}
+export declare enum StoreButtonSize {
+    BIG = "big",
+    SMALL = "small"
+}
+export interface Props {
+    href: string;
+    size: StoreButtonSize;
+    variant: StoreButtonVariant;
+}

package/dist/esm/types/src/icons/systemIcon.d.ts

@@ -0,0 +1,8 @@
+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/esm/types/src/index.d.ts

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

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

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

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

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

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

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

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

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

package/dist/esm/types/src/style/styledComponents/theme.d.ts

@@ -0,0 +1,441 @@
+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;
+        };
+    };
+    font: {
+        size: {
+            body: {
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+            };
+        };
+        lineHeight: {
+            body: {
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+            };
+        };
+        weight: {
+            thin: number;
+            extraLight: number;
+            light: number;
+            normal: number;
+            medium: number;
+            semiBold: number;
+            bold: number;
+            extraBold: number;
+            heavy: number;
+            ultra: number;
+        };
+        letterSpacing: {
+            body: {
+                md: 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;
+    };
+    container: {
+        xl: string;
+    };
+    breakpoints: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        xxl: string;
+    };
+};