@zealicsolutions/web-ui 0.2.142 → 0.3.0
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.js +27 -27
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/src/atoms/Avatar/Avatar.d.ts +2 -2
- package/dist/cjs/src/atoms/Buttons/Button.d.ts +20 -0
- package/dist/cjs/src/atoms/Buttons/Button.stories.d.ts +15 -0
- package/dist/cjs/src/atoms/Buttons/IconButton.d.ts +1 -1
- package/dist/cjs/src/atoms/Buttons/TextButton.d.ts +19 -4
- package/dist/cjs/src/atoms/Checkbox/Checkbox.d.ts +9 -15
- package/dist/cjs/src/atoms/Checkbox/Checkbox.stories.d.ts +1 -1
- package/dist/cjs/src/atoms/Circle/Circle.d.ts +0 -1
- package/dist/cjs/src/atoms/CircularIndicator/CircularIndicator.stories.d.ts +2 -2
- package/dist/cjs/src/atoms/Icon/Icon.d.ts +15 -18
- package/dist/cjs/src/atoms/Image/Image.d.ts +8 -0
- package/dist/cjs/src/atoms/Image/Image.stories.d.ts +8 -0
- package/dist/cjs/src/atoms/Input/Input.d.ts +2 -16
- package/dist/cjs/src/atoms/Input/Input.stories.d.ts +4 -4
- package/dist/cjs/src/atoms/RadioButtons/RadioButtons.d.ts +14 -53
- package/dist/cjs/src/atoms/RadioButtons/RadioButtons.stories.d.ts +3 -25
- package/dist/cjs/src/atoms/RichTextViewer/RichTextViewer.d.ts +4 -6
- package/dist/cjs/src/atoms/RichTextViewer/types.d.ts +0 -1
- package/dist/cjs/src/atoms/Select/Select.d.ts +2 -34
- package/dist/cjs/src/atoms/Select/Select.stories.d.ts +4 -17
- package/dist/cjs/src/atoms/Select/styles.d.ts +1 -5
- package/dist/cjs/src/atoms/Select/types.d.ts +14 -0
- package/dist/cjs/src/atoms/TextWrapper/TextWrapper.d.ts +5 -10
- package/dist/cjs/src/atoms/TextWrapper/TextWrapper.stories.d.ts +5 -5
- package/dist/cjs/src/atoms/Tooltip/Tooltip.d.ts +3 -6
- package/dist/cjs/src/atoms/Tooltip/Tooltip.stories.d.ts +1 -1
- package/dist/cjs/src/atoms/Video/Video.d.ts +11 -0
- package/dist/cjs/src/atoms/Video/Video.stories.d.ts +9 -0
- package/dist/cjs/src/atoms/index.d.ts +3 -2
- package/dist/cjs/src/contexts/MlrRichTextViewerContext/types.d.ts +1 -5
- package/dist/cjs/src/contexts/index.d.ts +0 -3
- package/dist/cjs/src/fieldsConfiguration/types.d.ts +5 -5
- package/dist/cjs/src/helpers/validations.d.ts +0 -10
- package/dist/cjs/src/icons/CaretDown.d.ts +1 -1
- package/dist/cjs/src/icons/Check.d.ts +2 -2
- package/dist/cjs/src/icons/Close.d.ts +1 -1
- package/dist/cjs/src/icons/Filter.d.ts +2 -2
- package/dist/cjs/src/icons/Hide.d.ts +1 -1
- package/dist/cjs/src/icons/Info.d.ts +1 -1
- package/dist/cjs/src/icons/Mail.d.ts +1 -1
- package/dist/cjs/src/icons/Minus.d.ts +2 -2
- package/dist/cjs/src/icons/Mobile.d.ts +2 -2
- package/dist/cjs/src/icons/Play.d.ts +1 -1
- package/dist/cjs/src/icons/Search.d.ts +1 -1
- package/dist/cjs/src/icons/View.d.ts +2 -2
- package/dist/cjs/src/icons/Warning.d.ts +1 -1
- package/dist/cjs/src/index.d.ts +1 -3
- package/dist/cjs/src/molecules/AvatarDropdown/AvatarDropdown.d.ts +1 -1
- package/dist/cjs/src/molecules/CheckboxField/CheckboxField.d.ts +8 -27
- package/dist/cjs/src/molecules/Columns/Column.d.ts +1 -9
- package/dist/cjs/src/molecules/Columns/styles.d.ts +13 -10
- package/dist/cjs/src/molecules/Drawer/Drawer.stories.d.ts +2 -2
- package/dist/cjs/src/molecules/FieldLabels/FieldLabels.d.ts +2 -35
- package/dist/cjs/src/molecules/FieldLabels/FieldLabels.stories.d.ts +4 -4
- package/dist/cjs/src/molecules/FieldMapper/FieldMapper.d.ts +2 -3
- package/dist/cjs/src/molecules/HeroImage/HeroImage.d.ts +2 -3
- package/dist/cjs/src/molecules/InputField/InputField.d.ts +11 -11
- package/dist/cjs/src/molecules/InputField/InputField.stories.d.ts +5 -31
- package/dist/cjs/src/molecules/RadioButtonField/RadioButtonField.d.ts +12 -55
- package/dist/cjs/src/molecules/RadioButtonField/RadioButtonField.stories.d.ts +1 -60
- package/dist/cjs/src/molecules/SelectField/SelectField.d.ts +11 -11
- package/dist/cjs/src/molecules/SelectField/SelectField.stories.d.ts +4 -44
- package/dist/cjs/src/molecules/SelectableInfoCard/BaseSelectable.d.ts +1 -1
- package/dist/cjs/src/molecules/SelectableInfoCard/SelectableCardGroup.d.ts +1 -1
- package/dist/cjs/src/molecules/SelectableInfoCard/styles.d.ts +3 -4
- package/dist/cjs/src/molecules/Tab/Tab.d.ts +24 -0
- package/dist/{esm/src/atoms → cjs/src/molecules}/Tab/styles.d.ts +5 -5
- package/dist/cjs/src/molecules/TabGroup/TabGroup.d.ts +7 -21
- package/dist/cjs/src/molecules/TabGroup/TabGroup.stories.d.ts +4 -4
- package/dist/cjs/src/molecules/TabGroup/styles.d.ts +4 -26
- package/dist/cjs/src/molecules/TabGroup/useTabAnimation.d.ts +3 -2
- package/dist/cjs/src/molecules/index.d.ts +0 -7
- package/dist/cjs/src/organisms/AccountInformation/AccountInformation.d.ts +2 -2
- package/dist/cjs/src/organisms/Body/Body.d.ts +1 -1
- package/dist/cjs/src/organisms/Body/Body.stories.d.ts +1 -1
- package/dist/cjs/src/organisms/Consent/Consent.stories.d.ts +2 -2
- package/dist/cjs/src/organisms/Consent/ConsentCapture.d.ts +1 -2
- package/dist/cjs/src/organisms/FeedContent/types.d.ts +2 -2
- package/dist/cjs/src/organisms/Footer/Footer.stories.d.ts +2 -2
- package/dist/cjs/src/organisms/Footer/styles.d.ts +1 -9
- package/dist/cjs/src/organisms/Header/Header.stories.d.ts +2 -2
- package/dist/cjs/src/organisms/Header/styles.d.ts +2 -3
- package/dist/cjs/src/organisms/LoginForm/LoginForm.d.ts +1 -1
- package/dist/cjs/src/organisms/ProcessTracker/mocks.d.ts +1 -1
- package/dist/cjs/src/organisms/ProfileInformation/ProfileInformation.d.ts +2 -1
- package/dist/cjs/src/organisms/SetPasswordForm/SetPasswordForm.d.ts +1 -1
- package/dist/cjs/src/organisms/SetPasswordForm/utils.d.ts +2 -2
- package/dist/cjs/src/organisms/SubscribePanel/SubscribePanel.stories.d.ts +4 -6
- package/dist/cjs/src/organisms/TwoFactorAuth/constants.d.ts +1 -1
- package/dist/cjs/src/theme/types.d.ts +3 -4
- package/dist/cjs/src/typescript.d.ts +0 -13
- package/dist/esm/index.js +27 -27
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/src/atoms/Avatar/Avatar.d.ts +2 -2
- package/dist/esm/src/atoms/Buttons/Button.d.ts +20 -0
- package/dist/esm/src/atoms/Buttons/Button.stories.d.ts +15 -0
- package/dist/esm/src/atoms/Buttons/IconButton.d.ts +1 -1
- package/dist/esm/src/atoms/Buttons/TextButton.d.ts +19 -4
- package/dist/esm/src/atoms/Checkbox/Checkbox.d.ts +9 -15
- package/dist/esm/src/atoms/Checkbox/Checkbox.stories.d.ts +1 -1
- package/dist/esm/src/atoms/Circle/Circle.d.ts +0 -1
- package/dist/esm/src/atoms/CircularIndicator/CircularIndicator.stories.d.ts +2 -2
- package/dist/esm/src/atoms/Icon/Icon.d.ts +15 -18
- package/dist/esm/src/atoms/Image/Image.d.ts +8 -0
- package/dist/esm/src/atoms/Image/Image.stories.d.ts +8 -0
- package/dist/esm/src/atoms/Input/Input.d.ts +2 -16
- package/dist/esm/src/atoms/Input/Input.stories.d.ts +4 -4
- package/dist/esm/src/atoms/RadioButtons/RadioButtons.d.ts +14 -53
- package/dist/esm/src/atoms/RadioButtons/RadioButtons.stories.d.ts +3 -25
- package/dist/esm/src/atoms/RichTextViewer/RichTextViewer.d.ts +4 -6
- package/dist/esm/src/atoms/RichTextViewer/types.d.ts +0 -1
- package/dist/esm/src/atoms/Select/Select.d.ts +2 -34
- package/dist/esm/src/atoms/Select/Select.stories.d.ts +4 -17
- package/dist/esm/src/atoms/Select/styles.d.ts +1 -5
- package/dist/esm/src/atoms/Select/types.d.ts +14 -0
- package/dist/esm/src/atoms/TextWrapper/TextWrapper.d.ts +5 -10
- package/dist/esm/src/atoms/TextWrapper/TextWrapper.stories.d.ts +5 -5
- package/dist/esm/src/atoms/Tooltip/Tooltip.d.ts +3 -6
- package/dist/esm/src/atoms/Tooltip/Tooltip.stories.d.ts +1 -1
- package/dist/esm/src/atoms/Video/Video.d.ts +11 -0
- package/dist/esm/src/atoms/Video/Video.stories.d.ts +9 -0
- package/dist/esm/src/atoms/index.d.ts +3 -2
- package/dist/esm/src/contexts/MlrRichTextViewerContext/types.d.ts +1 -5
- package/dist/esm/src/contexts/index.d.ts +0 -3
- package/dist/esm/src/fieldsConfiguration/types.d.ts +5 -5
- package/dist/esm/src/helpers/validations.d.ts +0 -10
- package/dist/esm/src/icons/CaretDown.d.ts +1 -1
- package/dist/esm/src/icons/Check.d.ts +2 -2
- package/dist/esm/src/icons/Close.d.ts +1 -1
- package/dist/esm/src/icons/Filter.d.ts +2 -2
- package/dist/esm/src/icons/Hide.d.ts +1 -1
- package/dist/esm/src/icons/Info.d.ts +1 -1
- package/dist/esm/src/icons/Mail.d.ts +1 -1
- package/dist/esm/src/icons/Minus.d.ts +2 -2
- package/dist/esm/src/icons/Mobile.d.ts +2 -2
- package/dist/esm/src/icons/Play.d.ts +1 -1
- package/dist/esm/src/icons/Search.d.ts +1 -1
- package/dist/esm/src/icons/View.d.ts +2 -2
- package/dist/esm/src/icons/Warning.d.ts +1 -1
- package/dist/esm/src/index.d.ts +1 -3
- package/dist/esm/src/molecules/AvatarDropdown/AvatarDropdown.d.ts +1 -1
- package/dist/esm/src/molecules/CheckboxField/CheckboxField.d.ts +8 -27
- package/dist/esm/src/molecules/Columns/Column.d.ts +1 -9
- package/dist/esm/src/molecules/Columns/styles.d.ts +13 -10
- package/dist/esm/src/molecules/Drawer/Drawer.stories.d.ts +2 -2
- package/dist/esm/src/molecules/FieldLabels/FieldLabels.d.ts +2 -35
- package/dist/esm/src/molecules/FieldLabels/FieldLabels.stories.d.ts +4 -4
- package/dist/esm/src/molecules/FieldMapper/FieldMapper.d.ts +2 -3
- package/dist/esm/src/molecules/HeroImage/HeroImage.d.ts +2 -3
- package/dist/esm/src/molecules/InputField/InputField.d.ts +11 -11
- package/dist/esm/src/molecules/InputField/InputField.stories.d.ts +5 -31
- package/dist/esm/src/molecules/RadioButtonField/RadioButtonField.d.ts +12 -55
- package/dist/esm/src/molecules/RadioButtonField/RadioButtonField.stories.d.ts +1 -60
- package/dist/esm/src/molecules/SelectField/SelectField.d.ts +11 -11
- package/dist/esm/src/molecules/SelectField/SelectField.stories.d.ts +4 -44
- package/dist/esm/src/molecules/SelectableInfoCard/BaseSelectable.d.ts +1 -1
- package/dist/esm/src/molecules/SelectableInfoCard/SelectableCardGroup.d.ts +1 -1
- package/dist/esm/src/molecules/SelectableInfoCard/styles.d.ts +3 -4
- package/dist/esm/src/molecules/Tab/Tab.d.ts +24 -0
- package/dist/{cjs/src/atoms → esm/src/molecules}/Tab/styles.d.ts +5 -5
- package/dist/esm/src/molecules/TabGroup/TabGroup.d.ts +7 -21
- package/dist/esm/src/molecules/TabGroup/TabGroup.stories.d.ts +4 -4
- package/dist/esm/src/molecules/TabGroup/styles.d.ts +4 -26
- package/dist/esm/src/molecules/TabGroup/useTabAnimation.d.ts +3 -2
- package/dist/esm/src/molecules/index.d.ts +0 -7
- package/dist/esm/src/organisms/AccountInformation/AccountInformation.d.ts +2 -2
- package/dist/esm/src/organisms/Body/Body.d.ts +1 -1
- package/dist/esm/src/organisms/Body/Body.stories.d.ts +1 -1
- package/dist/esm/src/organisms/Consent/Consent.stories.d.ts +2 -2
- package/dist/esm/src/organisms/Consent/ConsentCapture.d.ts +1 -2
- package/dist/esm/src/organisms/FeedContent/types.d.ts +2 -2
- package/dist/esm/src/organisms/Footer/Footer.stories.d.ts +2 -2
- package/dist/esm/src/organisms/Footer/styles.d.ts +1 -9
- package/dist/esm/src/organisms/Header/Header.stories.d.ts +2 -2
- package/dist/esm/src/organisms/Header/styles.d.ts +2 -3
- package/dist/esm/src/organisms/LoginForm/LoginForm.d.ts +1 -1
- package/dist/esm/src/organisms/ProcessTracker/mocks.d.ts +1 -1
- package/dist/esm/src/organisms/ProfileInformation/ProfileInformation.d.ts +2 -1
- package/dist/esm/src/organisms/SetPasswordForm/SetPasswordForm.d.ts +1 -1
- package/dist/esm/src/organisms/SetPasswordForm/utils.d.ts +2 -2
- package/dist/esm/src/organisms/SubscribePanel/SubscribePanel.stories.d.ts +4 -6
- package/dist/esm/src/organisms/TwoFactorAuth/constants.d.ts +1 -1
- package/dist/esm/src/theme/types.d.ts +3 -4
- package/dist/esm/src/typescript.d.ts +0 -13
- package/dist/index.d.ts +705 -1315
- package/package.json +4 -9
- package/dist/cjs/src/atoms/Buttons/Buttons.stories.d.ts +0 -16
- package/dist/cjs/src/atoms/Checkbox/helpers.d.ts +0 -2
- package/dist/cjs/src/atoms/Checkbox/types.d.ts +0 -18
- package/dist/cjs/src/atoms/Input/helpers.d.ts +0 -18
- package/dist/cjs/src/atoms/RadioButtons/RadioOption.d.ts +0 -12
- package/dist/cjs/src/atoms/RadioButtons/helpers.d.ts +0 -15
- package/dist/cjs/src/atoms/RadioButtons/styles.d.ts +0 -9
- package/dist/cjs/src/atoms/RegularImage/RegularImage.d.ts +0 -29
- package/dist/cjs/src/atoms/RegularImage/RegularImage.stories.d.ts +0 -16
- package/dist/cjs/src/atoms/Tab/Tab.d.ts +0 -56
- package/dist/cjs/src/atoms/Tab/Tab.stories.d.ts +0 -31
- package/dist/cjs/src/atoms/Tab/utils.d.ts +0 -4
- package/dist/cjs/src/containers/Container.d.ts +0 -4
- package/dist/cjs/src/containers/Container.stories.d.ts +0 -6
- package/dist/cjs/src/containers/FormContainer.d.ts +0 -6
- package/dist/cjs/src/containers/MoleculeItem.d.ts +0 -9
- package/dist/cjs/src/containers/OrganismItem.d.ts +0 -7
- package/dist/cjs/src/containers/helpers.d.ts +0 -2
- package/dist/cjs/src/containers/index.d.ts +0 -5
- package/dist/cjs/src/containers/mock-data.d.ts +0 -4
- package/dist/cjs/src/containers/styles.d.ts +0 -12
- package/dist/cjs/src/containers/types/moleculeTypes.d.ts +0 -188
- package/dist/cjs/src/containers/types/types.d.ts +0 -43
- package/dist/cjs/src/contexts/ButtonActionsContext/ButtonActionsContext.d.ts +0 -11
- package/dist/cjs/src/contexts/ButtonActionsContext/ButtonActionsContextProvider.d.ts +0 -11
- package/dist/cjs/src/contexts/hooks/useButtonActionsContext.d.ts +0 -1
- package/dist/cjs/src/helpers/constants.d.ts +0 -6
- package/dist/cjs/src/helpers/utils.d.ts +0 -1
- package/dist/cjs/src/molecules/Button/Button.d.ts +0 -41
- package/dist/cjs/src/molecules/Button/Button.stories.d.ts +0 -9
- package/dist/cjs/src/molecules/CheckboxField/CheckboxField.stories.d.ts +0 -54
- package/dist/cjs/src/molecules/CheckboxField/CheckboxGroup.d.ts +0 -11
- package/dist/cjs/src/molecules/CheckboxField/styles.d.ts +0 -6
- package/dist/cjs/src/molecules/FieldLabels/helpers.d.ts +0 -8
- package/dist/cjs/src/molecules/Image/Image.d.ts +0 -16
- package/dist/cjs/src/molecules/Image/Image.stories.d.ts +0 -9
- package/dist/cjs/src/molecules/TextMolecule/TextMolecule.d.ts +0 -18
- package/dist/cjs/src/molecules/TextMolecule/TextMolecule.stories.d.ts +0 -9
- package/dist/cjs/src/molecules/Video/Video.d.ts +0 -14
- package/dist/cjs/src/molecules/Video/Video.stories.d.ts +0 -9
- package/dist/cjs/src/molecules/ZealUIModal/ZealUIModal.d.ts +0 -20
- package/dist/cjs/src/molecules/ZealUIModal/ZealUIModal.stories.d.ts +0 -9
- package/dist/cjs/src/organisms/SubscribePanel/organism-data.d.ts +0 -2
- package/dist/esm/src/atoms/Buttons/Buttons.stories.d.ts +0 -16
- package/dist/esm/src/atoms/Checkbox/helpers.d.ts +0 -2
- package/dist/esm/src/atoms/Checkbox/types.d.ts +0 -18
- package/dist/esm/src/atoms/Input/helpers.d.ts +0 -18
- package/dist/esm/src/atoms/RadioButtons/RadioOption.d.ts +0 -12
- package/dist/esm/src/atoms/RadioButtons/helpers.d.ts +0 -15
- package/dist/esm/src/atoms/RadioButtons/styles.d.ts +0 -9
- package/dist/esm/src/atoms/RegularImage/RegularImage.d.ts +0 -29
- package/dist/esm/src/atoms/RegularImage/RegularImage.stories.d.ts +0 -16
- package/dist/esm/src/atoms/Tab/Tab.d.ts +0 -56
- package/dist/esm/src/atoms/Tab/Tab.stories.d.ts +0 -31
- package/dist/esm/src/atoms/Tab/utils.d.ts +0 -4
- package/dist/esm/src/containers/Container.d.ts +0 -4
- package/dist/esm/src/containers/Container.stories.d.ts +0 -6
- package/dist/esm/src/containers/FormContainer.d.ts +0 -6
- package/dist/esm/src/containers/MoleculeItem.d.ts +0 -9
- package/dist/esm/src/containers/OrganismItem.d.ts +0 -7
- package/dist/esm/src/containers/helpers.d.ts +0 -2
- package/dist/esm/src/containers/index.d.ts +0 -5
- package/dist/esm/src/containers/mock-data.d.ts +0 -4
- package/dist/esm/src/containers/styles.d.ts +0 -12
- package/dist/esm/src/containers/types/moleculeTypes.d.ts +0 -188
- package/dist/esm/src/containers/types/types.d.ts +0 -43
- package/dist/esm/src/contexts/ButtonActionsContext/ButtonActionsContext.d.ts +0 -11
- package/dist/esm/src/contexts/ButtonActionsContext/ButtonActionsContextProvider.d.ts +0 -11
- package/dist/esm/src/contexts/hooks/useButtonActionsContext.d.ts +0 -1
- package/dist/esm/src/helpers/constants.d.ts +0 -6
- package/dist/esm/src/helpers/utils.d.ts +0 -1
- package/dist/esm/src/molecules/Button/Button.d.ts +0 -41
- package/dist/esm/src/molecules/Button/Button.stories.d.ts +0 -9
- package/dist/esm/src/molecules/CheckboxField/CheckboxField.stories.d.ts +0 -54
- package/dist/esm/src/molecules/CheckboxField/CheckboxGroup.d.ts +0 -11
- package/dist/esm/src/molecules/CheckboxField/styles.d.ts +0 -6
- package/dist/esm/src/molecules/FieldLabels/helpers.d.ts +0 -8
- package/dist/esm/src/molecules/Image/Image.d.ts +0 -16
- package/dist/esm/src/molecules/Image/Image.stories.d.ts +0 -9
- package/dist/esm/src/molecules/TextMolecule/TextMolecule.d.ts +0 -18
- package/dist/esm/src/molecules/TextMolecule/TextMolecule.stories.d.ts +0 -9
- package/dist/esm/src/molecules/Video/Video.d.ts +0 -14
- package/dist/esm/src/molecules/Video/Video.stories.d.ts +0 -9
- package/dist/esm/src/molecules/ZealUIModal/ZealUIModal.d.ts +0 -20
- package/dist/esm/src/molecules/ZealUIModal/ZealUIModal.stories.d.ts +0 -9
- package/dist/esm/src/organisms/SubscribePanel/organism-data.d.ts +0 -2
@@ -1,41 +0,0 @@
|
|
1
|
-
import { PropsWithChildren } from 'react';
|
2
|
-
import { FontSizesTypes, SizesTypes, ThemeColors } from 'theme';
|
3
|
-
import type { Callback, StylesType } from 'typescript';
|
4
|
-
export declare type ButtonVariant = 'primary' | 'secondary' | 'text' | 'custom';
|
5
|
-
export declare type ButtonType = 'button' | 'submit' | 'reset';
|
6
|
-
export declare type BaseButtonProps = PropsWithChildren<{
|
7
|
-
onClick?: Callback;
|
8
|
-
variant?: ButtonVariant;
|
9
|
-
disabled?: boolean;
|
10
|
-
state?: 'disabled' | 'enabled';
|
11
|
-
fullWidth?: boolean;
|
12
|
-
size?: 'medium' | 'small';
|
13
|
-
buttonFont?: FontSizesTypes;
|
14
|
-
textColor?: ThemeColors | string;
|
15
|
-
textSize?: number;
|
16
|
-
horizontalPadding?: SizesTypes;
|
17
|
-
verticalPadding?: SizesTypes;
|
18
|
-
buttonColor?: ThemeColors | string;
|
19
|
-
buttonStroke?: ThemeColors | string;
|
20
|
-
cornerRadius?: SizesTypes | number;
|
21
|
-
hoverButtonColor?: ThemeColors | string;
|
22
|
-
hoverStrokeColor?: ThemeColors | string;
|
23
|
-
inactiveButtonColor?: ThemeColors | string;
|
24
|
-
inactiveStrokeColor?: ThemeColors | string;
|
25
|
-
inactiveTextColor?: ThemeColors | string;
|
26
|
-
styles?: StylesType;
|
27
|
-
colorTheme?: 'light' | 'dark';
|
28
|
-
href?: string;
|
29
|
-
type?: ButtonType;
|
30
|
-
}>;
|
31
|
-
export declare type ButtonProps = BaseButtonProps & {
|
32
|
-
fullWidth?: boolean;
|
33
|
-
text?: string;
|
34
|
-
link?: string;
|
35
|
-
elementId?: string;
|
36
|
-
loading?: boolean;
|
37
|
-
isRichText?: boolean;
|
38
|
-
containerStyle?: StylesType;
|
39
|
-
buttonStyle?: StylesType;
|
40
|
-
};
|
41
|
-
export declare const Button: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, state, href, ...props }: ButtonProps) => JSX.Element | null;
|
@@ -1,9 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
import type { StoryFn } from '@storybook/react';
|
3
|
-
import { Button as ButtonComponent } from 'molecules';
|
4
|
-
declare const _default: {
|
5
|
-
title: string;
|
6
|
-
component: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, state, href, ...props }: import("molecules").ButtonProps) => JSX.Element | null;
|
7
|
-
};
|
8
|
-
export default _default;
|
9
|
-
export declare const Button: StoryFn<typeof ButtonComponent>;
|
@@ -1,54 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
import type { StoryFn } from '@storybook/react';
|
3
|
-
import { CheckboxField as CheckboxFieldComponent } from 'molecules';
|
4
|
-
declare const _default: {
|
5
|
-
title: string;
|
6
|
-
component: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, }: Partial<{
|
7
|
-
checkboxesProps: Partial<{
|
8
|
-
checkboxGroupWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
|
9
|
-
checkboxFieldWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
|
10
|
-
onChange: (id: string) => void;
|
11
|
-
disabled: boolean;
|
12
|
-
options?: import("../..").SelectOption[] | undefined;
|
13
|
-
selectedIds?: string[] | undefined;
|
14
|
-
isError?: boolean | undefined;
|
15
|
-
isEditMode?: boolean | undefined;
|
16
|
-
isRichText: boolean;
|
17
|
-
internalConfig: Partial<{
|
18
|
-
selectedCheckboxBackgroundColor: string;
|
19
|
-
selectedCheckboxIconColor: string;
|
20
|
-
buttonPadding: number;
|
21
|
-
textPadding: number;
|
22
|
-
styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
|
23
|
-
wrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
|
24
|
-
buttonOptionSpacing?: import("theme").SizesTypes | undefined;
|
25
|
-
}>;
|
26
|
-
}>;
|
27
|
-
labelsProps: import("molecules").FieldLabelsProps;
|
28
|
-
name: string;
|
29
|
-
rules: Omit<Partial<{
|
30
|
-
required: string | import("react-hook-form").ValidationRule<boolean>;
|
31
|
-
min: import("react-hook-form").ValidationRule<string | number>;
|
32
|
-
max: import("react-hook-form").ValidationRule<string | number>;
|
33
|
-
maxLength: import("react-hook-form").ValidationRule<number>;
|
34
|
-
minLength: import("react-hook-form").ValidationRule<number>;
|
35
|
-
pattern: import("react-hook-form").ValidationRule<RegExp>;
|
36
|
-
validate: import("react-hook-form").Validate<any> | Record<string, import("react-hook-form").Validate<any>>;
|
37
|
-
valueAsNumber: boolean;
|
38
|
-
valueAsDate: boolean;
|
39
|
-
value: any;
|
40
|
-
setValueAs: (value: any) => any;
|
41
|
-
shouldUnregister?: boolean | undefined;
|
42
|
-
onChange?: ((event: any) => void) | undefined;
|
43
|
-
onBlur?: ((event: any) => void) | undefined;
|
44
|
-
disabled: boolean;
|
45
|
-
deps: string | string[];
|
46
|
-
}>, "disabled" | "valueAsNumber" | "valueAsDate" | "setValueAs"> | undefined;
|
47
|
-
control: import("react-hook-form").Control<any, any>;
|
48
|
-
required: boolean;
|
49
|
-
optional: boolean;
|
50
|
-
wrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
|
51
|
-
}>) => JSX.Element;
|
52
|
-
};
|
53
|
-
export default _default;
|
54
|
-
export declare const CheckboxField: StoryFn<typeof CheckboxFieldComponent>;
|
@@ -1,11 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
import { RefCallBack } from 'react-hook-form/dist/types';
|
3
|
-
import type { Callback } from 'typescript';
|
4
|
-
import { CheckboxesProps } from './CheckboxField';
|
5
|
-
export declare type CheckboxGroupProps = Partial<{
|
6
|
-
ref: RefCallBack;
|
7
|
-
onBlur: Callback;
|
8
|
-
onChange: (checkedIds: string[]) => void;
|
9
|
-
checkboxesProps: CheckboxesProps;
|
10
|
-
}>;
|
11
|
-
export declare const CheckboxGroup: ({ ref, onBlur, onChange, checkboxesProps }: CheckboxGroupProps) => JSX.Element;
|
@@ -1,6 +0,0 @@
|
|
1
|
-
import type { OverrideStyles } from 'typescript';
|
2
|
-
import { SizesTypes } from 'theme';
|
3
|
-
export declare const CheckboxFieldWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, OverrideStyles, never>;
|
4
|
-
export declare const CheckboxGroupWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
5
|
-
$spacing?: SizesTypes | undefined;
|
6
|
-
} & OverrideStyles, never>;
|
@@ -1,8 +0,0 @@
|
|
1
|
-
import { StylesType } from 'typescript';
|
2
|
-
import { TooltipInternalConfig } from './FieldLabels';
|
3
|
-
declare type ToolTipStylesConfig = {
|
4
|
-
tooltipStyles: StylesType;
|
5
|
-
tooltipWrapperStyles: StylesType;
|
6
|
-
};
|
7
|
-
export declare const getTooltipStyles: (internalConfig?: TooltipInternalConfig) => ToolTipStylesConfig;
|
8
|
-
export {};
|
@@ -1,16 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
import { Callback, StylesType } from 'typescript';
|
3
|
-
export declare type ImageProps = {
|
4
|
-
src: string;
|
5
|
-
} & Partial<{
|
6
|
-
id: string;
|
7
|
-
altText: string;
|
8
|
-
link: string;
|
9
|
-
onClick: Callback;
|
10
|
-
width: number;
|
11
|
-
height: number;
|
12
|
-
cornerRadius: number;
|
13
|
-
behaveAs: 'background' | 'regular';
|
14
|
-
styles: StylesType;
|
15
|
-
}>;
|
16
|
-
export declare const Image: ({ src, onClick, link, altText, styles, width, height, id, behaveAs, cornerRadius, }: ImageProps) => JSX.Element;
|
@@ -1,9 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
import type { StoryFn } from '@storybook/react';
|
3
|
-
import { Image as ImageComponent } from './Image';
|
4
|
-
declare const _default: {
|
5
|
-
title: string;
|
6
|
-
component: ({ src, onClick, link, altText, styles, width, height, id, behaveAs, cornerRadius, }: import("./Image").ImageProps) => JSX.Element;
|
7
|
-
};
|
8
|
-
export default _default;
|
9
|
-
export declare const Image: StoryFn<typeof ImageComponent>;
|
@@ -1,18 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
import { TextProps } from 'atoms';
|
3
|
-
import { FontSizesTypes, ThemeColors } from 'theme';
|
4
|
-
import { StylesType } from 'typescript';
|
5
|
-
export declare type TextMoleculeProps = Partial<{
|
6
|
-
text: string;
|
7
|
-
variant: 'base' | 'custom';
|
8
|
-
fontVariant: FontSizesTypes;
|
9
|
-
textSize: number;
|
10
|
-
textColor: ThemeColors | string;
|
11
|
-
letterSpacing: number;
|
12
|
-
lineHeight: number;
|
13
|
-
fontWeight: string | number;
|
14
|
-
isRichText: boolean;
|
15
|
-
styles: StylesType;
|
16
|
-
textAlign: 'center' | 'right' | 'left';
|
17
|
-
}> & Pick<TextProps, 'seoTag' | 'numberOfLines'>;
|
18
|
-
export declare const TextMolecule: ({ isRichText, variant, text, seoTag, fontVariant, textColor, textSize, fontWeight, lineHeight, letterSpacing, styles, textAlign, ...restOfTextProps }: TextMoleculeProps) => JSX.Element;
|
@@ -1,9 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
import type { StoryFn } from '@storybook/react';
|
3
|
-
import { TextMoleculeProps } from './TextMolecule';
|
4
|
-
declare const _default: {
|
5
|
-
title: string;
|
6
|
-
component: ({ isRichText, variant, text, seoTag, fontVariant, textColor, textSize, fontWeight, lineHeight, letterSpacing, styles, textAlign, ...restOfTextProps }: TextMoleculeProps) => JSX.Element;
|
7
|
-
};
|
8
|
-
export default _default;
|
9
|
-
export declare const TextMolecule: StoryFn<TextMoleculeProps>;
|
@@ -1,14 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
import { FeedContentTemplateTypes } from 'organisms/FeedContent/types';
|
3
|
-
import { CSSProperties } from 'styled-components';
|
4
|
-
export declare type VideoProps = {
|
5
|
-
src: string;
|
6
|
-
} & Partial<{
|
7
|
-
width: number;
|
8
|
-
autoplay: boolean;
|
9
|
-
enableCoverImage: boolean;
|
10
|
-
coverImageSrc: string;
|
11
|
-
style: CSSProperties;
|
12
|
-
template: FeedContentTemplateTypes;
|
13
|
-
}>;
|
14
|
-
export declare const Video: ({ style, src, width, template, autoplay, enableCoverImage, coverImageSrc, }: VideoProps) => JSX.Element;
|
@@ -1,9 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
import type { StoryFn } from '@storybook/react';
|
3
|
-
import { Video as VideoComponent } from './Video';
|
4
|
-
declare const _default: {
|
5
|
-
title: string;
|
6
|
-
component: ({ style, src, width, template, autoplay, enableCoverImage, coverImageSrc, }: import("./Video").VideoProps) => JSX.Element;
|
7
|
-
};
|
8
|
-
export default _default;
|
9
|
-
export declare const Video: StoryFn<typeof VideoComponent>;
|
@@ -1,20 +0,0 @@
|
|
1
|
-
import { ModalProps as MUIModalProps } from '@mui/material';
|
2
|
-
import React, { KeyboardEvent, PropsWithChildren } from 'react';
|
3
|
-
import { CSSProperties } from 'styled-components';
|
4
|
-
import type { Callback, OverrideStyles } from 'typescript';
|
5
|
-
export declare type ZealUIModalProps = PropsWithChildren<Pick<MUIModalProps, 'open'>> & {
|
6
|
-
padding?: number | string;
|
7
|
-
wrapperStyles?: CSSProperties;
|
8
|
-
onKeyDown?: <T extends HTMLElement>(event: KeyboardEvent<T>) => void;
|
9
|
-
modalStyles?: CSSProperties;
|
10
|
-
onClose?: Callback;
|
11
|
-
};
|
12
|
-
export declare const ZealUIModal: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, ...rest }: ZealUIModalProps) => JSX.Element;
|
13
|
-
export declare const ModalWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, OverrideStyles, never>;
|
14
|
-
export declare const IconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
15
|
-
activeOpacity?: number | undefined;
|
16
|
-
withoutOpacityEffect?: boolean | undefined;
|
17
|
-
disabled?: boolean | undefined;
|
18
|
-
} & {
|
19
|
-
children?: React.ReactNode;
|
20
|
-
}, never>;
|
@@ -1,9 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
import type { StoryFn } from '@storybook/react';
|
3
|
-
import { ZealUIModal as ZealUIModalComponent } from './ZealUIModal';
|
4
|
-
declare const _default: {
|
5
|
-
title: string;
|
6
|
-
component: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, ...rest }: import("./ZealUIModal").ZealUIModalProps) => JSX.Element;
|
7
|
-
};
|
8
|
-
export default _default;
|
9
|
-
export declare const ZealUIModal: StoryFn<typeof ZealUIModalComponent>;
|
@@ -1,16 +0,0 @@
|
|
1
|
-
import type { StoryFn } from '@storybook/react';
|
2
|
-
import { TextButtonProps } from 'atoms/Buttons/TextButton';
|
3
|
-
import { FC } from 'react';
|
4
|
-
import { IconButton as IconButtonComponent } from './IconButton';
|
5
|
-
import { TouchableOpacityProps } from './TouchableOpacity';
|
6
|
-
declare const _default: {
|
7
|
-
title: string;
|
8
|
-
component: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, Pick<import("../..").BaseButtonProps, "children" | "onClick" | "disabled" | "size" | "colorTheme"> & {
|
9
|
-
buttonLink?: string | undefined;
|
10
|
-
elementId?: string | undefined;
|
11
|
-
}, never>;
|
12
|
-
};
|
13
|
-
export default _default;
|
14
|
-
export declare const TouchableOpacity: StoryFn<FC<TouchableOpacityProps>>;
|
15
|
-
export declare const TextButton: StoryFn<FC<TextButtonProps>>;
|
16
|
-
export declare const IconButton: StoryFn<typeof IconButtonComponent>;
|
@@ -1,18 +0,0 @@
|
|
1
|
-
import { SizesTypes, ThemeColors } from 'theme';
|
2
|
-
import type { StylesType } from 'typescript';
|
3
|
-
export declare type CheckboxInternalConfigProps = Partial<{
|
4
|
-
selectedCheckboxBackgroundColor: ThemeColors | string;
|
5
|
-
selectedCheckboxIconColor: ThemeColors | string;
|
6
|
-
buttonPadding: number;
|
7
|
-
textPadding: number;
|
8
|
-
styles: StylesType;
|
9
|
-
wrapperStyles: StylesType;
|
10
|
-
buttonOptionSpacing?: SizesTypes;
|
11
|
-
}>;
|
12
|
-
export declare type CheckboxStylesConfig = {
|
13
|
-
checkboxIconWrapperColor: StylesType;
|
14
|
-
checkboxIconColor: ThemeColors | string;
|
15
|
-
checkboxWrapperStyles: StylesType;
|
16
|
-
checkboxTextStyles: StylesType;
|
17
|
-
};
|
18
|
-
export declare type CheckBoxStates = 'selected' | 'disabled' | 'error' | 'default';
|
@@ -1,18 +0,0 @@
|
|
1
|
-
import { MaskedInputProps } from 'react-text-mask';
|
2
|
-
import { HTMLInputTypeAttribute } from 'react';
|
3
|
-
import { ThemeColors } from 'theme';
|
4
|
-
import { InputProps } from 'atoms';
|
5
|
-
import { InputFieldTypes } from '../../fieldsConfiguration';
|
6
|
-
export declare type MaskConfig = Partial<{
|
7
|
-
maskPlaceholder: string;
|
8
|
-
dataModelFieldType: InputFieldTypes;
|
9
|
-
maskPattern: Array<string | RegExp>;
|
10
|
-
}>;
|
11
|
-
export declare const getSpecificInputProps: (type: InputFieldTypes) => {
|
12
|
-
type?: HTMLInputTypeAttribute | undefined;
|
13
|
-
inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
14
|
-
};
|
15
|
-
export declare const getMaskInputProps: (type?: InputFieldTypes, config?: MaskConfig) => Pick<MaskedInputProps, 'pipe' | 'mask' | 'placeholder' | 'keepCharPositions'>;
|
16
|
-
export declare const getInputIconColor: ({ isEditMode, isFocused, isError, disabled, }: Pick<InputProps, "disabled" | "isError" | "isEditMode"> & {
|
17
|
-
isFocused: boolean;
|
18
|
-
}) => ThemeColors;
|
@@ -1,12 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
import { RadioButtonInternalConfigProps, SelectOption } from 'atoms';
|
3
|
-
declare type RadioOptionProps = {
|
4
|
-
option: SelectOption;
|
5
|
-
isError?: boolean;
|
6
|
-
disabled?: boolean;
|
7
|
-
isEditMode?: boolean;
|
8
|
-
isRichText?: boolean;
|
9
|
-
internalConfig?: RadioButtonInternalConfigProps;
|
10
|
-
};
|
11
|
-
export declare const RadioOption: ({ option, isError, disabled, isEditMode, isRichText, internalConfig, }: RadioOptionProps) => JSX.Element;
|
12
|
-
export {};
|
@@ -1,15 +0,0 @@
|
|
1
|
-
import { RadioButtonInternalConfigProps } from 'atoms';
|
2
|
-
import type { StylesType } from 'typescript';
|
3
|
-
declare type RadioOptionStylesConfig = {
|
4
|
-
textStyles: StylesType;
|
5
|
-
groupWrapperStyles: StylesType;
|
6
|
-
radioIconWrapperStyles: StylesType;
|
7
|
-
radioLabelWrapperStyles: StylesType;
|
8
|
-
};
|
9
|
-
declare type GetRadioOptionStylesProps = Partial<{
|
10
|
-
isError: boolean;
|
11
|
-
disabled: boolean;
|
12
|
-
internalConfig: RadioButtonInternalConfigProps;
|
13
|
-
}>;
|
14
|
-
export declare const getRadioOptionStyles: ({ isError, disabled, internalConfig, }: GetRadioOptionStylesProps) => RadioOptionStylesConfig;
|
15
|
-
export {};
|
@@ -1,9 +0,0 @@
|
|
1
|
-
import { FormControlLabel, Radio } from '@mui/material';
|
2
|
-
import type { OverrideStyles, StyledTransientProps } from 'typescript';
|
3
|
-
export declare const RadioLabelWrapper: import("styled-components").StyledComponent<typeof FormControlLabel, import("styled-components").DefaultTheme, StyledTransientProps<{
|
4
|
-
isError?: boolean | undefined;
|
5
|
-
}> & OverrideStyles, never>;
|
6
|
-
export declare const RadioIconWrapper: import("styled-components").StyledComponent<typeof Radio, import("styled-components").DefaultTheme, StyledTransientProps<{
|
7
|
-
disabled: boolean;
|
8
|
-
isError?: boolean | undefined;
|
9
|
-
}> & OverrideStyles, never>;
|
@@ -1,29 +0,0 @@
|
|
1
|
-
import type { Callback } from 'typescript';
|
2
|
-
import { OverrideStyles } from 'typescript';
|
3
|
-
export declare type RegularImageProps = {
|
4
|
-
src: string;
|
5
|
-
} & Partial<{
|
6
|
-
alt: string;
|
7
|
-
width: number | string;
|
8
|
-
height: number | string;
|
9
|
-
onClick: Callback;
|
10
|
-
cornerRadius: number;
|
11
|
-
}> & OverrideStyles;
|
12
|
-
export declare const RegularImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, {
|
13
|
-
src: string;
|
14
|
-
} & Partial<{
|
15
|
-
alt: string;
|
16
|
-
width: number | string;
|
17
|
-
height: number | string;
|
18
|
-
onClick: Callback;
|
19
|
-
cornerRadius: number;
|
20
|
-
}> & OverrideStyles, never>;
|
21
|
-
export declare const BackgroundImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, {
|
22
|
-
src: string;
|
23
|
-
} & Partial<{
|
24
|
-
alt: string;
|
25
|
-
width: number | string;
|
26
|
-
height: number | string;
|
27
|
-
onClick: Callback;
|
28
|
-
cornerRadius: number;
|
29
|
-
}> & OverrideStyles, never>;
|
@@ -1,16 +0,0 @@
|
|
1
|
-
import type { ComponentStory } from '@storybook/react';
|
2
|
-
import { RegularImage as RegularImageComponent } from './RegularImage';
|
3
|
-
declare const _default: {
|
4
|
-
title: string;
|
5
|
-
component: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, {
|
6
|
-
src: string;
|
7
|
-
} & Partial<{
|
8
|
-
alt: string;
|
9
|
-
width: string | number;
|
10
|
-
height: string | number;
|
11
|
-
onClick: import("../../typescript").Callback;
|
12
|
-
cornerRadius: number;
|
13
|
-
}> & import("../../typescript").OverrideStyles, never>;
|
14
|
-
};
|
15
|
-
export default _default;
|
16
|
-
export declare const RegularImage: ComponentStory<typeof RegularImageComponent>;
|
@@ -1,56 +0,0 @@
|
|
1
|
-
import { MenuItem } from 'molecules';
|
2
|
-
import React from 'react';
|
3
|
-
import { FontSizesTypes, SizesTypes, ThemeColors } from 'theme';
|
4
|
-
import { StylesType } from 'typescript';
|
5
|
-
export declare type TabOption<T = string> = {
|
6
|
-
menuText: string;
|
7
|
-
menuKey: T;
|
8
|
-
onMenuClick?: (key: T) => void;
|
9
|
-
isSelected?: boolean;
|
10
|
-
};
|
11
|
-
declare type TabElement = HTMLDivElement | null;
|
12
|
-
export declare type TabTheme = 'light' | 'dark';
|
13
|
-
export declare type TabProps<T = string, K = string> = {
|
14
|
-
tabKey: T;
|
15
|
-
text: string;
|
16
|
-
} & Partial<{
|
17
|
-
disabled: boolean;
|
18
|
-
vertical: boolean;
|
19
|
-
isActive: boolean;
|
20
|
-
onClick: (key: T) => void;
|
21
|
-
options: MenuItem<K>[];
|
22
|
-
onOptionClick: (optionKey: K) => void;
|
23
|
-
tabTheme: TabTheme;
|
24
|
-
divider: boolean;
|
25
|
-
tabFont: FontSizesTypes;
|
26
|
-
textSize: number;
|
27
|
-
tabPadding: SizesTypes | number;
|
28
|
-
defaultTabTextColor: ThemeColors | string;
|
29
|
-
selectedTabTextColor: ThemeColors | string;
|
30
|
-
selectedTabIndicatorColor: ThemeColors | string;
|
31
|
-
styles: StylesType;
|
32
|
-
}>;
|
33
|
-
declare const ZealTab: <T extends string, K extends string>({ options, onClick, text, tabKey, vertical, onOptionClick, tabTheme, tabFont, tabPadding, selectedTabIndicatorColor, textSize, defaultTabTextColor, ...tabProps }: TabProps<T, K>, ref: React.ForwardedRef<TabElement>) => JSX.Element;
|
34
|
-
export declare const Tab: <T, K>(props: {
|
35
|
-
tabKey: T;
|
36
|
-
text: string;
|
37
|
-
} & Partial<{
|
38
|
-
disabled: boolean;
|
39
|
-
vertical: boolean;
|
40
|
-
isActive: boolean;
|
41
|
-
onClick: (key: T) => void;
|
42
|
-
options: MenuItem<K>[];
|
43
|
-
onOptionClick: (optionKey: K) => void;
|
44
|
-
tabTheme: TabTheme;
|
45
|
-
divider: boolean;
|
46
|
-
tabFont: FontSizesTypes;
|
47
|
-
textSize: number;
|
48
|
-
tabPadding: SizesTypes | number;
|
49
|
-
defaultTabTextColor: ThemeColors | string;
|
50
|
-
selectedTabTextColor: ThemeColors | string;
|
51
|
-
selectedTabIndicatorColor: ThemeColors | string;
|
52
|
-
styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
|
53
|
-
}> & {
|
54
|
-
ref?: React.ForwardedRef<TabElement> | undefined;
|
55
|
-
}) => ReturnType<typeof ZealTab>;
|
56
|
-
export {};
|
@@ -1,31 +0,0 @@
|
|
1
|
-
import type { StoryObj } from '@storybook/react';
|
2
|
-
import React from 'react';
|
3
|
-
import { Tab as TabComponent } from './Tab';
|
4
|
-
declare const _default: {
|
5
|
-
title: string;
|
6
|
-
component: <T, K>(props: {
|
7
|
-
tabKey: T;
|
8
|
-
text: string;
|
9
|
-
} & Partial<{
|
10
|
-
disabled: boolean;
|
11
|
-
vertical: boolean;
|
12
|
-
isActive: boolean;
|
13
|
-
onClick: (key: T) => void;
|
14
|
-
options: import("../..").MenuItem<K>[];
|
15
|
-
onOptionClick: (optionKey: K) => void;
|
16
|
-
tabTheme: import("atoms").TabTheme;
|
17
|
-
divider: boolean;
|
18
|
-
tabFont: import("theme").FontSizesTypes;
|
19
|
-
textSize: number;
|
20
|
-
tabPadding: number | import("theme").SizesTypes;
|
21
|
-
defaultTabTextColor: string;
|
22
|
-
selectedTabTextColor: string;
|
23
|
-
selectedTabIndicatorColor: string;
|
24
|
-
styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
|
25
|
-
}> & {
|
26
|
-
ref?: React.ForwardedRef<HTMLDivElement | null> | undefined;
|
27
|
-
}) => JSX.Element;
|
28
|
-
};
|
29
|
-
export default _default;
|
30
|
-
declare type Story = StoryObj<typeof TabComponent>;
|
31
|
-
export declare const Tab: Story;
|
@@ -1,4 +0,0 @@
|
|
1
|
-
import { TabTheme } from 'atoms/Tab/Tab';
|
2
|
-
import { ThemeColors } from 'theme';
|
3
|
-
export declare const getColorForCaretDownIcon: (color?: ThemeColors | string, tabTheme?: TabTheme, disabled?: boolean) => string;
|
4
|
-
export declare const getSelectionIndicatorColor: (selectedTabIndicatorColor?: ThemeColors | string, isActiveTab?: boolean, tabTheme?: TabTheme) => string;
|
@@ -1,4 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
import { ContainerComponentProps, ContainerProps } from 'containers';
|
3
|
-
export declare const Container: ({ children, wide, compact, type, props }: ContainerProps) => JSX.Element;
|
4
|
-
export declare const ContainerComponent: ({ type, items, config, tabsProps }: ContainerComponentProps) => JSX.Element | null;
|
@@ -1,6 +0,0 @@
|
|
1
|
-
import type { Meta, StoryFn } from '@storybook/react';
|
2
|
-
import { ContainerComponent, ContainerComponentProps } from 'containers';
|
3
|
-
declare const meta: Meta<typeof ContainerComponent>;
|
4
|
-
export default meta;
|
5
|
-
declare type Story = StoryFn<ContainerComponentProps>;
|
6
|
-
export declare const Container: Story;
|
@@ -1,6 +0,0 @@
|
|
1
|
-
import { PropsWithChildren } from 'react';
|
2
|
-
import { ValidationMode } from 'react-hook-form';
|
3
|
-
export declare type FormContainerProps = PropsWithChildren<{
|
4
|
-
mode?: keyof ValidationMode;
|
5
|
-
}>;
|
6
|
-
export declare const FormContainer: ({ mode, children }: FormContainerProps) => JSX.Element;
|
@@ -1,9 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
import { Molecule } from 'containers';
|
3
|
-
import { TabGroupProps } from 'molecules';
|
4
|
-
export declare const getFullLink: (url: string) => string;
|
5
|
-
export declare const navigateToPage: (url: string) => void;
|
6
|
-
export declare const downloadFile: (url?: string, name?: string) => Promise<void>;
|
7
|
-
export declare const MoleculeItem: ({ type, config, attributes, tabsProps, form, id: moleculeId, }: Molecule & {
|
8
|
-
tabsProps?: Pick<TabGroupProps<string, string>, "tabs" | "activeTabKey" | "onTabChange"> | undefined;
|
9
|
-
}) => JSX.Element;
|
@@ -1,7 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
import { ContainerComponentProps, Molecule } from 'containers';
|
3
|
-
import { TabGroupProps } from 'molecules';
|
4
|
-
export declare const OrganismItem: ({ item, tabsProps, }: {
|
5
|
-
item: ContainerComponentProps | Molecule;
|
6
|
-
tabsProps?: Pick<TabGroupProps<string, string>, "tabs" | "activeTabKey" | "onTabChange"> | undefined;
|
7
|
-
}) => JSX.Element | null;
|
@@ -1,12 +0,0 @@
|
|
1
|
-
import { ContainerProps } from 'containers/types/types';
|
2
|
-
export declare const ContainerWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Pick<ContainerProps, "type"> & {
|
3
|
-
containerProps?: Partial<{
|
4
|
-
position: import("containers/types/types").ContainerPositionType;
|
5
|
-
scrollBehaviour: import("containers/types/types").ContainerScrollBehaviourType;
|
6
|
-
cornerRadius: number;
|
7
|
-
styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
|
8
|
-
formProps: {
|
9
|
-
mode: keyof import("react-hook-form").ValidationMode;
|
10
|
-
};
|
11
|
-
}> | undefined;
|
12
|
-
}, never>;
|