@mmb-digital/design-system-web 0.1.0

package/dist/cjs/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/cjs/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/cjs/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/cjs/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;
+    };
+};

package/dist/esm/index.js

@@ -0,0 +1,131 @@
+import"react";import e,{css as t}from"styled-components";var o,r,i;!function(e){e.PRIMARY="primary",e.SECONDARY="secondary",e.TERTIARY="tertiary"}(o||(o={})),function(e){e.MD="md",e.SM="sm",e.XL="xl",e.XS="xs",e.XXL="xxl"}(r||(r={})),function(e){e.BUTTON="button",e.RESET="reset",e.SUBMIT="submit"}(i||(i={})),e.button`
+	/* common styles */
+	display: flex;
+	flex-shrink: 0;
+	align-items: center;
+	justify-content: center;
+	cursor: pointer;
+
+	/* type specific styles */
+	${({buttonStyle:e})=>{switch(e){case o.PRIMARY:return t`
+					color: ${({theme:e})=>e.colors.fg.neutral.white.light};
+					background-color: ${({theme:e})=>e.colors.bg.brand.bold.light};
+					border: 1px solid ${({theme:e})=>e.colors.border.brand.bold.light};
+
+					&:hover {
+						background-color: ${({theme:e})=>e.colors.bg.brand.bold.hover.light};
+					}
+
+					&:focus {
+						box-shadow: ${({theme:e})=>e.colors.shadow.buttonFocus};
+					}
+
+					&:active {
+						background-color: ${({theme:e})=>e.colors.bg.brand.bold.pressed.light};
+					}
+
+					&:disabled {
+						color: ${({theme:e})=>e.colors.fg.disabled.light};
+						background-color: ${({theme:e})=>e.colors.bg.disabled.light};
+						border: 1px solid ${({theme:e})=>e.colors.bg.disabled.light};
+					}
+				`;case o.SECONDARY:return t`
+					color: ${({theme:e})=>e.colors.fg.neutral.subtle.light};
+					background-color: ${({theme:e})=>e.colors.bg.neutral.white.light};
+					border: 1px solid ${({theme:e})=>e.colors.border.neutral.subtle.light};
+
+					&:hover {
+						background-color: ${({theme:e})=>e.colors.bg.brand.default.light};
+						border: 2px solid ${({theme:e})=>e.colors.border.brand.subtle.light};
+					}
+
+					&:focus {
+						box-shadow: ${({theme:e})=>e.colors.shadow.buttonFocus};
+					}
+
+					&:active {
+						background-color: ${({theme:e})=>e.colors.bg.brand.default.pressed.light};
+						border: 2px solid ${({theme:e})=>e.colors.border.brand.subtle.light};
+					}
+
+					&:disabled {
+						color: ${({theme:e})=>e.colors.fg.disabled.light};
+						background-color: ${({theme:e})=>e.colors.bg.neutral.white.light};
+						border: 1px solid ${({theme:e})=>e.colors.bg.disabled.light};
+					}
+				`;case o.TERTIARY:return t`
+					color: ${({theme:e})=>e.colors.fg.neutral.subtle.light};
+					background-color: ${({theme:e})=>e.colors.bg.neutral.white.light};
+					border: none;
+
+					&:hover {
+						background-color: ${({theme:e})=>e.colors.bg.brand.default.light};
+					}
+
+					&:focus {
+						box-shadow: ${({theme:e})=>e.colors.shadow.buttonFocus};
+					}
+
+					&:active {
+						background-color: ${({theme:e})=>e.colors.bg.brand.default.pressed.light};
+					}
+
+					&:disabled {
+						color: ${({theme:e})=>e.colors.fg.disabled.light};
+						background-color: ${({theme:e})=>e.colors.bg.neutral.white.light};
+					}
+				`;default:return""}}}
+
+	/* size specific styles */
+	${({size:e})=>{switch(e){case r.XS:return t`
+					gap: ${({theme:e})=>e.spacing.xxs};
+					min-height: ${({theme:e})=>e.spacing.xl};
+					padding: ${({theme:e})=>e.spacing.xxs} ${({theme:e})=>e.spacing.xs};
+					font-size: ${({theme:e})=>e.font.size.body.xs};
+					font-weight: ${({theme:e})=>e.font.weight.medium};
+					line-height: ${({theme:e})=>e.font.lineHeight.body.xs};
+					letter-spacing: ${({theme:e})=>e.font.letterSpacing.body.md};
+					border-radius: ${({theme:e})=>e.borderRadius.xxs};
+				`;case r.SM:return t`
+					gap: ${({theme:e})=>e.spacing.xxs};
+					min-height: ${({theme:e})=>e.spacing.xl};
+					padding: ${({theme:e})=>e.spacing.xxs} ${({theme:e})=>e.spacing.xs};
+					font-size: ${({theme:e})=>e.font.size.body.sm};
+					font-weight: ${({theme:e})=>e.font.weight.medium};
+					line-height: ${({theme:e})=>e.font.lineHeight.body.sm};
+					letter-spacing: ${({theme:e})=>e.font.letterSpacing.body.md};
+					border-radius: ${({theme:e})=>e.borderRadius.xxs};
+				`;case r.MD:return t`
+					gap: ${({theme:e})=>e.spacing.xxs};
+					min-height: ${({theme:e})=>e.spacing.xxl};
+					padding: ${({theme:e})=>e.spacing.xs} ${({theme:e})=>e.spacing.sm};
+					font-size: ${({theme:e})=>e.font.size.body.sm};
+					font-weight: ${({theme:e})=>e.font.weight.medium};
+					line-height: ${({theme:e})=>e.font.lineHeight.body.sm};
+					letter-spacing: ${({theme:e})=>e.font.letterSpacing.body.md};
+					border-radius: ${({theme:e})=>e.borderRadius.xs};
+				`;case r.XL:return t`
+					gap: ${({theme:e})=>e.spacing.xs};
+					min-height: ${({theme:e})=>e.spacing.xxxl};
+					padding: ${({theme:e})=>e.spacing.sm};
+					font-size: ${({theme:e})=>e.font.size.body.md};
+					font-weight: ${({theme:e})=>e.font.weight.medium};
+					line-height: ${({theme:e})=>e.font.lineHeight.body.md};
+					border-radius: ${({theme:e})=>e.borderRadius.xs};
+				`;case r.XXL:return t`
+					gap: ${({theme:e})=>e.spacing.sm};
+					min-height: ${({theme:e})=>e.spacing.xxxxl};
+					padding: ${({theme:e})=>e.spacing.md} ${({theme:e})=>e.spacing.xl};
+					font-size: ${({theme:e})=>e.font.size.body.lg};
+					font-weight: ${({theme:e})=>e.font.weight.medium};
+					line-height: ${({theme:e})=>e.font.lineHeight.body.lg};
+					border-radius: ${({theme:e})=>e.borderRadius.sm};
+				`;default:return t`
+					border-radius: ${({theme:e})=>e.borderRadius.xxs};
+				`}}}
+`,e.div`
+	display: flex;
+	align-items: center;
+	height: 100%;
+`;
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/button/button.types.ts","../../../src/components/button/button.styles.ts"],"sourcesContent":[null,null],"names":["ButtonStyle","ButtonSize","ButtonType","styled","button","buttonStyle","PRIMARY","css","theme","colors","fg","neutral","white","light","bg","brand","bold","border","hover","shadow","buttonFocus","pressed","disabled","SECONDARY","subtle","default","TERTIARY","size","XS","spacing","xxs","xl","xs","font","body","weight","medium","lineHeight","letterSpacing","md","borderRadius","SM","sm","MD","xxl","XL","xxxl","XXL","xxxxl","lg","div"],"mappings":"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"}

package/dist/esm/types/jest.config.d.ts

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

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

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

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

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

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

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

@@ -0,0 +1,29 @@
+import { ReactNode } from 'react';
+export declare enum ButtonStyle {
+    PRIMARY = "primary",
+    SECONDARY = "secondary",
+    TERTIARY = "tertiary"
+}
+export declare enum ButtonSize {
+    MD = "md",
+    SM = "sm",
+    XL = "xl",
+    XS = "xs",
+    XXL = "xxl"
+}
+export declare enum ButtonType {
+    BUTTON = "button",
+    RESET = "reset",
+    SUBMIT = "submit"
+}
+export interface Props {
+    buttonStyle: ButtonStyle;
+    children: ReactNode;
+    disabled?: boolean;
+    displayOnlyIcon?: boolean;
+    iconLeft?: ReactNode;
+    iconRight?: ReactNode;
+    onClick?: () => void;
+    size: ButtonSize;
+    type?: ButtonType;
+}

package/dist/esm/types/src/components/form/hint/formHint.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { Props } from '@/components/form/hint/formHint.types';
+declare const FormHint: React.FC<Props>;
+export default FormHint;

package/dist/esm/types/src/components/form/hint/formHint.style.d.ts

@@ -0,0 +1 @@
+export declare const hint: import("styled-components").RuleSet<object>;

package/dist/esm/types/src/components/form/hint/formHint.types.d.ts

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

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

@@ -0,0 +1,5 @@
+import 'rc-slider/assets/index.css';
+import React from 'react';
+import { Props } from './slider.types';
+declare const Slider: React.FC<Props>;
+export default Slider;

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

@@ -0,0 +1,5 @@
+export declare const sliderWrapper: import("styled-components").RuleSet<object>;
+export declare const wrapper: import("styled-components").RuleSet<object>;
+export declare const labelsWrapper: import("styled-components").RuleSet<object>;
+export declare const hintLeft: import("styled-components").RuleSet<object>;
+export declare const hintRight: import("styled-components").RuleSet<object>;