@temboplus/frontend-react-core 0.1.2 → 0.1.3-beta.1
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/InfoCircleOutlined-B7d2aRfV.js +7 -0
- package/dist/InfoCircleOutlined-B7d2aRfV.js.map +1 -0
- package/dist/InfoCircleOutlined-DYs90hdV.js +7 -0
- package/dist/InfoCircleOutlined-DYs90hdV.js.map +1 -0
- package/dist/ZoomOutOutlined-BL6A5RSq.js +2 -0
- package/dist/ZoomOutOutlined-BL6A5RSq.js.map +1 -0
- package/dist/ZoomOutOutlined-BY_CCwq7.js +2 -0
- package/dist/ZoomOutOutlined-BY_CCwq7.js.map +1 -0
- package/dist/alerts/index.cjs.js +2 -0
- package/dist/alerts/index.cjs.js.map +1 -0
- package/dist/alerts/index.js +2 -0
- package/dist/alerts/index.js.map +1 -0
- package/dist/dialogs/index.cjs.js +2 -0
- package/dist/dialogs/index.cjs.js.map +1 -0
- package/dist/dialogs/index.js +2 -0
- package/dist/dialogs/index.js.map +1 -0
- package/dist/features/alerts/alert.d.ts +12 -0
- package/dist/features/alerts/index.d.ts +1 -0
- package/dist/features/dialogs/index.d.ts +1 -0
- package/dist/features/dialogs/modal-provider.d.ts +3 -0
- package/dist/features/dialogs/tembo-confirm.d.ts +63 -0
- package/dist/features/input-validation/account-name-validator.d.ts +13 -0
- package/dist/features/input-validation/account-number-validator.d.ts +13 -0
- package/dist/{antd-validators.d.ts → features/input-validation/amount-validator.d.ts} +1 -62
- package/dist/features/input-validation/index.d.ts +5 -0
- package/dist/features/input-validation/phone-number-validator.d.ts +25 -0
- package/dist/features/input-validation/swift-code-validator.d.ts +13 -0
- package/dist/features/notifications/index.d.ts +3 -0
- package/dist/features/notifications/tembo-notify.d.ts +124 -0
- package/dist/features/notifications/toast-config.d.ts +15 -0
- package/dist/features/notifications/toast-container.d.ts +9 -0
- package/dist/index.cjs.js +1 -1
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/index.esm.js.map +1 -1
- package/dist/notifications/index.cjs.js +2 -0
- package/dist/notifications/index.cjs.js.map +1 -0
- package/dist/notifications/index.js +2 -0
- package/dist/notifications/index.js.map +1 -0
- package/dist/providers.d.ts +37 -0
- package/dist/tembo-notify-C-QGduBt.js +2 -0
- package/dist/tembo-notify-C-QGduBt.js.map +1 -0
- package/dist/tembo-notify-D-uOV3t0.js +2 -0
- package/dist/tembo-notify-D-uOV3t0.js.map +1 -0
- package/dist/theme/colors.d.ts +246 -0
- package/dist/theme/constants.d.ts +143 -0
- package/dist/theme/index.cjs.js +2 -0
- package/dist/theme/index.cjs.js.map +1 -0
- package/dist/theme/index.d.ts +3 -0
- package/dist/theme/index.js +2 -0
- package/dist/theme/index.js.map +1 -0
- package/dist/theme/theme-provider.d.ts +87 -0
- package/dist/theme-provider-D_oV1J_K.js +11 -0
- package/dist/theme-provider-D_oV1J_K.js.map +1 -0
- package/dist/theme-provider-Dqvy24OD.js +11 -0
- package/dist/theme-provider-Dqvy24OD.js.map +1 -0
- package/dist/validation/index.cjs.js +2 -0
- package/dist/validation/index.cjs.js.map +1 -0
- package/dist/validation/index.js +2 -0
- package/dist/validation/index.js.map +1 -0
- package/package.json +28 -5
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tembo-notify-C-QGduBt.js","sources":["../src/features/notifications/toast-config.tsx","../src/features/notifications/tembo-notify.tsx"],"sourcesContent":[null,null],"names":["buildToastConfigs","colors","constants","baseConfig","position","autoClose","hideProgressBar","closeOnClick","pauseOnHover","draggable","progress","undefined","style","fontFamily","typography","fontSize","base","borderRadius","radius","successConfig","Object","assign","icon","_jsx","CheckCircleOutlined","color","success","main","border","errorConfig","CloseCircleOutlined","error","warningConfig","ExclamationCircleOutlined","warning","infoConfig","InfoCircleOutlined","info","loadingConfig","closeButton","TemboNotify","init","this","configs","getConfigs","Error","message","options","toast","_a","duration","onClick","onClose","loading","update","id","config","type","render","isLoading","dismiss","dismissAll","isActive","promise","messages","pending","_b"],"mappings":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var o=require("react-toastify"),s=require("./theme-provider-Dqvy24OD.js"),i=require("./InfoCircleOutlined-B7d2aRfV.js");require("./ZoomOutOutlined-BY_CCwq7.js");const n=(o,n)=>{const t={position:"top-right",autoClose:4e3,hideProgressBar:!1,closeOnClick:!0,pauseOnHover:!0,draggable:!0,progress:void 0,style:{fontFamily:n.typography.fontFamily,fontSize:n.typography.fontSize.base,borderRadius:n.radius.base}},e=Object.assign(Object.assign({},t),{icon:s.jsxRuntimeExports.jsx(i.RefIcon$2,{style:{fontSize:20,color:o.success.main}}),style:Object.assign(Object.assign({},t.style),{border:`1px solid ${o.success.border}`})}),r=Object.assign(Object.assign({},t),{icon:s.jsxRuntimeExports.jsx(i.RefIcon$3,{style:{fontSize:20,color:o.error.main}}),style:Object.assign(Object.assign({},t.style),{border:`1px solid ${o.error.border}`}),autoClose:6e3}),l=Object.assign(Object.assign({},t),{icon:s.jsxRuntimeExports.jsx(i.RefIcon,{style:{fontSize:20,color:o.warning.main}}),style:Object.assign(Object.assign({},t.style),{border:`1px solid ${o.warning.border}`})}),a=Object.assign(Object.assign({},t),{icon:s.jsxRuntimeExports.jsx(i.RefIcon$1,{style:{fontSize:20,color:o.info.main}}),style:Object.assign(Object.assign({},t.style),{border:`1px solid ${o.info.border}`})});return{loadingConfig:Object.assign(Object.assign({},t),{autoClose:!1,closeButton:!1}),infoConfig:a,warningConfig:l,errorConfig:r,successConfig:e,baseConfig:t}};class t{static init(o,s){this.configs=n(o,s)}static getConfigs(){if(!this.configs)throw new Error("TemboNotify not initialized. Call TemboNotify.init(colors, constants) before using notifications.");return this.configs}static success(s,i){var n;const t=this.getConfigs();return o.toast.success(s,Object.assign(Object.assign({},t.successConfig),{autoClose:null!==(n=null==i?void 0:i.duration)&&void 0!==n?n:t.successConfig.autoClose,position:null==i?void 0:i.position,onClick:null==i?void 0:i.onClick,onClose:null==i?void 0:i.onClose}))}static error(s,i){var n;const t=this.getConfigs();return o.toast.error(s,Object.assign(Object.assign({},t.errorConfig),{autoClose:null!==(n=null==i?void 0:i.duration)&&void 0!==n?n:t.errorConfig.autoClose,position:null==i?void 0:i.position,onClick:null==i?void 0:i.onClick,onClose:null==i?void 0:i.onClose}))}static warning(s,i){var n;const t=this.getConfigs();return o.toast.warning(s,Object.assign(Object.assign({},t.warningConfig),{autoClose:null!==(n=null==i?void 0:i.duration)&&void 0!==n?n:t.warningConfig.autoClose,position:null==i?void 0:i.position,onClick:null==i?void 0:i.onClick,onClose:null==i?void 0:i.onClose}))}static info(s,i){var n;const t=this.getConfigs();return o.toast.info(s,Object.assign(Object.assign({},t.infoConfig),{autoClose:null!==(n=null==i?void 0:i.duration)&&void 0!==n?n:t.infoConfig.autoClose,position:null==i?void 0:i.position,onClick:null==i?void 0:i.onClick,onClose:null==i?void 0:i.onClose}))}static loading(s,i){const n=this.getConfigs();return o.toast.loading(s,Object.assign(Object.assign({},n.loadingConfig),{position:null==i?void 0:i.position,onClick:null==i?void 0:i.onClick,onClose:null==i?void 0:i.onClose}))}static update(s,i){var n;const t=this.getConfigs(),e=i.type?{success:t.successConfig,error:t.errorConfig,warning:t.warningConfig,info:t.infoConfig}[i.type]:void 0;o.toast.update(s,Object.assign({render:i.message,type:i.type,isLoading:!1,autoClose:null!==(n=i.autoClose)&&void 0!==n?n:null==e?void 0:e.autoClose},e))}static dismiss(s){o.toast.dismiss(s)}static dismissAll(){o.toast.dismiss()}static isActive(s){return o.toast.isActive(s)}static promise(s,i,n){var t,e;const r=this.getConfigs();return o.toast.promise(s,{pending:Object.assign({render:i.pending},r.loadingConfig),success:Object.assign(Object.assign({render:i.success},r.successConfig),{autoClose:null!==(t=null==n?void 0:n.duration)&&void 0!==t?t:r.successConfig.autoClose}),error:Object.assign(Object.assign({render:i.error},r.errorConfig),{autoClose:null!==(e=null==n?void 0:n.duration)&&void 0!==e?e:r.errorConfig.autoClose})},{position:null==n?void 0:n.position})}}t.configs=null,exports.TemboNotify=t,exports.buildToastConfigs=n;
|
|
2
|
+
//# sourceMappingURL=tembo-notify-D-uOV3t0.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tembo-notify-D-uOV3t0.js","sources":["../src/features/notifications/toast-config.tsx","../src/features/notifications/tembo-notify.tsx"],"sourcesContent":[null,null],"names":["buildToastConfigs","colors","constants","baseConfig","position","autoClose","hideProgressBar","closeOnClick","pauseOnHover","draggable","progress","undefined","style","fontFamily","typography","fontSize","base","borderRadius","radius","successConfig","Object","assign","icon","_jsx","CheckCircleOutlined","color","success","main","border","errorConfig","CloseCircleOutlined","error","warningConfig","ExclamationCircleOutlined","warning","infoConfig","InfoCircleOutlined","info","loadingConfig","closeButton","TemboNotify","init","this","configs","getConfigs","Error","message","options","toast","_a","duration","onClick","onClose","loading","update","id","config","type","render","isLoading","dismiss","dismissAll","isActive","promise","messages","pending","_b"],"mappings":"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"}
|
|
@@ -0,0 +1,246 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Tembo Color Palette
|
|
3
|
+
*
|
|
4
|
+
* Organized following Ant Design's token hierarchy:
|
|
5
|
+
* - Seed tokens (primary, action) → Map tokens (surfaces, components) → Alias tokens (text, borders)
|
|
6
|
+
* - Named by purpose, not by specific color values
|
|
7
|
+
* - Supports theming through consistent semantic structure
|
|
8
|
+
*
|
|
9
|
+
* @example
|
|
10
|
+
* // Usage in components
|
|
11
|
+
* const { colors } = useTemboTheme();
|
|
12
|
+
* style={{ color: colors.text.primary, backgroundColor: colors.surface.main }}
|
|
13
|
+
*/
|
|
14
|
+
export interface TemboColorPalette {
|
|
15
|
+
/**
|
|
16
|
+
* Primary brand colors
|
|
17
|
+
* Used for main brand identity, primary buttons, and key UI elements
|
|
18
|
+
*/
|
|
19
|
+
primary: {
|
|
20
|
+
/** Base primary color - used for primary buttons and key branding elements */
|
|
21
|
+
main: string;
|
|
22
|
+
/** Hover state for primary interactive elements */
|
|
23
|
+
hover: string;
|
|
24
|
+
/** Active/pressed state for primary interactive elements */
|
|
25
|
+
active: string;
|
|
26
|
+
/** Lighter variant for backgrounds and subtle emphasis */
|
|
27
|
+
light: string;
|
|
28
|
+
/** Even lighter variant for very subtle backgrounds */
|
|
29
|
+
lighter: string;
|
|
30
|
+
/** Text color that maintains contrast on primary backgrounds (typically white) */
|
|
31
|
+
contrast: string;
|
|
32
|
+
};
|
|
33
|
+
/**
|
|
34
|
+
* Action/Interactive colors
|
|
35
|
+
* Used for links, secondary actions, and interactive elements that aren't primary
|
|
36
|
+
*/
|
|
37
|
+
action: {
|
|
38
|
+
/** Base action color - used for links, secondary buttons, and interactive elements */
|
|
39
|
+
main: string;
|
|
40
|
+
hover: string;
|
|
41
|
+
active: string;
|
|
42
|
+
/** Light background for action-related content (e.g. info badges, highlighted areas) */
|
|
43
|
+
light: string;
|
|
44
|
+
lighter: string;
|
|
45
|
+
/** Disabled state for action elements */
|
|
46
|
+
disabled: string;
|
|
47
|
+
/** Text color on action backgrounds */
|
|
48
|
+
contrast: string;
|
|
49
|
+
};
|
|
50
|
+
/**
|
|
51
|
+
* Neutral color scale
|
|
52
|
+
* Foundation for backgrounds, borders, and subtle UI elements
|
|
53
|
+
* Numbered 50-950 where 50 is lightest and 950 is darkest
|
|
54
|
+
*/
|
|
55
|
+
neutral: {
|
|
56
|
+
/** Near white - for subtle backgrounds */
|
|
57
|
+
50: string;
|
|
58
|
+
100: string;
|
|
59
|
+
200: string;
|
|
60
|
+
300: string;
|
|
61
|
+
400: string;
|
|
62
|
+
/** Mid-point gray - useful for borders and dividers */
|
|
63
|
+
500: string;
|
|
64
|
+
600: string;
|
|
65
|
+
700: string;
|
|
66
|
+
800: string;
|
|
67
|
+
900: string;
|
|
68
|
+
/** Near black - for dark backgrounds or text */
|
|
69
|
+
950: string;
|
|
70
|
+
};
|
|
71
|
+
/**
|
|
72
|
+
* Success colors
|
|
73
|
+
* Indicate successful operations, positive states, and confirmations
|
|
74
|
+
*/
|
|
75
|
+
success: {
|
|
76
|
+
/** Main success color - for success buttons, icons, and indicators */
|
|
77
|
+
main: string;
|
|
78
|
+
/** Light background for success messages and alerts */
|
|
79
|
+
bg: string;
|
|
80
|
+
/** Border for success containers */
|
|
81
|
+
border: string;
|
|
82
|
+
/** Text color for success messages */
|
|
83
|
+
text: string;
|
|
84
|
+
};
|
|
85
|
+
/**
|
|
86
|
+
* Error colors
|
|
87
|
+
* Indicate errors, failures, and destructive actions
|
|
88
|
+
*/
|
|
89
|
+
error: {
|
|
90
|
+
/** Main error color - for error states and destructive actions */
|
|
91
|
+
main: string;
|
|
92
|
+
/** Light background for error messages and alerts */
|
|
93
|
+
bg: string;
|
|
94
|
+
border: string;
|
|
95
|
+
text: string;
|
|
96
|
+
};
|
|
97
|
+
/**
|
|
98
|
+
* Warning colors
|
|
99
|
+
* Indicate caution, warnings, and important information requiring attention
|
|
100
|
+
*/
|
|
101
|
+
warning: {
|
|
102
|
+
/** Main warning color */
|
|
103
|
+
main: string;
|
|
104
|
+
bg: string;
|
|
105
|
+
border: string;
|
|
106
|
+
text: string;
|
|
107
|
+
};
|
|
108
|
+
/**
|
|
109
|
+
* Info colors
|
|
110
|
+
* For informational messages and neutral call-outs
|
|
111
|
+
*/
|
|
112
|
+
info: {
|
|
113
|
+
main: string;
|
|
114
|
+
bg: string;
|
|
115
|
+
border: string;
|
|
116
|
+
text: string;
|
|
117
|
+
};
|
|
118
|
+
/**
|
|
119
|
+
* Surface colors
|
|
120
|
+
* Backgrounds and containers throughout the application
|
|
121
|
+
*/
|
|
122
|
+
surface: {
|
|
123
|
+
/** Main page background */
|
|
124
|
+
background: string;
|
|
125
|
+
/** Default surface/container background (cards, panels) */
|
|
126
|
+
main: string;
|
|
127
|
+
/** Elevated surfaces (modals, popovers) - typically with shadow */
|
|
128
|
+
elevated: string;
|
|
129
|
+
/** Hover state for interactive surfaces */
|
|
130
|
+
hover: string;
|
|
131
|
+
/** Very subtle background for nested content */
|
|
132
|
+
subtle: string;
|
|
133
|
+
};
|
|
134
|
+
/**
|
|
135
|
+
* Text colors
|
|
136
|
+
* For all text content with varying emphasis levels
|
|
137
|
+
*/
|
|
138
|
+
text: {
|
|
139
|
+
/** Primary text - body copy, headings */
|
|
140
|
+
primary: string;
|
|
141
|
+
/** Secondary text - supporting information, labels */
|
|
142
|
+
secondary: string;
|
|
143
|
+
/** Tertiary text - de-emphasized content, helper text */
|
|
144
|
+
tertiary: string;
|
|
145
|
+
/** Quaternary text - least emphasis, subtle information */
|
|
146
|
+
quaternary: string;
|
|
147
|
+
/** Disabled text state */
|
|
148
|
+
disabled: string;
|
|
149
|
+
/** Text on dark backgrounds */
|
|
150
|
+
inverse: string;
|
|
151
|
+
};
|
|
152
|
+
/**
|
|
153
|
+
* Border colors
|
|
154
|
+
* For separators, outlines, and component boundaries
|
|
155
|
+
*/
|
|
156
|
+
border: {
|
|
157
|
+
/** Default border color */
|
|
158
|
+
main: string;
|
|
159
|
+
/** Lighter border for subtle separation */
|
|
160
|
+
light: string;
|
|
161
|
+
/** Stronger border for emphasis */
|
|
162
|
+
strong: string;
|
|
163
|
+
/** Dividing lines between sections */
|
|
164
|
+
divider: string;
|
|
165
|
+
};
|
|
166
|
+
/**
|
|
167
|
+
* Component-specific colors
|
|
168
|
+
* Pre-defined color combinations for common components
|
|
169
|
+
*/
|
|
170
|
+
components: {
|
|
171
|
+
/** Button color tokens */
|
|
172
|
+
button: {
|
|
173
|
+
primary: {
|
|
174
|
+
bg: string;
|
|
175
|
+
hover: string;
|
|
176
|
+
text: string;
|
|
177
|
+
};
|
|
178
|
+
default: {
|
|
179
|
+
bg: string;
|
|
180
|
+
border: string;
|
|
181
|
+
text: string;
|
|
182
|
+
hover: string;
|
|
183
|
+
};
|
|
184
|
+
};
|
|
185
|
+
/** Form input color tokens */
|
|
186
|
+
input: {
|
|
187
|
+
bg: string;
|
|
188
|
+
border: string;
|
|
189
|
+
borderHover: string;
|
|
190
|
+
borderFocus: string;
|
|
191
|
+
placeholder: string;
|
|
192
|
+
};
|
|
193
|
+
/** Table color tokens */
|
|
194
|
+
table: {
|
|
195
|
+
bg: string;
|
|
196
|
+
headerBg: string;
|
|
197
|
+
headerText: string;
|
|
198
|
+
border: string;
|
|
199
|
+
rowHover: string;
|
|
200
|
+
};
|
|
201
|
+
/** Navigation sidebar tokens */
|
|
202
|
+
sidebar: {
|
|
203
|
+
/** Dark sidebar background */
|
|
204
|
+
bg: string;
|
|
205
|
+
hover: string;
|
|
206
|
+
selected: string;
|
|
207
|
+
text: string;
|
|
208
|
+
textSecondary: string;
|
|
209
|
+
};
|
|
210
|
+
};
|
|
211
|
+
/**
|
|
212
|
+
* Utility colors
|
|
213
|
+
* Absolute color values for special cases
|
|
214
|
+
*/
|
|
215
|
+
utility: {
|
|
216
|
+
white: string;
|
|
217
|
+
black: string;
|
|
218
|
+
transparent: string;
|
|
219
|
+
/** Link color (often aliases action.main) */
|
|
220
|
+
link: string;
|
|
221
|
+
linkHover: string;
|
|
222
|
+
linkActive: string;
|
|
223
|
+
};
|
|
224
|
+
}
|
|
225
|
+
/**
|
|
226
|
+
* Partial color overrides
|
|
227
|
+
* Allows deep partial overrides for theming
|
|
228
|
+
*/
|
|
229
|
+
export type TemboColorOverrides = DeepPartial<TemboColorPalette>;
|
|
230
|
+
/**
|
|
231
|
+
* Default Tembo color palette
|
|
232
|
+
* Light theme with professional, accessible colors
|
|
233
|
+
*/
|
|
234
|
+
export declare const defaultColorPalette: TemboColorPalette;
|
|
235
|
+
/**
|
|
236
|
+
* Build a complete color palette by merging overrides with defaults
|
|
237
|
+
* Performs deep merge to allow partial nested overrides
|
|
238
|
+
*
|
|
239
|
+
* @param overrides - Partial color palette overrides
|
|
240
|
+
* @returns Complete color palette with overrides applied
|
|
241
|
+
*/
|
|
242
|
+
export declare const buildColorPalette: (overrides?: TemboColorOverrides) => TemboColorPalette;
|
|
243
|
+
type DeepPartial<T> = {
|
|
244
|
+
[P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];
|
|
245
|
+
};
|
|
246
|
+
export {};
|
|
@@ -0,0 +1,143 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Tembo UI Constants
|
|
3
|
+
*
|
|
4
|
+
* Non-color design tokens for typography, spacing, sizing, shadows, and animations.
|
|
5
|
+
* Separated from colors for better organization and independent theming.
|
|
6
|
+
*
|
|
7
|
+
* @example
|
|
8
|
+
* const { constants } = useTemboTheme();
|
|
9
|
+
* style={{ borderRadius: constants.radius.base, padding: constants.spacing.md }}
|
|
10
|
+
*/
|
|
11
|
+
export interface TemboUIConstants {
|
|
12
|
+
/**
|
|
13
|
+
* Typography tokens
|
|
14
|
+
* Font families, sizes, weights, and line heights
|
|
15
|
+
*/
|
|
16
|
+
typography: {
|
|
17
|
+
/** Primary font stack used throughout the application */
|
|
18
|
+
fontFamily: string;
|
|
19
|
+
/** Font size scale - use 'base' (14px) for body text */
|
|
20
|
+
fontSize: {
|
|
21
|
+
xs: number;
|
|
22
|
+
sm: number;
|
|
23
|
+
/** Default body text size (14px) */
|
|
24
|
+
base: number;
|
|
25
|
+
lg: number;
|
|
26
|
+
xl: number;
|
|
27
|
+
};
|
|
28
|
+
fontWeight: {
|
|
29
|
+
normal: number;
|
|
30
|
+
medium: number;
|
|
31
|
+
semibold: number;
|
|
32
|
+
bold: number;
|
|
33
|
+
};
|
|
34
|
+
lineHeight: {
|
|
35
|
+
/** Tight line height for headings */
|
|
36
|
+
tight: number;
|
|
37
|
+
/** Default line height for body text */
|
|
38
|
+
base: number;
|
|
39
|
+
/** Relaxed line height for large text blocks */
|
|
40
|
+
relaxed: number;
|
|
41
|
+
};
|
|
42
|
+
};
|
|
43
|
+
/**
|
|
44
|
+
* Spacing scale
|
|
45
|
+
* Consistent spacing values for margins, padding, and gaps
|
|
46
|
+
* Based on 4px grid system
|
|
47
|
+
*/
|
|
48
|
+
spacing: {
|
|
49
|
+
xs: number;
|
|
50
|
+
sm: number;
|
|
51
|
+
md: number;
|
|
52
|
+
lg: number;
|
|
53
|
+
xl: number;
|
|
54
|
+
'2xl': number;
|
|
55
|
+
'3xl': number;
|
|
56
|
+
};
|
|
57
|
+
/**
|
|
58
|
+
* Border radius tokens
|
|
59
|
+
* Consistent corner rounding across components
|
|
60
|
+
*/
|
|
61
|
+
radius: {
|
|
62
|
+
none: number;
|
|
63
|
+
sm: number;
|
|
64
|
+
/** Default border radius (12px) */
|
|
65
|
+
base: number;
|
|
66
|
+
md: number;
|
|
67
|
+
lg: number;
|
|
68
|
+
xl: number;
|
|
69
|
+
/** Fully rounded (pill shape) */
|
|
70
|
+
full: number;
|
|
71
|
+
/** Button-specific radius for pill-shaped buttons */
|
|
72
|
+
button: number;
|
|
73
|
+
/** Input field radius */
|
|
74
|
+
input: number;
|
|
75
|
+
/** Card radius */
|
|
76
|
+
card: number;
|
|
77
|
+
};
|
|
78
|
+
/**
|
|
79
|
+
* Box shadow tokens
|
|
80
|
+
* Elevation and depth through shadows
|
|
81
|
+
*/
|
|
82
|
+
shadow: {
|
|
83
|
+
/** Subtle shadow for slight elevation */
|
|
84
|
+
sm: string;
|
|
85
|
+
/** Default shadow for cards and containers */
|
|
86
|
+
base: string;
|
|
87
|
+
/** Medium shadow for elevated content */
|
|
88
|
+
md: string;
|
|
89
|
+
/** Large shadow for modals and important elements */
|
|
90
|
+
lg: string;
|
|
91
|
+
/** Extra large shadow for maximum elevation */
|
|
92
|
+
xl: string;
|
|
93
|
+
/** Semantic: Card shadow (typically subtle) */
|
|
94
|
+
card: string;
|
|
95
|
+
/** Semantic: Elevated content like popovers */
|
|
96
|
+
elevated: string;
|
|
97
|
+
/** Semantic: Dropdown menus */
|
|
98
|
+
dropdown: string;
|
|
99
|
+
};
|
|
100
|
+
/**
|
|
101
|
+
* Z-index layers
|
|
102
|
+
* Stacking order for overlays and floating elements
|
|
103
|
+
*/
|
|
104
|
+
zIndex: {
|
|
105
|
+
dropdown: number;
|
|
106
|
+
modal: number;
|
|
107
|
+
popover: number;
|
|
108
|
+
tooltip: number;
|
|
109
|
+
notification: number;
|
|
110
|
+
};
|
|
111
|
+
/**
|
|
112
|
+
* Transition timing
|
|
113
|
+
* Animation durations for consistent motion
|
|
114
|
+
*/
|
|
115
|
+
transition: {
|
|
116
|
+
/** Quick interactions (150ms) */
|
|
117
|
+
fast: string;
|
|
118
|
+
/** Default transitions (200ms) */
|
|
119
|
+
base: string;
|
|
120
|
+
/** Slower, more deliberate animations (300ms) */
|
|
121
|
+
slow: string;
|
|
122
|
+
};
|
|
123
|
+
}
|
|
124
|
+
/**
|
|
125
|
+
* Partial UI constants overrides
|
|
126
|
+
*/
|
|
127
|
+
export type TemboUIConstantsOverrides = DeepPartial<TemboUIConstants>;
|
|
128
|
+
/**
|
|
129
|
+
* Default UI constants
|
|
130
|
+
* Professional, accessible defaults suitable for most applications
|
|
131
|
+
*/
|
|
132
|
+
export declare const defaultUIConstants: TemboUIConstants;
|
|
133
|
+
/**
|
|
134
|
+
* Build complete UI constants by merging overrides with defaults
|
|
135
|
+
*
|
|
136
|
+
* @param overrides - Partial UI constants overrides
|
|
137
|
+
* @returns Complete UI constants with overrides applied
|
|
138
|
+
*/
|
|
139
|
+
export declare const buildUIConstants: (overrides?: TemboUIConstantsOverrides) => TemboUIConstants;
|
|
140
|
+
type DeepPartial<T> = {
|
|
141
|
+
[P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];
|
|
142
|
+
};
|
|
143
|
+
export {};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var e=require("../theme-provider-Dqvy24OD.js");require("react"),require("antd"),require("lodash"),exports.TemboThemeProvider=e.TemboThemeProvider,exports.buildColorPalette=e.buildColorPalette,exports.buildUIConstants=e.buildUIConstants,exports.defaultColorPalette=e.defaultColorPalette,exports.defaultUIConstants=e.defaultUIConstants,exports.useTemboTheme=e.useTemboTheme;
|
|
2
|
+
//# sourceMappingURL=index.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { ThemeConfig } from 'antd';
|
|
3
|
+
import { TemboColorPalette, TemboColorOverrides } from './colors.js';
|
|
4
|
+
import { TemboUIConstants, TemboUIConstantsOverrides } from './constants.js';
|
|
5
|
+
/**
|
|
6
|
+
* Shape of the theme context exposed via useTemboTheme()
|
|
7
|
+
*/
|
|
8
|
+
export interface TemboThemeContextValue {
|
|
9
|
+
colors: TemboColorPalette;
|
|
10
|
+
constants: TemboUIConstants;
|
|
11
|
+
}
|
|
12
|
+
/**
|
|
13
|
+
* Props for TemboThemeProvider
|
|
14
|
+
*
|
|
15
|
+
* @example
|
|
16
|
+
* // Basic usage
|
|
17
|
+
* <TemboThemeProvider>
|
|
18
|
+
* <App />
|
|
19
|
+
* </TemboThemeProvider>
|
|
20
|
+
*
|
|
21
|
+
* @example
|
|
22
|
+
* // With color overrides
|
|
23
|
+
* <TemboThemeProvider
|
|
24
|
+
* colors={{
|
|
25
|
+
* primary: { main: '#007bff' },
|
|
26
|
+
* action: { main: '#28a745' }
|
|
27
|
+
* }}
|
|
28
|
+
* >
|
|
29
|
+
* <App />
|
|
30
|
+
* </TemboThemeProvider>
|
|
31
|
+
*
|
|
32
|
+
* @example
|
|
33
|
+
* // With all customizations
|
|
34
|
+
* <TemboThemeProvider
|
|
35
|
+
* colors={{ primary: { main: '#007bff' } }}
|
|
36
|
+
* constants={{ radius: { base: 8 } }}
|
|
37
|
+
* themeOverrides={{
|
|
38
|
+
* components: {
|
|
39
|
+
* Button: { controlHeight: 40 }
|
|
40
|
+
* }
|
|
41
|
+
* }}
|
|
42
|
+
* >
|
|
43
|
+
* <App />
|
|
44
|
+
* </TemboThemeProvider>
|
|
45
|
+
*/
|
|
46
|
+
export interface TemboThemeProviderProps {
|
|
47
|
+
children: React.ReactNode;
|
|
48
|
+
/** Color palette overrides - supports deep partial overrides */
|
|
49
|
+
colors?: TemboColorOverrides;
|
|
50
|
+
/** UI constants overrides - supports deep partial overrides */
|
|
51
|
+
constants?: TemboUIConstantsOverrides;
|
|
52
|
+
/** Raw Ant Design ThemeConfig overrides for advanced customization */
|
|
53
|
+
themeOverrides?: Partial<ThemeConfig>;
|
|
54
|
+
}
|
|
55
|
+
/**
|
|
56
|
+
* TemboThemeProvider
|
|
57
|
+
*
|
|
58
|
+
* Wraps your application to provide theming through React context and Ant Design's ConfigProvider.
|
|
59
|
+
* Merges default colors/constants with host overrides and configures Ant Design components.
|
|
60
|
+
*
|
|
61
|
+
* All child components can access theme values via the useTemboTheme() hook.
|
|
62
|
+
*/
|
|
63
|
+
export declare const TemboThemeProvider: React.FC<TemboThemeProviderProps>;
|
|
64
|
+
/**
|
|
65
|
+
* Hook to access the active Tembo theme
|
|
66
|
+
*
|
|
67
|
+
* Returns the merged color palette and UI constants with any host overrides applied.
|
|
68
|
+
* Components should always use this hook instead of importing defaults directly.
|
|
69
|
+
*
|
|
70
|
+
* @returns Theme context containing colors and constants
|
|
71
|
+
*
|
|
72
|
+
* @example
|
|
73
|
+
* function MyComponent() {
|
|
74
|
+
* const { colors, constants } = useTemboTheme();
|
|
75
|
+
*
|
|
76
|
+
* return (
|
|
77
|
+
* <div style={{
|
|
78
|
+
* color: colors.text.primary,
|
|
79
|
+
* padding: constants.spacing.md,
|
|
80
|
+
* borderRadius: constants.radius.base
|
|
81
|
+
* }}>
|
|
82
|
+
* Themed content
|
|
83
|
+
* </div>
|
|
84
|
+
* );
|
|
85
|
+
* }
|
|
86
|
+
*/
|
|
87
|
+
export declare const useTemboTheme: () => TemboThemeContextValue;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import r from"react";import{ConfigProvider as e}from"antd";import{merge as o}from"lodash";var t,a={exports:{}},n={};var i,c,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 l(){return i||(i=1,"production"!==process.env.NODE_ENV&&function(){function e(r){if(null==r)return null;if("function"==typeof r)return r.$$typeof===R?null:r.displayName||r.name||null;if("string"==typeof r)return r;switch(r){case p:return"Fragment";case g:return"Profiler";case m:return"StrictMode";case v:return"Suspense";case S: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 f:return"Portal";case x:return(r.displayName||"Context")+".Provider";case y: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 B:return null!==(o=r.displayName||null)?o:e(r.type)||"Memo";case k:o=r._payload,r=r._init;try{return e(r(o))}catch(r){}}return null}function o(r){return""+r}function t(r){try{o(r);var e=!1}catch(r){e=!0}if(e){var t=(e=console).error,a="function"==typeof Symbol&&Symbol.toStringTag&&r[Symbol.toStringTag]||r.constructor.name||"Object";return t.call(e,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",a),o(r)}}function a(r){if(r===p)return"<>";if("object"==typeof r&&null!==r&&r.$$typeof===k)return"<...>";try{var o=e(r);return o?"<"+o+">":"<...>"}catch(r){return"<...>"}}function n(){return Error("react-stack-top-frame")}function i(){var r=e(this.type);return P[r]||(P[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,u,f){var p,m=o.children;if(void 0!==m)if(n)if(F(m)){for(n=0;n<m.length;n++)l(m[n]);Object.freeze&&Object.freeze(m)}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(m);if(T.call(o,"key")){m=e(r);var g=Object.keys(o).filter(function(r){return"key"!==r});n=0<g.length?"{key: someKey, "+g.join(": ..., ")+": ...}":"{key: someKey}",E[m+n]||(g=0<g.length?"{"+g.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,m,g,m),E[m+n]=!0)}if(m=null,void 0!==a&&(t(a),m=""+a),function(r){if(T.call(r,"key")){var e=Object.getOwnPropertyDescriptor(r,"key").get;if(e&&e.isReactWarning)return!1}return void 0!==r.key}(o)&&(t(o.key),m=""+o.key),"key"in o)for(var y in a={},o)"key"!==y&&(a[y]=o[y]);else a=o;return m&&function(r,e){function o(){d||(d=!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)",e))}o.isReactWarning=!0,Object.defineProperty(r,"key",{get:o,configurable:!0})}(a,"function"==typeof r?r.displayName||r.name||"Unknown":r),function(r,e,o,t,a,n,c,s){return o=n.ref,r={$$typeof:b,type:r,key:e,props:n,_owner:a},null!==(void 0!==o?o:null)?Object.defineProperty(r,"ref",{enumerable:!1,get:i}):Object.defineProperty(r,"ref",{enumerable:!1,value:null}),r._store={},Object.defineProperty(r._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(r,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(r,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:c}),Object.defineProperty(r,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:s}),Object.freeze&&(Object.freeze(r.props),Object.freeze(r)),r}(r,m,s,0,null===(p=C.A)?null:p.getOwner(),a,u,f)}function l(r){"object"==typeof r&&null!==r&&r.$$typeof===b&&r._store&&(r._store.validated=1)}var d,u=r,b=Symbol.for("react.transitional.element"),f=Symbol.for("react.portal"),p=Symbol.for("react.fragment"),m=Symbol.for("react.strict_mode"),g=Symbol.for("react.profiler"),y=Symbol.for("react.consumer"),x=Symbol.for("react.context"),h=Symbol.for("react.forward_ref"),v=Symbol.for("react.suspense"),S=Symbol.for("react.suspense_list"),B=Symbol.for("react.memo"),k=Symbol.for("react.lazy"),w=Symbol.for("react.activity"),R=Symbol.for("react.client.reference"),C=u.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,T=Object.prototype.hasOwnProperty,F=Array.isArray,H=console.createTask?console.createTask:function(){return null},P={},j=(u={"react-stack-bottom-frame":function(r){return r()}})["react-stack-bottom-frame"].bind(u,n)(),O=H(a(n)),E={};s.Fragment=p,s.jsx=function(r,e,o,t,n){var i=1e4>C.recentlyCreatedOwnerStacks++;return c(r,e,o,!1,0,n,i?Error("react-stack-top-frame"):j,i?H(a(r)):O)},s.jsxs=function(r,e,o,t,n){var i=1e4>C.recentlyCreatedOwnerStacks++;return c(r,e,o,!0,0,n,i?Error("react-stack-top-frame"):j,i?H(a(r)):O)}}()),s}var d=(c||(c=1,"production"===process.env.NODE_ENV?a.exports=function(){if(t)return n;t=1;var r=Symbol.for("react.transitional.element"),e=Symbol.for("react.fragment");function o(e,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:r,type:e,key:a,ref:void 0!==o?o:null,props:t}}return n.Fragment=e,n.jsx=o,n.jsxs=o,n}():a.exports=l()),a.exports);const u={primary:{main:"#000000",hover:"#1a1a1a",active:"#000000",light:"#666666",lighter:"#999999",contrast:"#FFFFFF"},action:{main:"#1a6985",hover:"#145268",active:"#0f3d4f",light:"#e8f2f5",lighter:"#f4f9fa",disabled:"#a3c9d6",contrast:"#FFFFFF"},neutral:{50:"#ffffff",100:"#fafafa",200:"#f5f5f5",300:"#f0f0f0",400:"#e5e5e5",500:"#d4d4d4",600:"#b3b3b3",700:"#999999",800:"#666666",900:"#1a1a1a",950:"#000000"},success:{main:"#10b981",bg:"#ecfdf5",border:"#a7f3d0",text:"#047857"},error:{main:"#ef4444",bg:"#fef2f2",border:"#fecaca",text:"#dc2626"},warning:{main:"#f59e0b",bg:"#fffbeb",border:"#fde68a",text:"#d97706"},info:{main:"#1a6985",bg:"#e8f2f5",border:"#b8d9e6",text:"#0f3d4f"},surface:{background:"#ffffff",main:"#ffffff",elevated:"#ffffff",hover:"#fafafa",subtle:"#f9fafb"},text:{primary:"#000000",secondary:"#666666",tertiary:"#999999",quaternary:"#b3b3b3",disabled:"#d4d4d4",inverse:"#ffffff"},border:{main:"#e5e5e5",light:"#f0f0f0",strong:"#d4d4d4",divider:"#e5e5e5"},components:{button:{primary:{bg:"#1a6985",hover:"#145268",text:"#FFFFFF"},default:{bg:"#FFFFFF",border:"#d4d4d4",text:"#000000",hover:"#fafafa"}},input:{bg:"#ffffff",border:"#d4d4d4",borderHover:"#999999",borderFocus:"#1a6985",placeholder:"#999999"},table:{bg:"#ffffff",headerBg:"#fafafa",headerText:"#000000",border:"#e5e5e5",rowHover:"#fafafa"},sidebar:{bg:"#000000",hover:"rgba(255, 255, 255, 0.08)",selected:"rgba(255, 255, 255, 0.12)",text:"#FFFFFF",textSecondary:"rgba(255, 255, 255, 0.65)"}},utility:{white:"#ffffff",black:"#000000",transparent:"transparent",link:"#1a6985",linkHover:"#145268",linkActive:"#0f3d4f"}},b=r=>r?o(u,r):u,f={typography:{fontFamily:"Avenir, MarkPro, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",fontSize:{xs:12,sm:13,base:14,lg:16,xl:18},fontWeight:{normal:400,medium:500,semibold:600,bold:700},lineHeight:{tight:1.25,base:1.5715,relaxed:1.75}},spacing:{xs:4,sm:8,md:12,lg:16,xl:24,"2xl":32,"3xl":48},radius:{none:0,sm:8,base:12,md:14,lg:16,xl:20,full:9999,button:24,input:10,card:16},shadow:{sm:"0 1px 2px 0 rgba(0, 0, 0, 0.05)",base:"0 1px 3px 0 rgba(0, 0, 0, 0.08), 0 1px 2px -1px rgba(0, 0, 0, 0.08)",md:"0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -2px rgba(0, 0, 0, 0.08)",lg:"0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -4px rgba(0, 0, 0, 0.08)",xl:"0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 8px 10px -6px rgba(0, 0, 0, 0.08)",card:"0 1px 2px 0 rgba(0, 0, 0, 0.05)",elevated:"0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -2px rgba(0, 0, 0, 0.08)",dropdown:"0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -4px rgba(0, 0, 0, 0.08)"},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=r=>r?o(f,r):f,m=r.createContext({colors:b(),constants:p()}),g=({children:o,colors:t,constants:a,themeOverrides:n})=>{const i=r.useMemo(()=>b(t),[t]),c=r.useMemo(()=>p(a),[a]),s=r.useMemo(()=>((r,e,o)=>{var t,a;const n={token:{colorPrimary:r.primary.main,colorPrimaryHover:r.primary.hover,colorPrimaryActive:r.primary.active,colorPrimaryBorder:r.primary.main,colorText:r.text.primary,colorTextSecondary:r.text.secondary,colorTextTertiary:r.text.tertiary,colorTextQuaternary:r.text.quaternary,colorTextDisabled:r.text.disabled,colorBgBase:r.surface.background,colorBgContainer:r.surface.main,colorBgElevated:r.surface.elevated,colorBgLayout:r.surface.background,colorBgSpotlight:r.surface.hover,colorBorder:r.border.main,colorBorderSecondary:r.border.light,colorSplit:r.border.divider,colorSuccess:r.success.main,colorSuccessBg:r.success.bg,colorSuccessBorder:r.success.border,colorSuccessText:r.success.text,colorError:r.error.main,colorErrorBg:r.error.bg,colorErrorBorder:r.error.border,colorErrorText:r.error.text,colorWarning:r.warning.main,colorWarningBg:r.warning.bg,colorWarningBorder:r.warning.border,colorWarningText:r.warning.text,colorInfo:r.info.main,colorInfoBg:r.info.bg,colorInfoBorder:r.info.border,colorInfoText:r.info.text,colorLink:r.utility.link,colorLinkHover:r.utility.linkHover,colorLinkActive:r.utility.linkActive,borderRadius:e.radius.base,borderRadiusLG:e.radius.lg,borderRadiusSM:e.radius.sm,borderRadiusXS:6,boxShadow:e.shadow.base,boxShadowSecondary:e.shadow.card,boxShadowTertiary:e.shadow.elevated,fontFamily:e.typography.fontFamily,fontSize:e.typography.fontSize.base,fontSizeHeading1:38,fontSizeHeading2:30,fontSizeHeading3:24,fontSizeHeading4:20,fontSizeHeading5:e.typography.fontSize.lg,fontWeightStrong:e.typography.fontWeight.medium,lineHeight:e.typography.lineHeight.base,lineHeightHeading1:1.21,lineHeightHeading2:1.27,lineHeightHeading3:1.33,lineHeightHeading4:1.4,lineHeightHeading5:1.5},components:{Button:{colorPrimary:r.components.button.primary.bg,colorPrimaryHover:r.components.button.primary.hover,colorPrimaryActive:r.action.active,colorPrimaryBorder:r.components.button.primary.bg,primaryColor:r.components.button.primary.text,colorBorder:r.components.button.default.border,colorBgContainer:r.components.button.default.bg,colorText:r.components.button.default.text,defaultBg:r.components.button.default.bg,defaultBorderColor:r.components.button.default.border,defaultColor:r.components.button.default.text,primaryShadow:"none",defaultShadow:"none",dangerShadow:"none",fontWeight:e.typography.fontWeight.medium,controlHeight:32,paddingContentHorizontal:e.spacing.lg,borderRadius:e.radius.button,borderRadiusLG:e.radius.button,borderRadiusSM:e.radius.sm+8},Input:{colorBgContainer:r.components.input.bg,colorBorder:r.components.input.border,hoverBorderColor:r.components.input.borderHover,activeBorderColor:r.components.input.borderFocus,colorPrimaryHover:r.components.input.borderFocus,colorTextPlaceholder:r.components.input.placeholder,borderRadius:e.radius.input,borderRadiusLG:e.radius.base,borderRadiusSM:e.radius.sm},Select:{colorBgContainer:r.components.input.bg,colorBorder:r.components.input.border,colorTextPlaceholder:r.components.input.placeholder,colorPrimaryHover:r.action.main,hoverBorderColor:r.components.input.borderHover,activeBorderColor:r.components.input.borderFocus,optionSelectedBg:r.action.main,optionSelectedColor:r.action.contrast,optionActiveBg:r.surface.hover,colorBgElevated:r.utility.white,controlItemBgHover:r.surface.hover,boxShadowSecondary:e.shadow.elevated,borderRadius:e.radius.input,borderRadiusLG:e.radius.base,borderRadiusSM:e.radius.sm},Checkbox:{colorPrimary:r.action.main,colorPrimaryHover:r.action.hover,colorBorder:r.border.strong,borderRadiusSM:6},Radio:{colorPrimary:r.action.main,colorPrimaryHover:r.action.hover,colorBorder:r.border.strong},Switch:{colorPrimary:r.action.main,colorPrimaryHover:r.action.hover,colorTextQuaternary:r.text.quaternary},Form:{labelColor:r.text.primary,labelRequiredMarkColor:r.error.main,labelFontSize:e.typography.fontSize.base,itemMarginBottom:e.spacing.lg},DatePicker:{colorBgContainer:r.components.input.bg,colorBorder:r.components.input.border,hoverBorderColor:r.components.input.borderHover,activeBorderColor:r.components.input.borderFocus,colorPrimary:r.action.main,borderRadius:e.radius.input},InputNumber:{borderRadius:e.radius.input},Table:{colorBgContainer:r.components.table.bg,headerBg:r.components.table.headerBg,headerColor:r.components.table.headerText,borderColor:r.components.table.border,headerSplitColor:r.components.table.border,rowHoverBg:r.components.table.rowHover,rowSelectedBg:r.action.light,rowSelectedHoverBg:r.action.lighter,colorText:r.text.primary,colorTextHeading:r.text.primary,borderRadius:e.radius.base,borderRadiusLG:e.radius.lg},Card:{colorBgContainer:r.surface.main,colorBorder:r.border.main,colorBorderSecondary:r.border.light,boxShadowTertiary:e.shadow.card,borderRadius:e.radius.card,borderRadiusLG:e.radius.lg+4},Statistic:{contentFontSize:24,colorTextHeading:r.text.primary},Descriptions:{labelBg:r.surface.hover,colorTextSecondary:r.text.secondary,itemPaddingBottom:e.spacing.md},Badge:{colorError:r.error.main,colorSuccess:r.success.main,colorInfo:r.info.main,colorInfoBg:r.info.bg,borderRadiusSM:e.radius.input},Tag:{colorBorder:r.border.main,defaultBg:r.surface.hover,borderRadiusSM:e.radius.sm},Timeline:{dotBg:r.surface.main,tailColor:r.border.main},Alert:{colorSuccessBg:r.success.bg,colorSuccessBorder:r.success.border,colorErrorBg:r.error.bg,colorErrorBorder:r.error.border,colorWarningBg:r.warning.bg,colorWarningBorder:r.warning.border,colorInfoBg:r.info.bg,colorInfoBorder:r.info.border,borderRadiusLG:e.radius.base},Modal:{contentBg:r.surface.elevated,headerBg:r.surface.elevated,colorBgMask:"rgba(0, 0, 0, 0.45)",borderRadiusLG:e.radius.lg},Drawer:{colorBgElevated:r.surface.elevated,colorBgMask:"rgba(0, 0, 0, 0.45)",borderRadiusLG:e.radius.lg},Notification:{colorBgElevated:r.utility.white,borderRadiusLG:e.radius.base},Message:{contentBg:r.utility.white,borderRadiusLG:e.radius.base},Spin:{colorPrimary:r.primary.main},Progress:{colorSuccess:r.success.main,colorError:r.error.main,defaultColor:r.primary.main,borderRadius:100},Skeleton:{colorFill:r.neutral[200],colorFillContent:r.neutral[100],borderRadiusSM:e.radius.sm},Menu:{itemBg:"transparent",itemColor:r.text.primary,itemHoverBg:r.surface.hover,itemSelectedBg:r.action.lighter,itemSelectedColor:r.action.main,itemActiveBg:r.action.lighter,subMenuItemBg:"transparent",darkItemBg:r.components.sidebar.bg,darkSubMenuItemBg:r.components.sidebar.bg,darkItemColor:r.components.sidebar.text,darkItemHoverBg:r.components.sidebar.hover,darkItemSelectedBg:r.components.sidebar.selected,darkItemSelectedColor:r.primary.contrast,borderRadius:e.radius.input,borderRadiusLG:e.radius.base},Breadcrumb:{linkColor:r.utility.link,linkHoverColor:r.utility.linkHover,itemColor:r.text.secondary,lastItemColor:r.text.primary,separatorColor:r.text.tertiary,borderRadiusSM:6},Pagination:{colorPrimary:r.primary.main,colorPrimaryHover:r.primary.hover,itemActiveBg:r.primary.main,borderRadius:e.radius.sm},Steps:{colorPrimary:r.action.main,colorText:r.text.secondary,colorTextDescription:r.text.tertiary,borderRadiusSM:100},Tabs:{colorPrimary:r.action.main,colorBorderSecondary:r.border.main,itemColor:r.text.secondary,itemHoverColor:r.action.hover,itemSelectedColor:r.action.main,inkBarColor:r.action.main,borderRadiusSM:e.radius.sm},Layout:{colorBgBody:r.surface.background,colorBgHeader:r.utility.white,colorBgTrigger:r.components.sidebar.bg,siderBg:r.components.sidebar.bg,headerBg:r.utility.white,borderRadiusLG:0},Divider:{colorSplit:r.border.divider},Typography:{colorText:r.text.primary,colorTextSecondary:r.text.secondary,colorTextDescription:r.text.tertiary},Tooltip:{colorBgSpotlight:r.neutral[900],colorTextLightSolid:r.utility.white,borderRadius:e.radius.sm},Popover:{colorBgElevated:r.utility.white,borderRadiusLG:e.radius.base},Dropdown:{boxShadowSecondary:e.shadow.dropdown},Calendar:{colorBgContainer:r.utility.white,colorPrimary:r.action.main,borderRadiusLG:e.radius.base}}};return o?Object.assign(Object.assign({},n),{token:Object.assign(Object.assign({},n.token),null!==(t=o.token)&&void 0!==t?t:{}),components:Object.assign(Object.assign({},n.components),null!==(a=o.components)&&void 0!==a?a:{})}):n})(i,c,n),[i,c,n]),l=r.useMemo(()=>({colors:i,constants:c}),[i,c]);return d.jsx(m.Provider,{value:l,children:d.jsx(e,{theme:s,children:o})})},y=()=>r.useContext(m);export{g as T,f as a,b,p as c,u as d,d as j,y as u};
|
|
11
|
+
//# sourceMappingURL=theme-provider-D_oV1J_K.js.map
|