@temboplus/frontend-react-core 0.1.3-beta.8 → 0.1.3

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 (103) hide show
  1. package/LICENSE +15 -0
  2. package/README.md +80 -334
  3. package/dist/index.cjs.js +15 -1
  4. package/dist/index.cjs.js.map +1 -1
  5. package/dist/index.d.ts +2 -1
  6. package/dist/index.d.ts.map +1 -0
  7. package/dist/index.esm.js +4 -1
  8. package/dist/index.esm.js.map +1 -1
  9. package/dist/timezone/index.cjs.js +16 -0
  10. package/dist/{notifications → timezone}/index.cjs.js.map +1 -1
  11. package/dist/timezone/index.d.ts +4 -0
  12. package/dist/timezone/index.d.ts.map +1 -0
  13. package/dist/timezone/index.js +5 -0
  14. package/dist/{notifications → timezone}/index.js.map +1 -1
  15. package/dist/timezone/use-format-date.d.ts +23 -0
  16. package/dist/timezone/use-format-date.d.ts.map +1 -0
  17. package/dist/timezone/use-timezone-date.d.ts +18 -0
  18. package/dist/timezone/use-timezone-date.d.ts.map +1 -0
  19. package/dist/timezone/use-timezone.d.ts +20 -0
  20. package/dist/timezone/use-timezone.d.ts.map +1 -0
  21. package/dist/use-timezone-date-B-P03WD_.js +81 -0
  22. package/dist/use-timezone-date-B-P03WD_.js.map +1 -0
  23. package/dist/use-timezone-date-s1Ru9Fw6.js +88 -0
  24. package/dist/use-timezone-date-s1Ru9Fw6.js.map +1 -0
  25. package/package.json +58 -63
  26. package/dist/InfoCircleOutlined-B7d2aRfV.js +0 -7
  27. package/dist/InfoCircleOutlined-B7d2aRfV.js.map +0 -1
  28. package/dist/InfoCircleOutlined-DYs90hdV.js +0 -7
  29. package/dist/InfoCircleOutlined-DYs90hdV.js.map +0 -1
  30. package/dist/ZoomOutOutlined-CW-jqBMI.js +0 -2
  31. package/dist/ZoomOutOutlined-CW-jqBMI.js.map +0 -1
  32. package/dist/ZoomOutOutlined-Pw8hpWWK.js +0 -2
  33. package/dist/ZoomOutOutlined-Pw8hpWWK.js.map +0 -1
  34. package/dist/alerts/index.cjs.js +0 -2
  35. package/dist/alerts/index.cjs.js.map +0 -1
  36. package/dist/alerts/index.d.ts +0 -1
  37. package/dist/alerts/index.js +0 -2
  38. package/dist/alerts/index.js.map +0 -1
  39. package/dist/dialogs/index.cjs.js +0 -2
  40. package/dist/dialogs/index.cjs.js.map +0 -1
  41. package/dist/dialogs/index.d.ts +0 -1
  42. package/dist/dialogs/index.js +0 -2
  43. package/dist/dialogs/index.js.map +0 -1
  44. package/dist/features/alerts/alert.d.ts +0 -12
  45. package/dist/features/alerts/alert.js +0 -95
  46. package/dist/features/alerts/index.d.ts +0 -1
  47. package/dist/features/alerts/index.js +0 -1
  48. package/dist/features/dialogs/index.d.ts +0 -1
  49. package/dist/features/dialogs/index.js +0 -1
  50. package/dist/features/dialogs/modal-provider.d.ts +0 -3
  51. package/dist/features/dialogs/modal-provider.js +0 -6
  52. package/dist/features/dialogs/tembo-confirm.d.ts +0 -63
  53. package/dist/features/dialogs/tembo-confirm.js +0 -111
  54. package/dist/features/input-validation/account-name-validator.d.ts +0 -13
  55. package/dist/features/input-validation/account-name-validator.js +0 -28
  56. package/dist/features/input-validation/account-number-validator.d.ts +0 -13
  57. package/dist/features/input-validation/account-number-validator.js +0 -65
  58. package/dist/features/input-validation/amount-validator.d.ts +0 -78
  59. package/dist/features/input-validation/amount-validator.js +0 -100
  60. package/dist/features/input-validation/index.d.ts +0 -5
  61. package/dist/features/input-validation/index.js +0 -5
  62. package/dist/features/input-validation/phone-number-validator.d.ts +0 -25
  63. package/dist/features/input-validation/phone-number-validator.js +0 -79
  64. package/dist/features/input-validation/swift-code-validator.d.ts +0 -13
  65. package/dist/features/input-validation/swift-code-validator.js +0 -38
  66. package/dist/features/notifications/index.d.ts +0 -3
  67. package/dist/features/notifications/index.js +0 -3
  68. package/dist/features/notifications/tembo-notify.d.ts +0 -50
  69. package/dist/features/notifications/tembo-notify.js +0 -139
  70. package/dist/features/notifications/toast-config.d.ts +0 -15
  71. package/dist/features/notifications/toast-config.js +0 -62
  72. package/dist/features/notifications/toast-container.d.ts +0 -19
  73. package/dist/features/notifications/toast-container.js +0 -85
  74. package/dist/index.js +0 -1
  75. package/dist/notifications/index.cjs.js +0 -2
  76. package/dist/notifications/index.d.ts +0 -1
  77. package/dist/notifications/index.js +0 -2
  78. package/dist/providers.d.ts +0 -37
  79. package/dist/providers.js +0 -32
  80. package/dist/tembo-notify-B7FT0ggC.js +0 -2
  81. package/dist/tembo-notify-B7FT0ggC.js.map +0 -1
  82. package/dist/tembo-notify-BMFKjuXo.js +0 -2
  83. package/dist/tembo-notify-BMFKjuXo.js.map +0 -1
  84. package/dist/theme/colors.d.ts +0 -278
  85. package/dist/theme/colors.js +0 -212
  86. package/dist/theme/constants.d.ts +0 -143
  87. package/dist/theme/constants.js +0 -82
  88. package/dist/theme/index.cjs.js +0 -2
  89. package/dist/theme/index.cjs.js.map +0 -1
  90. package/dist/theme/index.d.ts +0 -3
  91. package/dist/theme/index.js +0 -2
  92. package/dist/theme/index.js.map +0 -1
  93. package/dist/theme/theme-provider.d.ts +0 -99
  94. package/dist/theme/theme-provider.js +0 -404
  95. package/dist/theme-provider-Ca4P0Hcp.js +0 -11
  96. package/dist/theme-provider-Ca4P0Hcp.js.map +0 -1
  97. package/dist/theme-provider-RhAw3jw_.js +0 -11
  98. package/dist/theme-provider-RhAw3jw_.js.map +0 -1
  99. package/dist/validation/index.cjs.js +0 -2
  100. package/dist/validation/index.cjs.js.map +0 -1
  101. package/dist/validation/index.d.ts +0 -1
  102. package/dist/validation/index.js +0 -2
  103. package/dist/validation/index.js.map +0 -1
@@ -1 +0,0 @@
1
- export * from "../features/notifications";
@@ -1,2 +0,0 @@
1
- export{T as TemboNotify,b as buildToastConfigs}from"../tembo-notify-BMFKjuXo.js";import"tslib";import"../theme-provider-Ca4P0Hcp.js";import"react";import"react-toastify";import"lodash";import"../InfoCircleOutlined-DYs90hdV.js";import"../ZoomOutOutlined-Pw8hpWWK.js";import"antd";
2
- //# sourceMappingURL=index.js.map
@@ -1,37 +0,0 @@
1
- import React from 'react';
2
- import { TemboThemeProviderProps } from './theme/index.js';
3
- export interface TemboUIProvidersProps {
4
- children: React.ReactNode;
5
- /** Color palette overrides */
6
- colors?: TemboThemeProviderProps['colors'];
7
- /** UI constants overrides */
8
- constants?: TemboThemeProviderProps['constants'];
9
- /** Raw Ant Design theme overrides */
10
- themeOverrides?: TemboThemeProviderProps['themeOverrides'];
11
- }
12
- /**
13
- * Top-level provider that wires up theme, modal and notifications
14
- * for all Tembo UI components.
15
- *
16
- * Supports theme customization through colors and constants props.
17
- * TemboToastContainer automatically syncs with theme changes.
18
- *
19
- * @example
20
- * ```tsx
21
- * // Basic usage
22
- * <TemboUIProviders>
23
- * <App />
24
- * </TemboUIProviders>
25
- *
26
- * // With custom colors
27
- * <TemboUIProviders
28
- * colors={{
29
- * primary: { main: '#007bff' },
30
- * action: { main: '#28a745' }
31
- * }}
32
- * >
33
- * <App />
34
- * </TemboUIProviders>
35
- * ```
36
- */
37
- export declare const TemboUIProviders: React.FC<TemboUIProvidersProps>;
package/dist/providers.js DELETED
@@ -1,32 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import TemboModalProvider from './features/dialogs/modal-provider.js';
3
- import TemboToastContainer from './features/notifications/toast-container.js';
4
- import { TemboThemeProvider } from './theme/index.js';
5
- /**
6
- * Top-level provider that wires up theme, modal and notifications
7
- * for all Tembo UI components.
8
- *
9
- * Supports theme customization through colors and constants props.
10
- * TemboToastContainer automatically syncs with theme changes.
11
- *
12
- * @example
13
- * ```tsx
14
- * // Basic usage
15
- * <TemboUIProviders>
16
- * <App />
17
- * </TemboUIProviders>
18
- *
19
- * // With custom colors
20
- * <TemboUIProviders
21
- * colors={{
22
- * primary: { main: '#007bff' },
23
- * action: { main: '#28a745' }
24
- * }}
25
- * >
26
- * <App />
27
- * </TemboUIProviders>
28
- * ```
29
- */
30
- export const TemboUIProviders = ({ children, colors, constants, themeOverrides, }) => {
31
- return (_jsx(TemboThemeProvider, { colors: colors, constants: constants, themeOverrides: themeOverrides, children: _jsxs(TemboModalProvider, { children: [children, _jsx(TemboToastContainer, {})] }) }));
32
- };
@@ -1,2 +0,0 @@
1
- "use strict";var s=require("tslib"),t=require("./theme-provider-RhAw3jw_.js"),o=require("react-toastify"),i=require("./InfoCircleOutlined-B7d2aRfV.js"),e=require("./ZoomOutOutlined-CW-jqBMI.js");const n=(s,o)=>{const n={position:"top-right",autoClose:4e3,hideProgressBar:!0,closeOnClick:!0,pauseOnHover:!0,draggable:!0,closeButton:!1,style:{fontFamily:o.typography.fontFamily,fontSize:14,borderRadius:10,padding:"10px 14px",boxShadow:"0 12px 30px rgba(15, 23, 42, 0.18)",border:"none",minHeight:56,backgroundColor:s.surface.elevated,color:s.text.primary,display:"flex",alignItems:"center",gap:12}},r=Object.assign(Object.assign({},n),{icon:t.jsxRuntimeExports.jsx(i.RefIcon$2,{style:{fontSize:18,color:s.success.main}}),style:Object.assign(Object.assign({},n.style),{backgroundColor:s.success.bg,color:s.success.text}),className:"toast-success"}),a=Object.assign(Object.assign({},n),{icon:t.jsxRuntimeExports.jsx(i.RefIcon$3,{style:{fontSize:18,color:s.error.main}}),style:Object.assign(Object.assign({},n.style),{backgroundColor:s.error.bg,color:s.error.text}),className:"toast-error",autoClose:6e3}),l=Object.assign(Object.assign({},n),{icon:t.jsxRuntimeExports.jsx(i.RefIcon,{style:{fontSize:18,color:s.warning.main}}),style:Object.assign(Object.assign({},n.style),{backgroundColor:s.warning.bg,color:s.warning.text}),className:"toast-warning"}),c=Object.assign(Object.assign({},n),{icon:t.jsxRuntimeExports.jsx(i.RefIcon$1,{style:{fontSize:18,color:s.info.main}}),style:Object.assign(Object.assign({},n.style),{backgroundColor:s.info.bg,color:s.info.text}),className:"toast-info"});return{loadingConfig:Object.assign(Object.assign({},n),{icon:t.jsxRuntimeExports.jsx(e.RefIcon$2,{style:{fontSize:18,color:s.primary.main}}),style:Object.assign(Object.assign({},n.style),{backgroundColor:s.surface.elevated,color:s.text.primary}),className:"toast-loading",autoClose:!1,closeButton:!1,hideProgressBar:!0}),infoConfig:c,warningConfig:l,errorConfig:a,successConfig:r,baseConfig:n,colors:s}},r={position:"top-right",autoClose:4e3,hideProgressBar:!0,closeOnClick:!0,pauseOnHover:!0,draggable:!0};class a{static init(s,t){this.configs=n(s,t)}static getConfigs(){return this.configs}static formatMessage(s){if(s&&"object"==typeof s&&!("$$typeof"in s)){const o=!!s.title,i=!!s.description;return o&&i?t.jsxRuntimeExports.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:2},children:[t.jsxRuntimeExports.jsx("div",{style:{fontWeight:600,fontSize:14},children:s.title}),t.jsxRuntimeExports.jsx("div",{style:{fontSize:13,fontWeight:400,opacity:.95},children:s.description})]}):o&&!i?t.jsxRuntimeExports.jsx("div",{style:{fontWeight:600,fontSize:14},children:s.title}):!o&&i?t.jsxRuntimeExports.jsx("div",{style:{fontSize:13,fontWeight:500},children:s.description}):""}return s}static buildOptions(t,o){const i=o||{},{duration:e,toastId:n,onClick:a,onClose:l}=i,c=s.__rest(i,["duration","toastId","onClick","onClose"]),g=null!=t?t:r;return Object.assign(Object.assign(Object.assign({},g),c),{toastId:n,autoClose:void 0!==e?e||!1:g.autoClose,onClick:a,onClose:l})}static getSuccessConfig(){var s,t;const o=this.getConfigs();return null!==(t=null!==(s=null==o?void 0:o.successConfig)&&void 0!==s?s:null==o?void 0:o.baseConfig)&&void 0!==t?t:void 0}static getErrorConfig(){var s,t;const o=this.getConfigs();return null!==(t=null!==(s=null==o?void 0:o.errorConfig)&&void 0!==s?s:null==o?void 0:o.baseConfig)&&void 0!==t?t:void 0}static getWarningConfig(){var s,t;const o=this.getConfigs();return null!==(t=null!==(s=null==o?void 0:o.warningConfig)&&void 0!==s?s:null==o?void 0:o.baseConfig)&&void 0!==t?t:void 0}static getInfoConfig(){var s,t;const o=this.getConfigs();return null!==(t=null!==(s=null==o?void 0:o.infoConfig)&&void 0!==s?s:null==o?void 0:o.baseConfig)&&void 0!==t?t:void 0}static getLoadingConfig(){var s,t;const o=this.getConfigs();return null!==(t=null!==(s=null==o?void 0:o.loadingConfig)&&void 0!==s?s:null==o?void 0:o.baseConfig)&&void 0!==t?t:void 0}static success(s,t){const i=this.formatMessage(s),e=this.buildOptions(this.getSuccessConfig(),t);return o.toast.success(i,e)}static error(s,t){const i=this.formatMessage(s),e=this.buildOptions(this.getErrorConfig(),t);return o.toast.error(i,e)}static warning(s,t){const i=this.formatMessage(s),e=this.buildOptions(this.getWarningConfig(),t);return o.toast.warning(i,e)}static info(s,t){const i=this.formatMessage(s),e=this.buildOptions(this.getInfoConfig(),t);return o.toast.info(i,e)}static loading(t,i){var e;const n=this.formatMessage(t),a=i||{},{toastId:l,onClick:c,onClose:g}=a,u=s.__rest(a,["toastId","onClick","onClose"]),d=null!==(e=this.getLoadingConfig())&&void 0!==e?e:r;return o.toast.loading(n,Object.assign(Object.assign(Object.assign({},d),u),{toastId:l,onClick:c,onClose:g}))}static update(s,t){var i,e;const n=this.getConfigs(),a=t.type&&n?{success:n.successConfig,error:n.errorConfig,warning:n.warningConfig,info:n.infoConfig}[t.type]:void 0,l=t.message?this.formatMessage(t.message):t.render;o.toast.update(s,Object.assign({render:l,type:t.type,isLoading:!1,autoClose:null!==(e=null!==(i=t.autoClose)&&void 0!==i?i:null==a?void 0:a.autoClose)&&void 0!==e?e:r.autoClose},null!=a?a:{}))}static dismiss(s){o.toast.dismiss(s)}static dismissAll(){o.toast.dismiss()}static isActive(s){return o.toast.isActive(s)}}a.configs=null,exports.TemboNotify=a,exports.buildToastConfigs=n;
2
- //# sourceMappingURL=tembo-notify-B7FT0ggC.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"tembo-notify-B7FT0ggC.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","closeButton","style","fontFamily","typography","fontSize","borderRadius","padding","boxShadow","border","minHeight","backgroundColor","surface","elevated","color","text","primary","display","alignItems","gap","successConfig","Object","assign","icon","_jsx","CheckCircleOutlined","success","main","bg","className","errorConfig","CloseCircleOutlined","error","warningConfig","ExclamationCircleOutlined","warning","infoConfig","InfoCircleOutlined","info","loadingConfig","LoadingOutlined","FALLBACK_BASE_CONFIG","TemboNotify","init","this","configs","getConfigs","formatMessage","message","hasTitle","title","hasDescription","description","_jsxs","flexDirection","children","fontWeight","opacity","buildOptions","options","_a","duration","toastId","onClick","onClose","restOptions","__rest","effectiveBase","undefined","getSuccessConfig","_b","getErrorConfig","getWarningConfig","getInfoConfig","getLoadingConfig","content","toastOptions","toast","loading","update","id","typeConfig","type","render","isLoading","dismiss","dismissAll","isActive"],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- import{__rest as s}from"tslib";import{j as o}from"./theme-provider-Ca4P0Hcp.js";import{toast as t}from"react-toastify";import{b as i,c as n,R as e,a}from"./InfoCircleOutlined-DYs90hdV.js";import{b as r}from"./ZoomOutOutlined-Pw8hpWWK.js";const l=(s,t)=>{const l={position:"top-right",autoClose:4e3,hideProgressBar:!0,closeOnClick:!0,pauseOnHover:!0,draggable:!0,closeButton:!1,style:{fontFamily:t.typography.fontFamily,fontSize:14,borderRadius:10,padding:"10px 14px",boxShadow:"0 12px 30px rgba(15, 23, 42, 0.18)",border:"none",minHeight:56,backgroundColor:s.surface.elevated,color:s.text.primary,display:"flex",alignItems:"center",gap:12}},c=Object.assign(Object.assign({},l),{icon:o.jsx(i,{style:{fontSize:18,color:s.success.main}}),style:Object.assign(Object.assign({},l.style),{backgroundColor:s.success.bg,color:s.success.text}),className:"toast-success"}),g=Object.assign(Object.assign({},l),{icon:o.jsx(n,{style:{fontSize:18,color:s.error.main}}),style:Object.assign(Object.assign({},l.style),{backgroundColor:s.error.bg,color:s.error.text}),className:"toast-error",autoClose:6e3}),d=Object.assign(Object.assign({},l),{icon:o.jsx(e,{style:{fontSize:18,color:s.warning.main}}),style:Object.assign(Object.assign({},l.style),{backgroundColor:s.warning.bg,color:s.warning.text}),className:"toast-warning"}),u=Object.assign(Object.assign({},l),{icon:o.jsx(a,{style:{fontSize:18,color:s.info.main}}),style:Object.assign(Object.assign({},l.style),{backgroundColor:s.info.bg,color:s.info.text}),className:"toast-info"});return{loadingConfig:Object.assign(Object.assign({},l),{icon:o.jsx(r,{style:{fontSize:18,color:s.primary.main}}),style:Object.assign(Object.assign({},l.style),{backgroundColor:s.surface.elevated,color:s.text.primary}),className:"toast-loading",autoClose:!1,closeButton:!1,hideProgressBar:!0}),infoConfig:u,warningConfig:d,errorConfig:g,successConfig:c,baseConfig:l,colors:s}},c={position:"top-right",autoClose:4e3,hideProgressBar:!0,closeOnClick:!0,pauseOnHover:!0,draggable:!0};class g{static init(s,o){this.configs=l(s,o)}static getConfigs(){return this.configs}static formatMessage(s){if(s&&"object"==typeof s&&!("$$typeof"in s)){const t=!!s.title,i=!!s.description;return t&&i?o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:2},children:[o.jsx("div",{style:{fontWeight:600,fontSize:14},children:s.title}),o.jsx("div",{style:{fontSize:13,fontWeight:400,opacity:.95},children:s.description})]}):t&&!i?o.jsx("div",{style:{fontWeight:600,fontSize:14},children:s.title}):!t&&i?o.jsx("div",{style:{fontSize:13,fontWeight:500},children:s.description}):""}return s}static buildOptions(o,t){const i=t||{},{duration:n,toastId:e,onClick:a,onClose:r}=i,l=s(i,["duration","toastId","onClick","onClose"]),g=null!=o?o:c;return Object.assign(Object.assign(Object.assign({},g),l),{toastId:e,autoClose:void 0!==n?n||!1:g.autoClose,onClick:a,onClose:r})}static getSuccessConfig(){var s,o;const t=this.getConfigs();return null!==(o=null!==(s=null==t?void 0:t.successConfig)&&void 0!==s?s:null==t?void 0:t.baseConfig)&&void 0!==o?o:void 0}static getErrorConfig(){var s,o;const t=this.getConfigs();return null!==(o=null!==(s=null==t?void 0:t.errorConfig)&&void 0!==s?s:null==t?void 0:t.baseConfig)&&void 0!==o?o:void 0}static getWarningConfig(){var s,o;const t=this.getConfigs();return null!==(o=null!==(s=null==t?void 0:t.warningConfig)&&void 0!==s?s:null==t?void 0:t.baseConfig)&&void 0!==o?o:void 0}static getInfoConfig(){var s,o;const t=this.getConfigs();return null!==(o=null!==(s=null==t?void 0:t.infoConfig)&&void 0!==s?s:null==t?void 0:t.baseConfig)&&void 0!==o?o:void 0}static getLoadingConfig(){var s,o;const t=this.getConfigs();return null!==(o=null!==(s=null==t?void 0:t.loadingConfig)&&void 0!==s?s:null==t?void 0:t.baseConfig)&&void 0!==o?o:void 0}static success(s,o){const i=this.formatMessage(s),n=this.buildOptions(this.getSuccessConfig(),o);return t.success(i,n)}static error(s,o){const i=this.formatMessage(s),n=this.buildOptions(this.getErrorConfig(),o);return t.error(i,n)}static warning(s,o){const i=this.formatMessage(s),n=this.buildOptions(this.getWarningConfig(),o);return t.warning(i,n)}static info(s,o){const i=this.formatMessage(s),n=this.buildOptions(this.getInfoConfig(),o);return t.info(i,n)}static loading(o,i){var n;const e=this.formatMessage(o),a=i||{},{toastId:r,onClick:l,onClose:g}=a,d=s(a,["toastId","onClick","onClose"]),u=null!==(n=this.getLoadingConfig())&&void 0!==n?n:c;return t.loading(e,Object.assign(Object.assign(Object.assign({},u),d),{toastId:r,onClick:l,onClose:g}))}static update(s,o){var i,n;const e=this.getConfigs(),a=o.type&&e?{success:e.successConfig,error:e.errorConfig,warning:e.warningConfig,info:e.infoConfig}[o.type]:void 0,r=o.message?this.formatMessage(o.message):o.render;t.update(s,Object.assign({render:r,type:o.type,isLoading:!1,autoClose:null!==(n=null!==(i=o.autoClose)&&void 0!==i?i:null==a?void 0:a.autoClose)&&void 0!==n?n:c.autoClose},null!=a?a:{}))}static dismiss(s){t.dismiss(s)}static dismissAll(){t.dismiss()}static isActive(s){return t.isActive(s)}}g.configs=null;export{g as T,l as b};
2
- //# sourceMappingURL=tembo-notify-BMFKjuXo.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"tembo-notify-BMFKjuXo.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","closeButton","style","fontFamily","typography","fontSize","borderRadius","padding","boxShadow","border","minHeight","backgroundColor","surface","elevated","color","text","primary","display","alignItems","gap","successConfig","Object","assign","icon","_jsx","CheckCircleOutlined","success","main","bg","className","errorConfig","CloseCircleOutlined","error","warningConfig","ExclamationCircleOutlined","warning","infoConfig","InfoCircleOutlined","info","loadingConfig","LoadingOutlined","FALLBACK_BASE_CONFIG","TemboNotify","init","this","configs","getConfigs","formatMessage","message","hasTitle","title","hasDescription","description","_jsxs","flexDirection","children","fontWeight","opacity","buildOptions","options","_a","duration","toastId","onClick","onClose","restOptions","__rest","effectiveBase","undefined","getSuccessConfig","_b","getErrorConfig","getWarningConfig","getInfoConfig","getLoadingConfig","content","toastOptions","toast","loading","update","id","typeConfig","type","render","isLoading","dismiss","dismissAll","isActive"],"mappings":"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"}
@@ -1,278 +0,0 @@
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
- * - Theme-aware: neutral scale adapts to light/dark mode
9
- *
10
- * @example
11
- * // Usage in components
12
- * const { colors } = useTemboTheme();
13
- * style={{ color: colors.text.primary, backgroundColor: colors.neutral.lightest }}
14
- */
15
- export interface TemboColorPalette {
16
- /**
17
- * Primary brand colors
18
- * Used for main brand identity, primary buttons, and key UI elements
19
- */
20
- primary: {
21
- /** Base primary color - used for primary buttons and key branding elements */
22
- main: string;
23
- /** Hover state for primary interactive elements */
24
- hover: string;
25
- /** Active/pressed state for primary interactive elements */
26
- active: string;
27
- /** Lighter variant for backgrounds and subtle emphasis */
28
- light: string;
29
- /** Even lighter variant for very subtle backgrounds */
30
- lighter: string;
31
- /** Text color that maintains contrast on primary backgrounds (typically white) */
32
- contrast: string;
33
- };
34
- /**
35
- * Action/Interactive colors
36
- * Used for links, secondary actions, and interactive elements that aren't primary
37
- */
38
- action: {
39
- /** Base action color - used for links, secondary buttons, and interactive elements */
40
- main: string;
41
- hover: string;
42
- active: string;
43
- /** Light background for action-related content (e.g. info badges, highlighted areas) */
44
- light: string;
45
- lighter: string;
46
- /** Disabled state for action elements */
47
- disabled: string;
48
- /** Text color on action backgrounds */
49
- contrast: string;
50
- };
51
- /**
52
- * Absolute colors
53
- * Never change regardless of theme mode - use for logos, illustrations, or specific design requirements
54
- */
55
- absolute: {
56
- /** Pure white - always #ffffff */
57
- white: string;
58
- /** Pure black - always #000000 */
59
- black: string;
60
- };
61
- /**
62
- * Neutral color scale (0-10)
63
- * Theme-aware: entire scale inverts in dark mode
64
- * Foundation for backgrounds, borders, and subtle UI elements
65
- * 0 = brightest in current theme, 10 = dimmest in current theme
66
- */
67
- neutral: {
68
- /** Brightest tone in current theme (white in light, black in dark) */
69
- 0: string;
70
- 1: string;
71
- 2: string;
72
- 3: string;
73
- 4: string;
74
- /** Middle gray - typically stays similar across themes */
75
- 5: string;
76
- 6: string;
77
- 7: string;
78
- 8: string;
79
- 9: string;
80
- /** Dimmest tone in current theme (black in light, white in dark) */
81
- 10: string;
82
- /** Brightest tone (maps to 0) */
83
- brightest: string;
84
- /** Near-brightest tone (maps to 1) */
85
- lightest: string;
86
- /** Very light tone (maps to 2) */
87
- lighter: string;
88
- /** Light tone (maps to 3) */
89
- light: string;
90
- /** Middle tone (maps to 5) */
91
- medium: string;
92
- /** Dark tone (maps to 7) */
93
- dark: string;
94
- /** Very dark tone (maps to 8) */
95
- darker: string;
96
- /** Near-dimmest tone (maps to 9) */
97
- darkest: string;
98
- /** Dimmest tone (maps to 10) */
99
- dimmest: string;
100
- };
101
- /**
102
- * Success colors
103
- * Indicate successful operations, positive states, and confirmations
104
- */
105
- success: {
106
- /** Main success color - for success buttons, icons, and indicators */
107
- main: string;
108
- /** Light background for success messages and alerts */
109
- bg: string;
110
- /** Border for success containers */
111
- border: string;
112
- /** Text color for success messages */
113
- text: string;
114
- };
115
- /**
116
- * Error colors
117
- * Indicate errors, failures, and destructive actions
118
- */
119
- error: {
120
- /** Main error color - for error states and destructive actions */
121
- main: string;
122
- /** Light background for error messages and alerts */
123
- bg: string;
124
- border: string;
125
- text: string;
126
- };
127
- /**
128
- * Warning colors
129
- * Indicate caution, warnings, and important information requiring attention
130
- */
131
- warning: {
132
- /** Main warning color */
133
- main: string;
134
- bg: string;
135
- border: string;
136
- text: string;
137
- };
138
- /**
139
- * Info colors
140
- * For informational messages and neutral call-outs
141
- */
142
- info: {
143
- main: string;
144
- bg: string;
145
- border: string;
146
- text: string;
147
- };
148
- /**
149
- * Surface colors
150
- * Backgrounds and containers throughout the application
151
- */
152
- surface: {
153
- /** Main page background */
154
- background: string;
155
- /** Default surface/container background (cards, panels) */
156
- main: string;
157
- /** Elevated surfaces (modals, popovers) - typically with shadow */
158
- elevated: string;
159
- /** Hover state for interactive surfaces */
160
- hover: string;
161
- /** Very subtle background for nested content */
162
- subtle: string;
163
- };
164
- /**
165
- * Text colors
166
- * For all text content with varying emphasis levels
167
- */
168
- text: {
169
- /** Primary text - body copy, headings */
170
- primary: string;
171
- /** Secondary text - supporting information, labels */
172
- secondary: string;
173
- /** Tertiary text - de-emphasized content, helper text */
174
- tertiary: string;
175
- /** Quaternary text - least emphasis, subtle information */
176
- quaternary: string;
177
- /** Disabled text state */
178
- disabled: string;
179
- /** Text on dark backgrounds */
180
- inverse: string;
181
- };
182
- /**
183
- * Border colors
184
- * For separators, outlines, and component boundaries
185
- */
186
- border: {
187
- /** Default border color */
188
- main: string;
189
- /** Lighter border for subtle separation */
190
- light: string;
191
- /** Stronger border for emphasis */
192
- strong: string;
193
- /** Dividing lines between sections */
194
- divider: string;
195
- };
196
- /**
197
- * Component-specific colors
198
- * Pre-defined color combinations for common components
199
- */
200
- components: {
201
- /** Button color tokens */
202
- button: {
203
- primary: {
204
- bg: string;
205
- hover: string;
206
- text: string;
207
- };
208
- default: {
209
- bg: string;
210
- border: string;
211
- text: string;
212
- hover: string;
213
- };
214
- };
215
- /** Form input color tokens */
216
- input: {
217
- bg: string;
218
- border: string;
219
- borderHover: string;
220
- borderFocus: string;
221
- placeholder: string;
222
- };
223
- /** Table color tokens */
224
- table: {
225
- bg: string;
226
- headerBg: string;
227
- headerText: string;
228
- border: string;
229
- rowHover: string;
230
- };
231
- /** Navigation sidebar tokens */
232
- sidebar: {
233
- /** Dark sidebar background */
234
- bg: string;
235
- hover: string;
236
- selected: string;
237
- text: string;
238
- textSecondary: string;
239
- };
240
- };
241
- /**
242
- * Utility colors
243
- * Special purpose color values
244
- */
245
- utility: {
246
- transparent: string;
247
- /** Link color (often aliases action.main) */
248
- link: string;
249
- linkHover: string;
250
- linkActive: string;
251
- };
252
- }
253
- /**
254
- * Partial color overrides
255
- * Allows deep partial overrides for theming
256
- */
257
- export type TemboColorOverrides = DeepPartial<TemboColorPalette>;
258
- /**
259
- * Theme mode
260
- */
261
- export type ThemeMode = 'light' | 'dark';
262
- /**
263
- * Default color palette for light theme
264
- */
265
- export declare const defaultColorPalette: TemboColorPalette;
266
- /**
267
- * Build a complete color palette by merging overrides with defaults
268
- * Performs deep merge to allow partial nested overrides
269
- *
270
- * @param overrides - Partial color palette overrides
271
- * @param mode - Theme mode ('light' or 'dark')
272
- * @returns Complete color palette with overrides applied
273
- */
274
- export declare const buildColorPalette: (overrides?: TemboColorOverrides, mode?: ThemeMode) => TemboColorPalette;
275
- type DeepPartial<T> = {
276
- [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];
277
- };
278
- export {};
@@ -1,212 +0,0 @@
1
- import { merge } from "lodash";
2
- /**
3
- * Base color values for light theme
4
- * These are the actual color values that get mapped to the palette
5
- */
6
- const lightModeColors = {
7
- neutral: {
8
- 0: '#ffffff',
9
- 1: '#fafafa',
10
- 2: '#f5f5f5',
11
- 3: '#f0f0f0',
12
- 4: '#e5e5e5',
13
- 5: '#d4d4d4',
14
- 6: '#b3b3b3',
15
- 7: '#999999',
16
- 8: '#666666',
17
- 9: '#1a1a1a',
18
- 10: '#000000',
19
- },
20
- };
21
- /**
22
- * Base color values for dark theme
23
- * Inverted neutral scale for dark mode
24
- */
25
- const darkModeColors = {
26
- neutral: {
27
- 0: '#000000',
28
- 1: '#1a1a1a',
29
- 2: '#666666',
30
- 3: '#999999',
31
- 4: '#b3b3b3',
32
- 5: '#d4d4d4',
33
- 6: '#e5e5e5',
34
- 7: '#f0f0f0',
35
- 8: '#f5f5f5',
36
- 9: '#fafafa',
37
- 10: '#ffffff',
38
- },
39
- };
40
- /**
41
- * Build default color palette for a given theme mode
42
- *
43
- * @param mode - 'light' or 'dark'
44
- * @returns Complete color palette with theme-aware neutral scale
45
- */
46
- const buildDefaultPalette = (mode) => {
47
- const modeColors = mode === 'light' ? lightModeColors : darkModeColors;
48
- return {
49
- primary: {
50
- main: '#000000',
51
- hover: '#1a1a1a',
52
- active: '#000000',
53
- light: '#666666',
54
- lighter: '#999999',
55
- contrast: '#FFFFFF',
56
- },
57
- action: {
58
- main: '#1a6985',
59
- hover: '#145268',
60
- active: '#0f3d4f',
61
- light: '#e8f2f5',
62
- lighter: '#f4f9fa',
63
- disabled: '#a3c9d6',
64
- contrast: '#FFFFFF',
65
- },
66
- absolute: {
67
- white: '#ffffff',
68
- black: '#000000',
69
- },
70
- neutral: {
71
- // Numeric scale (theme-aware)
72
- 0: modeColors.neutral[0],
73
- 1: modeColors.neutral[1],
74
- 2: modeColors.neutral[2],
75
- 3: modeColors.neutral[3],
76
- 4: modeColors.neutral[4],
77
- 5: modeColors.neutral[5],
78
- 6: modeColors.neutral[6],
79
- 7: modeColors.neutral[7],
80
- 8: modeColors.neutral[8],
81
- 9: modeColors.neutral[9],
82
- 10: modeColors.neutral[10],
83
- // Convenient aliases (map to numeric scale)
84
- brightest: modeColors.neutral[0],
85
- lightest: modeColors.neutral[1],
86
- lighter: modeColors.neutral[2],
87
- light: modeColors.neutral[3],
88
- medium: modeColors.neutral[5],
89
- dark: modeColors.neutral[7],
90
- darker: modeColors.neutral[8],
91
- darkest: modeColors.neutral[9],
92
- dimmest: modeColors.neutral[10],
93
- },
94
- success: {
95
- main: '#10b981',
96
- bg: '#ecfdf5',
97
- border: '#a7f3d0',
98
- text: '#047857',
99
- },
100
- error: {
101
- main: '#ef4444',
102
- bg: '#fef2f2',
103
- border: '#fecaca',
104
- text: '#dc2626',
105
- },
106
- warning: {
107
- main: '#f59e0b',
108
- bg: '#fffbeb',
109
- border: '#fde68a',
110
- text: '#d97706',
111
- },
112
- info: {
113
- main: '#1a6985',
114
- bg: '#e8f2f5',
115
- border: '#b8d9e6',
116
- text: '#0f3d4f',
117
- },
118
- surface: {
119
- background: modeColors.neutral[0],
120
- main: modeColors.neutral[0],
121
- elevated: modeColors.neutral[0],
122
- hover: modeColors.neutral[1],
123
- subtle: modeColors.neutral[1],
124
- },
125
- text: {
126
- primary: modeColors.neutral[10],
127
- secondary: modeColors.neutral[8],
128
- tertiary: modeColors.neutral[7],
129
- quaternary: modeColors.neutral[6],
130
- disabled: modeColors.neutral[5],
131
- inverse: modeColors.neutral[0],
132
- },
133
- border: {
134
- main: modeColors.neutral[4],
135
- light: modeColors.neutral[3],
136
- strong: modeColors.neutral[5],
137
- divider: modeColors.neutral[4],
138
- },
139
- components: {
140
- button: {
141
- primary: {
142
- bg: '#1a6985',
143
- hover: '#145268',
144
- text: '#FFFFFF',
145
- },
146
- default: {
147
- bg: modeColors.neutral[0],
148
- border: modeColors.neutral[5],
149
- text: modeColors.neutral[10],
150
- hover: modeColors.neutral[1],
151
- },
152
- },
153
- input: {
154
- bg: modeColors.neutral[0],
155
- border: modeColors.neutral[5],
156
- borderHover: modeColors.neutral[7],
157
- borderFocus: '#1a6985',
158
- placeholder: modeColors.neutral[7],
159
- },
160
- table: {
161
- bg: modeColors.neutral[0],
162
- headerBg: modeColors.neutral[1],
163
- headerText: modeColors.neutral[10],
164
- border: modeColors.neutral[4],
165
- rowHover: modeColors.neutral[1],
166
- },
167
- sidebar: {
168
- bg: '#000000',
169
- hover: 'rgba(255, 255, 255, 0.08)',
170
- selected: 'rgba(255, 255, 255, 0.12)',
171
- text: '#FFFFFF',
172
- textSecondary: 'rgba(255, 255, 255, 0.65)',
173
- },
174
- },
175
- utility: {
176
- transparent: 'transparent',
177
- link: '#1a6985',
178
- linkHover: '#145268',
179
- linkActive: '#0f3d4f',
180
- },
181
- };
182
- };
183
- /**
184
- * Default color palette for light theme
185
- */
186
- export const defaultColorPalette = buildDefaultPalette('light');
187
- /**
188
- * Build a complete color palette by merging overrides with defaults
189
- * Performs deep merge to allow partial nested overrides
190
- *
191
- * @param overrides - Partial color palette overrides
192
- * @param mode - Theme mode ('light' or 'dark')
193
- * @returns Complete color palette with overrides applied
194
- */
195
- export const buildColorPalette = (overrides, mode = 'light') => {
196
- const basePalette = buildDefaultPalette(mode);
197
- if (!overrides)
198
- return basePalette;
199
- const merged = merge({}, basePalette, overrides);
200
- // After merging, ensure neutral aliases are synced with numeric values
201
- // This handles cases where overrides might change the numeric scale
202
- merged.neutral.brightest = merged.neutral[0];
203
- merged.neutral.lightest = merged.neutral[1];
204
- merged.neutral.lighter = merged.neutral[2];
205
- merged.neutral.light = merged.neutral[3];
206
- merged.neutral.medium = merged.neutral[5];
207
- merged.neutral.dark = merged.neutral[7];
208
- merged.neutral.darker = merged.neutral[8];
209
- merged.neutral.darkest = merged.neutral[9];
210
- merged.neutral.dimmest = merged.neutral[10];
211
- return merged;
212
- };