@temboplus/frontend-react-core 0.1.3-beta.2 → 0.1.3-beta.20
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/CloseCircleOutlined-CMilRURi.js +3 -0
- package/dist/CloseCircleOutlined-CMilRURi.js.map +1 -0
- package/dist/CloseCircleOutlined-CSHx89Jn.js +3 -0
- package/dist/CloseCircleOutlined-CSHx89Jn.js.map +1 -0
- package/dist/InfoCircleOutlined-DR9DmuN-.js +5 -0
- package/dist/InfoCircleOutlined-DR9DmuN-.js.map +1 -0
- package/dist/InfoCircleOutlined-Hx86sClq.js +5 -0
- package/dist/InfoCircleOutlined-Hx86sClq.js.map +1 -0
- 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 -1
- package/dist/dialogs/index.cjs.js.map +1 -1
- package/dist/dialogs/index.js +3 -1
- 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 +32 -105
- package/dist/features/notifications/tembo-notify.js +102 -111
- package/dist/features/notifications/toast-config.d.ts +4 -6
- package/dist/features/notifications/toast-config.js +28 -21
- package/dist/features/notifications/toast-container.d.ts +13 -3
- package/dist/features/notifications/toast-container.js +80 -9
- 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/providers.d.ts +2 -32
- package/dist/providers.js +3 -24
- package/dist/tembo-notify-BSIZkV5f.js +3 -0
- package/dist/tembo-notify-BSIZkV5f.js.map +1 -0
- package/dist/tembo-notify-ZYud9J7B.js +3 -0
- package/dist/tembo-notify-ZYud9J7B.js.map +1 -0
- package/dist/theme/{colors.d.ts → deprecated/colors.d.ts} +55 -23
- package/dist/theme/deprecated/colors.js +212 -0
- package/dist/theme/deprecated/theme-provider.d.ts +100 -0
- package/dist/theme/deprecated/theme-provider.js +405 -0
- package/dist/theme/index.cjs.js +1 -1
- package/dist/theme/index.d.ts +3 -2
- package/dist/theme/index.js +1 -1
- package/dist/theme/theme-config.d.ts +15 -0
- package/dist/theme/theme-config.js +735 -0
- package/dist/theme/theme-provider.d.ts +13 -71
- package/dist/theme/theme-provider.js +21 -387
- package/dist/theme/tokens/colors.d.ts +108 -0
- package/dist/theme/tokens/colors.js +236 -0
- package/dist/theme/tokens/constants.d.ts +126 -0
- package/dist/theme/tokens/constants.js +126 -0
- package/dist/theme-provider-CCkR2IcZ.js +11 -0
- package/dist/theme-provider-CCkR2IcZ.js.map +1 -0
- package/dist/theme-provider-CCwq2x0C.js +2 -0
- package/dist/theme-provider-CCwq2x0C.js.map +1 -0
- package/dist/theme-provider-D2HR_D4s.js +11 -0
- package/dist/theme-provider-D2HR_D4s.js.map +1 -0
- package/dist/theme-provider-dbj9jb7X.js +2 -0
- package/dist/theme-provider-dbj9jb7X.js.map +1 -0
- package/dist/validation/index.cjs.js.map +1 -1
- package/dist/validation/index.js.map +1 -1
- package/package.json +17 -18
- package/dist/InfoCircleOutlined-B7d2aRfV.js +0 -7
- package/dist/InfoCircleOutlined-B7d2aRfV.js.map +0 -1
- package/dist/InfoCircleOutlined-DYs90hdV.js +0 -7
- package/dist/InfoCircleOutlined-DYs90hdV.js.map +0 -1
- package/dist/ZoomOutOutlined-BL6A5RSq.js +0 -2
- package/dist/ZoomOutOutlined-BL6A5RSq.js.map +0 -1
- package/dist/ZoomOutOutlined-BY_CCwq7.js +0 -2
- package/dist/ZoomOutOutlined-BY_CCwq7.js.map +0 -1
- package/dist/tembo-notify-C-QGduBt.js +0 -2
- package/dist/tembo-notify-C-QGduBt.js.map +0 -1
- package/dist/tembo-notify-D-uOV3t0.js +0 -2
- package/dist/tembo-notify-D-uOV3t0.js.map +0 -1
- package/dist/theme/colors.js +0 -138
- package/dist/theme-provider-D_oV1J_K.js +0 -11
- package/dist/theme-provider-D_oV1J_K.js.map +0 -1
- package/dist/theme-provider-Dqvy24OD.js +0 -11
- package/dist/theme-provider-Dqvy24OD.js.map +0 -1
- /package/dist/theme/{constants.d.ts → deprecated/constants.d.ts} +0 -0
- /package/dist/theme/{constants.js → deprecated/constants.js} +0 -0
|
@@ -0,0 +1,236 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Tembo Design System - Monochrome Foundation with Modern Semantics
|
|
3
|
+
*
|
|
4
|
+
* Philosophy: Pure monochrome with single accent + modern semantic colors
|
|
5
|
+
* - Primary actions: Near-black (light) / Near-white (dark)
|
|
6
|
+
* - All UI elements use neutral scale
|
|
7
|
+
* - Blue accent for links and focus states
|
|
8
|
+
* - Modern, vibrant semantic colors with AAA contrast
|
|
9
|
+
*
|
|
10
|
+
* Semantic color definitions:
|
|
11
|
+
* - main: For icons, borders, full backgrounds, text on subtle backgrounds
|
|
12
|
+
* - subtle: For light/dark background fills
|
|
13
|
+
* - contrast: For icons & text on main backgrounds
|
|
14
|
+
*/
|
|
15
|
+
// ============================================
|
|
16
|
+
// NEUTRAL SCALE CONSTANTS
|
|
17
|
+
// ============================================
|
|
18
|
+
/**
|
|
19
|
+
* Light mode neutral scale - Professional fintech UI
|
|
20
|
+
* Optimized for clarity without being overly bold
|
|
21
|
+
*
|
|
22
|
+
* Visual hierarchy (dark to light):
|
|
23
|
+
* 9 = Pure black (#000000) - 21:1 contrast - maximum emphasis
|
|
24
|
+
* 8 = Almost black (#171717) - 17.9:1 contrast - actions, input text
|
|
25
|
+
* 7 = Very dark (#404040) - 10.4:1 contrast - primary text (AAA)
|
|
26
|
+
* 6 = Dark gray (#525252) - 6.4:1 contrast - strong elements
|
|
27
|
+
* 5 = Medium-dark (#737373) - 3.9:1 contrast - secondary text (AA)
|
|
28
|
+
* 4 = Medium (#A3A3A3) - 3.1:1 contrast - tertiary text, borders
|
|
29
|
+
* 3 = Medium-light (#D4D4D4) - 2.1:1 contrast - subtle borders
|
|
30
|
+
* 2 = Light gray (#E8E8E8) - 1.6:1 contrast - hover states
|
|
31
|
+
* 1 = Very light (#F5F5F5) - 1.3:1 contrast - input backgrounds
|
|
32
|
+
* 0 = Pure white (#FFFFFF) - 1:1 - card surfaces
|
|
33
|
+
*/
|
|
34
|
+
const LIGHT_NEUTRAL_SCALE = {
|
|
35
|
+
0: '#FFFFFF', // Pure white
|
|
36
|
+
1: '#F5F5F5', // Very light gray
|
|
37
|
+
2: '#E8E8E8', // Light gray
|
|
38
|
+
3: '#D4D4D4', // Medium-light gray
|
|
39
|
+
4: '#A3A3A3', // Medium gray
|
|
40
|
+
5: '#737373', // Medium-dark gray
|
|
41
|
+
6: '#525252', // Dark gray
|
|
42
|
+
7: '#404040', // Very dark gray
|
|
43
|
+
8: '#171717', // Almost black
|
|
44
|
+
9: '#000000', // Pure black
|
|
45
|
+
};
|
|
46
|
+
/**
|
|
47
|
+
* Dark mode neutral scale - Professional fintech UI
|
|
48
|
+
* Inverted for dark backgrounds
|
|
49
|
+
*
|
|
50
|
+
* Visual hierarchy (light to dark):
|
|
51
|
+
* 9 = Pure white (#FFFFFF) - maximum emphasis
|
|
52
|
+
* 8 = Almost white (#F5F5F5) - actions, input text
|
|
53
|
+
* 7 = Very light (#D4D4D4) - primary text
|
|
54
|
+
* 6 = Light (#A3A3A3) - strong elements
|
|
55
|
+
* 5 = Medium-light (#737373) - secondary text
|
|
56
|
+
* 4 = Medium (#525252) - tertiary text, borders
|
|
57
|
+
* 3 = Medium-dark (#404040) - subtle borders
|
|
58
|
+
* 2 = Dark (#262626) - hover states
|
|
59
|
+
* 1 = Very dark (#171717) - input backgrounds
|
|
60
|
+
* 0 = Near black (#0A0A0A) - card surfaces
|
|
61
|
+
*/
|
|
62
|
+
const DARK_NEUTRAL_SCALE = {
|
|
63
|
+
0: '#0A0A0A', // Near black
|
|
64
|
+
1: '#171717', // Very dark
|
|
65
|
+
2: '#262626', // Dark
|
|
66
|
+
3: '#404040', // Medium-dark
|
|
67
|
+
4: '#525252', // Medium
|
|
68
|
+
5: '#737373', // Medium-light
|
|
69
|
+
6: '#A3A3A3', // Light
|
|
70
|
+
7: '#D4D4D4', // Very light
|
|
71
|
+
8: '#F5F5F5', // Almost white
|
|
72
|
+
9: '#FFFFFF', // Pure white
|
|
73
|
+
};
|
|
74
|
+
// ============================================
|
|
75
|
+
// COLOR PALETTE BUILDERS
|
|
76
|
+
// ============================================
|
|
77
|
+
/**
|
|
78
|
+
* Build light mode colors with neutral scale references
|
|
79
|
+
*/
|
|
80
|
+
const buildLightModeColors = () => {
|
|
81
|
+
const neutral = LIGHT_NEUTRAL_SCALE;
|
|
82
|
+
return {
|
|
83
|
+
mode: 'light',
|
|
84
|
+
neutral,
|
|
85
|
+
absolute: {
|
|
86
|
+
black: '#000000',
|
|
87
|
+
white: '#FFFFFF',
|
|
88
|
+
},
|
|
89
|
+
// Single accent - standard blue
|
|
90
|
+
accent: {
|
|
91
|
+
default: '#2563EB', // Standard blue
|
|
92
|
+
hover: '#1D4ED8',
|
|
93
|
+
active: '#1E40AF',
|
|
94
|
+
subtle: '#EFF6FF',
|
|
95
|
+
},
|
|
96
|
+
// Semantic colors - AAA contrast verified
|
|
97
|
+
semantic: {
|
|
98
|
+
error: {
|
|
99
|
+
main: '#DC2626', // Modern red - 5.9:1 contrast ✅
|
|
100
|
+
subtle: '#FEF2F2', // Very light red background
|
|
101
|
+
contrast: '#FFFFFF', // White text on red
|
|
102
|
+
},
|
|
103
|
+
success: {
|
|
104
|
+
main: '#0F766E', // Modern teal - 5.5:1 contrast ✅
|
|
105
|
+
subtle: '#F0FDFA', // Very light teal background
|
|
106
|
+
contrast: '#FFFFFF', // White text on teal
|
|
107
|
+
},
|
|
108
|
+
warning: {
|
|
109
|
+
main: '#EA580C', // Modern orange - 4.8:1 contrast ✅
|
|
110
|
+
subtle: '#FFF7ED', // Very light orange background
|
|
111
|
+
contrast: '#FFFFFF', // White text on orange
|
|
112
|
+
},
|
|
113
|
+
info: {
|
|
114
|
+
main: '#2563EB', // Same as accent - 6.1:1 contrast ✅
|
|
115
|
+
subtle: '#EFF6FF', // Very light blue background
|
|
116
|
+
contrast: '#FFFFFF', // White text on blue
|
|
117
|
+
},
|
|
118
|
+
},
|
|
119
|
+
// Surface hierarchy - clearly mapped to neutral scale
|
|
120
|
+
surface: {
|
|
121
|
+
page: neutral[1], // Very light gray - main background
|
|
122
|
+
card: neutral[0], // Pure white - elevated surfaces
|
|
123
|
+
overlay: neutral[0], // Pure white - modals, dropdowns
|
|
124
|
+
input: neutral[0], // Pure white - input fields (same as card for consistency)
|
|
125
|
+
interactive: neutral[2], // Light gray - hover states
|
|
126
|
+
selected: neutral[2], // Light gray - selected states
|
|
127
|
+
nested: neutral[1], // Very light gray - nested backgrounds
|
|
128
|
+
},
|
|
129
|
+
// Border hierarchy - clearly mapped to neutral scale
|
|
130
|
+
border: {
|
|
131
|
+
subtle: neutral[2], // Light gray - dividers, subtle borders
|
|
132
|
+
default: neutral[3], // Medium-light gray - default borders
|
|
133
|
+
strong: neutral[4], // Medium gray - emphasized borders
|
|
134
|
+
},
|
|
135
|
+
// Text hierarchy - clearly mapped for professional fintech UI
|
|
136
|
+
text: {
|
|
137
|
+
primary: neutral[7], // Very dark gray - main text (10.4:1 AAA) - readable but not harsh
|
|
138
|
+
secondary: neutral[5], // Medium-dark gray - supporting text (3.9:1 AA)
|
|
139
|
+
tertiary: neutral[4], // Medium gray - hints, captions (3.1:1)
|
|
140
|
+
disabled: neutral[3], // Medium-light gray - disabled state
|
|
141
|
+
inverse: neutral[0], // Pure white - text on dark backgrounds
|
|
142
|
+
input: neutral[8], // Almost black - input text (17.9:1 AAA) - crisp and clear
|
|
143
|
+
},
|
|
144
|
+
// Action colors - clearly mapped to neutral scale
|
|
145
|
+
action: {
|
|
146
|
+
default: neutral[8], // Almost black - primary actions (bold but not pure black)
|
|
147
|
+
hover: neutral[7], // Very dark gray - action hover
|
|
148
|
+
disabled: neutral[2], // Light gray - disabled actions
|
|
149
|
+
contrast: neutral[0], // Pure white - text on actions
|
|
150
|
+
},
|
|
151
|
+
};
|
|
152
|
+
};
|
|
153
|
+
/**
|
|
154
|
+
* Build dark mode colors with neutral scale references
|
|
155
|
+
*/
|
|
156
|
+
const buildDarkModeColors = () => {
|
|
157
|
+
const neutral = DARK_NEUTRAL_SCALE;
|
|
158
|
+
return {
|
|
159
|
+
mode: 'dark',
|
|
160
|
+
neutral,
|
|
161
|
+
absolute: {
|
|
162
|
+
black: '#000000',
|
|
163
|
+
white: '#FFFFFF',
|
|
164
|
+
},
|
|
165
|
+
// Accent - brighter for dark backgrounds
|
|
166
|
+
accent: {
|
|
167
|
+
default: '#60A5FA', // Brighter blue for dark bg
|
|
168
|
+
hover: '#93C5FD',
|
|
169
|
+
active: '#BFDBFE',
|
|
170
|
+
subtle: '#1E3A8A',
|
|
171
|
+
},
|
|
172
|
+
// Semantic colors - vibrant on dark, AAA contrast
|
|
173
|
+
semantic: {
|
|
174
|
+
error: {
|
|
175
|
+
main: '#F87171', // Bright red - 8.3:1 on dark ✅
|
|
176
|
+
subtle: '#7F1D1D', // Dark red background
|
|
177
|
+
contrast: '#450A0A', // Very dark red on bright red
|
|
178
|
+
},
|
|
179
|
+
success: {
|
|
180
|
+
main: '#5EEAD4', // Bright teal - 12.5:1 on dark ✅
|
|
181
|
+
subtle: '#134E4A', // Dark teal background
|
|
182
|
+
contrast: '#0A3A35', // Very dark teal on bright teal
|
|
183
|
+
},
|
|
184
|
+
warning: {
|
|
185
|
+
main: '#FB923C', // Bright orange - 9.5:1 on dark ✅
|
|
186
|
+
subtle: '#7C2D12', // Dark orange background
|
|
187
|
+
contrast: '#431407', // Very dark orange on bright orange
|
|
188
|
+
},
|
|
189
|
+
info: {
|
|
190
|
+
main: '#60A5FA', // Bright blue - 8.0:1 on dark ✅
|
|
191
|
+
subtle: '#1E3A8A', // Dark blue background
|
|
192
|
+
contrast: '#1E3A8A', // Dark blue on bright blue
|
|
193
|
+
},
|
|
194
|
+
},
|
|
195
|
+
// Surface hierarchy - clearly mapped to neutral scale
|
|
196
|
+
surface: {
|
|
197
|
+
page: neutral[1], // Very dark - main background
|
|
198
|
+
card: neutral[0], // Near black - elevated surfaces
|
|
199
|
+
overlay: neutral[0], // Near black - modals, dropdowns
|
|
200
|
+
input: neutral[0], // Near black - input fields
|
|
201
|
+
interactive: neutral[2], // Dark - hover states
|
|
202
|
+
selected: neutral[2], // Dark - selected states
|
|
203
|
+
nested: neutral[1], // Very dark - nested backgrounds
|
|
204
|
+
},
|
|
205
|
+
// Border hierarchy - clearly mapped to neutral scale
|
|
206
|
+
border: {
|
|
207
|
+
subtle: neutral[2], // Dark - dividers, subtle borders
|
|
208
|
+
default: neutral[3], // Medium-dark - default borders
|
|
209
|
+
strong: neutral[4], // Medium - emphasized borders
|
|
210
|
+
},
|
|
211
|
+
// Text hierarchy - clearly mapped for professional fintech UI
|
|
212
|
+
text: {
|
|
213
|
+
primary: neutral[7], // Very light - main text (readable)
|
|
214
|
+
secondary: neutral[5], // Medium-light - supporting text
|
|
215
|
+
tertiary: neutral[4], // Medium - hints, captions
|
|
216
|
+
disabled: neutral[3], // Medium-dark - disabled state
|
|
217
|
+
inverse: neutral[0], // Near black - text on light backgrounds
|
|
218
|
+
input: neutral[8], // Almost white - input text (crisp and clear)
|
|
219
|
+
},
|
|
220
|
+
// Action colors - clearly mapped to neutral scale
|
|
221
|
+
action: {
|
|
222
|
+
default: neutral[8], // Almost white - primary actions
|
|
223
|
+
hover: neutral[7], // Very light - action hover
|
|
224
|
+
disabled: neutral[2], // Dark - disabled actions
|
|
225
|
+
contrast: neutral[0], // Near black - text on actions
|
|
226
|
+
},
|
|
227
|
+
};
|
|
228
|
+
};
|
|
229
|
+
// ============================================
|
|
230
|
+
// EXPORTS
|
|
231
|
+
// ============================================
|
|
232
|
+
export const buildColorPalette = (mode = 'light') => {
|
|
233
|
+
return mode === 'light' ? buildLightModeColors() : buildDarkModeColors();
|
|
234
|
+
};
|
|
235
|
+
export const lightPalette = buildLightModeColors();
|
|
236
|
+
export const darkPalette = buildDarkModeColors();
|
|
@@ -0,0 +1,126 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Tembo Design System - Constants
|
|
3
|
+
*
|
|
4
|
+
* All non-color design tokens: typography, spacing, radius, shadows, etc.
|
|
5
|
+
* Bold rounded corners with subtle shadows for elevation.
|
|
6
|
+
*/
|
|
7
|
+
export interface UIConstants {
|
|
8
|
+
/**
|
|
9
|
+
* Typography tokens
|
|
10
|
+
*/
|
|
11
|
+
typography: {
|
|
12
|
+
fontFamily: {
|
|
13
|
+
base: string;
|
|
14
|
+
mono: string;
|
|
15
|
+
};
|
|
16
|
+
fontSize: {
|
|
17
|
+
xs: number;
|
|
18
|
+
sm: number;
|
|
19
|
+
base: number;
|
|
20
|
+
lg: number;
|
|
21
|
+
xl: number;
|
|
22
|
+
'2xl': number;
|
|
23
|
+
'3xl': number;
|
|
24
|
+
'4xl': number;
|
|
25
|
+
'5xl': number;
|
|
26
|
+
};
|
|
27
|
+
fontWeight: {
|
|
28
|
+
light: number;
|
|
29
|
+
regular: number;
|
|
30
|
+
medium: number;
|
|
31
|
+
semibold: number;
|
|
32
|
+
bold: number;
|
|
33
|
+
heavy: number;
|
|
34
|
+
};
|
|
35
|
+
lineHeight: {
|
|
36
|
+
tight: number;
|
|
37
|
+
base: number;
|
|
38
|
+
relaxed: number;
|
|
39
|
+
};
|
|
40
|
+
letterSpacing: {
|
|
41
|
+
tight: string;
|
|
42
|
+
base: string;
|
|
43
|
+
wide: string;
|
|
44
|
+
};
|
|
45
|
+
};
|
|
46
|
+
/**
|
|
47
|
+
* Spacing scale (4px base unit)
|
|
48
|
+
*/
|
|
49
|
+
spacing: {
|
|
50
|
+
0: number;
|
|
51
|
+
1: number;
|
|
52
|
+
2: number;
|
|
53
|
+
3: number;
|
|
54
|
+
4: number;
|
|
55
|
+
5: number;
|
|
56
|
+
6: number;
|
|
57
|
+
8: number;
|
|
58
|
+
10: number;
|
|
59
|
+
12: number;
|
|
60
|
+
16: number;
|
|
61
|
+
20: number;
|
|
62
|
+
};
|
|
63
|
+
/**
|
|
64
|
+
* Border radius tokens
|
|
65
|
+
* Bold, smooth rounded corners throughout the design
|
|
66
|
+
*/
|
|
67
|
+
radius: {
|
|
68
|
+
none: number;
|
|
69
|
+
sm: number;
|
|
70
|
+
base: number;
|
|
71
|
+
md: number;
|
|
72
|
+
lg: number;
|
|
73
|
+
xl: number;
|
|
74
|
+
full: number;
|
|
75
|
+
button: number;
|
|
76
|
+
input: number;
|
|
77
|
+
card: number;
|
|
78
|
+
modal: number;
|
|
79
|
+
avatar: number;
|
|
80
|
+
};
|
|
81
|
+
/**
|
|
82
|
+
* Box shadow tokens
|
|
83
|
+
* Subtle shadows for gentle elevation
|
|
84
|
+
* Inputs and buttons have no shadow - shadows only for raised/overlay elements
|
|
85
|
+
*/
|
|
86
|
+
shadow: {
|
|
87
|
+
none: string;
|
|
88
|
+
sm: string;
|
|
89
|
+
base: string;
|
|
90
|
+
md: string;
|
|
91
|
+
lg: string;
|
|
92
|
+
xl: string;
|
|
93
|
+
card: string;
|
|
94
|
+
modal: string;
|
|
95
|
+
popover: string;
|
|
96
|
+
tooltip: string;
|
|
97
|
+
};
|
|
98
|
+
/**
|
|
99
|
+
* Z-index layers
|
|
100
|
+
*/
|
|
101
|
+
zIndex: {
|
|
102
|
+
dropdown: number;
|
|
103
|
+
modal: number;
|
|
104
|
+
popover: number;
|
|
105
|
+
tooltip: number;
|
|
106
|
+
notification: number;
|
|
107
|
+
};
|
|
108
|
+
/**
|
|
109
|
+
* Transition timing
|
|
110
|
+
*/
|
|
111
|
+
transition: {
|
|
112
|
+
fast: string;
|
|
113
|
+
base: string;
|
|
114
|
+
slow: string;
|
|
115
|
+
};
|
|
116
|
+
}
|
|
117
|
+
/**
|
|
118
|
+
* Default UI constants
|
|
119
|
+
* Bold rounded corners with subtle shadows for elevation
|
|
120
|
+
*/
|
|
121
|
+
export declare const defaultUIConstants: UIConstants;
|
|
122
|
+
/**
|
|
123
|
+
* Dark mode adjustments
|
|
124
|
+
* Shadows are more subtle/absent in dark mode
|
|
125
|
+
*/
|
|
126
|
+
export declare const buildDarkModeConstants: () => Pick<UIConstants, "shadow">;
|
|
@@ -0,0 +1,126 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Tembo Design System - Constants
|
|
3
|
+
*
|
|
4
|
+
* All non-color design tokens: typography, spacing, radius, shadows, etc.
|
|
5
|
+
* Bold rounded corners with subtle shadows for elevation.
|
|
6
|
+
*/
|
|
7
|
+
/**
|
|
8
|
+
* Default UI constants
|
|
9
|
+
* Bold rounded corners with subtle shadows for elevation
|
|
10
|
+
*/
|
|
11
|
+
export const defaultUIConstants = {
|
|
12
|
+
typography: {
|
|
13
|
+
fontFamily: {
|
|
14
|
+
base: "Avenir, MarkPro, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",
|
|
15
|
+
mono: "'SF Mono', 'Monaco', 'Inconsolata', 'Fira Mono', monospace",
|
|
16
|
+
},
|
|
17
|
+
fontSize: {
|
|
18
|
+
xs: 12,
|
|
19
|
+
sm: 13,
|
|
20
|
+
base: 14,
|
|
21
|
+
lg: 16,
|
|
22
|
+
xl: 18,
|
|
23
|
+
'2xl': 20,
|
|
24
|
+
'3xl': 24,
|
|
25
|
+
'4xl': 30,
|
|
26
|
+
'5xl': 36,
|
|
27
|
+
},
|
|
28
|
+
fontWeight: {
|
|
29
|
+
light: 300,
|
|
30
|
+
regular: 400,
|
|
31
|
+
medium: 500,
|
|
32
|
+
semibold: 600,
|
|
33
|
+
bold: 700,
|
|
34
|
+
heavy: 800,
|
|
35
|
+
},
|
|
36
|
+
lineHeight: {
|
|
37
|
+
tight: 1.25,
|
|
38
|
+
base: 1.5,
|
|
39
|
+
relaxed: 1.75,
|
|
40
|
+
},
|
|
41
|
+
letterSpacing: {
|
|
42
|
+
tight: '-0.01em',
|
|
43
|
+
base: '0',
|
|
44
|
+
wide: '0.025em',
|
|
45
|
+
},
|
|
46
|
+
},
|
|
47
|
+
spacing: {
|
|
48
|
+
0: 0,
|
|
49
|
+
1: 4,
|
|
50
|
+
2: 8,
|
|
51
|
+
3: 12,
|
|
52
|
+
4: 16,
|
|
53
|
+
5: 20,
|
|
54
|
+
6: 24,
|
|
55
|
+
8: 32,
|
|
56
|
+
10: 40,
|
|
57
|
+
12: 48,
|
|
58
|
+
16: 64,
|
|
59
|
+
20: 80,
|
|
60
|
+
},
|
|
61
|
+
/**
|
|
62
|
+
* Bold rounded corners
|
|
63
|
+
*/
|
|
64
|
+
radius: {
|
|
65
|
+
none: 0,
|
|
66
|
+
sm: 12,
|
|
67
|
+
base: 24, // Bold default radius
|
|
68
|
+
md: 28,
|
|
69
|
+
lg: 32,
|
|
70
|
+
xl: 40,
|
|
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
|
|
78
|
+
},
|
|
79
|
+
/**
|
|
80
|
+
* Subtle shadows - only for elevated/overlay elements
|
|
81
|
+
*/
|
|
82
|
+
shadow: {
|
|
83
|
+
none: 'none',
|
|
84
|
+
sm: '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
|
|
94
|
+
},
|
|
95
|
+
zIndex: {
|
|
96
|
+
dropdown: 1000,
|
|
97
|
+
modal: 1050,
|
|
98
|
+
popover: 1060,
|
|
99
|
+
tooltip: 1070,
|
|
100
|
+
notification: 1080,
|
|
101
|
+
},
|
|
102
|
+
transition: {
|
|
103
|
+
fast: '150ms cubic-bezier(0.4, 0, 0.2, 1)',
|
|
104
|
+
base: '200ms cubic-bezier(0.4, 0, 0.2, 1)',
|
|
105
|
+
slow: '300ms cubic-bezier(0.4, 0, 0.2, 1)',
|
|
106
|
+
},
|
|
107
|
+
};
|
|
108
|
+
/**
|
|
109
|
+
* Dark mode adjustments
|
|
110
|
+
* Shadows are more subtle/absent in dark mode
|
|
111
|
+
*/
|
|
112
|
+
export const buildDarkModeConstants = () => ({
|
|
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
|
|
125
|
+
},
|
|
126
|
+
});
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";var e=require("react"),r=require("antd");function o(e){return e&&e.__esModule?e:{default:e}}var t,a=o(e),n={exports:{}},i={};var c,l,s={};
|
|
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 d(){return c||(c=1,"production"!==process.env.NODE_ENV&&function(){function e(r){if(null==r)return null;if("function"==typeof r)return r.$$typeof===C?null:r.displayName||r.name||null;if("string"==typeof r)return r;switch(r){case f:return"Fragment";case b:return"Profiler";case y:return"StrictMode";case S:return"Suspense";case B:return"SuspenseList";case w:return"Activity"}if("object"==typeof r)switch("number"==typeof r.tag&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),r.$$typeof){case m:return"Portal";case v:return r.displayName||"Context";case x:return(r._context.displayName||"Context")+".Consumer";case h:var o=r.render;return(r=r.displayName)||(r=""!==(r=o.displayName||o.name||"")?"ForwardRef("+r+")":"ForwardRef"),r;case F:return null!==(o=r.displayName||null)?o:e(r.type)||"Memo";case T:o=r._payload,r=r._init;try{return e(r(o))}catch(e){}}return null}function r(e){return""+e}function o(e){try{r(e);var o=!1}catch(e){o=!0}if(o){var t=(o=console).error,a="function"==typeof Symbol&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t.call(o,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",a),r(e)}}function t(r){if(r===f)return"<>";if("object"==typeof r&&null!==r&&r.$$typeof===T)return"<...>";try{var o=e(r);return o?"<"+o+">":"<...>"}catch(e){return"<...>"}}function n(){return Error("react-stack-top-frame")}function i(){var r=e(this.type);return E[r]||(E[r]=!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!==(r=this.props.ref)?r:null}function c(r,t,a,n,c,s){var d,g=t.children;if(void 0!==g)if(n)if(P(g)){for(n=0;n<g.length;n++)l(g[n]);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 l(g);if(k.call(t,"key")){g=e(r);var m=Object.keys(t).filter(function(e){return"key"!==e});n=0<m.length?"{key: someKey, "+m.join(": ..., ")+": ...}":"{key: someKey}",z[g+n]||(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} />',n,g,m,g),z[g+n]=!0)}if(g=null,void 0!==a&&(o(a),g=""+a),function(e){if(k.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return void 0!==e.key}(t)&&(o(t.key),g=""+t.key),"key"in t)for(var f in a={},t)"key"!==f&&(a[f]=t[f]);else a=t;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 r?r.displayName||r.name||"Unknown":r),function(e,r,o,t,a,n){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:i}):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:n}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}(r,g,a,null===(d=H.A)?null:d.getOwner(),c,s)}function l(e){d(e)?e._store&&(e._store.validated=1):"object"==typeof e&&null!==e&&e.$$typeof===T&&("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=a.default,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"),h=Symbol.for("react.forward_ref"),S=Symbol.for("react.suspense"),B=Symbol.for("react.suspense_list"),F=Symbol.for("react.memo"),T=Symbol.for("react.lazy"),w=Symbol.for("react.activity"),C=Symbol.for("react.client.reference"),H=g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,k=Object.prototype.hasOwnProperty,P=Array.isArray,A=console.createTask?console.createTask:function(){return null},E={},R=(g={react_stack_bottom_frame:function(e){return e()}}).react_stack_bottom_frame.bind(g,n)(),I=A(t(n)),z={};s.Fragment=f,s.jsx=function(e,r,o){var a=1e4>H.recentlyCreatedOwnerStacks++;return c(e,r,o,!1,a?Error("react-stack-top-frame"):R,a?A(t(e)):I)},s.jsxs=function(e,r,o){var a=1e4>H.recentlyCreatedOwnerStacks++;return c(e,r,o,!0,a?Error("react-stack-top-frame"):R,a?A(t(e)):I)}}()),s}var u=(l||(l=1,"production"===process.env.NODE_ENV?n.exports=function(){if(t)return i;t=1;var e=Symbol.for("react.transitional.element"),r=Symbol.for("react.fragment");function o(r,o,t){var a=null;if(void 0!==t&&(a=""+t),void 0!==o.key&&(a=""+o.key),"key"in o)for(var n in t={},o)"key"!==n&&(t[n]=o[n]);else t=o;return o=t.ref,{$$typeof:e,type:r,key:a,ref:void 0!==o?o:null,props:t}}return i.Fragment=r,i.jsx=o,i.jsxs=o,i}():n.exports=d()),n.exports);!function(e,r){void 0===r&&(r={});var o=r.insertAt;if("undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===o&&t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("/* Inputs with prefix/suffix icons */\n.ant-input-affix-wrapper .ant-input,\n.ant-select .ant-select-content-value,\n.ant-picker-input>input,\n.ant-input-number-input,\n.ant-segmented-item-selected .ant-segmented-item-label {\n font-weight: 500 !important;\n}");const g={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)"}},p={0:"#FFFFFF",1:"#F5F5F5",2:"#E8E8E8",3:"#D4D4D4",4:"#A3A3A3",5:"#737373",6:"#525252",7:"#404040",8:"#171717",9:"#000000"},m={0:"#0A0A0A",1:"#171717",2:"#262626",3:"#404040",4:"#525252",5:"#737373",6:"#A3A3A3",7:"#D4D4D4",8:"#F5F5F5",9:"#FFFFFF"},f=()=>({mode:"light",neutral:p,absolute:{black:"#000000",white:"#FFFFFF"},accent:{default:"#2563EB",hover:"#1D4ED8",active:"#1E40AF",subtle:"#EFF6FF"},semantic:{error:{main:"#DC2626",subtle:"#FEF2F2",contrast:"#FFFFFF"},success:{main:"#0F766E",subtle:"#F0FDFA",contrast:"#FFFFFF"},warning:{main:"#EA580C",subtle:"#FFF7ED",contrast:"#FFFFFF"},info:{main:"#2563EB",subtle:"#EFF6FF",contrast:"#FFFFFF"}},surface:{page:p[1],card:p[0],overlay:p[0],input:p[0],interactive:p[2],selected:p[2],nested:p[1]},border:{subtle:p[2],default:p[3],strong:p[4]},text:{primary:p[7],secondary:p[5],tertiary:p[4],disabled:p[3],inverse:p[0],input:p[8]},action:{default:p[8],hover:p[7],disabled:p[2],contrast:p[0]}}),y=()=>({mode:"dark",neutral:m,absolute:{black:"#000000",white:"#FFFFFF"},accent:{default:"#60A5FA",hover:"#93C5FD",active:"#BFDBFE",subtle:"#1E3A8A"},semantic:{error:{main:"#F87171",subtle:"#7F1D1D",contrast:"#450A0A"},success:{main:"#5EEAD4",subtle:"#134E4A",contrast:"#0A3A35"},warning:{main:"#FB923C",subtle:"#7C2D12",contrast:"#431407"},info:{main:"#60A5FA",subtle:"#1E3A8A",contrast:"#1E3A8A"}},surface:{page:m[1],card:m[0],overlay:m[0],input:m[0],interactive:m[2],selected:m[2],nested:m[1]},border:{subtle:m[2],default:m[3],strong:m[4]},text:{primary:m[7],secondary:m[5],tertiary:m[4],disabled:m[3],inverse:m[0],input:m[8]},action:{default:m[8],hover:m[7],disabled:m[2],contrast:m[0]}}),b=(e="light")=>"light"===e?f():y();f(),y();const x=a.default.createContext({colors:b("light"),constants:g,mode:"light"});exports.TemboThemeProvider=({children:e,mode:o="light",antdThemeOverrides:t})=>{const n=a.default.useMemo(()=>b(o),[o]),i=a.default.useMemo(()=>g,[]),c=a.default.useMemo(()=>{var e,r;const o=((e,r)=>{const o="dark"===e.mode;return{token:{colorPrimary:e.action.default,colorPrimaryHover:e.action.hover,colorPrimaryActive:e.action.default,colorPrimaryBg:e.neutral[3],colorPrimaryBgHover:e.surface.interactive,colorPrimaryBorder:e.action.default,colorPrimaryBorderHover:e.action.hover,colorPrimaryText:e.action.default,colorPrimaryTextHover:e.action.hover,colorPrimaryTextActive:e.action.default,colorLink:e.accent.default,colorLinkHover:e.accent.hover,colorLinkActive:e.accent.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.selected,colorBgContainerDisabled:e.action.disabled,colorBorder:e.border.default,colorBorderBg:e.surface.card,colorBorderSecondary:e.border.subtle,colorSplit:e.border.subtle,colorFill:e.neutral[3],colorFillSecondary:e.neutral[3],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,fontSizeSM:r.typography.fontSize.sm,fontSizeLG:r.typography.fontSize.lg,fontSizeXL:r.typography.fontSize.xl,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,fontWeightStrong:r.typography.fontWeight.semibold,lineHeight:r.typography.lineHeight.base,lineHeightSM:r.typography.lineHeight.base,lineHeightLG:r.typography.lineHeight.relaxed,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,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.base,borderRadiusXS:r.radius.base,boxShadow:r.shadow.none,boxShadowSecondary:r.shadow.none,boxShadowTertiary:r.shadow.card,motionUnit:.1,motionBase:0,motionEaseInOut:r.transition.base,motionEaseOut:r.transition.base,motionEaseInBack:r.transition.base,zIndexBase:0,zIndexPopupBase:r.zIndex.dropdown},components:{Button:{colorPrimary:e.action.default,colorPrimaryHover:e.action.hover,colorPrimaryActive:e.action.default,colorPrimaryBorder:e.action.default,primaryColor:e.action.contrast,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.selected,defaultActiveBorderColor:e.action.default,defaultActiveColor:e.action.default,colorLink:e.accent.default,colorLinkHover:e.accent.hover,colorLinkActive:e.accent.active,textHoverBg:e.surface.interactive,dangerColor:e.semantic.error.main,colorErrorHover:e.semantic.error.main,colorErrorActive:e.semantic.error.main,colorBgContainerDisabled:e.action.disabled,colorTextDisabled:e.text.disabled,borderColorDisabled:e.action.disabled,primaryShadow:"none",defaultShadow:"none",dangerShadow:"none",borderRadius:r.radius.button,borderRadiusLG:r.radius.button,borderRadiusSM:r.radius.button,fontWeight:r.typography.fontWeight.medium,paddingContentHorizontal:r.spacing[4],paddingContentVertical:r.spacing[2]},Input:{colorBgContainer:e.surface.input,colorBorder:e.border.default,colorText:e.text.input,colorTextPlaceholder:e.text.tertiary,colorIcon:e.text.tertiary,colorIconHover:e.text.secondary,hoverBg:e.surface.card,hoverBorderColor:e.border.strong,activeBg:e.surface.card,activeBorderColor:e.accent.default,activeShadow:`0 0 0 2px ${e.accent.subtle}`,errorActiveShadow:`0 0 0 2px ${e.semantic.error.subtle}`,warningActiveShadow:`0 0 0 2px ${e.semantic.warning.subtle}`,colorBgContainerDisabled:e.surface.nested,colorTextDisabled:e.text.disabled,borderRadius:r.radius.input,borderRadiusLG:r.radius.input,borderRadiusSM:r.radius.input,paddingBlock:r.spacing[2],paddingInline:r.spacing[3],paddingInlineLG:r.spacing[4],fontWeightStrong:r.typography.fontWeight.medium},InputNumber:{colorBgContainer:e.surface.input,colorText:e.text.input,colorTextPlaceholder:e.text.tertiary,colorIcon:e.text.tertiary,colorIconHover:e.text.secondary,activeBorderColor:e.accent.default,activeShadow:`0 0 0 2px ${e.accent.subtle}`,borderRadius:r.radius.input,handleVisible:!0,fontWeightStrong:r.typography.fontWeight.medium},Select:{colorBgContainer:e.surface.input,colorBgElevated:e.surface.overlay,colorText:e.text.input,colorTextPlaceholder:e.text.tertiary,colorIcon:e.text.tertiary,colorIconHover:e.text.secondary,activeBorderColor:e.accent.default,boxShadow:`0 0 0 2px ${e.accent.subtle}`,optionSelectedBg:e.surface.selected,optionActiveBg:e.surface.interactive,controlItemBgHover:e.surface.interactive,controlItemBgActive:e.surface.selected,borderRadius:r.radius.input,borderRadiusLG:r.radius.input,borderRadiusSM:r.radius.input,boxShadowSecondary:r.shadow.popover,fontWeightStrong:r.typography.fontWeight.medium},DatePicker:{colorBgContainer:e.surface.input,colorText:e.text.input,colorTextPlaceholder:e.text.tertiary,colorIcon:e.text.tertiary,colorIconHover:e.text.secondary,activeBorderColor:e.accent.default,activeShadow:`0 0 0 2px ${e.accent.subtle}`,cellHoverBg:e.surface.interactive,cellActiveWithRangeBg:e.accent.subtle,colorPrimary:e.accent.default,borderRadius:r.radius.input,fontWeightStrong:r.typography.fontWeight.medium},Checkbox:{colorPrimary:e.accent.default,colorPrimaryHover:e.accent.hover,colorPrimaryBorder:e.border.default,borderRadiusSM:r.radius.sm},Radio:{colorPrimary:e.accent.default,colorPrimaryHover:e.accent.hover,colorBorder:e.border.default},Switch:{colorPrimary:e.accent.default,colorPrimaryHover:e.accent.hover,colorTextQuaternary:e.neutral[4],colorTextTertiary:e.neutral[5],handleSize:18},Slider:{colorPrimary:e.accent.default,colorPrimaryBorder:e.accent.default,colorPrimaryBorderHover:e.accent.hover,handleColor:e.surface.card,handleActiveColor:e.surface.card,railBg:e.neutral[3],railHoverBg:e.neutral[4],trackBg:e.accent.default,trackHoverBg:e.accent.hover,dotBorderColor:e.border.default,dotActiveBorderColor:e.accent.default},Form:{labelColor:e.text.primary,labelFontSize:r.typography.fontSize.base,labelRequiredMarkColor:e.semantic.error.main,itemMarginBottom:r.spacing[4],verticalLabelPadding:`0 0 ${r.spacing[2]}px`},Table:{colorBgContainer:e.surface.card,headerBg:e.surface.page,headerColor:e.text.secondary,colorText:e.text.primary,colorTextHeading:e.text.secondary,borderColor:e.border.subtle,rowHoverBg:e.surface.interactive,rowSelectedBg:e.surface.selected,rowExpandedBg:e.surface.nested,borderRadius:r.radius.card,borderRadiusLG:r.radius.card,headerBorderRadius:r.radius.card,cellPaddingBlock:r.spacing[3],cellPaddingInline:r.spacing[4],cellPaddingBlockSM:r.spacing[2],cellPaddingInlineSM:r.spacing[3],cellFontSize:r.typography.fontSize.base,headerSortActiveBg:e.surface.interactive},Descriptions:{labelBg:e.surface.page,titleColor:e.text.primary,contentColor:e.text.primary,extraColor:e.text.secondary,colorSplit:e.border.subtle,itemPaddingBottom:r.spacing[3]},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.sm,contentFontSize:r.typography.fontSize["4xl"]},Timeline:{tailColor:e.border.default,tailWidth:2,dotBg:e.surface.card,dotBorderWidth:2,itemPaddingBottom:r.spacing[4]},Tag:{defaultBg:e.neutral[2],defaultColor: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.accent.default,colorWarning:e.semantic.warning.main,textFontSize:r.typography.fontSize.xs,textFontWeight:r.typography.fontWeight.medium},Avatar:{colorBgContainer:e.neutral[3],colorTextPlaceholder:e.text.secondary,borderRadius:r.radius.avatar,groupOverlapping:-8,groupSpace:r.spacing[1]},Calendar:{colorBgContainer:e.surface.card,colorPrimary:e.accent.default,itemActiveBg:e.accent.subtle,borderRadius:r.radius.card},Collapse:{colorBgContainer:e.surface.card,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},Tree:{nodeHoverBg:e.surface.interactive,nodeSelectedBg:e.surface.selected,directoryNodeSelectedBg: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`,borderRadiusLG:r.radius.card,withDescriptionPadding:`${r.spacing[4]}px ${r.spacing[5]}px`},Modal:{contentBg:e.surface.overlay,headerBg:e.surface.overlay,footerBg:e.surface.overlay,titleColor:e.text.primary,titleFontSize:r.typography.fontSize.xl,colorBgMask:o?"rgba(0, 0, 0, 0.65)":"rgba(0, 0, 0, 0.45)",boxShadow:r.shadow.modal,borderRadiusLG:r.radius.modal},Drawer:{colorBgElevated:e.surface.overlay,colorText:e.text.primary,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,boxShadow:r.shadow.popover,borderRadiusLG:r.radius.card,padding:r.spacing[4]},Message:{contentBg:e.surface.overlay,contentPadding:`${r.spacing[2]}px ${r.spacing[4]}px`,boxShadow:r.shadow.popover,borderRadiusLG:r.radius.card},Popconfirm:{colorBgElevated:e.surface.overlay,colorText:e.text.primary,colorTextHeading:e.text.primary,boxShadowSecondary:r.shadow.popover,borderRadiusLG:r.radius.card},Progress:{defaultColor:e.accent.default,colorSuccess:e.semantic.success.main,colorError:e.semantic.error.main,remainingColor:e.neutral[3],borderRadius:100,lineBorderRadius:100},Result:{titleFontSize:r.typography.fontSize["3xl"],subtitleFontSize:r.typography.fontSize.base,iconFontSize:r.typography.fontSize["5xl"],colorSuccess:e.semantic.success.main,colorError:e.semantic.error.main,colorInfo:e.accent.default,colorWarning:e.semantic.warning.main},Skeleton:{colorFill:e.neutral[2],colorFillContent:e.neutral[3],borderRadiusSM:r.radius.sm},Spin:{colorPrimary:e.accent.default},Menu:{itemBg:"transparent",itemColor:e.text.primary,itemHoverBg:e.surface.interactive,itemHoverColor:e.text.primary,itemSelectedBg:e.surface.selected,itemSelectedColor:e.accent.default,itemActiveBg:e.surface.selected,darkItemBg:e.absolute.black,darkSubMenuItemBg:e.absolute.black,darkItemColor:e.absolute.white,darkItemHoverBg:"rgba(255, 255, 255, 0.08)",darkItemSelectedBg:e.accent.default,darkItemSelectedColor:e.absolute.white,itemBorderRadius:r.radius.sm,itemMarginInline:r.spacing[1],itemPaddingInline:r.spacing[3]},Breadcrumb:{itemColor:e.text.secondary,lastItemColor:e.text.primary,linkColor:e.accent.default,linkHoverColor:e.accent.hover,separatorColor:e.text.tertiary,separatorMargin:r.spacing[2],fontSize:r.typography.fontSize.sm},Pagination:{colorPrimary:e.accent.default,colorPrimaryHover:e.accent.hover,itemActiveBg:e.accent.default,itemBg:e.surface.card,itemLinkBg:e.surface.card,itemInputBg:e.surface.card,borderRadius:r.radius.sm},Steps:{colorPrimary:e.accent.default,colorText:e.text.secondary,colorTextDescription:e.text.tertiary,colorFillContent:e.neutral[3]},Tabs:{colorPrimary:e.accent.default,itemColor:e.text.secondary,itemHoverColor:e.accent.hover,itemSelectedColor:e.accent.default,itemActiveColor:e.accent.default,inkBarColor:e.accent.default,colorBgContainer:e.surface.card,cardPadding:`${r.spacing[2]}px ${r.spacing[4]}px`,horizontalItemPadding:`${r.spacing[3]}px 0`,horizontalItemGutter:r.spacing[8]},Anchor:{colorPrimary:e.accent.default,linkPaddingBlock:r.spacing[1],linkPaddingInlineStart:r.spacing[4]},Dropdown:{colorBgElevated:e.surface.overlay,colorText:e.text.primary,controlItemBgHover:e.surface.interactive,controlItemBgActive:e.surface.selected,boxShadowSecondary:r.shadow.popover,borderRadiusLG:r.radius.card,paddingBlock:r.spacing[1]},Layout:{colorBgBody:e.surface.page,colorBgHeader:e.surface.card,colorBgTrigger:e.surface.interactive,headerBg:e.surface.card,headerColor:e.text.primary,siderBg:e.absolute.black,triggerBg:e.surface.interactive,triggerColor:e.text.primary,headerPadding:`0 ${r.spacing[6]}px`,footerPadding:`${r.spacing[6]}px ${r.spacing[12]}px`},Divider:{colorSplit:e.border.subtle,colorText:e.text.tertiary,colorTextHeading:e.text.secondary,verticalMarginInline:r.spacing[2]},Typography:{colorText:e.text.primary,colorTextSecondary:e.text.secondary,colorLink:e.accent.default,colorLinkHover:e.accent.hover,colorLinkActive:e.accent.active,titleMarginBottom:r.spacing[2],titleMarginTop:r.spacing[4]},Tooltip:{colorBgSpotlight:e.neutral[8],colorTextLightSolid:e.text.inverse,boxShadowSecondary:r.shadow.tooltip,borderRadius:r.radius.sm},Popover:{colorBgElevated:e.surface.overlay,colorText:e.text.primary,colorTextHeading:e.text.primary,boxShadowSecondary:r.shadow.popover,borderRadiusLG:r.radius.card,padding:r.spacing[3]},Upload:{colorFillAlter:e.surface.interactive,colorBorder:e.border.default,actionsColor:e.accent.default},Tour:{colorBgElevated:e.surface.overlay,colorPrimary:e.accent.default,colorText:e.text.primary,boxShadowSecondary:r.shadow.popover,borderRadius:r.radius.card},FloatButton:{colorBgElevated:e.surface.overlay,colorPrimary:e.accent.default,colorText:e.text.primary,boxShadow:r.shadow.popover,borderRadiusLG:r.radius.avatar},Segmented:{colorBgLayout:e.neutral[2],itemColor:e.text.secondary,itemHoverColor:e.text.primary,itemHoverBg:e.surface.interactive,itemSelectedBg:e.surface.card,itemSelectedColor:e.text.primary,itemActiveBg:e.surface.card,borderRadius:r.radius.base,borderRadiusSM:r.radius.sm,borderRadiusLG:r.radius.lg,fontWeightStrong:r.typography.fontWeight.medium},Mentions:{colorBgElevated:e.surface.overlay,controlItemBgHover:e.surface.interactive,controlItemBgActive:e.surface.selected,boxShadowSecondary:r.shadow.popover},Cascader:{colorBgElevated:e.surface.overlay,controlItemBgHover:e.surface.interactive,optionSelectedBg:e.surface.selected,colorPrimary:e.accent.default},TreeSelect:{colorBgElevated:e.surface.overlay,nodeHoverBg:e.surface.interactive,nodeSelectedBg:e.surface.selected},Transfer:{colorBgContainer:e.surface.card,controlItemBgHover:e.surface.interactive,controlItemBgActive:e.surface.selected},Rate:{colorFillContent:e.neutral[3],starColor:"#FADB14",starBg:e.neutral[3]},Empty:{colorText:e.text.secondary,colorTextDescription:e.text.tertiary,colorTextDisabled:e.text.disabled},List:{colorBorder:e.border.subtle,colorText:e.text.primary,colorTextDescription:e.text.secondary,itemPadding:`${r.spacing[3]}px 0`,itemPaddingSM:`${r.spacing[2]}px ${r.spacing[3]}px`,itemPaddingLG:`${r.spacing[4]}px ${r.spacing[6]}px`,metaMarginBottom:r.spacing[2],avatarMarginRight:r.spacing[4],titleMarginBottom:r.spacing[1]}}}})(n,i);return t?Object.assign(Object.assign({},o),{token:Object.assign(Object.assign({},o.token),null!==(e=t.token)&&void 0!==e?e:{}),components:Object.assign(Object.assign({},o.components),null!==(r=t.components)&&void 0!==r?r:{})}):o},[n,i,t]),l=a.default.useMemo(()=>({colors:n,constants:i,mode:o}),[n,i,o]);return u.jsx(x.Provider,{value:l,children:u.jsx(r.ConfigProvider,{theme:c,children:e})})},exports.jsxRuntimeExports=u,exports.useNewTemboTheme=()=>a.default.useContext(x);
|
|
11
|
+
//# sourceMappingURL=theme-provider-CCkR2IcZ.js.map
|