@modul/mbui 0.0.12-beta-pv-53064-e5c99806 → 0.0.13-beta-pv-53036-bbe30888

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 (78) hide show
  1. package/dist/{Info/Info.d.ts → Alert/Alert.d.ts} +4 -4
  2. package/dist/{Info/Info.js → Alert/Alert.js} +7 -7
  3. package/dist/Alert/Alert.js.map +1 -0
  4. package/dist/Alert/index.d.ts +1 -0
  5. package/dist/Alert/index.js +6 -0
  6. package/dist/Alert/index.js.map +1 -0
  7. package/dist/Collapsible/AccountCollapsible.js +2 -2
  8. package/dist/Collapsible/AccountCollapsible.js.map +1 -1
  9. package/dist/Icon/icons/AddList.js.map +1 -1
  10. package/dist/Input/Input.js +1 -1
  11. package/dist/Input/Input.js.map +1 -1
  12. package/dist/Label/Label.d.ts +5 -0
  13. package/dist/Label/Label.js +13 -0
  14. package/dist/Label/Label.js.map +1 -0
  15. package/dist/Label/index.d.ts +1 -0
  16. package/dist/Label/index.js +6 -0
  17. package/dist/Label/index.js.map +1 -0
  18. package/dist/Page/Page.js +4 -2
  19. package/dist/Page/Page.js.map +1 -1
  20. package/dist/Select/SelectAccountCard.d.ts +6 -0
  21. package/dist/Select/SelectAccountCard.js +76 -0
  22. package/dist/Select/SelectAccountCard.js.map +1 -0
  23. package/dist/Select/index.d.ts +1 -0
  24. package/dist/Select/index.js +6 -0
  25. package/dist/Select/index.js.map +1 -0
  26. package/dist/Switch/Switch.d.ts +4 -0
  27. package/dist/Switch/Switch.js +12 -0
  28. package/dist/Switch/Switch.js.map +1 -0
  29. package/dist/Switch/index.d.ts +1 -0
  30. package/dist/Switch/index.js +6 -0
  31. package/dist/Switch/index.js.map +1 -0
  32. package/dist/Textarea/Textarea.d.ts +5 -0
  33. package/dist/Textarea/Textarea.js +12 -0
  34. package/dist/Textarea/Textarea.js.map +1 -0
  35. package/dist/Textarea/index.d.ts +1 -0
  36. package/dist/Textarea/index.js +6 -0
  37. package/dist/Textarea/index.js.map +1 -0
  38. package/dist/index.d.ts +22 -19
  39. package/dist/index.js +14 -8
  40. package/dist/index.js.map +1 -1
  41. package/package.json +8 -2
  42. package/src/@/config/index.ts +4 -2
  43. package/src/{Info/Info.tsx → Alert/Alert.tsx} +6 -6
  44. package/src/Alert/index.ts +1 -0
  45. package/src/Collapsible/AccountCollapsible.tsx +2 -2
  46. package/src/Form/Form.tsx +152 -0
  47. package/src/Form/index.ts +1 -0
  48. package/src/Icon/icons/AddList.tsx +1 -0
  49. package/src/Input/Input.tsx +1 -1
  50. package/src/Page/Page.tsx +22 -11
  51. package/src/Select/SelectAccountCard.tsx +163 -0
  52. package/src/Select/index.ts +1 -0
  53. package/src/Switch/Switch.tsx +28 -0
  54. package/src/Switch/index.ts +1 -0
  55. package/src/Textarea/Textarea.tsx +24 -0
  56. package/src/Textarea/index.ts +1 -0
  57. package/src/assets/css/global.css +153 -162
  58. package/src/index.ts +32 -40
  59. package/dist/Base/Input/Base.d.ts +0 -4
  60. package/dist/Base/Input/Base.js +0 -20
  61. package/dist/Base/Input/Base.js.map +0 -1
  62. package/dist/Base/Input/Input.d.ts +0 -4
  63. package/dist/Base/Input/Input.js +0 -18
  64. package/dist/Base/Input/Input.js.map +0 -1
  65. package/dist/Base/Input/index.d.ts +0 -2
  66. package/dist/Base/Input/index.js +0 -7
  67. package/dist/Base/Input/index.js.map +0 -1
  68. package/dist/Base/Input/types.d.ts +0 -9
  69. package/dist/Base/Input/types.js +0 -3
  70. package/dist/Base/Input/types.js.map +0 -1
  71. package/dist/Info/Info.js.map +0 -1
  72. package/dist/Info/index.d.ts +0 -1
  73. package/dist/Info/index.js +0 -6
  74. package/dist/Info/index.js.map +0 -1
  75. package/src/Collapsible/Collapse1 copy.tsx +0 -88
  76. package/src/DrawerCompanyList/CompanyList.tsx +0 -63
  77. package/src/DrawerCompanyList/index.ts +0 -1
  78. package/src/Info/index.ts +0 -1
@@ -3,166 +3,157 @@
3
3
  @tailwind utilities;
4
4
 
5
5
  @layer base {
6
- @font-face {
7
- font-weight: 100 900;
8
- font-family: 'Roboto';
9
- font-style: normal;
10
- font-stretch: 75% 100%;
11
- src: url('../fonts/Roboto.woff2') format('woff2');
12
- font-display: swap;
13
- }
14
-
15
- @font-face {
16
- font-weight: 100 900;
17
- font-family: 'Roboto';
18
- font-style: italic;
19
- font-stretch: 75% 100%;
20
- src: url('../fonts/Roboto-Italic.woff2') format('woff2');
21
- font-display: swap;
22
- }
23
-
24
- body {
25
- min-height: 100vh;
26
- /* mobile viewport bug fix */
27
- @supports (-webkit-touch-callout: none) {
28
- min-height: -webkit-fill-available;
29
- }
30
- }
6
+
7
+ @font-face {
8
+ font-weight: 100 900;
9
+ font-family: "Roboto";
10
+ font-style: normal;
11
+ font-stretch: 75% 100%;
12
+ src: url("../fonts/Roboto.woff2") format("woff2");
13
+ font-display: swap;
14
+ }
31
15
 
32
- html {
33
- @supports (-webkit-touch-callout: none) {
34
- min-height: -webkit-fill-available;
35
- }
36
- }
37
- :root {
38
- font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, 'Noto Sans',
39
- sans-serif;
40
-
41
- --cl-white: #ffffff;
42
- --cl-dark: #000000;
43
-
44
- /* Синий */
45
- --cl-blue-1: #253c77;
46
- --cl-blue-2: #4971d0;
47
- --cl-blue-3: #6b91eb;
48
- --cl-blue-4: #81a5f9;
49
- --cl-blue-5: #a7c0fb;
50
- --cl-blue-6: #d2ddfa;
51
- --cl-blue-7: #f2f6ff;
52
-
53
- /* Серый */
54
- --cl-graphite-1: #222733;
55
- --cl-graphite-2: #464c59;
56
- --cl-graphite-3: #777c87;
57
- --cl-graphite-4: #9b9fa8;
58
- --cl-graphite-5: #cbcdd1;
59
- --cl-graphite-6: #e6e7e9;
60
- --cl-graphite-7: #f5f5f6;
61
-
62
- /* Зеленый */
63
- --cl-green-1: #5e8c00;
64
- --cl-green-2: #6ca300;
65
- --cl-green-3: #88bd1f;
66
- --cl-green-4: #a4d73e;
67
- --cl-green-5: #c0eb69;
68
- --cl-green-6: #d4f296;
69
- --cl-green-7: #eefad4;
70
-
71
- /* Желтый */
72
- --cl-yellow-1: #b79310;
73
- --cl-yellow-2: #d2aa0f;
74
- --cl-yellow-3: #e8c113;
75
- --cl-yellow-4: #efd04e;
76
- --cl-yellow-5: #f5de88;
77
- --cl-yellow-6: #fae6aa;
78
- --cl-yellow-7: #fcf2ce;
79
-
80
- /* Красный */
81
- --cl-red-1: #a61d1d;
82
- --cl-red-2: #bd2c2c;
83
- --cl-red-3: #d43d3d;
84
- --cl-red-4: #e36868;
85
- --cl-red-5: #f19494;
86
- --cl-red-6: #f9c1bd;
87
- --cl-red-7: #ffe9e9;
88
-
89
- --base: var(--cl-graphite-1);
90
- --primary: var(--cl-blue-2);
91
- --primary-light: var(--cl-blue-7);
92
- --success: var(--cl-green-3);
93
- --success-light: var(--cl-green-7);
94
- --light: var(--cl-graphite-3);
95
- --dark: var(--cl-graphite-2);
96
- --disabled: var(--cl-graphite-4);
97
- --bg-light: var(--cl-graphite-7);
98
- --warning: var(--cl-yellow-2);
99
- --warning-light: var(--cl-yellow-7);
100
- --critical: var(--cl-red-4);
101
- --critical-light: var(--cl-red-7);
102
- /* --text-quaternary:; */
103
-
104
- --page-bg: var(--cl-white);
105
-
106
- /* ЦВЕТ КНОПОК */
107
- /* =========================================== */
108
- --btn-primary: var(--cl-white);
109
- --btn-primary-bg: var(--cl-blue-2);
110
- --btn-primary-hover-bg: var(--cl-blue-3);
111
- --btn-primary-focus-bg: var(--cl-blue-1);
112
- --btn-primary-active-bg: var(--cl-blue-1);
113
-
114
- --btn-success: var(--cl-white);
115
- --btn-success-bg: var(--cl-green-3);
116
- --btn-success-hover-bg: var(--cl-green-4);
117
- --btn-success-focus-bg: var(--cl-green-1);
118
- --btn-success-active-bg: var(--cl-green-1);
119
-
120
- --btn-secondary: var(--cl-graphite-2);
121
- --btn-secondary-bg: #edeeef;
122
- --btn-secondary-hover-bg: #e4e5e7;
123
- --btn-secondary-focus-bg: #e4e5e7;
124
- --btn-secondary-active-bg: #dcdcde;
125
-
126
- --btn-ghost: var(--cl-graphite-2);
127
- --btn-ghost-bg: var(--cl-white);
128
- --btn-ghost-hover-bg: #f6f6f7;
129
- --btn-ghost-focus-bg: #f6f6f7;
130
- --btn-ghost-active-bg: #edeeef;
131
- --btn-primary-outline: var(--cl-blue-2);
132
- --btn-primary-outline-bg: var(--cl-white);
133
- --btn-primary-outline-hover-bg: var(--cl-blue-3);
134
- --btn-primary-outline-focus-bg: var(--cl-blue-3);
135
- --btn-primary-outline-active-bg: var(--cl-blue-1);
136
-
137
- --btn-txt-primary: var(--cl-blue-2);
138
- --btn-txt-primary-hover: var(--cl-blue-3);
139
- --btn-txt-primary-focus: var(--cl-blue-3);
140
- --btn-txt-primary-active: var(--cl-blue-1);
141
- /* =========================================== */
142
- /* ЦВЕТ КНОПОК */
143
-
144
- /* ЦВЕТ ПОЛЯ ВВОДА */
145
- /* =========================================== */
146
-
147
- /* =========================================== */
148
- /* ЦВЕТ ПОЛЯ ВВОДА */
149
-
150
- /* BORDER */
151
- /* =========================================== */
152
- --border-color: var(--cl-graphite-5);
153
- --border-radius-sm: 4px;
154
- --border-radius-md: 8px;
155
- /* =========================================== */
156
- /* BORDER */
157
-
158
- /* SHADOWS */
159
- /* =========================================== */
160
- --shadow-1: 0px 4px 16px rgba(36, 48, 54, 0.08);
161
- --shadow-2: 0 2px 10px rgba(36, 48, 54, 0.12);
162
- /* =========================================== */
163
- /* SHADOWS */
164
- }
165
-
166
- .dark {
167
- }
168
- }
16
+ @font-face {
17
+ font-weight: 100 900;
18
+ font-family: "Roboto";
19
+ font-style: italic;
20
+ font-stretch: 75% 100%;
21
+ src: url("../fonts/Roboto-Italic.woff2") format("woff2");
22
+ font-display: swap;
23
+ }
24
+
25
+ :root {
26
+ font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
27
+
28
+ --cl-white: #ffffff;
29
+ --cl-dark: #000000;
30
+
31
+ /* Синий */
32
+ --cl-blue-1: #253c77;
33
+ --cl-blue-2: #4971d0;
34
+ --cl-blue-3: #6b91eb;
35
+ --cl-blue-4: #81a5f9;
36
+ --cl-blue-5: #a7c0fb;
37
+ --cl-blue-6: #d2ddfa;
38
+ --cl-blue-7: #f2f6ff;
39
+
40
+ /* Серый */
41
+ --cl-graphite-1: #222733;
42
+ --cl-graphite-2: #464c59;
43
+ --cl-graphite-3: #777c87;
44
+ --cl-graphite-4: #9b9fa8;
45
+ --cl-graphite-5: #cbcdd1;
46
+ --cl-graphite-6: #e6e7e9;
47
+ --cl-graphite-7: #f5f5f6;
48
+
49
+ /* Зеленый */
50
+ --cl-green-1: #5e8c00;
51
+ --cl-green-2: #6ca300;
52
+ --cl-green-3: #88bd1f;
53
+ --cl-green-4: #a4d73e;
54
+ --cl-green-5: #c0eb69;
55
+ --cl-green-6: #d4f296;
56
+ --cl-green-7: #eefad4;
57
+
58
+ /* Желтый */
59
+ --cl-yellow-1: #b79310;
60
+ --cl-yellow-2: #d2aa0f;
61
+ --cl-yellow-3: #e8c113;
62
+ --cl-yellow-4: #efd04e;
63
+ --cl-yellow-5: #f5de88;
64
+ --cl-yellow-6: #fae6aa;
65
+ --cl-yellow-7: #fcf2ce;
66
+
67
+ /* Красный */
68
+ --cl-red-1: #a61d1d;
69
+ --cl-red-2: #bd2c2c;
70
+ --cl-red-3: #d43d3d;
71
+ --cl-red-4: #e36868;
72
+ --cl-red-5: #f19494;
73
+ --cl-red-6: #f9c1bd;
74
+ --cl-red-7: #ffe9e9;
75
+
76
+ --base: var(--cl-graphite-1);
77
+ --primary: var(--cl-blue-2);
78
+ --primary-light: var(--cl-blue-7);
79
+ --success: var(--cl-green-3);
80
+ --success-light: var(--cl-green-7);
81
+ --light: var(--cl-graphite-3);
82
+ --dark: var(--cl-graphite-2);
83
+ --disabled: var(--cl-graphite-4);
84
+ --bg-light: var(--cl-graphite-7);
85
+ --warning: var(--cl-yellow-2);
86
+ --warning-light: var(--cl-yellow-7);
87
+ --critical: var(--cl-red-4);
88
+ --critical-light: var(--cl-red-7);
89
+ /* --text-quaternary:; */
90
+
91
+ --page-bg: var(--cl-white);
92
+
93
+
94
+ /* ЦВЕТ КНОПОК */
95
+ /* =========================================== */
96
+ --btn-primary: var(--cl-white);
97
+ --btn-primary-bg: var(--cl-blue-2);
98
+ --btn-primary-hover-bg: var(--cl-blue-3);
99
+ --btn-primary-focus-bg: var(--cl-blue-1);
100
+ --btn-primary-active-bg: var(--cl-blue-1);
101
+
102
+ --btn-success: var(--cl-white);
103
+ --btn-success-bg: var(--cl-green-3);
104
+ --btn-success-hover-bg: var(--cl-green-4);
105
+ --btn-success-focus-bg: var(--cl-green-1);
106
+ --btn-success-active-bg: var(--cl-green-1);
107
+
108
+ --btn-secondary: var(--cl-graphite-2);
109
+ --btn-secondary-bg: #EDEEEF;
110
+ --btn-secondary-hover-bg: #E4E5E7;
111
+ --btn-secondary-focus-bg: #E4E5E7;
112
+ --btn-secondary-active-bg: #DCDCDE;
113
+
114
+ --btn-ghost: var(--cl-graphite-2);
115
+ --btn-ghost-bg: var(--cl-white);
116
+ --btn-ghost-hover-bg: #F6F6F7;
117
+ --btn-ghost-focus-bg: #F6F6F7;
118
+ --btn-ghost-active-bg: #EDEEEF;
119
+ --btn-primary-outline: var(--cl-blue-2);
120
+ --btn-primary-outline-bg: var(--cl-white);
121
+ --btn-primary-outline-hover-bg: var(--cl-blue-3);
122
+ --btn-primary-outline-focus-bg: var(--cl-blue-3);
123
+ --btn-primary-outline-active-bg: var(--cl-blue-1);
124
+
125
+ --btn-txt-primary: var(--cl-blue-2);
126
+ --btn-txt-primary-hover: var(--cl-blue-3);
127
+ --btn-txt-primary-focus: var(--cl-blue-3);
128
+ --btn-txt-primary-active: var(--cl-blue-1);
129
+ /* =========================================== */
130
+ /* ЦВЕТ КНОПОК */
131
+
132
+
133
+ /* ЦВЕТ ПОЛЯ ВВОДА */
134
+ /* =========================================== */
135
+
136
+
137
+ /* =========================================== */
138
+ /* ЦВЕТ ПОЛЯ ВВОДА */
139
+
140
+
141
+ /* BORDER */
142
+ /* =========================================== */
143
+ --border-color: var(--cl-graphite-5);
144
+ --border-radius-sm: 4px;
145
+ --border-radius-md: 8px;
146
+ /* =========================================== */
147
+ /* BORDER */
148
+
149
+ /* SHADOWS */
150
+ /* =========================================== */
151
+ --shadow-1: 0px 4px 16px rgba(36, 48, 54, 0.08);
152
+ --shadow-2: 0 2px 10px rgba(36, 48, 54, 0.12);
153
+ /* =========================================== */
154
+ /* SHADOWS */
155
+ }
156
+
157
+
158
+ .dark {}
159
+ }
package/src/index.ts CHANGED
@@ -1,47 +1,36 @@
1
- import { Tooltip } from "./Tooltip";
2
- import { Tabs } from "./Tabs";
3
- import { Slider } from "./Slider";
4
- import { Popover } from "./Popover";
5
- import Logo from "./Logo";
6
- import { InputOTP,
7
- InputOTPGroup,
8
- InputOTPSlot,
9
- InputOTPSeparator
10
- } from "./Input-OTP";
1
+ import { Tooltip } from './Tooltip'
2
+ import { Tabs } from './Tabs'
3
+ import { Slider } from './Slider'
4
+ import { Popover } from './Popover'
5
+ import Logo from './Logo'
6
+ import { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator } from './Input-OTP'
11
7
  import {
12
- BottomNavigation,
13
- BottomNavigationList,
14
- BottomNavigationListItem,
15
- BottomNavigationLink
16
- } from "./BottomNavigation";
17
- import * as Icon from "./Icon";
18
- import {
19
- Collapsible,
20
- CollapsibleTrigger,
21
- CollapsibleContent
22
- } from "./Collapsible";
8
+ BottomNavigation,
9
+ BottomNavigationList,
10
+ BottomNavigationListItem,
11
+ BottomNavigationLink,
12
+ } from './BottomNavigation'
13
+ import * as Icon from './Icon'
14
+ import { Collapsible, CollapsibleTrigger, CollapsibleContent } from './Collapsible'
23
15
  import {
24
16
  AccountCollapsible,
25
17
  AccountCollapsibleHeader,
26
18
  AccountCollapsibleTrigger,
27
19
  AccountCollapsibleContent,
28
20
  AccountCollapsibleContentItem,
29
- } from "./Collapsible";
30
- import { Button } from "./Button";
31
- import { Input } from "./Base/Input";
32
- import { Audio } from "./Audio";
33
- import { cn } from "./@/lib/utils";
34
- import {
35
- Drawer,
36
- DrawerTrigger,
37
- DrawerTitle,
38
- DrawerClose,
39
- DrawerContent
40
- } from './Drawer'
41
- import { Page } from "./Page";
42
- import { Chip } from "./Chip";
43
- import { InputField, InputLabel } from "./Input";
44
- import { Info } from "./Info";
21
+ } from './Collapsible'
22
+ import { Button } from './Button'
23
+ import { Audio } from './Audio'
24
+ import { cn } from './@/lib/utils'
25
+ import { Drawer, DrawerTrigger, DrawerTitle, DrawerClose, DrawerContent } from './Drawer'
26
+ import { Page } from './Page'
27
+ import { Chip } from './Chip'
28
+ import { InputField, InputLabel } from './Input'
29
+ import { Alert } from './Alert'
30
+ import { Switch } from './Switch'
31
+ import { Label } from './Label'
32
+ import { Textarea } from './Textarea'
33
+ import { SelectAccountCard } from './Select'
45
34
 
46
35
  export {
47
36
  Tooltip,
@@ -62,7 +51,6 @@ export {
62
51
  AccountCollapsibleContent,
63
52
  AccountCollapsibleContentItem,
64
53
  Button,
65
- Input,
66
54
  InputField,
67
55
  InputLabel,
68
56
  Audio,
@@ -79,5 +67,9 @@ export {
79
67
  BottomNavigationLink,
80
68
  Page,
81
69
  Chip,
82
- Info,
83
- };
70
+ Alert,
71
+ Switch,
72
+ Label,
73
+ Textarea,
74
+ SelectAccountCard,
75
+ }
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { IInputProps } from './types';
3
- declare const Base: React.ForwardRefExoticComponent<IInputProps & React.RefAttributes<HTMLInputElement>>;
4
- export default Base;
@@ -1,20 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const tslib_1 = require("tslib");
4
- const react_1 = (0, tslib_1.__importDefault)(require("react"));
5
- const react_imask_1 = require("react-imask");
6
- const Base = react_1.default.forwardRef(({ onChange, type = 'text', mask, ...props }, ref) => {
7
- const handleChange = (event) => {
8
- // @ts-ignore
9
- const val = event.target.value;
10
- onChange?.(val, event);
11
- };
12
- if (!mask) {
13
- return (react_1.default.createElement("input", { type: type, ref: ref, onChange: handleChange, ...props }));
14
- }
15
- return (
16
- // @ts-ignore
17
- react_1.default.createElement(react_imask_1.IMaskInput, { type: type, inputRef: ref, mask: mask, onChange: handleChange, ...props }));
18
- });
19
- exports.default = Base;
20
- //# sourceMappingURL=Base.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Base.js","sourceRoot":"","sources":["../../../src/Base/Input/Base.tsx"],"names":[],"mappings":";;;AAAA,+DAAwD;AACxD,6CAAwC;AAGxC,MAAM,IAAI,GAAG,eAAK,CAAC,UAAU,CAC5B,CAAC,EAAE,QAAQ,EAAE,IAAI,GAAG,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,EAAe,EAAE,GAAmC,EAAE,EAAE;IACjG,MAAM,YAAY,GAAG,CAAC,KAAoC,EAAQ,EAAE;QACnE,aAAa;QACb,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAA;QAC9B,QAAQ,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA;IACvB,CAAC,CAAA;IAED,IAAI,CAAC,IAAI,EAAE;QACV,OAAO,CACN,yCACC,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,YAAY,KAClB,KAAK,GACR,CACF,CAAA;KACD;IAED,OAAO;IACN,aAAa;IACb,8BAAC,wBAAU,IACV,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,GAAG,EACb,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,YAAY,KAClB,KAAK,GACR,CACF,CAAA;AACF,CAAC,CACD,CAAA;AAED,kBAAe,IAAI,CAAA"}
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { IInputProps } from './types';
3
- declare const Input: React.ForwardRefExoticComponent<IInputProps & React.RefAttributes<HTMLInputElement>>;
4
- export default Input;
@@ -1,18 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const tslib_1 = require("tslib");
4
- const react_1 = (0, tslib_1.__importDefault)(require("react"));
5
- const Base_1 = (0, tslib_1.__importDefault)(require("./Base"));
6
- const Input = react_1.default.forwardRef(({ onChange, value, clearable, ...props }, ref) => {
7
- const handleClearClick = () => {
8
- onChange?.('');
9
- };
10
- if (!clearable) {
11
- return (react_1.default.createElement(Base_1.default, { ref: ref, onChange: onChange, value: value, ...props }));
12
- }
13
- return (react_1.default.createElement("div", { className: "input_wrap_clear" },
14
- react_1.default.createElement(Base_1.default, { ref: ref, onChange: onChange, value: value, ...props }),
15
- value && (react_1.default.createElement("a", { className: "input_clear icon-cancel", onClick: handleClearClick, style: { visibility: 'initial' } }))));
16
- });
17
- exports.default = Input;
18
- //# sourceMappingURL=Input.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/Base/Input/Input.tsx"],"names":[],"mappings":";;;AAAA,+DAA2C;AAC3C,+DAAyB;AAGzB,MAAM,KAAK,GAAG,eAAK,CAAC,UAAU,CAC7B,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAe,EAAE,GAAmC,EAAE,EAAE;IAC9F,MAAM,gBAAgB,GAAG,GAAS,EAAE;QACnC,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAA;IACf,CAAC,CAAA;IAED,IAAI,CAAC,SAAS,EAAE;QACf,OAAO,CACN,8BAAC,cAAI,IACJ,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,KACR,KAAK,GACR,CACF,CAAA;KACD;IAED,OAAO,CACN,uCAAK,SAAS,EAAC,kBAAkB;QAChC,8BAAC,cAAI,IACJ,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,KACR,KAAK,GACR;QACD,KAAK,IAAI,CACT,qCACC,SAAS,EAAC,yBAAyB,EACnC,OAAO,EAAE,gBAAgB,EACzB,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,GAC/B,CACF,CACI,CACN,CAAA;AACF,CAAC,CACD,CAAA;AAED,kBAAe,KAAK,CAAA"}
@@ -1,2 +0,0 @@
1
- import Input from './Input';
2
- export { Input };
@@ -1,7 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Input = void 0;
4
- const tslib_1 = require("tslib");
5
- const Input_1 = (0, tslib_1.__importDefault)(require("./Input"));
6
- exports.Input = Input_1.default;
7
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Base/Input/index.ts"],"names":[],"mappings":";;;;AAAA,iEAA2B;AAElB,gBAFF,eAAK,CAEE"}
@@ -1,9 +0,0 @@
1
- import React, { ChangeEvent, ChangeEventHandler } from 'react';
2
- declare type CustomChangeEventHandler = (value: string, event?: ChangeEvent<HTMLInputElement>) => void;
3
- declare type CombinedChangeEventHandler = ChangeEventHandler<HTMLInputElement> & CustomChangeEventHandler;
4
- export interface IInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
5
- onChange?: CombinedChangeEventHandler;
6
- mask?: string | RegExp | (string | RegExp)[] | NumberConstructor;
7
- clearable?: boolean;
8
- }
9
- export {};
@@ -1,3 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- //# sourceMappingURL=types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/Base/Input/types.ts"],"names":[],"mappings":""}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Info.js","sourceRoot":"","sources":["../../src/Info/Info.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,uEAAiE;AAEjE,0CAAmC;AACnC,uDAAuD;AAEvD,MAAM,YAAY,GAAG,IAAA,8BAAG,EAAC,2CAA2C,EAAE;IACrE,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,KAAK,EAAE,sBAAsB;YAC7B,OAAO,EAAE,kBAAkB;YAC3B,OAAO,EAAE,kBAAkB;YAC3B,QAAQ,EAAE,wBAAwB;SAClC;KACD;IACD,eAAe,EAAE;QAChB,OAAO,EAAE,OAAO;KAChB;CACD,CAAC,CAAA;AAMF,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAyB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACzG,OAAO,CACN,6BACC,SAAS,EAAE,IAAA,UAAE,EAAC,YAAY,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC,KAC/C,KAAK,IAER,QAAQ,CACJ,CACN,CAAA;AACF,CAAC,CAAC,CAAA;AAIO,oBAAI;AAFb,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA"}
@@ -1 +0,0 @@
1
- export { Info } from './Info';
@@ -1,6 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Info = void 0;
4
- var Info_1 = require("./Info");
5
- Object.defineProperty(exports, "Info", { enumerable: true, get: function () { return Info_1.Info; } });
6
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Info/index.ts"],"names":[],"mappings":";;;AAAA,+BAA6B;AAApB,4FAAA,IAAI,OAAA"}
@@ -1,88 +0,0 @@
1
- import React from 'react'
2
- import cn from 'clsx'
3
- import * as Accordion from '@radix-ui/react-accordion'
4
- import {
5
- AccordionMultipleProps,
6
- AccordionSingleProps,
7
- AccordionContent,
8
- AccordionHeader,
9
- AccordionItem,
10
- AccordionTrigger
11
- } from "@radix-ui/react-accordion";
12
-
13
- type CollapseComponents = {
14
- Item: typeof AccordionItem,
15
- Header: typeof AccordionHeader,
16
- Trigger: typeof AccordionTrigger,
17
- Content: typeof AccordionContent,
18
- }
19
-
20
- const Collapse: React.FC<AccordionSingleProps | AccordionMultipleProps> & CollapseComponents = ({...props}) => <Accordion.Root {...props}/>
21
-
22
- const CollapseItem = React.forwardRef<
23
- React.ElementRef<typeof Accordion.Item>,
24
- React.ComponentPropsWithoutRef<typeof Accordion.Item>
25
- >(({ className, ...props }, ref) => (
26
- <Accordion.Item
27
- ref={ref}
28
- className={cn('border-b', className)}
29
- {...props}
30
- />
31
- ))
32
-
33
- const CollapseHeader = React.forwardRef<
34
- React.ElementRef<typeof Accordion.Header>,
35
- React.ComponentPropsWithoutRef<typeof Accordion.Header>
36
- >(({ className, children, ...props }, ref) => (
37
- <Accordion.Header
38
- className={cn('flex', className)}
39
- {...props}
40
- ref={ref}
41
- >
42
- {children}
43
- </Accordion.Header>
44
- ))
45
-
46
- const CollapseTrigger = React.forwardRef<
47
- React.ElementRef<typeof Accordion.Trigger>,
48
- React.ComponentPropsWithoutRef<typeof Accordion.Trigger>
49
- >(({ className, children, ...props }, ref) => (
50
- <Accordion.Trigger
51
- ref={ref}
52
- className={cn(
53
- 'flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180',
54
- className
55
- )}
56
- {...props}
57
- >
58
- {children}
59
- {/*<ChevronDown className="w-4 h-4 transition-transform duration-200 shrink-0" />*/}
60
- </Accordion.Trigger>
61
- ))
62
-
63
- const CollapseContent = React.forwardRef<
64
- React.ElementRef<typeof Accordion.Content>,
65
- React.ComponentPropsWithoutRef<typeof Accordion.Content>
66
- >(({ className, children, ...props }, ref) => (
67
- <Accordion.Content
68
- ref={ref}
69
- className={cn(
70
- 'overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down',
71
- className
72
- )}
73
- {...props}
74
- >
75
- {children}
76
- </Accordion.Content>
77
- ))
78
-
79
- Collapse.Item = CollapseItem
80
- CollapseItem.displayName = "CollapseItem"
81
- Collapse.Header = CollapseHeader
82
- CollapseHeader.displayName = "CollapseHeader"
83
- Collapse.Trigger = CollapseTrigger
84
- CollapseTrigger.displayName = "CollapseTrigger"
85
- Collapse.Content = CollapseContent
86
- CollapseContent.displayName = "CollapseContent"
87
-
88
- export default Collapse