@temboplus/frontend-react-core 0.1.3-beta.3 → 0.1.3-beta.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (80) hide show
  1. package/dist/CloseCircleOutlined-CMilRURi.js +3 -0
  2. package/dist/CloseCircleOutlined-CMilRURi.js.map +1 -0
  3. package/dist/CloseCircleOutlined-CSHx89Jn.js +3 -0
  4. package/dist/CloseCircleOutlined-CSHx89Jn.js.map +1 -0
  5. package/dist/InfoCircleOutlined-DR9DmuN-.js +5 -0
  6. package/dist/InfoCircleOutlined-DR9DmuN-.js.map +1 -0
  7. package/dist/InfoCircleOutlined-Hx86sClq.js +5 -0
  8. package/dist/InfoCircleOutlined-Hx86sClq.js.map +1 -0
  9. package/dist/alerts/index.cjs.js +1 -1
  10. package/dist/alerts/index.cjs.js.map +1 -1
  11. package/dist/alerts/index.js +1 -1
  12. package/dist/alerts/index.js.map +1 -1
  13. package/dist/dialogs/index.cjs.js +3 -1
  14. package/dist/dialogs/index.cjs.js.map +1 -1
  15. package/dist/dialogs/index.js +3 -1
  16. package/dist/dialogs/index.js.map +1 -1
  17. package/dist/features/alerts/alert.js +18 -18
  18. package/dist/features/dialogs/tembo-confirm.js +28 -19
  19. package/dist/features/notifications/tembo-notify.d.ts +32 -105
  20. package/dist/features/notifications/tembo-notify.js +102 -111
  21. package/dist/features/notifications/toast-config.d.ts +4 -6
  22. package/dist/features/notifications/toast-config.js +28 -21
  23. package/dist/features/notifications/toast-container.d.ts +13 -3
  24. package/dist/features/notifications/toast-container.js +80 -9
  25. package/dist/index.cjs.js +1 -1
  26. package/dist/index.cjs.js.map +1 -1
  27. package/dist/index.esm.js +1 -1
  28. package/dist/index.esm.js.map +1 -1
  29. package/dist/notifications/index.cjs.js +1 -1
  30. package/dist/notifications/index.js +1 -1
  31. package/dist/providers.d.ts +2 -32
  32. package/dist/providers.js +3 -24
  33. package/dist/tembo-notify-C2pwp3tl.js +3 -0
  34. package/dist/tembo-notify-C2pwp3tl.js.map +1 -0
  35. package/dist/tembo-notify-vrLE3jqe.js +3 -0
  36. package/dist/tembo-notify-vrLE3jqe.js.map +1 -0
  37. package/dist/theme/deprecated/theme-provider.d.ts +100 -0
  38. package/dist/theme/deprecated/theme-provider.js +405 -0
  39. package/dist/theme/index.cjs.js +1 -1
  40. package/dist/theme/index.d.ts +3 -2
  41. package/dist/theme/index.js +1 -1
  42. package/dist/theme/theme-config.d.ts +15 -0
  43. package/dist/theme/theme-config.js +735 -0
  44. package/dist/theme/theme-provider.d.ts +11 -81
  45. package/dist/theme/theme-provider.js +20 -392
  46. package/dist/theme/tokens/colors.d.ts +153 -0
  47. package/dist/theme/tokens/colors.js +306 -0
  48. package/dist/theme/tokens/constants.d.ts +136 -0
  49. package/dist/theme/tokens/constants.js +137 -0
  50. package/dist/theme-provider-XqWasApp.js +11 -0
  51. package/dist/theme-provider-XqWasApp.js.map +1 -0
  52. package/dist/theme-provider-c4R_KW4X.js +2 -0
  53. package/dist/theme-provider-c4R_KW4X.js.map +1 -0
  54. package/dist/theme-provider-slJZwhTc.js +11 -0
  55. package/dist/theme-provider-slJZwhTc.js.map +1 -0
  56. package/dist/theme-provider-slTbQLX5.js +2 -0
  57. package/dist/theme-provider-slTbQLX5.js.map +1 -0
  58. package/dist/validation/index.cjs.js.map +1 -1
  59. package/dist/validation/index.js.map +1 -1
  60. package/package.json +20 -19
  61. package/dist/InfoCircleOutlined-B7d2aRfV.js +0 -7
  62. package/dist/InfoCircleOutlined-B7d2aRfV.js.map +0 -1
  63. package/dist/InfoCircleOutlined-DYs90hdV.js +0 -7
  64. package/dist/InfoCircleOutlined-DYs90hdV.js.map +0 -1
  65. package/dist/ZoomOutOutlined-BL6A5RSq.js +0 -2
  66. package/dist/ZoomOutOutlined-BL6A5RSq.js.map +0 -1
  67. package/dist/ZoomOutOutlined-BY_CCwq7.js +0 -2
  68. package/dist/ZoomOutOutlined-BY_CCwq7.js.map +0 -1
  69. package/dist/tembo-notify-B-mUpU8q.js +0 -2
  70. package/dist/tembo-notify-B-mUpU8q.js.map +0 -1
  71. package/dist/tembo-notify-C4_8DSSc.js +0 -2
  72. package/dist/tembo-notify-C4_8DSSc.js.map +0 -1
  73. package/dist/theme-provider-Ca4P0Hcp.js +0 -11
  74. package/dist/theme-provider-Ca4P0Hcp.js.map +0 -1
  75. package/dist/theme-provider-RhAw3jw_.js +0 -11
  76. package/dist/theme-provider-RhAw3jw_.js.map +0 -1
  77. /package/dist/theme/{colors.d.ts → deprecated/colors.d.ts} +0 -0
  78. /package/dist/theme/{colors.js → deprecated/colors.js} +0 -0
  79. /package/dist/theme/{constants.d.ts → deprecated/constants.d.ts} +0 -0
  80. /package/dist/theme/{constants.js → deprecated/constants.js} +0 -0
@@ -0,0 +1,306 @@
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
+ * Secondary color definitions:
16
+ * - subtlest: Barely visible tint (for large background areas)
17
+ * - subtle: Soft but visible tint (for badges, highlights)
18
+ * - main: Strong accent color (for icons, borders, emphasis)
19
+ * - contrast: High contrast (for text on main backgrounds only)
20
+ */
21
+ // ============================================
22
+ // NEUTRAL SCALE CONSTANTS
23
+ // ============================================
24
+ /**
25
+ * Light mode neutral scale - Professional fintech UI
26
+ * Optimized for clarity without being overly bold
27
+ *
28
+ * Visual hierarchy (dark to light):
29
+ * 9 = Pure black (#000000) - 21:1 contrast - maximum emphasis
30
+ * 8 = Almost black (#171717) - 17.9:1 contrast - actions, input text
31
+ * 7 = Very dark (#404040) - 10.4:1 contrast - primary text (AAA)
32
+ * 6 = Dark gray (#525252) - 6.4:1 contrast - strong elements
33
+ * 5 = Medium-dark (#737373) - 3.9:1 contrast - secondary text (AA)
34
+ * 4 = Medium (#A3A3A3) - 3.1:1 contrast - tertiary text, borders
35
+ * 3 = Medium-light (#D4D4D4) - 2.1:1 contrast - subtle borders
36
+ * 2 = Light gray (#E8E8E8) - 1.6:1 contrast - hover states
37
+ * 1 = Very light (#F5F5F5) - 1.3:1 contrast - input backgrounds
38
+ * 0 = Pure white (#FFFFFF) - 1:1 - card surfaces
39
+ */
40
+ const LIGHT_NEUTRAL_SCALE = {
41
+ 0: '#FFFFFF', // Pure white
42
+ 1: '#F5F5F5', // Very light gray
43
+ 2: '#E8E8E8', // Light gray
44
+ 3: '#D4D4D4', // Medium-light gray
45
+ 4: '#A3A3A3', // Medium gray
46
+ 5: '#737373', // Medium-dark gray
47
+ 6: '#525252', // Dark gray
48
+ 7: '#404040', // Very dark gray
49
+ 8: '#171717', // Almost black
50
+ 9: '#000000', // Pure black
51
+ };
52
+ /**
53
+ * Dark mode neutral scale - Professional fintech UI
54
+ * Inverted for dark backgrounds
55
+ *
56
+ * Visual hierarchy (light to dark):
57
+ * 9 = Pure white (#FFFFFF) - maximum emphasis
58
+ * 8 = Almost white (#F5F5F5) - actions, input text
59
+ * 7 = Very light (#D4D4D4) - primary text
60
+ * 6 = Light (#A3A3A3) - strong elements
61
+ * 5 = Medium-light (#737373) - secondary text
62
+ * 4 = Medium (#525252) - tertiary text, borders
63
+ * 3 = Medium-dark (#404040) - subtle borders
64
+ * 2 = Dark (#262626) - hover states
65
+ * 1 = Very dark (#171717) - input backgrounds
66
+ * 0 = Near black (#0A0A0A) - card surfaces
67
+ */
68
+ const DARK_NEUTRAL_SCALE = {
69
+ 0: '#0A0A0A', // Near black
70
+ 1: '#171717', // Very dark
71
+ 2: '#262626', // Dark
72
+ 3: '#404040', // Medium-dark
73
+ 4: '#525252', // Medium
74
+ 5: '#737373', // Medium-light
75
+ 6: '#A3A3A3', // Light
76
+ 7: '#D4D4D4', // Very light
77
+ 8: '#F5F5F5', // Almost white
78
+ 9: '#FFFFFF', // Pure white
79
+ };
80
+ // ============================================
81
+ // COLOR PALETTE BUILDERS
82
+ // ============================================
83
+ /**
84
+ * Build light mode colors with neutral scale references
85
+ */
86
+ const buildLightModeColors = () => {
87
+ const neutral = LIGHT_NEUTRAL_SCALE;
88
+ return {
89
+ mode: 'light',
90
+ neutral,
91
+ absolute: {
92
+ black: '#000000',
93
+ white: '#FFFFFF',
94
+ },
95
+ // Single accent - monochrome black
96
+ accent: {
97
+ default: neutral[7], // Almost black (#171717) - matches action.default
98
+ hover: neutral[6], // Very dark gray (#404040) - slightly lighter on hover
99
+ active: neutral[9], // Pure black (#000000) - darkest on active
100
+ subtle: neutral[1], // Very light gray (#F5F5F5) - subtle background
101
+ },
102
+ // Semantic colors - AAA contrast verified
103
+ semantic: {
104
+ error: {
105
+ main: '#DC2626', // Modern red - 5.9:1 contrast ✅
106
+ subtle: '#FEF2F2', // Very light red background
107
+ contrast: '#FFFFFF', // White text on red
108
+ },
109
+ success: {
110
+ main: '#0F766E', // Modern teal - 5.5:1 contrast ✅
111
+ subtle: '#F0FDFA', // Very light teal background
112
+ contrast: '#FFFFFF', // White text on teal
113
+ },
114
+ warning: {
115
+ main: '#EA580C', // Modern orange - 4.8:1 contrast ✅
116
+ subtle: '#FFF7ED', // Very light orange background
117
+ contrast: '#FFFFFF', // White text on orange
118
+ },
119
+ info: {
120
+ main: '#2563EB', // Same as accent - 6.1:1 contrast ✅
121
+ subtle: '#EFF6FF', // Very light blue background
122
+ contrast: '#FFFFFF', // White text on blue
123
+ },
124
+ pending: {
125
+ main: '#64748B', // Slate gray-blue - 4.5:1 contrast ✅
126
+ subtle: '#F8FAFC', // Very light slate
127
+ contrast: '#FFFFFF', // White text
128
+ }
129
+ },
130
+ // Secondary colors - 4-step scale with strong main colors
131
+ secondary: {
132
+ purple: {
133
+ subtlest: '#FDF4FF', // L: 98% - Almost white with faint purple
134
+ subtle: '#F5E3FF', // L: 93% - Soft purple background
135
+ main: '#470047', // Your dark magenta - 9.2:1 on subtlest ✅
136
+ contrast: '#FFFFFF', // White text on main
137
+ },
138
+ green: {
139
+ subtlest: '#F0FDF4', // L: 98% - Almost white with faint green
140
+ subtle: '#DCFCE7', // L: 95% - Soft green background
141
+ main: '#004700', // Your dark green - 8.9:1 on subtlest ✅
142
+ contrast: '#FFFFFF', // White text on main
143
+ },
144
+ blue: {
145
+ subtlest: '#F0F4FF', // L: 98% - Almost white with faint blue
146
+ subtle: '#E0E7FF', // L: 94% - Soft blue background
147
+ main: '#0000D1', // Your deep royal blue - 10.5:1 on subtlest ✅
148
+ contrast: '#FFFFFF', // White text on main
149
+ },
150
+ orange: {
151
+ subtlest: '#FFFBEB', // L: 98% - Almost white with faint orange
152
+ subtle: '#FEF3C7', // L: 95% - Soft orange/amber background
153
+ main: '#472400', // Your dark brown-orange - 10.8:1 on subtlest ✅
154
+ contrast: '#FFFFFF', // White text on main
155
+ },
156
+ },
157
+ // Surface hierarchy - clearly mapped to neutral scale
158
+ surface: {
159
+ page: neutral[1], // Very light gray - main background
160
+ card: neutral[0], // Pure white - elevated surfaces
161
+ overlay: neutral[0], // Pure white - modals, dropdowns
162
+ input: neutral[0], // Pure white - input fields
163
+ interactive: neutral[2], // Light gray - hover states
164
+ selected: neutral[2], // Light gray - selected states
165
+ nested: neutral[1], // Very light gray - nested backgrounds
166
+ },
167
+ // Border hierarchy - clearly mapped to neutral scale
168
+ border: {
169
+ subtle: neutral[2], // Light gray - dividers, subtle borders
170
+ default: neutral[3], // Medium-light gray - default borders
171
+ strong: neutral[4], // Medium gray - emphasized borders
172
+ },
173
+ // Text hierarchy - clearly mapped for professional fintech UI
174
+ text: {
175
+ primary: neutral[7], // Very dark gray - main text (10.4:1 AAA)
176
+ secondary: neutral[5], // Medium-dark gray - supporting text (3.9:1 AA)
177
+ tertiary: neutral[4], // Medium gray - hints, captions (3.1:1)
178
+ disabled: neutral[3], // Medium-light gray - disabled state
179
+ inverse: neutral[0], // Pure white - text on dark backgrounds
180
+ input: neutral[8], // Almost black - input text (17.9:1 AAA)
181
+ },
182
+ // Action colors - clearly mapped to neutral scale
183
+ action: {
184
+ default: neutral[8], // Almost black - primary actions
185
+ hover: neutral[7], // Very dark gray - action hover
186
+ disabled: neutral[2], // Light gray - disabled actions
187
+ contrast: neutral[0], // Pure white - text on actions
188
+ },
189
+ };
190
+ };
191
+ /**
192
+ * Build dark mode colors with neutral scale references
193
+ */
194
+ const buildDarkModeColors = () => {
195
+ const neutral = DARK_NEUTRAL_SCALE;
196
+ return {
197
+ mode: 'dark',
198
+ neutral,
199
+ absolute: {
200
+ black: '#000000',
201
+ white: '#FFFFFF',
202
+ },
203
+ // Accent - brighter for dark backgrounds
204
+ accent: {
205
+ default: '#60A5FA', // Brighter blue for dark bg
206
+ hover: '#93C5FD',
207
+ active: '#BFDBFE',
208
+ subtle: '#1E3A8A',
209
+ },
210
+ // Semantic colors - vibrant on dark, AAA contrast
211
+ semantic: {
212
+ error: {
213
+ main: '#F87171', // Bright red - 8.3:1 on dark ✅
214
+ subtle: '#7F1D1D', // Dark red background
215
+ contrast: '#450A0A', // Very dark red
216
+ },
217
+ success: {
218
+ main: '#5EEAD4', // Bright teal - 12.5:1 on dark ✅
219
+ subtle: '#134E4A', // Dark teal background
220
+ contrast: '#0A3A35', // Very dark teal
221
+ },
222
+ warning: {
223
+ main: '#FB923C', // Bright orange - 9.5:1 on dark ✅
224
+ subtle: '#7C2D12', // Dark orange background
225
+ contrast: '#431407', // Very dark orange
226
+ },
227
+ info: {
228
+ main: '#60A5FA', // Bright blue - 8.0:1 on dark ✅
229
+ subtle: '#1E3A8A', // Dark blue background
230
+ contrast: '#1E3A8A', // Dark blue
231
+ },
232
+ pending: {
233
+ main: '#94A3B8', // Light slate - 6.5:1 on dark ✅
234
+ subtle: '#1E293B', // Dark slate
235
+ contrast: '#0F172A', // Very dark slate
236
+ }
237
+ },
238
+ // Secondary colors - bright main, dark backgrounds (inverted principle)
239
+ secondary: {
240
+ purple: {
241
+ subtlest: '#2E0A2E', // L: 14% - Very dark purple (barely visible)
242
+ subtle: '#4A1A4A', // L: 20% - Dark purple (subtle)
243
+ main: '#E879F9', // L: 70% - Bright magenta - 8.5:1 on subtlest ✅
244
+ contrast: '#1A0A1A', // Very dark for text on bright
245
+ },
246
+ green: {
247
+ subtlest: '#0A1F0A', // L: 12% - Very dark green
248
+ subtle: '#1A3A1A', // L: 18% - Dark green
249
+ main: '#4ADE80', // L: 75% - Bright green - 10.2:1 on subtlest ✅
250
+ contrast: '#0A1A0A', // Very dark green
251
+ },
252
+ blue: {
253
+ subtlest: '#0A0F2E', // L: 13% - Very dark blue
254
+ subtle: '#1A1F4A', // L: 19% - Dark blue
255
+ main: '#60A5FA', // L: 72% - Bright blue - 8.0:1 on subtlest ✅
256
+ contrast: '#0A0F1A', // Very dark blue
257
+ },
258
+ orange: {
259
+ subtlest: '#1F1A0A', // L: 10% - Very dark orange
260
+ subtle: '#3A2E1A', // L: 18% - Dark orange
261
+ main: '#FB923C', // L: 75% - Bright orange - 9.5:1 on subtlest ✅
262
+ contrast: '#1A0F0A', // Very dark orange
263
+ },
264
+ },
265
+ // Surface hierarchy - clearly mapped to neutral scale
266
+ surface: {
267
+ page: neutral[1], // Very dark - main background
268
+ card: neutral[0], // Near black - elevated surfaces
269
+ overlay: neutral[0], // Near black - modals, dropdowns
270
+ input: neutral[0], // Near black - input fields
271
+ interactive: neutral[2], // Dark - hover states
272
+ selected: neutral[2], // Dark - selected states
273
+ nested: neutral[1], // Very dark - nested backgrounds
274
+ },
275
+ // Border hierarchy - clearly mapped to neutral scale
276
+ border: {
277
+ subtle: neutral[2], // Dark - dividers, subtle borders
278
+ default: neutral[3], // Medium-dark - default borders
279
+ strong: neutral[4], // Medium - emphasized borders
280
+ },
281
+ // Text hierarchy - clearly mapped for professional fintech UI
282
+ text: {
283
+ primary: neutral[7], // Very light - main text
284
+ secondary: neutral[5], // Medium-light - supporting text
285
+ tertiary: neutral[4], // Medium - hints, captions
286
+ disabled: neutral[3], // Medium-dark - disabled state
287
+ inverse: neutral[0], // Near black - text on light backgrounds
288
+ input: neutral[8], // Almost white - input text
289
+ },
290
+ // Action colors - clearly mapped to neutral scale
291
+ action: {
292
+ default: neutral[8], // Almost white - primary actions
293
+ hover: neutral[7], // Very light - action hover
294
+ disabled: neutral[2], // Dark - disabled actions
295
+ contrast: neutral[0], // Near black - text on actions
296
+ },
297
+ };
298
+ };
299
+ // ============================================
300
+ // EXPORTS
301
+ // ============================================
302
+ export const buildColorPalette = (mode = 'light') => {
303
+ return mode === 'light' ? buildLightModeColors() : buildDarkModeColors();
304
+ };
305
+ export const lightPalette = buildLightModeColors();
306
+ export const darkPalette = buildDarkModeColors();
@@ -0,0 +1,136 @@
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
+ * Includes both numeric values and semantic aliases
49
+ */
50
+ spacing: {
51
+ 0: number;
52
+ 1: number;
53
+ 2: number;
54
+ 3: number;
55
+ 4: number;
56
+ 5: number;
57
+ 6: number;
58
+ 8: number;
59
+ 10: number;
60
+ 12: number;
61
+ 16: number;
62
+ 20: number;
63
+ xs: number;
64
+ sm: number;
65
+ md: number;
66
+ lg: number;
67
+ xl: number;
68
+ '2xl': number;
69
+ '3xl': number;
70
+ '4xl': number;
71
+ '5xl': number;
72
+ };
73
+ /**
74
+ * Border radius tokens
75
+ * Bold, smooth rounded corners throughout the design
76
+ */
77
+ radius: {
78
+ none: number;
79
+ sm: number;
80
+ base: number;
81
+ md: number;
82
+ lg: number;
83
+ xl: number;
84
+ full: number;
85
+ button: number;
86
+ input: number;
87
+ card: number;
88
+ modal: number;
89
+ avatar: number;
90
+ };
91
+ /**
92
+ * Box shadow tokens
93
+ * Subtle shadows for gentle elevation
94
+ * Inputs and buttons have no shadow - shadows only for raised/overlay elements
95
+ */
96
+ shadow: {
97
+ none: string;
98
+ sm: string;
99
+ base: string;
100
+ md: string;
101
+ lg: string;
102
+ xl: string;
103
+ card: string;
104
+ modal: string;
105
+ popover: string;
106
+ tooltip: string;
107
+ };
108
+ /**
109
+ * Z-index layers
110
+ */
111
+ zIndex: {
112
+ dropdown: number;
113
+ modal: number;
114
+ popover: number;
115
+ tooltip: number;
116
+ notification: number;
117
+ };
118
+ /**
119
+ * Transition timing
120
+ */
121
+ transition: {
122
+ fast: string;
123
+ base: string;
124
+ slow: string;
125
+ };
126
+ }
127
+ /**
128
+ * Default UI constants
129
+ * Bold rounded corners with subtle shadows for elevation
130
+ */
131
+ export declare const defaultUIConstants: UIConstants;
132
+ /**
133
+ * Dark mode adjustments
134
+ * Shadows are more subtle/absent in dark mode
135
+ */
136
+ export declare const buildDarkModeConstants: () => Pick<UIConstants, "shadow">;
@@ -0,0 +1,137 @@
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
+ // Numeric scale
49
+ 0: 0,
50
+ 1: 4,
51
+ 2: 8,
52
+ 3: 12,
53
+ 4: 16,
54
+ 5: 20,
55
+ 6: 24,
56
+ 8: 32,
57
+ 10: 40,
58
+ 12: 48,
59
+ 16: 64,
60
+ 20: 80,
61
+ // Semantic aliases - convenient, memorable names
62
+ xs: 4, // spacing[1]
63
+ sm: 8, // spacing[2]
64
+ md: 16, // spacing[4]
65
+ lg: 24, // spacing[6]
66
+ xl: 32, // spacing[8]
67
+ '2xl': 40, // spacing[10]
68
+ '3xl': 48, // spacing[12]
69
+ '4xl': 64, // spacing[16]
70
+ '5xl': 80, // spacing[20]
71
+ },
72
+ /**
73
+ * Bold rounded corners
74
+ */
75
+ radius: {
76
+ none: 0,
77
+ sm: 12,
78
+ base: 24, // Bold default radius
79
+ md: 28,
80
+ lg: 32,
81
+ xl: 40,
82
+ full: 9999,
83
+ // Alias tokens
84
+ button: 24, // base - bold rounded buttons
85
+ input: 24, // base - bold rounded inputs
86
+ card: 28, // md - smooth cards
87
+ modal: 32, // lg - prominent modals
88
+ avatar: 9999, // full - circular
89
+ },
90
+ /**
91
+ * Subtle shadows - only for elevated/overlay elements
92
+ */
93
+ shadow: {
94
+ none: 'none',
95
+ sm: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
96
+ base: '0 2px 4px 0 rgba(0, 0, 0, 0.06)',
97
+ md: '0 4px 8px 0 rgba(0, 0, 0, 0.08)',
98
+ lg: '0 8px 16px 0 rgba(0, 0, 0, 0.10)',
99
+ xl: '0 12px 24px 0 rgba(0, 0, 0, 0.12)',
100
+ // Alias tokens - semantic shadows
101
+ card: '0 2px 4px 0 rgba(0, 0, 0, 0.06)', // base - gentle
102
+ modal: '0 8px 16px 0 rgba(0, 0, 0, 0.10)', // lg - prominent
103
+ popover: '0 4px 8px 0 rgba(0, 0, 0, 0.08)', // md - medium
104
+ tooltip: '0 1px 2px 0 rgba(0, 0, 0, 0.05)', // sm - subtle
105
+ },
106
+ zIndex: {
107
+ dropdown: 1000,
108
+ modal: 1050,
109
+ popover: 1060,
110
+ tooltip: 1070,
111
+ notification: 1080,
112
+ },
113
+ transition: {
114
+ fast: '150ms cubic-bezier(0.4, 0, 0.2, 1)',
115
+ base: '200ms cubic-bezier(0.4, 0, 0.2, 1)',
116
+ slow: '300ms cubic-bezier(0.4, 0, 0.2, 1)',
117
+ },
118
+ };
119
+ /**
120
+ * Dark mode adjustments
121
+ * Shadows are more subtle/absent in dark mode
122
+ */
123
+ export const buildDarkModeConstants = () => ({
124
+ shadow: {
125
+ none: 'none',
126
+ sm: '0 1px 2px 0 rgba(0, 0, 0, 0.2)',
127
+ base: '0 2px 4px 0 rgba(0, 0, 0, 0.25)',
128
+ md: '0 4px 8px 0 rgba(0, 0, 0, 0.3)',
129
+ lg: '0 8px 16px 0 rgba(0, 0, 0, 0.35)',
130
+ xl: '0 12px 24px 0 rgba(0, 0, 0, 0.4)',
131
+ // Alias tokens - adjusted for dark mode
132
+ card: 'none', // No shadow on cards in dark mode
133
+ modal: '0 8px 16px 0 rgba(0, 0, 0, 0.35)', // Stronger in dark
134
+ popover: '0 4px 8px 0 rgba(0, 0, 0, 0.3)', // Stronger in dark
135
+ tooltip: '0 1px 2px 0 rgba(0, 0, 0, 0.2)', // Stronger in dark
136
+ },
137
+ });
@@ -0,0 +1,11 @@
1
+ "use strict";var e=require("react"),r=require("antd");function t(e){return e&&e.__esModule?e:{default:e}}var o,a=t(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 B:return"Suspense";case S:return"SuspenseList";case A: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 t=r.render;return(r=r.displayName)||(r=""!==(r=t.displayName||t.name||"")?"ForwardRef("+r+")":"ForwardRef"),r;case F:return null!==(t=r.displayName||null)?t:e(r.type)||"Memo";case T:t=r._payload,r=r._init;try{return e(r(t))}catch(e){}}return null}function r(e){return""+e}function t(e){try{r(e);var t=!1}catch(e){t=!0}if(t){var o=(t=console).error,a="function"==typeof Symbol&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return o.call(t,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",a),r(e)}}function o(r){if(r===f)return"<>";if("object"==typeof r&&null!==r&&r.$$typeof===T)return"<...>";try{var t=e(r);return t?"<"+t+">":"<...>"}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,o,a,n,c,s){var d,g=o.children;if(void 0!==g)if(n)if(k(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(H.call(o,"key")){g=e(r);var m=Object.keys(o).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&&(t(a),g=""+a),function(e){if(H.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 t(){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))}t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}(a,"function"==typeof r?r.displayName||r.name||"Unknown":r),function(e,r,t,o,a,n){var c=t.ref;return e={$$typeof:p,type:e,key:r,props:t,_owner:o},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=w.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"),B=Symbol.for("react.suspense"),S=Symbol.for("react.suspense_list"),F=Symbol.for("react.memo"),T=Symbol.for("react.lazy"),A=Symbol.for("react.activity"),C=Symbol.for("react.client.reference"),w=g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,H=Object.prototype.hasOwnProperty,k=Array.isArray,P=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=P(o(n)),z={};s.Fragment=f,s.jsx=function(e,r,t){var a=1e4>w.recentlyCreatedOwnerStacks++;return c(e,r,t,!1,a?Error("react-stack-top-frame"):R,a?P(o(e)):I)},s.jsxs=function(e,r,t){var a=1e4>w.recentlyCreatedOwnerStacks++;return c(e,r,t,!0,a?Error("react-stack-top-frame"):R,a?P(o(e)):I)}}()),s}var u=(l||(l=1,"production"===process.env.NODE_ENV?n.exports=function(){if(o)return i;o=1;var e=Symbol.for("react.transitional.element"),r=Symbol.for("react.fragment");function t(r,t,o){var a=null;if(void 0!==o&&(a=""+o),void 0!==t.key&&(a=""+t.key),"key"in t)for(var n in o={},t)"key"!==n&&(o[n]=t[n]);else o=t;return t=o.ref,{$$typeof:e,type:r,key:a,ref:void 0!==t?t:null,props:o}}return i.Fragment=r,i.jsx=t,i.jsxs=t,i}():n.exports=d()),n.exports);!function(e,r){void 0===r&&(r={});var t=r.insertAt;if("undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===t&&o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("/* Inputs with prefix/suffix icons */\n.ant-input,\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-input.ant-input-outlined,\n.ant-segmented-item-selected .ant-segmented-item-label {\n font-weight: 500 !important;\n}\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,xs:4,sm:8,md:16,lg:24,xl:32,"2xl":40,"3xl":48,"4xl":64,"5xl":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:p[7],hover:p[6],active:p[9],subtle:p[1]},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"},pending:{main:"#64748B",subtle:"#F8FAFC",contrast:"#FFFFFF"}},secondary:{purple:{subtlest:"#FDF4FF",subtle:"#F5E3FF",main:"#470047",contrast:"#FFFFFF"},green:{subtlest:"#F0FDF4",subtle:"#DCFCE7",main:"#004700",contrast:"#FFFFFF"},blue:{subtlest:"#F0F4FF",subtle:"#E0E7FF",main:"#0000D1",contrast:"#FFFFFF"},orange:{subtlest:"#FFFBEB",subtle:"#FEF3C7",main:"#472400",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"},pending:{main:"#94A3B8",subtle:"#1E293B",contrast:"#0F172A"}},secondary:{purple:{subtlest:"#2E0A2E",subtle:"#4A1A4A",main:"#E879F9",contrast:"#1A0A1A"},green:{subtlest:"#0A1F0A",subtle:"#1A3A1A",main:"#4ADE80",contrast:"#0A1A0A"},blue:{subtlest:"#0A0F2E",subtle:"#1A1F4A",main:"#60A5FA",contrast:"#0A0F1A"},orange:{subtlest:"#1F1A0A",subtle:"#3A2E1A",main:"#FB923C",contrast:"#1A0F0A"}},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:t="light",antdThemeOverrides:o})=>{const n=a.default.useMemo(()=>b(t),[t]),i=a.default.useMemo(()=>g,[]),c=a.default.useMemo(()=>{var e,r;const t=((e,r)=>{const t="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:t?"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:t?"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:t?"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 o?Object.assign(Object.assign({},t),{token:Object.assign(Object.assign({},t.token),null!==(e=o.token)&&void 0!==e?e:{}),components:Object.assign(Object.assign({},t.components),null!==(r=o.components)&&void 0!==r?r:{})}):t},[n,i,o]),l=a.default.useMemo(()=>({colors:n,constants:i,mode:t}),[n,i,t]);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-XqWasApp.js.map