@zealicsolutions/web-ui 1.0.0 → 1.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.css +246 -0
- package/dist/cjs/index.js +34 -32
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/src/atoms/Avatar/Avatar.d.ts +21 -0
- package/dist/cjs/src/atoms/Buttons/Button.d.ts +2 -2
- package/dist/cjs/src/atoms/Buttons/LinkButton.d.ts +3 -3
- package/dist/cjs/src/atoms/Divider/Divider.d.ts +9 -0
- package/dist/cjs/src/atoms/Icon/Icon.d.ts +4 -3
- package/dist/cjs/src/atoms/Input/Input.d.ts +3 -3
- package/dist/cjs/src/atoms/Paddings/Paddings.d.ts +6 -0
- package/dist/cjs/src/atoms/TextWrapper/TextWrapper.d.ts +2 -2
- package/dist/cjs/src/atoms/index.d.ts +3 -0
- package/dist/cjs/src/icons/CaretDown.d.ts +1 -1
- package/dist/cjs/src/index.d.ts +7 -2
- package/dist/cjs/src/molecules/AvatarDropdown/AvatarDropdown.d.ts +9 -0
- package/dist/cjs/src/molecules/MenuItems/MenuItems.d.ts +12 -0
- package/dist/cjs/src/molecules/Tab/Tab.d.ts +6 -4
- package/dist/cjs/src/molecules/TabGroup/TabGroup.d.ts +3 -2
- package/dist/cjs/src/molecules/index.d.ts +3 -0
- package/dist/cjs/src/organisms/AcquisitionForm/AcquisitionForm.d.ts +2 -2
- package/dist/cjs/src/organisms/ForgotPasswordForm/ForgotPasswordForm.d.ts +13 -0
- package/dist/cjs/src/organisms/ForgotPasswordForm/constants.d.ts +2 -0
- package/dist/cjs/src/organisms/Header/Header.d.ts +7 -2
- package/dist/cjs/src/organisms/LoginForm/LoginForm.d.ts +10 -5
- package/dist/cjs/src/organisms/index.d.ts +1 -0
- package/dist/cjs/src/pages/AuthPage/AuthDrawerContent.d.ts +11 -0
- package/dist/cjs/src/pages/AuthPage/AuthPage.d.ts +10 -0
- package/dist/cjs/src/pages/index.d.ts +1 -1
- package/dist/cjs/src/templates/DefaultTemplate/DefaultTemplate.d.ts +5 -4
- package/dist/cjs/src/theme/types.d.ts +1 -1
- package/dist/cjs/src/typescript.d.ts +1 -0
- package/dist/esm/index.css +246 -0
- package/dist/esm/index.js +34 -32
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/src/atoms/Avatar/Avatar.d.ts +21 -0
- package/dist/esm/src/atoms/Buttons/Button.d.ts +2 -2
- package/dist/esm/src/atoms/Buttons/LinkButton.d.ts +3 -3
- package/dist/esm/src/atoms/Divider/Divider.d.ts +9 -0
- package/dist/esm/src/atoms/Icon/Icon.d.ts +4 -3
- package/dist/esm/src/atoms/Input/Input.d.ts +3 -3
- package/dist/esm/src/atoms/Paddings/Paddings.d.ts +6 -0
- package/dist/esm/src/atoms/TextWrapper/TextWrapper.d.ts +2 -2
- package/dist/esm/src/atoms/index.d.ts +3 -0
- package/dist/esm/src/icons/CaretDown.d.ts +1 -1
- package/dist/esm/src/index.d.ts +7 -2
- package/dist/esm/src/molecules/AvatarDropdown/AvatarDropdown.d.ts +9 -0
- package/dist/esm/src/molecules/MenuItems/MenuItems.d.ts +12 -0
- package/dist/esm/src/molecules/Tab/Tab.d.ts +6 -4
- package/dist/esm/src/molecules/TabGroup/TabGroup.d.ts +3 -2
- package/dist/esm/src/molecules/index.d.ts +3 -0
- package/dist/esm/src/organisms/AcquisitionForm/AcquisitionForm.d.ts +2 -2
- package/dist/esm/src/organisms/ForgotPasswordForm/ForgotPasswordForm.d.ts +13 -0
- package/dist/esm/src/organisms/ForgotPasswordForm/constants.d.ts +2 -0
- package/dist/esm/src/organisms/Header/Header.d.ts +7 -2
- package/dist/esm/src/organisms/LoginForm/LoginForm.d.ts +10 -5
- package/dist/esm/src/organisms/index.d.ts +1 -0
- package/dist/esm/src/pages/AuthPage/AuthDrawerContent.d.ts +11 -0
- package/dist/esm/src/pages/AuthPage/AuthPage.d.ts +10 -0
- package/dist/esm/src/pages/index.d.ts +1 -1
- package/dist/esm/src/templates/DefaultTemplate/DefaultTemplate.d.ts +5 -4
- package/dist/esm/src/theme/types.d.ts +1 -1
- package/dist/esm/src/typescript.d.ts +1 -0
- package/dist/index.d.ts +499 -1
- package/package.json +1 -1
- package/dist/cjs/src/pages/Registiration/index.d.ts +0 -1
- package/dist/cjs/src/pages/RegistrationPage/RegistrationPage.d.ts +0 -10
- package/dist/esm/src/pages/Registiration/index.d.ts +0 -1
- package/dist/esm/src/pages/RegistrationPage/RegistrationPage.d.ts +0 -10
@@ -0,0 +1,21 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
import type { Callback } from 'typescript';
|
3
|
+
import { IconNames } from '..';
|
4
|
+
import { SizesTypes, ThemeColors } from '../../theme';
|
5
|
+
export declare type AvatarProps = {
|
6
|
+
size?: SizesTypes | number;
|
7
|
+
withShadow?: boolean;
|
8
|
+
label?: string;
|
9
|
+
backgroundColor?: ThemeColors;
|
10
|
+
textConfig?: {
|
11
|
+
color?: ThemeColors;
|
12
|
+
font?: SizesTypes;
|
13
|
+
};
|
14
|
+
content: {
|
15
|
+
initials?: string;
|
16
|
+
iconName?: IconNames;
|
17
|
+
imageUrl?: string;
|
18
|
+
};
|
19
|
+
onPress?: Callback;
|
20
|
+
};
|
21
|
+
export declare const Avatar: ({ size, withShadow, label, backgroundColor, onPress, content: { initials, iconName, imageUrl }, textConfig: { color, font }, }: AvatarProps) => JSX.Element;
|
@@ -1,7 +1,7 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import {
|
2
|
+
import type { Callback } from 'typescript';
|
3
3
|
export declare type BaseButtonProps = {
|
4
|
-
onClick?:
|
4
|
+
onClick?: Callback;
|
5
5
|
variant?: 'primary' | 'secondary';
|
6
6
|
disabled?: boolean;
|
7
7
|
fullWidth?: boolean;
|
@@ -1,10 +1,10 @@
|
|
1
1
|
import { PropsWithChildren } from 'react';
|
2
|
-
import {
|
2
|
+
import type { Callback } from 'typescript';
|
3
3
|
export declare type LinkButtonProps = PropsWithChildren<{
|
4
4
|
activeOpacity?: number;
|
5
5
|
withoutOpacityEffect?: boolean;
|
6
6
|
disabled?: boolean;
|
7
|
-
onClick?:
|
7
|
+
onClick?: Callback;
|
8
8
|
}>;
|
9
9
|
export declare const LinkButton: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
10
10
|
activeOpacity?: number | undefined;
|
@@ -16,5 +16,5 @@ export declare const LinkButton: import("styled-components").StyledComponent<"di
|
|
16
16
|
activeOpacity?: number | undefined;
|
17
17
|
withoutOpacityEffect?: boolean | undefined;
|
18
18
|
disabled?: boolean | undefined;
|
19
|
-
onClick?:
|
19
|
+
onClick?: Callback | undefined;
|
20
20
|
}, never>;
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import { SizesTypes, ThemeColors } from 'theme';
|
2
|
+
export declare type DividerProps = {
|
3
|
+
type?: 'horizontal' | 'vertical';
|
4
|
+
color?: ThemeColors | string;
|
5
|
+
marginVertical?: SizesTypes | number;
|
6
|
+
marginHorizontal?: SizesTypes | number;
|
7
|
+
weight?: number;
|
8
|
+
};
|
9
|
+
export declare const Divider: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, DividerProps, never>;
|
@@ -1,12 +1,13 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
+
import { ThemeColors } from '../../theme';
|
2
3
|
export declare type IconProps = {
|
3
4
|
name: IconNames;
|
4
5
|
size?: number;
|
5
|
-
color?: string;
|
6
|
+
color?: ThemeColors | string;
|
6
7
|
pointerEvents?: 'auto' | 'none';
|
7
8
|
};
|
8
9
|
declare const availableIcons: {
|
9
|
-
CaretDown: ({ color,
|
10
|
+
CaretDown: ({ color, size }: Omit<IconProps, "name">) => JSX.Element;
|
10
11
|
CaretUp: ({ color, ...props }: Omit<IconProps, "name">) => JSX.Element;
|
11
12
|
Filter: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
|
12
13
|
Check: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
|
@@ -22,5 +23,5 @@ declare const availableIcons: {
|
|
22
23
|
Mail: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
|
23
24
|
};
|
24
25
|
export declare type IconNames = keyof typeof availableIcons;
|
25
|
-
export declare const Icon: ({ name, ...props }: IconProps) => JSX.Element;
|
26
|
+
export declare const Icon: ({ name, color, ...props }: IconProps) => JSX.Element;
|
26
27
|
export {};
|
@@ -1,16 +1,16 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
import type { IconNames } from 'atoms/Icon/Icon';
|
3
3
|
import { InputFieldTypes } from 'fieldsConfiguration/types';
|
4
|
-
import {
|
4
|
+
import type { Callback } from 'typescript';
|
5
5
|
export declare type InputIconProps = {
|
6
6
|
name: IconNames;
|
7
|
-
onClick?:
|
7
|
+
onClick?: Callback;
|
8
8
|
};
|
9
9
|
export declare type InputProps = {
|
10
10
|
value?: string;
|
11
11
|
leftIcon?: InputIconProps;
|
12
12
|
rightIcon?: InputIconProps;
|
13
|
-
onBlur?:
|
13
|
+
onBlur?: Callback;
|
14
14
|
type?: InputFieldTypes;
|
15
15
|
placeholder?: string;
|
16
16
|
disabled?: boolean;
|
@@ -0,0 +1,6 @@
|
|
1
|
+
import { SizesTypes } from 'theme';
|
2
|
+
export declare type HorizontalPaddingProps = {
|
3
|
+
padding: SizesTypes | number;
|
4
|
+
};
|
5
|
+
export declare const HorizontalPadding: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, HorizontalPaddingProps, never>;
|
6
|
+
export declare const VerticalPadding: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, HorizontalPaddingProps, never>;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { ReactNode } from 'react';
|
2
|
-
import { SizesTypes } from 'theme/types';
|
2
|
+
import { SizesTypes, ThemeColors } from 'theme/types';
|
3
3
|
import { StylesType } from 'typescript';
|
4
4
|
export declare type TextTypes = 'primary' | 'secondary' | 'error' | 'success';
|
5
5
|
export declare type TextWrapperProps = {
|
@@ -8,6 +8,6 @@ export declare type TextWrapperProps = {
|
|
8
8
|
layout?: 'div' | 'span';
|
9
9
|
type?: TextTypes;
|
10
10
|
styles?: StylesType;
|
11
|
-
color?: string;
|
11
|
+
color?: ThemeColors | string;
|
12
12
|
};
|
13
13
|
export declare const TextWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TextWrapperProps, never>;
|
@@ -12,3 +12,6 @@ export * from './Buttons/LinkButton';
|
|
12
12
|
export * from './ValidationTag/ValidationTag';
|
13
13
|
export * from './Tooltip/Tooltip';
|
14
14
|
export * from './Toast/toast';
|
15
|
+
export * from './Avatar/Avatar';
|
16
|
+
export * from './Paddings/Paddings';
|
17
|
+
export * from './Divider/Divider';
|
package/dist/esm/src/index.d.ts
CHANGED
@@ -0,0 +1,9 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
import { MenuItemsProps } from '../MenuItems/MenuItems';
|
3
|
+
import { AvatarProps } from '../../atoms';
|
4
|
+
import 'rc-dropdown/assets/index.css';
|
5
|
+
export declare type AvatarDropdownProps<T> = {
|
6
|
+
avatarProps: AvatarProps;
|
7
|
+
menuConfig: MenuItemsProps<T>;
|
8
|
+
};
|
9
|
+
export declare const AvatarDropdown: <T extends string | number>({ avatarProps, menuConfig, }: AvatarDropdownProps<T>) => JSX.Element;
|
@@ -0,0 +1,12 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
export declare type MenuItem<T> = {
|
3
|
+
id: T;
|
4
|
+
title: string;
|
5
|
+
onClick?: (id: T) => void;
|
6
|
+
};
|
7
|
+
export declare type MenuItemsProps<T> = {
|
8
|
+
title?: string;
|
9
|
+
onItemPress?: (id: T) => void;
|
10
|
+
options: MenuItem<T>[];
|
11
|
+
};
|
12
|
+
export declare const MenuItems: <T extends string | number>({ title, onItemPress, options, }: MenuItemsProps<T>) => JSX.Element;
|
@@ -1,4 +1,5 @@
|
|
1
1
|
import React from 'react';
|
2
|
+
import { MenuItemsProps } from '..';
|
2
3
|
export declare type TabOption<T = string> = {
|
3
4
|
menuText: string;
|
4
5
|
menuKey: T;
|
@@ -6,16 +7,17 @@ export declare type TabOption<T = string> = {
|
|
6
7
|
isSelected?: boolean;
|
7
8
|
};
|
8
9
|
declare type TabElement = HTMLDivElement | null;
|
9
|
-
export declare type TabProps<T = string> = {
|
10
|
+
export declare type TabProps<T = string, K = string> = {
|
10
11
|
tabKey: T;
|
11
12
|
text: string;
|
12
13
|
disabled?: boolean;
|
13
14
|
isActive?: boolean;
|
14
15
|
onClick?: (key: T) => void;
|
15
|
-
options?:
|
16
|
+
options?: MenuItemsProps<T>[];
|
17
|
+
onOptionClick?: (optionKey: K) => void;
|
16
18
|
};
|
17
|
-
declare const ZealTab: <T extends string>({ options, onClick, text, tabKey, ...tabProps }: TabProps<T>, ref: React.ForwardedRef<TabElement>) => JSX.Element;
|
18
|
-
export declare const Tab: <T>(props: TabProps<T> & {
|
19
|
+
declare const ZealTab: <T extends string, K extends string>({ options, onClick, text, tabKey, onOptionClick, ...tabProps }: TabProps<T, string>, ref: React.ForwardedRef<TabElement>) => JSX.Element;
|
20
|
+
export declare const Tab: <T, K>(props: TabProps<T, K> & {
|
19
21
|
ref?: React.ForwardedRef<TabElement> | undefined;
|
20
22
|
}) => ReturnType<typeof ZealTab>;
|
21
23
|
export {};
|
@@ -1,10 +1,11 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
import { SizesTypes } from 'theme/types';
|
3
3
|
import { TabProps } from '../Tab/Tab';
|
4
|
-
export declare type TabGroupProps<T = string> = {
|
4
|
+
export declare type TabGroupProps<T = string, K = string> = {
|
5
5
|
tabs: Pick<TabProps<T>, 'text' | 'tabKey' | 'disabled' | 'options'>[];
|
6
6
|
activeTabKey: T;
|
7
7
|
spacing?: SizesTypes;
|
8
8
|
onTabChange?: (tabKey: T) => void;
|
9
|
+
onOptionClick?: (optionKey: K) => void;
|
9
10
|
};
|
10
|
-
export declare const TabGroup: <T extends string>({ tabs, spacing, activeTabKey, onTabChange, }: TabGroupProps<T>) => JSX.Element;
|
11
|
+
export declare const TabGroup: <T extends string, K extends string>({ tabs, spacing, activeTabKey, onTabChange, }: TabGroupProps<T, K>) => JSX.Element;
|
@@ -8,3 +8,6 @@ export * from './SelectableInfoCard/SelectableCardGroup';
|
|
8
8
|
export * from './Banner/Banner';
|
9
9
|
export * from './Drawer/Drawer';
|
10
10
|
export * from './InfoBox/InfoBox';
|
11
|
+
export * from './MenuItems/MenuItems';
|
12
|
+
export * from './AvatarDropdown/AvatarDropdown';
|
13
|
+
export * from './TabGroup/TabGroup';
|
@@ -1,11 +1,11 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import {
|
2
|
+
import type { Callback } from 'typescript';
|
3
3
|
import { UIFields } from '../../fieldsConfiguration';
|
4
4
|
export declare type AcquisitionFormProps<T extends object> = {
|
5
5
|
fields: UIFields<T>;
|
6
6
|
logoUrl: string;
|
7
7
|
isLoading?: boolean;
|
8
8
|
onSubmit: (values: T) => void;
|
9
|
-
onLinkButtonClick?:
|
9
|
+
onLinkButtonClick?: Callback;
|
10
10
|
};
|
11
11
|
export declare const AcquisitionForm: <T extends object>({ logoUrl, fields, onSubmit, onLinkButtonClick, isLoading, }: AcquisitionFormProps<T>) => JSX.Element;
|
@@ -0,0 +1,13 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
import type { Callback } from 'typescript';
|
3
|
+
declare type EmailAddressFields = {
|
4
|
+
email: string;
|
5
|
+
};
|
6
|
+
export declare type ForgotPasswordFormProps = {
|
7
|
+
logoUrl: string;
|
8
|
+
isLoading?: boolean;
|
9
|
+
onSubmit?: (values: EmailAddressFields) => void;
|
10
|
+
onBack?: Callback;
|
11
|
+
};
|
12
|
+
export declare const ForgotPasswordForm: ({ logoUrl, onBack, onSubmit, isLoading, }: ForgotPasswordFormProps) => JSX.Element;
|
13
|
+
export {};
|
@@ -1,5 +1,6 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import {
|
2
|
+
import type { Callback } from 'typescript';
|
3
|
+
import { AvatarDropdownProps, TabGroupProps } from '../../molecules';
|
3
4
|
declare type ImportantLink = {
|
4
5
|
text: string;
|
5
6
|
href: string;
|
@@ -8,6 +9,10 @@ export declare type HeaderProps = {
|
|
8
9
|
links?: ImportantLink[];
|
9
10
|
logoUrl: string;
|
10
11
|
tabs: TabGroupProps['tabs'];
|
12
|
+
withAvatar?: {
|
13
|
+
props: AvatarDropdownProps<string>;
|
14
|
+
};
|
15
|
+
onActionButtonClick?: Callback;
|
11
16
|
};
|
12
|
-
export declare const Header: ({ logoUrl, links, tabs }: HeaderProps) => JSX.Element;
|
17
|
+
export declare const Header: ({ logoUrl, links, onActionButtonClick, tabs, withAvatar }: HeaderProps) => JSX.Element;
|
13
18
|
export {};
|
@@ -1,13 +1,18 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import {
|
3
|
-
import { Noop } from 'react-hook-form';
|
2
|
+
import type { Callback } from 'typescript';
|
4
3
|
import { UIFields } from '../../fieldsConfiguration';
|
4
|
+
import { LoginFields } from './types';
|
5
|
+
import { TwoFactorAuthProps } from '../TwoFactorAuth/TwoFactorAuth';
|
5
6
|
export declare type LoginFormProps = {
|
6
7
|
fields: UIFields<LoginFields>;
|
7
8
|
logoUrl: string;
|
8
9
|
isLoading?: boolean;
|
10
|
+
twoFactorAuthConfig?: {
|
11
|
+
twoFactorShow: boolean;
|
12
|
+
twoFactorAuthProps: TwoFactorAuthProps;
|
13
|
+
};
|
9
14
|
onSubmit: (values: LoginFields) => void;
|
10
|
-
onSignUpButtonClick?:
|
11
|
-
onForgotPasswordButtonClick?:
|
15
|
+
onSignUpButtonClick?: Callback;
|
16
|
+
onForgotPasswordButtonClick?: Callback;
|
12
17
|
};
|
13
|
-
export declare const LoginForm: ({ logoUrl, fields, onSubmit, onSignUpButtonClick, isLoading, onForgotPasswordButtonClick, }: LoginFormProps) => JSX.Element;
|
18
|
+
export declare const LoginForm: ({ logoUrl, fields, onSubmit, onSignUpButtonClick, isLoading, twoFactorAuthConfig, onForgotPasswordButtonClick, }: LoginFormProps) => JSX.Element;
|
@@ -0,0 +1,11 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
import { AcquisitionFormProps, ForgotPasswordFormProps, LoginFormProps, SetPasswordFormProps } from '../../organisms';
|
3
|
+
export declare type AuthDrawerContentType = 'sign-up' | 'sign-in' | 'set-password' | 'forgot-password';
|
4
|
+
export declare type AuthDrawerContentProps = {
|
5
|
+
type: AuthDrawerContentType;
|
6
|
+
acquisitionFormConfig: AcquisitionFormProps<any>;
|
7
|
+
loginFormConfig: LoginFormProps;
|
8
|
+
forgotPasswordConfig: ForgotPasswordFormProps;
|
9
|
+
setPasswordConfig: SetPasswordFormProps;
|
10
|
+
};
|
11
|
+
export declare const AuthDrawerContent: ({ type, loginFormConfig, acquisitionFormConfig, forgotPasswordConfig, setPasswordConfig, }: AuthDrawerContentProps) => JSX.Element;
|
@@ -0,0 +1,10 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
import { DrawerProps } from '../../molecules/Drawer/styles';
|
3
|
+
import { DefaultTemplateProps } from '../../templates';
|
4
|
+
import { AuthDrawerContentProps } from './AuthDrawerContent';
|
5
|
+
export declare type RegistrationPageProps = {
|
6
|
+
templateConfig: DefaultTemplateProps;
|
7
|
+
drawerConfig: Pick<DrawerProps, 'open' | 'onClose'>;
|
8
|
+
drawerContentConfig: AuthDrawerContentProps;
|
9
|
+
};
|
10
|
+
export declare const AuthPage: ({ templateConfig, drawerContentConfig, drawerConfig, }: RegistrationPageProps) => JSX.Element;
|
@@ -1 +1 @@
|
|
1
|
-
export * from './
|
1
|
+
export * from './AuthPage/AuthPage';
|
@@ -1,8 +1,9 @@
|
|
1
|
-
|
1
|
+
/// <reference types="react" />
|
2
2
|
import { BannerProps } from '../../molecules';
|
3
3
|
import { HeaderProps } from '../../organisms';
|
4
|
-
export declare type DefaultTemplateProps =
|
4
|
+
export declare type DefaultTemplateProps = {
|
5
5
|
header: HeaderProps;
|
6
6
|
banner?: BannerProps;
|
7
|
-
|
8
|
-
|
7
|
+
renderContent: () => JSX.Element;
|
8
|
+
};
|
9
|
+
export declare const DefaultTemplate: ({ banner, header, renderContent }: DefaultTemplateProps) => JSX.Element;
|
@@ -1,4 +1,4 @@
|
|
1
|
-
export declare type ThemeColors = 'primary' | 'secondary' | 'background' | 'gray1' | 'gray2' | 'gray3' | 'gray4' | 'gray5' | 'indigo' | 'blue' | 'white' | 'black' | 'success' | 'error' | 'warning';
|
1
|
+
export declare type ThemeColors = 'primary' | 'secondary' | 'background' | 'gray1' | 'gray2' | 'gray3' | 'gray4' | 'gray5' | 'indigo' | 'blue' | 'white' | 'black' | 'indigoTint' | 'indigoTint2' | 'success' | 'error' | 'warning';
|
2
2
|
export declare type SizesTypes = '2XL' | 'XL' | 'L' | 'M' | 'S' | 'XS';
|
3
3
|
export declare type ThemeColorsType = Record<ThemeColors, string>;
|
4
4
|
export declare type ThemeTextType = Record<SizesTypes, {
|