@bioturing/components 0.28.1 → 0.29.2
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/components/breadcrumb/style.css +1 -1
- package/dist/components/checkbox/style.css +1 -1
- package/dist/components/choice-list/component.js +137 -50
- package/dist/components/choice-list/component.js.map +1 -1
- package/dist/components/choice-list/style.css +1 -1
- package/dist/components/code-block/component.js +8 -8
- package/dist/components/color-select/style.css +1 -1
- package/dist/components/combobox/component.js +171 -141
- package/dist/components/combobox/component.js.map +1 -1
- package/dist/components/combobox/style.css +1 -1
- package/dist/components/drag-drop/style.css +1 -1
- package/dist/components/dropdown-menu/component.js +110 -100
- package/dist/components/dropdown-menu/component.js.map +1 -1
- package/dist/components/dropdown-menu/item.css +1 -1
- package/dist/components/dropdown-menu/item.js +52 -49
- package/dist/components/dropdown-menu/item.js.map +1 -1
- package/dist/components/dropdown-menu/style.css +1 -1
- package/dist/components/ds-root/component.js +22 -17
- package/dist/components/ds-root/component.js.map +1 -1
- package/dist/components/ds-root/style.css +1 -1
- package/dist/components/form/style.css +1 -1
- package/dist/components/modal/style.css +1 -1
- package/dist/components/nav/style.css +1 -1
- package/dist/components/resizable/component.js +27 -26
- package/dist/components/resizable/component.js.map +1 -1
- package/dist/components/scroll-area/component.js +70 -24
- package/dist/components/scroll-area/component.js.map +1 -1
- package/dist/components/scroll-area/style.css +1 -1
- package/dist/components/select-trigger/component.js +150 -0
- package/dist/components/select-trigger/component.js.map +1 -0
- package/dist/components/select-trigger/style.css +1 -0
- package/dist/components/switch/style.css +1 -1
- package/dist/components/table/style.css +1 -1
- package/dist/components/theme-provider/component.js.map +1 -1
- package/dist/components/theme-provider/style.css +1 -1
- package/dist/components/toast/component.js +13 -13
- package/dist/components/toast/component.js.map +1 -1
- package/dist/components/tour/style.css +1 -1
- package/dist/components/utils/WithRenderProp.js.map +1 -1
- package/dist/index.d.ts +101 -42
- package/dist/index.js +125 -125
- package/dist/tokens/and-theme/tokens.js +12 -12
- package/dist/tokens/and-theme/tokens.js.map +1 -1
- package/package.json +6 -6
- package/dist/components/combobox/trigger.js +0 -89
- package/dist/components/combobox/trigger.js.map +0 -1
package/dist/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { componentMetadata as
|
|
2
|
-
import { Affix as p, Alert as m, Anchor as f, App as s, AutoComplete as x, Avatar as l, BackTop as n, Calendar as i, Card as C, Carousel as c, Cascader as u, Col as T, ColorPicker as d, ConfigProvider as g, DatePicker as S, Descriptions as h, Divider as A, Drawer as E, Dropdown as P, Flex as
|
|
3
|
-
import { Select as
|
|
1
|
+
import { componentMetadata as r, getComponentsByCategory as t } from "./metadata.js";
|
|
2
|
+
import { Affix as p, Alert as m, Anchor as f, App as s, AutoComplete as x, Avatar as l, BackTop as n, Calendar as i, Card as C, Carousel as c, Cascader as u, Col as T, ColorPicker as d, ConfigProvider as g, DatePicker as S, Descriptions as h, Divider as A, Drawer as E, Dropdown as P, Flex as k, FloatButton as D, Grid as b, InputNumber as R, Layout as I, List as L, Mentions as O, Menu as y, Pagination as B, Popconfirm as v, Progress as N, QRCode as M, Rate as _, Result as U, Row as w, Skeleton as F, Space as W, Statistic as V, Steps as q, Tabs as G, TimePicker as K, Timeline as Q, Transfer as H, TreeSelect as z, Typography as j, Watermark as J, message as X, notification as Y, theme as Z, unstableSetRender as $, version as oo } from "antd";
|
|
3
|
+
import { Select as ro } from "./components/select/component.js";
|
|
4
4
|
import { Modal as ao } from "./components/modal/index.js";
|
|
5
5
|
import { IconButton as mo } from "./components/icon-button/component.js";
|
|
6
6
|
import { Switch as so } from "./components/switch/component.js";
|
|
@@ -10,8 +10,8 @@ import { Table as co } from "./components/table/component.js";
|
|
|
10
10
|
import { Tag as To } from "./components/tag/component.js";
|
|
11
11
|
import { ThemeProvider as So } from "./components/theme-provider/component.js";
|
|
12
12
|
import { Split as Ao, Splitter as Eo } from "./components/splitter/component.js";
|
|
13
|
-
import { Truncate as
|
|
14
|
-
import { DropdownMenu as
|
|
13
|
+
import { Truncate as ko } from "./components/truncate/component.js";
|
|
14
|
+
import { DropdownMenu as bo } from "./components/dropdown-menu/component.js";
|
|
15
15
|
import { DropdownMenuItem as Io } from "./components/dropdown-menu/item.js";
|
|
16
16
|
import { Transition as Oo } from "./components/transition/component.js";
|
|
17
17
|
import { DefaultUpload as Bo, Upload as vo } from "./components/upload/component.js";
|
|
@@ -23,60 +23,60 @@ import { isValidHexColor as Qo } from "./components/utils/colors.js";
|
|
|
23
23
|
import { WithRenderProp as zo } from "./components/utils/WithRenderProp.js";
|
|
24
24
|
import { getReactElementProp as Jo } from "./components/utils/reactElement.js";
|
|
25
25
|
import { useAntdCssVarClassname as Yo, useCls as Zo, useGetPrefixCls as $o } from "./components/utils/antdUtils.js";
|
|
26
|
-
import { WithAntdTokens as
|
|
27
|
-
import { changeThemeWithoutTransition as
|
|
28
|
-
import { moveTypingCursorToEnd as
|
|
29
|
-
import { DROPDOWN_COLLISION_AVOIDANCE as
|
|
30
|
-
import { buildAntdPlacement as
|
|
31
|
-
import { ScrollArea as
|
|
32
|
-
import { Popover as
|
|
33
|
-
import { Slider as
|
|
34
|
-
import { Tooltip as
|
|
35
|
-
import { Breadcrumb as
|
|
36
|
-
import { useUniqueKeysTree as
|
|
37
|
-
import { getUniqueKeysFromOriginals as
|
|
38
|
-
import { Tree as
|
|
39
|
-
import { Spin as
|
|
40
|
-
import { Empty as
|
|
41
|
-
import { Form as
|
|
42
|
-
import { Field as
|
|
43
|
-
import { Tour as
|
|
44
|
-
import { Toast as
|
|
45
|
-
import { toast as
|
|
46
|
-
import { VerticalCollapsiblePanel as
|
|
47
|
-
import { PopupPanel as
|
|
48
|
-
import { CodeBlock as
|
|
49
|
-
import { StackChild as
|
|
50
|
-
import { Stack as
|
|
51
|
-
import { Collapse as
|
|
52
|
-
import { Input as
|
|
53
|
-
import { Badge as
|
|
54
|
-
import { Radio as
|
|
55
|
-
import { Button as
|
|
56
|
-
import { DSRoot as
|
|
57
|
-
import { DSRootContextProvider as
|
|
58
|
-
import { DragDrop as
|
|
59
|
-
import { ColorSelect as
|
|
60
|
-
import { Nav as
|
|
61
|
-
import { ChoiceList as
|
|
62
|
-
import { StatusIcon as
|
|
63
|
-
import { Resizable as
|
|
64
|
-
import { Combobox as
|
|
65
|
-
import {
|
|
66
|
-
import { useForm as
|
|
67
|
-
import { useBreakpoint as
|
|
68
|
-
import { default as
|
|
69
|
-
import { useAnimationsFinished as
|
|
70
|
-
import { useControlledState as
|
|
71
|
-
import { useCharts as
|
|
26
|
+
import { WithAntdTokens as ee } from "./components/utils/WithAntdTokens.js";
|
|
27
|
+
import { changeThemeWithoutTransition as te } from "./components/utils/theme.js";
|
|
28
|
+
import { moveTypingCursorToEnd as pe } from "./components/utils/selectionRange.js";
|
|
29
|
+
import { DROPDOWN_COLLISION_AVOIDANCE as fe, POPUP_COLLISION_AVOIDANCE as se } from "./components/utils/constants.js";
|
|
30
|
+
import { buildAntdPlacement as le, parseAntdPlacement as ne } from "./components/utils/placement.js";
|
|
31
|
+
import { ScrollArea as Ce } from "./components/scroll-area/component.js";
|
|
32
|
+
import { Popover as ue } from "./components/popover/component.js";
|
|
33
|
+
import { Slider as de } from "./components/slider/component.js";
|
|
34
|
+
import { Tooltip as Se } from "./components/tooltip/component.js";
|
|
35
|
+
import { Breadcrumb as Ae } from "./components/breadcrumb/component.js";
|
|
36
|
+
import { useUniqueKeysTree as Pe } from "./components/tree/useUniqueKeysTree.js";
|
|
37
|
+
import { getUniqueKeysFromOriginals as De, processTreeData as be } from "./components/tree/helpers.js";
|
|
38
|
+
import { Tree as Ie } from "./components/tree/components.js";
|
|
39
|
+
import { Spin as Oe } from "./components/spin/component.js";
|
|
40
|
+
import { Empty as Be, EmptyIcon as ve } from "./components/empty/component.js";
|
|
41
|
+
import { Form as Me } from "./components/form/component.js";
|
|
42
|
+
import { Field as Ue } from "./components/field/component.js";
|
|
43
|
+
import { Tour as Fe } from "./components/tour/component.js";
|
|
44
|
+
import { Toast as Ve } from "./components/toast/component.js";
|
|
45
|
+
import { toast as Ge, toastManager as Ke } from "./components/toast/function.js";
|
|
46
|
+
import { VerticalCollapsiblePanel as He } from "./components/vertical-collapsible-panel/component.js";
|
|
47
|
+
import { PopupPanel as je } from "./components/popup-panel/component.js";
|
|
48
|
+
import { CodeBlock as Xe } from "./components/code-block/component.js";
|
|
49
|
+
import { StackChild as Ze } from "./components/stack/StackChild.js";
|
|
50
|
+
import { Stack as or } from "./components/stack/index.js";
|
|
51
|
+
import { Collapse as rr } from "./components/collapse/component.js";
|
|
52
|
+
import { Input as ar } from "./components/input/component.js";
|
|
53
|
+
import { Badge as mr, InternalBadge as fr } from "./components/badge/component.js";
|
|
54
|
+
import { Radio as xr } from "./components/radio/component.js";
|
|
55
|
+
import { Button as nr } from "./components/button/component.js";
|
|
56
|
+
import { DSRoot as Cr } from "./components/ds-root/component.js";
|
|
57
|
+
import { DSRootContextProvider as ur, useDS as Tr } from "./components/ds-root/context.js";
|
|
58
|
+
import { DragDrop as gr, DragDropRoot as Sr } from "./components/drag-drop/index.js";
|
|
59
|
+
import { ColorSelect as Ar } from "./components/color-select/component.js";
|
|
60
|
+
import { Nav as Pr } from "./components/nav/index.js";
|
|
61
|
+
import { ChoiceList as Dr } from "./components/choice-list/component.js";
|
|
62
|
+
import { StatusIcon as Rr } from "./components/status-icon/component.js";
|
|
63
|
+
import { Resizable as Lr } from "./components/resizable/component.js";
|
|
64
|
+
import { Combobox as yr } from "./components/combobox/component.js";
|
|
65
|
+
import { SelectTrigger as vr } from "./components/select-trigger/component.js";
|
|
66
|
+
import { useForm as Mr, useWatch as _r } from "antd/es/form/Form";
|
|
67
|
+
import { useBreakpoint as wr, useMessage as Fr, useModal as Wr, useToken as Vr } from "./components/hooks/antd.js";
|
|
68
|
+
import { default as Gr } from "antd/es/app/useApp";
|
|
69
|
+
import { useAnimationsFinished as Qr, useEnhancedEffect as Hr, useEventCallback as zr, useLatestRef as jr } from "./components/hooks/base-ui.js";
|
|
70
|
+
import { useControlledState as Xr } from "./components/hooks/useControlledState.js";
|
|
71
|
+
import { useCharts as Zr } from "./components/hooks/useCharts.js";
|
|
72
72
|
import { useCSSVariables as ot } from "./components/hooks/useCSSVariables.js";
|
|
73
|
-
import { useHover as
|
|
73
|
+
import { useHover as rt } from "./components/hooks/useHover.js";
|
|
74
74
|
import { useDraggable as at } from "./components/hooks/useDraggable.js";
|
|
75
75
|
import { antdColorTokens as mt, darkTheme as ft, lightTheme as st } from "./tokens/and-theme/tokens.js";
|
|
76
76
|
import { categoricalChartColorKeys as lt, categoricalChartColorTokens as nt, categoricalChartsColors as it, chartColorTokens as Ct, rawChartColorTokens as ct } from "./tokens/charts/palettes/cloudscape.js";
|
|
77
77
|
import { COLORBREWER as Tt } from "./tokens/charts/palettes/colorbrewer.js";
|
|
78
78
|
import { tab10 as gt, tab20 as St, tab20b as ht, tab20c as At } from "./tokens/charts/palettes/tableau.js";
|
|
79
|
-
import { CATEGORICAL_PALETTES as Pt, CATEGORICAL_PALETTE_NAMES as
|
|
79
|
+
import { CATEGORICAL_PALETTES as Pt, CATEGORICAL_PALETTE_NAMES as kt, SEQUENTIAL_PALETTES as Dt, SEQUENTIAL_PALETTE_NAMES as bt, getAllCategoricalChartColors as Rt, getAllSequentialChartColors as It, getCategoricalChartColors as Lt, getSequentialChartColors as Ot } from "./tokens/charts/palettes/index.js";
|
|
80
80
|
import { getColorsByTheme as Bt, getTokensByTheme as vt, resolveColorTokens as Nt } from "./tokens/utils.js";
|
|
81
81
|
export {
|
|
82
82
|
p as Affix,
|
|
@@ -86,83 +86,83 @@ export {
|
|
|
86
86
|
x as AutoComplete,
|
|
87
87
|
l as Avatar,
|
|
88
88
|
n as BackTop,
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
89
|
+
mr as Badge,
|
|
90
|
+
Ae as Breadcrumb,
|
|
91
|
+
nr as Button,
|
|
92
92
|
Pt as CATEGORICAL_PALETTES,
|
|
93
|
-
|
|
93
|
+
kt as CATEGORICAL_PALETTE_NAMES,
|
|
94
94
|
Tt as COLORBREWER,
|
|
95
95
|
i as Calendar,
|
|
96
96
|
C as Card,
|
|
97
97
|
c as Carousel,
|
|
98
98
|
u as Cascader,
|
|
99
99
|
lo as Checkbox,
|
|
100
|
-
|
|
101
|
-
|
|
100
|
+
Dr as ChoiceList,
|
|
101
|
+
Xe as CodeBlock,
|
|
102
102
|
T as Col,
|
|
103
|
-
|
|
103
|
+
rr as Collapse,
|
|
104
104
|
d as ColorPicker,
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
ve as ComboboxTrigger,
|
|
105
|
+
Ar as ColorSelect,
|
|
106
|
+
yr as Combobox,
|
|
108
107
|
g as ConfigProvider,
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
108
|
+
fe as DROPDOWN_COLLISION_AVOIDANCE,
|
|
109
|
+
Cr as DSRoot,
|
|
110
|
+
ur as DSRootContextProvider,
|
|
112
111
|
S as DatePicker,
|
|
113
112
|
Bo as DefaultUpload,
|
|
114
113
|
h as Descriptions,
|
|
115
114
|
A as Divider,
|
|
116
|
-
|
|
117
|
-
|
|
115
|
+
gr as DragDrop,
|
|
116
|
+
Sr as DragDropRoot,
|
|
118
117
|
E as Drawer,
|
|
119
118
|
P as Dropdown,
|
|
120
|
-
|
|
119
|
+
bo as DropdownMenu,
|
|
121
120
|
Io as DropdownMenuItem,
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
121
|
+
Be as Empty,
|
|
122
|
+
ve as EmptyIcon,
|
|
123
|
+
Ue as Field,
|
|
124
|
+
k as Flex,
|
|
125
|
+
D as FloatButton,
|
|
126
|
+
Me as Form,
|
|
127
|
+
b as Grid,
|
|
129
128
|
mo as IconButton,
|
|
130
|
-
|
|
129
|
+
ar as Input,
|
|
131
130
|
R as InputNumber,
|
|
132
|
-
|
|
131
|
+
fr as InternalBadge,
|
|
133
132
|
I as Layout,
|
|
134
133
|
L as List,
|
|
135
134
|
O as Mentions,
|
|
136
135
|
y as Menu,
|
|
137
136
|
ao as Modal,
|
|
138
|
-
|
|
139
|
-
|
|
137
|
+
Pr as Nav,
|
|
138
|
+
se as POPUP_COLLISION_AVOIDANCE,
|
|
140
139
|
B as Pagination,
|
|
141
140
|
v as Popconfirm,
|
|
142
|
-
|
|
143
|
-
|
|
141
|
+
ue as Popover,
|
|
142
|
+
je as PopupPanel,
|
|
144
143
|
N as Progress,
|
|
145
144
|
M as QRCode,
|
|
146
|
-
|
|
145
|
+
xr as Radio,
|
|
147
146
|
_ as Rate,
|
|
148
|
-
|
|
147
|
+
Lr as Resizable,
|
|
149
148
|
U as Result,
|
|
150
149
|
w as Row,
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
150
|
+
Dt as SEQUENTIAL_PALETTES,
|
|
151
|
+
bt as SEQUENTIAL_PALETTE_NAMES,
|
|
152
|
+
Ce as ScrollArea,
|
|
154
153
|
io as Segmented,
|
|
155
|
-
|
|
154
|
+
ro as Select,
|
|
155
|
+
vr as SelectTrigger,
|
|
156
156
|
F as Skeleton,
|
|
157
|
-
|
|
157
|
+
de as Slider,
|
|
158
158
|
W as Space,
|
|
159
|
-
|
|
159
|
+
Oe as Spin,
|
|
160
160
|
Ao as Split,
|
|
161
161
|
Eo as Splitter,
|
|
162
|
-
|
|
163
|
-
|
|
162
|
+
or as Stack,
|
|
163
|
+
Ze as StackChild,
|
|
164
164
|
V as Statistic,
|
|
165
|
-
|
|
165
|
+
Rr as StatusIcon,
|
|
166
166
|
q as Steps,
|
|
167
167
|
so as Switch,
|
|
168
168
|
co as Table,
|
|
@@ -171,30 +171,30 @@ export {
|
|
|
171
171
|
So as ThemeProvider,
|
|
172
172
|
K as TimePicker,
|
|
173
173
|
Q as Timeline,
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
174
|
+
Ve as Toast,
|
|
175
|
+
Se as Tooltip,
|
|
176
|
+
Fe as Tour,
|
|
177
177
|
H as Transfer,
|
|
178
178
|
Oo as Transition,
|
|
179
|
-
|
|
179
|
+
Ie as Tree,
|
|
180
180
|
z as TreeSelect,
|
|
181
|
-
|
|
181
|
+
ko as Truncate,
|
|
182
182
|
j as Typography,
|
|
183
183
|
vo as Upload,
|
|
184
|
-
|
|
184
|
+
He as VerticalCollapsiblePanel,
|
|
185
185
|
J as Watermark,
|
|
186
|
-
|
|
186
|
+
ee as WithAntdTokens,
|
|
187
187
|
zo as WithRenderProp,
|
|
188
188
|
mt as antdColorTokens,
|
|
189
|
-
|
|
189
|
+
le as buildAntdPlacement,
|
|
190
190
|
lt as categoricalChartColorKeys,
|
|
191
191
|
nt as categoricalChartColorTokens,
|
|
192
192
|
it as categoricalChartsColors,
|
|
193
|
-
|
|
193
|
+
te as changeThemeWithoutTransition,
|
|
194
194
|
Ct as chartColorTokens,
|
|
195
195
|
Uo as clsx,
|
|
196
196
|
wo as cn,
|
|
197
|
-
|
|
197
|
+
r as componentMetadata,
|
|
198
198
|
Fo as cx,
|
|
199
199
|
ft as darkTheme,
|
|
200
200
|
Rt as getAllCategoricalChartColors,
|
|
@@ -205,15 +205,15 @@ export {
|
|
|
205
205
|
Jo as getReactElementProp,
|
|
206
206
|
Ot as getSequentialChartColors,
|
|
207
207
|
vt as getTokensByTheme,
|
|
208
|
-
|
|
208
|
+
De as getUniqueKeysFromOriginals,
|
|
209
209
|
Go as isTracebackError,
|
|
210
210
|
Qo as isValidHexColor,
|
|
211
211
|
st as lightTheme,
|
|
212
212
|
X as message,
|
|
213
|
-
|
|
213
|
+
pe as moveTypingCursorToEnd,
|
|
214
214
|
Y as notification,
|
|
215
|
-
|
|
216
|
-
|
|
215
|
+
ne as parseAntdPlacement,
|
|
216
|
+
be as processTreeData,
|
|
217
217
|
ct as rawChartColorTokens,
|
|
218
218
|
Vo as reactNodeToString,
|
|
219
219
|
Nt as resolveColorTokens,
|
|
@@ -222,31 +222,31 @@ export {
|
|
|
222
222
|
ht as tab20b,
|
|
223
223
|
At as tab20c,
|
|
224
224
|
Z as theme,
|
|
225
|
-
|
|
226
|
-
|
|
225
|
+
Ge as toast,
|
|
226
|
+
Ke as toastManager,
|
|
227
227
|
$ as unstableSetRender,
|
|
228
|
-
|
|
228
|
+
Qr as useAnimationsFinished,
|
|
229
229
|
Yo as useAntdCssVarClassname,
|
|
230
|
-
|
|
231
|
-
|
|
230
|
+
Gr as useApp,
|
|
231
|
+
wr as useBreakpoint,
|
|
232
232
|
ot as useCSSVariables,
|
|
233
|
-
|
|
233
|
+
Zr as useCharts,
|
|
234
234
|
Zo as useCls,
|
|
235
|
-
|
|
236
|
-
|
|
235
|
+
Xr as useControlledState,
|
|
236
|
+
Tr as useDS,
|
|
237
237
|
at as useDraggable,
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
238
|
+
Hr as useEnhancedEffect,
|
|
239
|
+
zr as useEventCallback,
|
|
240
|
+
Mr as useForm,
|
|
241
241
|
$o as useGetPrefixCls,
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
242
|
+
rt as useHover,
|
|
243
|
+
jr as useLatestRef,
|
|
244
|
+
Fr as useMessage,
|
|
245
|
+
Wr as useModal,
|
|
246
|
+
Vr as useToken,
|
|
247
|
+
Pe as useUniqueKeysTree,
|
|
248
248
|
Mo as useUploadItemRender,
|
|
249
|
-
|
|
249
|
+
_r as useWatch,
|
|
250
250
|
oo as version
|
|
251
251
|
};
|
|
252
252
|
//# sourceMappingURL=index.js.map
|
|
@@ -295,16 +295,16 @@ const o = {
|
|
|
295
295
|
cssVar: !0,
|
|
296
296
|
components: {
|
|
297
297
|
Input: {
|
|
298
|
-
activeBorderColor: "var(--ds-
|
|
299
|
-
activeShadow: "var(--ds-
|
|
300
|
-
errorActiveShadow: "var(--ds-
|
|
301
|
-
warningActiveShadow: "var(--ds-
|
|
298
|
+
activeBorderColor: "var(--ds-control-color-border-active)",
|
|
299
|
+
activeShadow: "var(--ds-control-shadow-active)",
|
|
300
|
+
errorActiveShadow: "var(--ds-control-shadow-error-active)",
|
|
301
|
+
warningActiveShadow: "var(--ds-control-shadow-warning-active)"
|
|
302
302
|
},
|
|
303
303
|
InputNumber: {
|
|
304
|
-
activeBorderColor: "var(--ds-
|
|
305
|
-
activeShadow: "var(--ds-
|
|
306
|
-
errorActiveShadow: "var(--ds-
|
|
307
|
-
warningActiveShadow: "var(--ds-
|
|
304
|
+
activeBorderColor: "var(--ds-control-color-border-active)",
|
|
305
|
+
activeShadow: "var(--ds-control-shadow-active)",
|
|
306
|
+
errorActiveShadow: "var(--ds-control-shadow-error-active)",
|
|
307
|
+
warningActiveShadow: "var(--ds-control-shadow-warning-active)"
|
|
308
308
|
},
|
|
309
309
|
Button: {
|
|
310
310
|
defaultShadow: void 0,
|
|
@@ -336,13 +336,13 @@ const o = {
|
|
|
336
336
|
labelColor: "var(--ds-color-text)"
|
|
337
337
|
}
|
|
338
338
|
}
|
|
339
|
-
},
|
|
339
|
+
}, t = {
|
|
340
340
|
token: {
|
|
341
341
|
...r(o, "light"),
|
|
342
342
|
...a
|
|
343
343
|
},
|
|
344
344
|
...l
|
|
345
|
-
},
|
|
345
|
+
}, i = {
|
|
346
346
|
token: {
|
|
347
347
|
...r(o, "dark"),
|
|
348
348
|
...a
|
|
@@ -351,7 +351,7 @@ const o = {
|
|
|
351
351
|
};
|
|
352
352
|
export {
|
|
353
353
|
o as antdColorTokens,
|
|
354
|
-
|
|
355
|
-
|
|
354
|
+
i as darkTheme,
|
|
355
|
+
t as lightTheme
|
|
356
356
|
};
|
|
357
357
|
//# sourceMappingURL=tokens.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tokens.js","sources":["../../../src/tokens/and-theme/tokens.ts"],"sourcesContent":["import { type ThemeConfig } from \"antd\";\nimport { getTokensByTheme } from \"../utils\";\nimport { ColorTokens } from \"../types\";\n\n// Convert Figma variables to Ant Design tokens with light/dark variants\nexport const antdColorTokens: ColorTokens = {\n // Text colors\n colorText: {\n light: \"rgba(0, 0, 0, 0.88)\",\n dark: \"rgba(255, 255, 255, 0.88)\",\n },\n colorTextSecondary: {\n light: \"rgba(0, 0, 0, 0.65)\",\n dark: \"rgba(255, 255, 255, 0.65)\",\n },\n colorTextTertiary: {\n light: \"rgba(0, 0, 0, 0.45)\",\n dark: \"rgba(255, 255, 255, 0.45)\",\n },\n colorTextQuaternary: {\n light: \"rgba(0, 0, 0, 0.25)\",\n dark: \"rgba(255, 255, 255, 0.25)\",\n },\n // Primary colors\n colorPrimary: {\n light: \"#175CD3\",\n dark: \"#2E90FA\",\n },\n colorPrimaryBg: {\n light: \"#E9F2FF\",\n dark: \"#152137\",\n },\n colorPrimaryBgHover: {\n light: \"#D1E9FF\",\n dark: \"#112545\",\n },\n colorPrimaryBorder: {\n light: \"#84CAFF\",\n dark: \"#1C3959\",\n },\n colorPrimaryBorderHover: {\n light: \"#53B1FD\",\n dark: \"#204C7C\",\n },\n colorPrimaryHover: {\n light: \"#1570EF\",\n dark: \"#50A0E8\",\n },\n colorPrimaryActive: {\n light: \"#175CD3\",\n dark: \"#2565AB\",\n },\n colorPrimaryTextHover: {\n light: \"#1570EF\",\n dark: \"#50A0E8\",\n },\n colorPrimaryTextActive: {\n light: \"#175CD3\",\n dark: \"#2565AB\",\n },\n\n // Info colors\n colorInfo: {\n light: \"#175CD3\",\n dark: \"#2E90FA\",\n },\n colorInfoBg: {\n light: \"#E9F2FF\",\n dark: \"#152137\",\n },\n colorInfoBgHover: {\n light: \"#D1E9FF\",\n dark: \"#112545\",\n },\n colorInfoBorder: {\n light: \"#84CAFF\",\n dark: \"#1C3959\",\n },\n colorInfoBorderHover: {\n light: \"#53B1FD\",\n dark: \"#204C7C\",\n },\n colorInfoHover: {\n light: \"#1570EF\",\n dark: \"#50A0E8\",\n },\n colorInfoActive: {\n light: \"#175CD3\",\n dark: \"#2565AB\",\n },\n colorInfoTextHover: {\n light: \"#1570EF\",\n dark: \"#50A0E8\",\n },\n colorInfoTextActive: {\n light: \"#175CD3\",\n dark: \"#2565AB\",\n },\n\n // Success colors\n colorSuccess: {\n light: \"#4CB200\",\n dark: \"#389E0D\",\n },\n colorSuccessBg: {\n light: \"#F6FFF0\",\n dark: \"#162100\",\n },\n colorSuccessBgHover: {\n light: \"#D9F7BE\",\n dark: \"#1D2B00\",\n },\n colorSuccessBorder: {\n light: \"#B7EB8F\",\n dark: \"#274916\",\n },\n colorSuccessBorderHover: {\n light: \"#95DE64\",\n dark: \"#306317\",\n },\n colorSuccessHover: {\n light: \"#73D13D\",\n dark: \"#52C41A\",\n },\n colorSuccessActive: {\n light: \"#389E0D\",\n dark: \"#237804\",\n },\n colorSuccessTextHover: {\n light: \"#237804\",\n dark: \"#52C41A\",\n },\n colorSuccessTextActive: {\n light: \"#092B00\",\n dark: \"#237804\",\n },\n\n // Warning colors\n colorWarning: {\n light: \"#FA8C16\",\n dark: \"#D48806\",\n },\n colorWarningBg: {\n light: \"#FFF7E6\",\n dark: \"#281800\",\n },\n colorWarningBgHover: {\n light: \"#FFE7BA\",\n dark: \"#3D2200\",\n },\n colorWarningBorder: {\n light: \"#FFD591\",\n dark: \"#443B16\",\n },\n colorWarningBorderHover: {\n light: \"#FFC069\",\n dark: \"#594E1A\",\n },\n colorWarningHover: {\n light: \"#FFA940\",\n dark: \"#E8B339\",\n },\n colorWarningActive: {\n light: \"#D46B08\",\n dark: \"#AA7714\",\n },\n colorWarningTextHover: {\n light: \"#AD4E00\",\n dark: \"#E8B339\",\n },\n colorWarningTextActive: {\n light: \"#873800\",\n dark: \"#AA7714\",\n },\n\n // Error colors\n colorError: {\n light: \"#D92D20\",\n dark: \"#CF3D33\",\n },\n colorErrorBg: {\n light: \"#FEF3F2\",\n dark: \"#291414\",\n },\n colorErrorBgHover: {\n light: \"#FEE4E2\",\n dark: \"#411A18\",\n },\n colorErrorBorder: {\n light: \"#FDA29B\",\n dark: \"#562222\",\n },\n colorErrorBorderHover: {\n light: \"#F97066\",\n dark: \"#772A24\",\n },\n colorErrorHover: {\n light: \"#F04438\",\n dark: \"#E5695A\",\n },\n colorErrorActive: {\n light: \"#D92D20\",\n dark: \"#A3332B\",\n },\n colorErrorTextHover: {\n light: \"#F04438\",\n dark: \"#E5695A\",\n },\n colorErrorTextActive: {\n light: \"#D92D20\",\n dark: \"#A3332B\",\n },\n\n // Fill colors\n colorFill: {\n light: \"rgba(0, 0, 0, 0.15)\",\n dark: \"rgba(255, 255, 255, 0.15)\",\n },\n colorFillSecondary: {\n light: \"rgba(0, 0, 0, 0.06)\",\n dark: \"rgba(255, 255, 255, 0.06)\",\n },\n colorFillTertiary: {\n light: \"rgba(0, 0, 0, 0.04)\",\n dark: \"rgba(255, 255, 255, 0.04)\",\n },\n colorFillQuaternary: {\n light: \"rgba(0, 0, 0, 0.02)\",\n dark: \"rgba(255, 255, 255, 0.02)\",\n },\n colorFillAlter: {\n light: \"rgba(0, 0, 0, 0.02)\",\n dark: \"rgba(255, 255, 255, 0.02)\",\n },\n\n // Border colors\n colorBorder: {\n light: \"rgba(0, 0, 0, 0.16)\",\n dark: \"rgba(255, 255, 255, 0.16)\",\n },\n colorBorderSecondary: {\n light: \"rgba(0, 0, 0, 0.06)\",\n dark: \"rgba(255, 255, 255, 0.06)\",\n },\n\n // Icon colors\n colorIcon: {\n light: \"rgba(0, 0, 0, 0.50)\",\n dark: \"rgba(255, 255, 255, 0.58)\",\n },\n colorIconHover: {\n light: \"rgba(0, 0, 0, 0.80)\",\n dark: \"rgba(255, 255, 255, 0.88)\",\n },\n colorBgBase: {\n light: \"#FFFFFF\",\n dark: \"#111113\",\n },\n\n // Background colors\n colorBgContainer: {\n light: \"#FFFFFF\",\n dark: \"#242429\",\n },\n colorBgElevated: {\n light: \"#FFFFFF\",\n dark: \"#2B2B31\",\n },\n colorBgLayout: {\n light: \"#F4F4F5\",\n dark: \"#18181B\",\n },\n colorBgSpotlight: {\n light: \"rgba(0, 0, 0, 0.85)\",\n dark: \"#484851\",\n },\n colorBgMask: {\n light: \"rgba(0, 0, 0, 0.45)\",\n dark: \"rgba(0, 0, 0, 0.45)\",\n },\n\n // Control\n controlOutline: {\n light: \"rgba(0, 0, 0, 0.12)\",\n dark: \"rgba(255, 255, 255, 0.12)\",\n },\n};\n\nconst sharedTokens: ThemeConfig[\"token\"] = {\n fontFamily: \"var(--ds-inter)\",\n fontFamilyCode: \"var(--ds-roboto-mono)\",\n fontSizeHeading1: 36,\n fontSizeHeading2: 30,\n fontSizeHeading3: 24,\n fontSizeHeading4: 20,\n fontSizeHeading5: 16,\n lineHeightHeading1: 40 / 36,\n lineHeightHeading2: 36 / 30,\n lineHeightHeading3: 32 / 24,\n lineHeightHeading4: 28 / 20,\n lineHeightHeading5: 24 / 16,\n lineHeight: 20 / 14,\n lineHeightLG: 24 / 16,\n lineHeightSM: 16 / 12,\n fontWeightStrong: 600,\n boxShadow:\n \"0px 1px 2px rgba(0, 0, 0, 0.06), 0px 1px 6px rgba(0, 0, 0, 0.04), 0px 2px 10px rgba(0, 0, 0, 0.04)\",\n boxShadowSecondary:\n \"0px 0px 1px 0px var(--ds-modal-color-border), 0px 3px 6px 1px rgba(0, 0, 0, 0.08), 0px 6px 26px 2px rgba(0, 0, 0, 0.08), 0px 4px 52px 0px rgba(0, 0, 0, 0.05)\",\n colorBgSpotlight: \"rgba(0, 0, 0, 0.85)\",\n};\n\nconst sharedThemeConfig: ThemeConfig = {\n cssVar: true,\n components: {\n Input: {\n activeBorderColor: \"var(--ds-input-color-border-active)\",\n activeShadow: \"var(--ds-input-shadow-active)\",\n errorActiveShadow: \"var(--ds-input-shadow-error-active)\",\n warningActiveShadow: \"var(--ds-input-shadow-warning-active)\",\n },\n InputNumber: {\n activeBorderColor: \"var(--ds-input-color-border-active)\",\n activeShadow: \"var(--ds-input-shadow-active)\",\n errorActiveShadow: \"var(--ds-input-shadow-error-active)\",\n warningActiveShadow: \"var(--ds-input-shadow-warning-active)\",\n },\n Button: {\n defaultShadow: undefined,\n primaryShadow: undefined,\n dangerShadow: undefined,\n },\n Select: {},\n Segmented: {\n controlHeightLG: 36,\n controlHeightSM: 24,\n },\n Breadcrumb: {\n separatorColor: \"var(--ds-color-border)\",\n },\n Slider: {\n trackBg: \"var(--ds-color-primary)\",\n trackHoverBg: \"var(--ds-color-primary-hover)\",\n trackBgDisabled: \"var(--ds-color-text-disabled)\",\n railBg: \"var(--ds-control-outline)\",\n railHoverBg: \"var(--ds-color-border)\",\n handleColor: \"var(--ds-color-primary)\",\n handleActiveColor: \"var(--ds-color-primary-active)\",\n handleColorDisabled: \"var(--ds-color-text-disabled)\",\n dotBorderColor: \"var(--ds-color-primary)\",\n dotActiveBorderColor: \"var(--ds-color-primary-active)\",\n },\n Form: {\n itemMarginBottom: 16,\n labelColor: \"var(--ds-color-text)\",\n },\n },\n};\n\n// Export theme configurations\nexport const lightTheme: ThemeConfig = {\n token: {\n ...getTokensByTheme(antdColorTokens, \"light\"),\n ...sharedTokens,\n },\n ...sharedThemeConfig,\n};\n\nexport const darkTheme: ThemeConfig = {\n token: {\n ...getTokensByTheme(antdColorTokens, \"dark\"),\n ...sharedTokens,\n },\n ...sharedThemeConfig,\n};\n"],"names":["antdColorTokens","sharedTokens","sharedThemeConfig","lightTheme","getTokensByTheme","darkTheme"],"mappings":";AAKO,MAAMA,IAA+B;AAAA;AAAA,EAE1C,WAAW;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,oBAAoB;AAAA,IAClB,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,mBAAmB;AAAA,IACjB,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,qBAAqB;AAAA,IACnB,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA;AAAA,EAEA,cAAc;AAAA,IACZ,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,gBAAgB;AAAA,IACd,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,qBAAqB;AAAA,IACnB,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,oBAAoB;AAAA,IAClB,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,yBAAyB;AAAA,IACvB,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,mBAAmB;AAAA,IACjB,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,oBAAoB;AAAA,IAClB,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,uBAAuB;AAAA,IACrB,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,wBAAwB;AAAA,IACtB,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA;AAAA,EAGA,WAAW;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,aAAa;AAAA,IACX,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,kBAAkB;AAAA,IAChB,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,iBAAiB;AAAA,IACf,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,sBAAsB;AAAA,IACpB,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,gBAAgB;AAAA,IACd,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,iBAAiB;AAAA,IACf,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,oBAAoB;AAAA,IAClB,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,qBAAqB;AAAA,IACnB,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA;AAAA,EAGA,cAAc;AAAA,IACZ,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,gBAAgB;AAAA,IACd,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,qBAAqB;AAAA,IACnB,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,oBAAoB;AAAA,IAClB,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,yBAAyB;AAAA,IACvB,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,mBAAmB;AAAA,IACjB,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,oBAAoB;AAAA,IAClB,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,uBAAuB;AAAA,IACrB,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,wBAAwB;AAAA,IACtB,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA;AAAA,EAGA,cAAc;AAAA,IACZ,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,gBAAgB;AAAA,IACd,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,qBAAqB;AAAA,IACnB,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,oBAAoB;AAAA,IAClB,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,yBAAyB;AAAA,IACvB,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,mBAAmB;AAAA,IACjB,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,oBAAoB;AAAA,IAClB,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,uBAAuB;AAAA,IACrB,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,wBAAwB;AAAA,IACtB,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA;AAAA,EAGA,YAAY;AAAA,IACV,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,cAAc;AAAA,IACZ,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,mBAAmB;AAAA,IACjB,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,kBAAkB;AAAA,IAChB,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,uBAAuB;AAAA,IACrB,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,iBAAiB;AAAA,IACf,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,kBAAkB;AAAA,IAChB,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,qBAAqB;AAAA,IACnB,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,sBAAsB;AAAA,IACpB,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA;AAAA,EAGA,WAAW;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,oBAAoB;AAAA,IAClB,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,mBAAmB;AAAA,IACjB,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,qBAAqB;AAAA,IACnB,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,gBAAgB;AAAA,IACd,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA;AAAA,EAGA,aAAa;AAAA,IACX,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,sBAAsB;AAAA,IACpB,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA;AAAA,EAGA,WAAW;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,gBAAgB;AAAA,IACd,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,aAAa;AAAA,IACX,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA;AAAA,EAGA,kBAAkB;AAAA,IAChB,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,iBAAiB;AAAA,IACf,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,eAAe;AAAA,IACb,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,kBAAkB;AAAA,IAChB,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,aAAa;AAAA,IACX,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA;AAAA,EAGA,gBAAgB;AAAA,IACd,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAEV,GAEMC,IAAqC;AAAA,EACzC,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,oBAAoB,KAAK;AAAA,EACzB,oBAAoB,KAAK;AAAA,EACzB,oBAAoB,KAAK;AAAA,EACzB,oBAAoB,KAAK;AAAA,EACzB,oBAAoB,KAAK;AAAA,EACzB,YAAY,KAAK;AAAA,EACjB,cAAc,KAAK;AAAA,EACnB,cAAc,KAAK;AAAA,EACnB,kBAAkB;AAAA,EAClB,WACE;AAAA,EACF,oBACE;AAAA,EACF,kBAAkB;AACpB,GAEMC,IAAiC;AAAA,EACrC,QAAQ;AAAA,EACR,YAAY;AAAA,IACV,OAAO;AAAA,MACL,mBAAmB;AAAA,MACnB,cAAc;AAAA,MACd,mBAAmB;AAAA,MACnB,qBAAqB;AAAA,IACvB;AAAA,IACA,aAAa;AAAA,MACX,mBAAmB;AAAA,MACnB,cAAc;AAAA,MACd,mBAAmB;AAAA,MACnB,qBAAqB;AAAA,IACvB;AAAA,IACA,QAAQ;AAAA,MACN,eAAe;AAAA,MACf,eAAe;AAAA,MACf,cAAc;AAAA,IAChB;AAAA,IACA,QAAQ,CAAC;AAAA,IACT,WAAW;AAAA,MACT,iBAAiB;AAAA,MACjB,iBAAiB;AAAA,IACnB;AAAA,IACA,YAAY;AAAA,MACV,gBAAgB;AAAA,IAClB;AAAA,IACA,QAAQ;AAAA,MACN,SAAS;AAAA,MACT,cAAc;AAAA,MACd,iBAAiB;AAAA,MACjB,QAAQ;AAAA,MACR,aAAa;AAAA,MACb,aAAa;AAAA,MACb,mBAAmB;AAAA,MACnB,qBAAqB;AAAA,MACrB,gBAAgB;AAAA,MAChB,sBAAsB;AAAA,IACxB;AAAA,IACA,MAAM;AAAA,MACJ,kBAAkB;AAAA,MAClB,YAAY;AAAA,IAAA;AAAA,EACd;AAEJ,GAGaC,IAA0B;AAAA,EACrC,OAAO;AAAA,IACL,GAAGC,EAAiBJ,GAAiB,OAAO;AAAA,IAC5C,GAAGC;AAAA,EACL;AAAA,EACA,GAAGC;AACL,GAEaG,IAAyB;AAAA,EACpC,OAAO;AAAA,IACL,GAAGD,EAAiBJ,GAAiB,MAAM;AAAA,IAC3C,GAAGC;AAAA,EACL;AAAA,EACA,GAAGC;AACL;"}
|
|
1
|
+
{"version":3,"file":"tokens.js","sources":["../../../src/tokens/and-theme/tokens.ts"],"sourcesContent":["import { type ThemeConfig } from \"antd\";\nimport { getTokensByTheme } from \"../utils\";\nimport { ColorTokens } from \"../types\";\n\n// Convert Figma variables to Ant Design tokens with light/dark variants\nexport const antdColorTokens: ColorTokens = {\n // Text colors\n colorText: {\n light: \"rgba(0, 0, 0, 0.88)\",\n dark: \"rgba(255, 255, 255, 0.88)\",\n },\n colorTextSecondary: {\n light: \"rgba(0, 0, 0, 0.65)\",\n dark: \"rgba(255, 255, 255, 0.65)\",\n },\n colorTextTertiary: {\n light: \"rgba(0, 0, 0, 0.45)\",\n dark: \"rgba(255, 255, 255, 0.45)\",\n },\n colorTextQuaternary: {\n light: \"rgba(0, 0, 0, 0.25)\",\n dark: \"rgba(255, 255, 255, 0.25)\",\n },\n // Primary colors\n colorPrimary: {\n light: \"#175CD3\",\n dark: \"#2E90FA\",\n },\n colorPrimaryBg: {\n light: \"#E9F2FF\",\n dark: \"#152137\",\n },\n colorPrimaryBgHover: {\n light: \"#D1E9FF\",\n dark: \"#112545\",\n },\n colorPrimaryBorder: {\n light: \"#84CAFF\",\n dark: \"#1C3959\",\n },\n colorPrimaryBorderHover: {\n light: \"#53B1FD\",\n dark: \"#204C7C\",\n },\n colorPrimaryHover: {\n light: \"#1570EF\",\n dark: \"#50A0E8\",\n },\n colorPrimaryActive: {\n light: \"#175CD3\",\n dark: \"#2565AB\",\n },\n colorPrimaryTextHover: {\n light: \"#1570EF\",\n dark: \"#50A0E8\",\n },\n colorPrimaryTextActive: {\n light: \"#175CD3\",\n dark: \"#2565AB\",\n },\n\n // Info colors\n colorInfo: {\n light: \"#175CD3\",\n dark: \"#2E90FA\",\n },\n colorInfoBg: {\n light: \"#E9F2FF\",\n dark: \"#152137\",\n },\n colorInfoBgHover: {\n light: \"#D1E9FF\",\n dark: \"#112545\",\n },\n colorInfoBorder: {\n light: \"#84CAFF\",\n dark: \"#1C3959\",\n },\n colorInfoBorderHover: {\n light: \"#53B1FD\",\n dark: \"#204C7C\",\n },\n colorInfoHover: {\n light: \"#1570EF\",\n dark: \"#50A0E8\",\n },\n colorInfoActive: {\n light: \"#175CD3\",\n dark: \"#2565AB\",\n },\n colorInfoTextHover: {\n light: \"#1570EF\",\n dark: \"#50A0E8\",\n },\n colorInfoTextActive: {\n light: \"#175CD3\",\n dark: \"#2565AB\",\n },\n\n // Success colors\n colorSuccess: {\n light: \"#4CB200\",\n dark: \"#389E0D\",\n },\n colorSuccessBg: {\n light: \"#F6FFF0\",\n dark: \"#162100\",\n },\n colorSuccessBgHover: {\n light: \"#D9F7BE\",\n dark: \"#1D2B00\",\n },\n colorSuccessBorder: {\n light: \"#B7EB8F\",\n dark: \"#274916\",\n },\n colorSuccessBorderHover: {\n light: \"#95DE64\",\n dark: \"#306317\",\n },\n colorSuccessHover: {\n light: \"#73D13D\",\n dark: \"#52C41A\",\n },\n colorSuccessActive: {\n light: \"#389E0D\",\n dark: \"#237804\",\n },\n colorSuccessTextHover: {\n light: \"#237804\",\n dark: \"#52C41A\",\n },\n colorSuccessTextActive: {\n light: \"#092B00\",\n dark: \"#237804\",\n },\n\n // Warning colors\n colorWarning: {\n light: \"#FA8C16\",\n dark: \"#D48806\",\n },\n colorWarningBg: {\n light: \"#FFF7E6\",\n dark: \"#281800\",\n },\n colorWarningBgHover: {\n light: \"#FFE7BA\",\n dark: \"#3D2200\",\n },\n colorWarningBorder: {\n light: \"#FFD591\",\n dark: \"#443B16\",\n },\n colorWarningBorderHover: {\n light: \"#FFC069\",\n dark: \"#594E1A\",\n },\n colorWarningHover: {\n light: \"#FFA940\",\n dark: \"#E8B339\",\n },\n colorWarningActive: {\n light: \"#D46B08\",\n dark: \"#AA7714\",\n },\n colorWarningTextHover: {\n light: \"#AD4E00\",\n dark: \"#E8B339\",\n },\n colorWarningTextActive: {\n light: \"#873800\",\n dark: \"#AA7714\",\n },\n\n // Error colors\n colorError: {\n light: \"#D92D20\",\n dark: \"#CF3D33\",\n },\n colorErrorBg: {\n light: \"#FEF3F2\",\n dark: \"#291414\",\n },\n colorErrorBgHover: {\n light: \"#FEE4E2\",\n dark: \"#411A18\",\n },\n colorErrorBorder: {\n light: \"#FDA29B\",\n dark: \"#562222\",\n },\n colorErrorBorderHover: {\n light: \"#F97066\",\n dark: \"#772A24\",\n },\n colorErrorHover: {\n light: \"#F04438\",\n dark: \"#E5695A\",\n },\n colorErrorActive: {\n light: \"#D92D20\",\n dark: \"#A3332B\",\n },\n colorErrorTextHover: {\n light: \"#F04438\",\n dark: \"#E5695A\",\n },\n colorErrorTextActive: {\n light: \"#D92D20\",\n dark: \"#A3332B\",\n },\n\n // Fill colors\n colorFill: {\n light: \"rgba(0, 0, 0, 0.15)\",\n dark: \"rgba(255, 255, 255, 0.15)\",\n },\n colorFillSecondary: {\n light: \"rgba(0, 0, 0, 0.06)\",\n dark: \"rgba(255, 255, 255, 0.06)\",\n },\n colorFillTertiary: {\n light: \"rgba(0, 0, 0, 0.04)\",\n dark: \"rgba(255, 255, 255, 0.04)\",\n },\n colorFillQuaternary: {\n light: \"rgba(0, 0, 0, 0.02)\",\n dark: \"rgba(255, 255, 255, 0.02)\",\n },\n colorFillAlter: {\n light: \"rgba(0, 0, 0, 0.02)\",\n dark: \"rgba(255, 255, 255, 0.02)\",\n },\n\n // Border colors\n colorBorder: {\n light: \"rgba(0, 0, 0, 0.16)\",\n dark: \"rgba(255, 255, 255, 0.16)\",\n },\n colorBorderSecondary: {\n light: \"rgba(0, 0, 0, 0.06)\",\n dark: \"rgba(255, 255, 255, 0.06)\",\n },\n\n // Icon colors\n colorIcon: {\n light: \"rgba(0, 0, 0, 0.50)\",\n dark: \"rgba(255, 255, 255, 0.58)\",\n },\n colorIconHover: {\n light: \"rgba(0, 0, 0, 0.80)\",\n dark: \"rgba(255, 255, 255, 0.88)\",\n },\n colorBgBase: {\n light: \"#FFFFFF\",\n dark: \"#111113\",\n },\n\n // Background colors\n colorBgContainer: {\n light: \"#FFFFFF\",\n dark: \"#242429\",\n },\n colorBgElevated: {\n light: \"#FFFFFF\",\n dark: \"#2B2B31\",\n },\n colorBgLayout: {\n light: \"#F4F4F5\",\n dark: \"#18181B\",\n },\n colorBgSpotlight: {\n light: \"rgba(0, 0, 0, 0.85)\",\n dark: \"#484851\",\n },\n colorBgMask: {\n light: \"rgba(0, 0, 0, 0.45)\",\n dark: \"rgba(0, 0, 0, 0.45)\",\n },\n\n // Control\n controlOutline: {\n light: \"rgba(0, 0, 0, 0.12)\",\n dark: \"rgba(255, 255, 255, 0.12)\",\n },\n};\n\nconst sharedTokens: ThemeConfig[\"token\"] = {\n fontFamily: \"var(--ds-inter)\",\n fontFamilyCode: \"var(--ds-roboto-mono)\",\n fontSizeHeading1: 36,\n fontSizeHeading2: 30,\n fontSizeHeading3: 24,\n fontSizeHeading4: 20,\n fontSizeHeading5: 16,\n lineHeightHeading1: 40 / 36,\n lineHeightHeading2: 36 / 30,\n lineHeightHeading3: 32 / 24,\n lineHeightHeading4: 28 / 20,\n lineHeightHeading5: 24 / 16,\n lineHeight: 20 / 14,\n lineHeightLG: 24 / 16,\n lineHeightSM: 16 / 12,\n fontWeightStrong: 600,\n boxShadow:\n \"0px 1px 2px rgba(0, 0, 0, 0.06), 0px 1px 6px rgba(0, 0, 0, 0.04), 0px 2px 10px rgba(0, 0, 0, 0.04)\",\n boxShadowSecondary:\n \"0px 0px 1px 0px var(--ds-modal-color-border), 0px 3px 6px 1px rgba(0, 0, 0, 0.08), 0px 6px 26px 2px rgba(0, 0, 0, 0.08), 0px 4px 52px 0px rgba(0, 0, 0, 0.05)\",\n colorBgSpotlight: \"rgba(0, 0, 0, 0.85)\",\n};\n\nconst sharedThemeConfig: ThemeConfig = {\n cssVar: true,\n components: {\n Input: {\n activeBorderColor: \"var(--ds-control-color-border-active)\",\n activeShadow: \"var(--ds-control-shadow-active)\",\n errorActiveShadow: \"var(--ds-control-shadow-error-active)\",\n warningActiveShadow: \"var(--ds-control-shadow-warning-active)\",\n },\n InputNumber: {\n activeBorderColor: \"var(--ds-control-color-border-active)\",\n activeShadow: \"var(--ds-control-shadow-active)\",\n errorActiveShadow: \"var(--ds-control-shadow-error-active)\",\n warningActiveShadow: \"var(--ds-control-shadow-warning-active)\",\n },\n Button: {\n defaultShadow: undefined,\n primaryShadow: undefined,\n dangerShadow: undefined,\n },\n Select: {},\n Segmented: {\n controlHeightLG: 36,\n controlHeightSM: 24,\n },\n Breadcrumb: {\n separatorColor: \"var(--ds-color-border)\",\n },\n Slider: {\n trackBg: \"var(--ds-color-primary)\",\n trackHoverBg: \"var(--ds-color-primary-hover)\",\n trackBgDisabled: \"var(--ds-color-text-disabled)\",\n railBg: \"var(--ds-control-outline)\",\n railHoverBg: \"var(--ds-color-border)\",\n handleColor: \"var(--ds-color-primary)\",\n handleActiveColor: \"var(--ds-color-primary-active)\",\n handleColorDisabled: \"var(--ds-color-text-disabled)\",\n dotBorderColor: \"var(--ds-color-primary)\",\n dotActiveBorderColor: \"var(--ds-color-primary-active)\",\n },\n Form: {\n itemMarginBottom: 16,\n labelColor: \"var(--ds-color-text)\",\n },\n },\n};\n\n// Export theme configurations\nexport const lightTheme: ThemeConfig = {\n token: {\n ...getTokensByTheme(antdColorTokens, \"light\"),\n ...sharedTokens,\n },\n ...sharedThemeConfig,\n};\n\nexport const darkTheme: ThemeConfig = {\n token: {\n ...getTokensByTheme(antdColorTokens, \"dark\"),\n ...sharedTokens,\n },\n ...sharedThemeConfig,\n};\n"],"names":["antdColorTokens","sharedTokens","sharedThemeConfig","lightTheme","getTokensByTheme","darkTheme"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bioturing/components",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.29.2",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"module": "./dist/index.js",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
"./tailwind.css": "./dist/tailwind.css"
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|
|
19
|
-
"@ant-design/cssinjs": "^1.
|
|
19
|
+
"@ant-design/cssinjs": "^1.24.0",
|
|
20
20
|
"@base-ui-components/react": "1.0.0-beta.2",
|
|
21
21
|
"@base-ui-components/utils": "0.1.0",
|
|
22
22
|
"@floating-ui/react": "^0.27.13",
|
|
@@ -25,16 +25,16 @@
|
|
|
25
25
|
"merge-refs": "^2.0.0",
|
|
26
26
|
"prism-react-renderer": "^2.4.1",
|
|
27
27
|
"rc-resize-observer": "^1.4.3",
|
|
28
|
-
"rc-select": "^14.16.
|
|
29
|
-
"rc-table": "^7.
|
|
28
|
+
"rc-select": "^14.16.8",
|
|
29
|
+
"rc-table": "^7.51.1",
|
|
30
30
|
"rc-tree": "^5.13.1",
|
|
31
31
|
"rc-util": "^5.44.4",
|
|
32
32
|
"react-use-resizable": "^0.2.0",
|
|
33
33
|
"tailwind-merge": "^3.3.1",
|
|
34
|
-
"@bioturing/assets": "0.21.
|
|
34
|
+
"@bioturing/assets": "0.21.1"
|
|
35
35
|
},
|
|
36
36
|
"peerDependencies": {
|
|
37
|
-
"antd": "^5.
|
|
37
|
+
"antd": "^5.26.7",
|
|
38
38
|
"react": "^18.0.0 || ^19.0.0",
|
|
39
39
|
"react-dom": "^18.0.0 || ^19.0.0"
|
|
40
40
|
},
|
|
@@ -1,89 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as e, jsxs as t } from "react/jsx-runtime";
|
|
3
|
-
import { forwardRef as $ } from "react";
|
|
4
|
-
import { XCircleIcon as j, CaretDownIcon as k } from "@bioturing/assets";
|
|
5
|
-
import { useCls as I } from "../utils/antdUtils.js";
|
|
6
|
-
import { clsx as v } from "../utils/cn.js";
|
|
7
|
-
const y = $(
|
|
8
|
-
({
|
|
9
|
-
selectedOptions: c,
|
|
10
|
-
placeholder: x = "Select...",
|
|
11
|
-
multiple: n = !1,
|
|
12
|
-
disabled: b = !1,
|
|
13
|
-
open: s = !1,
|
|
14
|
-
size: h = "middle",
|
|
15
|
-
allowClear: m = !1,
|
|
16
|
-
suffixIcon: d,
|
|
17
|
-
clearIcon: g,
|
|
18
|
-
classNames: r,
|
|
19
|
-
className: f,
|
|
20
|
-
onClear: l,
|
|
21
|
-
showSelectionSummary: p = !1,
|
|
22
|
-
selectionSummaryRender: i,
|
|
23
|
-
...u
|
|
24
|
-
}, N) => {
|
|
25
|
-
const o = I(), w = () => {
|
|
26
|
-
if (c.length === 0)
|
|
27
|
-
return /* @__PURE__ */ e("span", { className: o("combobox-selection-placeholder"), children: x });
|
|
28
|
-
if (n) {
|
|
29
|
-
if (p) {
|
|
30
|
-
const a = c.map((T) => T.value);
|
|
31
|
-
return /* @__PURE__ */ e("span", { className: o("combobox-selection-summary"), children: i ? i(a) : `${c.length} items selected` });
|
|
32
|
-
}
|
|
33
|
-
return /* @__PURE__ */ e("span", { className: o("combobox-selection-text"), children: c.length === 1 ? c[0].label : `${c.length} items selected` });
|
|
34
|
-
} else
|
|
35
|
-
return /* @__PURE__ */ e("span", { className: o("combobox-selection-text"), children: c[0].label });
|
|
36
|
-
}, C = (a) => {
|
|
37
|
-
a.stopPropagation(), l == null || l();
|
|
38
|
-
};
|
|
39
|
-
return /* @__PURE__ */ e(
|
|
40
|
-
"button",
|
|
41
|
-
{
|
|
42
|
-
ref: N,
|
|
43
|
-
className: v(
|
|
44
|
-
o("combobox"),
|
|
45
|
-
o(`combobox-${h}`),
|
|
46
|
-
n && o("combobox-multiple"),
|
|
47
|
-
b && o("combobox-disabled"),
|
|
48
|
-
s && o("combobox-open"),
|
|
49
|
-
o("combobox-trigger"),
|
|
50
|
-
r == null ? void 0 : r.trigger,
|
|
51
|
-
f
|
|
52
|
-
),
|
|
53
|
-
disabled: b,
|
|
54
|
-
role: "combobox",
|
|
55
|
-
"aria-expanded": s,
|
|
56
|
-
...u,
|
|
57
|
-
children: /* @__PURE__ */ t("span", { className: o("combobox-selector"), children: [
|
|
58
|
-
/* @__PURE__ */ e("span", { className: o("combobox-selection-wrap"), children: w() }),
|
|
59
|
-
/* @__PURE__ */ t("span", { className: o("combobox-selection-suffix"), children: [
|
|
60
|
-
m && c.length > 0 && /* @__PURE__ */ e(
|
|
61
|
-
"span",
|
|
62
|
-
{
|
|
63
|
-
className: o("combobox-clear"),
|
|
64
|
-
unselectable: "on",
|
|
65
|
-
"aria-hidden": "true",
|
|
66
|
-
onClick: C,
|
|
67
|
-
children: g || /* @__PURE__ */ e("span", { className: o("combobox-clear-icon"), children: /* @__PURE__ */ e(j, { weight: "fill" }) })
|
|
68
|
-
}
|
|
69
|
-
),
|
|
70
|
-
(!m || c.length === 0) && /* @__PURE__ */ e(
|
|
71
|
-
"span",
|
|
72
|
-
{
|
|
73
|
-
className: o("combobox-arrow"),
|
|
74
|
-
unselectable: "on",
|
|
75
|
-
"aria-hidden": "true",
|
|
76
|
-
children: d || /* @__PURE__ */ e("span", { className: o("combobox-arrow-icon"), children: /* @__PURE__ */ e(k, { weight: "bold" }) })
|
|
77
|
-
}
|
|
78
|
-
)
|
|
79
|
-
] })
|
|
80
|
-
] })
|
|
81
|
-
}
|
|
82
|
-
);
|
|
83
|
-
}
|
|
84
|
-
);
|
|
85
|
-
y.displayName = "ComboboxTrigger";
|
|
86
|
-
export {
|
|
87
|
-
y as ComboboxTrigger
|
|
88
|
-
};
|
|
89
|
-
//# sourceMappingURL=trigger.js.map
|