@ballistix.digital/react-components 0.4.11 → 0.4.13

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 (4) hide show
  1. package/dist/index.d.ts +30 -30
  2. package/dist/index.esm.js +3 -3
  3. package/dist/index.js +3 -3
  4. package/package.json +1 -1
package/dist/index.d.ts CHANGED
@@ -18,7 +18,7 @@ declare const base$i: {
18
18
  };
19
19
  type TAvatarElementStyles = DeepPartial$1<typeof base$i>;
20
20
 
21
- type TProps$g = {
21
+ type TProps$f = {
22
22
  src?: string | undefined;
23
23
  placeholder?: string | undefined;
24
24
  children?: ReactNode | ReactNode[] | string;
@@ -30,7 +30,7 @@ type TProps$g = {
30
30
  isLoading?: boolean;
31
31
  styles?: TAvatarElementStyles;
32
32
  };
33
- declare const AvatarElement: FC<TProps$g>;
33
+ declare const AvatarElement: FC<TProps$f>;
34
34
 
35
35
  declare const base$h: {
36
36
  container: string;
@@ -39,7 +39,7 @@ declare const base$h: {
39
39
  };
40
40
  type TBadgeElementStyles = DeepPartial$1<typeof base$h>;
41
41
 
42
- type TProps$f = {
42
+ type TProps$e = {
43
43
  children: string | ReactNode;
44
44
  color?: 'gray' | 'red' | 'yellow' | 'green' | 'blue' | 'indigo' | 'purple' | 'pink';
45
45
  type?: 'normal' | 'indicator' | 'close';
@@ -50,7 +50,7 @@ type TProps$f = {
50
50
  onClose?: () => void;
51
51
  styles?: TBadgeElementStyles;
52
52
  };
53
- declare const BadgeElement: FC<TProps$f>;
53
+ declare const BadgeElement: FC<TProps$e>;
54
54
 
55
55
  declare const base$g: {
56
56
  container: string;
@@ -60,7 +60,7 @@ declare const base$g: {
60
60
  };
61
61
  type TButtonElementStyles = DeepPartial$1<typeof base$g>;
62
62
 
63
- type TProps$e = {
63
+ type TProps$d = {
64
64
  children: string | ReactNode;
65
65
  innerRef?: RefObject<HTMLButtonElement>;
66
66
  htmlType?: 'button' | 'submit';
@@ -72,7 +72,7 @@ type TProps$e = {
72
72
  styles?: TButtonElementStyles;
73
73
  onClick: () => void;
74
74
  };
75
- declare const ButtonElement: FC<TProps$e>;
75
+ declare const ButtonElement: FC<TProps$d>;
76
76
 
77
77
  declare const base$f: {
78
78
  container: string;
@@ -82,11 +82,11 @@ declare const base$f: {
82
82
  };
83
83
  type TButtonGroupElementStyles = DeepPartial$1<typeof base$f>;
84
84
 
85
- type TProps$d = {
85
+ type TProps$c = {
86
86
  children: ReactElement[];
87
87
  styles?: TButtonGroupElementStyles;
88
88
  };
89
- declare const ButtonGroupElement: FC<TProps$d>;
89
+ declare const ButtonGroupElement: FC<TProps$c>;
90
90
 
91
91
  declare const base$e: {
92
92
  container: string;
@@ -97,7 +97,7 @@ declare const base$e: {
97
97
  };
98
98
  type TDropdownElementStyles = DeepPartial$1<typeof base$e>;
99
99
 
100
- type TProps$c = {
100
+ type TProps$b = {
101
101
  children: ReactElement | ReactElement[];
102
102
  label: string | ReactElement;
103
103
  type?: 'button' | 'compact';
@@ -105,33 +105,18 @@ type TProps$c = {
105
105
  styles?: TDropdownElementStyles;
106
106
  };
107
107
  declare const DropdownElement: {
108
- Container: FC<TProps$c>;
108
+ Container: FC<TProps$b>;
109
109
  Item: typeof Menu.Item;
110
110
  };
111
111
 
112
- type TProps$b = {
112
+ type TProps$a = {
113
113
  accessor: IconName;
114
114
  type: 'brands' | 'light' | 'regular' | 'solid';
115
115
  className?: string;
116
116
  };
117
- declare const IconElement: FC<TProps$b>;
118
-
119
- declare const base$d: {
120
- container: string;
121
- head: string;
122
- body: string;
123
- foot: string;
124
- label: string;
125
- hint: string;
126
- leading: string;
127
- input: string;
128
- trailing: string;
129
- description: string;
130
- error: string;
131
- };
132
- type TInputGroupStyles = DeepPartial$1<typeof base$d>;
117
+ declare const IconElement: FC<TProps$a>;
133
118
 
134
- type TProps$a = {
119
+ type TInputGroupFormProps = {
135
120
  name: string;
136
121
  htmlType: HTMLInputTypeAttribute;
137
122
  label?: string | ReactNode;
@@ -158,7 +143,22 @@ type TProps$a = {
158
143
  onBlur: any;
159
144
  styles?: TInputGroupStyles;
160
145
  };
161
- declare const InputGroupForm: FC<TProps$a>;
146
+ declare const InputGroupForm: FC<TInputGroupFormProps>;
147
+
148
+ declare const base$d: {
149
+ container: string;
150
+ head: string;
151
+ body: string;
152
+ foot: string;
153
+ label: string;
154
+ hint: string;
155
+ leading: string;
156
+ input: string;
157
+ trailing: string;
158
+ description: string;
159
+ error: string;
160
+ };
161
+ type TInputGroupStyles = DeepPartial$1<typeof base$d>;
162
162
 
163
163
  declare const base$c: {
164
164
  container: string;
@@ -696,4 +696,4 @@ type TProps = {
696
696
  };
697
697
  declare const SlideOverOverlay: FC<TProps>;
698
698
 
699
- export { AvatarElement, BadgeElement, BreadcrumbsNavigation, ButtonElement, ButtonGroupElement, ContainerLayout, DividerLayout, DropdownElement, IconElement, InputGroupForm, ListContainerLayout, MediaObjectLayout, ModalOverlay, NotificationOverlay, PagePaginationNavigation, LayoutPanel as PanelLayout, PanelPaginationNavigation, SlideOverOverlay, TTableListProps, TTableListStyles, TabNavigation, TableList, VerticalNavigation };
699
+ export { AvatarElement, BadgeElement, BreadcrumbsNavigation, ButtonElement, ButtonGroupElement, ContainerLayout, DividerLayout, DropdownElement, IconElement, InputGroupForm, ListContainerLayout, MediaObjectLayout, ModalOverlay, NotificationOverlay, PagePaginationNavigation, LayoutPanel as PanelLayout, PanelPaginationNavigation, SlideOverOverlay, TInputGroupFormProps, TInputGroupStyles, TTableListProps, TTableListStyles, TabNavigation, TableList, VerticalNavigation };
package/dist/index.esm.js CHANGED
@@ -519,7 +519,7 @@ var i,s={},c={};var u,f,l={};
519
519
  var InputGroupForm = function (props) {
520
520
  var _a;
521
521
  var _b;
522
- var name = props.name, _c = props.htmlType, htmlType = _c === void 0 ? 'text' : _c, label = props.label, description = props.description, placeholder = props.placeholder, leading = props.leading, trailing = props.trailing, required = props.required, value = props.value, mask = props.mask, error = props.error, _d = props.type, type = _d === void 0 ? 'normal' : _d, isDisabled = props.isDisabled, _e = props.isRequired, isRequired = _e === void 0 ? false : _e, isTouched = props.isTouched, _f = props.isSolo, isSolo = _f === void 0 ? false : _f, onChange = props.onChange, onBlur = props.onBlur, stylesOverrides = props.styles;
522
+ var name = props.name, _c = props.htmlType, htmlType = _c === void 0 ? 'text' : _c, label = props.label, description = props.description, placeholder = props.placeholder, leading = props.leading, trailing = props.trailing, required = props.required, value = props.value, mask = props.mask, error = props.error, _d = props.type, type = _d === void 0 ? 'normal' : _d, isDisabled = props.isDisabled, _e = props.isRequired, isRequired = _e === void 0 ? false : _e, _f = props.isTouched, isTouched = _f === void 0 ? false : _f, _g = props.isSolo, isSolo = _g === void 0 ? false : _g, onChange = props.onChange, onBlur = props.onBlur, stylesOverrides = props.styles;
523
523
  var isValid = error === undefined;
524
524
  var ref = y({
525
525
  mask: typeof mask === 'string' ? mask : mask === null || mask === void 0 ? void 0 : mask.mask,
@@ -537,7 +537,7 @@ var InputGroupForm = function (props) {
537
537
  };
538
538
  var styles = handleGenerateStyle();
539
539
  var invalidIcon = (jsx(ExclamationCircleIcon, { className: "h-5 w-5 text-red-500", "aria-hidden": "true" }));
540
- return (jsxs("div", __assign({ className: styles.container }, { children: [jsxs("div", __assign({ className: styles.head }, { children: [label && (jsx("label", __assign({ htmlFor: name, className: styles.label }, { children: label }))), !required && !isRequired && typeof label === 'string' && (jsx("span", __assign({ className: styles.hint }, { children: "Optional" }))), required && required({ isRequired: isRequired })] })), jsxs("div", __assign({ className: styles.body }, { children: [leading && jsx("div", __assign({ className: styles.leading }, { children: leading })), jsx("input", { type: mask !== '' ? 'text' : htmlType, ref: mask && ref, name: name, id: name, className: styles.input, placeholder: placeholder, defaultValue: isSolo ? value : undefined, value: isSolo ? undefined : value, disabled: isDisabled, onChange: onChange, onBlur: onBlur }), type === 'floored' && (jsx("div", { className: "absolute inset-x-0 bottom-0 border-t border-gray-300 peer-focus:border-t-2 peer-focus:border-primary-600", "aria-hidden": "true" })), trailing && isValid && (jsx("div", __assign({ className: styles.trailing }, { children: trailing }))), !isValid && jsx("div", __assign({ className: styles.trailing }, { children: invalidIcon }))] })), jsxs("div", __assign({ className: styles.foot }, { children: [description && !error && (jsx("p", __assign({ className: styles.description }, { children: description }))), error && isTouched && jsx("p", __assign({ className: styles.error }, { children: error }))] }))] })));
540
+ return (jsxs("div", __assign({ className: styles.container }, { children: [jsxs("div", __assign({ className: styles.head }, { children: [label && (jsx("label", __assign({ htmlFor: name, className: styles.label }, { children: label }))), !required && !isRequired && typeof label === 'string' && (jsx("span", __assign({ className: styles.hint }, { children: "Optional" }))), required && required({ isRequired: isRequired })] })), jsxs("div", __assign({ className: styles.body }, { children: [leading && jsx("div", __assign({ className: styles.leading }, { children: leading })), jsx("input", { type: mask !== '' ? 'text' : htmlType, ref: mask && ref, name: name, id: name, className: styles.input, placeholder: placeholder, defaultValue: isSolo ? value : undefined, value: isSolo ? undefined : value, disabled: isDisabled, onChange: onChange, onBlur: onBlur }), type === 'floored' && (jsx("div", { className: "absolute inset-x-0 bottom-0 border-t border-gray-300 peer-focus:border-t-2 peer-focus:border-primary-600", "aria-hidden": "true" })), trailing && isValid && (jsx("div", __assign({ className: styles.trailing }, { children: trailing }))), !isValid && jsx("div", __assign({ className: styles.trailing }, { children: invalidIcon }))] })), jsxs("div", __assign({ className: styles.foot }, { children: [description && !error && (jsx("p", __assign({ className: styles.description }, { children: description }))), error !== '' && isTouched && jsx("p", __assign({ className: styles.error }, { children: error }))] }))] })));
541
541
  };
542
542
 
543
543
  var base$d = {
@@ -17580,7 +17580,7 @@ var ModalOverlay = function (props) {
17580
17580
  };
17581
17581
 
17582
17582
  var base$2 = {
17583
- container: 'relative z-20',
17583
+ container: 'relative z-40',
17584
17584
  background: {
17585
17585
  container: 'fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity',
17586
17586
  transition: {
package/dist/index.js CHANGED
@@ -529,7 +529,7 @@ var i,s={},c={};var u,f,l={};
529
529
  var InputGroupForm = function (props) {
530
530
  var _a;
531
531
  var _b;
532
- var name = props.name, _c = props.htmlType, htmlType = _c === void 0 ? 'text' : _c, label = props.label, description = props.description, placeholder = props.placeholder, leading = props.leading, trailing = props.trailing, required = props.required, value = props.value, mask = props.mask, error = props.error, _d = props.type, type = _d === void 0 ? 'normal' : _d, isDisabled = props.isDisabled, _e = props.isRequired, isRequired = _e === void 0 ? false : _e, isTouched = props.isTouched, _f = props.isSolo, isSolo = _f === void 0 ? false : _f, onChange = props.onChange, onBlur = props.onBlur, stylesOverrides = props.styles;
532
+ var name = props.name, _c = props.htmlType, htmlType = _c === void 0 ? 'text' : _c, label = props.label, description = props.description, placeholder = props.placeholder, leading = props.leading, trailing = props.trailing, required = props.required, value = props.value, mask = props.mask, error = props.error, _d = props.type, type = _d === void 0 ? 'normal' : _d, isDisabled = props.isDisabled, _e = props.isRequired, isRequired = _e === void 0 ? false : _e, _f = props.isTouched, isTouched = _f === void 0 ? false : _f, _g = props.isSolo, isSolo = _g === void 0 ? false : _g, onChange = props.onChange, onBlur = props.onBlur, stylesOverrides = props.styles;
533
533
  var isValid = error === undefined;
534
534
  var ref = y({
535
535
  mask: typeof mask === 'string' ? mask : mask === null || mask === void 0 ? void 0 : mask.mask,
@@ -547,7 +547,7 @@ var InputGroupForm = function (props) {
547
547
  };
548
548
  var styles = handleGenerateStyle();
549
549
  var invalidIcon = (jsxRuntime.jsx(solid.ExclamationCircleIcon, { className: "h-5 w-5 text-red-500", "aria-hidden": "true" }));
550
- return (jsxRuntime.jsxs("div", __assign({ className: styles.container }, { children: [jsxRuntime.jsxs("div", __assign({ className: styles.head }, { children: [label && (jsxRuntime.jsx("label", __assign({ htmlFor: name, className: styles.label }, { children: label }))), !required && !isRequired && typeof label === 'string' && (jsxRuntime.jsx("span", __assign({ className: styles.hint }, { children: "Optional" }))), required && required({ isRequired: isRequired })] })), jsxRuntime.jsxs("div", __assign({ className: styles.body }, { children: [leading && jsxRuntime.jsx("div", __assign({ className: styles.leading }, { children: leading })), jsxRuntime.jsx("input", { type: mask !== '' ? 'text' : htmlType, ref: mask && ref, name: name, id: name, className: styles.input, placeholder: placeholder, defaultValue: isSolo ? value : undefined, value: isSolo ? undefined : value, disabled: isDisabled, onChange: onChange, onBlur: onBlur }), type === 'floored' && (jsxRuntime.jsx("div", { className: "absolute inset-x-0 bottom-0 border-t border-gray-300 peer-focus:border-t-2 peer-focus:border-primary-600", "aria-hidden": "true" })), trailing && isValid && (jsxRuntime.jsx("div", __assign({ className: styles.trailing }, { children: trailing }))), !isValid && jsxRuntime.jsx("div", __assign({ className: styles.trailing }, { children: invalidIcon }))] })), jsxRuntime.jsxs("div", __assign({ className: styles.foot }, { children: [description && !error && (jsxRuntime.jsx("p", __assign({ className: styles.description }, { children: description }))), error && isTouched && jsxRuntime.jsx("p", __assign({ className: styles.error }, { children: error }))] }))] })));
550
+ return (jsxRuntime.jsxs("div", __assign({ className: styles.container }, { children: [jsxRuntime.jsxs("div", __assign({ className: styles.head }, { children: [label && (jsxRuntime.jsx("label", __assign({ htmlFor: name, className: styles.label }, { children: label }))), !required && !isRequired && typeof label === 'string' && (jsxRuntime.jsx("span", __assign({ className: styles.hint }, { children: "Optional" }))), required && required({ isRequired: isRequired })] })), jsxRuntime.jsxs("div", __assign({ className: styles.body }, { children: [leading && jsxRuntime.jsx("div", __assign({ className: styles.leading }, { children: leading })), jsxRuntime.jsx("input", { type: mask !== '' ? 'text' : htmlType, ref: mask && ref, name: name, id: name, className: styles.input, placeholder: placeholder, defaultValue: isSolo ? value : undefined, value: isSolo ? undefined : value, disabled: isDisabled, onChange: onChange, onBlur: onBlur }), type === 'floored' && (jsxRuntime.jsx("div", { className: "absolute inset-x-0 bottom-0 border-t border-gray-300 peer-focus:border-t-2 peer-focus:border-primary-600", "aria-hidden": "true" })), trailing && isValid && (jsxRuntime.jsx("div", __assign({ className: styles.trailing }, { children: trailing }))), !isValid && jsxRuntime.jsx("div", __assign({ className: styles.trailing }, { children: invalidIcon }))] })), jsxRuntime.jsxs("div", __assign({ className: styles.foot }, { children: [description && !error && (jsxRuntime.jsx("p", __assign({ className: styles.description }, { children: description }))), error !== '' && isTouched && jsxRuntime.jsx("p", __assign({ className: styles.error }, { children: error }))] }))] })));
551
551
  };
552
552
 
553
553
  var base$d = {
@@ -17590,7 +17590,7 @@ var ModalOverlay = function (props) {
17590
17590
  };
17591
17591
 
17592
17592
  var base$2 = {
17593
- container: 'relative z-20',
17593
+ container: 'relative z-40',
17594
17594
  background: {
17595
17595
  container: 'fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity',
17596
17596
  transition: {
package/package.json CHANGED
@@ -7,7 +7,7 @@
7
7
  "email": "info@ballistix.digital",
8
8
  "url": "https://ballistix.digital"
9
9
  },
10
- "version": "0.4.11",
10
+ "version": "0.4.13",
11
11
  "private": false,
12
12
  "main": "dist/index.js",
13
13
  "module": "dist/index.esm.js",