shared-design-system 1.21.0 → 1.23.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/Alert.d.ts +1 -1
- package/dist/src/components/Alert.js +34 -20
- package/dist/src/components/Alert.js.map +1 -1
- package/dist/src/components/Avatar.d.ts +7 -2
- package/dist/src/components/Avatar.js +15 -12
- package/dist/src/components/Avatar.js.map +1 -1
- package/dist/src/components/Badge.d.ts +1 -1
- package/dist/src/components/Badge.js +113 -89
- package/dist/src/components/Badge.js.map +1 -1
- package/dist/src/components/Breadcrumbs.d.ts +1 -1
- package/dist/src/components/Breadcrumbs.js +7 -9
- package/dist/src/components/Breadcrumbs.js.map +1 -1
- package/dist/src/components/Button.d.ts +1 -1
- package/dist/src/components/Button.js +6 -4
- package/dist/src/components/Button.js.map +1 -1
- package/dist/src/components/ConfigProvider.d.ts +17 -0
- package/dist/src/components/ConfigProvider.js +54 -0
- package/dist/src/components/ConfigProvider.js.map +1 -0
- package/dist/src/components/ConfirmModal.d.ts +1 -1
- package/dist/src/components/ConfirmModal.js +82 -72
- package/dist/src/components/ConfirmModal.js.map +1 -1
- package/dist/src/components/DatePicker.d.ts +1 -1
- package/dist/src/components/DatePicker.js +33 -10
- package/dist/src/components/DatePicker.js.map +1 -1
- package/dist/src/components/Descriptions.d.ts +15 -0
- package/dist/src/components/Descriptions.js +44 -0
- package/dist/src/components/Descriptions.js.map +1 -0
- package/dist/src/components/Divider.d.ts +1 -1
- package/dist/src/components/Divider.js +21 -16
- package/dist/src/components/Divider.js.map +1 -1
- package/dist/src/components/Drawer.d.ts +1 -1
- package/dist/src/components/Drawer.js +81 -68
- package/dist/src/components/Drawer.js.map +1 -1
- package/dist/src/components/Dropdown.d.ts +17 -0
- package/dist/src/components/Dropdown.js +129 -0
- package/dist/src/components/Dropdown.js.map +1 -0
- package/dist/src/components/InputComponents.d.ts +4 -4
- package/dist/src/components/InputComponents.js +57 -26
- package/dist/src/components/InputComponents.js.map +1 -1
- package/dist/src/components/ListComponents.d.ts +4 -2
- package/dist/src/components/ListComponents.js +36 -15
- package/dist/src/components/ListComponents.js.map +1 -1
- package/dist/src/components/Modal.d.ts +1 -1
- package/dist/src/components/Modal.js +90 -77
- package/dist/src/components/Modal.js.map +1 -1
- package/dist/src/components/MultiSelect.d.ts +1 -1
- package/dist/src/components/MultiSelect.js +65 -20
- package/dist/src/components/MultiSelect.js.map +1 -1
- package/dist/src/components/Popconfirm.d.ts +12 -0
- package/dist/src/components/Popconfirm.js +24 -0
- package/dist/src/components/Popconfirm.js.map +1 -0
- package/dist/src/components/Popover.d.ts +10 -0
- package/dist/src/components/Popover.js +108 -0
- package/dist/src/components/Popover.js.map +1 -0
- package/dist/src/components/Portal.d.ts +11 -0
- package/dist/src/components/Portal.js +30 -0
- package/dist/src/components/Portal.js.map +1 -0
- package/dist/src/components/Radio.d.ts +5 -2
- package/dist/src/components/Radio.js +10 -6
- package/dist/src/components/Radio.js.map +1 -1
- package/dist/src/components/Result.d.ts +9 -0
- package/dist/src/components/Result.js +52 -0
- package/dist/src/components/Result.js.map +1 -0
- package/dist/src/components/Select.d.ts +1 -1
- package/dist/src/components/Select.js +70 -19
- package/dist/src/components/Select.js.map +1 -1
- package/dist/src/components/Skeleton.d.ts +1 -1
- package/dist/src/components/Skeleton.js +10 -7
- package/dist/src/components/Skeleton.js.map +1 -1
- package/dist/src/components/Steps.d.ts +1 -1
- package/dist/src/components/Steps.js +17 -14
- package/dist/src/components/Steps.js.map +1 -1
- package/dist/src/components/Switch.d.ts +1 -1
- package/dist/src/components/Switch.js +6 -6
- package/dist/src/components/Switch.js.map +1 -1
- package/dist/src/components/Table.d.ts +20 -7
- package/dist/src/components/Table.js +140 -113
- package/dist/src/components/Table.js.map +1 -1
- package/dist/src/components/Tabs.d.ts +4 -2
- package/dist/src/components/Tabs.js +15 -10
- package/dist/src/components/Tabs.js.map +1 -1
- package/dist/src/components/Tag.d.ts +1 -1
- package/dist/src/components/Tag.js +17 -8
- package/dist/src/components/Tag.js.map +1 -1
- package/dist/src/components/Timeline.d.ts +13 -0
- package/dist/src/components/Timeline.js +35 -0
- package/dist/src/components/Timeline.js.map +1 -0
- package/dist/src/components/Tooltip.d.ts +1 -1
- package/dist/src/components/Tooltip.js +17 -10
- package/dist/src/components/Tooltip.js.map +1 -1
- package/dist/src/components/Typography.d.ts +5 -5
- package/dist/src/components/Typography.js +38 -23
- package/dist/src/components/Typography.js.map +1 -1
- package/dist/src/index.d.ts +19 -4
- package/dist/src/index.js +12 -5
- package/dist/src/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface TimelineItem {
|
|
3
|
+
label?: React.ReactNode;
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
dot?: React.ReactNode;
|
|
6
|
+
color?: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'gray';
|
|
7
|
+
}
|
|
8
|
+
export interface TimelineProps {
|
|
9
|
+
items: TimelineItem[];
|
|
10
|
+
mode?: 'left' | 'alternate';
|
|
11
|
+
}
|
|
12
|
+
export declare const Timeline: any;
|
|
13
|
+
export declare const TimelineItem: React.FC<TimelineItem>;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { tokens } from '../tokens';
|
|
4
|
+
export const Timeline = React.forwardRef(({ items, mode = 'left' }, ref) => {
|
|
5
|
+
return (_jsx("div", { ref: ref, style: { display: 'flex', flexDirection: 'column' }, className: "ds-timeline", children: items.map((item, index) => (_jsxs("div", { style: {
|
|
6
|
+
display: 'flex',
|
|
7
|
+
gap: tokens.spacing[4],
|
|
8
|
+
position: 'relative',
|
|
9
|
+
paddingBottom: index === items.length - 1 ? 0 : tokens.spacing[8],
|
|
10
|
+
}, children: [item.label && (_jsx("div", { style: {
|
|
11
|
+
width: '100px',
|
|
12
|
+
textAlign: 'right',
|
|
13
|
+
fontSize: '12px',
|
|
14
|
+
color: tokens.color.slate400,
|
|
15
|
+
paddingTop: '2px',
|
|
16
|
+
}, children: item.label })), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'center', position: 'relative' }, children: [_jsx("div", { style: {
|
|
17
|
+
width: '12px',
|
|
18
|
+
height: '12px',
|
|
19
|
+
borderRadius: '50%',
|
|
20
|
+
border: `2px solid ${tokens.color[item.color || 'primary'] || tokens.color.primary}`,
|
|
21
|
+
backgroundColor: tokens.color.white,
|
|
22
|
+
zIndex: 1,
|
|
23
|
+
marginTop: '4px',
|
|
24
|
+
}, children: item.dot }), index < items.length - 1 && (_jsx("div", { style: {
|
|
25
|
+
position: 'absolute',
|
|
26
|
+
top: '16px',
|
|
27
|
+
bottom: '-2px',
|
|
28
|
+
width: '2px',
|
|
29
|
+
backgroundColor: tokens.color.slate100,
|
|
30
|
+
} }))] }), _jsx("div", { style: { flex: 1, paddingTop: '1px' }, children: _jsx("div", { style: { fontSize: tokens.font.sm, color: tokens.color.slate700 }, children: item.children }) })] }, index))) }));
|
|
31
|
+
});
|
|
32
|
+
Timeline.displayName = 'Timeline';
|
|
33
|
+
export const TimelineItem = ({ children }) => _jsx(_Fragment, { children: children });
|
|
34
|
+
Timeline.Item = TimelineItem;
|
|
35
|
+
//# sourceMappingURL=Timeline.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Timeline.js","sourceRoot":"","sources":["../../../src/components/Timeline.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAcnC,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CACtC,CAAC,EAAE,KAAK,EAAE,IAAI,GAAG,MAAM,EAAE,EAAE,GAAG,EAAE,EAAE;IAChC,OAAO,CACL,cAAK,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE,SAAS,EAAC,aAAa,YACxF,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,eAEE,KAAK,EAAE;gBACL,OAAO,EAAE,MAAM;gBACf,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;gBACtB,QAAQ,EAAE,UAAU;gBACpB,aAAa,EAAE,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;aAClE,aAGA,IAAI,CAAC,KAAK,IAAI,CACb,cACE,KAAK,EAAE;wBACL,KAAK,EAAE,OAAO;wBACd,SAAS,EAAE,OAAO;wBAClB,QAAQ,EAAE,MAAM;wBAChB,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ;wBAC5B,UAAU,EAAE,KAAK;qBAClB,YAEA,IAAI,CAAC,KAAK,GACP,CACP,EAGD,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,aAClG,cACE,KAAK,EAAE;gCACL,KAAK,EAAE,MAAM;gCACb,MAAM,EAAE,MAAM;gCACd,YAAY,EAAE,KAAK;gCACnB,MAAM,EAAE,aACL,MAAM,CAAC,KAAa,CAAC,IAAI,CAAC,KAAK,IAAI,SAAS,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,OACjE,EAAE;gCACF,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK;gCACnC,MAAM,EAAE,CAAC;gCACT,SAAS,EAAE,KAAK;6BACjB,YAEA,IAAI,CAAC,GAAG,GACL,EACL,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CAC3B,cACE,KAAK,EAAE;gCACL,QAAQ,EAAE,UAAU;gCACpB,GAAG,EAAE,MAAM;gCACX,MAAM,EAAE,MAAM;gCACd,KAAK,EAAE,KAAK;gCACZ,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ;6BACvC,GACD,CACH,IACG,EAGN,cAAK,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,YACxC,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ,EAAE,YACnE,IAAI,CAAC,QAAQ,GACV,GACF,KA1DD,KAAK,CA2DN,CACP,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CACK,CAAC;AAET,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,MAAM,CAAC,MAAM,YAAY,GAA2B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,4BAAG,QAAQ,GAAI,CAAC;AACtF,QAAQ,CAAC,IAAI,GAAG,YAAY,CAAC"}
|
|
@@ -6,4 +6,4 @@ export interface TooltipProps extends Omit<React.HTMLAttributes<HTMLDivElement>,
|
|
|
6
6
|
maxWidth?: string;
|
|
7
7
|
arrow?: boolean;
|
|
8
8
|
}
|
|
9
|
-
export declare const Tooltip: React.
|
|
9
|
+
export declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useState, useRef, useEffect } from 'react';
|
|
2
|
+
import React, { useState, useRef, useEffect } from 'react';
|
|
3
3
|
import { tokens } from '../tokens';
|
|
4
4
|
const ARROW_STYLES = {
|
|
5
5
|
top: {
|
|
@@ -41,7 +41,7 @@ const POSITION_STYLES = {
|
|
|
41
41
|
left: { top: '50%', right: 'calc(100% + 8px)', transform: 'translateY(-50%)' },
|
|
42
42
|
right: { top: '50%', left: 'calc(100% + 8px)', transform: 'translateY(-50%)' },
|
|
43
43
|
};
|
|
44
|
-
export const Tooltip = ({ children, title, position = 'top', delay = 120, maxWidth = '240px', arrow = true, className = '', style = {}, ...props }) => {
|
|
44
|
+
export const Tooltip = React.forwardRef(({ children, title, position = 'top', delay = 120, maxWidth = '240px', arrow = true, className = '', style = {}, ...props }, ref) => {
|
|
45
45
|
const [visible, setVisible] = useState(false);
|
|
46
46
|
const timerRef = useRef(null);
|
|
47
47
|
const show = () => {
|
|
@@ -52,13 +52,15 @@ export const Tooltip = ({ children, title, position = 'top', delay = 120, maxWid
|
|
|
52
52
|
clearTimeout(timerRef.current);
|
|
53
53
|
setVisible(false);
|
|
54
54
|
};
|
|
55
|
-
useEffect(() =>
|
|
56
|
-
|
|
57
|
-
|
|
55
|
+
useEffect(() => {
|
|
56
|
+
return () => {
|
|
57
|
+
if (timerRef.current)
|
|
58
|
+
clearTimeout(timerRef.current);
|
|
59
|
+
};
|
|
58
60
|
}, []);
|
|
59
61
|
if (!title)
|
|
60
62
|
return _jsx(_Fragment, { children: children });
|
|
61
|
-
return (_jsxs("div", { style: { position: 'relative', display: 'inline-flex', ...style }, className: `ds-tooltip-wrapper ${className}`, onMouseEnter: show, onMouseLeave: hide, onFocus: show, onBlur: hide, ...props, children: [children, _jsxs("div", { role: "tooltip", style: {
|
|
63
|
+
return (_jsxs("div", { ref: ref, style: { position: 'relative', display: 'inline-flex', ...style }, className: `ds-tooltip-wrapper ${className}`, onMouseEnter: show, onMouseLeave: hide, onFocus: show, onBlur: hide, ...props, children: [children, _jsxs("div", { role: "tooltip", "aria-hidden": !visible, style: {
|
|
62
64
|
position: 'absolute',
|
|
63
65
|
...POSITION_STYLES[position],
|
|
64
66
|
backgroundColor: tokens.color.slate800,
|
|
@@ -77,9 +79,13 @@ export const Tooltip = ({ children, title, position = 'top', delay = 120, maxWid
|
|
|
77
79
|
opacity: visible ? 1 : 0,
|
|
78
80
|
visibility: visible ? 'visible' : 'hidden',
|
|
79
81
|
transform: `${POSITION_STYLES[position].transform || ''} ${!visible
|
|
80
|
-
? position === 'top'
|
|
81
|
-
|
|
82
|
-
|
|
82
|
+
? position === 'top'
|
|
83
|
+
? 'translateY(4px)'
|
|
84
|
+
: position === 'bottom'
|
|
85
|
+
? 'translateY(-4px)'
|
|
86
|
+
: position === 'left'
|
|
87
|
+
? 'translateX(4px)'
|
|
88
|
+
: 'translateX(-4px)'
|
|
83
89
|
: ''}`,
|
|
84
90
|
transition: 'opacity 0.15s ease, visibility 0.15s ease, transform 0.15s ease',
|
|
85
91
|
boxShadow: `${tokens.shadow.lg}, 0 0 0 1px rgba(0,0,0,0.05)`,
|
|
@@ -90,5 +96,6 @@ export const Tooltip = ({ children, title, position = 'top', delay = 120, maxWid
|
|
|
90
96
|
height: 0,
|
|
91
97
|
...ARROW_STYLES[position],
|
|
92
98
|
} }))] })] }));
|
|
93
|
-
};
|
|
99
|
+
});
|
|
100
|
+
Tooltip.displayName = 'Tooltip';
|
|
94
101
|
//# sourceMappingURL=Tooltip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/Tooltip.tsx"],"names":[],"mappings":";AAAA,
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/Tooltip.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,7 +4,7 @@ export interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
|
|
|
4
4
|
level?: 1 | 2 | 3 | 4 | 5 | 6;
|
|
5
5
|
gradient?: boolean;
|
|
6
6
|
}
|
|
7
|
-
export declare const Heading: React.
|
|
7
|
+
export declare const Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
|
|
8
8
|
type TextColor = keyof typeof tokens.color | 'default' | 'muted' | 'disabled' | 'primary' | 'danger' | 'success' | 'warning' | 'info';
|
|
9
9
|
export interface TextProps extends React.HTMLAttributes<HTMLParagraphElement> {
|
|
10
10
|
size?: keyof typeof tokens.font;
|
|
@@ -13,17 +13,17 @@ export interface TextProps extends React.HTMLAttributes<HTMLParagraphElement> {
|
|
|
13
13
|
truncate?: boolean;
|
|
14
14
|
as?: 'p' | 'span' | 'div' | 'li';
|
|
15
15
|
}
|
|
16
|
-
export declare const Text: React.
|
|
16
|
+
export declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLParagraphElement>>;
|
|
17
17
|
export interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
|
|
18
18
|
required?: boolean;
|
|
19
19
|
}
|
|
20
|
-
export declare const Label: React.
|
|
20
|
+
export declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;
|
|
21
21
|
export interface CaptionProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
22
22
|
}
|
|
23
|
-
export declare const Caption: React.
|
|
23
|
+
export declare const Caption: React.ForwardRefExoticComponent<CaptionProps & React.RefAttributes<HTMLSpanElement>>;
|
|
24
24
|
export interface SectionHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
25
25
|
title: string;
|
|
26
26
|
description?: string;
|
|
27
27
|
}
|
|
28
|
-
export declare const SectionHeader: React.
|
|
28
|
+
export declare const SectionHeader: React.ForwardRefExoticComponent<SectionHeaderProps & React.RefAttributes<HTMLDivElement>>;
|
|
29
29
|
export {};
|
|
@@ -25,7 +25,7 @@ const HEADING_LETTER_SPACING = {
|
|
|
25
25
|
5: '-0.01em',
|
|
26
26
|
6: '0',
|
|
27
27
|
};
|
|
28
|
-
export const Heading = ({ level = 2, children, className = '', style = {}, gradient = false, ...props }) => {
|
|
28
|
+
export const Heading = React.forwardRef(({ level = 2, children, className = '', style = {}, gradient = false, ...props }, ref) => {
|
|
29
29
|
const baseStyle = {
|
|
30
30
|
fontFamily: tokens.font.family,
|
|
31
31
|
fontWeight: tokens.font.weightBold,
|
|
@@ -34,17 +34,20 @@ export const Heading = ({ level = 2, children, className = '', style = {}, gradi
|
|
|
34
34
|
margin: 0,
|
|
35
35
|
lineHeight: HEADING_LINE_HEIGHTS[level] || 1.25,
|
|
36
36
|
letterSpacing: HEADING_LETTER_SPACING[level] || '-0.02em',
|
|
37
|
-
...(gradient
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
37
|
+
...(gradient
|
|
38
|
+
? {
|
|
39
|
+
background: `linear-gradient(135deg, ${tokens.color.slate800} 0%, ${tokens.color.slate600} 100%)`,
|
|
40
|
+
WebkitBackgroundClip: 'text',
|
|
41
|
+
WebkitTextFillColor: 'transparent',
|
|
42
|
+
backgroundClip: 'text',
|
|
43
|
+
}
|
|
44
|
+
: {}),
|
|
43
45
|
...style,
|
|
44
46
|
};
|
|
45
47
|
const tag = `h${level}`;
|
|
46
|
-
return React.createElement(tag, { style: baseStyle, className: `ds-heading ${className}`, ...props }, children);
|
|
47
|
-
};
|
|
48
|
+
return React.createElement(tag, { ref, style: baseStyle, className: `ds-heading ${className}`, ...props }, children);
|
|
49
|
+
});
|
|
50
|
+
Heading.displayName = 'Heading';
|
|
48
51
|
const COLOR_MAP = {
|
|
49
52
|
muted: tokens.color.textMuted,
|
|
50
53
|
disabled: tokens.color.textDisabled,
|
|
@@ -61,7 +64,7 @@ const WEIGHT_MAP = {
|
|
|
61
64
|
semibold: tokens.font.weightSemibold,
|
|
62
65
|
bold: tokens.font.weightBold,
|
|
63
66
|
};
|
|
64
|
-
export const Text = ({ size = 'base', weight = 'normal', color = 'default', truncate = false, as: Tag = 'p', children, className = '', style = {}, ...props }) => {
|
|
67
|
+
export const Text = React.forwardRef(({ size = 'base', weight = 'normal', color = 'default', truncate = false, as: Tag = 'p', children, className = '', style = {}, ...props }, ref) => {
|
|
65
68
|
const resolvedColor = COLOR_MAP[color] ||
|
|
66
69
|
tokens.color[color] ||
|
|
67
70
|
tokens.color.text;
|
|
@@ -72,16 +75,19 @@ export const Text = ({ size = 'base', weight = 'normal', color = 'default', trun
|
|
|
72
75
|
color: resolvedColor,
|
|
73
76
|
margin: 0,
|
|
74
77
|
lineHeight: 1.65,
|
|
75
|
-
...(truncate
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
78
|
+
...(truncate
|
|
79
|
+
? {
|
|
80
|
+
whiteSpace: 'nowrap',
|
|
81
|
+
overflow: 'hidden',
|
|
82
|
+
textOverflow: 'ellipsis',
|
|
83
|
+
}
|
|
84
|
+
: {}),
|
|
80
85
|
...style,
|
|
81
86
|
};
|
|
82
|
-
return React.createElement(Tag, { style: baseStyle, className: `ds-text ${className}`, ...props }, children);
|
|
83
|
-
};
|
|
84
|
-
|
|
87
|
+
return React.createElement(Tag, { ref, style: baseStyle, className: `ds-text ${className}`, ...props }, children);
|
|
88
|
+
});
|
|
89
|
+
Text.displayName = 'Text';
|
|
90
|
+
export const Label = React.forwardRef(({ children, required, className = '', style = {}, ...props }, ref) => (_jsxs("label", { ref: ref, style: {
|
|
85
91
|
display: 'inline-flex',
|
|
86
92
|
alignItems: 'center',
|
|
87
93
|
gap: '3px',
|
|
@@ -90,15 +96,23 @@ export const Label = ({ children, required, className = '', style = {}, ...props
|
|
|
90
96
|
color: tokens.color.slate600,
|
|
91
97
|
letterSpacing: '0.02em',
|
|
92
98
|
...style,
|
|
93
|
-
}, className: `ds-label ${className}`, ...props, children: [children, required &&
|
|
94
|
-
|
|
99
|
+
}, className: `ds-label ${className}`, ...props, children: [children, required && _jsx("span", { style: { color: tokens.color.danger, lineHeight: 1 }, children: "*" })] })));
|
|
100
|
+
Label.displayName = 'Label';
|
|
101
|
+
export const Caption = React.forwardRef(({ children, className = '', style = {}, ...props }, ref) => (_jsx("span", { ref: ref, style: {
|
|
95
102
|
fontSize: '11px',
|
|
96
103
|
fontWeight: tokens.font.weightMedium,
|
|
97
104
|
color: tokens.color.textMuted,
|
|
98
105
|
lineHeight: 1.5,
|
|
99
106
|
...style,
|
|
100
|
-
}, className: `ds-caption ${className}`, ...props, children: children }));
|
|
101
|
-
|
|
107
|
+
}, className: `ds-caption ${className}`, ...props, children: children })));
|
|
108
|
+
Caption.displayName = 'Caption';
|
|
109
|
+
export const SectionHeader = React.forwardRef(({ title, description, className = '', style = {}, ...props }, ref) => (_jsxs("div", { ref: ref, style: {
|
|
110
|
+
display: 'flex',
|
|
111
|
+
alignItems: 'center',
|
|
112
|
+
gap: tokens.spacing[4],
|
|
113
|
+
margin: `${tokens.spacing[6]} 0`,
|
|
114
|
+
...style,
|
|
115
|
+
}, className: `ds-section-header ${className}`, ...props, children: [_jsx("div", { style: {
|
|
102
116
|
width: '3px',
|
|
103
117
|
height: '16px',
|
|
104
118
|
background: `linear-gradient(to bottom, ${tokens.color.primary}, ${tokens.color.accent})`,
|
|
@@ -121,5 +135,6 @@ export const SectionHeader = ({ title, description, className = '', style = {},
|
|
|
121
135
|
flex: 1,
|
|
122
136
|
height: '1px',
|
|
123
137
|
background: `linear-gradient(to right, ${tokens.color.slate200}, transparent)`,
|
|
124
|
-
} })] }));
|
|
138
|
+
} })] })));
|
|
139
|
+
SectionHeader.displayName = 'SectionHeader';
|
|
125
140
|
//# 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;AAQnC,MAAM,aAAa,GAA2B;IAC5C,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;IACrB,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE;IACjB,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE;IACjB,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE;IACjB,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC,IAAI;IACnB,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE;CAClB,CAAC;AAEF,MAAM,oBAAoB,GAA2B;IACnD,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,GAAG;CACP,CAAC;AAEF,MAAM,sBAAsB,GAA2B;IACrD,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,UAAU;IACb,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,UAAU;IACb,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,GAAG;CACP,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,
|
|
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
|
@@ -29,7 +29,7 @@ export { Modal } from './components/Modal';
|
|
|
29
29
|
export type { ModalProps } from './components/Modal';
|
|
30
30
|
export { Drawer } from './components/Drawer';
|
|
31
31
|
export type { DrawerProps } from './components/Drawer';
|
|
32
|
-
export { Avatar
|
|
32
|
+
export { Avatar } from './components/Avatar';
|
|
33
33
|
export type { AvatarProps, AvatarGroupProps } from './components/Avatar';
|
|
34
34
|
export { Switch } from './components/Switch';
|
|
35
35
|
export type { SwitchProps } from './components/Switch';
|
|
@@ -43,6 +43,20 @@ export { Skeleton } from './components/Skeleton';
|
|
|
43
43
|
export type { SkeletonProps } from './components/Skeleton';
|
|
44
44
|
export { Tooltip } from './components/Tooltip';
|
|
45
45
|
export type { TooltipProps } from './components/Tooltip';
|
|
46
|
+
export { Popover } from './components/Popover';
|
|
47
|
+
export type { PopoverProps } from './components/Popover';
|
|
48
|
+
export { Popconfirm } from './components/Popconfirm';
|
|
49
|
+
export type { PopconfirmProps } from './components/Popconfirm';
|
|
50
|
+
export { Dropdown } from './components/Dropdown';
|
|
51
|
+
export type { DropdownProps, MenuItemProps } from './components/Dropdown';
|
|
52
|
+
export { Timeline } from './components/Timeline';
|
|
53
|
+
export type { TimelineProps, TimelineItem } from './components/Timeline';
|
|
54
|
+
export { Descriptions } from './components/Descriptions';
|
|
55
|
+
export type { DescriptionsProps, DescriptionItem } from './components/Descriptions';
|
|
56
|
+
export { Result } from './components/Result';
|
|
57
|
+
export type { ResultProps } from './components/Result';
|
|
58
|
+
export { ConfigProvider, useConfig } from './components/ConfigProvider';
|
|
59
|
+
export type { ConfigProviderProps, ThemeMode } from './components/ConfigProvider';
|
|
46
60
|
export { Stack } from './components/Stack';
|
|
47
61
|
export type { StackProps } from './components/Stack';
|
|
48
62
|
export { Alert } from './components/Alert';
|
|
@@ -57,13 +71,14 @@ export { Statistic } from './components/Statistic';
|
|
|
57
71
|
export type { StatisticProps } from './components/Statistic';
|
|
58
72
|
export { List, ListItem } from './components/ListComponents';
|
|
59
73
|
export type { ListProps, ListItemProps } from './components/ListComponents';
|
|
60
|
-
export { Table
|
|
61
|
-
export type { TableProps, TableColumn, TableContainerProps, THeadProps, TBodyProps, TRProps, THProps, TDProps } from './components/Table';
|
|
74
|
+
export { Table } from './components/Table';
|
|
75
|
+
export type { TableProps, TableColumn, TableContainerProps, THeadProps, TBodyProps, TRProps, THProps, TDProps, } from './components/Table';
|
|
62
76
|
export { Radio, RadioGroup } from './components/Radio';
|
|
63
77
|
export type { RadioProps, RadioGroupProps } from './components/Radio';
|
|
64
78
|
export { Steps } from './components/Steps';
|
|
65
79
|
export type { StepsProps, StepItem, StepStatus } from './components/Steps';
|
|
80
|
+
export { Portal } from './components/Portal';
|
|
66
81
|
export { colors, brand, palette, semanticColors } from './colors';
|
|
67
82
|
export type { Colors } from './colors';
|
|
68
83
|
export { tokens } from './tokens';
|
|
69
|
-
export type { DesignTokens, ColorTokens, RadiusTokens, ShadowTokens, FontTokens, SpacingTokens, TransitionTokens } from './tokens';
|
|
84
|
+
export type { DesignTokens, ColorTokens, RadiusTokens, ShadowTokens, FontTokens, SpacingTokens, TransitionTokens, } from './tokens';
|
package/dist/src/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// ───
|
|
1
|
+
// ─── Core Components ──────────────────────────────────────────────────────────
|
|
2
2
|
export { Button } from './components/Button';
|
|
3
3
|
export { ConfirmModal } from './components/ConfirmModal';
|
|
4
4
|
export { Badge } from './components/Badge';
|
|
@@ -15,15 +15,21 @@ export { message, MessageProvider } from './components/Message';
|
|
|
15
15
|
export { ReadOnlyField } from './components/ReadOnlyField';
|
|
16
16
|
export { Modal } from './components/Modal';
|
|
17
17
|
export { Drawer } from './components/Drawer';
|
|
18
|
-
// ───
|
|
19
|
-
export { Avatar
|
|
18
|
+
// ─── Feedback & Layout ────────────────────────────────────────────────────────
|
|
19
|
+
export { Avatar } from './components/Avatar';
|
|
20
20
|
export { Switch } from './components/Switch';
|
|
21
21
|
export { Tabs, Tab } from './components/Tabs';
|
|
22
22
|
export { Breadcrumbs } from './components/Breadcrumbs';
|
|
23
23
|
export { Divider } from './components/Divider';
|
|
24
24
|
export { Skeleton } from './components/Skeleton';
|
|
25
25
|
export { Tooltip } from './components/Tooltip';
|
|
26
|
-
|
|
26
|
+
export { Popover } from './components/Popover';
|
|
27
|
+
export { Popconfirm } from './components/Popconfirm';
|
|
28
|
+
export { Dropdown } from './components/Dropdown';
|
|
29
|
+
export { Timeline } from './components/Timeline';
|
|
30
|
+
export { Descriptions } from './components/Descriptions';
|
|
31
|
+
export { Result } from './components/Result';
|
|
32
|
+
export { ConfigProvider, useConfig } from './components/ConfigProvider';
|
|
27
33
|
export { Stack } from './components/Stack';
|
|
28
34
|
export { Alert } from './components/Alert';
|
|
29
35
|
export { Progress } from './components/Progress';
|
|
@@ -31,9 +37,10 @@ export { Row, Col } from './components/Grid';
|
|
|
31
37
|
export { Tag } from './components/Tag';
|
|
32
38
|
export { Statistic } from './components/Statistic';
|
|
33
39
|
export { List, ListItem } from './components/ListComponents';
|
|
34
|
-
export { Table
|
|
40
|
+
export { Table } from './components/Table';
|
|
35
41
|
export { Radio, RadioGroup } from './components/Radio';
|
|
36
42
|
export { Steps } from './components/Steps';
|
|
43
|
+
export { Portal } from './components/Portal';
|
|
37
44
|
// ─── Design Tokens ────────────────────────────────────────────────────────────
|
|
38
45
|
export { colors, brand, palette, semanticColors } from './colors';
|
|
39
46
|
export { tokens } from './tokens';
|
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,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAG1D,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAG3C,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,KAAK,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAGvF,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAG7E,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAGhE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAG3D,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAG3C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,iFAAiF;AACjF,OAAO,EAAE,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|