gd-design-library 0.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/README.md +201 -0
- package/assets/icons/arrow-forward.d.ts +6 -0
- package/assets/icons/check.d.ts +6 -0
- package/assets/icons/chevron-right.d.ts +6 -0
- package/assets/icons/cross.d.ts +6 -0
- package/assets/icons/dot.d.ts +6 -0
- package/assets/icons/home.d.ts +6 -0
- package/assets/icons/slash.d.ts +6 -0
- package/assets/icons/star.d.ts +5 -0
- package/assets/icons/toast_error.d.ts +5 -0
- package/assets/icons/toast_info.d.ts +5 -0
- package/assets/icons/toast_success.d.ts +5 -0
- package/assets/icons/toast_warning.d.ts +5 -0
- package/assets/index.d.ts +83 -0
- package/components/core/Breadcrumbs/Breadcrumbs.d.ts +2 -0
- package/components/core/Breadcrumbs/Breadcrumbs.types.d.ts +14 -0
- package/components/core/Breadcrumbs/StyledBreadcrumbs.d.ts +6 -0
- package/components/core/Breadcrumbs/constants.d.ts +1 -0
- package/components/core/Breadcrumbs/index.d.ts +2 -0
- package/components/core/Button/Button.d.ts +5 -0
- package/components/core/Button/Button.types.d.ts +52 -0
- package/components/core/Button/StyledButton.d.ts +5 -0
- package/components/core/Button/constants.d.ts +1 -0
- package/components/core/Button/index.d.ts +2 -0
- package/components/core/Form/Form.d.ts +5 -0
- package/components/core/Form/Form.types.d.ts +24 -0
- package/components/core/Form/StyledForm.d.ts +2 -0
- package/components/core/Form/constants.d.ts +1 -0
- package/components/core/Form/index.d.ts +2 -0
- package/components/core/Form/utils.d.ts +3 -0
- package/components/core/Icon/Icon.d.ts +5 -0
- package/components/core/Icon/Icon.types.d.ts +8 -0
- package/components/core/Icon/constants.d.ts +1 -0
- package/components/core/Icon/index.d.ts +2 -0
- package/components/core/Input/Input.d.ts +3 -0
- package/components/core/Input/Input.types.d.ts +68 -0
- package/components/core/Input/StyledInput.d.ts +3 -0
- package/components/core/Input/constants.d.ts +1 -0
- package/components/core/Input/index.d.ts +2 -0
- package/components/core/Label/Label.d.ts +5 -0
- package/components/core/Label/Label.types.d.ts +23 -0
- package/components/core/Label/StyledLabel.d.ts +2 -0
- package/components/core/Label/constants.d.ts +1 -0
- package/components/core/Label/index.d.ts +2 -0
- package/components/core/Link/Link.d.ts +4 -0
- package/components/core/Link/Link.types.d.ts +35 -0
- package/components/core/Link/StyledLink.d.ts +2 -0
- package/components/core/Link/constants.d.ts +1 -0
- package/components/core/Link/index.d.ts +2 -0
- package/components/core/List/List.d.ts +3 -0
- package/components/core/List/List.types.d.ts +12 -0
- package/components/core/List/StyledList.d.ts +3 -0
- package/components/core/List/constants.d.ts +1 -0
- package/components/core/List/index.d.ts +2 -0
- package/components/core/Loader/Loader.d.ts +4 -0
- package/components/core/Loader/Loader.types.d.ts +13 -0
- package/components/core/Loader/StyledLoader.d.ts +2 -0
- package/components/core/Loader/constants.d.ts +2 -0
- package/components/core/Loader/index.d.ts +2 -0
- package/components/core/Modal/Modal.d.ts +2 -0
- package/components/core/Modal/Modal.types.d.ts +12 -0
- package/components/core/Modal/StyledModal.d.ts +7 -0
- package/components/core/Modal/constants.d.ts +1 -0
- package/components/core/Modal/index.d.ts +2 -0
- package/components/core/Portal/Portal.d.ts +4 -0
- package/components/core/Portal/Portal.types.d.ts +7 -0
- package/components/core/Portal/constants.d.ts +1 -0
- package/components/core/Portal/index.d.ts +2 -0
- package/components/core/Skeleton/Skeleton.d.ts +4 -0
- package/components/core/Skeleton/Skeleton.types.d.ts +19 -0
- package/components/core/Skeleton/StyledSkeleton.d.ts +2 -0
- package/components/core/Skeleton/constants.d.ts +2 -0
- package/components/core/Skeleton/index.d.ts +2 -0
- package/components/core/Snackbar/Snackbar.d.ts +2 -0
- package/components/core/Snackbar/Snackbar.types.d.ts +41 -0
- package/components/core/Snackbar/SnackbarManager.d.ts +3 -0
- package/components/core/Snackbar/StyledSnackbar.d.ts +13 -0
- package/components/core/Snackbar/constants.d.ts +8 -0
- package/components/core/Snackbar/index.d.ts +4 -0
- package/components/core/Switch/StyledSwitch.d.ts +2 -0
- package/components/core/Switch/Switch.d.ts +2 -0
- package/components/core/Switch/constants.d.ts +1 -0
- package/components/core/Switch/index.d.ts +2 -0
- package/components/core/Switch/types.d.ts +18 -0
- package/components/core/Textarea/StyledTextarea.d.ts +3 -0
- package/components/core/Textarea/Textarea.d.ts +3 -0
- package/components/core/Textarea/Textarea.types.d.ts +42 -0
- package/components/core/Textarea/TextareaWidget.d.ts +3 -0
- package/components/core/Textarea/constants.d.ts +1 -0
- package/components/core/Textarea/hooks/index.d.ts +2 -0
- package/components/core/Textarea/hooks/useDynamicHeightAdjustment.d.ts +2 -0
- package/components/core/Textarea/hooks/useResizeObserver.d.ts +2 -0
- package/components/core/Textarea/index.d.ts +3 -0
- package/components/core/Tooltip/StyledTooltip.d.ts +3 -0
- package/components/core/Tooltip/Tooltip.d.ts +3 -0
- package/components/core/Tooltip/Tooltip.types.d.ts +17 -0
- package/components/core/Tooltip/constants.d.ts +3 -0
- package/components/core/Tooltip/index.d.ts +1 -0
- package/components/core/Tooltip/utils.d.ts +22 -0
- package/components/core/Typography/StyledTypography.d.ts +2 -0
- package/components/core/Typography/Typography.d.ts +3 -0
- package/components/core/Typography/Typography.types.d.ts +58 -0
- package/components/core/Typography/constants.d.ts +3 -0
- package/components/core/Typography/index.d.ts +2 -0
- package/components/core/Typography/utils.d.ts +2 -0
- package/components/core/Wrapper/StyledWrapper.d.ts +2 -0
- package/components/core/Wrapper/Wrapper.d.ts +5 -0
- package/components/core/Wrapper/Wrapper.types.d.ts +8 -0
- package/components/core/Wrapper/constants.d.ts +1 -0
- package/components/core/Wrapper/index.d.ts +2 -0
- package/components/core/index.d.ts +19 -0
- package/components/core/types/common.types.d.ts +24 -0
- package/components/core/types/cursors.types.d.ts +14 -0
- package/components/core/types/index.types.d.ts +3 -0
- package/components/core/types/roles.types.d.ts +3 -0
- package/components/domainSpecific/Stepper/Stepper.d.ts +2 -0
- package/components/domainSpecific/Stepper/Stepper.types.d.ts +39 -0
- package/components/domainSpecific/Stepper/StyledStepper.d.ts +6 -0
- package/components/domainSpecific/Stepper/constants.d.ts +1 -0
- package/components/domainSpecific/Stepper/index.d.ts +2 -0
- package/components/domainSpecific/Stepper/utils.d.ts +2 -0
- package/components/domainSpecific/Tabs/StyledTabs.d.ts +7 -0
- package/components/domainSpecific/Tabs/Tabs.d.ts +2 -0
- package/components/domainSpecific/Tabs/Tabs.types.d.ts +19 -0
- package/components/domainSpecific/Tabs/constants.d.ts +6 -0
- package/components/domainSpecific/Tabs/index.d.ts +2 -0
- package/components/domainSpecific/index.d.ts +2 -0
- package/components/index.d.ts +4 -0
- package/components/index.types.d.ts +37 -0
- package/components/layout/Column/Column.d.ts +4 -0
- package/components/layout/Column/Column.types.d.ts +5 -0
- package/components/layout/Column/StyledColumn.d.ts +2 -0
- package/components/layout/Column/constants.d.ts +1 -0
- package/components/layout/Column/index.d.ts +1 -0
- package/components/layout/FlexContainer/FlexContainer.d.ts +5 -0
- package/components/layout/FlexContainer/FlexContainer.types.d.ts +9 -0
- package/components/layout/FlexContainer/StyledFlexContainer.d.ts +2 -0
- package/components/layout/FlexContainer/constants.d.ts +1 -0
- package/components/layout/FlexContainer/index.d.ts +2 -0
- package/components/layout/FlexContainer/utils.d.ts +2 -0
- package/components/layout/Row/Row.d.ts +5 -0
- package/components/layout/Row/Row.types.d.ts +5 -0
- package/components/layout/Row/StyledRow.d.ts +2 -0
- package/components/layout/Row/constants.d.ts +1 -0
- package/components/layout/Row/index.d.ts +1 -0
- package/components/layout/index.d.ts +4 -0
- package/components/layout/index.types.d.ts +1 -0
- package/components/layout/utils.d.ts +4 -0
- package/constants/index.d.ts +2 -0
- package/constants/keyboard.d.ts +3 -0
- package/constants/positioning.d.ts +6 -0
- package/constants/timers.d.ts +2 -0
- package/hooks/index.d.ts +1 -0
- package/hooks/useAutoFocus/index.d.ts +1 -0
- package/hooks/useAutoFocus/useAutoFocus.d.ts +2 -0
- package/hooks/useTheme/index.d.ts +3 -0
- package/hooks/useTheme/useTheme.d.ts +4 -0
- package/hooks/useTheme/useTheme.types.d.ts +14 -0
- package/index.d.ts +3 -0
- package/index.js +124 -0
- package/index.mjs +8627 -0
- package/package.json +14 -0
- package/style.css +1 -0
- package/tokens/animations.d.ts +41 -0
- package/tokens/borders.d.ts +8 -0
- package/tokens/breadcrumbs.d.ts +23 -0
- package/tokens/button.d.ts +109 -0
- package/tokens/colors.d.ts +150 -0
- package/tokens/column.d.ts +5 -0
- package/tokens/cursors.d.ts +16 -0
- package/tokens/defaultTheme.d.ts +1425 -0
- package/tokens/display.d.ts +15 -0
- package/tokens/flexContainer.d.ts +7 -0
- package/tokens/font.d.ts +47 -0
- package/tokens/form.d.ts +3 -0
- package/tokens/icon.d.ts +28 -0
- package/tokens/index.d.ts +1339 -0
- package/tokens/input.d.ts +66 -0
- package/tokens/label.d.ts +18 -0
- package/tokens/link.d.ts +64 -0
- package/tokens/list.d.ts +76 -0
- package/tokens/loader.d.ts +42 -0
- package/tokens/modal.d.ts +59 -0
- package/tokens/radius.d.ts +10 -0
- package/tokens/reset.d.ts +1 -0
- package/tokens/row.d.ts +5 -0
- package/tokens/shadow.d.ts +10 -0
- package/tokens/skeleton.d.ts +24 -0
- package/tokens/snackbar.d.ts +198 -0
- package/tokens/spacing.d.ts +9 -0
- package/tokens/stepper.d.ts +110 -0
- package/tokens/switch.d.ts +8 -0
- package/tokens/tabs.d.ts +76 -0
- package/tokens/textarea.d.ts +55 -0
- package/tokens/tooltip.d.ts +54 -0
- package/tokens/types/index.types.d.ts +8 -0
- package/tokens/typography.d.ts +116 -0
- package/tokens/utils.d.ts +17 -0
- package/tokens/values.d.ts +28 -0
- package/tokens/wrapper.d.ts +29 -0
- package/types/accesability.d.ts +5 -0
- package/types/index.d.ts +2 -0
- package/types/misc.d.ts +6 -0
- package/utils/getCharCount.d.ts +3 -0
- package/utils/index.d.ts +2 -0
- package/utils/uniqueKeys.d.ts +1 -0
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { MouseEvent } from 'react';
|
|
2
|
+
import { CommonCoreComponentProps, CommonCoreStyledComponentProps } from '../..';
|
|
3
|
+
export declare enum LabelVariant {
|
|
4
|
+
Text = "text",
|
|
5
|
+
Contained = "contained",
|
|
6
|
+
Outlined = "outlined"
|
|
7
|
+
}
|
|
8
|
+
export declare enum LabelColorVariant {
|
|
9
|
+
Default = "default",
|
|
10
|
+
Primary = "primary",
|
|
11
|
+
Secondary = "secondary",
|
|
12
|
+
Error = "error",
|
|
13
|
+
Info = "info",
|
|
14
|
+
Success = "success",
|
|
15
|
+
Warning = "warning"
|
|
16
|
+
}
|
|
17
|
+
export type StyledLabelProps = CommonCoreStyledComponentProps<LabelVariant, LabelColorVariant>;
|
|
18
|
+
export interface LabelProps extends CommonCoreComponentProps<LabelVariant, LabelColorVariant> {
|
|
19
|
+
onClick?: (event: MouseEvent<HTMLLabelElement>) => void;
|
|
20
|
+
ariaLabel?: string;
|
|
21
|
+
htmlFor?: string;
|
|
22
|
+
id?: string;
|
|
23
|
+
}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import { StyledLabelProps } from './';
|
|
2
|
+
export declare const StyledLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, StyledLabelProps>> & string;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const COMPONENT_NAME = "Label";
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { MouseEvent } from 'react';
|
|
2
|
+
import { Cursors, CommonCoreComponentProps, CommonCoreStyledComponentProps } from '../..';
|
|
3
|
+
import { TabIndex, EnumOrPrimitive } from '../../../types';
|
|
4
|
+
export declare enum LinkVariant {
|
|
5
|
+
Primary = "primary",
|
|
6
|
+
Secondary = "secondary",
|
|
7
|
+
Inherit = "inherit"
|
|
8
|
+
}
|
|
9
|
+
export declare enum LinkTarget {
|
|
10
|
+
Blank = "_blank",
|
|
11
|
+
Self = "_self",
|
|
12
|
+
Parent = "_parent",
|
|
13
|
+
Top = "_top",
|
|
14
|
+
Framename = "framename"
|
|
15
|
+
}
|
|
16
|
+
export declare enum LinkRel {
|
|
17
|
+
Nofollow = "nofollow",
|
|
18
|
+
Noopener = "noopener",
|
|
19
|
+
Noreferrer = "noreferrer"
|
|
20
|
+
}
|
|
21
|
+
export interface LinkProps extends Exclude<CommonCoreComponentProps<LinkVariant>, 'color'> {
|
|
22
|
+
cursor?: Cursors;
|
|
23
|
+
external?: boolean;
|
|
24
|
+
disabled?: boolean;
|
|
25
|
+
target?: LinkTarget;
|
|
26
|
+
href?: string;
|
|
27
|
+
onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
|
|
28
|
+
ariaLabel?: string;
|
|
29
|
+
role?: string;
|
|
30
|
+
tabindex?: TabIndex;
|
|
31
|
+
rel?: EnumOrPrimitive<LinkRel> | string;
|
|
32
|
+
}
|
|
33
|
+
export interface StyledLinkProps extends CommonCoreStyledComponentProps<LinkVariant> {
|
|
34
|
+
$cursor: Cursors;
|
|
35
|
+
}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import { StyledLinkProps } from './Link.types';
|
|
2
|
+
export declare const StyledLink: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, StyledLinkProps>> & string;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const COMPONENT_NAME = "Link";
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { PropsWithChildren, ReactNode } from 'react';
|
|
2
|
+
import { CommonCoreComponentProps, CommonCoreStyledComponentProps } from '../..';
|
|
3
|
+
export declare enum ListVariant {
|
|
4
|
+
OrderedCircle = "ordered-circle",
|
|
5
|
+
OrderedSquare = "ordered-square",
|
|
6
|
+
UnorderedDot = "unordered-dot",
|
|
7
|
+
UnorderedCheck = "unordered-check"
|
|
8
|
+
}
|
|
9
|
+
export interface ListProps extends PropsWithChildren<CommonCoreComponentProps<ListVariant>> {
|
|
10
|
+
items?: ReactNode[];
|
|
11
|
+
}
|
|
12
|
+
export type StyledListProps = CommonCoreStyledComponentProps<ListVariant>;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { StyledListProps } from '.';
|
|
2
|
+
export declare const StyledListWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLUListElement>, HTMLUListElement>, StyledListProps>> & string;
|
|
3
|
+
export declare const StyledListItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, StyledListProps>> & string;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const COMPONENT_NAME = "List";
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { EnumOrPrimitive, NullableType } from '../../../types';
|
|
2
|
+
import { CommonCoreComponentProps, CommonCoreStyledComponentProps, ColorVariant, SizeVariant, WrapperVariant } from '../..';
|
|
3
|
+
export interface LoaderProps extends CommonCoreComponentProps<WrapperVariant, ColorVariant> {
|
|
4
|
+
size?: EnumOrPrimitive<SizeVariant>;
|
|
5
|
+
withWrapper?: boolean;
|
|
6
|
+
animationName?: NullableType<string>;
|
|
7
|
+
animationProps?: string;
|
|
8
|
+
}
|
|
9
|
+
export interface LoaderStyledProps extends CommonCoreStyledComponentProps<WrapperVariant, ColorVariant> {
|
|
10
|
+
$size?: EnumOrPrimitive<SizeVariant>;
|
|
11
|
+
$animationName?: NullableType<string>;
|
|
12
|
+
$animationProps?: string;
|
|
13
|
+
}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import { LoaderStyledProps } from '.';
|
|
2
|
+
export declare const StyledLoader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, LoaderStyledProps>> & string;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { CommonCoreContent } from '../..';
|
|
2
|
+
export interface ModalProps {
|
|
3
|
+
isOpen: boolean;
|
|
4
|
+
showCloseButton?: boolean;
|
|
5
|
+
closeOnEscape?: boolean;
|
|
6
|
+
onClose: () => void;
|
|
7
|
+
title?: CommonCoreContent;
|
|
8
|
+
children: CommonCoreContent;
|
|
9
|
+
footer?: CommonCoreContent;
|
|
10
|
+
onAccept?: () => void;
|
|
11
|
+
onCancel?: () => void;
|
|
12
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export declare const ModalOverlay: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
2
|
+
export declare const ModalContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
3
|
+
export declare const ModalHeader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
4
|
+
export declare const ModalTitle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
5
|
+
export declare const ModalBody: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
6
|
+
export declare const ModalFooter: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
7
|
+
export declare const CloseButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const COMPONENT_NAME = "Modal";
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { Maybe, EnumOrPrimitive } from '../../../types';
|
|
2
|
+
import { WrapperVariant, CommonCoreComponentProps } from '../..';
|
|
3
|
+
export interface PortalProps extends CommonCoreComponentProps {
|
|
4
|
+
container?: Maybe<Element | DocumentFragment>;
|
|
5
|
+
wrapperVariant?: EnumOrPrimitive<WrapperVariant>;
|
|
6
|
+
withWrapper?: boolean;
|
|
7
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const COMPONENT_NAME = "Portal";
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { NullableType } from '../../../types';
|
|
2
|
+
import { CommonCoreComponentProps, CommonCoreStyledComponentProps } from '../..';
|
|
3
|
+
export declare enum SkeletonVariant {
|
|
4
|
+
Rectangular = "rectangular",
|
|
5
|
+
Rounded = "rounded",
|
|
6
|
+
Circular = "circular"
|
|
7
|
+
}
|
|
8
|
+
export interface SkeletonProps extends CommonCoreComponentProps<SkeletonVariant> {
|
|
9
|
+
animationName?: NullableType<string>;
|
|
10
|
+
animationProps?: string;
|
|
11
|
+
width?: string;
|
|
12
|
+
height?: string;
|
|
13
|
+
}
|
|
14
|
+
export interface SkeletonStyledProps extends CommonCoreStyledComponentProps<SkeletonVariant> {
|
|
15
|
+
$animationName?: NullableType<string>;
|
|
16
|
+
$animationProps?: string;
|
|
17
|
+
$width?: string;
|
|
18
|
+
$height?: string;
|
|
19
|
+
}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import { SkeletonStyledProps } from '.';
|
|
2
|
+
export declare const StyledSkeleton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, SkeletonStyledProps>> & string;
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { Theme } from '../../../hooks';
|
|
2
|
+
import { ReactNode, CSSProperties } from 'react';
|
|
3
|
+
export declare enum SnackbarVariant {
|
|
4
|
+
Success = "success",
|
|
5
|
+
Error = "error",
|
|
6
|
+
Warning = "warning",
|
|
7
|
+
Info = "info"
|
|
8
|
+
}
|
|
9
|
+
export declare enum SnackbarPosition {
|
|
10
|
+
TopLeft = "top-left",
|
|
11
|
+
TopCenter = "top-center",
|
|
12
|
+
TopRight = "top-right",
|
|
13
|
+
BottomLeft = "bottom-left",
|
|
14
|
+
BottomCenter = "bottom-center",
|
|
15
|
+
BottomRight = "bottom-right"
|
|
16
|
+
}
|
|
17
|
+
export interface SnackbarOptions {
|
|
18
|
+
id?: string;
|
|
19
|
+
message: ReactNode;
|
|
20
|
+
variant?: SnackbarVariant;
|
|
21
|
+
position?: SnackbarPosition;
|
|
22
|
+
duration?: number | null;
|
|
23
|
+
onClose?: () => void;
|
|
24
|
+
action?: ReactNode;
|
|
25
|
+
dismissonclick?: boolean;
|
|
26
|
+
colored?: boolean;
|
|
27
|
+
customStyles?: CSSProperties;
|
|
28
|
+
icon?: ReactNode;
|
|
29
|
+
title: string;
|
|
30
|
+
}
|
|
31
|
+
export interface SnackbarState extends SnackbarOptions {
|
|
32
|
+
id: string;
|
|
33
|
+
}
|
|
34
|
+
export interface StyledSnackbarProps {
|
|
35
|
+
variant: SnackbarVariant;
|
|
36
|
+
position: SnackbarPosition;
|
|
37
|
+
$isClosing: boolean;
|
|
38
|
+
$colored: boolean;
|
|
39
|
+
$dismissOnClick?: boolean;
|
|
40
|
+
$theme: Theme;
|
|
41
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Theme } from '../../../hooks';
|
|
2
|
+
import { SnackbarPosition, StyledSnackbarProps } from './Snackbar.types';
|
|
3
|
+
export declare const StyledSnackbar: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledSnackbarProps>> & string;
|
|
4
|
+
export declare const CloseButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
5
|
+
$theme: Theme;
|
|
6
|
+
}>> & string;
|
|
7
|
+
export declare const ActionButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
8
|
+
$theme: Theme;
|
|
9
|
+
}>> & string;
|
|
10
|
+
export declare const SnackbarContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
11
|
+
position: SnackbarPosition;
|
|
12
|
+
$theme: Theme;
|
|
13
|
+
}>> & string;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { SnackbarVariant, SnackbarPosition } from './Snackbar.types';
|
|
2
|
+
export declare const COMPONENT_NAME = "Snackbar";
|
|
3
|
+
export declare const COMPONENT_SNACKBAR_MANAGER_NAME = "Snackbar-manager";
|
|
4
|
+
export declare const DEFAULT_VARIANT = SnackbarVariant.Info;
|
|
5
|
+
export declare const DEFAULT_POSITION = SnackbarPosition.BottomRight;
|
|
6
|
+
export declare const DEFAULT_DURATION = 3000;
|
|
7
|
+
export declare const MAX_SNACKBARS = 50;
|
|
8
|
+
export declare const ANIMATION_DURATION = 300;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import { StyledSwitchProps } from './types';
|
|
2
|
+
export declare const StyledSwitch: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledSwitchProps>> & string;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const COMPONENT_NAME = "Switch";
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { PropsWithChildren, ReactNode } from 'react';
|
|
2
|
+
import { CommonStyledComponentProps } from '../..';
|
|
3
|
+
export interface StyledSwitchProps extends CommonStyledComponentProps {
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
}
|
|
6
|
+
export interface SwitchItem {
|
|
7
|
+
label: string;
|
|
8
|
+
value: unknown;
|
|
9
|
+
icon?: string;
|
|
10
|
+
}
|
|
11
|
+
export interface SwitchProps extends PropsWithChildren<StyledSwitchProps> {
|
|
12
|
+
classNames?: string;
|
|
13
|
+
items?: string[] | SwitchItem[];
|
|
14
|
+
disabled?: boolean;
|
|
15
|
+
value?: unknown;
|
|
16
|
+
onValueChange?: (value: any) => void;
|
|
17
|
+
renderItemContent?: (item: SwitchItem | string, index: number) => ReactNode;
|
|
18
|
+
}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { StyledTextareaProps } from './Textarea.types';
|
|
2
|
+
export declare const StyledTextarea: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, StyledTextareaProps>> & string;
|
|
3
|
+
export default StyledTextarea;
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { EnumOrPrimitive, WithOptional } from '../../../types';
|
|
2
|
+
import { CommonCoreComponentProps, CommonCoreStyledComponentProps, EventBaseComponentsCoreProps } from '../types/index.types';
|
|
3
|
+
export declare enum TextareaResize {
|
|
4
|
+
None = "none",
|
|
5
|
+
Both = "both",
|
|
6
|
+
Horizontal = "horizontal",
|
|
7
|
+
Vertical = "vertical"
|
|
8
|
+
}
|
|
9
|
+
export declare enum TextareaVariant {
|
|
10
|
+
Contained = "contained",
|
|
11
|
+
Outlined = "outlined",
|
|
12
|
+
Text = "text"
|
|
13
|
+
}
|
|
14
|
+
export type TextareaVariantType = TextareaVariant;
|
|
15
|
+
export declare enum TextareaColorVariant {
|
|
16
|
+
Default = "default",
|
|
17
|
+
Primary = "primary",
|
|
18
|
+
Secondary = "secondary"
|
|
19
|
+
}
|
|
20
|
+
export type TextareaColorVariantType = TextareaColorVariant;
|
|
21
|
+
export type TextareaUpdatedSize = {
|
|
22
|
+
height: number;
|
|
23
|
+
width: number;
|
|
24
|
+
};
|
|
25
|
+
export interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'color'>, EventBaseComponentsCoreProps<HTMLTextAreaElement>, CommonCoreComponentProps<TextareaVariantType, TextareaColorVariantType> {
|
|
26
|
+
label?: string;
|
|
27
|
+
helperText?: string;
|
|
28
|
+
ariaDescribedBy?: string;
|
|
29
|
+
defaultValue?: string;
|
|
30
|
+
errorText?: string;
|
|
31
|
+
maxLength?: number;
|
|
32
|
+
maxLengthCountShow?: boolean;
|
|
33
|
+
resize?: EnumOrPrimitive<TextareaResize>;
|
|
34
|
+
dynamicHeightAdjustment?: boolean;
|
|
35
|
+
onCustomResize?: (newSize: {
|
|
36
|
+
height: number;
|
|
37
|
+
width: number;
|
|
38
|
+
}) => void;
|
|
39
|
+
}
|
|
40
|
+
export interface StyledTextareaProps extends CommonCoreStyledComponentProps<TextareaVariantType, TextareaColorVariantType> {
|
|
41
|
+
$resize?: WithOptional<TextareaResize>;
|
|
42
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const COMPONENT_NAME = "Textarea";
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { StyledTooltipProps } from './Tooltip.types';
|
|
2
|
+
export declare const TooltipWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
3
|
+
export declare const StyledTooltip: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledTooltipProps>> & string;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { PropsWithChildren, ReactNode } from 'react';
|
|
2
|
+
import { CommonStyledComponentProps } from '../..';
|
|
3
|
+
export declare enum TooltipPosition {
|
|
4
|
+
Top = "top",
|
|
5
|
+
Bottom = "bottom",
|
|
6
|
+
Left = "left",
|
|
7
|
+
Right = "right"
|
|
8
|
+
}
|
|
9
|
+
export interface TooltipProps extends PropsWithChildren<Partial<StyledTooltipProps>> {
|
|
10
|
+
classNames?: string;
|
|
11
|
+
content: ReactNode;
|
|
12
|
+
delay?: number;
|
|
13
|
+
gap?: number;
|
|
14
|
+
}
|
|
15
|
+
export interface StyledTooltipProps extends CommonStyledComponentProps {
|
|
16
|
+
position: TooltipPosition;
|
|
17
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Tooltip } from './Tooltip';
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { Maybe } from '../../../types';
|
|
2
|
+
import { TooltipPosition } from './Tooltip.types';
|
|
3
|
+
export declare const useTooltip: (position?: TooltipPosition, delay?: number, gap?: number) => {
|
|
4
|
+
isVisible: boolean;
|
|
5
|
+
coords: {
|
|
6
|
+
top: number;
|
|
7
|
+
left: number;
|
|
8
|
+
};
|
|
9
|
+
containerRef: import('react').MutableRefObject<Maybe<HTMLDivElement>>;
|
|
10
|
+
tooltipRef: import('react').MutableRefObject<Maybe<HTMLDivElement>>;
|
|
11
|
+
showTooltip: () => void;
|
|
12
|
+
hideTooltip: () => void;
|
|
13
|
+
positionWithFallback: TooltipPosition;
|
|
14
|
+
};
|
|
15
|
+
export declare const getCoords: (containerRect: DOMRect, tooltipRect: DOMRect, tooltipPosition: TooltipPosition, gap: number) => {
|
|
16
|
+
top: number;
|
|
17
|
+
left: number;
|
|
18
|
+
};
|
|
19
|
+
export declare const getFallbackPosition: (currentPosition: TooltipPosition, tooltipRect: DOMRect, coords: {
|
|
20
|
+
left: number;
|
|
21
|
+
top: number;
|
|
22
|
+
}) => TooltipPosition;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import { StyledTypographyType } from './Typography.types';
|
|
2
|
+
export declare const StyledTypography: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, StyledTypographyType>> & string;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { PropsWithChildren } from 'react';
|
|
2
|
+
import { TypographyProps } from './Typography.types';
|
|
3
|
+
export declare const Typography: ({ variant, size, children, classNames, align, editable, onChangeCb, debounceCallbackTime, styles, }: PropsWithChildren<TypographyProps>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { FormEvent } from 'react';
|
|
2
|
+
import { CommonCoreComponentProps, CommonCoreStyledComponentProps, SizeVariant } from '../..';
|
|
3
|
+
export declare enum TextAlign {
|
|
4
|
+
Start = "start",
|
|
5
|
+
End = "end",
|
|
6
|
+
Center = "center",
|
|
7
|
+
Left = "left",
|
|
8
|
+
Right = "right",
|
|
9
|
+
Justify = "justify",
|
|
10
|
+
MatchParent = "match-parent",
|
|
11
|
+
Inherit = "inherit",
|
|
12
|
+
Initial = "initial",
|
|
13
|
+
Revert = "revert",
|
|
14
|
+
RevertLayer = "revert-layer",
|
|
15
|
+
Unset = "unset",
|
|
16
|
+
Webkitcenter = "-webkit-center",
|
|
17
|
+
MozCenter = "-moz-center"
|
|
18
|
+
}
|
|
19
|
+
export declare enum TypographyVariant {
|
|
20
|
+
H1 = "h1",
|
|
21
|
+
H2 = "h2",
|
|
22
|
+
H3 = "h3",
|
|
23
|
+
H4 = "h4",
|
|
24
|
+
H5 = "h5",
|
|
25
|
+
H6 = "h6",
|
|
26
|
+
Body1 = "p",
|
|
27
|
+
Body2 = "small",
|
|
28
|
+
Display = "span",
|
|
29
|
+
Italic = "i",
|
|
30
|
+
Bold = "strong",
|
|
31
|
+
Sup = "sup",
|
|
32
|
+
Sub = "sub",
|
|
33
|
+
Caption = "caption",
|
|
34
|
+
Light = "light",
|
|
35
|
+
Normal = "normal",
|
|
36
|
+
Semibold = "semibold",
|
|
37
|
+
Uppercase = "uppercase",
|
|
38
|
+
Lowercase = "lowercase",
|
|
39
|
+
Underline = "underline",
|
|
40
|
+
Strike = "strike",
|
|
41
|
+
Inherit = "inherit"
|
|
42
|
+
}
|
|
43
|
+
export interface OnChangeCallbackProps {
|
|
44
|
+
event: FormEvent<HTMLDivElement>;
|
|
45
|
+
content: string;
|
|
46
|
+
}
|
|
47
|
+
export interface StyledTypographyType extends CommonCoreStyledComponentProps<TypographyVariant> {
|
|
48
|
+
as?: TypographyVariant;
|
|
49
|
+
$size?: SizeVariant;
|
|
50
|
+
$align: TextAlign;
|
|
51
|
+
}
|
|
52
|
+
export interface TypographyProps extends CommonCoreComponentProps<TypographyVariant> {
|
|
53
|
+
editable?: boolean;
|
|
54
|
+
size?: SizeVariant;
|
|
55
|
+
align?: TextAlign;
|
|
56
|
+
onChangeCb?: (callbackData: OnChangeCallbackProps) => void;
|
|
57
|
+
debounceCallbackTime?: number;
|
|
58
|
+
}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import { WrapperStyledProps } from '.';
|
|
2
|
+
export declare const StyledWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, WrapperStyledProps>> & string;
|