@itilite/lumina-ui 1.0.21 → 1.1.1-alpha.1

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 (52) hide show
  1. package/dist/Tag.d.mts +13 -0
  2. package/dist/Tag.d.ts +13 -0
  3. package/dist/Tag.js +108 -0
  4. package/dist/Tag.mjs +9 -0
  5. package/dist/atom/Avatar/Avatar.d.mts +17 -0
  6. package/dist/atom/Avatar/Avatar.d.ts +17 -0
  7. package/dist/atom/Avatar/Avatar.js +121 -0
  8. package/dist/atom/Avatar/Avatar.mjs +9 -0
  9. package/dist/atom/Button/Button.d.mts +25 -0
  10. package/dist/atom/Button/Button.d.ts +25 -0
  11. package/dist/atom/Button/Button.js +111 -0
  12. package/dist/atom/Button/Button.mjs +9 -0
  13. package/dist/atom/Checkbox/Checkbox.d.mts +20 -0
  14. package/dist/atom/Checkbox/Checkbox.d.ts +20 -0
  15. package/dist/atom/Checkbox/Checkbox.js +117 -0
  16. package/dist/atom/Checkbox/Checkbox.mjs +9 -0
  17. package/dist/atom/Modal/Modal.d.mts +27 -0
  18. package/dist/atom/Modal/Modal.d.ts +27 -0
  19. package/dist/atom/Modal/Modal.js +258 -0
  20. package/dist/atom/Modal/Modal.mjs +10 -0
  21. package/dist/atom/Radio/Radio.d.mts +17 -0
  22. package/dist/atom/Radio/Radio.d.ts +17 -0
  23. package/dist/atom/Radio/Radio.js +115 -0
  24. package/dist/atom/Radio/Radio.mjs +9 -0
  25. package/dist/atom/Switch/Switch.d.mts +13 -0
  26. package/dist/atom/Switch/Switch.d.ts +13 -0
  27. package/dist/atom/Switch/Switch.js +102 -0
  28. package/dist/atom/Switch/Switch.mjs +9 -0
  29. package/dist/atom/Tag/Tag.d.mts +13 -0
  30. package/dist/atom/Tag/Tag.d.ts +13 -0
  31. package/dist/atom/Tag/Tag.js +104 -0
  32. package/dist/atom/Tag/Tag.mjs +9 -0
  33. package/dist/atom/Tooltip/Tooltip.d.mts +14 -0
  34. package/dist/atom/Tooltip/Tooltip.d.ts +14 -0
  35. package/dist/atom/Tooltip/Tooltip.js +103 -0
  36. package/dist/atom/Tooltip/Tooltip.mjs +9 -0
  37. package/dist/chunk-4VZB2KR2.mjs +51 -0
  38. package/dist/chunk-5AHNAQMH.mjs +77 -0
  39. package/dist/chunk-AQYK4FOY.mjs +60 -0
  40. package/dist/chunk-DQCWY57N.mjs +62 -0
  41. package/dist/chunk-GUIX7A7G.mjs +48 -0
  42. package/dist/chunk-HR4KEILE.mjs +134 -0
  43. package/dist/chunk-MFW6Q2WR.mjs +49 -0
  44. package/dist/chunk-POO2DKYG.mjs +87 -0
  45. package/dist/chunk-TGSZ7VMS.mjs +33 -0
  46. package/dist/chunk-WUFWIRBB.mjs +47 -0
  47. package/dist/index.d.mts +8 -7
  48. package/dist/index.d.ts +8 -7
  49. package/dist/index.js +148 -121
  50. package/dist/index.mjs +17 -13
  51. package/dist/styles.css +231 -129
  52. package/package.json +11 -39
@@ -0,0 +1,134 @@
1
+ import {
2
+ Button
3
+ } from "./chunk-5AHNAQMH.mjs";
4
+ import {
5
+ __objRest,
6
+ __spreadValues
7
+ } from "./chunk-TGSZ7VMS.mjs";
8
+
9
+ // src/atom/Modal/Modal.tsx
10
+ import * as React from "react";
11
+ import { Modal as AntModal } from "antd";
12
+ import clsx from "clsx";
13
+
14
+ // src/atom/Modal/Modal.module.scss
15
+ 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" };
16
+
17
+ // src/atom/Modal/Modal.tsx
18
+ var Close = (_a) => {
19
+ var _b = _a, { size = 14, color = "#B6BAC3" } = _b, rest = __objRest(_b, ["size", "color"]);
20
+ return /* @__PURE__ */ React.createElement(
21
+ "svg",
22
+ __spreadValues({
23
+ width: size,
24
+ height: size,
25
+ viewBox: "0 0 14 14",
26
+ fill: "none",
27
+ xmlns: "http://www.w3.org/2000/svg"
28
+ }, rest),
29
+ /* @__PURE__ */ React.createElement(
30
+ "path",
31
+ {
32
+ 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",
33
+ fill: color
34
+ }
35
+ )
36
+ );
37
+ };
38
+ var Modal = (_a) => {
39
+ var _b = _a, {
40
+ className = "",
41
+ title = "",
42
+ children,
43
+ open = false,
44
+ handleOk,
45
+ handleCancel,
46
+ okText = "",
47
+ cancelText = "",
48
+ closeIcon = /* @__PURE__ */ React.createElement(Close, { color: "#6B7280" }),
49
+ bodyClassName = "modalBody",
50
+ outsideClickDisable = false,
51
+ hideCross = false,
52
+ okButtonLoading = false,
53
+ okButtonDisabled = false,
54
+ variant = "primary",
55
+ okBtnClasses = "",
56
+ cancelButtonAnalytics = {},
57
+ okButtonAnalytics = {},
58
+ footerMargintopDisable = true
59
+ } = _b, rest = __objRest(_b, [
60
+ "className",
61
+ "title",
62
+ "children",
63
+ "open",
64
+ "handleOk",
65
+ "handleCancel",
66
+ "okText",
67
+ "cancelText",
68
+ "closeIcon",
69
+ "bodyClassName",
70
+ "outsideClickDisable",
71
+ "hideCross",
72
+ "okButtonLoading",
73
+ "okButtonDisabled",
74
+ "variant",
75
+ "okBtnClasses",
76
+ "cancelButtonAnalytics",
77
+ "okButtonAnalytics",
78
+ "footerMargintopDisable"
79
+ ]);
80
+ return /* @__PURE__ */ React.createElement("div", { onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React.createElement(
81
+ AntModal,
82
+ __spreadValues({
83
+ title,
84
+ open,
85
+ onOk: handleOk,
86
+ onCancel: handleCancel,
87
+ className: clsx(Modal_module_default.modal, className, {
88
+ footerMargintopDisable
89
+ }),
90
+ okText,
91
+ cancelText,
92
+ closeIcon,
93
+ closable: !hideCross,
94
+ maskClosable: !outsideClickDisable,
95
+ footer: okText || cancelText ? /* @__PURE__ */ React.createElement(
96
+ "div",
97
+ {
98
+ className: clsx({
99
+ primaryFooter: variant === "primary",
100
+ secondaryFooter: variant === "secondary"
101
+ })
102
+ },
103
+ cancelText && /* @__PURE__ */ React.createElement(
104
+ Button,
105
+ __spreadValues({
106
+ onClick: handleCancel,
107
+ type: "secondary",
108
+ className: "cancelBtn",
109
+ variant: "subtle"
110
+ }, cancelButtonAnalytics),
111
+ cancelText
112
+ ),
113
+ okText && /* @__PURE__ */ React.createElement(
114
+ Button,
115
+ __spreadValues({
116
+ onClick: handleOk,
117
+ className: clsx(okBtnClasses, "okBtn"),
118
+ loading: okButtonLoading,
119
+ disabled: okButtonDisabled
120
+ }, okButtonAnalytics),
121
+ okText
122
+ )
123
+ ) : null
124
+ }, rest),
125
+ /* @__PURE__ */ React.createElement("div", { className: bodyClassName }, children)
126
+ ));
127
+ };
128
+ Modal.displayName = "Modal";
129
+ var Modal_default = Modal;
130
+
131
+ export {
132
+ Modal,
133
+ Modal_default
134
+ };
@@ -0,0 +1,49 @@
1
+ import {
2
+ __objRest,
3
+ __spreadValues
4
+ } from "./chunk-TGSZ7VMS.mjs";
5
+
6
+ // src/atom/Tag/Tag.tsx
7
+ import * as React from "react";
8
+ import { Tag as AntTag } from "antd";
9
+ import clsx from "clsx";
10
+
11
+ // src/atom/Tag/Tag.module.scss
12
+ var Tag_module_default = { "tag": "Tag-module__tag___PIkhI", "small": "Tag-module__small___nG5XQ", "success": "Tag-module__success___99fad", "blue": "Tag-module__blue___Zky2Z", "warning": "Tag-module__warning___KXsly", "processing": "Tag-module__processing___OssXC", "bookingConfirmed": "Tag-module__bookingConfirmed___potR4", "bookingRescheduled": "Tag-module__bookingRescheduled___ynrwI", "bookingRescheduledPending": "Tag-module__bookingRescheduledPending___K3GqS", "failed": "Tag-module__failed___dvpyQ", "bookingPending": "Tag-module__bookingPending___64umX" };
13
+
14
+ // src/atom/Tag/Tag.tsx
15
+ var Tag = (_a) => {
16
+ var _b = _a, {
17
+ type = "success",
18
+ className = "",
19
+ title = "",
20
+ icon = null,
21
+ size = ""
22
+ } = _b, rest = __objRest(_b, [
23
+ "type",
24
+ "className",
25
+ "title",
26
+ "icon",
27
+ "size"
28
+ ]);
29
+ return /* @__PURE__ */ React.createElement(
30
+ AntTag,
31
+ __spreadValues({
32
+ className: clsx(
33
+ Tag_module_default.tag,
34
+ size === "small" && Tag_module_default.small,
35
+ Tag_module_default[type],
36
+ className
37
+ ),
38
+ icon
39
+ }, rest),
40
+ title
41
+ );
42
+ };
43
+ Tag.displayName = "Tag";
44
+ var Tag_default = Tag;
45
+
46
+ export {
47
+ Tag,
48
+ Tag_default
49
+ };
@@ -0,0 +1,87 @@
1
+ // src/atom/Avatar/Avatar.tsx
2
+ import * as React from "react";
3
+ import clsx from "clsx";
4
+ var COLOR_MAP = {
5
+ A: "#6455BF",
6
+ B: "#C46273",
7
+ C: "#52A79E",
8
+ D: "#DF8654",
9
+ E: "#B8639F",
10
+ F: "#6455BF",
11
+ G: "#C46273",
12
+ H: "#52A79E",
13
+ I: "#DF8654",
14
+ J: "#B8639F",
15
+ K: "#6455BF",
16
+ L: "#C46273",
17
+ M: "#52A79E",
18
+ N: "#DF8654",
19
+ O: "#B8639F",
20
+ P: "#6455BF",
21
+ Q: "#C46273",
22
+ R: "#52A79E",
23
+ S: "#DF8654",
24
+ T: "#B8639F",
25
+ U: "#6455BF",
26
+ V: "#C46273",
27
+ W: "#52A79E",
28
+ X: "#DF8654",
29
+ Y: "#B8639F",
30
+ Z: "#6455BF",
31
+ 0: "#6455BF",
32
+ 1: "#C46273",
33
+ 6: "#C46273",
34
+ 2: "#52A79E",
35
+ 7: "#52A79E",
36
+ 3: "#DF8654",
37
+ 8: "#DF8654",
38
+ 4: "#B8639F",
39
+ 9: "#B8639F"
40
+ };
41
+ function Avatar({
42
+ img,
43
+ className,
44
+ name,
45
+ height = 28,
46
+ width = 28,
47
+ size = "normal"
48
+ }) {
49
+ return /* @__PURE__ */ React.createElement(
50
+ "div",
51
+ {
52
+ style: { height, width },
53
+ className: "tw-rounded-full tw-flex tw-items-center"
54
+ },
55
+ !img && name ? /* @__PURE__ */ React.createElement(
56
+ "div",
57
+ {
58
+ style: {
59
+ backgroundColor: COLOR_MAP[name[0]],
60
+ height,
61
+ width
62
+ },
63
+ className: clsx(
64
+ { "tw-text-font-size-10": size === "small" },
65
+ `tw-text-white tw-font-medium tw-rounded-full tw-flex tw-items-center tw-justify-center`,
66
+ className
67
+ )
68
+ },
69
+ name[0]
70
+ ) : img ? /* @__PURE__ */ React.createElement(
71
+ "img",
72
+ {
73
+ src: img,
74
+ style: { height, width },
75
+ alt: name,
76
+ className: clsx("tw-rounded-full tw-object-cover", className)
77
+ }
78
+ ) : null
79
+ );
80
+ }
81
+ Avatar.displayName = "Avatar";
82
+ var Avatar_default = Avatar;
83
+
84
+ export {
85
+ Avatar,
86
+ Avatar_default
87
+ };
@@ -0,0 +1,33 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
3
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
4
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
5
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
6
+ var __spreadValues = (a, b) => {
7
+ for (var prop in b || (b = {}))
8
+ if (__hasOwnProp.call(b, prop))
9
+ __defNormalProp(a, prop, b[prop]);
10
+ if (__getOwnPropSymbols)
11
+ for (var prop of __getOwnPropSymbols(b)) {
12
+ if (__propIsEnum.call(b, prop))
13
+ __defNormalProp(a, prop, b[prop]);
14
+ }
15
+ return a;
16
+ };
17
+ var __objRest = (source, exclude) => {
18
+ var target = {};
19
+ for (var prop in source)
20
+ if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
21
+ target[prop] = source[prop];
22
+ if (source != null && __getOwnPropSymbols)
23
+ for (var prop of __getOwnPropSymbols(source)) {
24
+ if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
25
+ target[prop] = source[prop];
26
+ }
27
+ return target;
28
+ };
29
+
30
+ export {
31
+ __spreadValues,
32
+ __objRest
33
+ };
@@ -0,0 +1,47 @@
1
+ import {
2
+ __objRest,
3
+ __spreadValues
4
+ } from "./chunk-TGSZ7VMS.mjs";
5
+
6
+ // src/atom/Switch/Switch.tsx
7
+ import * as React from "react";
8
+ import { Switch as AntSwitch } from "antd";
9
+ import clsx from "clsx";
10
+
11
+ // src/atom/Switch/Switch.module.scss
12
+ var Switch_module_default = { "switch": "Switch-module__switch___fUHZL" };
13
+
14
+ // src/atom/Switch/Switch.tsx
15
+ var Switch = (_a) => {
16
+ var _b = _a, {
17
+ className,
18
+ onChange = () => {
19
+ },
20
+ size = "default",
21
+ disabled = false,
22
+ checked = false
23
+ } = _b, rest = __objRest(_b, [
24
+ "className",
25
+ "onChange",
26
+ "size",
27
+ "disabled",
28
+ "checked"
29
+ ]);
30
+ return /* @__PURE__ */ React.createElement(
31
+ AntSwitch,
32
+ __spreadValues({
33
+ className: clsx(className, Switch_module_default.switch, Switch_module_default[size]),
34
+ onChange,
35
+ size,
36
+ disabled,
37
+ checked
38
+ }, rest)
39
+ );
40
+ };
41
+ Switch.displayName = "Switch";
42
+ var Switch_default = Switch;
43
+
44
+ export {
45
+ Switch,
46
+ Switch_default
47
+ };
package/dist/index.d.mts CHANGED
@@ -1,10 +1,11 @@
1
- export { default as Button } from './Button.mjs';
2
- export { default as Checkbox } from './Checkbox.mjs';
3
- export { default as Modal } from './Modal.mjs';
4
- export { default as Radio } from './Radio.mjs';
5
- export { default as Switch } from './Switch.mjs';
6
- export { default as Tooltip } from './Tooltip.mjs';
7
- export { default as Avatar } from './Avatar.mjs';
1
+ export { default as Button } from './atom/Button/Button.mjs';
2
+ export { default as Checkbox } from './atom/Checkbox/Checkbox.mjs';
3
+ export { default as Modal } from './atom/Modal/Modal.mjs';
4
+ export { default as Radio } from './atom/Radio/Radio.mjs';
5
+ export { default as Switch } from './atom/Switch/Switch.mjs';
6
+ export { default as Tooltip } from './atom/Tooltip/Tooltip.mjs';
7
+ export { default as Avatar } from './atom/Avatar/Avatar.mjs';
8
+ export { default as Tag } from './atom/Tag/Tag.mjs';
8
9
  import 'react';
9
10
  import 'antd/es/checkbox';
10
11
  import 'antd/lib/radio';
package/dist/index.d.ts CHANGED
@@ -1,10 +1,11 @@
1
- export { default as Button } from './Button.js';
2
- export { default as Checkbox } from './Checkbox.js';
3
- export { default as Modal } from './Modal.js';
4
- export { default as Radio } from './Radio.js';
5
- export { default as Switch } from './Switch.js';
6
- export { default as Tooltip } from './Tooltip.js';
7
- export { default as Avatar } from './Avatar.js';
1
+ export { default as Button } from './atom/Button/Button.js';
2
+ export { default as Checkbox } from './atom/Checkbox/Checkbox.js';
3
+ export { default as Modal } from './atom/Modal/Modal.js';
4
+ export { default as Radio } from './atom/Radio/Radio.js';
5
+ export { default as Switch } from './atom/Switch/Switch.js';
6
+ export { default as Tooltip } from './atom/Tooltip/Tooltip.js';
7
+ export { default as Avatar } from './atom/Avatar/Avatar.js';
8
+ export { default as Tag } from './atom/Tag/Tag.js';
8
9
  import 'react';
9
10
  import 'antd/es/checkbox';
10
11
  import 'antd/lib/radio';