nntc-ui 0.0.85 → 0.0.86
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.
- package/{chunk-64SOJQ5A.js → chunk-AV32MYLN.js} +71 -61
- package/icons/index.d.ts +5 -1
- package/icons/index.js +5 -1
- package/index.css +94 -0
- package/index.d.ts +48 -39
- package/index.js +418 -350
- package/package.json +1 -1
|
@@ -58,41 +58,49 @@ var CheckboxDeselectedIcon = (props) => /* @__PURE__ */ jsx8(Icon, { ...props, c
|
|
|
58
58
|
import { jsx as jsx9 } from "react/jsx-runtime";
|
|
59
59
|
var CheckboxSeveralIcon = (props) => /* @__PURE__ */ jsx9(Icon, { ...props, children: /* @__PURE__ */ jsx9("path", { d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2zm0-4H7V7h10v2z" }) });
|
|
60
60
|
|
|
61
|
-
// src/icons/
|
|
61
|
+
// src/icons/RadioDeselectedIcon.tsx
|
|
62
62
|
import { jsx as jsx10 } from "react/jsx-runtime";
|
|
63
|
-
var
|
|
63
|
+
var RadioDeselectedIcon = (props) => /* @__PURE__ */ jsx10(Icon, { ...props, children: /* @__PURE__ */ jsx10("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" }) });
|
|
64
64
|
|
|
65
|
-
// src/icons/
|
|
65
|
+
// src/icons/RadioSelectedIcon.tsx
|
|
66
66
|
import { jsx as jsx11 } from "react/jsx-runtime";
|
|
67
|
-
var
|
|
67
|
+
var RadioSelectedIcon = (props) => /* @__PURE__ */ jsx11(Icon, { ...props, children: /* @__PURE__ */ jsx11("path", { d: "M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" }) });
|
|
68
68
|
|
|
69
|
-
// src/icons/
|
|
69
|
+
// src/icons/ChevronLeftIcon.tsx
|
|
70
70
|
import { jsx as jsx12 } from "react/jsx-runtime";
|
|
71
|
-
var
|
|
71
|
+
var ChevronLeftIcon = (props) => /* @__PURE__ */ jsx12(Icon, { ...props, children: /* @__PURE__ */ jsx12("path", { d: "M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z" }) });
|
|
72
72
|
|
|
73
|
-
// src/icons/
|
|
73
|
+
// src/icons/ChevronRightIcon.tsx
|
|
74
74
|
import { jsx as jsx13 } from "react/jsx-runtime";
|
|
75
|
-
var
|
|
75
|
+
var ChevronRightIcon = (props) => /* @__PURE__ */ jsx13(Icon, { ...props, children: /* @__PURE__ */ jsx13("path", { d: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" }) });
|
|
76
76
|
|
|
77
|
-
// src/icons/
|
|
77
|
+
// src/icons/CircleFilledIcon.tsx
|
|
78
78
|
import { jsx as jsx14 } from "react/jsx-runtime";
|
|
79
|
-
var
|
|
79
|
+
var CircleFilledIcon = (props) => /* @__PURE__ */ jsx14(Icon, { ...props, children: /* @__PURE__ */ jsx14("path", { d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2z" }) });
|
|
80
80
|
|
|
81
|
-
// src/icons/
|
|
81
|
+
// src/icons/CloseIcon.tsx
|
|
82
82
|
import { jsx as jsx15 } from "react/jsx-runtime";
|
|
83
|
-
var
|
|
83
|
+
var CloseIcon = (props) => /* @__PURE__ */ jsx15(Icon, { ...props, children: /* @__PURE__ */ jsx15("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" }) });
|
|
84
84
|
|
|
85
|
-
// src/icons/
|
|
85
|
+
// src/icons/DateRangeIcon.tsx
|
|
86
86
|
import { jsx as jsx16 } from "react/jsx-runtime";
|
|
87
|
-
var
|
|
87
|
+
var DateRangeIcon = (props) => /* @__PURE__ */ jsx16(Icon, { ...props, children: /* @__PURE__ */ jsx16("path", { d: "M19 4h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20a2 2 0 002 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V10h14v10zM9 14H7v-2h2v2zm4 0h-2v-2h2v2zm4 0h-2v-2h2v2zm-8 4H7v-2h2v2zm4 0h-2v-2h2v2zm4 0h-2v-2h2v2z" }) });
|
|
88
88
|
|
|
89
|
-
// src/icons/
|
|
89
|
+
// src/icons/DeleteIcon.tsx
|
|
90
90
|
import { jsx as jsx17 } from "react/jsx-runtime";
|
|
91
|
-
var
|
|
91
|
+
var DeleteIcon = (props) => /* @__PURE__ */ jsx17(Icon, { ...props, children: /* @__PURE__ */ jsx17("path", { d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z" }) });
|
|
92
92
|
|
|
93
|
-
// src/icons/
|
|
93
|
+
// src/icons/DoneIcon.tsx
|
|
94
94
|
import { jsx as jsx18 } from "react/jsx-runtime";
|
|
95
|
-
var
|
|
95
|
+
var DoneIcon = (props) => /* @__PURE__ */ jsx18(Icon, { ...props, children: /* @__PURE__ */ jsx18("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" }) });
|
|
96
|
+
|
|
97
|
+
// src/icons/FileUploadIcon.tsx
|
|
98
|
+
import { jsx as jsx19 } from "react/jsx-runtime";
|
|
99
|
+
var FileUploadIcon = (props) => /* @__PURE__ */ jsx19(Icon, { ...props, children: /* @__PURE__ */ jsx19("path", { d: "M9 16h6v-6h4l-7-7-7 7h4zm-4 2h14v2H5z" }) });
|
|
100
|
+
|
|
101
|
+
// src/icons/FilterIcon.tsx
|
|
102
|
+
import { jsx as jsx20 } from "react/jsx-runtime";
|
|
103
|
+
var FilterIcon = (props) => /* @__PURE__ */ jsx20(Icon, { ...props, children: /* @__PURE__ */ jsx20(
|
|
96
104
|
"path",
|
|
97
105
|
{
|
|
98
106
|
d: `M4.24993 5.61C6.26993 8.2 9.99993 13 9.99993 13V19C9.99993 19.55 10.4499
|
|
@@ -102,9 +110,9 @@ var FilterIcon = (props) => /* @__PURE__ */ jsx18(Icon, { ...props, children: /*
|
|
|
102
110
|
) });
|
|
103
111
|
|
|
104
112
|
// src/icons/FilterClearIcon.tsx
|
|
105
|
-
import { jsx as
|
|
113
|
+
import { jsx as jsx21, jsxs } from "react/jsx-runtime";
|
|
106
114
|
var FilterClearIcon = (props) => /* @__PURE__ */ jsxs(Icon, { ...props, children: [
|
|
107
|
-
/* @__PURE__ */
|
|
115
|
+
/* @__PURE__ */ jsx21("g", { "clip-path": "url(#clip0_851_25267)", children: /* @__PURE__ */ jsx21(
|
|
108
116
|
"path",
|
|
109
117
|
{
|
|
110
118
|
"fill-rule": "evenodd",
|
|
@@ -116,12 +124,12 @@ var FilterClearIcon = (props) => /* @__PURE__ */ jsxs(Icon, { ...props, children
|
|
|
116
124
|
4H9.82861L16.1091 10.2805Z`
|
|
117
125
|
}
|
|
118
126
|
) }),
|
|
119
|
-
/* @__PURE__ */
|
|
127
|
+
/* @__PURE__ */ jsx21("defs", { children: /* @__PURE__ */ jsx21("clipPath", { id: "clip0_851_25267", children: /* @__PURE__ */ jsx21("rect", { width: "24", height: "24", fill: "white" }) }) })
|
|
120
128
|
] });
|
|
121
129
|
|
|
122
130
|
// src/icons/InfoIcon.tsx
|
|
123
|
-
import { jsx as
|
|
124
|
-
var InfoIcon = (props) => /* @__PURE__ */
|
|
131
|
+
import { jsx as jsx22 } from "react/jsx-runtime";
|
|
132
|
+
var InfoIcon = (props) => /* @__PURE__ */ jsx22(Icon, { ...props, children: /* @__PURE__ */ jsx22(
|
|
125
133
|
"path",
|
|
126
134
|
{
|
|
127
135
|
d: `M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10
|
|
@@ -130,8 +138,8 @@ var InfoIcon = (props) => /* @__PURE__ */ jsx20(Icon, { ...props, children: /* @
|
|
|
130
138
|
) });
|
|
131
139
|
|
|
132
140
|
// src/icons/AlertIcon.tsx
|
|
133
|
-
import { jsx as
|
|
134
|
-
var AlertIcon = (props) => /* @__PURE__ */
|
|
141
|
+
import { jsx as jsx23 } from "react/jsx-runtime";
|
|
142
|
+
var AlertIcon = (props) => /* @__PURE__ */ jsx23(Icon, { ...props, children: /* @__PURE__ */ jsx23(
|
|
135
143
|
"path",
|
|
136
144
|
{
|
|
137
145
|
fillRule: "evenodd",
|
|
@@ -141,52 +149,52 @@ var AlertIcon = (props) => /* @__PURE__ */ jsx21(Icon, { ...props, children: /*
|
|
|
141
149
|
) });
|
|
142
150
|
|
|
143
151
|
// src/icons/KeyboardArrowDownIcon.tsx
|
|
144
|
-
import { jsx as
|
|
145
|
-
var KeyboardArrowDownIcon = (props) => /* @__PURE__ */
|
|
152
|
+
import { jsx as jsx24 } from "react/jsx-runtime";
|
|
153
|
+
var KeyboardArrowDownIcon = (props) => /* @__PURE__ */ jsx24(Icon, { ...props, children: /* @__PURE__ */ jsx24("path", { d: "M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z" }) });
|
|
146
154
|
|
|
147
155
|
// src/icons/ListIcon.tsx
|
|
148
|
-
import { jsx as
|
|
149
|
-
var ListIcon = (props) => /* @__PURE__ */
|
|
156
|
+
import { jsx as jsx25 } from "react/jsx-runtime";
|
|
157
|
+
var ListIcon = (props) => /* @__PURE__ */ jsx25(Icon, { ...props, children: /* @__PURE__ */ jsx25("path", { d: "M3 13h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 4h14v-2H7v2zm0 4h14v-2H7v2zM7 7v2h14V7H7z" }) });
|
|
150
158
|
|
|
151
159
|
// src/icons/MoreVerticalIcon.tsx
|
|
152
|
-
import { jsx as
|
|
153
|
-
var MoreVerticalIcon = (props) => /* @__PURE__ */
|
|
160
|
+
import { jsx as jsx26 } from "react/jsx-runtime";
|
|
161
|
+
var MoreVerticalIcon = (props) => /* @__PURE__ */ jsx26(Icon, { ...props, children: /* @__PURE__ */ jsx26("path", { d: "M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" }) });
|
|
154
162
|
|
|
155
163
|
// src/icons/SearchIcon.tsx
|
|
156
|
-
import { jsx as
|
|
157
|
-
var SearchIcon = (props) => /* @__PURE__ */
|
|
164
|
+
import { jsx as jsx27 } from "react/jsx-runtime";
|
|
165
|
+
var SearchIcon = (props) => /* @__PURE__ */ jsx27(Icon, { ...props, children: /* @__PURE__ */ jsx27("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" }) });
|
|
158
166
|
|
|
159
167
|
// src/icons/SettingsIcon.tsx
|
|
160
|
-
import { jsx as
|
|
161
|
-
var SettingsIcon = (props) => /* @__PURE__ */
|
|
168
|
+
import { jsx as jsx28 } from "react/jsx-runtime";
|
|
169
|
+
var SettingsIcon = (props) => /* @__PURE__ */ jsx28(Icon, { ...props, children: /* @__PURE__ */ jsx28("path", { d: "M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.07.62-.07.94s.02.64.07.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z" }) });
|
|
162
170
|
|
|
163
171
|
// src/icons/SortDownIcon.tsx
|
|
164
|
-
import { jsx as
|
|
165
|
-
var SortDownIcon = (props) => /* @__PURE__ */
|
|
172
|
+
import { jsx as jsx29 } from "react/jsx-runtime";
|
|
173
|
+
var SortDownIcon = (props) => /* @__PURE__ */ jsx29(Icon, { ...props, children: /* @__PURE__ */ jsx29("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M3 18V16H21V18H3ZM3 6H9V8H3V6ZM15 11H3V13H15V11Z" }) });
|
|
166
174
|
|
|
167
175
|
// src/icons/SortUpIcon.tsx
|
|
168
|
-
import { jsx as
|
|
169
|
-
var SortUpIcon = (props) => /* @__PURE__ */
|
|
176
|
+
import { jsx as jsx30 } from "react/jsx-runtime";
|
|
177
|
+
var SortUpIcon = (props) => /* @__PURE__ */ jsx30(Icon, { ...props, children: /* @__PURE__ */ jsx30("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M3 6V8H21V6H3ZM3 18H9V16H3V18ZM15 13H3V11H15V13Z" }) });
|
|
170
178
|
|
|
171
179
|
// src/icons/TableChartIcon.tsx
|
|
172
|
-
import { jsx as
|
|
173
|
-
var TableChartIcon = (props) => /* @__PURE__ */
|
|
180
|
+
import { jsx as jsx31 } from "react/jsx-runtime";
|
|
181
|
+
var TableChartIcon = (props) => /* @__PURE__ */ jsx31(Icon, { ...props, children: /* @__PURE__ */ jsx31("path", { d: "M3 13h8V3H3v10zm0 8h8v-6H3v6zm10 0h8V11h-8v10zm0-18v6h8V3h-8z" }) });
|
|
174
182
|
|
|
175
183
|
// src/icons/UploadIcon.tsx
|
|
176
|
-
import { jsx as
|
|
177
|
-
var UploadIcon = (props) => /* @__PURE__ */
|
|
184
|
+
import { jsx as jsx32 } from "react/jsx-runtime";
|
|
185
|
+
var UploadIcon = (props) => /* @__PURE__ */ jsx32(Icon, { ...props, children: /* @__PURE__ */ jsx32("path", { d: "M9 16h6v-6h4l-7-7-7 7h4zm-4 2h14v2H5z" }) });
|
|
178
186
|
|
|
179
187
|
// src/icons/WellIcon.tsx
|
|
180
|
-
import { jsx as
|
|
181
|
-
var WellIcon = (props) => /* @__PURE__ */
|
|
188
|
+
import { jsx as jsx33 } from "react/jsx-runtime";
|
|
189
|
+
var WellIcon = (props) => /* @__PURE__ */ jsx33(Icon, { ...props, children: /* @__PURE__ */ jsx33("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-13h2v6h-2zm0 8h2v2h-2z" }) });
|
|
182
190
|
|
|
183
191
|
// src/icons/EditIcon.tsx
|
|
184
|
-
import { jsx as
|
|
185
|
-
var EditIcon = (props) => /* @__PURE__ */
|
|
192
|
+
import { jsx as jsx34 } from "react/jsx-runtime";
|
|
193
|
+
var EditIcon = (props) => /* @__PURE__ */ jsx34(Icon, { ...props, children: /* @__PURE__ */ jsx34("path", { d: "M18.3688 3.29L20.7088 5.63C21.0988 6.02 21.0988 6.65 20.7088 7.04L18.8788 8.87L15.1288 5.12L16.9588 3.29C17.1488 3.1 17.3988 3 17.6588 3C17.9188 3 18.1688 3.09 18.3688 3.29ZM2.99878 17.25V21H6.74878L17.8088 9.94L14.0588 6.19L2.99878 17.25ZM5.91878 19H4.99878V18.08L14.0588 9.02L14.9788 9.94L5.91878 19Z" }) });
|
|
186
194
|
|
|
187
195
|
// src/icons/FullScreenOnIcon.tsx
|
|
188
|
-
import { jsx as
|
|
189
|
-
var FullScreenOnIcon = (props) => /* @__PURE__ */
|
|
196
|
+
import { jsx as jsx35 } from "react/jsx-runtime";
|
|
197
|
+
var FullScreenOnIcon = (props) => /* @__PURE__ */ jsx35(Icon, { ...props, children: /* @__PURE__ */ jsx35(
|
|
190
198
|
"path",
|
|
191
199
|
{
|
|
192
200
|
d: `M3 5v4h2V5h4V3H5c-1.1 0-2 .9-2 2zm2 10H3v4c0 1.1.9 2 2
|
|
@@ -195,16 +203,16 @@ var FullScreenOnIcon = (props) => /* @__PURE__ */ jsx33(Icon, { ...props, childr
|
|
|
195
203
|
) });
|
|
196
204
|
|
|
197
205
|
// src/icons/FullScreenOffIcon.tsx
|
|
198
|
-
import { jsx as
|
|
199
|
-
var FullScreenOffIcon = (props) => /* @__PURE__ */
|
|
206
|
+
import { jsx as jsx36 } from "react/jsx-runtime";
|
|
207
|
+
var FullScreenOffIcon = (props) => /* @__PURE__ */ jsx36(Icon, { ...props, children: /* @__PURE__ */ jsx36("path", { d: "M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z" }) });
|
|
200
208
|
|
|
201
209
|
// src/icons/BookmarkIcon.tsx
|
|
202
|
-
import { jsx as
|
|
203
|
-
var BookmarkIcon = (props) => /* @__PURE__ */
|
|
210
|
+
import { jsx as jsx37 } from "react/jsx-runtime";
|
|
211
|
+
var BookmarkIcon = (props) => /* @__PURE__ */ jsx37(Icon, { ...props, children: /* @__PURE__ */ jsx37("path", { d: "M17 3H7c-1.1 0-2 .9-2 2v16l7-3 7 3V5c0-1.1-.9-2-2-2zm0 15-5-2.18L7 18V5h10v13z" }) });
|
|
204
212
|
|
|
205
213
|
// src/icons/BookmarkAddIcon.tsx
|
|
206
|
-
import { jsx as
|
|
207
|
-
var BookmarkAddIcon = (props) => /* @__PURE__ */
|
|
214
|
+
import { jsx as jsx38 } from "react/jsx-runtime";
|
|
215
|
+
var BookmarkAddIcon = (props) => /* @__PURE__ */ jsx38(Icon, { ...props, children: /* @__PURE__ */ jsx38(
|
|
208
216
|
"path",
|
|
209
217
|
{
|
|
210
218
|
d: `M17 11v6.97l-5-2.14-5 2.14V5h6V3H7c-1.1 0-2
|
|
@@ -213,8 +221,8 @@ var BookmarkAddIcon = (props) => /* @__PURE__ */ jsx36(Icon, { ...props, childre
|
|
|
213
221
|
) });
|
|
214
222
|
|
|
215
223
|
// src/icons/ExportTableIcon.tsx
|
|
216
|
-
import { jsx as
|
|
217
|
-
var ExportTableIcon = (props) => /* @__PURE__ */
|
|
224
|
+
import { jsx as jsx39 } from "react/jsx-runtime";
|
|
225
|
+
var ExportTableIcon = (props) => /* @__PURE__ */ jsx39(Icon, { ...props, children: /* @__PURE__ */ jsx39(
|
|
218
226
|
"path",
|
|
219
227
|
{
|
|
220
228
|
fill: "currentColor",
|
|
@@ -230,12 +238,12 @@ var ExportTableIcon = (props) => /* @__PURE__ */ jsx37(Icon, { ...props, childre
|
|
|
230
238
|
) });
|
|
231
239
|
|
|
232
240
|
// src/icons/DownloadIcon.tsx
|
|
233
|
-
import { jsx as
|
|
234
|
-
var DownloadIcon = (props) => /* @__PURE__ */
|
|
241
|
+
import { jsx as jsx40 } from "react/jsx-runtime";
|
|
242
|
+
var DownloadIcon = (props) => /* @__PURE__ */ jsx40(Icon, { ...props, children: /* @__PURE__ */ jsx40("path", { d: "M19 9h-4V3H9v6H5l7 7 7-7zm-8 2V5h2v6h1.17L12 13.17 9.83 11H11zm-6 7h14v2H5z" }) });
|
|
235
243
|
|
|
236
244
|
// src/icons/VisibilityIcon.tsx
|
|
237
|
-
import { jsx as
|
|
238
|
-
var VisibilityIcon = (props) => /* @__PURE__ */
|
|
245
|
+
import { jsx as jsx41 } from "react/jsx-runtime";
|
|
246
|
+
var VisibilityIcon = (props) => /* @__PURE__ */ jsx41(Icon, { ...props, children: /* @__PURE__ */ jsx41(
|
|
239
247
|
"path",
|
|
240
248
|
{
|
|
241
249
|
d: `M12 6.375C15.75 6.375 18.9525 8.7075 20.25 12C18.9525 15.2925 15.75 17.625 12 17.625C8.25
|
|
@@ -259,6 +267,8 @@ export {
|
|
|
259
267
|
ArrowDropUpIcon,
|
|
260
268
|
AttachIcon,
|
|
261
269
|
BarChartIcon,
|
|
270
|
+
RadioDeselectedIcon,
|
|
271
|
+
RadioSelectedIcon,
|
|
262
272
|
ChevronLeftIcon,
|
|
263
273
|
ChevronRightIcon,
|
|
264
274
|
CircleFilledIcon,
|
package/icons/index.d.ts
CHANGED
|
@@ -22,6 +22,10 @@ declare const CheckboxDeselectedIcon: React__default.FC<IconProps>;
|
|
|
22
22
|
|
|
23
23
|
declare const CheckboxSeveralIcon: React__default.FC<IconProps>;
|
|
24
24
|
|
|
25
|
+
declare const RadioDeselectedIcon: React__default.FC<IconProps>;
|
|
26
|
+
|
|
27
|
+
declare const RadioSelectedIcon: React__default.FC<IconProps>;
|
|
28
|
+
|
|
25
29
|
declare const ChevronLeftIcon: React__default.FC<IconProps>;
|
|
26
30
|
|
|
27
31
|
declare const ChevronRightIcon: React__default.FC<IconProps>;
|
|
@@ -82,4 +86,4 @@ declare const DownloadIcon: React__default.FC<IconProps>;
|
|
|
82
86
|
|
|
83
87
|
declare const VisibilityIcon: React__default.FC<IconProps>;
|
|
84
88
|
|
|
85
|
-
export { AddIcon, AlertIcon, ArrowDropDownIcon, ArrowDropUpIcon, AttachIcon, BarChartIcon, BookmarkAddIcon, BookmarkIcon, CheckboxDeselectedIcon, CheckboxIcon, CheckboxSeveralIcon, ChevronLeftIcon, ChevronRightIcon, CircleFilledIcon, CloseIcon, DateRangeIcon, DeleteIcon, DoneIcon, DownloadIcon, EditIcon, ExportTableIcon, FileUploadIcon, FilterClearIcon, FilterIcon, FullScreenOffIcon, FullScreenOnIcon, InfoIcon, KeyboardArrowDownIcon, ListIcon, MoreVerticalIcon, SearchIcon, SettingsIcon, SortDownIcon, SortUpIcon, TableChartIcon, UploadIcon, VisibilityIcon, WellIcon };
|
|
89
|
+
export { AddIcon, AlertIcon, ArrowDropDownIcon, ArrowDropUpIcon, AttachIcon, BarChartIcon, BookmarkAddIcon, BookmarkIcon, CheckboxDeselectedIcon, CheckboxIcon, CheckboxSeveralIcon, ChevronLeftIcon, ChevronRightIcon, CircleFilledIcon, CloseIcon, DateRangeIcon, DeleteIcon, DoneIcon, DownloadIcon, EditIcon, ExportTableIcon, FileUploadIcon, FilterClearIcon, FilterIcon, FullScreenOffIcon, FullScreenOnIcon, InfoIcon, KeyboardArrowDownIcon, ListIcon, MoreVerticalIcon, RadioDeselectedIcon, RadioSelectedIcon, SearchIcon, SettingsIcon, SortDownIcon, SortUpIcon, TableChartIcon, UploadIcon, VisibilityIcon, WellIcon };
|
package/icons/index.js
CHANGED
|
@@ -29,6 +29,8 @@ import {
|
|
|
29
29
|
KeyboardArrowDownIcon,
|
|
30
30
|
ListIcon,
|
|
31
31
|
MoreVerticalIcon,
|
|
32
|
+
RadioDeselectedIcon,
|
|
33
|
+
RadioSelectedIcon,
|
|
32
34
|
SearchIcon,
|
|
33
35
|
SettingsIcon,
|
|
34
36
|
SortDownIcon,
|
|
@@ -37,7 +39,7 @@ import {
|
|
|
37
39
|
UploadIcon,
|
|
38
40
|
VisibilityIcon,
|
|
39
41
|
WellIcon
|
|
40
|
-
} from "../chunk-
|
|
42
|
+
} from "../chunk-AV32MYLN.js";
|
|
41
43
|
export {
|
|
42
44
|
AddIcon,
|
|
43
45
|
AlertIcon,
|
|
@@ -69,6 +71,8 @@ export {
|
|
|
69
71
|
KeyboardArrowDownIcon,
|
|
70
72
|
ListIcon,
|
|
71
73
|
MoreVerticalIcon,
|
|
74
|
+
RadioDeselectedIcon,
|
|
75
|
+
RadioSelectedIcon,
|
|
72
76
|
SearchIcon,
|
|
73
77
|
SettingsIcon,
|
|
74
78
|
SortDownIcon,
|
package/index.css
CHANGED
|
@@ -1523,6 +1523,100 @@
|
|
|
1523
1523
|
width: 100%;
|
|
1524
1524
|
}
|
|
1525
1525
|
|
|
1526
|
+
/* src/components/common/RadioButton/radioButton.module.css */
|
|
1527
|
+
.radioButton_root {
|
|
1528
|
+
position: relative;
|
|
1529
|
+
width: 100%;
|
|
1530
|
+
max-width: 320px;
|
|
1531
|
+
height: 24px;
|
|
1532
|
+
}
|
|
1533
|
+
.radioButton_input {
|
|
1534
|
+
position: absolute;
|
|
1535
|
+
top: 0;
|
|
1536
|
+
left: 0;
|
|
1537
|
+
z-index: 10;
|
|
1538
|
+
width: 100%;
|
|
1539
|
+
height: 24px;
|
|
1540
|
+
margin: 0;
|
|
1541
|
+
cursor: pointer;
|
|
1542
|
+
opacity: 0;
|
|
1543
|
+
}
|
|
1544
|
+
.radioButton_label {
|
|
1545
|
+
position: relative;
|
|
1546
|
+
z-index: 1;
|
|
1547
|
+
display: flex;
|
|
1548
|
+
flex-direction: row;
|
|
1549
|
+
gap: 0;
|
|
1550
|
+
align-items: center;
|
|
1551
|
+
width: 100%;
|
|
1552
|
+
height: 24px;
|
|
1553
|
+
padding-left: 24px;
|
|
1554
|
+
}
|
|
1555
|
+
.radioButton_radio {
|
|
1556
|
+
position: absolute;
|
|
1557
|
+
top: 0;
|
|
1558
|
+
left: 0;
|
|
1559
|
+
z-index: 2;
|
|
1560
|
+
display: block;
|
|
1561
|
+
width: 24px;
|
|
1562
|
+
height: 24px;
|
|
1563
|
+
opacity: 0;
|
|
1564
|
+
transition: opacity 0.1s linear;
|
|
1565
|
+
}
|
|
1566
|
+
.radioButton_radio > svg {
|
|
1567
|
+
fill: var(--theme-selection-border);
|
|
1568
|
+
}
|
|
1569
|
+
.radioButton_deselected {
|
|
1570
|
+
opacity: 1;
|
|
1571
|
+
}
|
|
1572
|
+
.radioButton_input:checked + .radioButton_label > .radioButton_deselected {
|
|
1573
|
+
opacity: 0;
|
|
1574
|
+
}
|
|
1575
|
+
.radioButton_input:checked + .radioButton_label > .radioButton_selected {
|
|
1576
|
+
opacity: 1;
|
|
1577
|
+
}
|
|
1578
|
+
.radioButton_radio.radioButton_selected > svg {
|
|
1579
|
+
fill: var(--theme-focus);
|
|
1580
|
+
}
|
|
1581
|
+
.radioButton_labelText {
|
|
1582
|
+
display: block;
|
|
1583
|
+
margin-left: 12px;
|
|
1584
|
+
overflow: hidden;
|
|
1585
|
+
text-overflow: ellipsis;
|
|
1586
|
+
white-space: nowrap;
|
|
1587
|
+
}
|
|
1588
|
+
.radioButton_input + .radioButton_label > .radioButton_radio::before {
|
|
1589
|
+
position: absolute;
|
|
1590
|
+
top: -8px;
|
|
1591
|
+
left: -8px;
|
|
1592
|
+
z-index: 0;
|
|
1593
|
+
display: block;
|
|
1594
|
+
width: 40px;
|
|
1595
|
+
height: 40px;
|
|
1596
|
+
content: "";
|
|
1597
|
+
background-color: transparent;
|
|
1598
|
+
border-radius: 50%;
|
|
1599
|
+
transition: background-color 0.1s linear;
|
|
1600
|
+
}
|
|
1601
|
+
.radioButton_input:hover + .radioButton_label > .radioButton_radio::before {
|
|
1602
|
+
background-color: var(--theme-selection-hover);
|
|
1603
|
+
}
|
|
1604
|
+
.radioButton_input:focus + .radioButton_label > .radioButton_radio::before {
|
|
1605
|
+
background-color: var(--theme-selection-focused);
|
|
1606
|
+
}
|
|
1607
|
+
.radioButton_input.radioButton_pressed + .radioButton_label > .radioButton_radio::before {
|
|
1608
|
+
background-color: var(--theme-selection-pressed);
|
|
1609
|
+
}
|
|
1610
|
+
.radioButton_input:hover + .radioButton_label > .radioButton_radio.radioButton_selected::before {
|
|
1611
|
+
background-color: var(--theme-selection-selected-hover);
|
|
1612
|
+
}
|
|
1613
|
+
.radioButton_input:focus + .radioButton_label > .radioButton_radio.radioButton_selected::before {
|
|
1614
|
+
background-color: var(--theme-selection-selected-focused);
|
|
1615
|
+
}
|
|
1616
|
+
.radioButton_input.radioButton_pressed + .radioButton_label > .radioButton_radio.radioButton_selected::before {
|
|
1617
|
+
background-color: var(--theme-selection-selected-pressed);
|
|
1618
|
+
}
|
|
1619
|
+
|
|
1526
1620
|
/* src/components/layout/Surface/surface.module.css */
|
|
1527
1621
|
.surface_root {
|
|
1528
1622
|
padding: 16px;
|
package/index.d.ts
CHANGED
|
@@ -11,25 +11,25 @@ type UiProps<P = unknown> = P & {
|
|
|
11
11
|
};
|
|
12
12
|
|
|
13
13
|
type Variant$8 = 'filled' | 'outlined' | 'text' | 'elevated' | 'tonal' | 'link';
|
|
14
|
-
type Size$
|
|
15
|
-
interface Props$
|
|
14
|
+
type Size$d = 'medium' | 'small';
|
|
15
|
+
interface Props$o {
|
|
16
16
|
variant?: Variant$8;
|
|
17
|
-
size?: Size$
|
|
17
|
+
size?: Size$d;
|
|
18
18
|
icon?: ReactNode;
|
|
19
19
|
textSecondary?: boolean;
|
|
20
20
|
isActive?: boolean;
|
|
21
21
|
}
|
|
22
|
-
declare const Button: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & ButtonHTMLAttributes<HTMLButtonElement> & Props$
|
|
22
|
+
declare const Button: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & ButtonHTMLAttributes<HTMLButtonElement> & Props$o & {
|
|
23
23
|
classes?: PropsObject;
|
|
24
24
|
}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
25
25
|
|
|
26
|
-
type Size$
|
|
27
|
-
interface Props$
|
|
26
|
+
type Size$c = 'medium' | 'large';
|
|
27
|
+
interface Props$n {
|
|
28
28
|
label?: string;
|
|
29
|
-
componentSize?: Size$
|
|
29
|
+
componentSize?: Size$c;
|
|
30
30
|
several?: boolean;
|
|
31
31
|
}
|
|
32
|
-
declare function Checkbox(props: UiProps<Props$
|
|
32
|
+
declare function Checkbox(props: UiProps<Props$n> & DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>): react_jsx_runtime.JSX.Element;
|
|
33
33
|
|
|
34
34
|
interface Divider$1 {
|
|
35
35
|
type: 'divider';
|
|
@@ -50,10 +50,10 @@ interface Item$5 {
|
|
|
50
50
|
type MaybeItem = Maybe<Item$5>;
|
|
51
51
|
|
|
52
52
|
type Variant$7 = 'filled' | 'outlined';
|
|
53
|
-
type Size$
|
|
54
|
-
interface Props$
|
|
53
|
+
type Size$b = 'medium' | 'small';
|
|
54
|
+
interface Props$m {
|
|
55
55
|
variant?: Variant$7;
|
|
56
|
-
componentSize?: Size$
|
|
56
|
+
componentSize?: Size$b;
|
|
57
57
|
icon?: ReactNode;
|
|
58
58
|
fullWidth?: boolean;
|
|
59
59
|
label?: string;
|
|
@@ -62,7 +62,7 @@ interface Props$l {
|
|
|
62
62
|
onValueChange?: (newItem: MaybeItem) => void;
|
|
63
63
|
selected?: MaybeItem;
|
|
64
64
|
}
|
|
65
|
-
declare function Select(props: UiProps<Props$
|
|
65
|
+
declare function Select(props: UiProps<Props$m> & DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>): react_jsx_runtime.JSX.Element;
|
|
66
66
|
|
|
67
67
|
/**
|
|
68
68
|
* Минимальный контракт для инстанса dayjs.
|
|
@@ -90,14 +90,14 @@ type DayjsConfigType = string | number | Date | null | undefined;
|
|
|
90
90
|
type DayjsFactory = (date?: DayjsConfigType) => DayjsInstance;
|
|
91
91
|
|
|
92
92
|
type Variant$6 = 'filled' | 'outlined';
|
|
93
|
-
type Size$
|
|
93
|
+
type Size$a = 'medium' | 'small';
|
|
94
94
|
type ValueType = 'date' | 'year' | 'dateTime';
|
|
95
|
-
interface Props$
|
|
95
|
+
interface Props$l {
|
|
96
96
|
variant?: Variant$6;
|
|
97
97
|
isPeriod?: boolean;
|
|
98
98
|
valueType?: ValueType;
|
|
99
99
|
defaultOpen?: boolean;
|
|
100
|
-
componentSize?: Size$
|
|
100
|
+
componentSize?: Size$a;
|
|
101
101
|
fullWidth?: boolean;
|
|
102
102
|
label?: string;
|
|
103
103
|
placeholder?: string;
|
|
@@ -107,48 +107,48 @@ interface Props$k {
|
|
|
107
107
|
onValueChange?: (values: (string | undefined)[]) => void;
|
|
108
108
|
dayjs?: DayjsFactory;
|
|
109
109
|
}
|
|
110
|
-
declare const DateTime: React.ForwardRefExoticComponent<Props$
|
|
110
|
+
declare const DateTime: React.ForwardRefExoticComponent<Props$l & {
|
|
111
111
|
classes?: PropsObject;
|
|
112
112
|
} & InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;
|
|
113
113
|
|
|
114
114
|
type Variant$5 = 'outlined';
|
|
115
|
-
type Size$
|
|
116
|
-
interface Props$
|
|
115
|
+
type Size$9 = 'medium' | 'small';
|
|
116
|
+
interface Props$k {
|
|
117
117
|
variant?: Variant$5;
|
|
118
|
-
componentSize?: Size$
|
|
118
|
+
componentSize?: Size$9;
|
|
119
119
|
fullWidth?: boolean;
|
|
120
120
|
label?: string;
|
|
121
121
|
onValueChange?: (newValue: string) => void;
|
|
122
122
|
}
|
|
123
|
-
declare const ColorPicker: (props: UiProps<Props$
|
|
123
|
+
declare const ColorPicker: (props: UiProps<Props$k> & DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>) => react_jsx_runtime.JSX.Element;
|
|
124
124
|
|
|
125
125
|
type Variant$4 = 'filled' | 'outlined';
|
|
126
|
-
type Size$
|
|
127
|
-
interface Props$
|
|
126
|
+
type Size$8 = 'medium' | 'small';
|
|
127
|
+
interface Props$j {
|
|
128
128
|
variant?: Variant$4;
|
|
129
|
-
componentSize?: Size$
|
|
129
|
+
componentSize?: Size$8;
|
|
130
130
|
fullWidth?: boolean;
|
|
131
131
|
label?: string;
|
|
132
132
|
}
|
|
133
|
-
declare const Input: React.ForwardRefExoticComponent<Props$
|
|
133
|
+
declare const Input: React.ForwardRefExoticComponent<Props$j & {
|
|
134
134
|
classes?: PropsObject;
|
|
135
135
|
} & InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;
|
|
136
136
|
|
|
137
137
|
type Variant$3 = 'filled' | 'outlined';
|
|
138
|
-
type Size$
|
|
139
|
-
interface Props$
|
|
138
|
+
type Size$7 = 'medium' | 'small';
|
|
139
|
+
interface Props$i {
|
|
140
140
|
variant?: Variant$3;
|
|
141
|
-
componentSize?: Size$
|
|
141
|
+
componentSize?: Size$7;
|
|
142
142
|
disableIcon?: boolean;
|
|
143
143
|
fullWidth?: boolean;
|
|
144
144
|
}
|
|
145
|
-
declare function SearchInput(props: UiProps<Props$
|
|
145
|
+
declare function SearchInput(props: UiProps<Props$i> & DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>): react_jsx_runtime.JSX.Element;
|
|
146
146
|
|
|
147
|
-
type Size$
|
|
148
|
-
interface Props$
|
|
149
|
-
componentSize?: Size$
|
|
147
|
+
type Size$6 = 'medium' | 'small';
|
|
148
|
+
interface Props$h {
|
|
149
|
+
componentSize?: Size$6;
|
|
150
150
|
}
|
|
151
|
-
declare const WrapForLabel: (props: UiProps<PropsWithChildren<Props$
|
|
151
|
+
declare const WrapForLabel: (props: UiProps<PropsWithChildren<Props$h>>) => react_jsx_runtime.JSX.Element;
|
|
152
152
|
|
|
153
153
|
interface Item$4 {
|
|
154
154
|
name: string;
|
|
@@ -161,10 +161,10 @@ interface Item$4 {
|
|
|
161
161
|
type TitleVariant = 'allValue' | 'numberValue' | 'firstValue';
|
|
162
162
|
|
|
163
163
|
type Variant$2 = 'filled' | 'outlined';
|
|
164
|
-
type Size$
|
|
165
|
-
interface Props$
|
|
164
|
+
type Size$5 = 'medium' | 'small';
|
|
165
|
+
interface Props$g {
|
|
166
166
|
variant?: Variant$2;
|
|
167
|
-
componentSize?: Size$
|
|
167
|
+
componentSize?: Size$5;
|
|
168
168
|
icon?: ReactNode;
|
|
169
169
|
fullWidth?: boolean;
|
|
170
170
|
label?: string;
|
|
@@ -176,7 +176,7 @@ interface Props$f {
|
|
|
176
176
|
enableSearch?: boolean;
|
|
177
177
|
popoverInComponent?: boolean;
|
|
178
178
|
}
|
|
179
|
-
declare function MultiSelect(props: UiProps<Props$
|
|
179
|
+
declare function MultiSelect(props: UiProps<Props$g> & DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>): react_jsx_runtime.JSX.Element;
|
|
180
180
|
|
|
181
181
|
interface Item$3 {
|
|
182
182
|
name: string;
|
|
@@ -187,7 +187,7 @@ interface SelectedItems {
|
|
|
187
187
|
[keys: string]: boolean;
|
|
188
188
|
}
|
|
189
189
|
|
|
190
|
-
interface Props$
|
|
190
|
+
interface Props$f {
|
|
191
191
|
items: Item$3[];
|
|
192
192
|
selected: SelectedItems;
|
|
193
193
|
disableSearch?: boolean;
|
|
@@ -195,7 +195,16 @@ interface Props$e {
|
|
|
195
195
|
actionWithSelected: (value: SelectedItems) => void;
|
|
196
196
|
onChangeItem?: (item: Item$3) => void;
|
|
197
197
|
}
|
|
198
|
-
declare function Checklist(props: UiProps<Props$
|
|
198
|
+
declare function Checklist(props: UiProps<Props$f>): react_jsx_runtime.JSX.Element;
|
|
199
|
+
|
|
200
|
+
type Size$4 = 'medium' | 'large';
|
|
201
|
+
interface Props$e {
|
|
202
|
+
label?: string;
|
|
203
|
+
componentSize?: Size$4;
|
|
204
|
+
canUncheck?: boolean;
|
|
205
|
+
onUncheck?: () => void;
|
|
206
|
+
}
|
|
207
|
+
declare function RadioButton(props: UiProps<Props$e> & DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>): react_jsx_runtime.JSX.Element;
|
|
199
208
|
|
|
200
209
|
interface Props$d {
|
|
201
210
|
fillEvenly?: boolean;
|
|
@@ -473,4 +482,4 @@ interface Props {
|
|
|
473
482
|
}
|
|
474
483
|
declare const Chip: (props: PropsWithChildren<UiProps<Props>>) => react_jsx_runtime.JSX.Element;
|
|
475
484
|
|
|
476
|
-
export { type AdditionalButton, Button, ButtonsGroup, Card, Checkbox, Checklist, type Item$3 as ChecklistItem, type SelectedItems as ChecklistSelectedItems, Chip, ColorPicker, type ColumnAlign, DateTime, type DayjsFactory, type DayjsInstance, type FilterBy, Input, Layout, Menu, type Divider as MenuDivider, type Item$2 as MenuItem, Modal, MultiSelect, type Item$4 as MultiSelectItem, type TitleVariant as MultiSelectTitleVariant, type Pair, Pairs, Popover, SearchInput, Select, type Divider$1 as SelectDivider, type Item$5 as SelectItem, type SortBy, type SortType, Surface, type TableCell, type TableColumn, type TableRow, Tabs, type Item$1 as TabsItem, Tooltip, _default as TreeView, type Item as TreeViewItem, Typography, type VerticalAlign, VirtualTable, type VirtualTableRef, WrapForLabel, defaultRowHeight as virtualTableDefaultRowHeight };
|
|
485
|
+
export { type AdditionalButton, Button, ButtonsGroup, Card, Checkbox, Checklist, type Item$3 as ChecklistItem, type SelectedItems as ChecklistSelectedItems, Chip, ColorPicker, type ColumnAlign, DateTime, type DayjsFactory, type DayjsInstance, type FilterBy, Input, Layout, Menu, type Divider as MenuDivider, type Item$2 as MenuItem, Modal, MultiSelect, type Item$4 as MultiSelectItem, type TitleVariant as MultiSelectTitleVariant, type Pair, Pairs, Popover, RadioButton, SearchInput, Select, type Divider$1 as SelectDivider, type Item$5 as SelectItem, type SortBy, type SortType, Surface, type TableCell, type TableColumn, type TableRow, Tabs, type Item$1 as TabsItem, Tooltip, _default as TreeView, type Item as TreeViewItem, Typography, type VerticalAlign, VirtualTable, type VirtualTableRef, WrapForLabel, defaultRowHeight as virtualTableDefaultRowHeight };
|