@mmb-digital/design-system-web 0.1.10 → 0.1.11

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

@@ -0,0 +1,37 @@
+import { ReactNode } from 'react';
+export declare enum TagType {
+    ALERT = "alert",
+    BLUE = "blue",
+    DARK = "dark",
+    GRAY = "gray",
+    GREEN = "green",
+    INFO = "info",
+    INVERT = "invert",
+    YELLOW = "yellow"
+}
+export declare enum TagSize {
+    MD = "md",
+    SM = "sm"
+}
+export declare enum TagTextTransform {
+    NONE = "none",
+    UPPERCASE = "uppercase"
+}
+export declare enum TagFontWeight {
+    NORMAL = "normal",
+    SEMIBOLD = "semibold"
+}
+export declare enum TagIconPosition {
+    LEFT = "left",
+    RIGHT = "right",
+    TOP = "top"
+}
+export interface TagProps {
+    children: ReactNode;
+    fontWeight?: TagFontWeight;
+    icon?: ReactNode;
+    iconPosition?: TagIconPosition;
+    size?: TagSize;
+    textTransform?: TagTextTransform;
+    type: TagType;
+}

package/dist/components/tooltip/floatingElement/tooltipFloatingElement.d.ts

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

package/dist/components/tooltip/floatingElement/tooltipFloatingElement.style.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { ChooseColor } from '@/util/colorScheme';
+interface WrapperProps {
+    chooseColor: ChooseColor;
+}
+export declare const Wrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, WrapperProps>>;
+export declare const titleWrapper: import("styled-components").RuleSet<object>;
+export declare const body: import("styled-components").RuleSet<object>;
+export declare const closeWrapper: import("styled-components").RuleSet<object>;
+export {};

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

@@ -0,0 +1,9 @@
+import { CSSProperties, ReactElement } from 'react';
+import { ColorScheme } from '@/util/colorScheme';
+export interface TooltipFloatingElementProps {
+    readonly children: ReactElement | string;
+    readonly colorScheme: ColorScheme;
+    readonly onClose: () => void;
+    readonly style?: CSSProperties | undefined;
+    readonly title?: ReactElement | string | undefined;
+}

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

@@ -0,0 +1,4 @@
+import TooltipGeneral from './tooltipGeneral';
+export { TooltipGeneral };
+export { TooltipGeneralProps } from './tooltipGeneral.types';
+export { TooltipPlacement, TooltipParentElement } from '@/components/tooltip/tooltip.types';

package/dist/components/tooltip/general/tooltipGeneral.d.ts

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

package/dist/components/tooltip/general/tooltipGeneral.style.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { ChooseColor } from '@/util/colorScheme';
+interface ArrowProps {
+    chooseColor: ChooseColor;
+}
+export declare const Arrow: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("@floating-ui/react").FloatingArrowProps & import("react").RefAttributes<SVGSVGElement>, ArrowProps>> & Omit<import("react").ForwardRefExoticComponent<import("@floating-ui/react").FloatingArrowProps & import("react").RefAttributes<SVGSVGElement>>, keyof import("react").Component<any, {}, any>>;
+export {};

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

@@ -0,0 +1,10 @@
+import { TooltipFloatingElement, TooltipParentElement, TooltipPlacement } from '@/components/tooltip/tooltip.types';
+import { ColorScheme } from '@/util/colorScheme';
+export interface TooltipGeneralProps {
+    readonly colorScheme: ColorScheme;
+    readonly floatingElement: TooltipFloatingElement;
+    readonly onClose?: (() => void) | undefined;
+    readonly onOpen?: (() => void) | undefined;
+    readonly parentElement: TooltipParentElement;
+    readonly placement?: TooltipPlacement | undefined;
+}

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

@@ -0,0 +1,7 @@
+import TooltipInfo from './info/tooltipInfo';
+export { TooltipInfo };
+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';

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

@@ -0,0 +1,3 @@
+import TooltipInfo from './tooltipInfo';
+export { TooltipInfo };
+export { TooltipInfoProps } from './tooltipInfo.types';

package/dist/components/tooltip/info/tooltipInfo.d.ts

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

package/dist/components/tooltip/info/tooltipInfo.style.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { ChooseColor } from '@/util/colorScheme';
+interface WrapperProps {
+    chooseColor: ChooseColor;
+}
+export declare const Wrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, WrapperProps>>;
+export {};

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

@@ -0,0 +1,6 @@
+import { TooltipFloatingElement } from '@/components/tooltip/tooltip.types';
+import { ColorScheme } from '@/util/colorScheme';
+export interface TooltipInfoProps {
+    readonly colorScheme?: ColorScheme;
+    readonly floatingElement: TooltipFloatingElement;
+}

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

@@ -0,0 +1,15 @@
+import { ReactElement } from 'react';
+export interface TooltipParentElementProps extends Record<string, unknown> {
+    ref: (node: Element | null) => void;
+}
+export type TooltipParentElement = (props: TooltipParentElementProps) => ReactElement;
+export declare enum TooltipPlacement {
+    bottom = "bottom",
+    left = "left",
+    right = "right",
+    top = "top"
+}
+export interface TooltipFloatingElement {
+    readonly body: ReactElement | string;
+    readonly title?: ReactElement | string | undefined;
+}

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

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

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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,3 @@
+/// <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

@@ -0,0 +1,38 @@
+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;
+}