@itilite/lumina-ui 0.0.324 → 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Button.js +4 -4
- package/dist/Button.mjs +2 -2
- package/dist/Checkbox.js +4 -4
- package/dist/Checkbox.mjs +2 -2
- package/dist/Modal.d.mts +25 -0
- package/dist/Modal.d.ts +25 -0
- package/dist/Modal.js +267 -0
- package/dist/Modal.mjs +10 -0
- package/dist/Radio.d.mts +17 -0
- package/dist/Radio.d.ts +17 -0
- package/dist/Radio.js +122 -0
- package/dist/Radio.mjs +9 -0
- package/dist/Switch.d.mts +13 -0
- package/dist/Switch.d.ts +13 -0
- package/dist/Switch.js +102 -0
- package/dist/Switch.mjs +9 -0
- package/dist/Tooltip.d.mts +12 -0
- package/dist/Tooltip.d.ts +12 -0
- package/dist/Tooltip.js +97 -0
- package/dist/Tooltip.mjs +9 -0
- package/dist/chunk-2EBPXGRY.mjs +65 -0
- package/dist/{chunk-ME35H7QC.mjs → chunk-HISCHZ5H.mjs} +4 -4
- package/dist/chunk-MLCMZRUC.mjs +50 -0
- package/dist/chunk-MNARBWAJ.mjs +47 -0
- package/dist/chunk-N355RJGH.mjs +141 -0
- package/dist/{chunk-OMYHSSPQ.mjs → chunk-UQZNUEZE.mjs} +5 -5
- package/dist/index.d.mts +5 -0
- package/dist/index.d.ts +5 -0
- package/dist/index.js +279 -10
- package/dist/index.mjs +21 -5
- package/dist/styles.css +885 -778
- package/package.json +21 -4
- /package/dist/{chunk-FUJQIYOF.mjs → chunk-FWCSY2DS.mjs} +0 -0
package/dist/index.js
CHANGED
|
@@ -60,18 +60,22 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
|
|
|
60
60
|
var src_exports = {};
|
|
61
61
|
__export(src_exports, {
|
|
62
62
|
Button: () => Button_default,
|
|
63
|
-
Checkbox: () => Checkbox_default
|
|
63
|
+
Checkbox: () => Checkbox_default,
|
|
64
|
+
Modal: () => Modal_default,
|
|
65
|
+
Radio: () => Radio_default,
|
|
66
|
+
Switch: () => Switch_default,
|
|
67
|
+
Tooltip: () => Tooltip_default
|
|
64
68
|
});
|
|
65
69
|
module.exports = __toCommonJS(src_exports);
|
|
66
70
|
|
|
67
|
-
// src/Button/Button.tsx
|
|
71
|
+
// src/atom/Button/Button.tsx
|
|
68
72
|
var import_antd = require("antd");
|
|
69
73
|
var import_clsx = __toESM(require("clsx"));
|
|
70
74
|
|
|
71
|
-
// src/Button/Button.module.scss
|
|
72
|
-
var Button_module_default = { "button": "Button-
|
|
75
|
+
// src/atom/Button/Button.module.scss
|
|
76
|
+
var Button_module_default = { "button": "Button-module__button___cLCyl", "size_large": "Button-module__size_large___S-mbU", "shape_circle": "Button-module__shape_circle___sPUS5", "size_normal": "Button-module__size_normal___qJUMj", "size_small": "Button-module__size_small___IUeei", "type_primary": "Button-module__type_primary___Tauz-", "variant_subtle": "Button-module__variant_subtle___BMbbd", "variant_text": "Button-module__variant_text___Pc5Ia", "variant_link": "Button-module__variant_link___Cj1O9", "type_secondary": "Button-module__type_secondary___CLmrA", "type_critical": "Button-module__type_critical___6ILOp", "onHoverUnderline": "Button-module__onHoverUnderline___LOfXo" };
|
|
73
77
|
|
|
74
|
-
// src/Button/Button.tsx
|
|
78
|
+
// src/atom/Button/Button.tsx
|
|
75
79
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
76
80
|
function Button(props) {
|
|
77
81
|
const {
|
|
@@ -137,14 +141,14 @@ function Button(props) {
|
|
|
137
141
|
Button.displayName = "Button";
|
|
138
142
|
var Button_default = Button;
|
|
139
143
|
|
|
140
|
-
// src/Checkbox/Checkbox.tsx
|
|
144
|
+
// src/atom/Checkbox/Checkbox.tsx
|
|
141
145
|
var import_antd2 = require("antd");
|
|
142
146
|
var import_clsx2 = __toESM(require("clsx"));
|
|
143
147
|
|
|
144
|
-
// src/Checkbox/Checkbox.module.scss
|
|
145
|
-
var Checkbox_module_default = { "checkbox": "Checkbox-
|
|
148
|
+
// src/atom/Checkbox/Checkbox.module.scss
|
|
149
|
+
var Checkbox_module_default = { "checkbox": "Checkbox-module__checkbox___xxg5L", "size_small": "Checkbox-module__size_small___Kknlo", "size_medium": "Checkbox-module__size_medium___V6Ah8", "size_large": "Checkbox-module__size_large___eWjFY", "type_checked": "Checkbox-module__type_checked___5742T", "disabled": "Checkbox-module__disabled___v-RG1", "type_unchecked": "Checkbox-module__type_unchecked___QFMpP", "variant_normal": "Checkbox-module__variant_normal___faYKo", "variant_emphasized": "Checkbox-module__variant_emphasized___-koYj", "variant_indeterminate": "Checkbox-module__variant_indeterminate___J5Xcc" };
|
|
146
150
|
|
|
147
|
-
// src/Checkbox/Checkbox.tsx
|
|
151
|
+
// src/atom/Checkbox/Checkbox.tsx
|
|
148
152
|
var import_jsx_runtime2 = require("react/jsx-runtime");
|
|
149
153
|
function Checkbox(props) {
|
|
150
154
|
const _a = props, {
|
|
@@ -190,8 +194,273 @@ function Checkbox(props) {
|
|
|
190
194
|
}
|
|
191
195
|
Checkbox.displayName = "Checkbox";
|
|
192
196
|
var Checkbox_default = Checkbox;
|
|
197
|
+
|
|
198
|
+
// src/atom/Modal/Modal.tsx
|
|
199
|
+
var import_antd3 = require("antd");
|
|
200
|
+
var import_clsx3 = __toESM(require("clsx"));
|
|
201
|
+
|
|
202
|
+
// src/atom/Modal/Modal.module.scss
|
|
203
|
+
var Modal_module_default = { "modal": "Modal-module__modal___PKrAi", "footerMargintopDisable": "Modal-module__footerMargintopDisable___4B6u-", "ant-modal-footer": "Modal-module__ant-modal-footer___HKsDR", "okBtn": "Modal-module__okBtn___Ut8e5", "cancelBtn": "Modal-module__cancelBtn___i0Rm8" };
|
|
204
|
+
|
|
205
|
+
// src/atom/Modal/Modal.tsx
|
|
206
|
+
var import_jsx_runtime3 = require("react/jsx-runtime");
|
|
207
|
+
var Close = (_a) => {
|
|
208
|
+
var _b = _a, { size = 14, color = "#B6BAC3" } = _b, rest = __objRest(_b, ["size", "color"]);
|
|
209
|
+
return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
210
|
+
"svg",
|
|
211
|
+
__spreadProps(__spreadValues({
|
|
212
|
+
width: size,
|
|
213
|
+
height: size,
|
|
214
|
+
viewBox: "0 0 14 14",
|
|
215
|
+
fill: "none",
|
|
216
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
217
|
+
}, rest), {
|
|
218
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
219
|
+
"path",
|
|
220
|
+
{
|
|
221
|
+
d: "M0.292893 0.292893C0.683417 -0.0976311 1.31658 -0.0976311 1.70711 0.292893L7 5.58579L12.2929 0.292893C12.6834 -0.0976311 13.3166 -0.0976311 13.7071 0.292893C14.0976 0.683417 14.0976 1.31658 13.7071 1.70711L8.41421 7L13.7071 12.2929C14.0976 12.6834 14.0976 13.3166 13.7071 13.7071C13.3166 14.0976 12.6834 14.0976 12.2929 13.7071L7 8.41421L1.70711 13.7071C1.31658 14.0976 0.683417 14.0976 0.292893 13.7071C-0.0976311 13.3166 -0.0976311 12.6834 0.292893 12.2929L5.58579 7L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683417 0.292893 0.292893Z",
|
|
222
|
+
fill: color
|
|
223
|
+
}
|
|
224
|
+
)
|
|
225
|
+
})
|
|
226
|
+
);
|
|
227
|
+
};
|
|
228
|
+
var Modal = (_a) => {
|
|
229
|
+
var _b = _a, {
|
|
230
|
+
className = "",
|
|
231
|
+
title = "",
|
|
232
|
+
children,
|
|
233
|
+
open = false,
|
|
234
|
+
handleOk,
|
|
235
|
+
handleCancel,
|
|
236
|
+
okText = "",
|
|
237
|
+
cancelText = "",
|
|
238
|
+
closeIcon = /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Close, { color: "#6B7280" }),
|
|
239
|
+
bodyClassName = "modalBody",
|
|
240
|
+
outsideClickDisable = false,
|
|
241
|
+
hideCross = false,
|
|
242
|
+
okButtonLoading = false,
|
|
243
|
+
okButtonDisabled = false,
|
|
244
|
+
variant = "primary",
|
|
245
|
+
okBtnClasses = "",
|
|
246
|
+
cancelButtonAnalytics = {},
|
|
247
|
+
okButtonAnalytics = {},
|
|
248
|
+
footerMargintopDisable = true
|
|
249
|
+
} = _b, rest = __objRest(_b, [
|
|
250
|
+
"className",
|
|
251
|
+
"title",
|
|
252
|
+
"children",
|
|
253
|
+
"open",
|
|
254
|
+
"handleOk",
|
|
255
|
+
"handleCancel",
|
|
256
|
+
"okText",
|
|
257
|
+
"cancelText",
|
|
258
|
+
"closeIcon",
|
|
259
|
+
"bodyClassName",
|
|
260
|
+
"outsideClickDisable",
|
|
261
|
+
"hideCross",
|
|
262
|
+
"okButtonLoading",
|
|
263
|
+
"okButtonDisabled",
|
|
264
|
+
"variant",
|
|
265
|
+
"okBtnClasses",
|
|
266
|
+
"cancelButtonAnalytics",
|
|
267
|
+
"okButtonAnalytics",
|
|
268
|
+
"footerMargintopDisable"
|
|
269
|
+
]);
|
|
270
|
+
return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
271
|
+
import_antd3.Modal,
|
|
272
|
+
__spreadProps(__spreadValues({
|
|
273
|
+
title,
|
|
274
|
+
open,
|
|
275
|
+
onOk: handleOk,
|
|
276
|
+
onCancel: handleCancel,
|
|
277
|
+
className: (0, import_clsx3.default)(Modal_module_default.modal, className, {
|
|
278
|
+
footerMargintopDisable
|
|
279
|
+
}),
|
|
280
|
+
okText,
|
|
281
|
+
cancelText,
|
|
282
|
+
closeIcon,
|
|
283
|
+
closable: !hideCross,
|
|
284
|
+
maskClosable: !outsideClickDisable,
|
|
285
|
+
footer: okText || cancelText ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
|
|
286
|
+
"div",
|
|
287
|
+
{
|
|
288
|
+
className: (0, import_clsx3.default)({
|
|
289
|
+
primaryFooter: variant === "primary",
|
|
290
|
+
secondaryFooter: variant === "secondary"
|
|
291
|
+
}),
|
|
292
|
+
children: [
|
|
293
|
+
cancelText && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
294
|
+
Button,
|
|
295
|
+
__spreadProps(__spreadValues({
|
|
296
|
+
onClick: handleCancel,
|
|
297
|
+
type: "secondary",
|
|
298
|
+
className: "cancelBtn",
|
|
299
|
+
variant: "subtle"
|
|
300
|
+
}, cancelButtonAnalytics), {
|
|
301
|
+
children: cancelText
|
|
302
|
+
})
|
|
303
|
+
),
|
|
304
|
+
okText && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
305
|
+
Button,
|
|
306
|
+
__spreadProps(__spreadValues({
|
|
307
|
+
onClick: handleOk,
|
|
308
|
+
className: (0, import_clsx3.default)(okBtnClasses, "okBtn"),
|
|
309
|
+
loading: okButtonLoading,
|
|
310
|
+
disabled: okButtonDisabled
|
|
311
|
+
}, okButtonAnalytics), {
|
|
312
|
+
children: okText
|
|
313
|
+
})
|
|
314
|
+
)
|
|
315
|
+
]
|
|
316
|
+
}
|
|
317
|
+
) : null
|
|
318
|
+
}, rest), {
|
|
319
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: bodyClassName, children })
|
|
320
|
+
})
|
|
321
|
+
) });
|
|
322
|
+
};
|
|
323
|
+
Modal.displayName = "Modal";
|
|
324
|
+
var Modal_default = Modal;
|
|
325
|
+
|
|
326
|
+
// src/atom/Radio/Radio.tsx
|
|
327
|
+
var import_antd4 = require("antd");
|
|
328
|
+
var import_clsx4 = __toESM(require("clsx"));
|
|
329
|
+
|
|
330
|
+
// src/atom/Radio/Radio.module.scss
|
|
331
|
+
var Radio_module_default = { "radio": "Radio-module__radio___1CPAk", "size_small": "Radio-module__size_small___nRXgM", "size_medium": "Radio-module__size_medium___uSzPl", "size_large": "Radio-module__size_large___ubpHs", "type_checked": "Radio-module__type_checked___BvPpu", "disabled": "Radio-module__disabled___AF98Z", "type_unchecked": "Radio-module__type_unchecked___Xrb-7", "variant_normal": "Radio-module__variant_normal___FQkTC", "variant_emphasized": "Radio-module__variant_emphasized___Fgpv6" };
|
|
332
|
+
|
|
333
|
+
// src/atom/Radio/Radio.tsx
|
|
334
|
+
var import_jsx_runtime4 = require("react/jsx-runtime");
|
|
335
|
+
var Radio = (_a) => {
|
|
336
|
+
var _b = _a, {
|
|
337
|
+
checked = true,
|
|
338
|
+
className = "",
|
|
339
|
+
size = "small",
|
|
340
|
+
variant = "normal",
|
|
341
|
+
children,
|
|
342
|
+
onChange = () => {
|
|
343
|
+
},
|
|
344
|
+
disabled = false,
|
|
345
|
+
extra = null
|
|
346
|
+
} = _b, rest = __objRest(_b, [
|
|
347
|
+
"checked",
|
|
348
|
+
"className",
|
|
349
|
+
"size",
|
|
350
|
+
"variant",
|
|
351
|
+
"children",
|
|
352
|
+
"onChange",
|
|
353
|
+
"disabled",
|
|
354
|
+
"extra"
|
|
355
|
+
]);
|
|
356
|
+
return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
|
|
357
|
+
/* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
358
|
+
import_antd4.Radio,
|
|
359
|
+
__spreadProps(__spreadValues({
|
|
360
|
+
className: (0, import_clsx4.default)(
|
|
361
|
+
Radio_module_default.radio,
|
|
362
|
+
Radio_module_default[`size_${size}`],
|
|
363
|
+
Radio_module_default[`variant_${variant}`],
|
|
364
|
+
checked ? Radio_module_default.type_checked : Radio_module_default.type_unchecked,
|
|
365
|
+
disabled && Radio_module_default.disabled,
|
|
366
|
+
className
|
|
367
|
+
),
|
|
368
|
+
onChange,
|
|
369
|
+
checked,
|
|
370
|
+
disabled
|
|
371
|
+
}, rest), {
|
|
372
|
+
children
|
|
373
|
+
})
|
|
374
|
+
),
|
|
375
|
+
checked && extra
|
|
376
|
+
] });
|
|
377
|
+
};
|
|
378
|
+
Radio.displayName = "Radio";
|
|
379
|
+
var Radio_default = Radio;
|
|
380
|
+
|
|
381
|
+
// src/atom/Switch/Switch.tsx
|
|
382
|
+
var import_antd5 = require("antd");
|
|
383
|
+
var import_clsx5 = __toESM(require("clsx"));
|
|
384
|
+
|
|
385
|
+
// src/atom/Switch/Switch.module.scss
|
|
386
|
+
var Switch_module_default = { "switch": "Switch-module__switch___fUHZL" };
|
|
387
|
+
|
|
388
|
+
// src/atom/Switch/Switch.tsx
|
|
389
|
+
var import_jsx_runtime5 = require("react/jsx-runtime");
|
|
390
|
+
var Switch = (_a) => {
|
|
391
|
+
var _b = _a, {
|
|
392
|
+
className,
|
|
393
|
+
onChange = () => {
|
|
394
|
+
},
|
|
395
|
+
size = "default",
|
|
396
|
+
disabled = false,
|
|
397
|
+
checked = false
|
|
398
|
+
} = _b, rest = __objRest(_b, [
|
|
399
|
+
"className",
|
|
400
|
+
"onChange",
|
|
401
|
+
"size",
|
|
402
|
+
"disabled",
|
|
403
|
+
"checked"
|
|
404
|
+
]);
|
|
405
|
+
return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
|
406
|
+
import_antd5.Switch,
|
|
407
|
+
__spreadValues({
|
|
408
|
+
className: (0, import_clsx5.default)(className, Switch_module_default.switch, Switch_module_default[size]),
|
|
409
|
+
onChange,
|
|
410
|
+
size,
|
|
411
|
+
disabled,
|
|
412
|
+
checked
|
|
413
|
+
}, rest)
|
|
414
|
+
);
|
|
415
|
+
};
|
|
416
|
+
Switch.displayName = "Switch";
|
|
417
|
+
var Switch_default = Switch;
|
|
418
|
+
|
|
419
|
+
// src/atom/Tooltip/Tooltip.tsx
|
|
420
|
+
var import_antd6 = require("antd");
|
|
421
|
+
|
|
422
|
+
// src/atom/Tooltip/Tooltip.module.scss
|
|
423
|
+
var Tooltip_module_default = { "light": "Tooltip-module__light___H5oCc" };
|
|
424
|
+
|
|
425
|
+
// src/atom/Tooltip/Tooltip.tsx
|
|
426
|
+
var import_jsx_runtime6 = require("react/jsx-runtime");
|
|
427
|
+
var Tooltip = (_a) => {
|
|
428
|
+
var _b = _a, {
|
|
429
|
+
children,
|
|
430
|
+
title = "",
|
|
431
|
+
placement = "top",
|
|
432
|
+
color = "#1F2937",
|
|
433
|
+
className,
|
|
434
|
+
mode = "dark"
|
|
435
|
+
} = _b, rest = __objRest(_b, [
|
|
436
|
+
"children",
|
|
437
|
+
"title",
|
|
438
|
+
"placement",
|
|
439
|
+
"color",
|
|
440
|
+
"className",
|
|
441
|
+
"mode"
|
|
442
|
+
]);
|
|
443
|
+
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
444
|
+
import_antd6.Tooltip,
|
|
445
|
+
__spreadProps(__spreadValues({
|
|
446
|
+
className,
|
|
447
|
+
color,
|
|
448
|
+
title,
|
|
449
|
+
placement,
|
|
450
|
+
overlayClassName: mode === "light" ? Tooltip_module_default.light : ""
|
|
451
|
+
}, rest), {
|
|
452
|
+
children
|
|
453
|
+
})
|
|
454
|
+
);
|
|
455
|
+
};
|
|
456
|
+
Tooltip.displayName = "Tooltip";
|
|
457
|
+
var Tooltip_default = Tooltip;
|
|
193
458
|
// Annotate the CommonJS export names for ESM import in node:
|
|
194
459
|
0 && (module.exports = {
|
|
195
460
|
Button,
|
|
196
|
-
Checkbox
|
|
461
|
+
Checkbox,
|
|
462
|
+
Modal,
|
|
463
|
+
Radio,
|
|
464
|
+
Switch,
|
|
465
|
+
Tooltip
|
|
197
466
|
});
|
package/dist/index.mjs
CHANGED
|
@@ -1,11 +1,27 @@
|
|
|
1
|
+
import {
|
|
2
|
+
Checkbox_default
|
|
3
|
+
} from "./chunk-UQZNUEZE.mjs";
|
|
4
|
+
import {
|
|
5
|
+
Modal_default
|
|
6
|
+
} from "./chunk-N355RJGH.mjs";
|
|
1
7
|
import {
|
|
2
8
|
Button_default
|
|
3
|
-
} from "./chunk-
|
|
9
|
+
} from "./chunk-HISCHZ5H.mjs";
|
|
4
10
|
import {
|
|
5
|
-
|
|
6
|
-
} from "./chunk-
|
|
7
|
-
import
|
|
11
|
+
Radio_default
|
|
12
|
+
} from "./chunk-2EBPXGRY.mjs";
|
|
13
|
+
import {
|
|
14
|
+
Switch_default
|
|
15
|
+
} from "./chunk-MNARBWAJ.mjs";
|
|
16
|
+
import {
|
|
17
|
+
Tooltip_default
|
|
18
|
+
} from "./chunk-MLCMZRUC.mjs";
|
|
19
|
+
import "./chunk-FWCSY2DS.mjs";
|
|
8
20
|
export {
|
|
9
21
|
Button_default as Button,
|
|
10
|
-
Checkbox_default as Checkbox
|
|
22
|
+
Checkbox_default as Checkbox,
|
|
23
|
+
Modal_default as Modal,
|
|
24
|
+
Radio_default as Radio,
|
|
25
|
+
Switch_default as Switch,
|
|
26
|
+
Tooltip_default as Tooltip
|
|
11
27
|
};
|