shared-design-system 1.11.0 → 1.12.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/src/components/Avatar.d.ts +2 -1
- package/dist/src/components/Avatar.js +39 -21
- package/dist/src/components/Avatar.js.map +1 -1
- package/dist/src/components/Badge.d.ts +3 -2
- package/dist/src/components/Badge.js +51 -25
- package/dist/src/components/Badge.js.map +1 -1
- package/dist/src/components/Card.d.ts +4 -1
- package/dist/src/components/Card.js +43 -18
- package/dist/src/components/Card.js.map +1 -1
- package/dist/src/components/DatePicker.js +55 -8
- package/dist/src/components/DatePicker.js.map +1 -1
- package/dist/src/components/Divider.d.ts +2 -0
- package/dist/src/components/Divider.js +20 -12
- package/dist/src/components/Divider.js.map +1 -1
- package/dist/src/components/InputComponents.d.ts +2 -4
- package/dist/src/components/InputComponents.js +89 -132
- package/dist/src/components/InputComponents.js.map +1 -1
- package/dist/src/components/MultiSelect.d.ts +14 -0
- package/dist/src/components/MultiSelect.js +142 -0
- package/dist/src/components/MultiSelect.js.map +1 -0
- package/dist/src/components/ReadOnlyField.d.ts +2 -1
- package/dist/src/components/ReadOnlyField.js +20 -13
- package/dist/src/components/ReadOnlyField.js.map +1 -1
- package/dist/src/components/Select.d.ts +19 -0
- package/dist/src/components/Select.js +110 -0
- package/dist/src/components/Select.js.map +1 -0
- package/dist/src/components/Stack.d.ts +2 -0
- package/dist/src/components/Stack.js +18 -5
- package/dist/src/components/Stack.js.map +1 -1
- package/dist/src/components/Tag.d.ts +3 -2
- package/dist/src/components/Tag.js +22 -22
- package/dist/src/components/Tag.js.map +1 -1
- package/dist/src/components/Typography.d.ts +2 -2
- package/dist/src/components/Typography.js +16 -8
- package/dist/src/components/Typography.js.map +1 -1
- package/dist/src/index.d.ts +6 -2
- package/dist/src/index.js +3 -1
- package/dist/src/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useState, useRef, useEffect } from 'react';
|
|
3
|
+
import { tokens } from '../tokens';
|
|
4
|
+
const floatingLabelStyle = {
|
|
5
|
+
position: 'absolute',
|
|
6
|
+
top: '-10px',
|
|
7
|
+
left: '14px',
|
|
8
|
+
backgroundColor: 'white',
|
|
9
|
+
padding: '0 6px',
|
|
10
|
+
fontSize: '10px',
|
|
11
|
+
fontWeight: tokens.font.weightBold,
|
|
12
|
+
color: tokens.color.slate400,
|
|
13
|
+
textTransform: 'uppercase',
|
|
14
|
+
letterSpacing: '0.1em',
|
|
15
|
+
zIndex: 10,
|
|
16
|
+
transition: tokens.transition.fast,
|
|
17
|
+
};
|
|
18
|
+
export const Select = ({ label, required, options, value, onChange, placeholder = 'Chọn...', className = '', style = {}, error, leadingIcon, searchable = true }) => {
|
|
19
|
+
const [isOpen, setIsOpen] = useState(false);
|
|
20
|
+
const [searchValue, setSearchValue] = useState('');
|
|
21
|
+
const containerRef = useRef(null);
|
|
22
|
+
// Normalize options to objects
|
|
23
|
+
const normalizedOptions = options.map(opt => typeof opt === 'string' ? { label: opt, value: opt } : opt);
|
|
24
|
+
useEffect(() => {
|
|
25
|
+
const handleClickOutside = (event) => {
|
|
26
|
+
if (containerRef.current && !containerRef.current.contains(event.target)) {
|
|
27
|
+
setIsOpen(false);
|
|
28
|
+
setSearchValue('');
|
|
29
|
+
}
|
|
30
|
+
};
|
|
31
|
+
document.addEventListener('mousedown', handleClickOutside);
|
|
32
|
+
return () => document.removeEventListener('mousedown', handleClickOutside);
|
|
33
|
+
}, []);
|
|
34
|
+
const handleSelectValue = (val) => {
|
|
35
|
+
if (onChange) {
|
|
36
|
+
onChange(val);
|
|
37
|
+
}
|
|
38
|
+
setIsOpen(false);
|
|
39
|
+
setSearchValue('');
|
|
40
|
+
};
|
|
41
|
+
const selectedOption = normalizedOptions.find(opt => opt.value === value);
|
|
42
|
+
const filteredOptions = normalizedOptions.filter(opt => opt.label.toLowerCase().includes(searchValue.toLowerCase()));
|
|
43
|
+
return (_jsxs("div", { ref: containerRef, className: className, style: { position: 'relative', width: '100%', ...style }, children: [label && (_jsxs("label", { style: {
|
|
44
|
+
...floatingLabelStyle,
|
|
45
|
+
color: isOpen ? tokens.color.borderFocus : (error ? tokens.color.danger : tokens.color.slate400),
|
|
46
|
+
left: leadingIcon ? '40px' : '14px'
|
|
47
|
+
}, children: [label, " ", required && _jsx("span", { style: { color: tokens.color.danger }, children: "*" })] })), _jsxs("div", { onClick: () => setIsOpen(!isOpen), style: {
|
|
48
|
+
minHeight: '46px',
|
|
49
|
+
padding: '10px 14px',
|
|
50
|
+
backgroundColor: tokens.color.white,
|
|
51
|
+
border: `1px solid ${error ? tokens.color.danger : (isOpen ? tokens.color.borderFocus : tokens.color.slate200)}`,
|
|
52
|
+
borderRadius: tokens.radius.lg,
|
|
53
|
+
display: 'flex',
|
|
54
|
+
alignItems: 'center',
|
|
55
|
+
gap: '12px',
|
|
56
|
+
cursor: 'pointer',
|
|
57
|
+
transition: tokens.transition.fast,
|
|
58
|
+
boxShadow: isOpen ? '0 0 0 3px rgba(245, 158, 11, 0.1)' : tokens.shadow.sm,
|
|
59
|
+
}, children: [leadingIcon && (_jsx("div", { style: {
|
|
60
|
+
color: isOpen ? tokens.color.primary : tokens.color.slate300,
|
|
61
|
+
display: 'flex',
|
|
62
|
+
alignItems: 'center',
|
|
63
|
+
marginTop: '2px'
|
|
64
|
+
}, children: leadingIcon })), _jsx("div", { style: { flex: 1 }, children: selectedOption ? (_jsx("span", { style: { fontSize: tokens.font.sm, fontWeight: tokens.font.weightBold, color: tokens.color.slate800 }, children: selectedOption.label })) : (_jsx("span", { style: { color: tokens.color.slate400, fontSize: tokens.font.sm, fontWeight: tokens.font.weightMedium }, children: placeholder })) }), _jsx("div", { style: { color: tokens.color.slate300 }, children: _jsx("svg", { style: { width: '18px', height: '18px', transition: tokens.transition.fast, transform: isOpen ? 'rotate(180deg)' : 'none' }, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polyline", { points: "6 9 12 15 18 9" }) }) })] }), isOpen && (_jsxs("div", { style: {
|
|
65
|
+
position: 'absolute',
|
|
66
|
+
top: '100%',
|
|
67
|
+
left: 0,
|
|
68
|
+
right: 0,
|
|
69
|
+
marginTop: '8px',
|
|
70
|
+
backgroundColor: tokens.color.white,
|
|
71
|
+
borderRadius: tokens.radius.xl,
|
|
72
|
+
boxShadow: tokens.shadow.xl,
|
|
73
|
+
border: `1px solid ${tokens.color.slate100}`,
|
|
74
|
+
zIndex: 2000,
|
|
75
|
+
overflow: 'hidden',
|
|
76
|
+
animation: 'reveal 0.2s ease-out'
|
|
77
|
+
}, children: [searchable && (_jsx("div", { style: { padding: '10px 12px', borderBottom: `1px solid ${tokens.color.slate100}` }, children: _jsxs("div", { style: { position: 'relative' }, children: [_jsx("div", { style: { position: 'absolute', left: '10px', top: '50%', transform: 'translateY(-50%)', color: tokens.color.slate300 }, children: _jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("circle", { cx: "11", cy: "11", r: "8" }), _jsx("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })] }) }), _jsx("input", { type: "text", autoFocus: true, value: searchValue, onChange: (e) => setSearchValue(e.target.value), placeholder: "T\u00ECm ki\u1EBFm...", style: {
|
|
78
|
+
width: '100%',
|
|
79
|
+
padding: '8px 12px 8px 32px',
|
|
80
|
+
fontSize: '12px',
|
|
81
|
+
backgroundColor: tokens.color.slate50,
|
|
82
|
+
border: 'none',
|
|
83
|
+
borderRadius: '10px',
|
|
84
|
+
outline: 'none',
|
|
85
|
+
}, onKeyDown: (e) => e.stopPropagation() })] }) })), _jsx("div", { style: { maxHeight: '240px', overflowY: 'auto', padding: '4px' }, children: filteredOptions.length > 0 ? (filteredOptions.map(opt => {
|
|
86
|
+
const isSelected = value === opt.value;
|
|
87
|
+
return (_jsxs("div", { onClick: (e) => {
|
|
88
|
+
e.stopPropagation();
|
|
89
|
+
handleSelectValue(opt.value);
|
|
90
|
+
}, style: {
|
|
91
|
+
padding: '10px 16px',
|
|
92
|
+
fontSize: '13px',
|
|
93
|
+
cursor: 'pointer',
|
|
94
|
+
display: 'flex',
|
|
95
|
+
alignItems: 'center',
|
|
96
|
+
justifyContent: 'space-between',
|
|
97
|
+
borderRadius: '10px',
|
|
98
|
+
backgroundColor: 'transparent',
|
|
99
|
+
transition: tokens.transition.fast,
|
|
100
|
+
fontWeight: isSelected ? tokens.font.weightBold : tokens.font.weightMedium,
|
|
101
|
+
color: isSelected ? tokens.color.primary : tokens.color.slate600,
|
|
102
|
+
}, onMouseEnter: (e) => e.currentTarget.style.backgroundColor = tokens.color.slate50, onMouseLeave: (e) => e.currentTarget.style.backgroundColor = 'transparent', children: [opt.label, isSelected && (_jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: tokens.color.primary, strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polyline", { points: "20 6 9 17 4 12" }) }))] }, opt.value));
|
|
103
|
+
})) : (_jsx("div", { style: { padding: '20px', textAlign: 'center', color: tokens.color.slate400, fontSize: '11px', fontStyle: 'italic' }, children: "Kh\u00F4ng t\u00ECm th\u1EA5y k\u1EBFt qu\u1EA3 ph\u00F9 h\u1EE3p" })) })] })), error && _jsx("p", { style: { fontSize: '11px', color: tokens.color.danger, marginTop: '6px', fontWeight: tokens.font.weightMedium }, children: error }), _jsx("style", { children: `
|
|
104
|
+
@keyframes reveal {
|
|
105
|
+
from { opacity: 0; transform: translateY(-8px); }
|
|
106
|
+
to { opacity: 1; transform: translateY(0); }
|
|
107
|
+
}
|
|
108
|
+
` })] }));
|
|
109
|
+
};
|
|
110
|
+
//# sourceMappingURL=Select.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/Select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,5 +5,7 @@ export interface StackProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
5
5
|
spacing?: keyof typeof tokens.spacing | number;
|
|
6
6
|
align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';
|
|
7
7
|
justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
|
|
8
|
+
divider?: boolean | React.ReactNode;
|
|
9
|
+
wrap?: boolean;
|
|
8
10
|
}
|
|
9
11
|
export declare const Stack: React.FC<StackProps>;
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import React from 'react';
|
|
2
3
|
import { tokens } from '../tokens';
|
|
3
|
-
|
|
4
|
+
import { Divider } from './Divider';
|
|
5
|
+
export const Stack = ({ direction = 'column', spacing = 'md', align = 'stretch', justify = 'start', divider, wrap = false, children, className = '', style = {}, ...props }) => {
|
|
4
6
|
const getSpacing = () => {
|
|
5
7
|
if (typeof spacing === 'number')
|
|
6
8
|
return `${spacing}px`;
|
|
7
|
-
return tokens.spacing[spacing] || tokens.spacing
|
|
9
|
+
return tokens.spacing[spacing] || tokens.spacing['4'];
|
|
8
10
|
};
|
|
9
11
|
const getJustify = () => {
|
|
10
12
|
if (justify === 'between')
|
|
@@ -18,11 +20,22 @@ export const Stack = ({ direction = 'column', spacing = 'md', align = 'stretch',
|
|
|
18
20
|
const baseStyle = {
|
|
19
21
|
display: 'flex',
|
|
20
22
|
flexDirection: direction,
|
|
21
|
-
gap: getSpacing(),
|
|
23
|
+
gap: divider ? 0 : getSpacing(),
|
|
22
24
|
alignItems: align,
|
|
23
25
|
justifyContent: getJustify(),
|
|
26
|
+
flexWrap: wrap ? 'wrap' : 'nowrap',
|
|
24
27
|
...style
|
|
25
28
|
};
|
|
26
|
-
|
|
29
|
+
const renderChildren = () => {
|
|
30
|
+
if (!divider)
|
|
31
|
+
return children;
|
|
32
|
+
const arrayChildren = React.Children.toArray(children);
|
|
33
|
+
return arrayChildren.map((child, index) => (_jsxs(React.Fragment, { children: [child, index < arrayChildren.length - 1 && (typeof divider === 'boolean' ? (_jsx(Divider, { orientation: direction === 'row' || direction === 'row-reverse' ? 'vertical' : 'horizontal', margin: "none", style: {
|
|
34
|
+
margin: direction === 'row' || direction === 'row-reverse'
|
|
35
|
+
? `0 ${getSpacing()}`
|
|
36
|
+
: `${getSpacing()} 0`
|
|
37
|
+
} })) : divider)] }, index)));
|
|
38
|
+
};
|
|
39
|
+
return (_jsx("div", { style: baseStyle, className: className, ...props, children: renderChildren() }));
|
|
27
40
|
};
|
|
28
41
|
//# sourceMappingURL=Stack.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stack.js","sourceRoot":"","sources":["../../../src/components/Stack.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Stack.js","sourceRoot":"","sources":["../../../src/components/Stack.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAWpC,MAAM,CAAC,MAAM,KAAK,GAAyB,CAAC,EAC1C,SAAS,GAAG,QAAQ,EACpB,OAAO,GAAG,IAAI,EACd,KAAK,GAAG,SAAS,EACjB,OAAO,GAAG,OAAO,EACjB,OAAO,EACP,IAAI,GAAG,KAAK,EACZ,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,EAAE,EACV,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,IAAI,OAAO,OAAO,KAAK,QAAQ;YAAE,OAAO,GAAG,OAAO,IAAI,CAAC;QACvD,OAAO,MAAM,CAAC,OAAO,CAAC,OAAiB,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IAClE,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,IAAI,OAAO,KAAK,SAAS;YAAE,OAAO,eAAe,CAAC;QAClD,IAAI,OAAO,KAAK,QAAQ;YAAE,OAAO,cAAc,CAAC;QAChD,IAAI,OAAO,KAAK,QAAQ;YAAE,OAAO,cAAc,CAAC;QAChD,OAAO,OAAO,CAAC;IACjB,CAAC,CAAC;IAEF,MAAM,SAAS,GAAwB;QACrC,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,SAAS;QACxB,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,EAAE;QAC/B,UAAU,EAAE,KAAK;QACjB,cAAc,EAAE,UAAU,EAAE;QAC5B,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;QAClC,GAAG,KAAK;KACT,CAAC;IAEF,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,IAAI,CAAC,OAAO;YAAE,OAAO,QAAQ,CAAC;QAE9B,MAAM,aAAa,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QACvD,OAAO,aAAa,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CACzC,MAAC,KAAK,CAAC,QAAQ,eACZ,KAAK,EACL,KAAK,GAAG,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,CACnC,OAAO,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,CAC7B,KAAC,OAAO,IACN,WAAW,EAAE,SAAS,KAAK,KAAK,IAAI,SAAS,KAAK,aAAa,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,EAC3F,MAAM,EAAC,MAAM,EACb,KAAK,EAAE;wBACL,MAAM,EAAE,SAAS,KAAK,KAAK,IAAI,SAAS,KAAK,aAAa;4BACxD,CAAC,CAAC,KAAK,UAAU,EAAE,EAAE;4BACrB,CAAC,CAAC,GAAG,UAAU,EAAE,IAAI;qBACxB,GACD,CACH,CAAC,CAAC,CAAC,OAAO,CACZ,KAdkB,KAAK,CAeT,CAClB,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,cAAK,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,KAAM,KAAK,YACnD,cAAc,EAAE,GACb,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
export interface TagProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
3
|
-
color?: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'slate';
|
|
4
|
-
variant?: '
|
|
3
|
+
color?: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'slate' | 'premium';
|
|
4
|
+
variant?: 'subtle' | 'solid' | 'outline' | 'gradient';
|
|
5
|
+
size?: 'sm' | 'md';
|
|
5
6
|
onClose?: () => void;
|
|
6
7
|
}
|
|
7
8
|
export declare const Tag: React.FC<TagProps>;
|
|
@@ -1,43 +1,43 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { tokens } from '../tokens';
|
|
3
|
-
export const Tag = ({ children, color = 'slate', variant = '
|
|
3
|
+
export const Tag = ({ children, color = 'slate', variant = 'subtle', size = 'md', className = '', style = {}, onClose, ...props }) => {
|
|
4
4
|
const getColorScheme = () => {
|
|
5
5
|
switch (color) {
|
|
6
|
-
case 'primary': return { bg: tokens.color.primary, text: '#ffffff', lightBg: tokens.color.primaryLight, lightText: tokens.color.primary };
|
|
7
|
-
case 'success': return { bg: tokens.color.success, text: '#ffffff', lightBg: tokens.color.successBg, lightText: tokens.color.success };
|
|
8
|
-
case 'warning': return { bg: tokens.color.warning, text: '#ffffff', lightBg: tokens.color.warningBg, lightText: tokens.color.warning };
|
|
9
|
-
case 'danger': return { bg: tokens.color.danger, text: '#ffffff', lightBg: tokens.color.dangerBg, lightText: tokens.color.danger };
|
|
10
|
-
case 'info': return { bg: tokens.color.info, text: '#ffffff', lightBg: tokens.color.infoBg, lightText: tokens.color.info };
|
|
6
|
+
case 'primary': return { bg: tokens.color.primary, text: '#ffffff', lightBg: tokens.color.primaryLight, lightText: tokens.color.primary, border: 'rgba(37, 99, 235, 0.15)' };
|
|
7
|
+
case 'success': return { bg: tokens.color.success, text: '#ffffff', lightBg: tokens.color.successBg, lightText: tokens.color.success, border: 'rgba(5, 150, 105, 0.15)' };
|
|
8
|
+
case 'warning': return { bg: tokens.color.warning, text: '#ffffff', lightBg: tokens.color.warningBg, lightText: tokens.color.warning, border: 'rgba(245, 158, 11, 0.15)' };
|
|
9
|
+
case 'danger': return { bg: tokens.color.danger, text: '#ffffff', lightBg: tokens.color.dangerBg, lightText: tokens.color.danger, border: 'rgba(220, 38, 38, 0.15)' };
|
|
10
|
+
case 'info': return { bg: tokens.color.info, text: '#ffffff', lightBg: tokens.color.infoBg, lightText: tokens.color.info, border: 'rgba(59, 130, 246, 0.15)' };
|
|
11
|
+
case 'premium': return { bg: 'linear-gradient(135deg, #8b5cf6 0%, #d946ef 100%)', text: '#ffffff', lightBg: '#f5f3ff', lightText: '#7c3aed', border: '#ddd6fe' };
|
|
11
12
|
case 'slate':
|
|
12
|
-
default: return { bg: tokens.color.
|
|
13
|
+
default: return { bg: tokens.color.slate700, text: '#ffffff', lightBg: tokens.color.slate100, lightText: tokens.color.slate700, border: 'rgba(100, 116, 139, 0.1)' };
|
|
13
14
|
}
|
|
14
15
|
};
|
|
15
16
|
const c = getColorScheme();
|
|
16
17
|
const baseStyle = {
|
|
17
18
|
display: 'inline-flex',
|
|
18
19
|
alignItems: 'center',
|
|
19
|
-
gap: tokens.spacing[1],
|
|
20
|
-
padding: `
|
|
21
|
-
borderRadius: tokens.radius.
|
|
22
|
-
fontSize: '11px',
|
|
20
|
+
gap: tokens.spacing[1.5],
|
|
21
|
+
padding: size === 'sm' ? '1px 8px' : `3px ${tokens.spacing[3]}`,
|
|
22
|
+
borderRadius: tokens.radius.md,
|
|
23
|
+
fontSize: size === 'sm' ? '10px' : '11px',
|
|
23
24
|
fontWeight: tokens.font.weightBold,
|
|
24
|
-
backgroundColor: variant === 'solid' ? c.bg : c.lightBg,
|
|
25
|
-
color: variant === 'solid' ? c.text : c.lightText,
|
|
26
|
-
border: variant === 'outline' ?
|
|
25
|
+
backgroundColor: variant === 'solid' || variant === 'gradient' ? c.bg : (variant === 'subtle' ? c.lightBg : 'transparent'),
|
|
26
|
+
color: variant === 'solid' || variant === 'gradient' ? c.text : c.lightText,
|
|
27
|
+
border: `1px solid ${variant === 'outline' ? c.lightText : (variant === 'subtle' ? c.border : 'transparent')}`,
|
|
27
28
|
transition: tokens.transition.fast,
|
|
28
29
|
userSelect: 'none',
|
|
30
|
+
whiteSpace: 'nowrap',
|
|
29
31
|
...style
|
|
30
32
|
};
|
|
31
|
-
if (variant === 'outline') {
|
|
32
|
-
baseStyle.backgroundColor = 'transparent';
|
|
33
|
-
baseStyle.color = c.lightText;
|
|
34
|
-
}
|
|
35
33
|
return (_jsxs("span", { style: baseStyle, className: className, ...props, children: [children, onClose && (_jsx("span", { onClick: (e) => { e.stopPropagation(); onClose(); }, style: {
|
|
36
34
|
cursor: 'pointer',
|
|
37
|
-
marginLeft: '
|
|
35
|
+
marginLeft: '4px',
|
|
38
36
|
display: 'inline-flex',
|
|
39
|
-
opacity: 0.
|
|
40
|
-
transition: 'opacity 0.2s'
|
|
41
|
-
|
|
37
|
+
opacity: 0.6,
|
|
38
|
+
transition: 'opacity 0.2s',
|
|
39
|
+
borderRadius: '50%',
|
|
40
|
+
padding: '1px'
|
|
41
|
+
}, onMouseEnter: (e) => e.currentTarget.style.opacity = '1', onMouseLeave: (e) => e.currentTarget.style.opacity = '0.6', children: _jsx("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", children: _jsx("path", { d: "M18 6L6 18M6 6l12 12" }) }) }))] }));
|
|
42
42
|
};
|
|
43
43
|
//# sourceMappingURL=Tag.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/components/Tag.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/components/Tag.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { tokens } from '../tokens';
|
|
3
3
|
export interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
|
|
4
|
-
level?: 1 | 2 | 3 | 4;
|
|
4
|
+
level?: 1 | 2 | 3 | 4 | 5 | 6;
|
|
5
5
|
}
|
|
6
6
|
export declare const Heading: React.FC<HeadingProps>;
|
|
7
7
|
export interface TextProps extends React.HTMLAttributes<HTMLParagraphElement> {
|
|
8
8
|
size?: keyof typeof tokens.font;
|
|
9
9
|
weight?: 'normal' | 'medium' | 'semibold' | 'bold';
|
|
10
|
-
color?: keyof typeof tokens.color | 'default' | 'muted' | 'disabled' | 'primary' | 'danger';
|
|
10
|
+
color?: keyof typeof tokens.color | 'default' | 'muted' | 'disabled' | 'primary' | 'danger' | 'success' | 'warning' | 'info';
|
|
11
11
|
}
|
|
12
12
|
export declare const Text: React.FC<TextProps>;
|
|
13
13
|
export interface SectionHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
@@ -8,6 +8,8 @@ export const Heading = ({ level = 2, children, className = '', style = {}, ...pr
|
|
|
8
8
|
case 2: return tokens.font.xl;
|
|
9
9
|
case 3: return tokens.font.lg;
|
|
10
10
|
case 4: return tokens.font.md;
|
|
11
|
+
case 5: return tokens.font.base;
|
|
12
|
+
case 6: return tokens.font.sm;
|
|
11
13
|
default: return tokens.font.base;
|
|
12
14
|
}
|
|
13
15
|
};
|
|
@@ -17,7 +19,8 @@ export const Heading = ({ level = 2, children, className = '', style = {}, ...pr
|
|
|
17
19
|
color: tokens.color.text,
|
|
18
20
|
fontSize: getFontSize(),
|
|
19
21
|
margin: 0,
|
|
20
|
-
lineHeight: 1.
|
|
22
|
+
lineHeight: 1.25,
|
|
23
|
+
letterSpacing: '-0.02em',
|
|
21
24
|
...style
|
|
22
25
|
};
|
|
23
26
|
const tag = `h${level}`;
|
|
@@ -45,6 +48,12 @@ export const Text = ({ size = 'base', weight = 'normal', color = 'default', chil
|
|
|
45
48
|
return tokens.color.primary;
|
|
46
49
|
if (color === 'danger')
|
|
47
50
|
return tokens.color.danger;
|
|
51
|
+
if (color === 'success')
|
|
52
|
+
return tokens.color.success;
|
|
53
|
+
if (color === 'warning')
|
|
54
|
+
return tokens.color.warning;
|
|
55
|
+
if (color === 'info')
|
|
56
|
+
return tokens.color.info;
|
|
48
57
|
return tokens.color.text;
|
|
49
58
|
};
|
|
50
59
|
const baseStyle = {
|
|
@@ -53,18 +62,17 @@ export const Text = ({ size = 'base', weight = 'normal', color = 'default', chil
|
|
|
53
62
|
fontWeight: getWeight(),
|
|
54
63
|
color: getColor(),
|
|
55
64
|
margin: 0,
|
|
56
|
-
lineHeight: 1.
|
|
65
|
+
lineHeight: 1.6,
|
|
57
66
|
...style
|
|
58
67
|
};
|
|
59
68
|
return _jsx("p", { style: baseStyle, className: className, ...props, children: children });
|
|
60
69
|
};
|
|
61
|
-
export const SectionHeader = ({ title, className = '', style = {} }) => (_jsxs("div", { style: { display: 'flex', alignItems: 'center', margin: `${tokens.spacing[6]} 0`, ...style }, className: className, children: [_jsx("h4", { style: {
|
|
62
|
-
fontSize: tokens.font.
|
|
70
|
+
export const SectionHeader = ({ title, className = '', style = {} }) => (_jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: tokens.spacing[4], margin: `${tokens.spacing[6]} 0`, ...style }, className: className, children: [_jsx("div", { style: { width: '4px', height: '18px', backgroundColor: tokens.color.primary, borderRadius: '2px' } }), _jsx("h4", { style: {
|
|
71
|
+
fontSize: tokens.font.xs,
|
|
63
72
|
fontWeight: tokens.font.weightBold,
|
|
64
|
-
color: tokens.color.
|
|
73
|
+
color: tokens.color.slate700,
|
|
65
74
|
textTransform: 'uppercase',
|
|
66
|
-
letterSpacing: '0.
|
|
67
|
-
marginRight: tokens.spacing[4],
|
|
75
|
+
letterSpacing: '0.12em',
|
|
68
76
|
margin: 0,
|
|
69
|
-
}, children: title }), _jsx("div", { style: { flex: 1, height: '1px', backgroundColor: tokens.color.
|
|
77
|
+
}, children: title }), _jsx("div", { style: { flex: 1, height: '1px', backgroundColor: tokens.color.slate100 } })] }));
|
|
70
78
|
//# sourceMappingURL=Typography.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Typography.js","sourceRoot":"","sources":["../../../src/components/Typography.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAMnC,MAAM,CAAC,MAAM,OAAO,GAA2B,CAAC,EAC9C,KAAK,GAAG,CAAC,EACT,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,EAAE,EACV,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,QAAO,KAAK,EAAE,CAAC;YACb,KAAK,CAAC,CAAC,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAClC,KAAK,CAAC,CAAC,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;YAC9B,KAAK,CAAC,CAAC,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;YAC9B,KAAK,CAAC,CAAC,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;YAC9B,OAAO,CAAC,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;QACnC,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,SAAS,GAAwB;QACrC,UAAU,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM;QAC9B,UAAU,EAAE,MAAM,CAAC,IAAI,CAAC,UAAU;QAClC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI;QACxB,QAAQ,EAAE,WAAW,EAAE;QACvB,MAAM,EAAE,CAAC;QACT,UAAU,EAAE,
|
|
1
|
+
{"version":3,"file":"Typography.js","sourceRoot":"","sources":["../../../src/components/Typography.tsx"],"names":[],"mappings":"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"}
|
package/dist/src/index.d.ts
CHANGED
|
@@ -6,9 +6,13 @@ export { Badge } from './components/Badge';
|
|
|
6
6
|
export type { BadgeProps } from './components/Badge';
|
|
7
7
|
export { Card } from './components/Card';
|
|
8
8
|
export type { CardProps } from './components/Card';
|
|
9
|
-
export { Input, Textarea,
|
|
9
|
+
export { Input, Textarea, Checkbox, NativeSelect } from './components/InputComponents';
|
|
10
10
|
export { DatePicker } from './components/DatePicker';
|
|
11
|
-
export
|
|
11
|
+
export { MultiSelect } from './components/MultiSelect';
|
|
12
|
+
export { Select } from './components/Select';
|
|
13
|
+
export type { InputProps, TextareaProps, CheckboxProps, NativeSelectProps } from './components/InputComponents';
|
|
14
|
+
export type { MultiSelectProps } from './components/MultiSelect';
|
|
15
|
+
export type { SelectProps, SelectOption } from './components/Select';
|
|
12
16
|
export { Heading, Text, SectionHeader } from './components/Typography';
|
|
13
17
|
export type { HeadingProps, TextProps, SectionHeaderProps } from './components/Typography';
|
|
14
18
|
export { LoadingSpinner } from './components/LoadingSpinner';
|
package/dist/src/index.js
CHANGED
|
@@ -3,8 +3,10 @@ export { Button } from './components/Button';
|
|
|
3
3
|
export { ConfirmModal } from './components/ConfirmModal';
|
|
4
4
|
export { Badge } from './components/Badge';
|
|
5
5
|
export { Card } from './components/Card';
|
|
6
|
-
export { Input, Textarea,
|
|
6
|
+
export { Input, Textarea, Checkbox, NativeSelect } from './components/InputComponents';
|
|
7
7
|
export { DatePicker } from './components/DatePicker';
|
|
8
|
+
export { MultiSelect } from './components/MultiSelect';
|
|
9
|
+
export { Select } from './components/Select';
|
|
8
10
|
export { Heading, Text, SectionHeader } from './components/Typography';
|
|
9
11
|
export { LoadingSpinner } from './components/LoadingSpinner';
|
|
10
12
|
export { ReadOnlyField } from './components/ReadOnlyField';
|
package/dist/src/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGzD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAG3C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAGzC,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGzD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAG3C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAGzC,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AACvF,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAK7C,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAGvE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAG7D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAG3D,iFAAiF;AACjF,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAG9C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAGvD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAG/C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAG/C,iFAAiF;AACjF,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAG3C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAG3C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAGvC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAG7D,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAGrF,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGvD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAG3C,iFAAiF;AACjF,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}
|