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.
Files changed (97) hide show
  1. package/dist/src/components/Alert.d.ts +1 -1
  2. package/dist/src/components/Alert.js +34 -20
  3. package/dist/src/components/Alert.js.map +1 -1
  4. package/dist/src/components/Avatar.d.ts +7 -2
  5. package/dist/src/components/Avatar.js +15 -12
  6. package/dist/src/components/Avatar.js.map +1 -1
  7. package/dist/src/components/Badge.d.ts +1 -1
  8. package/dist/src/components/Badge.js +113 -89
  9. package/dist/src/components/Badge.js.map +1 -1
  10. package/dist/src/components/Breadcrumbs.d.ts +1 -1
  11. package/dist/src/components/Breadcrumbs.js +7 -9
  12. package/dist/src/components/Breadcrumbs.js.map +1 -1
  13. package/dist/src/components/Button.d.ts +1 -1
  14. package/dist/src/components/Button.js +6 -4
  15. package/dist/src/components/Button.js.map +1 -1
  16. package/dist/src/components/ConfigProvider.d.ts +17 -0
  17. package/dist/src/components/ConfigProvider.js +54 -0
  18. package/dist/src/components/ConfigProvider.js.map +1 -0
  19. package/dist/src/components/ConfirmModal.d.ts +1 -1
  20. package/dist/src/components/ConfirmModal.js +82 -72
  21. package/dist/src/components/ConfirmModal.js.map +1 -1
  22. package/dist/src/components/DatePicker.d.ts +1 -1
  23. package/dist/src/components/DatePicker.js +33 -10
  24. package/dist/src/components/DatePicker.js.map +1 -1
  25. package/dist/src/components/Descriptions.d.ts +15 -0
  26. package/dist/src/components/Descriptions.js +44 -0
  27. package/dist/src/components/Descriptions.js.map +1 -0
  28. package/dist/src/components/Divider.d.ts +1 -1
  29. package/dist/src/components/Divider.js +21 -16
  30. package/dist/src/components/Divider.js.map +1 -1
  31. package/dist/src/components/Drawer.d.ts +1 -1
  32. package/dist/src/components/Drawer.js +81 -68
  33. package/dist/src/components/Drawer.js.map +1 -1
  34. package/dist/src/components/Dropdown.d.ts +17 -0
  35. package/dist/src/components/Dropdown.js +129 -0
  36. package/dist/src/components/Dropdown.js.map +1 -0
  37. package/dist/src/components/InputComponents.d.ts +4 -4
  38. package/dist/src/components/InputComponents.js +57 -26
  39. package/dist/src/components/InputComponents.js.map +1 -1
  40. package/dist/src/components/ListComponents.d.ts +4 -2
  41. package/dist/src/components/ListComponents.js +36 -15
  42. package/dist/src/components/ListComponents.js.map +1 -1
  43. package/dist/src/components/Modal.d.ts +1 -1
  44. package/dist/src/components/Modal.js +90 -77
  45. package/dist/src/components/Modal.js.map +1 -1
  46. package/dist/src/components/MultiSelect.d.ts +1 -1
  47. package/dist/src/components/MultiSelect.js +65 -20
  48. package/dist/src/components/MultiSelect.js.map +1 -1
  49. package/dist/src/components/Popconfirm.d.ts +12 -0
  50. package/dist/src/components/Popconfirm.js +24 -0
  51. package/dist/src/components/Popconfirm.js.map +1 -0
  52. package/dist/src/components/Popover.d.ts +10 -0
  53. package/dist/src/components/Popover.js +108 -0
  54. package/dist/src/components/Popover.js.map +1 -0
  55. package/dist/src/components/Portal.d.ts +11 -0
  56. package/dist/src/components/Portal.js +30 -0
  57. package/dist/src/components/Portal.js.map +1 -0
  58. package/dist/src/components/Radio.d.ts +5 -2
  59. package/dist/src/components/Radio.js +10 -6
  60. package/dist/src/components/Radio.js.map +1 -1
  61. package/dist/src/components/Result.d.ts +9 -0
  62. package/dist/src/components/Result.js +52 -0
  63. package/dist/src/components/Result.js.map +1 -0
  64. package/dist/src/components/Select.d.ts +1 -1
  65. package/dist/src/components/Select.js +70 -19
  66. package/dist/src/components/Select.js.map +1 -1
  67. package/dist/src/components/Skeleton.d.ts +1 -1
  68. package/dist/src/components/Skeleton.js +10 -7
  69. package/dist/src/components/Skeleton.js.map +1 -1
  70. package/dist/src/components/Steps.d.ts +1 -1
  71. package/dist/src/components/Steps.js +17 -14
  72. package/dist/src/components/Steps.js.map +1 -1
  73. package/dist/src/components/Switch.d.ts +1 -1
  74. package/dist/src/components/Switch.js +6 -6
  75. package/dist/src/components/Switch.js.map +1 -1
  76. package/dist/src/components/Table.d.ts +20 -7
  77. package/dist/src/components/Table.js +140 -113
  78. package/dist/src/components/Table.js.map +1 -1
  79. package/dist/src/components/Tabs.d.ts +4 -2
  80. package/dist/src/components/Tabs.js +15 -10
  81. package/dist/src/components/Tabs.js.map +1 -1
  82. package/dist/src/components/Tag.d.ts +1 -1
  83. package/dist/src/components/Tag.js +17 -8
  84. package/dist/src/components/Tag.js.map +1 -1
  85. package/dist/src/components/Timeline.d.ts +13 -0
  86. package/dist/src/components/Timeline.js +35 -0
  87. package/dist/src/components/Timeline.js.map +1 -0
  88. package/dist/src/components/Tooltip.d.ts +1 -1
  89. package/dist/src/components/Tooltip.js +17 -10
  90. package/dist/src/components/Tooltip.js.map +1 -1
  91. package/dist/src/components/Typography.d.ts +5 -5
  92. package/dist/src/components/Typography.js +38 -23
  93. package/dist/src/components/Typography.js.map +1 -1
  94. package/dist/src/index.d.ts +19 -4
  95. package/dist/src/index.js +12 -5
  96. package/dist/src/index.js.map +1 -1
  97. package/package.json +1 -1
@@ -37,12 +37,16 @@ const inputFieldBaseStyle = {
37
37
  color: tokens.color.slate800,
38
38
  padding: '4px 0 0 0',
39
39
  };
40
- export const Input = ({ label, required, error, className = '', style = {}, onFocus, onBlur, leadingIcon, ...props }) => {
40
+ export const Input = React.forwardRef(({ label, required, error, className = '', style = {}, onFocus, onBlur, leadingIcon, ...props }, ref) => {
41
41
  const [isFocused, setIsFocused] = React.useState(false);
42
42
  return (_jsxs("div", { className: className, style: { width: '100%', position: 'relative', ...style }, children: [label && (_jsxs("label", { style: {
43
43
  ...floatingLabelStyle,
44
- color: isFocused ? tokens.color.borderFocus : (error ? tokens.color.danger : tokens.color.slate400),
45
- left: leadingIcon ? '40px' : '14px'
44
+ color: isFocused
45
+ ? tokens.color.borderFocus
46
+ : error
47
+ ? tokens.color.danger
48
+ : tokens.color.slate400,
49
+ left: leadingIcon ? '40px' : '14px',
46
50
  }, children: [label, " ", required && _jsx("span", { style: { color: tokens.color.danger }, children: "*" })] })), _jsxs("div", { style: inputContainerStyle(isFocused, !!error), children: [leadingIcon && (_jsx("div", { style: {
47
51
  position: 'absolute',
48
52
  left: '16px',
@@ -53,8 +57,8 @@ export const Input = ({ label, required, error, className = '', style = {}, onFo
53
57
  alignItems: 'center',
54
58
  zIndex: 1,
55
59
  pointerEvents: 'none',
56
- marginTop: '2px'
57
- }, children: leadingIcon })), _jsx("input", { style: {
60
+ marginTop: '2px',
61
+ }, children: leadingIcon })), _jsx("input", { ref: ref, style: {
58
62
  ...inputFieldBaseStyle,
59
63
  ...(leadingIcon && { paddingLeft: '28px' }),
60
64
  }, onFocus: (e) => {
@@ -63,14 +67,24 @@ export const Input = ({ label, required, error, className = '', style = {}, onFo
63
67
  }, onBlur: (e) => {
64
68
  setIsFocused(false);
65
69
  onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
66
- }, ...props })] }), error && _jsx("p", { style: { fontSize: '11px', color: tokens.color.danger, marginTop: '6px', fontWeight: tokens.font.weightMedium }, children: error })] }));
67
- };
68
- export const Textarea = ({ label, required, error, className = '', style = {}, onFocus, onBlur, ...props }) => {
70
+ }, "aria-invalid": !!error, "aria-required": required, ...props })] }), error && (_jsx("p", { style: {
71
+ fontSize: '11px',
72
+ color: tokens.color.danger,
73
+ marginTop: '6px',
74
+ fontWeight: tokens.font.weightMedium,
75
+ }, children: error }))] }));
76
+ });
77
+ Input.displayName = 'Input';
78
+ export const Textarea = React.forwardRef(({ label, required, error, className = '', style = {}, onFocus, onBlur, ...props }, ref) => {
69
79
  const [isFocused, setIsFocused] = React.useState(false);
70
80
  return (_jsxs("div", { className: className, style: { width: '100%', position: 'relative', ...style }, children: [label && (_jsxs("label", { style: {
71
81
  ...floatingLabelStyle,
72
- color: isFocused ? tokens.color.borderFocus : (error ? tokens.color.danger : tokens.color.slate400)
73
- }, children: [label, " ", required && _jsx("span", { style: { color: tokens.color.danger }, children: "*" })] })), _jsx("div", { style: inputContainerStyle(isFocused, !!error), children: _jsx("textarea", { style: {
82
+ color: isFocused
83
+ ? tokens.color.borderFocus
84
+ : error
85
+ ? tokens.color.danger
86
+ : tokens.color.slate400,
87
+ }, children: [label, " ", required && _jsx("span", { style: { color: tokens.color.danger }, children: "*" })] })), _jsx("div", { style: inputContainerStyle(isFocused, !!error), children: _jsx("textarea", { ref: ref, style: {
74
88
  ...inputFieldBaseStyle,
75
89
  minHeight: '100px',
76
90
  resize: 'none',
@@ -80,14 +94,24 @@ export const Textarea = ({ label, required, error, className = '', style = {}, o
80
94
  }, onBlur: (e) => {
81
95
  setIsFocused(false);
82
96
  onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
83
- }, ...props }) }), error && _jsx("p", { style: { fontSize: '11px', color: tokens.color.danger, marginTop: '6px', fontWeight: tokens.font.weightMedium }, children: error })] }));
84
- };
85
- export const NativeSelect = ({ label, required, children, error, className = '', style = {}, onFocus, onBlur, leadingIcon, ...props }) => {
97
+ }, "aria-invalid": !!error, "aria-required": required, ...props }) }), error && (_jsx("p", { style: {
98
+ fontSize: '11px',
99
+ color: tokens.color.danger,
100
+ marginTop: '6px',
101
+ fontWeight: tokens.font.weightMedium,
102
+ }, children: error }))] }));
103
+ });
104
+ Textarea.displayName = 'Textarea';
105
+ export const NativeSelect = React.forwardRef(({ label, required, children, error, className = '', style = {}, onFocus, onBlur, leadingIcon, ...props }, ref) => {
86
106
  const [isFocused, setIsFocused] = React.useState(false);
87
107
  return (_jsxs("div", { className: className, style: { width: '100%', position: 'relative', ...style }, children: [label && (_jsxs("label", { style: {
88
108
  ...floatingLabelStyle,
89
- color: isFocused ? tokens.color.borderFocus : (error ? tokens.color.danger : tokens.color.slate400),
90
- left: leadingIcon ? '40px' : '14px'
109
+ color: isFocused
110
+ ? tokens.color.borderFocus
111
+ : error
112
+ ? tokens.color.danger
113
+ : tokens.color.slate400,
114
+ left: leadingIcon ? '40px' : '14px',
91
115
  }, children: [label, " ", required && _jsx("span", { style: { color: tokens.color.danger }, children: "*" })] })), _jsx("div", { style: inputContainerStyle(isFocused, !!error), children: _jsxs("div", { style: { position: 'relative', display: 'flex', alignItems: 'center' }, children: [leadingIcon && (_jsx("div", { style: {
92
116
  position: 'absolute',
93
117
  left: '0',
@@ -96,8 +120,8 @@ export const NativeSelect = ({ label, required, children, error, className = '',
96
120
  alignItems: 'center',
97
121
  zIndex: 1,
98
122
  pointerEvents: 'none',
99
- marginTop: '2px'
100
- }, children: leadingIcon })), _jsx("select", { style: {
123
+ marginTop: '2px',
124
+ }, children: leadingIcon })), _jsx("select", { ref: ref, style: {
101
125
  ...inputFieldBaseStyle,
102
126
  appearance: 'none',
103
127
  paddingRight: '32px',
@@ -109,7 +133,7 @@ export const NativeSelect = ({ label, required, children, error, className = '',
109
133
  }, onBlur: (e) => {
110
134
  setIsFocused(false);
111
135
  onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
112
- }, ...props, children: children }), _jsx("div", { style: {
136
+ }, "aria-invalid": !!error, "aria-required": required, ...props, children: children }), _jsx("div", { style: {
113
137
  position: 'absolute',
114
138
  right: '0',
115
139
  top: '50%',
@@ -118,10 +142,16 @@ export const NativeSelect = ({ label, required, children, error, className = '',
118
142
  color: isFocused ? tokens.color.borderFocus : tokens.color.slate300,
119
143
  display: 'flex',
120
144
  alignItems: 'center',
121
- marginTop: '2px'
122
- }, children: _jsx("svg", { width: "18", height: "18", 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" }) }) })] }) }), error && _jsx("p", { style: { fontSize: '11px', color: tokens.color.danger, marginTop: '6px', fontWeight: tokens.font.weightMedium }, children: error })] }));
123
- };
124
- export const Checkbox = ({ label, checked, className = '', style = {}, ...props }) => {
145
+ marginTop: '2px',
146
+ }, children: _jsx("svg", { width: "18", height: "18", 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" }) }) })] }) }), error && (_jsx("p", { style: {
147
+ fontSize: '11px',
148
+ color: tokens.color.danger,
149
+ marginTop: '6px',
150
+ fontWeight: tokens.font.weightMedium,
151
+ }, children: error }))] }));
152
+ });
153
+ NativeSelect.displayName = 'NativeSelect';
154
+ export const Checkbox = React.forwardRef(({ label, checked, className = '', style = {}, ...props }, ref) => {
125
155
  return (_jsxs("label", { className: className, style: {
126
156
  display: 'inline-flex',
127
157
  alignItems: 'center',
@@ -131,8 +161,8 @@ export const Checkbox = ({ label, checked, className = '', style = {}, ...props
131
161
  fontWeight: tokens.font.weightMedium,
132
162
  color: tokens.color.slate800,
133
163
  userSelect: 'none',
134
- ...style
135
- }, children: [_jsxs("div", { style: { position: 'relative', display: 'flex', alignItems: 'center' }, children: [_jsx("input", { type: "checkbox", checked: checked, style: {
164
+ ...style,
165
+ }, children: [_jsxs("div", { style: { position: 'relative', display: 'flex', alignItems: 'center' }, children: [_jsx("input", { ref: ref, type: "checkbox", checked: checked, style: {
136
166
  appearance: 'none',
137
167
  width: '20px',
138
168
  height: '20px',
@@ -149,7 +179,8 @@ export const Checkbox = ({ label, checked, className = '', style = {}, ...props
149
179
  width: '14px',
150
180
  height: '14px',
151
181
  color: 'white',
152
- pointerEvents: 'none'
182
+ pointerEvents: 'none',
153
183
  }, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "4", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polyline", { points: "20 6 9 17 4 12" }) }))] }), label] }));
154
- };
184
+ });
185
+ Checkbox.displayName = 'Checkbox';
155
186
  //# sourceMappingURL=InputComponents.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"InputComponents.js","sourceRoot":"","sources":["../../../src/components/InputComponents.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"InputComponents.js","sourceRoot":"","sources":["../../../src/components/InputComponents.tsx"],"names":[],"mappings":"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"}
@@ -7,7 +7,9 @@ export interface ListProps<T = any> extends Omit<React.HTMLAttributes<HTMLUListE
7
7
  spacing?: 'none' | 'xs' | 'sm' | 'md';
8
8
  divider?: boolean;
9
9
  }
10
- export declare const List: <T extends any>({ children, items, renderItem, className, style, variant, spacing, divider, ...props }: ListProps<T>) => import("react/jsx-runtime").JSX.Element;
10
+ export declare const List: <T = any>(props: ListProps<T> & {
11
+ ref?: React.Ref<HTMLUListElement>;
12
+ }) => React.ReactElement;
11
13
  export interface ListItemProps extends React.HTMLAttributes<HTMLLIElement> {
12
14
  children: React.ReactNode;
13
15
  icon?: React.ReactNode;
@@ -18,4 +20,4 @@ export interface ListItemProps extends React.HTMLAttributes<HTMLLIElement> {
18
20
  variant?: 'default' | 'sidebar' | 'ghost' | 'card';
19
21
  description?: string;
20
22
  }
21
- export declare const ListItem: React.FC<ListItemProps>;
23
+ export declare const ListItem: React.ForwardRefExoticComponent<ListItemProps & React.RefAttributes<HTMLLIElement>>;
@@ -1,15 +1,19 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import React from 'react';
3
3
  import { tokens } from '../tokens';
4
- export const List = ({ children, items, renderItem, className = '', style = {}, variant = 'default', spacing = 'xs', divider = false, ...props }) => {
4
+ export const List = React.forwardRef(({ children, items, renderItem, className = '', style = {}, variant = 'default', spacing = 'xs', divider = false, ...props }, ref) => {
5
5
  const isCard = variant === 'card';
6
6
  const isSidebarOrGhost = variant === 'sidebar' || variant === 'ghost';
7
7
  const getSpacing = () => {
8
8
  switch (spacing) {
9
- case 'none': return '0';
10
- case 'xs': return '2px';
11
- case 'md': return tokens.spacing[2];
12
- default: return '4px';
9
+ case 'none':
10
+ return '0';
11
+ case 'xs':
12
+ return '2px';
13
+ case 'md':
14
+ return tokens.spacing[2];
15
+ default:
16
+ return '4px';
13
17
  }
14
18
  };
15
19
  const containerStyle = {
@@ -19,18 +23,27 @@ export const List = ({ children, items, renderItem, className = '', style = {},
19
23
  display: 'flex',
20
24
  flexDirection: 'column',
21
25
  gap: isSidebarOrGhost || isCard ? getSpacing() : '0',
22
- border: variant === 'default' ? `1px solid ${tokens.color.slate100}` : isCard ? `1px solid ${tokens.color.slate100}` : 'none',
26
+ border: variant === 'default'
27
+ ? `1px solid ${tokens.color.slate100}`
28
+ : isCard
29
+ ? `1px solid ${tokens.color.slate100}`
30
+ : 'none',
23
31
  borderRadius: variant === 'default' ? tokens.radius.xl : isCard ? tokens.radius['2xl'] : '0',
24
32
  overflow: 'hidden',
25
- backgroundColor: variant === 'default' ? tokens.color.white : isCard ? tokens.color.white : 'transparent',
33
+ backgroundColor: variant === 'default'
34
+ ? tokens.color.white
35
+ : isCard
36
+ ? tokens.color.white
37
+ : 'transparent',
26
38
  boxShadow: isCard ? tokens.shadow.sm : 'none',
27
39
  ...style,
28
40
  };
29
- return (_jsx("ul", { style: containerStyle, className: `ds-list ds-list--${variant} ${className}`, ...props, children: items && renderItem
41
+ return (_jsx("ul", { ref: ref, style: containerStyle, className: `ds-list ds-list--${variant} ${className}`, ...props, children: items && renderItem
30
42
  ? items.map((item, index) => (_jsxs(React.Fragment, { children: [renderItem(item, index), divider && index < items.length - 1 && (_jsx("li", { "aria-hidden": true, style: { height: '1px', backgroundColor: tokens.color.slate100, margin: '0 -0px' } }))] }, index)))
31
43
  : children }));
32
- };
33
- export const ListItem = ({ children, icon, action, badge, onClick, className = '', style = {}, divider = false, active = false, variant = 'sidebar', description, ...props }) => {
44
+ });
45
+ List.displayName = 'List';
46
+ export const ListItem = React.forwardRef(({ children, icon, action, badge, onClick, className = '', style = {}, divider = false, active = false, variant = 'sidebar', description, ...props }, ref) => {
34
47
  const [hovered, setHovered] = React.useState(false);
35
48
  const isSidebar = variant === 'sidebar' || variant === 'card';
36
49
  const isClickable = !!onClick;
@@ -55,7 +68,9 @@ export const ListItem = ({ children, icon, action, badge, onClick, className = '
55
68
  const itemStyle = {
56
69
  display: 'flex',
57
70
  alignItems: description ? 'flex-start' : 'center',
58
- padding: isSidebar ? `${tokens.spacing[3]} ${tokens.spacing[4]}` : `${tokens.spacing[4]} ${tokens.spacing[4]}`,
71
+ padding: isSidebar
72
+ ? `${tokens.spacing[3]} ${tokens.spacing[4]}`
73
+ : `${tokens.spacing[4]} ${tokens.spacing[4]}`,
59
74
  gap: tokens.spacing[3],
60
75
  cursor: isClickable ? 'pointer' : 'default',
61
76
  borderRadius: isSidebar ? tokens.radius.lg : '0',
@@ -72,11 +87,15 @@ export const ListItem = ({ children, icon, action, badge, onClick, className = '
72
87
  const iconWrapStyle = {
73
88
  display: 'flex',
74
89
  flexShrink: 0,
75
- color: active ? tokens.color.primary : showHover ? tokens.color.slate500 : tokens.color.slate400,
90
+ color: active
91
+ ? tokens.color.primary
92
+ : showHover
93
+ ? tokens.color.slate500
94
+ : tokens.color.slate400,
76
95
  transition: tokens.transition.fast,
77
96
  marginTop: description ? '2px' : '0',
78
97
  };
79
- return (_jsxs("li", { style: itemStyle, className: `ds-list-item ${className}`, onClick: onClick, onMouseEnter: () => isClickable && setHovered(true), onMouseLeave: () => isClickable && setHovered(false), role: isClickable ? 'button' : undefined, tabIndex: isClickable ? 0 : undefined, ...props, children: [icon && _jsx("div", { style: iconWrapStyle, children: icon }), _jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [_jsx("div", { style: {
98
+ return (_jsxs("li", { ref: ref, style: itemStyle, className: `ds-list-item ${className}`, onClick: onClick, onMouseEnter: () => isClickable && setHovered(true), onMouseLeave: () => isClickable && setHovered(false), role: isClickable ? 'button' : undefined, tabIndex: isClickable ? 0 : undefined, ...props, children: [icon && _jsx("div", { style: iconWrapStyle, children: icon }), _jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [_jsx("div", { style: {
80
99
  fontSize: tokens.font.sm,
81
100
  lineHeight: 1.4,
82
101
  whiteSpace: 'nowrap',
@@ -88,11 +107,13 @@ export const ListItem = ({ children, icon, action, badge, onClick, className = '
88
107
  marginTop: '2px',
89
108
  fontWeight: tokens.font.weightMedium,
90
109
  lineHeight: 1.4,
91
- }, children: description }))] }), badge && (_jsx("div", { style: { flexShrink: 0, marginLeft: tokens.spacing[1] }, children: badge })), action && (_jsx("div", { style: { flexShrink: 0 }, children: action })), isSidebar && isClickable && !action && (_jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round", style: {
110
+ }, children: description }))] }), badge && _jsx("div", { style: { flexShrink: 0, marginLeft: tokens.spacing[1] }, children: badge }), action && _jsx("div", { style: { flexShrink: 0 }, children: action }), isSidebar && isClickable && !action && (_jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round", style: {
92
111
  flexShrink: 0,
93
112
  opacity: active ? 0.7 : 0.3,
94
113
  transition: tokens.transition.fast,
95
114
  marginLeft: 'auto',
96
115
  }, children: _jsx("polyline", { points: "9 18 15 12 9 6" }) }))] }));
97
- };
116
+ });
117
+ ListItem.displayName = 'List.Item';
118
+ List.Item = ListItem;
98
119
  //# sourceMappingURL=ListComponents.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ListComponents.js","sourceRoot":"","sources":["../../../src/components/ListComponents.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ListComponents.js","sourceRoot":"","sources":["../../../src/components/ListComponents.tsx"],"names":[],"mappings":"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"}
@@ -8,4 +8,4 @@ export interface ModalProps {
8
8
  width?: string | number;
9
9
  maskClosable?: boolean;
10
10
  }
11
- export declare const Modal: React.FC<ModalProps>;
11
+ export declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
@@ -1,8 +1,9 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useEffect } from 'react';
2
+ import React, { useEffect } from 'react';
3
3
  import { tokens } from '../tokens';
4
4
  import { Heading } from './Typography';
5
- export const Modal = ({ isOpen, onClose, title, children, footer, width = 520, maskClosable = true, }) => {
5
+ import { Portal } from './Portal';
6
+ export const Modal = React.forwardRef(({ isOpen, onClose, title, children, footer, width = 520, maskClosable = true }, ref) => {
6
7
  useEffect(() => {
7
8
  if (isOpen) {
8
9
  document.body.style.overflow = 'hidden';
@@ -14,81 +15,93 @@ export const Modal = ({ isOpen, onClose, title, children, footer, width = 520, m
14
15
  document.body.style.overflow = 'unset';
15
16
  };
16
17
  }, [isOpen]);
18
+ useEffect(() => {
19
+ const handleEscape = (e) => {
20
+ if (e.key === 'Escape' && isOpen) {
21
+ onClose();
22
+ }
23
+ };
24
+ if (isOpen) {
25
+ document.addEventListener('keydown', handleEscape);
26
+ }
27
+ return () => document.removeEventListener('keydown', handleEscape);
28
+ }, [isOpen, onClose]);
17
29
  if (!isOpen)
18
30
  return null;
19
- return (_jsxs("div", { style: {
20
- position: 'fixed',
21
- inset: 0,
22
- zIndex: 1000,
23
- display: 'flex',
24
- alignItems: 'center',
25
- justifyContent: 'center',
26
- padding: tokens.spacing[4],
27
- }, children: [_jsx("div", { onClick: maskClosable ? onClose : undefined, style: {
28
- position: 'absolute',
29
- inset: 0,
30
- backgroundColor: 'rgba(15, 23, 42, 0.65)',
31
- backdropFilter: 'blur(4px)',
32
- animation: 'ds-fade-in 0.3s ease-out',
33
- } }), _jsxs("div", { style: {
34
- position: 'relative',
35
- backgroundColor: tokens.color.white,
36
- borderRadius: tokens.radius['2xl'],
37
- boxShadow: tokens.shadow.xl,
38
- width: '100%',
39
- maxWidth: typeof width === 'number' ? `${width}px` : width,
40
- maxHeight: '90vh',
41
- display: 'flex',
42
- flexDirection: 'column',
43
- overflow: 'hidden',
44
- animation: 'ds-modal-scale 0.3s cubic-bezier(0.34, 1.56, 0.64, 1)',
45
- zIndex: 1,
46
- }, children: [_jsxs("div", { style: {
47
- padding: `${tokens.spacing[6]} ${tokens.spacing[8]}`,
48
- borderBottom: `1px solid ${tokens.color.slate100}`,
49
- display: 'flex',
50
- alignItems: 'center',
51
- justifyContent: 'space-between',
52
- }, children: [title ? (_jsx(Heading, { level: 4, style: { margin: 0 }, children: title })) : _jsx("div", {}), _jsx("button", { onClick: onClose, style: {
53
- padding: '8px',
54
- borderRadius: '50%',
55
- border: 'none',
56
- backgroundColor: 'transparent',
57
- color: tokens.color.slate400,
58
- cursor: 'pointer',
59
- display: 'flex',
60
- alignItems: 'center',
61
- justifyContent: 'center',
62
- transition: tokens.transition.fast,
63
- }, onMouseEnter: (e) => {
64
- e.currentTarget.style.backgroundColor = tokens.color.slate100;
65
- e.currentTarget.style.color = tokens.color.slate900;
66
- }, onMouseLeave: (e) => {
67
- e.currentTarget.style.backgroundColor = 'transparent';
68
- e.currentTarget.style.color = tokens.color.slate400;
69
- }, children: _jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), _jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })] }) })] }), _jsx("div", { style: {
70
- padding: tokens.spacing[8],
71
- overflowY: 'auto',
72
- flex: 1,
73
- color: tokens.color.slate600,
74
- fontSize: tokens.font.sm,
75
- lineHeight: 1.6,
76
- }, children: children }), footer && (_jsx("div", { style: {
77
- padding: `${tokens.spacing[5]} ${tokens.spacing[8]}`,
78
- borderTop: `1px solid ${tokens.color.slate100}`,
79
- backgroundColor: tokens.color.slate50,
80
- display: 'flex',
81
- justifyContent: 'flex-end',
82
- gap: tokens.spacing[3],
83
- }, children: footer }))] }), _jsx("style", { children: `
84
- @keyframes ds-fade-in {
85
- from { opacity: 0; }
86
- to { opacity: 1; }
87
- }
88
- @keyframes ds-modal-scale {
89
- from { transform: scale(0.9) translateY(20px); opacity: 0; }
90
- to { transform: scale(1) translateY(0); opacity: 1; }
91
- }
92
- ` })] }));
93
- };
31
+ return (_jsx(Portal, { children: _jsxs("div", { ref: ref, role: "dialog", "aria-modal": "true", "aria-labelledby": title ? 'ds-modal-title' : undefined, style: {
32
+ position: 'fixed',
33
+ inset: 0,
34
+ zIndex: 1000,
35
+ display: 'flex',
36
+ alignItems: 'center',
37
+ justifyContent: 'center',
38
+ padding: tokens.spacing[4],
39
+ }, children: [_jsx("div", { onClick: maskClosable ? onClose : undefined, style: {
40
+ position: 'absolute',
41
+ inset: 0,
42
+ backgroundColor: 'rgba(15, 23, 42, 0.65)',
43
+ backdropFilter: 'blur(4px)',
44
+ animation: 'ds-fade-in 0.3s ease-out',
45
+ } }), _jsxs("div", { style: {
46
+ position: 'relative',
47
+ backgroundColor: tokens.color.white,
48
+ borderRadius: tokens.radius['2xl'],
49
+ boxShadow: tokens.shadow.xl,
50
+ width: '100%',
51
+ maxWidth: typeof width === 'number' ? `${width}px` : width,
52
+ maxHeight: '90vh',
53
+ display: 'flex',
54
+ flexDirection: 'column',
55
+ overflow: 'hidden',
56
+ animation: 'ds-modal-scale 0.3s cubic-bezier(0.34, 1.56, 0.64, 1)',
57
+ zIndex: 1,
58
+ }, children: [_jsxs("div", { style: {
59
+ padding: `${tokens.spacing[6]} ${tokens.spacing[8]}`,
60
+ borderBottom: `1px solid ${tokens.color.slate100}`,
61
+ display: 'flex',
62
+ alignItems: 'center',
63
+ justifyContent: 'space-between',
64
+ }, children: [title ? (_jsx(Heading, { id: "ds-modal-title", level: 4, style: { margin: 0 }, children: title })) : (_jsx("div", {})), _jsx("button", { onClick: onClose, "aria-label": "Close modal", style: {
65
+ padding: '8px',
66
+ borderRadius: '50%',
67
+ border: 'none',
68
+ backgroundColor: 'transparent',
69
+ color: tokens.color.slate400,
70
+ cursor: 'pointer',
71
+ display: 'flex',
72
+ alignItems: 'center',
73
+ justifyContent: 'center',
74
+ transition: tokens.transition.fast,
75
+ }, onMouseEnter: (e) => {
76
+ e.currentTarget.style.backgroundColor = tokens.color.slate100;
77
+ e.currentTarget.style.color = tokens.color.slate900;
78
+ }, onMouseLeave: (e) => {
79
+ e.currentTarget.style.backgroundColor = 'transparent';
80
+ e.currentTarget.style.color = tokens.color.slate400;
81
+ }, children: _jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), _jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })] }) })] }), _jsx("div", { style: {
82
+ padding: tokens.spacing[8],
83
+ overflowY: 'auto',
84
+ flex: 1,
85
+ color: tokens.color.slate600,
86
+ fontSize: tokens.font.sm,
87
+ lineHeight: 1.6,
88
+ }, children: children }), footer && (_jsx("div", { style: {
89
+ padding: `${tokens.spacing[5]} ${tokens.spacing[8]}`,
90
+ borderTop: `1px solid ${tokens.color.slate100}`,
91
+ backgroundColor: tokens.color.slate50,
92
+ display: 'flex',
93
+ justifyContent: 'flex-end',
94
+ gap: tokens.spacing[3],
95
+ }, children: footer }))] }), _jsx("style", { children: `
96
+ @keyframes ds-fade-in {
97
+ from { opacity: 0; }
98
+ to { opacity: 1; }
99
+ }
100
+ @keyframes ds-modal-scale {
101
+ from { transform: scale(0.9) translateY(20px); opacity: 0; }
102
+ to { transform: scale(1) translateY(0); opacity: 1; }
103
+ }
104
+ ` })] }) }));
105
+ });
106
+ Modal.displayName = 'Modal';
94
107
  //# sourceMappingURL=Modal.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/Modal.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/Modal.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAYlC,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CACnC,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,GAAG,GAAG,EAAE,YAAY,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IACtF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,EAAE,CAAC;YACX,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAC1C,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,OAAO,CAAC;QACzC,CAAC;QACD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,OAAO,CAAC;QACzC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,CAAC,CAAgB,EAAE,EAAE;YACxC,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,IAAI,MAAM,EAAE,CAAC;gBACjC,OAAO,EAAE,CAAC;YACZ,CAAC;QACH,CAAC,CAAC;QACF,IAAI,MAAM,EAAE,CAAC;YACX,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;QACrD,CAAC;QACD,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;IACrE,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAEtB,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAEzB,OAAO,CACL,KAAC,MAAM,cACL,eACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,gBACF,MAAM,qBACA,KAAK,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,EACrD,KAAK,EAAE;gBACL,QAAQ,EAAE,OAAO;gBACjB,KAAK,EAAE,CAAC;gBACR,MAAM,EAAE,IAAI;gBACZ,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,cAAc,EAAE,QAAQ;gBACxB,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;aAC3B,aAGD,cACE,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAC3C,KAAK,EAAE;wBACL,QAAQ,EAAE,UAAU;wBACpB,KAAK,EAAE,CAAC;wBACR,eAAe,EAAE,wBAAwB;wBACzC,cAAc,EAAE,WAAW;wBAC3B,SAAS,EAAE,0BAA0B;qBACtC,GACD,EAGF,eACE,KAAK,EAAE;wBACL,QAAQ,EAAE,UAAU;wBACpB,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK;wBACnC,YAAY,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC;wBAClC,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE;wBAC3B,KAAK,EAAE,MAAM;wBACb,QAAQ,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK;wBAC1D,SAAS,EAAE,MAAM;wBACjB,OAAO,EAAE,MAAM;wBACf,aAAa,EAAE,QAAQ;wBACvB,QAAQ,EAAE,QAAQ;wBAClB,SAAS,EAAE,uDAAuD;wBAClE,MAAM,EAAE,CAAC;qBACV,aAGD,eACE,KAAK,EAAE;gCACL,OAAO,EAAE,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;gCACpD,YAAY,EAAE,aAAa,MAAM,CAAC,KAAK,CAAC,QAAQ,EAAE;gCAClD,OAAO,EAAE,MAAM;gCACf,UAAU,EAAE,QAAQ;gCACpB,cAAc,EAAE,eAAe;6BAChC,aAEA,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,OAAO,IAAC,EAAE,EAAC,gBAAgB,EAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,YACxD,KAAK,GACE,CACX,CAAC,CAAC,CAAC,CACF,eAAO,CACR,EACD,iBACE,OAAO,EAAE,OAAO,gBACL,aAAa,EACxB,KAAK,EAAE;wCACL,OAAO,EAAE,KAAK;wCACd,YAAY,EAAE,KAAK;wCACnB,MAAM,EAAE,MAAM;wCACd,eAAe,EAAE,aAAa;wCAC9B,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ;wCAC5B,MAAM,EAAE,SAAS;wCACjB,OAAO,EAAE,MAAM;wCACf,UAAU,EAAE,QAAQ;wCACpB,cAAc,EAAE,QAAQ;wCACxB,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC,IAAI;qCACnC,EACD,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;wCAClB,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC;wCAC9D,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC;oCACtD,CAAC,EACD,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;wCAClB,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,eAAe,GAAG,aAAa,CAAC;wCACtD,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC;oCACtD,CAAC,YAED,eACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,aAEtB,eAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,GAAG,EACtC,eAAM,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,GAAG,IAClC,GACC,IACL,EAGN,cACE,KAAK,EAAE;gCACL,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;gCAC1B,SAAS,EAAE,MAAM;gCACjB,IAAI,EAAE,CAAC;gCACP,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ;gCAC5B,QAAQ,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE;gCACxB,UAAU,EAAE,GAAG;6BAChB,YAEA,QAAQ,GACL,EAGL,MAAM,IAAI,CACT,cACE,KAAK,EAAE;gCACL,OAAO,EAAE,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;gCACpD,SAAS,EAAE,aAAa,MAAM,CAAC,KAAK,CAAC,QAAQ,EAAE;gCAC/C,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO;gCACrC,OAAO,EAAE,MAAM;gCACf,cAAc,EAAE,UAAU;gCAC1B,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;6BACvB,YAEA,MAAM,GACH,CACP,IACG,EAEN,0BAAQ;;;;;;;;;SAST,GAAS,IACJ,GACC,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AACF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}
@@ -11,4 +11,4 @@ export interface MultiSelectProps {
11
11
  style?: React.CSSProperties;
12
12
  error?: string;
13
13
  }
14
- export declare const MultiSelect: React.FC<MultiSelectProps>;
14
+ export declare const MultiSelect: React.ForwardRefExoticComponent<MultiSelectProps & React.RefAttributes<HTMLDivElement>>;