@temboplus/frontend-react-core 0.1.3-beta.13 → 0.1.3-beta.14
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/alerts/index.cjs.js +1 -1
- package/dist/alerts/index.cjs.js.map +1 -1
- package/dist/alerts/index.js +1 -1
- package/dist/alerts/index.js.map +1 -1
- package/dist/dialogs/index.cjs.js +3 -3
- package/dist/dialogs/index.cjs.js.map +1 -1
- package/dist/dialogs/index.js +3 -3
- package/dist/dialogs/index.js.map +1 -1
- package/dist/features/alerts/alert.js +18 -18
- package/dist/features/dialogs/tembo-confirm.js +11 -11
- package/dist/features/notifications/tembo-notify.d.ts +3 -2
- package/dist/features/notifications/toast-config.d.ts +4 -3
- package/dist/features/notifications/toast-config.js +7 -7
- package/dist/features/notifications/toast-container.js +2 -2
- package/dist/index.cjs.js +1 -1
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/index.esm.js.map +1 -1
- package/dist/notifications/index.cjs.js +1 -1
- package/dist/notifications/index.js +1 -1
- package/dist/tembo-notify-8__PpMV9.js +3 -0
- package/dist/tembo-notify-8__PpMV9.js.map +1 -0
- package/dist/tembo-notify-DrVkWFXZ.js +3 -0
- package/dist/tembo-notify-DrVkWFXZ.js.map +1 -0
- package/dist/theme/index.cjs.js +1 -1
- package/dist/theme/index.js +1 -1
- package/dist/theme/theme-config.d.ts +3 -3
- package/dist/theme/theme-config.js +44 -89
- package/dist/theme/theme-provider.d.ts +3 -3
- package/dist/theme/theme-provider.js +5 -7
- package/dist/theme/tokens/{color.d.ts → colors.d.ts} +32 -17
- package/dist/theme/tokens/{color.js → colors.js} +65 -46
- package/dist/theme/tokens/constants.d.ts +15 -42
- package/dist/theme/tokens/constants.js +43 -40
- package/dist/theme-provider-BP-1aQ22.js +11 -0
- package/dist/theme-provider-BP-1aQ22.js.map +1 -0
- package/dist/theme-provider-Ck6qg6WJ.js +2 -0
- package/dist/theme-provider-Ck6qg6WJ.js.map +1 -0
- package/dist/theme-provider-Cpt7os8V.js +2 -0
- package/dist/theme-provider-Cpt7os8V.js.map +1 -0
- package/dist/theme-provider-CvaUdBY_.js +11 -0
- package/dist/theme-provider-CvaUdBY_.js.map +1 -0
- package/package.json +1 -1
- package/dist/tembo-notify-CW2KXwZW.js +0 -3
- package/dist/tembo-notify-CW2KXwZW.js.map +0 -1
- package/dist/tembo-notify-EJeawMJ_.js +0 -3
- package/dist/tembo-notify-EJeawMJ_.js.map +0 -1
- package/dist/theme-provider-BVd_oFrl.js +0 -11
- package/dist/theme-provider-BVd_oFrl.js.map +0 -1
- package/dist/theme-provider-dbf4ZeQO.js +0 -11
- package/dist/theme-provider-dbf4ZeQO.js.map +0 -1
|
@@ -4,47 +4,49 @@
|
|
|
4
4
|
* Monochrome-first design system with purposeful color usage.
|
|
5
5
|
*
|
|
6
6
|
* Philosophy:
|
|
7
|
-
* -
|
|
8
|
-
* -
|
|
9
|
-
* - Standard blue for links
|
|
7
|
+
* - 6 neutral tones for optimal contrast and clean mapping
|
|
8
|
+
* - Monochrome foundation with semantic color accents
|
|
9
|
+
* - Standard blue for links and focus states
|
|
10
10
|
* - Theme-aware: entire system adapts to light/dark mode
|
|
11
|
-
*
|
|
12
|
-
* Inspired by: Wise, Linear, Apple HIG
|
|
13
11
|
*/
|
|
14
12
|
/**
|
|
15
|
-
* Build light mode colors
|
|
13
|
+
* Build light mode colors with 6-tone neutral scale
|
|
16
14
|
*/
|
|
17
15
|
const buildLightModeColors = () => ({
|
|
18
16
|
mode: 'light',
|
|
17
|
+
// 6 neutral tones - optimized for accessibility
|
|
19
18
|
neutral: {
|
|
20
|
-
1: '#FFFFFF', // Pure white
|
|
21
|
-
2: '#
|
|
22
|
-
3: '#
|
|
23
|
-
4: '#
|
|
19
|
+
1: '#FFFFFF', // Pure white
|
|
20
|
+
2: '#F5F7FA', // Very light gray - page backgrounds
|
|
21
|
+
3: '#E5E7EB', // Light gray - hover, subtle borders
|
|
22
|
+
4: '#D1D5DB', // Medium gray - default borders
|
|
23
|
+
5: '#6B7280', // Dark gray - secondary text, strong borders
|
|
24
|
+
6: '#111827', // Near black - primary text, actions
|
|
24
25
|
},
|
|
25
26
|
absolute: {
|
|
26
27
|
black: '#000000',
|
|
27
28
|
white: '#FFFFFF',
|
|
28
29
|
},
|
|
30
|
+
// Standard blue for links and focus states
|
|
29
31
|
link: {
|
|
30
32
|
default: '#2563EB', // Standard web blue
|
|
31
33
|
hover: '#1D4ED8', // Darker blue
|
|
32
|
-
visited: '#7C3AED', // Purple (standard)
|
|
34
|
+
visited: '#7C3AED', // Purple (web standard)
|
|
33
35
|
active: '#1E40AF', // Even darker blue
|
|
34
36
|
},
|
|
35
37
|
semantic: {
|
|
36
38
|
success: {
|
|
37
|
-
main: '#059669', // Dark green (
|
|
39
|
+
main: '#059669', // Dark green (7.0:1 contrast)
|
|
38
40
|
subtle: '#ECFDF5', // Very light green
|
|
39
41
|
contrast: '#FFFFFF', // White text on main
|
|
40
42
|
},
|
|
41
43
|
error: {
|
|
42
|
-
main: '#DC2626', // Dark red
|
|
44
|
+
main: '#DC2626', // Dark red (6.5:1 contrast)
|
|
43
45
|
subtle: '#FEF2F2', // Very light red
|
|
44
46
|
contrast: '#FFFFFF',
|
|
45
47
|
},
|
|
46
48
|
warning: {
|
|
47
|
-
main: '#D97706', // Dark amber
|
|
49
|
+
main: '#D97706', // Dark amber (6.0:1 contrast)
|
|
48
50
|
subtle: '#FFFBEB', // Very light yellow
|
|
49
51
|
contrast: '#FFFFFF',
|
|
50
52
|
},
|
|
@@ -86,40 +88,50 @@ const buildLightModeColors = () => ({
|
|
|
86
88
|
contrast: '#FFFFFF',
|
|
87
89
|
},
|
|
88
90
|
},
|
|
89
|
-
// Derived surface tokens
|
|
91
|
+
// Derived surface tokens (from 6-tone scale)
|
|
90
92
|
surface: {
|
|
91
|
-
page: '#
|
|
93
|
+
page: '#F5F7FA', // neutral[2]
|
|
92
94
|
card: '#FFFFFF', // neutral[1]
|
|
93
95
|
overlay: '#FFFFFF', // neutral[1]
|
|
94
|
-
interactive: '#
|
|
95
|
-
selected: '#
|
|
96
|
-
nested: '#FAFBFC', // Between neutral[1] and
|
|
96
|
+
interactive: '#E5E7EB', // neutral[3]
|
|
97
|
+
selected: '#E5E7EB', // neutral[3]
|
|
98
|
+
nested: '#FAFBFC', // Between neutral[1] and [2]
|
|
97
99
|
},
|
|
98
100
|
// Derived border tokens
|
|
99
101
|
border: {
|
|
100
|
-
subtle: '#
|
|
101
|
-
default: '#
|
|
102
|
-
strong: '#
|
|
102
|
+
subtle: '#E5E7EB', // neutral[3]
|
|
103
|
+
default: '#D1D5DB', // neutral[4]
|
|
104
|
+
strong: '#6B7280', // neutral[5]
|
|
103
105
|
},
|
|
104
106
|
// Derived text tokens
|
|
105
107
|
text: {
|
|
106
|
-
primary: '#
|
|
107
|
-
secondary: '#
|
|
108
|
-
tertiary: '#
|
|
109
|
-
disabled: '#
|
|
108
|
+
primary: '#111827', // neutral[6] - 16:1 contrast ✅
|
|
109
|
+
secondary: '#6B7280', // neutral[5] - 4.6:1 contrast ✅
|
|
110
|
+
tertiary: '#6B7280', // neutral[5] - same as secondary
|
|
111
|
+
disabled: '#D1D5DB', // neutral[4] - clear disabled state
|
|
110
112
|
inverse: '#FFFFFF', // neutral[1]
|
|
111
113
|
},
|
|
114
|
+
// Monochrome actions
|
|
115
|
+
action: {
|
|
116
|
+
default: '#111827', // neutral[6] - dark button
|
|
117
|
+
hover: '#1F2937', // Slightly lighter than neutral[6]
|
|
118
|
+
disabled: '#E5E7EB', // neutral[3] - light disabled
|
|
119
|
+
contrast: '#FFFFFF', // neutral[1] - white text
|
|
120
|
+
},
|
|
112
121
|
});
|
|
113
122
|
/**
|
|
114
|
-
* Build dark mode colors
|
|
123
|
+
* Build dark mode colors with inverted 6-tone scale
|
|
115
124
|
*/
|
|
116
125
|
const buildDarkModeColors = () => ({
|
|
117
126
|
mode: 'dark',
|
|
127
|
+
// 6 neutral tones - inverted for dark mode
|
|
118
128
|
neutral: {
|
|
119
|
-
1: '#
|
|
120
|
-
2: '#
|
|
121
|
-
3: '#
|
|
122
|
-
4: '#
|
|
129
|
+
1: '#111827', // Near black
|
|
130
|
+
2: '#1F2937', // Very dark gray
|
|
131
|
+
3: '#374151', // Dark gray
|
|
132
|
+
4: '#4B5563', // Medium gray
|
|
133
|
+
5: '#9CA3AF', // Light gray
|
|
134
|
+
6: '#F9FAFB', // Off white
|
|
123
135
|
},
|
|
124
136
|
absolute: {
|
|
125
137
|
black: '#000000',
|
|
@@ -133,7 +145,7 @@ const buildDarkModeColors = () => ({
|
|
|
133
145
|
},
|
|
134
146
|
semantic: {
|
|
135
147
|
success: {
|
|
136
|
-
main: '#34D399', // Bright green
|
|
148
|
+
main: '#34D399', // Bright green
|
|
137
149
|
subtle: '#064E3B', // Dark green background
|
|
138
150
|
contrast: '#000000', // Black text on bright
|
|
139
151
|
},
|
|
@@ -187,26 +199,33 @@ const buildDarkModeColors = () => ({
|
|
|
187
199
|
},
|
|
188
200
|
// Derived surface tokens
|
|
189
201
|
surface: {
|
|
190
|
-
page: '#
|
|
191
|
-
card: '#
|
|
192
|
-
overlay: '#
|
|
193
|
-
interactive: '#
|
|
194
|
-
selected: '#
|
|
195
|
-
nested: '#
|
|
202
|
+
page: '#1F2937', // neutral[2]
|
|
203
|
+
card: '#111827', // neutral[1]
|
|
204
|
+
overlay: '#1F2937', // neutral[2]
|
|
205
|
+
interactive: '#374151', // neutral[3]
|
|
206
|
+
selected: '#374151', // neutral[3]
|
|
207
|
+
nested: '#1A1F2E', // Between neutral[1] and [2]
|
|
196
208
|
},
|
|
197
209
|
// Derived border tokens
|
|
198
210
|
border: {
|
|
199
|
-
subtle: '#
|
|
200
|
-
default: '#
|
|
201
|
-
strong: '#
|
|
211
|
+
subtle: '#374151', // neutral[3]
|
|
212
|
+
default: '#4B5563', // neutral[4]
|
|
213
|
+
strong: '#9CA3AF', // neutral[5]
|
|
202
214
|
},
|
|
203
215
|
// Derived text tokens
|
|
204
216
|
text: {
|
|
205
|
-
primary: '#
|
|
206
|
-
secondary: '#
|
|
207
|
-
tertiary: '#
|
|
208
|
-
disabled: '#
|
|
209
|
-
inverse: '#
|
|
217
|
+
primary: '#F9FAFB', // neutral[6]
|
|
218
|
+
secondary: '#9CA3AF', // neutral[5]
|
|
219
|
+
tertiary: '#9CA3AF', // neutral[5]
|
|
220
|
+
disabled: '#4B5563', // neutral[4]
|
|
221
|
+
inverse: '#111827', // neutral[1]
|
|
222
|
+
},
|
|
223
|
+
// Monochrome actions (inverted)
|
|
224
|
+
action: {
|
|
225
|
+
default: '#F9FAFB', // neutral[6] - light button
|
|
226
|
+
hover: '#E5E7EB', // Slightly darker
|
|
227
|
+
disabled: '#374151', // neutral[3] - dark disabled
|
|
228
|
+
contrast: '#111827', // neutral[1] - dark text
|
|
210
229
|
},
|
|
211
230
|
});
|
|
212
231
|
/**
|
|
@@ -1,32 +1,18 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Tembo Design System - Constants
|
|
3
3
|
*
|
|
4
|
-
* All non-color design tokens
|
|
5
|
-
*
|
|
6
|
-
*
|
|
7
|
-
* @example
|
|
8
|
-
* const { constants } = useTemboTheme();
|
|
9
|
-
* style={{
|
|
10
|
-
* borderRadius: constants.radius.base,
|
|
11
|
-
* padding: constants.spacing.lg,
|
|
12
|
-
* fontWeight: constants.typography.fontWeight.medium
|
|
13
|
-
* }}
|
|
14
|
-
*/
|
|
15
|
-
/**
|
|
16
|
-
* Complete UI constants interface
|
|
4
|
+
* All non-color design tokens: typography, spacing, radius, shadows, etc.
|
|
5
|
+
* Bold rounded corners with subtle shadows for elevation.
|
|
17
6
|
*/
|
|
18
|
-
export interface
|
|
7
|
+
export interface UIConstants {
|
|
19
8
|
/**
|
|
20
9
|
* Typography tokens
|
|
21
|
-
* Font families, sizes, weights, and line heights
|
|
22
10
|
*/
|
|
23
11
|
typography: {
|
|
24
|
-
/** Primary font stack used throughout the application */
|
|
25
12
|
fontFamily: {
|
|
26
13
|
base: string;
|
|
27
14
|
mono: string;
|
|
28
15
|
};
|
|
29
|
-
/** Font size scale - use 'base' (14px) for body text */
|
|
30
16
|
fontSize: {
|
|
31
17
|
xs: number;
|
|
32
18
|
sm: number;
|
|
@@ -58,9 +44,7 @@ export interface TemboUIConstants {
|
|
|
58
44
|
};
|
|
59
45
|
};
|
|
60
46
|
/**
|
|
61
|
-
* Spacing scale
|
|
62
|
-
* Consistent spacing values for margins, padding, and gaps
|
|
63
|
-
* Based on 4px grid system
|
|
47
|
+
* Spacing scale (4px base unit)
|
|
64
48
|
*/
|
|
65
49
|
spacing: {
|
|
66
50
|
0: number;
|
|
@@ -77,8 +61,8 @@ export interface TemboUIConstants {
|
|
|
77
61
|
20: number;
|
|
78
62
|
};
|
|
79
63
|
/**
|
|
80
|
-
* Border radius tokens
|
|
81
|
-
*
|
|
64
|
+
* Border radius tokens
|
|
65
|
+
* Bold, smooth rounded corners throughout the design
|
|
82
66
|
*/
|
|
83
67
|
radius: {
|
|
84
68
|
none: number;
|
|
@@ -88,21 +72,16 @@ export interface TemboUIConstants {
|
|
|
88
72
|
lg: number;
|
|
89
73
|
xl: number;
|
|
90
74
|
full: number;
|
|
91
|
-
};
|
|
92
|
-
/**
|
|
93
|
-
* Component-specific radius
|
|
94
|
-
*/
|
|
95
|
-
componentRadius: {
|
|
96
75
|
button: number;
|
|
97
76
|
input: number;
|
|
98
77
|
card: number;
|
|
99
78
|
modal: number;
|
|
100
79
|
avatar: number;
|
|
101
|
-
badge: number;
|
|
102
80
|
};
|
|
103
81
|
/**
|
|
104
82
|
* Box shadow tokens
|
|
105
|
-
*
|
|
83
|
+
* Subtle shadows for gentle elevation
|
|
84
|
+
* Inputs and buttons have no shadow - shadows only for raised/overlay elements
|
|
106
85
|
*/
|
|
107
86
|
shadow: {
|
|
108
87
|
none: string;
|
|
@@ -110,19 +89,14 @@ export interface TemboUIConstants {
|
|
|
110
89
|
base: string;
|
|
111
90
|
md: string;
|
|
112
91
|
lg: string;
|
|
113
|
-
|
|
114
|
-
/**
|
|
115
|
-
* Component-specific shadows
|
|
116
|
-
*/
|
|
117
|
-
componentShadow: {
|
|
92
|
+
xl: string;
|
|
118
93
|
card: string;
|
|
119
|
-
dropdown: string;
|
|
120
94
|
modal: string;
|
|
95
|
+
popover: string;
|
|
121
96
|
tooltip: string;
|
|
122
97
|
};
|
|
123
98
|
/**
|
|
124
99
|
* Z-index layers
|
|
125
|
-
* Stacking order for overlays and floating elements
|
|
126
100
|
*/
|
|
127
101
|
zIndex: {
|
|
128
102
|
dropdown: number;
|
|
@@ -133,7 +107,6 @@ export interface TemboUIConstants {
|
|
|
133
107
|
};
|
|
134
108
|
/**
|
|
135
109
|
* Transition timing
|
|
136
|
-
* Animation durations for consistent motion
|
|
137
110
|
*/
|
|
138
111
|
transition: {
|
|
139
112
|
fast: string;
|
|
@@ -143,11 +116,11 @@ export interface TemboUIConstants {
|
|
|
143
116
|
}
|
|
144
117
|
/**
|
|
145
118
|
* Default UI constants
|
|
146
|
-
*
|
|
119
|
+
* Bold rounded corners with subtle shadows for elevation
|
|
147
120
|
*/
|
|
148
|
-
export declare const defaultUIConstants:
|
|
121
|
+
export declare const defaultUIConstants: UIConstants;
|
|
149
122
|
/**
|
|
150
|
-
* Dark mode
|
|
151
|
-
*
|
|
123
|
+
* Dark mode adjustments
|
|
124
|
+
* Shadows are more subtle/absent in dark mode
|
|
152
125
|
*/
|
|
153
|
-
export declare const buildDarkModeConstants: () => Pick<
|
|
126
|
+
export declare const buildDarkModeConstants: () => Pick<UIConstants, "shadow">;
|
|
@@ -1,20 +1,12 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Tembo Design System - Constants
|
|
3
3
|
*
|
|
4
|
-
* All non-color design tokens
|
|
5
|
-
*
|
|
6
|
-
*
|
|
7
|
-
* @example
|
|
8
|
-
* const { constants } = useTemboTheme();
|
|
9
|
-
* style={{
|
|
10
|
-
* borderRadius: constants.radius.base,
|
|
11
|
-
* padding: constants.spacing.lg,
|
|
12
|
-
* fontWeight: constants.typography.fontWeight.medium
|
|
13
|
-
* }}
|
|
4
|
+
* All non-color design tokens: typography, spacing, radius, shadows, etc.
|
|
5
|
+
* Bold rounded corners with subtle shadows for elevation.
|
|
14
6
|
*/
|
|
15
7
|
/**
|
|
16
8
|
* Default UI constants
|
|
17
|
-
*
|
|
9
|
+
* Bold rounded corners with subtle shadows for elevation
|
|
18
10
|
*/
|
|
19
11
|
export const defaultUIConstants = {
|
|
20
12
|
typography: {
|
|
@@ -66,35 +58,39 @@ export const defaultUIConstants = {
|
|
|
66
58
|
16: 64,
|
|
67
59
|
20: 80,
|
|
68
60
|
},
|
|
61
|
+
/**
|
|
62
|
+
* Bold rounded corners
|
|
63
|
+
*/
|
|
69
64
|
radius: {
|
|
70
65
|
none: 0,
|
|
71
|
-
sm:
|
|
72
|
-
base:
|
|
73
|
-
md:
|
|
74
|
-
lg:
|
|
75
|
-
xl:
|
|
66
|
+
sm: 12,
|
|
67
|
+
base: 24, // Bold default radius
|
|
68
|
+
md: 28,
|
|
69
|
+
lg: 32,
|
|
70
|
+
xl: 40,
|
|
76
71
|
full: 9999,
|
|
72
|
+
// Alias tokens
|
|
73
|
+
button: 24, // base - bold rounded buttons
|
|
74
|
+
input: 24, // base - bold rounded inputs
|
|
75
|
+
card: 28, // md - smooth cards
|
|
76
|
+
modal: 32, // lg - prominent modals
|
|
77
|
+
avatar: 9999, // full - circular
|
|
77
78
|
},
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
card: 16, // Apple-style rounded cards
|
|
82
|
-
modal: 20,
|
|
83
|
-
avatar: 9999,
|
|
84
|
-
badge: 6,
|
|
85
|
-
},
|
|
79
|
+
/**
|
|
80
|
+
* Subtle shadows - only for elevated/overlay elements
|
|
81
|
+
*/
|
|
86
82
|
shadow: {
|
|
87
83
|
none: 'none',
|
|
88
84
|
sm: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
|
|
89
|
-
base: '0
|
|
90
|
-
md: '0 4px
|
|
91
|
-
lg: '0
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
card: '0
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
tooltip: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
|
|
85
|
+
base: '0 2px 4px 0 rgba(0, 0, 0, 0.06)',
|
|
86
|
+
md: '0 4px 8px 0 rgba(0, 0, 0, 0.08)',
|
|
87
|
+
lg: '0 8px 16px 0 rgba(0, 0, 0, 0.10)',
|
|
88
|
+
xl: '0 12px 24px 0 rgba(0, 0, 0, 0.12)',
|
|
89
|
+
// Alias tokens - semantic shadows
|
|
90
|
+
card: '0 2px 4px 0 rgba(0, 0, 0, 0.06)', // base - gentle
|
|
91
|
+
modal: '0 8px 16px 0 rgba(0, 0, 0, 0.10)', // lg - prominent
|
|
92
|
+
popover: '0 4px 8px 0 rgba(0, 0, 0, 0.08)', // md - medium
|
|
93
|
+
tooltip: '0 1px 2px 0 rgba(0, 0, 0, 0.05)', // sm - subtle
|
|
98
94
|
},
|
|
99
95
|
zIndex: {
|
|
100
96
|
dropdown: 1000,
|
|
@@ -110,14 +106,21 @@ export const defaultUIConstants = {
|
|
|
110
106
|
},
|
|
111
107
|
};
|
|
112
108
|
/**
|
|
113
|
-
* Dark mode
|
|
114
|
-
*
|
|
109
|
+
* Dark mode adjustments
|
|
110
|
+
* Shadows are more subtle/absent in dark mode
|
|
115
111
|
*/
|
|
116
112
|
export const buildDarkModeConstants = () => ({
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
113
|
+
shadow: {
|
|
114
|
+
none: 'none',
|
|
115
|
+
sm: '0 1px 2px 0 rgba(0, 0, 0, 0.2)',
|
|
116
|
+
base: '0 2px 4px 0 rgba(0, 0, 0, 0.25)',
|
|
117
|
+
md: '0 4px 8px 0 rgba(0, 0, 0, 0.3)',
|
|
118
|
+
lg: '0 8px 16px 0 rgba(0, 0, 0, 0.35)',
|
|
119
|
+
xl: '0 12px 24px 0 rgba(0, 0, 0, 0.4)',
|
|
120
|
+
// Alias tokens - adjusted for dark mode
|
|
121
|
+
card: 'none', // No shadow on cards in dark mode
|
|
122
|
+
modal: '0 8px 16px 0 rgba(0, 0, 0, 0.35)', // Stronger in dark
|
|
123
|
+
popover: '0 4px 8px 0 rgba(0, 0, 0, 0.3)', // Stronger in dark
|
|
124
|
+
tooltip: '0 1px 2px 0 rgba(0, 0, 0, 0.2)', // Stronger in dark
|
|
122
125
|
},
|
|
123
126
|
});
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import e from"react";import{ConfigProvider as r}from"antd";var o,t={exports:{}},a={};var i,n,c={};
|
|
2
|
+
/**
|
|
3
|
+
* @license React
|
|
4
|
+
* react-jsx-runtime.development.js
|
|
5
|
+
*
|
|
6
|
+
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
7
|
+
*
|
|
8
|
+
* This source code is licensed under the MIT license found in the
|
|
9
|
+
* LICENSE file in the root directory of this source tree.
|
|
10
|
+
*/function l(){return i||(i=1,"production"!==process.env.NODE_ENV&&function(){function r(e){if(null==e)return null;if("function"==typeof e)return e.$$typeof===C?null:e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case f:return"Fragment";case b:return"Profiler";case y:return"StrictMode";case B:return"Suspense";case h:return"SuspenseList";case H:return"Activity"}if("object"==typeof e)switch("number"==typeof e.tag&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case m:return"Portal";case v:return e.displayName||"Context";case x:return(e._context.displayName||"Context")+".Consumer";case F:var o=e.render;return(e=e.displayName)||(e=""!==(e=o.displayName||o.name||"")?"ForwardRef("+e+")":"ForwardRef"),e;case S:return null!==(o=e.displayName||null)?o:r(e.type)||"Memo";case k:o=e._payload,e=e._init;try{return r(e(o))}catch(e){}}return null}function o(e){return""+e}function t(e){try{o(e);var r=!1}catch(e){r=!0}if(r){var t=(r=console).error,a="function"==typeof Symbol&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",a),o(e)}}function a(e){if(e===f)return"<>";if("object"==typeof e&&null!==e&&e.$$typeof===k)return"<...>";try{var o=r(e);return o?"<"+o+">":"<...>"}catch(e){return"<...>"}}function i(){return Error("react-stack-top-frame")}function n(){var e=r(this.type);return z[e]||(z[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),void 0!==(e=this.props.ref)?e:null}function l(e,o,a,i,c,l){var d,g=o.children;if(void 0!==g)if(i)if(E(g)){for(i=0;i<g.length;i++)s(g[i]);Object.freeze&&Object.freeze(g)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else s(g);if(w.call(o,"key")){g=r(e);var m=Object.keys(o).filter(function(e){return"key"!==e});i=0<m.length?"{key: someKey, "+m.join(": ..., ")+": ...}":"{key: someKey}",R[g+i]||(m=0<m.length?"{"+m.join(": ..., ")+": ...}":"{}",console.error('A props object containing a "key" prop is being spread into JSX:\n let props = %s;\n <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n let props = %s;\n <%s key={someKey} {...props} />',i,g,m,g),R[g+i]=!0)}if(g=null,void 0!==a&&(t(a),g=""+a),function(e){if(w.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return void 0!==e.key}(o)&&(t(o.key),g=""+o.key),"key"in o)for(var f in a={},o)"key"!==f&&(a[f]=o[f]);else a=o;return g&&function(e,r){function o(){u||(u=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",r))}o.isReactWarning=!0,Object.defineProperty(e,"key",{get:o,configurable:!0})}(a,"function"==typeof e?e.displayName||e.name||"Unknown":e),function(e,r,o,t,a,i){var c=o.ref;return e={$$typeof:p,type:e,key:r,props:o,_owner:t},null!==(void 0!==c?c:null)?Object.defineProperty(e,"ref",{enumerable:!1,get:n}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:a}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:i}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}(e,g,a,null===(d=T.A)?null:d.getOwner(),c,l)}function s(e){d(e)?e._store&&(e._store.validated=1):"object"==typeof e&&null!==e&&e.$$typeof===k&&("fulfilled"===e._payload.status?d(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function d(e){return"object"==typeof e&&null!==e&&e.$$typeof===p}var u,g=e,p=Symbol.for("react.transitional.element"),m=Symbol.for("react.portal"),f=Symbol.for("react.fragment"),y=Symbol.for("react.strict_mode"),b=Symbol.for("react.profiler"),x=Symbol.for("react.consumer"),v=Symbol.for("react.context"),F=Symbol.for("react.forward_ref"),B=Symbol.for("react.suspense"),h=Symbol.for("react.suspense_list"),S=Symbol.for("react.memo"),k=Symbol.for("react.lazy"),H=Symbol.for("react.activity"),C=Symbol.for("react.client.reference"),T=g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,w=Object.prototype.hasOwnProperty,E=Array.isArray,P=console.createTask?console.createTask:function(){return null},z={},A=(g={react_stack_bottom_frame:function(e){return e()}}).react_stack_bottom_frame.bind(g,i)(),I=P(a(i)),R={};c.Fragment=f,c.jsx=function(e,r,o){var t=1e4>T.recentlyCreatedOwnerStacks++;return l(e,r,o,!1,t?Error("react-stack-top-frame"):A,t?P(a(e)):I)},c.jsxs=function(e,r,o){var t=1e4>T.recentlyCreatedOwnerStacks++;return l(e,r,o,!0,t?Error("react-stack-top-frame"):A,t?P(a(e)):I)}}()),c}var s=(n||(n=1,"production"===process.env.NODE_ENV?t.exports=function(){if(o)return a;o=1;var e=Symbol.for("react.transitional.element"),r=Symbol.for("react.fragment");function t(r,o,t){var a=null;if(void 0!==t&&(a=""+t),void 0!==o.key&&(a=""+o.key),"key"in o)for(var i in t={},o)"key"!==i&&(t[i]=o[i]);else t=o;return o=t.ref,{$$typeof:e,type:r,key:a,ref:void 0!==o?o:null,props:t}}return a.Fragment=r,a.jsx=t,a.jsxs=t,a}():t.exports=l()),t.exports);const d={typography:{fontFamily:{base:"Avenir, MarkPro, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",mono:"'SF Mono', 'Monaco', 'Inconsolata', 'Fira Mono', monospace"},fontSize:{xs:12,sm:13,base:14,lg:16,xl:18,"2xl":20,"3xl":24,"4xl":30,"5xl":36},fontWeight:{light:300,regular:400,medium:500,semibold:600,bold:700,heavy:800},lineHeight:{tight:1.25,base:1.5,relaxed:1.75},letterSpacing:{tight:"-0.01em",base:"0",wide:"0.025em"}},spacing:{0:0,1:4,2:8,3:12,4:16,5:20,6:24,8:32,10:40,12:48,16:64,20:80},radius:{none:0,sm:12,base:24,md:28,lg:32,xl:40,full:9999,button:24,input:24,card:28,modal:32,avatar:9999},shadow:{none:"none",sm:"0 1px 2px 0 rgba(0, 0, 0, 0.05)",base:"0 2px 4px 0 rgba(0, 0, 0, 0.06)",md:"0 4px 8px 0 rgba(0, 0, 0, 0.08)",lg:"0 8px 16px 0 rgba(0, 0, 0, 0.10)",xl:"0 12px 24px 0 rgba(0, 0, 0, 0.12)",card:"0 2px 4px 0 rgba(0, 0, 0, 0.06)",modal:"0 8px 16px 0 rgba(0, 0, 0, 0.10)",popover:"0 4px 8px 0 rgba(0, 0, 0, 0.08)",tooltip:"0 1px 2px 0 rgba(0, 0, 0, 0.05)"},zIndex:{dropdown:1e3,modal:1050,popover:1060,tooltip:1070,notification:1080},transition:{fast:"150ms cubic-bezier(0.4, 0, 0.2, 1)",base:"200ms cubic-bezier(0.4, 0, 0.2, 1)",slow:"300ms cubic-bezier(0.4, 0, 0.2, 1)"}},u=(e="light")=>"light"===e?{mode:"light",neutral:{1:"#FFFFFF",2:"#F5F7FA",3:"#E5E7EB",4:"#D1D5DB",5:"#6B7280",6:"#111827"},absolute:{black:"#000000",white:"#FFFFFF"},link:{default:"#2563EB",hover:"#1D4ED8",visited:"#7C3AED",active:"#1E40AF"},semantic:{success:{main:"#059669",subtle:"#ECFDF5",contrast:"#FFFFFF"},error:{main:"#DC2626",subtle:"#FEF2F2",contrast:"#FFFFFF"},warning:{main:"#D97706",subtle:"#FFFBEB",contrast:"#FFFFFF"},info:{main:"#2563EB",subtle:"#EFF6FF",contrast:"#FFFFFF"}},secondary:{blue:{main:"#3B82F6",subtle:"#EFF6FF",contrast:"#FFFFFF"},purple:{main:"#A855F7",subtle:"#FAF5FF",contrast:"#FFFFFF"},pink:{main:"#EC4899",subtle:"#FDF2F8",contrast:"#FFFFFF"},amber:{main:"#F59E0B",subtle:"#FFFBEB",contrast:"#FFFFFF"},emerald:{main:"#10B981",subtle:"#ECFDF5",contrast:"#FFFFFF"},orange:{main:"#F97316",subtle:"#FFF7ED",contrast:"#FFFFFF"}},surface:{page:"#F5F7FA",card:"#FFFFFF",overlay:"#FFFFFF",interactive:"#E5E7EB",selected:"#E5E7EB",nested:"#FAFBFC"},border:{subtle:"#E5E7EB",default:"#D1D5DB",strong:"#6B7280"},text:{primary:"#111827",secondary:"#6B7280",tertiary:"#6B7280",disabled:"#D1D5DB",inverse:"#FFFFFF"},action:{default:"#111827",hover:"#1F2937",disabled:"#E5E7EB",contrast:"#FFFFFF"}}:{mode:"dark",neutral:{1:"#111827",2:"#1F2937",3:"#374151",4:"#4B5563",5:"#9CA3AF",6:"#F9FAFB"},absolute:{black:"#000000",white:"#FFFFFF"},link:{default:"#3B82F6",hover:"#60A5FA",visited:"#A78BFA",active:"#2563EB"},semantic:{success:{main:"#34D399",subtle:"#064E3B",contrast:"#000000"},error:{main:"#F87171",subtle:"#7F1D1D",contrast:"#000000"},warning:{main:"#FBBF24",subtle:"#78350F",contrast:"#000000"},info:{main:"#3B82F6",subtle:"#1E3A8A",contrast:"#FFFFFF"}},secondary:{blue:{main:"#3B82F6",subtle:"#1E3A8A",contrast:"#FFFFFF"},purple:{main:"#A855F7",subtle:"#581C87",contrast:"#FFFFFF"},pink:{main:"#EC4899",subtle:"#831843",contrast:"#FFFFFF"},amber:{main:"#F59E0B",subtle:"#78350F",contrast:"#FFFFFF"},emerald:{main:"#10B981",subtle:"#064E3B",contrast:"#FFFFFF"},orange:{main:"#F97316",subtle:"#7C2D12",contrast:"#FFFFFF"}},surface:{page:"#1F2937",card:"#111827",overlay:"#1F2937",interactive:"#374151",selected:"#374151",nested:"#1A1F2E"},border:{subtle:"#374151",default:"#4B5563",strong:"#9CA3AF"},text:{primary:"#F9FAFB",secondary:"#9CA3AF",tertiary:"#9CA3AF",disabled:"#4B5563",inverse:"#111827"},action:{default:"#F9FAFB",hover:"#E5E7EB",disabled:"#374151",contrast:"#111827"}},g=e.createContext({colors:u("light"),constants:d,mode:"light"}),p=({children:o,mode:t="light",antdThemeOverrides:a})=>{const i=e.useMemo(()=>u(t),[t]),n=e.useMemo(()=>d,[]),c=e.useMemo(()=>{var e,r;const o=((e,r)=>{const o="dark"===e.mode;return{token:{colorPrimary:e.neutral[4],colorPrimaryHover:e.text.secondary,colorPrimaryActive:e.neutral[4],colorPrimaryBg:e.neutral[2],colorPrimaryBgHover:e.surface.interactive,colorPrimaryBorder:e.neutral[4],colorPrimaryBorderHover:e.neutral[4],colorPrimaryText:e.neutral[4],colorPrimaryTextHover:e.text.secondary,colorPrimaryTextActive:e.neutral[4],colorLink:e.link.default,colorLinkHover:e.link.hover,colorLinkActive:e.link.active,colorText:e.text.primary,colorTextSecondary:e.text.secondary,colorTextTertiary:e.text.tertiary,colorTextQuaternary:e.text.tertiary,colorTextDescription:e.text.secondary,colorTextDisabled:e.text.disabled,colorTextHeading:e.text.primary,colorTextLabel:e.text.secondary,colorTextPlaceholder:e.text.tertiary,colorTextLightSolid:e.text.inverse,colorBgBase:e.surface.page,colorBgContainer:e.surface.card,colorBgElevated:e.surface.overlay,colorBgLayout:e.surface.page,colorBgSpotlight:e.surface.interactive,colorBgMask:o?"rgba(0, 0, 0, 0.65)":"rgba(0, 0, 0, 0.45)",colorBgTextHover:e.surface.interactive,colorBgTextActive:e.surface.interactive,colorBorder:e.border.default,colorBorderBg:e.surface.card,colorBorderSecondary:e.border.subtle,colorSplit:e.border.subtle,colorFill:e.neutral[2],colorFillSecondary:e.neutral[2],colorFillTertiary:e.neutral[2],colorFillQuaternary:e.surface.interactive,colorSuccess:e.semantic.success.main,colorSuccessBg:e.semantic.success.subtle,colorSuccessBgHover:e.semantic.success.subtle,colorSuccessBorder:e.semantic.success.main,colorSuccessBorderHover:e.semantic.success.main,colorSuccessText:e.semantic.success.main,colorSuccessTextHover:e.semantic.success.main,colorSuccessTextActive:e.semantic.success.main,colorError:e.semantic.error.main,colorErrorBg:e.semantic.error.subtle,colorErrorBgHover:e.semantic.error.subtle,colorErrorBorder:e.semantic.error.main,colorErrorBorderHover:e.semantic.error.main,colorErrorText:e.semantic.error.main,colorErrorTextHover:e.semantic.error.main,colorErrorTextActive:e.semantic.error.main,colorWarning:e.semantic.warning.main,colorWarningBg:e.semantic.warning.subtle,colorWarningBgHover:e.semantic.warning.subtle,colorWarningBorder:e.semantic.warning.main,colorWarningBorderHover:e.semantic.warning.main,colorWarningText:e.semantic.warning.main,colorWarningTextHover:e.semantic.warning.main,colorWarningTextActive:e.semantic.warning.main,colorInfo:e.semantic.info.main,colorInfoBg:e.semantic.info.subtle,colorInfoBgHover:e.semantic.info.subtle,colorInfoBorder:e.semantic.info.main,colorInfoBorderHover:e.semantic.info.main,colorInfoText:e.semantic.info.main,colorInfoTextHover:e.semantic.info.main,colorInfoTextActive:e.semantic.info.main,fontFamily:r.typography.fontFamily.base,fontFamilyCode:r.typography.fontFamily.mono,fontSize:r.typography.fontSize.base,fontSizeHeading1:r.typography.fontSize["5xl"],fontSizeHeading2:r.typography.fontSize["4xl"],fontSizeHeading3:r.typography.fontSize["3xl"],fontSizeHeading4:r.typography.fontSize["2xl"],fontSizeHeading5:r.typography.fontSize.xl,fontSizeSM:r.typography.fontSize.sm,fontSizeLG:r.typography.fontSize.lg,fontSizeXL:r.typography.fontSize.xl,fontWeightStrong:r.typography.fontWeight.semibold,lineHeight:r.typography.lineHeight.base,lineHeightHeading1:r.typography.lineHeight.tight,lineHeightHeading2:r.typography.lineHeight.tight,lineHeightHeading3:r.typography.lineHeight.tight,lineHeightHeading4:r.typography.lineHeight.tight,lineHeightHeading5:r.typography.lineHeight.tight,lineHeightLG:r.typography.lineHeight.relaxed,lineHeightSM:r.typography.lineHeight.base,padding:r.spacing[4],paddingXS:r.spacing[2],paddingSM:r.spacing[3],paddingLG:r.spacing[5],paddingXL:r.spacing[6],margin:r.spacing[4],marginXS:r.spacing[2],marginSM:r.spacing[3],marginLG:r.spacing[5],marginXL:r.spacing[6],marginXXL:r.spacing[8],controlHeight:40,controlHeightLG:48,controlHeightSM:32,controlHeightXS:24,borderRadius:r.radius.base,borderRadiusLG:r.radius.md,borderRadiusSM:r.radius.sm,borderRadiusXS:r.radius.sm,boxShadow:r.shadow.none,boxShadowSecondary:r.shadow.none,boxShadowTertiary:r.shadow.card,motionUnit:.1,motionBase:0,motionEaseInOut:"cubic-bezier(0.4, 0, 0.2, 1)",motionEaseOut:"cubic-bezier(0.0, 0, 0.2, 1)",motionEaseInBack:"cubic-bezier(0.4, 0, 1, 1)",zIndexBase:0,zIndexPopupBase:1e3},components:{Button:{colorPrimary:e.neutral[4],colorPrimaryHover:e.text.secondary,colorPrimaryActive:e.neutral[4],colorPrimaryBorder:e.neutral[4],primaryColor:e.neutral[1],primaryShadow:"none",defaultBg:e.surface.card,defaultBorderColor:e.border.default,defaultColor:e.text.primary,defaultHoverBg:e.surface.interactive,defaultHoverBorderColor:e.border.strong,defaultHoverColor:e.text.primary,defaultActiveBg:e.surface.interactive,defaultActiveBorderColor:e.neutral[4],defaultActiveColor:e.text.primary,defaultShadow:"none",textHoverBg:e.surface.interactive,textTextColor:e.text.primary,textTextHoverColor:e.text.primary,linkHoverBg:"transparent",colorLink:e.link.default,colorLinkHover:e.link.hover,colorLinkActive:e.link.active,dangerColor:e.semantic.error.main,colorErrorHover:e.semantic.error.main,colorErrorActive:e.semantic.error.main,dangerShadow:"none",paddingContentHorizontal:r.spacing[4],paddingContentVertical:r.spacing[2],borderRadius:r.radius.button,borderRadiusLG:r.radius.button,borderRadiusSM:r.radius.button,fontWeight:r.typography.fontWeight.medium,fontSize:r.typography.fontSize.base},Input:{colorBgContainer:e.surface.card,colorBorder:e.border.default,colorText:e.text.primary,colorTextPlaceholder:e.text.tertiary,colorIcon:e.text.tertiary,colorIconHover:e.text.secondary,hoverBorderColor:e.border.strong,activeBorderColor:e.link.default,activeShadow:`0 0 0 2px ${e.semantic.info.subtle}`,errorActiveShadow:`0 0 0 2px ${e.semantic.error.subtle}`,warningActiveShadow:`0 0 0 2px ${e.semantic.warning.subtle}`,paddingBlock:r.spacing[2],paddingInline:r.spacing[3],paddingInlineLG:r.spacing[4],borderRadius:r.radius.input,borderRadiusLG:r.radius.input,borderRadiusSM:r.radius.input},InputNumber:{colorBgContainer:e.surface.card,colorBorder:e.border.default,hoverBorderColor:e.border.strong,activeBorderColor:e.link.default,colorIcon:e.text.tertiary,colorIconHover:e.text.secondary,activeShadow:`0 0 0 2px ${e.semantic.info.subtle}`,borderRadius:r.radius.input,handleVisible:!0},Select:{colorBgContainer:e.surface.card,colorBgElevated:e.surface.overlay,colorBorder:e.border.default,colorText:e.text.primary,colorTextPlaceholder:e.text.tertiary,colorIcon:e.text.tertiary,colorIconHover:e.text.secondary,hoverBorderColor:e.border.strong,controlItemBgHover:e.surface.interactive,activeBorderColor:e.link.default,optionSelectedBg:e.surface.selected,optionSelectedColor:e.text.primary,optionActiveBg:e.surface.interactive,borderRadius:r.radius.input,borderRadiusLG:r.radius.input,borderRadiusSM:r.radius.input,boxShadowSecondary:r.shadow.popover},DatePicker:{colorBgContainer:e.surface.card,colorBorder:e.border.default,hoverBorderColor:e.border.strong,activeBorderColor:e.link.default,colorIcon:e.text.tertiary,colorIconHover:e.text.secondary,activeShadow:`0 0 0 2px ${e.semantic.info.subtle}`,cellHoverBg:e.surface.interactive,cellActiveWithRangeBg:e.semantic.info.subtle,colorPrimary:e.link.default,borderRadius:r.radius.input},Checkbox:{colorPrimary:e.link.default,colorPrimaryHover:e.link.hover,colorBorder:e.border.default,colorBgContainer:e.surface.card,colorIcon:e.text.tertiary,colorIconHover:e.text.secondary,borderRadiusSM:r.radius.sm},Radio:{colorPrimary:e.link.default,colorPrimaryHover:e.link.hover,colorBorder:e.border.default,colorBgContainer:e.surface.card,colorIcon:e.text.tertiary,colorIconHover:e.text.secondary},Switch:{colorPrimary:e.link.default,colorPrimaryHover:e.link.hover,colorTextQuaternary:e.text.disabled,colorTextTertiary:e.text.tertiary,colorIcon:e.text.tertiary,colorIconHover:e.text.secondary},Slider:{colorPrimary:e.link.default,colorPrimaryBorder:e.link.default,colorPrimaryBorderHover:e.link.hover,colorIcon:e.text.tertiary,colorIconHover:e.text.secondary,handleColor:e.surface.card,handleActiveColor:e.surface.card,railBg:e.neutral[2],railHoverBg:e.neutral[3],trackBg:e.link.default,trackHoverBg:e.link.hover,dotBorderColor:e.border.default,dotActiveBorderColor:e.link.default},Form:{labelColor:e.text.primary,labelFontSize:r.typography.fontSize.base,labelColonMarginInlineEnd:r.spacing[2],labelColonMarginInlineStart:r.spacing[1],itemMarginBottom:r.spacing[4],verticalLabelPadding:`0 0 ${r.spacing[2]}px`,labelRequiredMarkColor:e.semantic.error.main,colorIcon:e.text.tertiary,colorIconHover:e.text.secondary},Table:{colorBgContainer:e.surface.card,colorText:e.text.primary,colorTextHeading:e.text.primary,headerBg:e.surface.page,headerColor:e.text.secondary,headerSortActiveBg:e.surface.interactive,headerSortHoverBg:e.surface.interactive,headerSplitColor:e.border.subtle,borderColor:e.border.subtle,rowHoverBg:e.surface.interactive,rowSelectedBg:e.surface.selected,rowSelectedHoverBg:e.surface.selected,rowExpandedBg:e.surface.nested,cellPaddingBlock:r.spacing[4],cellPaddingInline:r.spacing[4],cellPaddingBlockSM:r.spacing[2],cellPaddingInlineSM:r.spacing[3],borderRadius:r.radius.card,borderRadiusLG:r.radius.card,headerBorderRadius:r.radius.card,footerBg:e.surface.page},Descriptions:{labelBg:e.surface.page,titleColor:e.text.primary,contentColor:e.text.primary,extraColor:e.text.secondary,itemPaddingBottom:r.spacing[4],colonMarginLeft:r.spacing[1],colonMarginRight:r.spacing[2]},Card:{colorBgContainer:e.surface.card,colorBorderSecondary:e.border.default,colorTextHeading:e.text.primary,colorTextDescription:e.text.secondary,boxShadowTertiary:r.shadow.card,borderRadius:r.radius.card,borderRadiusLG:r.radius.card,padding:r.spacing[4],paddingLG:r.spacing[6]},Statistic:{titleFontSize:r.typography.fontSize.base,contentFontSize:r.typography.fontSize["4xl"],colorTextHeading:e.text.primary,colorTextDescription:e.text.secondary},Timeline:{tailColor:e.border.default,dotBg:e.surface.card,itemPaddingBottom:r.spacing[5]},Tag:{defaultBg:e.neutral[2],defaultColor:e.text.primary,colorBorder:e.border.default,colorText:e.text.primary,borderRadiusSM:r.radius.sm,fontSize:r.typography.fontSize.sm,fontSizeSM:r.typography.fontSize.xs},Badge:{colorBorderBg:e.surface.card,colorError:e.semantic.error.main,colorSuccess:e.semantic.success.main,colorInfo:e.semantic.info.main,colorWarning:e.semantic.warning.main,textFontSize:r.typography.fontSize.xs},Avatar:{colorBgContainer:e.neutral[2],colorText:e.text.secondary,colorTextLightSolid:e.text.inverse,borderRadius:r.radius.avatar,groupOverlapping:-8,groupSpace:r.spacing[1]},Calendar:{colorBgContainer:e.surface.card,colorPrimary:e.link.default,fullBg:e.surface.card,fullPanelBg:e.surface.card,itemActiveBg:e.semantic.info.subtle,borderRadius:r.radius.card},Collapse:{colorBgContainer:e.surface.card,colorBorder:e.border.default,headerBg:e.surface.page,headerPadding:`${r.spacing[3]}px ${r.spacing[4]}px`,contentPadding:`${r.spacing[4]}px ${r.spacing[4]}px`,borderRadiusLG:r.radius.card},Carousel:{colorBgContainer:e.surface.card},Tree:{colorBgContainer:e.surface.card,nodeHoverBg:e.surface.interactive,nodeSelectedBg:e.surface.selected,borderRadius:r.radius.sm},Alert:{colorSuccessBg:e.semantic.success.subtle,colorSuccessBorder:e.semantic.success.main,colorSuccessText:e.semantic.success.main,colorErrorBg:e.semantic.error.subtle,colorErrorBorder:e.semantic.error.main,colorErrorText:e.semantic.error.main,colorWarningBg:e.semantic.warning.subtle,colorWarningBorder:e.semantic.warning.main,colorWarningText:e.semantic.warning.main,colorInfoBg:e.semantic.info.subtle,colorInfoBorder:e.semantic.info.main,colorInfoText:e.semantic.info.main,defaultPadding:`${r.spacing[3]}px ${r.spacing[4]}px`,withDescriptionPadding:`${r.spacing[4]}px ${r.spacing[5]}px`,borderRadiusLG:r.radius.card},Modal:{contentBg:e.surface.overlay,headerBg:e.surface.overlay,footerBg:e.surface.overlay,titleColor:e.text.primary,colorBgMask:o?"rgba(0, 0, 0, 0.65)":"rgba(0, 0, 0, 0.45)",borderRadiusLG:r.radius.modal,boxShadow:r.shadow.modal},Drawer:{colorBgElevated:e.surface.overlay,colorBgMask:o?"rgba(0, 0, 0, 0.65)":"rgba(0, 0, 0, 0.45)",borderRadiusLG:r.radius.modal,footerPaddingBlock:r.spacing[4],footerPaddingInline:r.spacing[6]},Notification:{colorBgElevated:e.surface.overlay,colorText:e.text.primary,colorTextHeading:e.text.primary,borderRadiusLG:r.radius.card,boxShadow:r.shadow.popover,padding:r.spacing[4],paddingContentHorizontal:r.spacing[4]},Message:{contentBg:e.surface.overlay,contentPadding:`${r.spacing[2]}px ${r.spacing[4]}px`,borderRadiusLG:r.radius.card,boxShadow:r.shadow.popover},Popconfirm:{colorBgElevated:e.surface.overlay,colorWarning:e.semantic.warning.main,borderRadiusLG:r.radius.card,boxShadowSecondary:r.shadow.popover},Progress:{defaultColor:e.link.default,colorSuccess:e.semantic.success.main,colorError:e.semantic.error.main,remainingColor:e.neutral[2],circleTextColor:e.text.primary,borderRadius:100,lineBorderRadius:100},Result:{titleFontSize:r.typography.fontSize["3xl"],subtitleFontSize:r.typography.fontSize.base,iconFontSize:r.typography.fontSize["5xl"],extraMargin:`${r.spacing[8]}px 0 0`},Skeleton:{colorFill:e.neutral[2],colorFillContent:e.neutral[1],borderRadiusSM:r.radius.sm},Spin:{colorPrimary:e.link.default,dotSize:20,dotSizeLG:32,dotSizeSM:14},Menu:{itemBg:"transparent",itemColor:e.text.primary,itemHoverBg:e.surface.interactive,itemHoverColor:e.text.primary,itemSelectedBg:e.surface.selected,itemSelectedColor:e.text.primary,itemActiveBg:e.surface.selected,subMenuItemBg:"transparent",darkItemBg:e.absolute.black,darkSubMenuItemBg:e.absolute.black,darkItemColor:e.absolute.white,darkItemHoverBg:"rgba(255, 255, 255, 0.08)",darkItemHoverColor:e.absolute.white,darkItemSelectedBg:e.link.default,darkItemSelectedColor:e.absolute.white,itemBorderRadius:r.radius.input,itemPaddingInline:r.spacing[4]},Breadcrumb:{itemColor:e.text.secondary,lastItemColor:e.text.primary,linkColor:e.link.default,linkHoverColor:e.link.hover,separatorColor:e.text.tertiary,separatorMargin:r.spacing[2],iconFontSize:r.typography.fontSize.base,fontSize:r.typography.fontSize.base},Pagination:{colorPrimary:e.link.default,colorPrimaryHover:e.link.hover,itemActiveBg:e.link.default,itemActiveBgDisabled:e.neutral[2],itemBg:e.surface.card,itemLinkBg:e.surface.card,itemInputBg:e.surface.card,borderRadius:r.radius.sm},Steps:{colorPrimary:e.link.default,colorText:e.text.secondary,colorTextDescription:e.text.tertiary,colorBorderSecondary:e.border.default},Tabs:{colorPrimary:e.link.default,itemColor:e.text.secondary,itemHoverColor:e.link.hover,itemSelectedColor:e.link.default,itemActiveColor:e.link.default,inkBarColor:e.link.default,colorBorderSecondary:e.border.default,titleFontSize:r.typography.fontSize.base,titleFontSizeLG:r.typography.fontSize.lg,titleFontSizeSM:r.typography.fontSize.sm,cardBg:e.surface.card,cardPadding:`${r.spacing[2]}px ${r.spacing[4]}px`,horizontalItemPadding:`${r.spacing[3]}px 0`,horizontalItemMargin:`0 ${r.spacing[8]}px 0 0`},Anchor:{colorPrimary:e.link.default,linkPaddingBlock:r.spacing[1],linkPaddingInlineStart:r.spacing[4]},Dropdown:{colorBgElevated:e.surface.overlay,controlItemBgHover:e.surface.interactive,controlItemBgActive:e.surface.selected,boxShadowSecondary:r.shadow.popover,paddingBlock:r.spacing[1],borderRadiusLG:r.radius.card},Layout:{colorBgBody:e.surface.page,colorBgHeader:e.surface.card,colorBgTrigger:e.absolute.black,siderBg:e.absolute.black,headerBg:e.surface.card,headerPadding:`0 ${r.spacing[6]}px`,footerBg:e.surface.card,footerPadding:`${r.spacing[6]}px ${r.spacing[12]}px`,bodyBg:e.surface.page,triggerBg:e.absolute.black,triggerColor:e.absolute.white,lightSiderBg:e.surface.card,lightTriggerBg:e.surface.card,lightTriggerColor:e.text.primary},Divider:{colorSplit:e.border.subtle,colorText:e.text.tertiary,verticalMarginInline:r.spacing[2]},Typography:{colorText:e.text.primary,colorTextSecondary:e.text.secondary,colorTextDescription:e.text.tertiary,colorLink:e.link.default,colorLinkHover:e.link.hover,colorLinkActive:e.link.active,titleMarginBottom:r.spacing[2],titleMarginTop:r.spacing[4],fontSizeHeading1:r.typography.fontSize["5xl"],fontSizeHeading2:r.typography.fontSize["4xl"],fontSizeHeading3:r.typography.fontSize["3xl"],fontSizeHeading4:r.typography.fontSize["2xl"],fontSizeHeading5:r.typography.fontSize.xl,lineHeightHeading1:r.typography.lineHeight.tight,lineHeightHeading2:r.typography.lineHeight.tight,lineHeightHeading3:r.typography.lineHeight.tight,lineHeightHeading4:r.typography.lineHeight.tight,lineHeightHeading5:r.typography.lineHeight.tight},Tooltip:{colorBgSpotlight:e.neutral[4],colorTextLightSolid:e.text.inverse,borderRadius:r.radius.sm,boxShadowSecondary:r.shadow.tooltip},Popover:{colorBgElevated:e.surface.overlay,colorText:e.text.primary,borderRadiusLG:r.radius.card,boxShadowSecondary:r.shadow.popover,padding:r.spacing[3]},Image:{previewOperationColor:e.absolute.white,previewOperationColorDisabled:"rgba(255, 255, 255, 0.25)"},Upload:{colorBorder:e.border.default,colorFillAlter:e.surface.interactive,colorText:e.text.primary,colorTextDescription:e.text.secondary,colorTextHeading:e.text.primary,actionsColor:e.link.default},QRCode:{colorBgContainer:e.surface.card},Tour:{colorBgElevated:e.surface.overlay,colorPrimary:e.link.default,borderRadius:r.radius.card,boxShadowSecondary:r.shadow.popover},FloatButton:{colorBgElevated:e.surface.overlay,colorPrimary:e.link.default,borderRadiusLG:r.radius.avatar,boxShadow:r.shadow.popover},Segmented:{colorBgLayout:e.neutral[2],itemColor:e.text.primary,itemHoverColor:e.text.primary,itemHoverBg:e.surface.interactive,itemSelectedBg:e.surface.card,itemSelectedColor:e.text.primary,borderRadius:r.radius.base,borderRadiusSM:r.radius.sm},Mentions:{colorBgContainer:e.surface.card,colorBgElevated:e.surface.overlay,colorBorder:e.border.default,controlItemBgHover:e.surface.interactive,controlItemBgActive:e.surface.selected,boxShadowSecondary:r.shadow.popover},Transfer:{colorBgContainer:e.surface.card,colorBorder:e.border.default,itemPaddingBlock:r.spacing[1]},Cascader:{colorBgContainer:e.surface.card,colorBgElevated:e.surface.overlay,colorBorder:e.border.default,controlItemBgHover:e.surface.interactive,optionSelectedBg:e.surface.selected},TreeSelect:{colorBgContainer:e.surface.card,colorBgElevated:e.surface.overlay,colorBorder:e.border.default,nodeHoverBg:e.surface.interactive,nodeSelectedBg:e.surface.selected},Rate:{colorFillContent:e.neutral[3],starColor:"#FADB14"},Empty:{colorText:e.text.secondary,colorTextDescription:e.text.tertiary,fontSize:r.typography.fontSize.base},List:{colorBorder:e.border.subtle,colorSplit:e.border.subtle,itemPadding:`${r.spacing[3]}px ${r.spacing[6]}px`,itemPaddingSM:`${r.spacing[2]}px ${r.spacing[4]}px`,itemPaddingLG:`${r.spacing[4]}px ${r.spacing[6]}px`,headerBg:"transparent",footerBg:"transparent",emptyTextPadding:r.spacing[4],metaMarginBottom:r.spacing[2],avatarMarginRight:r.spacing[4],titleMarginBottom:r.spacing[1]}}}})(i,n);return a?Object.assign(Object.assign({},o),{token:Object.assign(Object.assign({},o.token),null!==(e=a.token)&&void 0!==e?e:{}),components:Object.assign(Object.assign({},o.components),null!==(r=a.components)&&void 0!==r?r:{})}):o},[i,n,a]),l=e.useMemo(()=>({colors:i,constants:n,mode:t}),[i,n,t]);return s.jsx(g.Provider,{value:l,children:s.jsx(r,{theme:c,children:o})})},m=()=>e.useContext(g);export{p as T,s as j,m as u};
|
|
11
|
+
//# sourceMappingURL=theme-provider-BP-1aQ22.js.map
|