se-design 0.0.118 → 0.0.120
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/icons/checked-circle.svg +8 -6
- package/dist/index63.js +2 -2
- package/dist/index63.js.map +1 -1
- package/dist/index9.js +20 -22
- package/dist/index9.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<
|
|
3
|
-
<
|
|
4
|
-
|
|
5
|
-
<
|
|
6
|
-
|
|
7
|
-
<
|
|
2
|
+
<g clip-path="url(#clip0_3469_4623)">
|
|
3
|
+
<path d="M11.4567 6.00001L6.94277 10.4071L4.82938 8.51078M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15Z" stroke="#415575" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
4
|
+
</g>
|
|
5
|
+
<defs>
|
|
6
|
+
<clipPath id="clip0_3469_4623">
|
|
7
|
+
<rect width="16" height="16" fill="white"/>
|
|
8
|
+
</clipPath>
|
|
9
|
+
</defs>
|
|
8
10
|
</svg>
|
package/dist/index63.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
const
|
|
1
|
+
const e = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_3469_4623)'%3e%3cpath%20d='M11.4567%206.00001L6.94277%2010.4071L4.82938%208.51078M8%2015C11.866%2015%2015%2011.866%2015%208C15%204.13401%2011.866%201%208%201C4.13401%201%201%204.13401%201%208C1%2011.866%204.13401%2015%208%2015Z'%20stroke='%23415575'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_3469_4623'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
|
|
2
2
|
export {
|
|
3
|
-
|
|
3
|
+
e as default
|
|
4
4
|
};
|
|
5
5
|
//# sourceMappingURL=index63.js.map
|
package/dist/index63.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index63.js","sources":["../src/assets/icons/checked-circle.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%
|
|
1
|
+
{"version":3,"file":"index63.js","sources":["../src/assets/icons/checked-circle.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_3469_4623)'%3e%3cpath%20d='M11.4567%206.00001L6.94277%2010.4071L4.82938%208.51078M8%2015C11.866%2015%2015%2011.866%2015%208C15%204.13401%2011.866%201%208%201C4.13401%201%201%204.13401%201%208C1%2011.866%204.13401%2015%208%2015Z'%20stroke='%23415575'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_3469_4623'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e\""],"names":["__vite_glob_0_14"],"mappings":"AAAA,MAAeA,IAAA;"}
|
package/dist/index9.js
CHANGED
|
@@ -1,21 +1,19 @@
|
|
|
1
1
|
import o from "react";
|
|
2
2
|
import { Icon as C } from "./index5.js";
|
|
3
|
-
const h = (
|
|
3
|
+
const h = (r) => {
|
|
4
4
|
const {
|
|
5
|
-
label:
|
|
5
|
+
label: i,
|
|
6
6
|
icon: e,
|
|
7
7
|
iconPosition: t = "right",
|
|
8
|
-
iconRotation:
|
|
9
|
-
textTransform:
|
|
10
|
-
textColor:
|
|
11
|
-
bgColor:
|
|
12
|
-
fontWeight:
|
|
8
|
+
iconRotation: s = "0",
|
|
9
|
+
textTransform: c = "none",
|
|
10
|
+
textColor: m = "var(--color-gray-700)",
|
|
11
|
+
bgColor: g = "var(--color-blue-300)",
|
|
12
|
+
fontWeight: d = "",
|
|
13
13
|
size: n = "md",
|
|
14
|
-
onClick:
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
}
|
|
18
|
-
} = l, x = {
|
|
14
|
+
onClick: a,
|
|
15
|
+
onIconClick: p
|
|
16
|
+
} = r, x = {
|
|
19
17
|
sm: "px-1 py-0.5",
|
|
20
18
|
md: "px-1.5 py-0.5",
|
|
21
19
|
lg: "px-1.5 py-0.5"
|
|
@@ -23,24 +21,24 @@ const h = (l) => {
|
|
|
23
21
|
sm: "text-xs leading-5 font-normal leading-5",
|
|
24
22
|
md: "text-sm leading-5 font-normal leading-5",
|
|
25
23
|
lg: "text-base leading-5 font-normal leading-5"
|
|
26
|
-
},
|
|
24
|
+
}, l = (b) => /* @__PURE__ */ o.createElement(C, {
|
|
27
25
|
name: b,
|
|
28
26
|
className: "transition-transform duration-200",
|
|
29
|
-
rotation:
|
|
27
|
+
rotation: s,
|
|
30
28
|
onClick: p
|
|
31
29
|
});
|
|
32
30
|
return /* @__PURE__ */ o.createElement("div", {
|
|
33
|
-
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 cursor-pointer ${x[n]}`,
|
|
31
|
+
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]}`,
|
|
34
32
|
style: {
|
|
35
|
-
color:
|
|
36
|
-
backgroundColor:
|
|
37
|
-
textTransform:
|
|
38
|
-
fontWeight:
|
|
33
|
+
color: m,
|
|
34
|
+
backgroundColor: g,
|
|
35
|
+
textTransform: c,
|
|
36
|
+
fontWeight: d
|
|
39
37
|
},
|
|
40
|
-
onClick:
|
|
41
|
-
}, t === "left" && e &&
|
|
38
|
+
onClick: a
|
|
39
|
+
}, t === "left" && e && l(e), /* @__PURE__ */ o.createElement("span", {
|
|
42
40
|
className: `inline-block ${f[n]}`
|
|
43
|
-
},
|
|
41
|
+
}, i), t === "right" && e && l(e));
|
|
44
42
|
};
|
|
45
43
|
export {
|
|
46
44
|
h as LabelChip
|
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
|
|
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 name={icon} className={`transition-transform duration-200`} rotation={iconRotation} onClick={onIconClick} />\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","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,IAACsB,MAAMlB;AAAAA,IAAMmB,WAAW;AAAA,IAAqCC,UAAUlB;AAAAA,IAAcM,SAASC;AAAAA,EAAAA,CAAc;AAInHO,SAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACEE,WAAW,iIAAiIX,IAAU,mBAAmB,EAAE,IAAIE,EAAYH,CAAI,CAAC;AAAA,IAChMc,OAAO;AAAA,MAAEC,OAAOlB;AAAAA,MAAWmB,iBAAiBlB;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;"}
|