se-design 0.0.123 → 0.0.125
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/assets/style.css +1 -1
- package/dist/components/AutoCompleteInput/index.d.ts +4 -1
- package/dist/components/Dropdown/index.d.ts +1 -1
- package/dist/components/DropdownWithInputTags/index.d.ts +1 -0
- package/dist/components/Icon/index.d.ts +1 -0
- package/dist/components/SearchBox/index.d.ts +7 -2
- package/dist/index12.js +1 -1
- package/dist/index12.js.map +1 -1
- package/dist/index17.js +19 -17
- package/dist/index17.js.map +1 -1
- package/dist/index23.js +53 -53
- package/dist/index23.js.map +1 -1
- package/dist/index36.js +113 -101
- package/dist/index36.js.map +1 -1
- package/dist/index37.js +7 -7
- package/dist/index37.js.map +1 -1
- package/dist/index38.js +53 -53
- package/dist/index38.js.map +1 -1
- package/dist/index43.js +59 -56
- package/dist/index43.js.map +1 -1
- package/dist/index48.js +5 -5
- package/dist/index48.js.map +1 -1
- package/dist/index5.js +155 -152
- package/dist/index5.js.map +1 -1
- package/dist/index9.js +11 -10
- package/dist/index9.js.map +1 -1
- package/package.json +1 -1
package/dist/index5.js
CHANGED
@@ -1,193 +1,196 @@
|
|
1
|
-
import
|
2
|
-
import
|
3
|
-
import
|
4
|
-
import
|
5
|
-
import
|
6
|
-
import
|
7
|
-
import
|
8
|
-
import
|
9
|
-
import
|
10
|
-
import
|
11
|
-
import
|
12
|
-
import
|
13
|
-
import
|
14
|
-
import
|
15
|
-
import
|
16
|
-
import
|
17
|
-
import
|
1
|
+
import f from "./index50.js";
|
2
|
+
import b from "./index51.js";
|
3
|
+
import p from "./index52.js";
|
4
|
+
import d from "./index53.js";
|
5
|
+
import h from "./index54.js";
|
6
|
+
import u from "./index55.js";
|
7
|
+
import k from "./index56.js";
|
8
|
+
import x from "./index57.js";
|
9
|
+
import A from "./index58.js";
|
10
|
+
import w from "./index59.js";
|
11
|
+
import I from "./index60.js";
|
12
|
+
import S from "./index61.js";
|
13
|
+
import E from "./index62.js";
|
14
|
+
import N from "./index63.js";
|
15
|
+
import P from "./index64.js";
|
16
|
+
import $ from "./index65.js";
|
17
|
+
import C from "./index66.js";
|
18
18
|
import F from "./index67.js";
|
19
19
|
import O from "./index68.js";
|
20
20
|
import R from "./index69.js";
|
21
21
|
import j from "./index70.js";
|
22
22
|
import y from "./index71.js";
|
23
23
|
import M from "./index72.js";
|
24
|
-
import
|
25
|
-
import
|
26
|
-
import
|
27
|
-
import
|
28
|
-
import
|
29
|
-
import
|
30
|
-
import
|
31
|
-
import
|
32
|
-
import
|
33
|
-
import
|
34
|
-
import
|
35
|
-
import
|
36
|
-
import
|
37
|
-
import
|
38
|
-
import
|
39
|
-
import
|
40
|
-
import
|
41
|
-
import
|
42
|
-
import
|
43
|
-
import
|
44
|
-
import
|
45
|
-
import
|
46
|
-
import
|
47
|
-
import
|
48
|
-
import
|
49
|
-
import
|
24
|
+
import G from "./index73.js";
|
25
|
+
import T from "./index74.js";
|
26
|
+
import V from "./index75.js";
|
27
|
+
import q from "./index76.js";
|
28
|
+
import B from "./index77.js";
|
29
|
+
import D from "./index78.js";
|
30
|
+
import H from "./index79.js";
|
31
|
+
import J from "./index80.js";
|
32
|
+
import K from "./index81.js";
|
33
|
+
import L from "./index82.js";
|
34
|
+
import Q from "./index83.js";
|
35
|
+
import U from "./index84.js";
|
36
|
+
import W from "./index85.js";
|
37
|
+
import X from "./index86.js";
|
38
|
+
import Y from "./index87.js";
|
39
|
+
import Z from "./index88.js";
|
40
|
+
import z from "./index89.js";
|
41
|
+
import ss from "./index90.js";
|
42
|
+
import os from "./index91.js";
|
43
|
+
import _s from "./index92.js";
|
44
|
+
import ts from "./index93.js";
|
45
|
+
import is from "./index94.js";
|
46
|
+
import rs from "./index95.js";
|
47
|
+
import es from "./index96.js";
|
48
|
+
import cs from "./index97.js";
|
49
|
+
import gs from "./index98.js";
|
50
50
|
import ms from "./index99.js";
|
51
|
-
import
|
52
|
-
import
|
53
|
-
import
|
54
|
-
import
|
55
|
-
import
|
56
|
-
import
|
57
|
-
import
|
58
|
-
import
|
59
|
-
import
|
60
|
-
import
|
61
|
-
import
|
62
|
-
import
|
63
|
-
import
|
64
|
-
import
|
65
|
-
import
|
66
|
-
import
|
67
|
-
import
|
68
|
-
import
|
69
|
-
import
|
70
|
-
import
|
71
|
-
import
|
51
|
+
import vs from "./index100.js";
|
52
|
+
import as from "./index101.js";
|
53
|
+
import ls from "./index102.js";
|
54
|
+
import ns from "./index103.js";
|
55
|
+
import fs from "./index104.js";
|
56
|
+
import bs from "./index105.js";
|
57
|
+
import ps from "./index106.js";
|
58
|
+
import ds from "./index107.js";
|
59
|
+
import hs from "./index108.js";
|
60
|
+
import us from "./index109.js";
|
61
|
+
import ks from "./index110.js";
|
62
|
+
import xs from "./index111.js";
|
63
|
+
import As from "./index112.js";
|
64
|
+
import ws from "./index113.js";
|
65
|
+
import Is from "./index114.js";
|
66
|
+
import Ss from "./index115.js";
|
67
|
+
import Es from "./index116.js";
|
68
|
+
import Ns from "./index117.js";
|
69
|
+
import Ps from "./index118.js";
|
70
|
+
import $s from "./index119.js";
|
71
|
+
import Cs from "./index120.js";
|
72
72
|
import Fs from "./index121.js";
|
73
73
|
import Os from "./index122.js";
|
74
74
|
import Rs from "./index123.js";
|
75
75
|
import js from "./index124.js";
|
76
76
|
import ys from "./index125.js";
|
77
77
|
import Ms from "./index126.js";
|
78
|
-
import
|
79
|
-
import
|
80
|
-
import { ReactSVG as
|
81
|
-
const
|
82
|
-
"/src/assets/icons/all-space.svg":
|
83
|
-
"/src/assets/icons/attachment.svg":
|
84
|
-
"/src/assets/icons/back.svg":
|
85
|
-
"/src/assets/icons/banner-demo-img.svg":
|
86
|
-
"/src/assets/icons/checkbox-disabled-minus.svg":
|
87
|
-
"/src/assets/icons/checkbox-disabled-tick.svg":
|
88
|
-
"/src/assets/icons/checkbox-disabled.svg":
|
89
|
-
"/src/assets/icons/checkbox-field.svg":
|
90
|
-
"/src/assets/icons/checkbox-fill.svg":
|
91
|
-
"/src/assets/icons/checkbox-hover-fill.svg":
|
92
|
-
"/src/assets/icons/checkbox-hover-minus.svg":
|
93
|
-
"/src/assets/icons/checkbox-hover-tick.svg":
|
94
|
-
"/src/assets/icons/checkbox-minus.svg":
|
95
|
-
"/src/assets/icons/checkbox-tick.svg":
|
96
|
-
"/src/assets/icons/checked-circle.svg":
|
97
|
-
"/src/assets/icons/checkmark.svg":
|
98
|
-
"/src/assets/icons/chevron.svg":
|
78
|
+
import Gs from "./index127.js";
|
79
|
+
import c from "react";
|
80
|
+
import { ReactSVG as Ts } from "./index128.js";
|
81
|
+
const Vs = /* @__PURE__ */ Object.assign({
|
82
|
+
"/src/assets/icons/all-space.svg": f,
|
83
|
+
"/src/assets/icons/attachment.svg": b,
|
84
|
+
"/src/assets/icons/back.svg": p,
|
85
|
+
"/src/assets/icons/banner-demo-img.svg": d,
|
86
|
+
"/src/assets/icons/checkbox-disabled-minus.svg": h,
|
87
|
+
"/src/assets/icons/checkbox-disabled-tick.svg": u,
|
88
|
+
"/src/assets/icons/checkbox-disabled.svg": k,
|
89
|
+
"/src/assets/icons/checkbox-field.svg": x,
|
90
|
+
"/src/assets/icons/checkbox-fill.svg": A,
|
91
|
+
"/src/assets/icons/checkbox-hover-fill.svg": w,
|
92
|
+
"/src/assets/icons/checkbox-hover-minus.svg": I,
|
93
|
+
"/src/assets/icons/checkbox-hover-tick.svg": S,
|
94
|
+
"/src/assets/icons/checkbox-minus.svg": E,
|
95
|
+
"/src/assets/icons/checkbox-tick.svg": N,
|
96
|
+
"/src/assets/icons/checked-circle.svg": P,
|
97
|
+
"/src/assets/icons/checkmark.svg": $,
|
98
|
+
"/src/assets/icons/chevron.svg": C,
|
99
99
|
"/src/assets/icons/clock.svg": F,
|
100
100
|
"/src/assets/icons/close.svg": O,
|
101
101
|
"/src/assets/icons/csv-file.svg": R,
|
102
102
|
"/src/assets/icons/csv.svg": j,
|
103
103
|
"/src/assets/icons/date-field.svg": y,
|
104
104
|
"/src/assets/icons/delete.svg": M,
|
105
|
-
"/src/assets/icons/docFile.svg":
|
106
|
-
"/src/assets/icons/download.svg":
|
107
|
-
"/src/assets/icons/edit-text.svg":
|
108
|
-
"/src/assets/icons/email-field.svg":
|
109
|
-
"/src/assets/icons/email.svg":
|
110
|
-
"/src/assets/icons/fields-create.svg":
|
111
|
-
"/src/assets/icons/fields-panel.svg":
|
112
|
-
"/src/assets/icons/file-red.svg":
|
113
|
-
"/src/assets/icons/file.svg":
|
114
|
-
"/src/assets/icons/fill-and-sign.svg":
|
115
|
-
"/src/assets/icons/folder.svg":
|
116
|
-
"/src/assets/icons/gmail.svg":
|
117
|
-
"/src/assets/icons/hamburger.svg":
|
118
|
-
"/src/assets/icons/hashtag.svg":
|
119
|
-
"/src/assets/icons/home.svg":
|
120
|
-
"/src/assets/icons/image-field.svg":
|
121
|
-
"/src/assets/icons/info.svg":
|
122
|
-
"/src/assets/icons/initials-field.svg":
|
123
|
-
"/src/assets/icons/kebab-menu.svg":
|
124
|
-
"/src/assets/icons/name-field.svg":
|
125
|
-
"/src/assets/icons/next.svg":
|
126
|
-
"/src/assets/icons/observer.svg":
|
127
|
-
"/src/assets/icons/onedrive.svg":
|
128
|
-
"/src/assets/icons/outlook.svg":
|
129
|
-
"/src/assets/icons/padlock.svg":
|
130
|
-
"/src/assets/icons/pages.svg":
|
105
|
+
"/src/assets/icons/docFile.svg": G,
|
106
|
+
"/src/assets/icons/download.svg": T,
|
107
|
+
"/src/assets/icons/edit-text.svg": V,
|
108
|
+
"/src/assets/icons/email-field.svg": q,
|
109
|
+
"/src/assets/icons/email.svg": B,
|
110
|
+
"/src/assets/icons/fields-create.svg": D,
|
111
|
+
"/src/assets/icons/fields-panel.svg": H,
|
112
|
+
"/src/assets/icons/file-red.svg": J,
|
113
|
+
"/src/assets/icons/file.svg": K,
|
114
|
+
"/src/assets/icons/fill-and-sign.svg": L,
|
115
|
+
"/src/assets/icons/folder.svg": Q,
|
116
|
+
"/src/assets/icons/gmail.svg": U,
|
117
|
+
"/src/assets/icons/hamburger.svg": W,
|
118
|
+
"/src/assets/icons/hashtag.svg": X,
|
119
|
+
"/src/assets/icons/home.svg": Y,
|
120
|
+
"/src/assets/icons/image-field.svg": Z,
|
121
|
+
"/src/assets/icons/info.svg": z,
|
122
|
+
"/src/assets/icons/initials-field.svg": ss,
|
123
|
+
"/src/assets/icons/kebab-menu.svg": os,
|
124
|
+
"/src/assets/icons/name-field.svg": _s,
|
125
|
+
"/src/assets/icons/next.svg": ts,
|
126
|
+
"/src/assets/icons/observer.svg": is,
|
127
|
+
"/src/assets/icons/onedrive.svg": rs,
|
128
|
+
"/src/assets/icons/outlook.svg": es,
|
129
|
+
"/src/assets/icons/padlock.svg": cs,
|
130
|
+
"/src/assets/icons/pages.svg": gs,
|
131
131
|
"/src/assets/icons/pdf-file.svg": ms,
|
132
|
-
"/src/assets/icons/people.svg":
|
133
|
-
"/src/assets/icons/photo.svg":
|
134
|
-
"/src/assets/icons/radio-field.svg":
|
135
|
-
"/src/assets/icons/reset.svg":
|
136
|
-
"/src/assets/icons/rightSide.svg":
|
137
|
-
"/src/assets/icons/rotate-left.svg":
|
138
|
-
"/src/assets/icons/rotate-right.svg":
|
139
|
-
"/src/assets/icons/rounded-plus.svg":
|
140
|
-
"/src/assets/icons/search.svg":
|
141
|
-
"/src/assets/icons/select-files.svg":
|
142
|
-
"/src/assets/icons/shipment-private.svg":
|
143
|
-
"/src/assets/icons/shipment.svg":
|
144
|
-
"/src/assets/icons/signature-field.svg":
|
145
|
-
"/src/assets/icons/signer.svg":
|
146
|
-
"/src/assets/icons/slideout.svg":
|
147
|
-
"/src/assets/icons/sms.svg":
|
148
|
-
"/src/assets/icons/sort-asc.svg":
|
149
|
-
"/src/assets/icons/sort-desc.svg":
|
150
|
-
"/src/assets/icons/sort.svg":
|
151
|
-
"/src/assets/icons/space.svg":
|
152
|
-
"/src/assets/icons/stamp-field.svg":
|
132
|
+
"/src/assets/icons/people.svg": vs,
|
133
|
+
"/src/assets/icons/photo.svg": as,
|
134
|
+
"/src/assets/icons/radio-field.svg": ls,
|
135
|
+
"/src/assets/icons/reset.svg": ns,
|
136
|
+
"/src/assets/icons/rightSide.svg": fs,
|
137
|
+
"/src/assets/icons/rotate-left.svg": bs,
|
138
|
+
"/src/assets/icons/rotate-right.svg": ps,
|
139
|
+
"/src/assets/icons/rounded-plus.svg": ds,
|
140
|
+
"/src/assets/icons/search.svg": hs,
|
141
|
+
"/src/assets/icons/select-files.svg": us,
|
142
|
+
"/src/assets/icons/shipment-private.svg": ks,
|
143
|
+
"/src/assets/icons/shipment.svg": xs,
|
144
|
+
"/src/assets/icons/signature-field.svg": As,
|
145
|
+
"/src/assets/icons/signer.svg": ws,
|
146
|
+
"/src/assets/icons/slideout.svg": Is,
|
147
|
+
"/src/assets/icons/sms.svg": Ss,
|
148
|
+
"/src/assets/icons/sort-asc.svg": Es,
|
149
|
+
"/src/assets/icons/sort-desc.svg": Ns,
|
150
|
+
"/src/assets/icons/sort.svg": Ps,
|
151
|
+
"/src/assets/icons/space.svg": $s,
|
152
|
+
"/src/assets/icons/stamp-field.svg": Cs,
|
153
153
|
"/src/assets/icons/success-check.svg": Fs,
|
154
154
|
"/src/assets/icons/text-field.svg": Os,
|
155
155
|
"/src/assets/icons/tick.svg": Rs,
|
156
156
|
"/src/assets/icons/title-field.svg": js,
|
157
157
|
"/src/assets/icons/webinar-widget.svg": ys,
|
158
158
|
"/src/assets/icons/white-close.svg": Ms,
|
159
|
-
"/src/assets/icons/widget-demo-image.svg":
|
160
|
-
}),
|
161
|
-
|
162
|
-
|
159
|
+
"/src/assets/icons/widget-demo-image.svg": Gs
|
160
|
+
}), g = (s, _, t, o) => {
|
161
|
+
_ && s.hasAttribute("fill") && s.getAttribute("fill") !== "none" && s.setAttribute("fill", _), t && s.hasAttribute("stroke") && s.setAttribute("stroke", t), o && s.hasAttribute("width") && s.setAttribute("width", o.toString()), o && s.hasAttribute("height") && s.setAttribute("height", o.toString()), Array.from(s.children).forEach((i) => {
|
162
|
+
g(i, _, t);
|
163
163
|
});
|
164
|
-
},
|
164
|
+
}, n_ = (s) => {
|
165
165
|
const {
|
166
|
-
name:
|
166
|
+
name: _ = "",
|
167
167
|
className: t = "",
|
168
|
-
onClick:
|
168
|
+
onClick: o,
|
169
169
|
fill: i,
|
170
170
|
stroke: m,
|
171
|
-
rotation:
|
172
|
-
size:
|
173
|
-
|
171
|
+
rotation: v = "0",
|
172
|
+
size: a,
|
173
|
+
shouldStopPropagation: l = !1
|
174
|
+
} = s, n = {
|
174
175
|
0: "",
|
175
176
|
90: "rotate-90",
|
176
177
|
180: "rotate-180",
|
177
178
|
270: "-rotate-90"
|
178
|
-
},
|
179
|
-
return
|
180
|
-
className: `se-design-svg-wrapper transition-transform duration-250 ease-linear ${t} ${
|
181
|
-
onClick:
|
182
|
-
|
183
|
-
|
179
|
+
}, e = Vs[`/src/assets/icons/${_}.svg`];
|
180
|
+
return e ? /* @__PURE__ */ c.createElement("div", {
|
181
|
+
className: `se-design-svg-wrapper transition-transform duration-250 ease-linear ${t} ${n[v]}`,
|
182
|
+
onClick: (r) => {
|
183
|
+
l && r.stopPropagation(), o == null || o();
|
184
|
+
}
|
185
|
+
}, /* @__PURE__ */ c.createElement(Ts, {
|
186
|
+
src: e,
|
184
187
|
wrapper: "span",
|
185
|
-
beforeInjection: (
|
186
|
-
|
188
|
+
beforeInjection: (r) => {
|
189
|
+
g(r, i, m, a);
|
187
190
|
}
|
188
|
-
})) : (console.error(`Icon "${
|
191
|
+
})) : (console.error(`Icon "${_}" not found in ICON_MAP.`), null);
|
189
192
|
};
|
190
193
|
export {
|
191
|
-
|
194
|
+
n_ as Icon
|
192
195
|
};
|
193
196
|
//# sourceMappingURL=index5.js.map
|
package/dist/index5.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index5.js","sources":["../src/components/Icon/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ReactSVG } from 'react-svg';\n\n// Dynamically import icons using Vite's asset handling\nconst ICON_MAP: Record<string, string> = (import.meta as any).glob('/src/assets/icons/*.svg', {\n eager: true,\n query: '?url',\n import: 'default'\n});\n\nexport type IconProps = {\n name: string;\n className?: string;\n onClick?: () => void;\n fill?: string;\n stroke?: string;\n rotation?: '0' | '90' | '180' | '270';\n size?: number;\n};\n\nconst applyAttributesToElement = (element: Element, fill?: string, stroke?: string, size?: number) => {\n // Only modify existing attributes\n if (fill && element.hasAttribute('fill')) {\n const currentFill = element.getAttribute('fill');\n // Only update if the current fill is not \"none\"\n if (currentFill !== 'none') {\n element.setAttribute('fill', fill);\n }\n }\n\n if (stroke && element.hasAttribute('stroke')) {\n element.setAttribute('stroke', stroke);\n }\n\n if (size && element.hasAttribute('width')) {\n element.setAttribute('width', size.toString());\n }\n\n if (size && element.hasAttribute('height')) {\n element.setAttribute('height', size.toString());\n }\n\n // Recursively apply to all child elements\n Array.from(element.children).forEach((child) => {\n applyAttributesToElement(child, fill, stroke);\n });\n};\n\nexport const Icon: FC<IconProps> = (props) => {\n const {
|
1
|
+
{"version":3,"file":"index5.js","sources":["../src/components/Icon/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ReactSVG } from 'react-svg';\n\n// Dynamically import icons using Vite's asset handling\nconst ICON_MAP: Record<string, string> = (import.meta as any).glob('/src/assets/icons/*.svg', {\n eager: true,\n query: '?url',\n import: 'default'\n});\n\nexport type IconProps = {\n name: string;\n className?: string;\n onClick?: () => void;\n fill?: string;\n stroke?: string;\n rotation?: '0' | '90' | '180' | '270';\n size?: number;\n shouldStopPropagation?: boolean;\n};\n\nconst applyAttributesToElement = (element: Element, fill?: string, stroke?: string, size?: number) => {\n // Only modify existing attributes\n if (fill && element.hasAttribute('fill')) {\n const currentFill = element.getAttribute('fill');\n // Only update if the current fill is not \"none\"\n if (currentFill !== 'none') {\n element.setAttribute('fill', fill);\n }\n }\n\n if (stroke && element.hasAttribute('stroke')) {\n element.setAttribute('stroke', stroke);\n }\n\n if (size && element.hasAttribute('width')) {\n element.setAttribute('width', size.toString());\n }\n\n if (size && element.hasAttribute('height')) {\n element.setAttribute('height', size.toString());\n }\n\n // Recursively apply to all child elements\n Array.from(element.children).forEach((child) => {\n applyAttributesToElement(child, fill, stroke);\n });\n};\n\nexport const Icon: FC<IconProps> = (props) => {\n const {\n name = '',\n className = '',\n onClick,\n fill,\n stroke,\n rotation = '0',\n size,\n shouldStopPropagation = false\n } = props;\n const iconRotationClasses = {\n '0': '',\n '90': 'rotate-90',\n '180': 'rotate-180',\n '270': '-rotate-90'\n };\n const src = ICON_MAP[`/src/assets/icons/${name}.svg`];\n\n if (!src) {\n console.error(`Icon \"${name}\" not found in ICON_MAP.`);\n return null;\n }\n\n return (\n <div\n className={`se-design-svg-wrapper transition-transform duration-250 ease-linear ${className} ${iconRotationClasses[rotation]}`}\n onClick={(e) => {\n shouldStopPropagation && e.stopPropagation();\n onClick?.();\n }}\n >\n <ReactSVG\n src={src}\n wrapper=\"span\"\n beforeInjection={(svg) => {\n applyAttributesToElement(svg, fill, stroke, size);\n }}\n />\n </div>\n );\n};\n"],"names":["__vite_glob_0_0","__vite_glob_0_1","__vite_glob_0_2","__vite_glob_0_3","__vite_glob_0_4","__vite_glob_0_5","__vite_glob_0_6","__vite_glob_0_7","__vite_glob_0_8","__vite_glob_0_9","__vite_glob_0_10","__vite_glob_0_11","__vite_glob_0_12","__vite_glob_0_13","__vite_glob_0_14","__vite_glob_0_15","__vite_glob_0_16","__vite_glob_0_17","__vite_glob_0_18","__vite_glob_0_19","__vite_glob_0_20","__vite_glob_0_21","__vite_glob_0_22","__vite_glob_0_23","__vite_glob_0_24","__vite_glob_0_25","__vite_glob_0_26","__vite_glob_0_27","__vite_glob_0_28","__vite_glob_0_29","__vite_glob_0_30","__vite_glob_0_31","__vite_glob_0_32","__vite_glob_0_33","__vite_glob_0_34","__vite_glob_0_35","__vite_glob_0_36","__vite_glob_0_37","__vite_glob_0_38","__vite_glob_0_39","__vite_glob_0_40","__vite_glob_0_41","__vite_glob_0_42","__vite_glob_0_43","__vite_glob_0_44","__vite_glob_0_45","__vite_glob_0_46","__vite_glob_0_47","__vite_glob_0_48","__vite_glob_0_49","__vite_glob_0_50","__vite_glob_0_51","__vite_glob_0_52","__vite_glob_0_53","__vite_glob_0_54","__vite_glob_0_55","__vite_glob_0_56","__vite_glob_0_57","__vite_glob_0_58","__vite_glob_0_59","__vite_glob_0_60","__vite_glob_0_61","__vite_glob_0_62","__vite_glob_0_63","__vite_glob_0_64","__vite_glob_0_65","__vite_glob_0_66","__vite_glob_0_67","__vite_glob_0_68","__vite_glob_0_69","__vite_glob_0_70","__vite_glob_0_71","__vite_glob_0_72","__vite_glob_0_73","__vite_glob_0_74","__vite_glob_0_75","__vite_glob_0_76","__vite_glob_0_77","React__default","ReactSVG","ICON_MAP","import","applyAttributesToElement","element","fill","stroke","size","hasAttribute","getAttribute","setAttribute","toString","Array","from","children","forEach","child","Icon","props","name","className","onClick","rotation","shouldStopPropagation","iconRotationClasses","src","React","createElement","e","stopPropagation","wrapper","beforeInjection","svg","error"],"mappings":"AAIA,OAAAA,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;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"}
|
package/dist/index9.js
CHANGED
@@ -1,9 +1,9 @@
|
|
1
|
-
import
|
2
|
-
import { Icon as
|
3
|
-
const
|
1
|
+
import e from "react";
|
2
|
+
import { Icon as u } from "./index5.js";
|
3
|
+
const y = (r) => {
|
4
4
|
const {
|
5
5
|
label: i,
|
6
|
-
icon:
|
6
|
+
icon: o,
|
7
7
|
iconPosition: t = "right",
|
8
8
|
iconRotation: s = "0",
|
9
9
|
textTransform: c = "none",
|
@@ -21,13 +21,14 @@ const h = (r) => {
|
|
21
21
|
sm: "text-xs leading-5 font-normal leading-5",
|
22
22
|
md: "text-sm leading-5 font-normal leading-5",
|
23
23
|
lg: "text-base leading-5 font-normal leading-5"
|
24
|
-
}, l = (b) => /* @__PURE__ */
|
24
|
+
}, l = (b) => /* @__PURE__ */ e.createElement(u, {
|
25
25
|
name: b,
|
26
26
|
className: "transition-transform duration-200",
|
27
27
|
rotation: s,
|
28
|
-
onClick: p
|
28
|
+
onClick: p,
|
29
|
+
shouldStopPropagation: !0
|
29
30
|
});
|
30
|
-
return /* @__PURE__ */
|
31
|
+
return /* @__PURE__ */ e.createElement("div", {
|
31
32
|
className: `se-design-label-chip text-[var(--color-gray-700)] w-fit flex items-center gap-1 text-base font-normal rounded-[6px] leading-4 ${a ? "cursor-pointer" : ""} ${x[n]}`,
|
32
33
|
style: {
|
33
34
|
color: m,
|
@@ -36,11 +37,11 @@ const h = (r) => {
|
|
36
37
|
fontWeight: d
|
37
38
|
},
|
38
39
|
onClick: a
|
39
|
-
}, t === "left" &&
|
40
|
+
}, t === "left" && o && l(o), /* @__PURE__ */ e.createElement("span", {
|
40
41
|
className: `inline-block ${f[n]}`
|
41
|
-
}, i), t === "right" &&
|
42
|
+
}, i), t === "right" && o && l(o));
|
42
43
|
};
|
43
44
|
export {
|
44
|
-
|
45
|
+
y as LabelChip
|
45
46
|
};
|
46
47
|
//# sourceMappingURL=index9.js.map
|
package/dist/index9.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index9.js","sources":["../src/components/LabelChip/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { Icon } from 'components/Icon';\n\ntype LabelChipProps = {\n label: string;\n icon?: string;\n iconPosition?: 'left' | 'right';\n iconRotation?: '0' | '90' | '180' | '270';\n textTransform?: 'uppercase' | 'lowercase' | 'capitalize' | 'none';\n textColor?: string;\n bgColor?: string;\n fontWeight?: 'bold' | 'normal';\n size?: 'sm' | 'md' | 'lg';\n onClick?: () => void;\n onIconClick?: () => void;\n};\n\nexport const LabelChip: FC<LabelChipProps> = (props) => {\n const {\n label,\n icon,\n iconPosition = 'right',\n iconRotation = '0',\n textTransform = 'none',\n textColor = 'var(--color-gray-700)',\n bgColor = 'var(--color-blue-300)',\n fontWeight = '',\n size = 'md',\n onClick,\n onIconClick\n } = props;\n\n const sizeClasses = {\n sm: 'px-1 py-0.5',\n md: 'px-1.5 py-0.5',\n lg: 'px-1.5 py-0.5'\n };\n const labelClasses = {\n sm: 'text-xs leading-5 font-normal leading-5',\n md: 'text-sm leading-5 font-normal leading-5',\n lg: 'text-base leading-5 font-normal leading-5'\n };\n\n const getIconJsx = (icon: string) => {\n return (\n <Icon
|
1
|
+
{"version":3,"file":"index9.js","sources":["../src/components/LabelChip/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { Icon } from 'components/Icon';\n\ntype LabelChipProps = {\n label: string;\n icon?: string;\n iconPosition?: 'left' | 'right';\n iconRotation?: '0' | '90' | '180' | '270';\n textTransform?: 'uppercase' | 'lowercase' | 'capitalize' | 'none';\n textColor?: string;\n bgColor?: string;\n fontWeight?: 'bold' | 'normal';\n size?: 'sm' | 'md' | 'lg';\n onClick?: () => void;\n onIconClick?: () => void;\n};\n\nexport const LabelChip: FC<LabelChipProps> = (props) => {\n const {\n label,\n icon,\n iconPosition = 'right',\n iconRotation = '0',\n textTransform = 'none',\n textColor = 'var(--color-gray-700)',\n bgColor = 'var(--color-blue-300)',\n fontWeight = '',\n size = 'md',\n onClick,\n onIconClick\n } = props;\n\n const sizeClasses = {\n sm: 'px-1 py-0.5',\n md: 'px-1.5 py-0.5',\n lg: 'px-1.5 py-0.5'\n };\n const labelClasses = {\n sm: 'text-xs leading-5 font-normal leading-5',\n md: 'text-sm leading-5 font-normal leading-5',\n lg: 'text-base leading-5 font-normal leading-5'\n };\n\n const getIconJsx = (icon: string) => {\n return (\n <Icon\n name={icon}\n className={`transition-transform duration-200`}\n rotation={iconRotation}\n onClick={onIconClick}\n shouldStopPropagation={true}\n />\n );\n };\n return (\n <div\n className={`se-design-label-chip text-[var(--color-gray-700)] w-fit flex items-center gap-1 text-base font-normal rounded-[6px] leading-4 ${onClick ? 'cursor-pointer' : ''} ${sizeClasses[size]}`}\n style={{ color: textColor, backgroundColor: bgColor, textTransform, fontWeight }}\n onClick={onClick}\n >\n {iconPosition === 'left' && icon && getIconJsx(icon)}\n <span className={`inline-block ${labelClasses[size]}`}>{label}</span>\n {iconPosition === 'right' && icon && getIconJsx(icon)}\n </div>\n );\n};\n"],"names":["React__default","Icon","LabelChip","props","label","icon","iconPosition","iconRotation","textTransform","textColor","bgColor","fontWeight","size","onClick","onIconClick","sizeClasses","sm","md","lg","labelClasses","getIconJsx","React","createElement","name","className","rotation","shouldStopPropagation","style","color","backgroundColor"],"mappings":"AAiBO,OAAAA,OAAA;AAAA,SAAA,QAAAC,SAAA;AAAA,MAAMC,IAAiCC,CAAUA,MAAA;AAChD,QAAA;AAAA,IACJC,OAAAA;AAAAA,IACAC,MAAAA;AAAAA,IACAC,cAAAA,IAAe;AAAA,IACfC,cAAAA,IAAe;AAAA,IACfC,eAAAA,IAAgB;AAAA,IAChBC,WAAAA,IAAY;AAAA,IACZC,SAAAA,IAAU;AAAA,IACVC,YAAAA,IAAa;AAAA,IACbC,MAAAA,IAAO;AAAA,IACPC,SAAAA;AAAAA,IACAC,aAAAA;AAAAA,EAAAA,IACEX,GAEEY,IAAc;AAAA,IAClBC,IAAI;AAAA,IACJC,IAAI;AAAA,IACJC,IAAI;AAAA,EACN,GACMC,IAAe;AAAA,IACnBH,IAAI;AAAA,IACJC,IAAI;AAAA,IACJC,IAAI;AAAA,EACN,GAEME,IAAaA,CAACf,MAEhBgB,gBAAAA,EAAAC,cAACrB,GAAI;AAAA,IACHsB,MAAMlB;AAAAA,IACNmB,WAAW;AAAA,IACXC,UAAUlB;AAAAA,IACVM,SAASC;AAAAA,IACTY,uBAAuB;AAAA,EAAA,CACxB;AAIHL,SAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACEE,WAAW,iIAAiIX,IAAU,mBAAmB,EAAE,IAAIE,EAAYH,CAAI,CAAC;AAAA,IAChMe,OAAO;AAAA,MAAEC,OAAOnB;AAAAA,MAAWoB,iBAAiBnB;AAAAA,MAASF,eAAAA;AAAAA,MAAeG,YAAAA;AAAAA,IAAW;AAAA,IAC/EE,SAAAA;AAAAA,EAAAA,GAECP,MAAiB,UAAUD,KAAQe,EAAWf,CAAI,GACnDiB,gBAAAA,EAAAA,cAAA,QAAA;AAAA,IAAME,WAAW,gBAAgBL,EAAaP,CAAI,CAAC;AAAA,EAAA,GAAKR,CAAY,GACnEE,MAAiB,WAAWD,KAAQe,EAAWf,CAAI,CACjD;AAET;"}
|