@ballistix.digital/react-components 0.1.6 → 0.1.7

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 (64) hide show
  1. package/dist/index.d.ts +595 -0
  2. package/dist/index.esm.js +0 -30
  3. package/dist/index.esm.js.map +1 -1
  4. package/dist/index.js +0 -30
  5. package/dist/index.js.map +1 -1
  6. package/package.json +4 -3
  7. package/dist/@types/components/Element/Avatar/AvatarElement.d.ts +0 -17
  8. package/dist/@types/components/Element/Avatar/AvatarElement.styles.d.ts +0 -14
  9. package/dist/@types/components/Element/Avatar/index.d.ts +0 -3
  10. package/dist/@types/components/Element/Badge/BadgeElement.d.ts +0 -15
  11. package/dist/@types/components/Element/Badge/BadgeElement.styles.d.ts +0 -11
  12. package/dist/@types/components/Element/Badge/index.d.ts +0 -3
  13. package/dist/@types/components/Element/Button/ButtonElement.d.ts +0 -15
  14. package/dist/@types/components/Element/Button/ButtonElement.styles.d.ts +0 -9
  15. package/dist/@types/components/Element/Button/index.d.ts +0 -3
  16. package/dist/@types/components/Element/ButtonGroup/ButtonGroupElement.d.ts +0 -8
  17. package/dist/@types/components/Element/ButtonGroup/ButtonGroupElement.styles.d.ts +0 -12
  18. package/dist/@types/components/Element/ButtonGroup/index.d.ts +0 -3
  19. package/dist/@types/components/Element/Dropdown/DropdownElement.d.ts +0 -15
  20. package/dist/@types/components/Element/Dropdown/DropdownElement.styles.d.ts +0 -15
  21. package/dist/@types/components/Element/Dropdown/index.d.ts +0 -3
  22. package/dist/@types/components/Layout/Container/ContainerLayout.d.ts +0 -9
  23. package/dist/@types/components/Layout/Container/ContainerLayout.styles.d.ts +0 -17
  24. package/dist/@types/components/Layout/Container/index.d.ts +0 -3
  25. package/dist/@types/components/Layout/Divider/DividerLayout.d.ts +0 -9
  26. package/dist/@types/components/Layout/Divider/DividerLayout.styles.d.ts +0 -13
  27. package/dist/@types/components/Layout/Divider/index.d.ts +0 -3
  28. package/dist/@types/components/Layout/ListContainer/ListContainerLayout.d.ts +0 -9
  29. package/dist/@types/components/Layout/ListContainer/ListContainerLayout.styles.d.ts +0 -11
  30. package/dist/@types/components/Layout/ListContainer/index.d.ts +0 -3
  31. package/dist/@types/components/Layout/MediaObject/MediaObjectLayout.d.ts +0 -12
  32. package/dist/@types/components/Layout/MediaObject/MediaObjectLayout.styles.d.ts +0 -13
  33. package/dist/@types/components/Layout/MediaObject/index.d.ts +0 -3
  34. package/dist/@types/components/Layout/Panel/PanelLayout.d.ts +0 -16
  35. package/dist/@types/components/Layout/Panel/PanelLayout.styles.d.ts +0 -6
  36. package/dist/@types/components/Layout/Panel/index.d.ts +0 -3
  37. package/dist/@types/components/Navigation/Breadcrumbs/BreadcrumbsNavigation.d.ts +0 -15
  38. package/dist/@types/components/Navigation/Breadcrumbs/BreadcrumbsNavigation.styles.d.ts +0 -145
  39. package/dist/@types/components/Navigation/Breadcrumbs/index.d.ts +0 -3
  40. package/dist/@types/components/Navigation/PagePagination/PagePaginationNavigation.d.ts +0 -10
  41. package/dist/@types/components/Navigation/PagePagination/PagePaginationNavigation.styles.d.ts +0 -45
  42. package/dist/@types/components/Navigation/PagePagination/index.d.ts +0 -3
  43. package/dist/@types/components/Navigation/PanelPagination/PanelPagination.d.ts +0 -15
  44. package/dist/@types/components/Navigation/PanelPagination/PanelPagination.styles.d.ts +0 -43
  45. package/dist/@types/components/Navigation/PanelPagination/index.d.ts +0 -3
  46. package/dist/@types/components/Navigation/Sidebar/SidebarNavigation.d.ts +0 -35
  47. package/dist/@types/components/Navigation/Sidebar/SidebarNavigation.styles.d.ts +0 -29
  48. package/dist/@types/components/Navigation/Sidebar/index.d.ts +0 -3
  49. package/dist/@types/components/Navigation/Tab/TabNavigation.d.ts +0 -34
  50. package/dist/@types/components/Navigation/Tab/TabNavigation.styles.d.ts +0 -49
  51. package/dist/@types/components/Navigation/Tab/index.d.ts +0 -3
  52. package/dist/@types/components/Navigation/Vertical/VerticalNavigation.d.ts +0 -34
  53. package/dist/@types/components/Navigation/Vertical/VerticalNavigation.styles.d.ts +0 -23
  54. package/dist/@types/components/Navigation/Vertical/index.d.ts +0 -3
  55. package/dist/@types/components/Overlay/Modal/ModalOverlay.d.ts +0 -16
  56. package/dist/@types/components/Overlay/Modal/ModalOverlay.styles.d.ts +0 -64
  57. package/dist/@types/components/Overlay/Modal/index.d.ts +0 -3
  58. package/dist/@types/components/Overlay/Notification/NotificationOverlay.d.ts +0 -22
  59. package/dist/@types/components/Overlay/Notification/NotificationOverlay.styles.d.ts +0 -67
  60. package/dist/@types/components/Overlay/Notification/index.d.ts +0 -3
  61. package/dist/@types/components/Overlay/SlideOver/SlideOverOverlay.d.ts +0 -16
  62. package/dist/@types/components/Overlay/SlideOver/SlideOverOverlay.styles.d.ts +0 -66
  63. package/dist/@types/components/Overlay/SlideOver/index.d.ts +0 -3
  64. package/dist/@types/index.d.ts +0 -19
@@ -1,16 +0,0 @@
1
- import React, { ReactNode } from 'react';
2
- import { StylesType } from '.';
3
- export interface ContainerProps {
4
- children: ReactNode;
5
- type?: 'normal' | 'sticky';
6
- styles?: StylesType;
7
- }
8
- export interface HeadProps {
9
- children: ReactNode;
10
- styles?: StylesType;
11
- }
12
- declare const LayoutPanel: {
13
- Container: React.FC<ContainerProps>;
14
- Section: React.FC<HeadProps>;
15
- };
16
- export default LayoutPanel;
@@ -1,6 +0,0 @@
1
- export type StylesType = {
2
- container?: string;
3
- section?: string;
4
- };
5
- declare const styles: StylesType;
6
- export default styles;
@@ -1,3 +0,0 @@
1
- export type { StylesType } from './PanelLayout.styles';
2
- export { default } from './PanelLayout';
3
- export { default as styles } from './PanelLayout.styles';
@@ -1,15 +0,0 @@
1
- import { FC, ReactNode } from 'react';
2
- import { StylesType } from '.';
3
- export interface Props {
4
- href: string;
5
- pages: {
6
- name: string;
7
- href: string;
8
- isCurrent: boolean;
9
- }[];
10
- type?: 'slashes' | 'chevrons' | 'panel' | 'bar';
11
- separator?: ReactNode;
12
- styles?: StylesType;
13
- }
14
- declare const BreadcrumbsNavigation: FC<Props>;
15
- export default BreadcrumbsNavigation;
@@ -1,145 +0,0 @@
1
- export type StylesType = {
2
- slashes?: {
3
- container?: string;
4
- list?: string;
5
- separator?: string;
6
- home?: {
7
- container?: string;
8
- content?: string;
9
- link?: string;
10
- icon?: string;
11
- span?: string;
12
- };
13
- page?: {
14
- container?: string;
15
- content?: string;
16
- link?: string;
17
- span?: string;
18
- };
19
- };
20
- chevrons?: {
21
- container?: string;
22
- list?: string;
23
- separator?: string;
24
- home?: {
25
- container?: string;
26
- content?: string;
27
- link?: string;
28
- icon?: string;
29
- span?: string;
30
- };
31
- page?: {
32
- container?: string;
33
- content?: string;
34
- link?: string;
35
- span?: string;
36
- };
37
- };
38
- panel?: {
39
- container?: string;
40
- list?: string;
41
- separator?: string;
42
- home?: {
43
- container?: string;
44
- content?: string;
45
- link?: string;
46
- icon?: string;
47
- span?: string;
48
- };
49
- page?: {
50
- container?: string;
51
- content?: string;
52
- link?: string;
53
- span?: string;
54
- };
55
- };
56
- bar?: {
57
- container?: string;
58
- list?: string;
59
- separator?: string;
60
- home?: {
61
- container?: string;
62
- content?: string;
63
- link?: string;
64
- icon?: string;
65
- span?: string;
66
- };
67
- page?: {
68
- container?: string;
69
- content?: string;
70
- link?: string;
71
- span?: string;
72
- };
73
- };
74
- };
75
- declare const styles: {
76
- slashes: {
77
- container: string;
78
- list: string;
79
- separator: string;
80
- home: {
81
- container: string;
82
- content: string;
83
- link: string;
84
- icon: string;
85
- span: string;
86
- };
87
- page: {
88
- container: string;
89
- content: string;
90
- link: string;
91
- };
92
- };
93
- chevrons: {
94
- container: string;
95
- list: string;
96
- separator: string;
97
- home: {
98
- container: string;
99
- content: string;
100
- link: string;
101
- icon: string;
102
- span: string;
103
- };
104
- page: {
105
- container: string;
106
- content: string;
107
- link: string;
108
- };
109
- };
110
- panel: {
111
- container: string;
112
- list: string;
113
- separator: string;
114
- home: {
115
- container: string;
116
- content: string;
117
- link: string;
118
- icon: string;
119
- span: string;
120
- };
121
- page: {
122
- container: string;
123
- content: string;
124
- link: string;
125
- };
126
- };
127
- bar: {
128
- container: string;
129
- list: string;
130
- separator: string;
131
- home: {
132
- container: string;
133
- content: string;
134
- link: string;
135
- icon: string;
136
- span: string;
137
- };
138
- page: {
139
- container: string;
140
- content: string;
141
- link: string;
142
- };
143
- };
144
- };
145
- export default styles;
@@ -1,3 +0,0 @@
1
- export type { StylesType } from './BreadcrumbsNavigation.styles';
2
- export { default } from './BreadcrumbsNavigation';
3
- export { default as styles } from './BreadcrumbsNavigation.styles';
@@ -1,10 +0,0 @@
1
- import React from 'react';
2
- import { StylesType } from '.';
3
- export interface Props {
4
- min?: number;
5
- max: number;
6
- styles?: StylesType;
7
- onChange?: (current: number) => void;
8
- }
9
- declare const PagePaginationNavigation: React.FC<Props>;
10
- export default PagePaginationNavigation;
@@ -1,45 +0,0 @@
1
- export type StylesType = {
2
- container?: string;
3
- left?: {
4
- container?: string;
5
- button?: string;
6
- icon?: string;
7
- };
8
- center?: {
9
- container?: string;
10
- };
11
- right?: {
12
- container?: string;
13
- button?: string;
14
- icon?: string;
15
- };
16
- button?: {
17
- default?: string;
18
- active?: string;
19
- disabled?: string;
20
- };
21
- divider?: string;
22
- };
23
- declare const styles: {
24
- container: string;
25
- left: {
26
- container: string;
27
- button: string;
28
- icon: string;
29
- };
30
- center: {
31
- container: string;
32
- };
33
- right: {
34
- container: string;
35
- button: string;
36
- icon: string;
37
- };
38
- button: {
39
- default: string;
40
- active: string;
41
- disabled: string;
42
- };
43
- divider: string;
44
- };
45
- export default styles;
@@ -1,3 +0,0 @@
1
- export type { StylesType } from './PagePaginationNavigation.styles';
2
- export { default } from './PagePaginationNavigation';
3
- export { default as styles } from './PagePaginationNavigation.styles';
@@ -1,15 +0,0 @@
1
- import React, { ReactNode } from 'react';
2
- import { StylesType } from '.';
3
- export interface Props {
4
- min?: number;
5
- max: number;
6
- children: ({ min, max, current, }: {
7
- min: number;
8
- max: number;
9
- current: number;
10
- }) => ReactNode;
11
- styles?: StylesType;
12
- onChange?: (current: number) => void;
13
- }
14
- declare const PanelPaginationNavigation: React.FC<Props>;
15
- export default PanelPaginationNavigation;
@@ -1,43 +0,0 @@
1
- export type StylesType = {
2
- container?: string;
3
- mobile?: {
4
- container?: string;
5
- button?: string;
6
- };
7
- desktop?: {
8
- container?: string;
9
- leftButton?: string;
10
- rightButton?: string;
11
- navigation?: string;
12
- };
13
- button?: {
14
- default?: string;
15
- active?: string;
16
- disabled?: string;
17
- };
18
- divider?: string;
19
- label: string;
20
- icon: string;
21
- };
22
- declare const styles: {
23
- container: string;
24
- mobile: {
25
- container: string;
26
- button: string;
27
- };
28
- desktop: {
29
- container: string;
30
- leftButton: string;
31
- rightButton: string;
32
- navigation: string;
33
- };
34
- button: {
35
- default: string;
36
- active: string;
37
- disabled: string;
38
- };
39
- divider: string;
40
- label: string;
41
- icon: string;
42
- };
43
- export default styles;
@@ -1,3 +0,0 @@
1
- export type { StylesType } from './PanelPagination.styles';
2
- export { default } from './PanelPagination';
3
- export { default as styles } from './PanelPagination.styles';
@@ -1,35 +0,0 @@
1
- import React, { ReactNode } from 'react';
2
- import { ContainerStylesType, NavigationStylesType } from '.';
3
- export interface ContainerProps {
4
- children: ({ active, setActive, }: {
5
- active: string;
6
- setActive: any;
7
- }) => ReactNode | ReactNode[];
8
- styles?: ContainerStylesType;
9
- }
10
- export interface ListProps {
11
- children: ReactNode | ReactNode[];
12
- active: string;
13
- setActive: any;
14
- styles?: NavigationStylesType;
15
- }
16
- export interface ItemProps {
17
- accessor: string;
18
- href?: string;
19
- type?: string;
20
- children: ReactNode;
21
- isCurrent?: boolean;
22
- isInitial?: boolean;
23
- onClick?: (accessor: any) => void;
24
- }
25
- export interface FooterProps {
26
- children: ReactNode | ReactNode[];
27
- styles?: NavigationStylesType;
28
- }
29
- declare const SidebarNavigation: {
30
- Container: React.FC<ContainerProps>;
31
- List: React.FC<ListProps>;
32
- Item: React.FC<ItemProps>;
33
- Footer: React.FC<FooterProps>;
34
- };
35
- export default SidebarNavigation;
@@ -1,29 +0,0 @@
1
- export type StylesType = {
2
- items?: {
3
- base?: string;
4
- active?: string;
5
- notActive?: string;
6
- };
7
- };
8
- export type ContainerStylesType = {
9
- root?: string;
10
- panel?: string;
11
- container?: string;
12
- content?: string;
13
- };
14
- export type NavigationStylesType = {
15
- list?: string;
16
- };
17
- declare const styles: {
18
- root: string;
19
- panel: string;
20
- container: string;
21
- content: string;
22
- list: string;
23
- item: {
24
- base: string;
25
- active: string;
26
- notActive: string;
27
- };
28
- };
29
- export default styles;
@@ -1,3 +0,0 @@
1
- export type { ContainerStylesType, NavigationStylesType, StylesType, } from './SidebarNavigation.styles';
2
- export { default } from './SidebarNavigation';
3
- export { default as styles } from './SidebarNavigation.styles';
@@ -1,34 +0,0 @@
1
- import React, { ReactNode } from 'react';
2
- import { ContainerStylesType, NavigationStylesType } from '.';
3
- export interface ContainerProps {
4
- children: ({ active, setActive, }: {
5
- active: string;
6
- setActive: any;
7
- }) => ReactNode | ReactNode[];
8
- styles?: ContainerStylesType;
9
- }
10
- export interface NavigationProps {
11
- children: ReactNode | ReactNode[];
12
- active: string;
13
- setActive: any;
14
- styles?: NavigationStylesType;
15
- }
16
- export interface NavigationItemProps {
17
- accessor: string;
18
- href?: string;
19
- type?: string;
20
- children: ReactNode;
21
- isCurrent?: boolean;
22
- isInitial?: boolean;
23
- onClick?: (accessor: any) => void;
24
- }
25
- export interface ViewProps {
26
- children: ReactNode | ReactNode[];
27
- }
28
- declare const TabNavigation: {
29
- Container: React.FC<ContainerProps>;
30
- List: React.FC<NavigationProps>;
31
- Item: React.FC<NavigationItemProps>;
32
- View: React.FC<ViewProps>;
33
- };
34
- export default TabNavigation;
@@ -1,49 +0,0 @@
1
- export type StylesType = {
2
- tab: {
3
- underline?: {
4
- base?: string;
5
- active?: string;
6
- notActive?: string;
7
- };
8
- pills?: {
9
- base?: string;
10
- active?: string;
11
- notActive?: string;
12
- };
13
- buttons?: {
14
- base?: string;
15
- active?: string;
16
- notActive?: string;
17
- };
18
- };
19
- };
20
- export type ContainerStylesType = {
21
- container: string;
22
- };
23
- export type NavigationStylesType = {
24
- select?: string;
25
- navigation?: string;
26
- };
27
- declare const styles: {
28
- container: string;
29
- select: string;
30
- navigation: string;
31
- tab: {
32
- underline: {
33
- base: string;
34
- active: string;
35
- notActive: string;
36
- };
37
- pills: {
38
- base: string;
39
- active: string;
40
- notActive: string;
41
- };
42
- buttons: {
43
- base: string;
44
- active: string;
45
- notActive: string;
46
- };
47
- };
48
- };
49
- export default styles;
@@ -1,3 +0,0 @@
1
- export type { ContainerStylesType, NavigationStylesType, StylesType, } from './TabNavigation.styles';
2
- export { default } from './TabNavigation';
3
- export { default as styles } from './TabNavigation.styles';
@@ -1,34 +0,0 @@
1
- import React, { ReactNode } from 'react';
2
- import { ContainerStylesType, NavigationStylesType } from '.';
3
- export interface ContainerProps {
4
- children: ({ active, setActive, }: {
5
- active: string;
6
- setActive: any;
7
- }) => ReactNode | ReactNode[];
8
- styles?: ContainerStylesType;
9
- }
10
- export interface NavigationProps {
11
- children: ReactNode | ReactNode[];
12
- active: string;
13
- setActive: any;
14
- styles?: NavigationStylesType;
15
- }
16
- export interface NavigationItemProps {
17
- accessor: string;
18
- href?: string;
19
- type?: string;
20
- children: ReactNode;
21
- isCurrent?: boolean;
22
- isInitial?: boolean;
23
- onClick?: (accessor: any) => void;
24
- }
25
- export interface ViewProps {
26
- children: ReactNode | ReactNode[];
27
- }
28
- declare const VerticalNavigation: {
29
- Container: React.FC<ContainerProps>;
30
- List: React.FC<NavigationProps>;
31
- Item: React.FC<NavigationItemProps>;
32
- View: React.FC<ViewProps>;
33
- };
34
- export default VerticalNavigation;
@@ -1,23 +0,0 @@
1
- export type StylesType = {
2
- items?: {
3
- base?: string;
4
- active?: string;
5
- notActive?: string;
6
- };
7
- };
8
- export type ContainerStylesType = {
9
- container: string;
10
- };
11
- export type NavigationStylesType = {
12
- list?: string;
13
- };
14
- declare const styles: {
15
- container: string;
16
- list: string;
17
- item: {
18
- base: string;
19
- active: string;
20
- notActive: string;
21
- };
22
- };
23
- export default styles;
@@ -1,3 +0,0 @@
1
- export type { ContainerStylesType, NavigationStylesType, StylesType, } from './VerticalNavigation.styles';
2
- export { default } from './VerticalNavigation';
3
- export { default as styles } from './VerticalNavigation.styles';
@@ -1,16 +0,0 @@
1
- import { FC, ReactNode } from 'react';
2
- import { StylesType } from '.';
3
- export interface Props {
4
- trigger?: ({ onOpen, onClose, }: {
5
- onOpen: () => void;
6
- onClose: () => void;
7
- }) => ReactNode;
8
- children: ({ onOpen, onClose, }: {
9
- onOpen: () => void;
10
- onClose: () => void;
11
- }) => ReactNode;
12
- size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
13
- styles?: StylesType;
14
- }
15
- declare const ModalOverlay: FC<Props>;
16
- export default ModalOverlay;
@@ -1,64 +0,0 @@
1
- export type StylesType = {
2
- container?: string;
3
- background?: {
4
- container?: string;
5
- transition?: {
6
- enter?: string;
7
- enterFrom?: string;
8
- enterTo?: string;
9
- leave?: string;
10
- leaveFrom?: string;
11
- leaveTo?: string;
12
- };
13
- };
14
- layout?: {
15
- container?: string;
16
- content?: string;
17
- };
18
- panel?: {
19
- container?: string;
20
- transition?: {
21
- enter?: string;
22
- enterFrom?: string;
23
- enterTo?: string;
24
- leave?: string;
25
- leaveFrom?: string;
26
- leaveTo?: string;
27
- };
28
- };
29
- };
30
- declare const styles: {
31
- container: string;
32
- background: {
33
- container: string;
34
- transition: {
35
- enter: string;
36
- enterFrom: string;
37
- enterTo: string;
38
- leave: string;
39
- leaveFrom: string;
40
- leaveTo: string;
41
- };
42
- };
43
- layout: {
44
- container: string;
45
- content: string;
46
- };
47
- panel: {
48
- container: string;
49
- transition: {
50
- enter: string;
51
- enterFrom: string;
52
- enterTo: string;
53
- leave: string;
54
- leaveFrom: string;
55
- leaveTo: string;
56
- };
57
- };
58
- xs: string;
59
- sm: string;
60
- md: string;
61
- lg: string;
62
- xl: string;
63
- };
64
- export default styles;
@@ -1,3 +0,0 @@
1
- export type { StylesType } from './ModalOverlay.styles';
2
- export { default } from './ModalOverlay';
3
- export { default as styles } from './ModalOverlay.styles';
@@ -1,22 +0,0 @@
1
- import React, { ReactNode } from 'react';
2
- import { StylesType } from '.';
3
- export interface Props {
4
- trigger?: ({ onOpen, onClose, }: {
5
- onOpen: () => void;
6
- onClose: () => void;
7
- }) => ReactNode;
8
- children: ({ onOpen, onClose, }: {
9
- onOpen: () => void;
10
- onClose: () => void;
11
- }) => ReactNode;
12
- size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
13
- styles?: StylesType;
14
- }
15
- declare const _default: {
16
- Container: ({ children, styles: customStyles, }: {
17
- children: React.ReactNode;
18
- styles?: StylesType | undefined;
19
- }) => JSX.Element;
20
- Item: React.FC<Props>;
21
- };
22
- export default _default;