@paygreen/pgui 2.1.1 → 2.2.0

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 (81) hide show
  1. package/README.md +38 -22
  2. package/dist/cjs/index.js +50946 -2674
  3. package/dist/cjs/index.js.map +1 -1
  4. package/dist/cjs/types/components/ActionsButton/index.d.ts +2 -2
  5. package/dist/cjs/types/components/Card/index.d.ts +3 -0
  6. package/dist/cjs/types/components/ConfirmMenuItem/index.d.ts +13 -0
  7. package/dist/cjs/types/components/DataList/index.d.ts +5 -5
  8. package/dist/cjs/types/components/DayPicker/index.d.ts +3 -0
  9. package/dist/cjs/types/components/FormGroup/index.d.ts +1 -1
  10. package/dist/cjs/types/components/InputDayPicker/index.d.ts +16 -0
  11. package/dist/cjs/types/components/Pagination/index.d.ts +5 -5
  12. package/dist/cjs/types/components/SearchInput/index.d.ts +11 -0
  13. package/dist/cjs/types/components/Select/index.d.ts +116 -0
  14. package/dist/cjs/types/components/index.d.ts +6 -0
  15. package/dist/cjs/types/index.d.ts +3 -0
  16. package/dist/cjs/types/layout/BottomBar/index.d.ts +3 -0
  17. package/dist/cjs/types/layout/LayoutContainer/index.d.ts +3 -0
  18. package/dist/cjs/types/layout/SideNav/index.d.ts +16 -0
  19. package/dist/cjs/types/layout/TopBar/index.d.ts +10 -0
  20. package/dist/cjs/types/layout/index.d.ts +4 -0
  21. package/dist/cjs/types/theme/components/{Badge.d.ts → badge.d.ts} +2 -1
  22. package/dist/{esm/types/theme/components/Button.d.ts → cjs/types/theme/components/button.d.ts} +2 -7
  23. package/dist/cjs/types/theme/components/drawer.d.ts +6 -0
  24. package/dist/cjs/types/theme/components/index.d.ts +5 -0
  25. package/dist/{esm/types/theme/components/Input.d.ts → cjs/types/theme/components/input.d.ts} +2 -1
  26. package/dist/{esm/types/theme/components/Tag.d.ts → cjs/types/theme/components/tag.d.ts} +2 -1
  27. package/dist/cjs/types/theme/externals-css.d.ts +1 -0
  28. package/dist/cjs/types/theme/foundations/colors.d.ts +1 -0
  29. package/dist/cjs/types/theme/foundations/index.d.ts +118 -0
  30. package/dist/cjs/types/theme/foundations/radius.d.ts +11 -0
  31. package/dist/cjs/types/theme/foundations/sizes.d.ts +21 -0
  32. package/dist/cjs/types/theme/index.d.ts +2 -1
  33. package/dist/cjs/types/theme/rawStyle/chakraStyle.d.ts +2 -0
  34. package/dist/cjs/types/theme/rawStyle/index.d.ts +2 -0
  35. package/dist/cjs/types/theme/rawStyle/reactDayPicker.d.ts +2 -0
  36. package/dist/cjs/types/theme/styles.d.ts +2 -0
  37. package/dist/cjs/types/theme/theme.d.ts +1 -0
  38. package/dist/cjs/types/utils/date.d.ts +1 -0
  39. package/dist/cjs/types/utils/index.d.ts +2 -0
  40. package/dist/cjs/types/utils/responsive.d.ts +1 -0
  41. package/dist/esm/index.js +50902 -2675
  42. package/dist/esm/index.js.map +1 -1
  43. package/dist/esm/types/components/ActionsButton/index.d.ts +2 -2
  44. package/dist/esm/types/components/Card/index.d.ts +3 -0
  45. package/dist/esm/types/components/ConfirmMenuItem/index.d.ts +13 -0
  46. package/dist/esm/types/components/DataList/index.d.ts +5 -5
  47. package/dist/esm/types/components/DayPicker/index.d.ts +3 -0
  48. package/dist/esm/types/components/FormGroup/index.d.ts +1 -1
  49. package/dist/esm/types/components/InputDayPicker/index.d.ts +16 -0
  50. package/dist/esm/types/components/Pagination/index.d.ts +5 -5
  51. package/dist/esm/types/components/SearchInput/index.d.ts +11 -0
  52. package/dist/esm/types/components/Select/index.d.ts +116 -0
  53. package/dist/esm/types/components/index.d.ts +6 -0
  54. package/dist/esm/types/index.d.ts +3 -0
  55. package/dist/esm/types/layout/BottomBar/index.d.ts +3 -0
  56. package/dist/esm/types/layout/LayoutContainer/index.d.ts +3 -0
  57. package/dist/esm/types/layout/SideNav/index.d.ts +16 -0
  58. package/dist/esm/types/layout/TopBar/index.d.ts +10 -0
  59. package/dist/esm/types/layout/index.d.ts +4 -0
  60. package/dist/esm/types/theme/components/{Badge.d.ts → badge.d.ts} +2 -1
  61. package/dist/{cjs/types/theme/components/Button.d.ts → esm/types/theme/components/button.d.ts} +2 -7
  62. package/dist/esm/types/theme/components/drawer.d.ts +6 -0
  63. package/dist/esm/types/theme/components/index.d.ts +5 -0
  64. package/dist/{cjs/types/theme/components/Input.d.ts → esm/types/theme/components/input.d.ts} +2 -1
  65. package/dist/{cjs/types/theme/components/Tag.d.ts → esm/types/theme/components/tag.d.ts} +2 -1
  66. package/dist/esm/types/theme/externals-css.d.ts +1 -0
  67. package/dist/esm/types/theme/foundations/colors.d.ts +1 -0
  68. package/dist/esm/types/theme/foundations/index.d.ts +118 -0
  69. package/dist/esm/types/theme/foundations/radius.d.ts +11 -0
  70. package/dist/esm/types/theme/foundations/sizes.d.ts +21 -0
  71. package/dist/esm/types/theme/index.d.ts +2 -1
  72. package/dist/esm/types/theme/rawStyle/chakraStyle.d.ts +2 -0
  73. package/dist/esm/types/theme/rawStyle/index.d.ts +2 -0
  74. package/dist/esm/types/theme/rawStyle/reactDayPicker.d.ts +2 -0
  75. package/dist/esm/types/theme/styles.d.ts +2 -0
  76. package/dist/esm/types/theme/theme.d.ts +1 -0
  77. package/dist/esm/types/utils/date.d.ts +1 -0
  78. package/dist/esm/types/utils/index.d.ts +2 -0
  79. package/dist/esm/types/utils/responsive.d.ts +1 -0
  80. package/dist/index.d.ts +209 -13
  81. package/package.json +14 -8
@@ -1,6 +1,6 @@
1
- import React, { FC } from 'react';
1
+ import { FC, PropsWithChildren } from 'react';
2
2
  import { IconButtonProps } from '@chakra-ui/react';
3
3
  export declare type ActionsButtonProps = Omit<IconButtonProps, 'aria-label'> & {
4
4
  label: string;
5
5
  };
6
- export declare const ActionsButton: FC<React.PropsWithChildren<ActionsButtonProps>>;
6
+ export declare const ActionsButton: FC<PropsWithChildren<ActionsButtonProps>>;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import { FlexProps } from '@chakra-ui/react';
3
+ export declare const Card: (props: FlexProps) => JSX.Element;
@@ -0,0 +1,13 @@
1
+ import React from 'react';
2
+ import { HTMLChakraProps, MenuItemProps } from '@chakra-ui/react';
3
+ export declare type StyledMenuItemProps = HTMLChakraProps<'button'>;
4
+ export declare const MenuItem: import("@chakra-ui/react").ComponentWithAs<"button", MenuItemProps>;
5
+ declare type ConfirmMenuItemProps = MenuItemProps & {
6
+ confirmDelay?: number;
7
+ confirmColorScheme?: string;
8
+ confirmContent?: React.ReactNode;
9
+ confirmText?: React.ReactNode;
10
+ confirmIcon?: React.FC<React.PropsWithChildren<unknown>>;
11
+ };
12
+ export declare const ConfirmMenuItem: import("@chakra-ui/react").ComponentWithAs<"button", ConfirmMenuItemProps>;
13
+ export {};
@@ -1,4 +1,4 @@
1
- import React, { FC } from 'react';
1
+ import React, { FC, PropsWithChildren } from 'react';
2
2
  import { AccordionProps, FlexProps } from '@chakra-ui/react';
3
3
  declare type DataListColumns = Record<string, DataListCellProps>;
4
4
  declare type DataListContextValue = {
@@ -30,13 +30,13 @@ export declare type DataListRowProps = FlexProps & {
30
30
  isVisible?: boolean | boolean[] | Record<string, boolean>;
31
31
  isDisabled?: boolean;
32
32
  };
33
- export declare const DataListRow: FC<React.PropsWithChildren<DataListRowProps>>;
33
+ export declare const DataListRow: FC<PropsWithChildren<DataListRowProps>>;
34
34
  export declare type DataListHeaderProps = DataListRowProps;
35
- export declare const DataListHeader: FC<React.PropsWithChildren<DataListHeaderProps>>;
35
+ export declare const DataListHeader: FC<PropsWithChildren<DataListHeaderProps>>;
36
36
  export declare type DataListFooterProps = DataListRowProps;
37
- export declare const DataListFooter: FC<React.PropsWithChildren<DataListFooterProps>>;
37
+ export declare const DataListFooter: FC<PropsWithChildren<DataListFooterProps>>;
38
38
  export declare type DataListProps = AccordionProps & {
39
39
  isHover?: boolean;
40
40
  };
41
- export declare const DataList: FC<React.PropsWithChildren<DataListProps>>;
41
+ export declare const DataList: FC<PropsWithChildren<DataListProps>>;
42
42
  export {};
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import { DayPickerProps } from 'react-day-picker';
3
+ export declare const DayPicker: (props: DayPickerProps) => JSX.Element;
@@ -4,7 +4,7 @@ export declare type FormGroupProps = Omit<FormControlProps, 'onChange' | 'defaul
4
4
  children?: ReactNode;
5
5
  errorMessage?: ReactNode;
6
6
  helper?: ReactNode;
7
- id: string;
7
+ id?: string;
8
8
  isRequired?: boolean;
9
9
  label?: ReactNode;
10
10
  showError?: boolean;
@@ -0,0 +1,16 @@
1
+ import { Dispatch, SetStateAction } from 'react';
2
+ import { InputProps, PopoverProps } from '@chakra-ui/react';
3
+ import { DayPickerSingleProps, DaySelectionMode } from 'react-day-picker';
4
+ export declare type SingleDayPickerProps = {
5
+ mode?: DaySelectionMode;
6
+ } & DayPickerSingleProps;
7
+ export declare type InputDayPickerProps = {
8
+ isDisabled?: boolean;
9
+ popoverProps?: PopoverProps;
10
+ inputProps?: InputProps;
11
+ dayPickerProps?: SingleDayPickerProps;
12
+ dateFormat?: string;
13
+ value?: string | '';
14
+ onChange?: Dispatch<SetStateAction<string | undefined>>;
15
+ };
16
+ export declare const InputDayPicker: ({ isDisabled, popoverProps, inputProps, dayPickerProps, dateFormat, value, onChange, }: InputDayPickerProps) => JSX.Element;
@@ -1,4 +1,4 @@
1
- import React, { FC } from 'react';
1
+ import React, { FC, PropsWithChildren } from 'react';
2
2
  import { IconButtonProps, StackProps } from '@chakra-ui/react';
3
3
  export declare const getPaginationInfo: ({ page, pageSize, totalItems, }: {
4
4
  page?: number | undefined;
@@ -26,10 +26,10 @@ export declare type PaginationContextValue<PageType = number> = {
26
26
  lastItemOnPage: number;
27
27
  };
28
28
  export declare const PaginationContext: React.Context<PaginationContextValue<number>>;
29
- export declare const PaginationButtonFirstPage: FC<React.PropsWithChildren<Omit<IconButtonProps, 'aria-label'>>>;
30
- export declare const PaginationButtonPrevPage: FC<React.PropsWithChildren<Omit<IconButtonProps, 'aria-label'>>>;
31
- export declare const PaginationButtonLastPage: FC<React.PropsWithChildren<Omit<IconButtonProps, 'aria-label'>>>;
32
- export declare const PaginationButtonNextPage: FC<React.PropsWithChildren<Omit<IconButtonProps, 'aria-label'>>>;
29
+ export declare const PaginationButtonFirstPage: FC<PropsWithChildren<Omit<IconButtonProps, 'aria-label'>>>;
30
+ export declare const PaginationButtonPrevPage: FC<PropsWithChildren<Omit<IconButtonProps, 'aria-label'>>>;
31
+ export declare const PaginationButtonLastPage: FC<PropsWithChildren<Omit<IconButtonProps, 'aria-label'>>>;
32
+ export declare const PaginationButtonNextPage: FC<PropsWithChildren<Omit<IconButtonProps, 'aria-label'>>>;
33
33
  export declare const PaginationInfo: ({ ...rest }: {
34
34
  [x: string]: any;
35
35
  }) => JSX.Element;
@@ -0,0 +1,11 @@
1
+ import { InputProps } from '@chakra-ui/react';
2
+ declare type CustomProps = {
3
+ value?: string;
4
+ defaultValue?: string;
5
+ onChange?(value?: string): void;
6
+ delay?: number;
7
+ clearLabel?: string;
8
+ };
9
+ declare type SearchInputProps = Overwrite<InputProps, CustomProps>;
10
+ export declare const SearchInput: import("@chakra-ui/react").ComponentWithAs<"input", SearchInputProps>;
11
+ export {};
@@ -0,0 +1,116 @@
1
+ import React, { ReactNode } from 'react';
2
+ import { BoxProps } from '@chakra-ui/react';
3
+ import { GroupBase, Props } from 'react-select';
4
+ declare module 'react' {
5
+ function forwardRef<T, P = {}>(render: (props: P, ref: React.Ref<T>) => React.ReactElement | null): (props: P & React.RefAttributes<T>) => React.ReactElement | null;
6
+ }
7
+ export declare type SelectProps<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> = {
8
+ isAsync?: boolean;
9
+ isCreatable?: boolean;
10
+ isError?: boolean;
11
+ size?: string;
12
+ formatCreateLabel?: (inputValue: string) => ReactNode;
13
+ loadOptions?: (input: unknown) => TODO;
14
+ defaultOptions?: unknown | boolean;
15
+ debounceDelay?: number;
16
+ variant?: 'unstyled' | 'filled' | 'outlined';
17
+ } & Props<Option, IsMulti, Group> & Omit<BoxProps, 'defaultValue'>;
18
+ export declare const Select: <Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: {
19
+ isAsync?: boolean | undefined;
20
+ isCreatable?: boolean | undefined;
21
+ isError?: boolean | undefined;
22
+ size?: string | undefined;
23
+ formatCreateLabel?: ((inputValue: string) => ReactNode) | undefined;
24
+ loadOptions?: ((input: unknown) => TODO) | undefined;
25
+ defaultOptions?: unknown | boolean;
26
+ debounceDelay?: number | undefined;
27
+ variant?: "unstyled" | "filled" | "outlined" | undefined;
28
+ } & Omit<Pick<import("react-select/dist/declarations/src/Select").Props<Option, IsMulti, Group>, "aria-label" | "form" | "autoFocus" | "name" | "value" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom" | "theme"> & {
29
+ placeholder?: React.ReactNode;
30
+ tabIndex?: number | undefined;
31
+ 'aria-live'?: "off" | "assertive" | "polite" | undefined;
32
+ isLoading?: boolean | undefined;
33
+ isDisabled?: boolean | undefined;
34
+ components?: Partial<import("react-select/dist/declarations/src/components").SelectComponents<Option, IsMulti, Group>> | undefined;
35
+ pageSize?: number | undefined;
36
+ backspaceRemovesValue?: boolean | undefined;
37
+ blurInputOnSelect?: boolean | undefined;
38
+ captureMenuScroll?: boolean | undefined;
39
+ closeMenuOnSelect?: boolean | undefined;
40
+ closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
41
+ controlShouldRenderValue?: boolean | undefined;
42
+ escapeClearsValue?: boolean | undefined;
43
+ filterOption?: ((option: import("react-select/dist/declarations/src/filters").FilterOptionOption<Option>, inputValue: string) => boolean) | null | undefined;
44
+ formatGroupLabel?: ((group: Group) => React.ReactNode) | undefined;
45
+ getOptionLabel?: import("react-select").GetOptionLabel<Option> | undefined;
46
+ getOptionValue?: import("react-select").GetOptionValue<Option> | undefined;
47
+ isOptionDisabled?: ((option: Option, selectValue: import("react-select").Options<Option>) => boolean) | undefined;
48
+ isMulti?: IsMulti | undefined;
49
+ isRtl?: boolean | undefined;
50
+ isSearchable?: boolean | undefined;
51
+ loadingMessage?: ((obj: {
52
+ inputValue: string;
53
+ }) => React.ReactNode) | undefined;
54
+ minMenuHeight?: number | undefined;
55
+ maxMenuHeight?: number | undefined;
56
+ menuIsOpen?: boolean | undefined;
57
+ menuPlacement?: import("react-select").MenuPlacement | undefined;
58
+ menuPosition?: import("react-select").MenuPosition | undefined;
59
+ menuShouldBlockScroll?: boolean | undefined;
60
+ menuShouldScrollIntoView?: boolean | undefined;
61
+ noOptionsMessage?: ((obj: {
62
+ inputValue: string;
63
+ }) => React.ReactNode) | undefined;
64
+ openMenuOnFocus?: boolean | undefined;
65
+ openMenuOnClick?: boolean | undefined;
66
+ options?: import("react-select").OptionsOrGroups<Option, Group> | undefined;
67
+ screenReaderStatus?: ((obj: {
68
+ count: number;
69
+ }) => string) | undefined;
70
+ styles?: import("react-select").StylesConfig<Option, IsMulti, Group> | undefined;
71
+ tabSelectsValue?: boolean | undefined;
72
+ } & {}, "value" | "onChange" | "inputValue" | "menuIsOpen" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<Option, IsMulti, Group>, "aria-label" | "form" | "autoFocus" | "name" | "value" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom" | "theme"> & {
73
+ placeholder?: React.ReactNode;
74
+ tabIndex?: number | undefined;
75
+ 'aria-live'?: "off" | "assertive" | "polite" | undefined;
76
+ isLoading?: boolean | undefined;
77
+ isDisabled?: boolean | undefined;
78
+ components?: Partial<import("react-select/dist/declarations/src/components").SelectComponents<Option, IsMulti, Group>> | undefined;
79
+ pageSize?: number | undefined;
80
+ backspaceRemovesValue?: boolean | undefined;
81
+ blurInputOnSelect?: boolean | undefined;
82
+ captureMenuScroll?: boolean | undefined;
83
+ closeMenuOnSelect?: boolean | undefined;
84
+ closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
85
+ controlShouldRenderValue?: boolean | undefined;
86
+ escapeClearsValue?: boolean | undefined;
87
+ filterOption?: ((option: import("react-select/dist/declarations/src/filters").FilterOptionOption<Option>, inputValue: string) => boolean) | null | undefined;
88
+ formatGroupLabel?: ((group: Group) => React.ReactNode) | undefined;
89
+ getOptionLabel?: import("react-select").GetOptionLabel<Option> | undefined;
90
+ getOptionValue?: import("react-select").GetOptionValue<Option> | undefined;
91
+ isOptionDisabled?: ((option: Option, selectValue: import("react-select").Options<Option>) => boolean) | undefined;
92
+ isMulti?: IsMulti | undefined;
93
+ isRtl?: boolean | undefined;
94
+ isSearchable?: boolean | undefined;
95
+ loadingMessage?: ((obj: {
96
+ inputValue: string;
97
+ }) => React.ReactNode) | undefined;
98
+ minMenuHeight?: number | undefined;
99
+ maxMenuHeight?: number | undefined;
100
+ menuIsOpen?: boolean | undefined;
101
+ menuPlacement?: import("react-select").MenuPlacement | undefined;
102
+ menuPosition?: import("react-select").MenuPosition | undefined;
103
+ menuShouldBlockScroll?: boolean | undefined;
104
+ menuShouldScrollIntoView?: boolean | undefined;
105
+ noOptionsMessage?: ((obj: {
106
+ inputValue: string;
107
+ }) => React.ReactNode) | undefined;
108
+ openMenuOnFocus?: boolean | undefined;
109
+ openMenuOnClick?: boolean | undefined;
110
+ options?: import("react-select").OptionsOrGroups<Option, Group> | undefined;
111
+ screenReaderStatus?: ((obj: {
112
+ count: number;
113
+ }) => string) | undefined;
114
+ styles?: import("react-select").StylesConfig<Option, IsMulti, Group> | undefined;
115
+ tabSelectsValue?: boolean | undefined;
116
+ } & {}> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<Option> & Omit<BoxProps, "defaultValue"> & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
@@ -1,4 +1,10 @@
1
1
  export * from './ActionsButton';
2
+ export * from './Card';
3
+ export * from './ConfirmMenuItem';
2
4
  export * from './DataList';
5
+ export * from './DayPicker';
3
6
  export * from './FormGroup';
7
+ export * from './InputDayPicker';
4
8
  export * from './Pagination';
9
+ export * from './SearchInput';
10
+ export * from './Select';
@@ -1 +1,4 @@
1
1
  export * from './components';
2
+ export * from './layout';
3
+ export * from './theme';
4
+ export * from './utils';
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import { FlexProps } from '@chakra-ui/react';
3
+ export declare const BottomBar: (props: FlexProps) => JSX.Element;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import { FlexProps } from '@chakra-ui/react';
3
+ export declare const LayoutContainer: (props: FlexProps) => JSX.Element;
@@ -0,0 +1,16 @@
1
+ /// <reference types="react" />
2
+ import { ButtonProps, DrawerContentProps, FlexProps, StackProps } from '@chakra-ui/react';
3
+ export declare type SideNavProps = {
4
+ isMobileMenuOpen: boolean;
5
+ onMobileMenuClose: () => void;
6
+ } & FlexProps & DrawerContentProps;
7
+ export declare type SideNavMenuItemProps = {
8
+ isActive?: boolean;
9
+ } & ButtonProps;
10
+ export declare const SideNav: ({ isMobileMenuOpen, onMobileMenuClose, children, ...props }: SideNavProps) => JSX.Element;
11
+ export declare const SideNavContainer: (props: StackProps) => JSX.Element;
12
+ export declare const SideNavHeader: ({ children, ...rest }: FlexProps) => JSX.Element;
13
+ export declare const SideNavBody: ({ children, ...rest }: StackProps) => JSX.Element;
14
+ export declare const SideNavFooter: ({ children, ...rest }: FlexProps) => JSX.Element;
15
+ export declare const SideNavMenu: ({ title, children, ...rest }: StackProps) => JSX.Element;
16
+ export declare const SideNavMenuItem: ({ isActive, children, ...rest }: SideNavMenuItemProps) => JSX.Element;
@@ -0,0 +1,10 @@
1
+ import { ReactComponentElement } from 'react';
2
+ import { FlexProps, StackProps } from '@chakra-ui/react';
3
+ export declare type TopBarBackActionProps = {
4
+ backAction?: () => void;
5
+ rightInformation?: ReactComponentElement<any>;
6
+ } & FlexProps;
7
+ export declare const TopBar: (props: StackProps) => JSX.Element;
8
+ export declare const TopBarFirstElement: (props: FlexProps) => JSX.Element;
9
+ export declare const TopBarLastElement: (props: StackProps) => JSX.Element;
10
+ export declare const TopBarBackAction: ({ backAction, title, rightInformation, ...rest }: TopBarBackActionProps) => JSX.Element;
@@ -0,0 +1,4 @@
1
+ export * from './BottomBar';
2
+ export * from './LayoutContainer';
3
+ export * from './SideNav';
4
+ export * from './TopBar';
@@ -1,7 +1,8 @@
1
- export declare const Badge: {
1
+ declare const _default: {
2
2
  baseStyle: {
3
3
  borderRadius: string;
4
4
  fontWeight: string;
5
5
  paddingX: number;
6
6
  };
7
7
  };
8
+ export default _default;
@@ -1,4 +1,4 @@
1
- export declare const Button: {
1
+ declare const _default: {
2
2
  baseStyle: {
3
3
  borderRadius: string;
4
4
  fontWeight: string;
@@ -91,9 +91,6 @@ export declare const Button: {
91
91
  };
92
92
  };
93
93
  '@white': (props: any) => {
94
- borderWidth: string;
95
- borderStyle: string;
96
- borderColor: string;
97
94
  bg: string;
98
95
  color: string;
99
96
  _focus: {
@@ -111,9 +108,6 @@ export declare const Button: {
111
108
  };
112
109
  };
113
110
  '@whiteNeutral': (props: any) => {
114
- borderWidth: string;
115
- borderStyle: string;
116
- borderColor: string;
117
111
  bg: string;
118
112
  color: string;
119
113
  _focus: {
@@ -138,3 +132,4 @@ export declare const Button: {
138
132
  };
139
133
  };
140
134
  };
135
+ export default _default;
@@ -0,0 +1,6 @@
1
+ declare const _default: {
2
+ sizes: {
3
+ nav: Partial<Record<"body" | "dialog" | "footer" | "header" | "overlay" | "dialogContainer" | "closeButton", import("@chakra-ui/styled-system").CSSObject>>;
4
+ };
5
+ };
6
+ export default _default;
@@ -0,0 +1,5 @@
1
+ export { default as Badge } from './badge';
2
+ export { default as Button } from './button';
3
+ export { default as Drawer } from './drawer';
4
+ export { default as Input } from './input';
5
+ export { default as Tag } from './tag';
@@ -1,4 +1,4 @@
1
- export declare const Input: {
1
+ declare const _default: {
2
2
  baseStyle: {
3
3
  field: {
4
4
  borderRadius: string;
@@ -45,3 +45,4 @@ export declare const Input: {
45
45
  };
46
46
  };
47
47
  };
48
+ export default _default;
@@ -1,4 +1,4 @@
1
- export declare const Tag: {
1
+ declare const _default: {
2
2
  baseStyle: {
3
3
  container: {
4
4
  borderRadius: string;
@@ -6,3 +6,4 @@ export declare const Tag: {
6
6
  };
7
7
  };
8
8
  };
9
+ export default _default;
@@ -0,0 +1 @@
1
+ import 'react-day-picker/dist/style.css';
@@ -62,4 +62,5 @@ export declare const colors: {
62
62
  gradients: {
63
63
  primary: string;
64
64
  };
65
+ background: string;
65
66
  };
@@ -0,0 +1,118 @@
1
+ declare const foundations: {
2
+ sizes: {
3
+ max: string;
4
+ min: string;
5
+ full: string;
6
+ '3xs': string;
7
+ '2xs': string;
8
+ xs: string;
9
+ nav: string;
10
+ sm: string;
11
+ md: string;
12
+ lg: string;
13
+ xl: string;
14
+ '2xl': string;
15
+ '3xl': string;
16
+ '4xl': string;
17
+ '5xl': string;
18
+ '6xl': string;
19
+ '7xl': string;
20
+ '8xl': string;
21
+ };
22
+ shadows: {
23
+ xs: string;
24
+ sm: string;
25
+ base: string;
26
+ md: string;
27
+ lg: string;
28
+ xl: string;
29
+ '2xl': string;
30
+ layout: string;
31
+ };
32
+ radii: {
33
+ none: string;
34
+ sm: string;
35
+ base: string;
36
+ md: string;
37
+ lg: string;
38
+ xl: string;
39
+ '2xl': string;
40
+ '3xl': string;
41
+ full: string;
42
+ };
43
+ fonts: {
44
+ heading: string;
45
+ body: string;
46
+ mono: string;
47
+ };
48
+ fontSizes: {
49
+ '2xs': string;
50
+ };
51
+ colors: {
52
+ brand: {
53
+ 50: string;
54
+ 100: string;
55
+ 200: string;
56
+ 300: string;
57
+ 400: string;
58
+ 500: string;
59
+ 600: string;
60
+ 700: string;
61
+ 800: string;
62
+ 900: string;
63
+ };
64
+ gray: {
65
+ 50: string;
66
+ 100: string;
67
+ 200: string;
68
+ 300: string;
69
+ 400: string;
70
+ 500: string;
71
+ 600: string;
72
+ 700: string;
73
+ 800: string;
74
+ 900: string;
75
+ };
76
+ red: {
77
+ 50: string;
78
+ 100: string;
79
+ 200: string;
80
+ 300: string;
81
+ 400: string;
82
+ 500: string;
83
+ 600: string;
84
+ 700: string;
85
+ 800: string;
86
+ 900: string;
87
+ };
88
+ orange: {
89
+ 50: string;
90
+ 100: string;
91
+ 200: string;
92
+ 300: string;
93
+ 400: string;
94
+ 500: string;
95
+ 600: string;
96
+ 700: string;
97
+ 800: string;
98
+ 900: string;
99
+ };
100
+ green: {
101
+ 50: string;
102
+ 100: string;
103
+ 200: string;
104
+ 300: string;
105
+ 400: string;
106
+ 500: string;
107
+ 600: string;
108
+ 700: string;
109
+ 800: string;
110
+ 900: string;
111
+ };
112
+ gradients: {
113
+ primary: string;
114
+ };
115
+ background: string;
116
+ };
117
+ };
118
+ export default foundations;
@@ -0,0 +1,11 @@
1
+ export declare const radii: {
2
+ none: string;
3
+ sm: string;
4
+ base: string;
5
+ md: string;
6
+ lg: string;
7
+ xl: string;
8
+ '2xl': string;
9
+ '3xl': string;
10
+ full: string;
11
+ };
@@ -0,0 +1,21 @@
1
+ declare const _default: {
2
+ max: string;
3
+ min: string;
4
+ full: string;
5
+ '3xs': string;
6
+ '2xs': string;
7
+ xs: string;
8
+ nav: string;
9
+ sm: string;
10
+ md: string;
11
+ lg: string;
12
+ xl: string;
13
+ '2xl': string;
14
+ '3xl': string;
15
+ '4xl': string;
16
+ '5xl': string;
17
+ '6xl': string;
18
+ '7xl': string;
19
+ '8xl': string;
20
+ };
21
+ export default _default;
@@ -1 +1,2 @@
1
- export declare const theme: unknown;
1
+ import './externals-css';
2
+ export * from './theme';
@@ -0,0 +1,2 @@
1
+ import { Styles } from '@chakra-ui/theme-tools';
2
+ export declare const chakraStyle: Styles['global'];
@@ -0,0 +1,2 @@
1
+ export { chakraStyle } from './chakraStyle';
2
+ export { reactDayPicker } from './reactDayPicker';
@@ -0,0 +1,2 @@
1
+ import { Styles } from '@chakra-ui/theme-tools';
2
+ export declare const reactDayPicker: Styles['global'];
@@ -0,0 +1,2 @@
1
+ import { Styles } from '@chakra-ui/theme-tools';
2
+ export declare const styles: Styles;
@@ -0,0 +1 @@
1
+ export declare const theme: any;
@@ -0,0 +1 @@
1
+ export declare const dateFormat = "dd/MM/yyyy";
@@ -0,0 +1,2 @@
1
+ export * from './date';
2
+ export * from './responsive';
@@ -0,0 +1 @@
1
+ export declare const useIsMobile: (currentBreakpoint: string) => boolean;