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.
Files changed (206) hide show
  1. package/README.md +201 -0
  2. package/assets/icons/arrow-forward.d.ts +6 -0
  3. package/assets/icons/check.d.ts +6 -0
  4. package/assets/icons/chevron-right.d.ts +6 -0
  5. package/assets/icons/cross.d.ts +6 -0
  6. package/assets/icons/dot.d.ts +6 -0
  7. package/assets/icons/home.d.ts +6 -0
  8. package/assets/icons/slash.d.ts +6 -0
  9. package/assets/icons/star.d.ts +5 -0
  10. package/assets/icons/toast_error.d.ts +5 -0
  11. package/assets/icons/toast_info.d.ts +5 -0
  12. package/assets/icons/toast_success.d.ts +5 -0
  13. package/assets/icons/toast_warning.d.ts +5 -0
  14. package/assets/index.d.ts +83 -0
  15. package/components/core/Breadcrumbs/Breadcrumbs.d.ts +2 -0
  16. package/components/core/Breadcrumbs/Breadcrumbs.types.d.ts +14 -0
  17. package/components/core/Breadcrumbs/StyledBreadcrumbs.d.ts +6 -0
  18. package/components/core/Breadcrumbs/constants.d.ts +1 -0
  19. package/components/core/Breadcrumbs/index.d.ts +2 -0
  20. package/components/core/Button/Button.d.ts +5 -0
  21. package/components/core/Button/Button.types.d.ts +52 -0
  22. package/components/core/Button/StyledButton.d.ts +5 -0
  23. package/components/core/Button/constants.d.ts +1 -0
  24. package/components/core/Button/index.d.ts +2 -0
  25. package/components/core/Form/Form.d.ts +5 -0
  26. package/components/core/Form/Form.types.d.ts +24 -0
  27. package/components/core/Form/StyledForm.d.ts +2 -0
  28. package/components/core/Form/constants.d.ts +1 -0
  29. package/components/core/Form/index.d.ts +2 -0
  30. package/components/core/Form/utils.d.ts +3 -0
  31. package/components/core/Icon/Icon.d.ts +5 -0
  32. package/components/core/Icon/Icon.types.d.ts +8 -0
  33. package/components/core/Icon/constants.d.ts +1 -0
  34. package/components/core/Icon/index.d.ts +2 -0
  35. package/components/core/Input/Input.d.ts +3 -0
  36. package/components/core/Input/Input.types.d.ts +68 -0
  37. package/components/core/Input/StyledInput.d.ts +3 -0
  38. package/components/core/Input/constants.d.ts +1 -0
  39. package/components/core/Input/index.d.ts +2 -0
  40. package/components/core/Label/Label.d.ts +5 -0
  41. package/components/core/Label/Label.types.d.ts +23 -0
  42. package/components/core/Label/StyledLabel.d.ts +2 -0
  43. package/components/core/Label/constants.d.ts +1 -0
  44. package/components/core/Label/index.d.ts +2 -0
  45. package/components/core/Link/Link.d.ts +4 -0
  46. package/components/core/Link/Link.types.d.ts +35 -0
  47. package/components/core/Link/StyledLink.d.ts +2 -0
  48. package/components/core/Link/constants.d.ts +1 -0
  49. package/components/core/Link/index.d.ts +2 -0
  50. package/components/core/List/List.d.ts +3 -0
  51. package/components/core/List/List.types.d.ts +12 -0
  52. package/components/core/List/StyledList.d.ts +3 -0
  53. package/components/core/List/constants.d.ts +1 -0
  54. package/components/core/List/index.d.ts +2 -0
  55. package/components/core/Loader/Loader.d.ts +4 -0
  56. package/components/core/Loader/Loader.types.d.ts +13 -0
  57. package/components/core/Loader/StyledLoader.d.ts +2 -0
  58. package/components/core/Loader/constants.d.ts +2 -0
  59. package/components/core/Loader/index.d.ts +2 -0
  60. package/components/core/Modal/Modal.d.ts +2 -0
  61. package/components/core/Modal/Modal.types.d.ts +12 -0
  62. package/components/core/Modal/StyledModal.d.ts +7 -0
  63. package/components/core/Modal/constants.d.ts +1 -0
  64. package/components/core/Modal/index.d.ts +2 -0
  65. package/components/core/Portal/Portal.d.ts +4 -0
  66. package/components/core/Portal/Portal.types.d.ts +7 -0
  67. package/components/core/Portal/constants.d.ts +1 -0
  68. package/components/core/Portal/index.d.ts +2 -0
  69. package/components/core/Skeleton/Skeleton.d.ts +4 -0
  70. package/components/core/Skeleton/Skeleton.types.d.ts +19 -0
  71. package/components/core/Skeleton/StyledSkeleton.d.ts +2 -0
  72. package/components/core/Skeleton/constants.d.ts +2 -0
  73. package/components/core/Skeleton/index.d.ts +2 -0
  74. package/components/core/Snackbar/Snackbar.d.ts +2 -0
  75. package/components/core/Snackbar/Snackbar.types.d.ts +41 -0
  76. package/components/core/Snackbar/SnackbarManager.d.ts +3 -0
  77. package/components/core/Snackbar/StyledSnackbar.d.ts +13 -0
  78. package/components/core/Snackbar/constants.d.ts +8 -0
  79. package/components/core/Snackbar/index.d.ts +4 -0
  80. package/components/core/Switch/StyledSwitch.d.ts +2 -0
  81. package/components/core/Switch/Switch.d.ts +2 -0
  82. package/components/core/Switch/constants.d.ts +1 -0
  83. package/components/core/Switch/index.d.ts +2 -0
  84. package/components/core/Switch/types.d.ts +18 -0
  85. package/components/core/Textarea/StyledTextarea.d.ts +3 -0
  86. package/components/core/Textarea/Textarea.d.ts +3 -0
  87. package/components/core/Textarea/Textarea.types.d.ts +42 -0
  88. package/components/core/Textarea/TextareaWidget.d.ts +3 -0
  89. package/components/core/Textarea/constants.d.ts +1 -0
  90. package/components/core/Textarea/hooks/index.d.ts +2 -0
  91. package/components/core/Textarea/hooks/useDynamicHeightAdjustment.d.ts +2 -0
  92. package/components/core/Textarea/hooks/useResizeObserver.d.ts +2 -0
  93. package/components/core/Textarea/index.d.ts +3 -0
  94. package/components/core/Tooltip/StyledTooltip.d.ts +3 -0
  95. package/components/core/Tooltip/Tooltip.d.ts +3 -0
  96. package/components/core/Tooltip/Tooltip.types.d.ts +17 -0
  97. package/components/core/Tooltip/constants.d.ts +3 -0
  98. package/components/core/Tooltip/index.d.ts +1 -0
  99. package/components/core/Tooltip/utils.d.ts +22 -0
  100. package/components/core/Typography/StyledTypography.d.ts +2 -0
  101. package/components/core/Typography/Typography.d.ts +3 -0
  102. package/components/core/Typography/Typography.types.d.ts +58 -0
  103. package/components/core/Typography/constants.d.ts +3 -0
  104. package/components/core/Typography/index.d.ts +2 -0
  105. package/components/core/Typography/utils.d.ts +2 -0
  106. package/components/core/Wrapper/StyledWrapper.d.ts +2 -0
  107. package/components/core/Wrapper/Wrapper.d.ts +5 -0
  108. package/components/core/Wrapper/Wrapper.types.d.ts +8 -0
  109. package/components/core/Wrapper/constants.d.ts +1 -0
  110. package/components/core/Wrapper/index.d.ts +2 -0
  111. package/components/core/index.d.ts +19 -0
  112. package/components/core/types/common.types.d.ts +24 -0
  113. package/components/core/types/cursors.types.d.ts +14 -0
  114. package/components/core/types/index.types.d.ts +3 -0
  115. package/components/core/types/roles.types.d.ts +3 -0
  116. package/components/domainSpecific/Stepper/Stepper.d.ts +2 -0
  117. package/components/domainSpecific/Stepper/Stepper.types.d.ts +39 -0
  118. package/components/domainSpecific/Stepper/StyledStepper.d.ts +6 -0
  119. package/components/domainSpecific/Stepper/constants.d.ts +1 -0
  120. package/components/domainSpecific/Stepper/index.d.ts +2 -0
  121. package/components/domainSpecific/Stepper/utils.d.ts +2 -0
  122. package/components/domainSpecific/Tabs/StyledTabs.d.ts +7 -0
  123. package/components/domainSpecific/Tabs/Tabs.d.ts +2 -0
  124. package/components/domainSpecific/Tabs/Tabs.types.d.ts +19 -0
  125. package/components/domainSpecific/Tabs/constants.d.ts +6 -0
  126. package/components/domainSpecific/Tabs/index.d.ts +2 -0
  127. package/components/domainSpecific/index.d.ts +2 -0
  128. package/components/index.d.ts +4 -0
  129. package/components/index.types.d.ts +37 -0
  130. package/components/layout/Column/Column.d.ts +4 -0
  131. package/components/layout/Column/Column.types.d.ts +5 -0
  132. package/components/layout/Column/StyledColumn.d.ts +2 -0
  133. package/components/layout/Column/constants.d.ts +1 -0
  134. package/components/layout/Column/index.d.ts +1 -0
  135. package/components/layout/FlexContainer/FlexContainer.d.ts +5 -0
  136. package/components/layout/FlexContainer/FlexContainer.types.d.ts +9 -0
  137. package/components/layout/FlexContainer/StyledFlexContainer.d.ts +2 -0
  138. package/components/layout/FlexContainer/constants.d.ts +1 -0
  139. package/components/layout/FlexContainer/index.d.ts +2 -0
  140. package/components/layout/FlexContainer/utils.d.ts +2 -0
  141. package/components/layout/Row/Row.d.ts +5 -0
  142. package/components/layout/Row/Row.types.d.ts +5 -0
  143. package/components/layout/Row/StyledRow.d.ts +2 -0
  144. package/components/layout/Row/constants.d.ts +1 -0
  145. package/components/layout/Row/index.d.ts +1 -0
  146. package/components/layout/index.d.ts +4 -0
  147. package/components/layout/index.types.d.ts +1 -0
  148. package/components/layout/utils.d.ts +4 -0
  149. package/constants/index.d.ts +2 -0
  150. package/constants/keyboard.d.ts +3 -0
  151. package/constants/positioning.d.ts +6 -0
  152. package/constants/timers.d.ts +2 -0
  153. package/hooks/index.d.ts +1 -0
  154. package/hooks/useAutoFocus/index.d.ts +1 -0
  155. package/hooks/useAutoFocus/useAutoFocus.d.ts +2 -0
  156. package/hooks/useTheme/index.d.ts +3 -0
  157. package/hooks/useTheme/useTheme.d.ts +4 -0
  158. package/hooks/useTheme/useTheme.types.d.ts +14 -0
  159. package/index.d.ts +3 -0
  160. package/index.js +124 -0
  161. package/index.mjs +8627 -0
  162. package/package.json +14 -0
  163. package/style.css +1 -0
  164. package/tokens/animations.d.ts +41 -0
  165. package/tokens/borders.d.ts +8 -0
  166. package/tokens/breadcrumbs.d.ts +23 -0
  167. package/tokens/button.d.ts +109 -0
  168. package/tokens/colors.d.ts +150 -0
  169. package/tokens/column.d.ts +5 -0
  170. package/tokens/cursors.d.ts +16 -0
  171. package/tokens/defaultTheme.d.ts +1425 -0
  172. package/tokens/display.d.ts +15 -0
  173. package/tokens/flexContainer.d.ts +7 -0
  174. package/tokens/font.d.ts +47 -0
  175. package/tokens/form.d.ts +3 -0
  176. package/tokens/icon.d.ts +28 -0
  177. package/tokens/index.d.ts +1339 -0
  178. package/tokens/input.d.ts +66 -0
  179. package/tokens/label.d.ts +18 -0
  180. package/tokens/link.d.ts +64 -0
  181. package/tokens/list.d.ts +76 -0
  182. package/tokens/loader.d.ts +42 -0
  183. package/tokens/modal.d.ts +59 -0
  184. package/tokens/radius.d.ts +10 -0
  185. package/tokens/reset.d.ts +1 -0
  186. package/tokens/row.d.ts +5 -0
  187. package/tokens/shadow.d.ts +10 -0
  188. package/tokens/skeleton.d.ts +24 -0
  189. package/tokens/snackbar.d.ts +198 -0
  190. package/tokens/spacing.d.ts +9 -0
  191. package/tokens/stepper.d.ts +110 -0
  192. package/tokens/switch.d.ts +8 -0
  193. package/tokens/tabs.d.ts +76 -0
  194. package/tokens/textarea.d.ts +55 -0
  195. package/tokens/tooltip.d.ts +54 -0
  196. package/tokens/types/index.types.d.ts +8 -0
  197. package/tokens/typography.d.ts +116 -0
  198. package/tokens/utils.d.ts +17 -0
  199. package/tokens/values.d.ts +28 -0
  200. package/tokens/wrapper.d.ts +29 -0
  201. package/types/accesability.d.ts +5 -0
  202. package/types/index.d.ts +2 -0
  203. package/types/misc.d.ts +6 -0
  204. package/utils/getCharCount.d.ts +3 -0
  205. package/utils/index.d.ts +2 -0
  206. 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,2 @@
1
+ export { default as Label } from './Label';
2
+ export * from './Label.types';
@@ -0,0 +1,4 @@
1
+ import { LinkProps } from './Link.types';
2
+ export declare const Link: import('react').ForwardRefExoticComponent<LinkProps & {
3
+ children?: import('react').ReactNode | undefined;
4
+ } & import('react').RefAttributes<HTMLAnchorElement>>;
@@ -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,2 @@
1
+ export * from './Link';
2
+ export * from './Link.types';
@@ -0,0 +1,3 @@
1
+ import { ListProps } from './List.types';
2
+ declare const List: import('react').ForwardRefExoticComponent<ListProps & import('react').RefAttributes<HTMLUListElement>>;
3
+ export default List;
@@ -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,2 @@
1
+ export { default as List } from './List';
2
+ export * from './List.types';
@@ -0,0 +1,4 @@
1
+ import { LoaderProps } from './Loader.types';
2
+ export declare const Loader: import('react').ForwardRefExoticComponent<LoaderProps & {
3
+ children?: import('react').ReactNode | undefined;
4
+ } & import('react').RefAttributes<HTMLDivElement>>;
@@ -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,2 @@
1
+ export declare const COMPONENT_NAME = "Loader";
2
+ export declare const BASE_ANIMATION = "2000ms ease-in-out infinite";
@@ -0,0 +1,2 @@
1
+ export * from './Loader';
2
+ export * from './Loader.types';
@@ -0,0 +1,2 @@
1
+ import { ModalProps } from './Modal.types';
2
+ export declare const Modal: import('react').ForwardRefExoticComponent<ModalProps & import('react').RefAttributes<HTMLDivElement>>;
@@ -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,2 @@
1
+ export * from './Modal';
2
+ export * from './Modal.types';
@@ -0,0 +1,4 @@
1
+ import { PropsWithChildren } from 'react';
2
+ import { PortalProps } from '.';
3
+ declare const Portal: (props: PropsWithChildren<PortalProps>) => import('react').ReactPortal;
4
+ export default Portal;
@@ -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,2 @@
1
+ export { default as Portal } from './Portal';
2
+ export * from './Portal.types';
@@ -0,0 +1,4 @@
1
+ import { SkeletonProps } from './Skeleton.types';
2
+ export declare const Skeleton: import('react').ForwardRefExoticComponent<SkeletonProps & {
3
+ children?: import('react').ReactNode | undefined;
4
+ } & import('react').RefAttributes<HTMLSpanElement>>;
@@ -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,2 @@
1
+ export declare const COMPONENT_NAME = "Skeleton";
2
+ export declare const BASE_ANIMATION = "2000ms ease-in-out 500ms infinite";
@@ -0,0 +1,2 @@
1
+ export * from './Skeleton';
2
+ export * from './Skeleton.types';
@@ -0,0 +1,2 @@
1
+ import { SnackbarState } from './Snackbar.types';
2
+ export declare const Snackbar: ({ title, message, variant, position, duration, onClose, action, colored, dismissonclick, customStyles, icon, }: SnackbarState) => import("react/jsx-runtime").JSX.Element;
@@ -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,3 @@
1
+ import { SnackbarOptions } from './Snackbar.types';
2
+ export declare const showSnackbar: (options: SnackbarOptions) => void;
3
+ export declare const SnackbarManager: () => import("react/jsx-runtime").JSX.Element | null;
@@ -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,4 @@
1
+ export * from './Snackbar';
2
+ export * from './Snackbar.types';
3
+ export * from './SnackbarManager';
4
+ export { showSnackbar } from './SnackbarManager';
@@ -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,2 @@
1
+ import { SwitchProps } from './types';
2
+ export declare const Switch: import('react').ForwardRefExoticComponent<SwitchProps & import('react').RefAttributes<HTMLTextAreaElement>>;
@@ -0,0 +1 @@
1
+ export declare const COMPONENT_NAME = "Switch";
@@ -0,0 +1,2 @@
1
+ export { Switch } from './Switch';
2
+ export * from './types';
@@ -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,3 @@
1
+ import { TextareaProps } from './Textarea.types';
2
+ export declare const Textarea: import('react').ForwardRefExoticComponent<TextareaProps & import('react').RefAttributes<HTMLTextAreaElement>>;
3
+ export default Textarea;
@@ -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,3 @@
1
+ import { TextareaProps } from './Textarea.types';
2
+ export declare const TextareaWidget: import('react').ForwardRefExoticComponent<TextareaProps & import('react').RefAttributes<HTMLTextAreaElement>>;
3
+ export default TextareaWidget;
@@ -0,0 +1 @@
1
+ export declare const COMPONENT_NAME = "Textarea";
@@ -0,0 +1,2 @@
1
+ export * from './useDynamicHeightAdjustment';
2
+ export * from './useResizeObserver';
@@ -0,0 +1,2 @@
1
+ import { ChangeEvent } from 'react';
2
+ export declare const useDynamicHeightAdjustment: (ref: React.RefObject<HTMLTextAreaElement>, dynamicHeightAdjustment: boolean) => (_event: ChangeEvent<HTMLTextAreaElement>) => void;
@@ -0,0 +1,2 @@
1
+ import { TextareaUpdatedSize } from '../Textarea.types';
2
+ export declare const useResizeObserver: (ref: React.RefObject<HTMLTextAreaElement>, onCustomResize?: (size: TextareaUpdatedSize) => void) => void;
@@ -0,0 +1,3 @@
1
+ export * from './Textarea';
2
+ export * from './TextareaWidget';
3
+ export * from './Textarea.types';
@@ -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,3 @@
1
+ import { TooltipProps } from './Tooltip.types';
2
+ declare const Tooltip: ({ children, content, position, delay, classNames, gap }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
3
+ export default Tooltip;
@@ -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,3 @@
1
+ export declare const COMPONENT_NAME = "Tooltip";
2
+ export declare const DEFAULT_GAP = 10;
3
+ export declare const DEFAULT_DELAY = 200;
@@ -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,3 @@
1
+ import { TypographyVariant } from './Typography.types';
2
+ export declare const COMPONENT_NAME = "typography";
3
+ export declare const SPAN_ELEMENTS_SET: Set<TypographyVariant>;
@@ -0,0 +1,2 @@
1
+ export * from './Typography';
2
+ export * from './Typography.types';
@@ -0,0 +1,2 @@
1
+ import { TypographyVariant } from '.';
2
+ export declare const getVariantTag: (variant?: TypographyVariant) => TypographyVariant;
@@ -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;
@@ -0,0 +1,5 @@
1
+ import { WrapperProps } from '.';
2
+ declare const Wrapper: import('react').ForwardRefExoticComponent<WrapperProps & {
3
+ children?: import('react').ReactNode | undefined;
4
+ } & import('react').RefAttributes<HTMLDivElement>>;
5
+ export default Wrapper;