@mmb-digital/design-system-web 0.1.12 → 0.1.13

package/dist/components/calculator/calculatorResult/calculatorResult.types.d.ts

@@ -18,6 +18,7 @@ export interface CalculatorResultBodyItem {
 }
 export interface CalculatorResultMain {
     element: ReactElement | string;
+    topSeparator?: boolean;
 }
 export interface CalculatorResultValues {
     bodyItems: CalculatorResultBodyItem[];

package/dist/components/datepicker/customHeader.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ReactDatePickerCustomHeaderProps } from 'react-datepicker';
+declare const CustomHeader: (props: ReactDatePickerCustomHeaderProps) => React.JSX.Element;
+export default CustomHeader;

package/dist/components/datepicker/customHeader.styles.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const Navigation: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>>;
+export declare const NavigationContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

package/dist/components/datepicker/datePicker.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import './datepicker.css';
 import { DatePickerProps } from './datePicker.types';
 declare const DatePicker: (props: DatePickerProps) => React.JSX.Element;
 export default DatePicker;

package/dist/components/datepicker/datePicker.styles.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const DatePickerContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const NonVisible: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>;

package/dist/components/datepicker/datePicker.types.d.ts

@@ -1,5 +1,6 @@
-import { SyntheticEvent } from 'react';
-export interface DatePickerProps {
+import { ReactNode, SyntheticEvent } from 'react';
+import { ReactDatePickerProps } from 'react-datepicker';
+export interface DatePickerProps extends Omit<ReactDatePickerProps, 'calendarContainer' | 'customInput' | 'onChange' | 'renderCustomHeader' | 'showTimeSelect'> {
     dateFormat?: string[] | string;
     locale?: string;
     maxDate?: Date;
@@ -8,3 +9,17 @@ export interface DatePickerProps {
     onChange(date: Date | null, event: SyntheticEvent<never> | undefined): void;
     startDate?: Date | null;
 }
+export interface DatePickerLocalizationProps {
+    ariaLabelClose: string;
+    chooseDayAriaLabelPrefix: string;
+    disabledDayAriaLabelPrefix: string;
+    nextMonthAriaLabel?: string | undefined;
+    nextMonthButtonLabel?: ReactNode | string | undefined;
+    nextYearAriaLabel?: string | undefined;
+    nextYearButtonLabel?: ReactNode | string | undefined;
+    previousMonthAriaLabel?: string | undefined;
+    previousMonthButtonLabel: string;
+    previousYearButtonLabel: string;
+    weekAriaLabelPrefix: string;
+    weekLabel: string;
+}

package/dist/components/datepicker/dateTimePicker.test.d.ts

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

package/dist/components/formElement/textfieldInput/index.d.ts

@@ -3,5 +3,6 @@ export * from './inputLabel';
 export * from './textfieldInput/emailInput';
 export * from './textfieldInput/phoneInput';
 export * from './textfieldInput/searchInput';
+export * from './textfieldInput/sliderInput';
 export * from './textfieldInput/trailingTextInput';
-export * from './textfieldInput/sliderInput/index';
+export { InputSize } from './textfieldInput.types';

package/dist/components/formElement/textfieldInput/inputBase/inputBase.types.d.ts

@@ -1,10 +1,5 @@
 import React, { HTMLInputTypeAttribute, ReactNode, RefAttributes } from 'react';
-import { InputSize } from '../textfieldInput.types';
-export declare enum TextAlign {
-    center = "center",
-    left = "left",
-    right = "right"
-}
+import { InputSize, TextAlign } from '../textfieldInput.types';
 export interface InputBaseProps extends RefAttributes<HTMLInputElement> {
     button?: ReactNode;
     colorInput?: string | undefined;

package/dist/components/formElement/textfieldInput/textfieldInput.types.d.ts

@@ -4,6 +4,11 @@ export declare enum InputSize {
     MD = "md",
     XL = "xl"
 }
+export declare enum TextAlign {
+    center = "center",
+    left = "left",
+    right = "right"
+}
 export interface InputProps {
     disabled?: boolean;
     errorMessage?: ReactNode | string;

package/dist/components/formatted/message/index.d.ts

@@ -1,3 +1,4 @@
 export * from './formattedMessage/index';
 export * from './formattedHtmlMessage/index';
 export * from './isMessageDisplayable';
+export { FormattedMessageTypes } from './message.types';

package/dist/components/icon/system/iconSystem.types.d.ts

@@ -5,6 +5,7 @@ export declare enum IconSystemType {
     arrowRight = "arrowRight",
     arrowUp = "arrowUp",
     arrowUpRight = "arrowUpRight",
+    bank = "bank",
     checkmark = "checkmark",
     chevronDown = "chevronDown",
     chevronLeft = "chevronLeft",

package/dist/components/icon/system/svg/bank/big/iconSystemBankBig.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IconSystemSvgProps } from '@/components/icon/system/svg/iconSystemSvg.types';
+declare const IconSystemBankBig: React.FC<IconSystemSvgProps>;
+export default IconSystemBankBig;

package/dist/components/icon/system/svg/bank/small/iconSystemBankSmall.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IconSystemSvgProps } from '@/components/icon/system/svg/iconSystemSvg.types';
+declare const IconSystemBankSmall: React.FC<IconSystemSvgProps>;
+export default IconSystemBankSmall;

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

@@ -0,0 +1,3 @@
+import Stack from './stack';
+export { Stack };
+export { GapSize, StackDirection, StackProps } from './stack.types';

package/dist/components/stack/stack.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { StackProps } from './stack.types';
+declare const Stack: React.FC<StackProps>;
+export default Stack;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { GapSize, StackDirection } from './stack.types';
+interface StackStyledProps {
+    direction: StackDirection;
+    gap: GapSize;
+}
+export declare const StackStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StackStyledProps>>;
+export {};

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

@@ -0,0 +1,21 @@
+import { HTMLAttributes } from 'react';
+export declare enum GapSize {
+    XXS = "xxs",
+    XS = "xs",
+    SM = "sm",
+    MD = "md",
+    LG = "lg",
+    XL = "xl",
+    XXL = "xxl",
+    XXXL = "xxxl",
+    XXXXL = "xxxxl",
+    XXXXXL = "xxxxxl"
+}
+export declare enum StackDirection {
+    column = "column",
+    row = "row"
+}
+export type StackProps = HTMLAttributes<HTMLDivElement> & {
+    direction?: StackDirection;
+    gap?: GapSize;
+};

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

@@ -0,0 +1,2 @@
+export * from './tabsItem';
+export * from './tabs';

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

@@ -0,0 +1,2 @@
+import Tabs from './tabs';
+export { Tabs };

package/dist/components/tabs/tabs/storiesData.d.ts

@@ -0,0 +1,5 @@
+import { TabsItemProps } from '../tabs.types';
+import { ColorScheme } from '@/util/colorScheme';
+export declare const getDataPrimary: (colorScheme: ColorScheme) => TabsItemProps[];
+export declare const getDataSecondary: (colorScheme: ColorScheme) => TabsItemProps[];
+export declare const getDataTertiary: (colorScheme: ColorScheme) => TabsItemProps[];

package/dist/components/tabs/tabs/tabs.d.ts

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

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

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

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

@@ -0,0 +1,28 @@
+import { ChooseColor, ColorScheme } from '@/util/colorScheme';
+import { ReactNode } from 'react';
+export declare enum TabsVariant {
+    primary = "primary",
+    secondary = "secondary",
+    tertiary = "tertiary"
+}
+export interface TabsItemProps {
+    colorScheme: ColorScheme;
+    icon?: ReactNode;
+    id: string;
+    isActive?: boolean;
+    onClick?: () => void;
+    text?: ReactNode | string;
+    variant: TabsVariant;
+}
+export interface TabsProps {
+    colorScheme?: ColorScheme;
+    defaultActiveStep?: number;
+    steps: TabsItemProps[];
+    variant: TabsVariant;
+}
+export interface WrapperProps extends Partial<TabsProps> {
+    chooseColor: ChooseColor;
+}
+export interface ItemWrapperProps extends Partial<TabsItemProps> {
+    colorScheme: ColorScheme;
+}

package/dist/components/tabs/tabsItem/index.d.ts

@@ -0,0 +1,2 @@
+import TabsItem from './tabsItem';
+export { TabsItem };

package/dist/components/tabs/tabsItem/tabsItem.d.ts

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

package/dist/components/tabs/tabsItem/tabsItem.styles.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ItemWrapperProps } from '../tabs.types';
+export declare const BorderGradientWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ItemWrapperProps>>;
+export declare const ItemWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ItemWrapperProps>>;

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

@@ -4,4 +4,6 @@ export { TooltipInfoProps } from './info/tooltipInfo.types';
 import TooltipGeneral from './general/tooltipGeneral';
 export { TooltipGeneral };
 export { TooltipGeneralProps } from './general/tooltipGeneral.types';
-export { TooltipPlacement, TooltipParentElement, TooltipParentElementProps, TooltipFloatingElement } from './tooltip.types';
+export * from './infoDisplayableCheck/index';
+export * from './infoConditional/index';
+export { TooltipPlacement, TooltipParentElement, TooltipParentElementProps, TooltipFloatingElement, TooltipInfoDisplayMethod } from './tooltip.types';

package/dist/components/tooltip/infoConditional/index.d.ts

@@ -0,0 +1,3 @@
+import InfoConditional from './tooltipInfoConditional';
+export { InfoConditional };
+export { TooltipInfoConditionalProps } from './tooltipInfoConditional.types';

package/dist/components/tooltip/infoConditional/tooltipInfoConditional.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TooltipInfoConditionalProps } from './tooltipInfoConditional.types';
+declare const TooltipInfoConditional: React.FC<TooltipInfoConditionalProps>;
+export default TooltipInfoConditional;

package/dist/components/tooltip/infoConditional/tooltipInfoConditional.types.d.ts

@@ -0,0 +1,7 @@
+import { TooltipFloatingElement, TooltipInfoDisplayMethod } from '../tooltip.types';
+import { ColorScheme } from '@/util/colorScheme';
+export interface TooltipInfoConditionalProps {
+    colorScheme?: ColorScheme;
+    displayMethod: TooltipInfoDisplayMethod;
+    floatingElement?: Partial<TooltipFloatingElement> | undefined;
+}

package/dist/components/tooltip/infoDisplayableCheck/index.d.ts

@@ -0,0 +1,3 @@
+import TooltipInfoDisplayableCheck from './tooltipInfoDisplayableCheck';
+export { TooltipInfoDisplayableCheck };
+export { TooltipInfoDisplayableCheckProps } from './tooltipInfoDisplayableCheck.types';

package/dist/components/tooltip/infoDisplayableCheck/tooltipInfoDisplayableCheck.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TooltipInfoDisplayableCheckProps } from './tooltipInfoDisplayableCheck.types';
+declare const TooltipInfoDisplayableCheck: React.FC<TooltipInfoDisplayableCheckProps>;
+export default TooltipInfoDisplayableCheck;

package/dist/components/tooltip/infoDisplayableCheck/tooltipInfoDisplayableCheck.test.d.ts

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

package/dist/components/tooltip/infoDisplayableCheck/tooltipInfoDisplayableCheck.types.d.ts

@@ -0,0 +1,9 @@
+import { ColorScheme } from '@/util/colorScheme';
+import { FormattedMessageTypes } from '@/components/formatted/message';
+import { TooltipInfoDisplayMethod } from '../tooltip.types';
+export interface TooltipInfoDisplayableCheckProps {
+    body: FormattedMessageTypes;
+    colorScheme?: ColorScheme;
+    displayMethod: TooltipInfoDisplayMethod;
+    title?: FormattedMessageTypes | undefined;
+}

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

@@ -10,6 +10,10 @@ export declare enum TooltipPlacement {
     top = "top"
 }
 export interface TooltipFloatingElement {
-    readonly body: ReactElement | string;
-    readonly title?: ReactElement | string | undefined;
+    body: ReactElement | string;
+    title?: ReactElement | string | undefined;
+}
+export declare enum TooltipInfoDisplayMethod {
+    ONLY_TOOLTIP = "onlyTooltip",
+    WITH_NBSP = "withNbsp"
 }

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

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