@zidsa/zidmui 2.5.19 → 3.0.0

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 (24) hide show
  1. package/dist/react/cjs/components/app-alert.js +11 -3
  2. package/dist/react/cjs/components/app-alert.js.map +1 -1
  3. package/dist/react/cjs/components/app-empty-state.js +6 -6
  4. package/dist/react/cjs/components/app-empty-state.js.map +1 -1
  5. package/dist/react/cjs/theme/components/alert.js +168 -40
  6. package/dist/react/cjs/theme/components/alert.js.map +1 -1
  7. package/dist/react/cjs/theme/palette.dark.js +60 -22
  8. package/dist/react/cjs/theme/palette.dark.js.map +1 -1
  9. package/dist/react/cjs/theme/palette.js +68 -22
  10. package/dist/react/cjs/theme/palette.js.map +1 -1
  11. package/dist/react/es/components/app-alert.js +11 -3
  12. package/dist/react/es/components/app-alert.js.map +1 -1
  13. package/dist/react/es/components/app-empty-state.js +6 -6
  14. package/dist/react/es/components/app-empty-state.js.map +1 -1
  15. package/dist/react/es/theme/components/alert.js +168 -40
  16. package/dist/react/es/theme/components/alert.js.map +1 -1
  17. package/dist/react/es/theme/palette.dark.js +60 -22
  18. package/dist/react/es/theme/palette.dark.js.map +1 -1
  19. package/dist/react/es/theme/palette.js +68 -22
  20. package/dist/react/es/theme/palette.js.map +1 -1
  21. package/dist/react/types/components/app-alert.d.ts +2 -2
  22. package/dist/react/types/theme/types.d.ts +75 -22
  23. package/dist/tsconfig.tsbuildinfo +1 -1
  24. package/package.json +1 -1
package/dist/react/cjs/theme/palette.js CHANGED
@@ -269,29 +269,75 @@ const palette = {
269
269
  borderBottom: colors.colors.neutral[100]
270
270
  },
271
271
  alert: {
272
- error: {
273
- color: colors.colors.red[1e3],
274
- border: colors.colors.red[300],
275
- background: colors.colors.red[100],
276
- icon: colors.colors.red[400]
277
- },
278
- warning: {
279
- color: colors.colors.yellow[1e3],
280
- border: colors.colors.yellow[500],
281
- background: colors.colors.yellow[100],
282
- icon: colors.colors.yellow[700]
272
+ standard: {
273
+ error: {
274
+ color: colors.colors.red[1e3],
275
+ border: colors.colors.red[300],
276
+ background: colors.colors.red[100],
277
+ icon: colors.colors.red[400]
278
+ },
279
+ warning: {
280
+ color: colors.colors.yellow[1e3],
281
+ border: colors.colors.yellow[500],
282
+ background: colors.colors.yellow[100],
283
+ icon: colors.colors.yellow[700]
284
+ },
285
+ info: {
286
+ color: colors.colors.blue[1e3],
287
+ border: colors.colors.blue[400],
288
+ background: colors.colors.blue[100],
289
+ icon: colors.colors.blue[900]
290
+ },
291
+ success: {
292
+ color: colors.colors.green[1e3],
293
+ border: colors.colors.green[400],
294
+ background: colors.colors.green[100],
295
+ icon: colors.colors.green[600]
296
+ },
297
+ primary: {
298
+ color: colors.colors.primary[800],
299
+ border: colors.colors.primary[300],
300
+ background: colors.colors.primary[100],
301
+ icon: colors.colors.primary[600]
302
+ },
303
+ gray: {
304
+ color: colors.colors.neutral[600],
305
+ border: colors.colors.neutral[200],
306
+ background: colors.colors.neutral[50],
307
+ icon: colors.colors.neutral[500]
308
+ }
283
309
  },
284
- info: {
285
- color: colors.colors.blue[1e3],
286
- border: colors.colors.blue[400],
287
- background: colors.colors.blue[100],
288
- icon: colors.colors.blue[900]
289
- },
290
- success: {
291
- color: colors.colors.green[1e3],
292
- border: colors.colors.green[400],
293
- background: colors.colors.green[100],
294
- icon: colors.colors.green[600]
310
+ filled: {
311
+ error: {
312
+ background: colors.colors.red[600],
313
+ color: colors.colors.base.white,
314
+ icon: colors.colors.base.white
315
+ },
316
+ warning: {
317
+ background: colors.colors.yellow[600],
318
+ color: colors.colors.yellow[1e3],
319
+ icon: colors.colors.yellow[1e3]
320
+ },
321
+ info: {
322
+ background: colors.colors.blue[700],
323
+ color: colors.colors.blue[1e3],
324
+ icon: colors.colors.blue[1e3]
325
+ },
326
+ success: {
327
+ background: colors.colors.green[600],
328
+ color: colors.colors.green[1e3],
329
+ icon: colors.colors.green[1e3]
330
+ },
331
+ primary: {
332
+ background: colors.colors.secondary[600],
333
+ color: colors.colors.base.white,
334
+ icon: colors.colors.base.white
335
+ },
336
+ gray: {
337
+ background: colors.colors.neutral[300],
338
+ color: colors.colors.neutral[1e3],
339
+ icon: colors.colors.neutral[500]
340
+ }
295
341
  }
296
342
  },
297
343
  status: {
package/dist/react/cjs/theme/palette.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"palette.js","sources":["../../../../src/theme/palette.ts"],"sourcesContent":["import { colors } from './colors';\nimport { alpha, ThemeOptions } from '@mui/material';\n\n//\n//\n\nexport const palette: ThemeOptions['palette'] = {\n mode: 'light',\n colors,\n badge: {\n primary: {\n color: '#8758C6',\n backgroundColor: '#F1EAFF',\n },\n },\n background: {\n default: '#F8F8F8',\n paper: colors.base.white,\n darkBackdrop: '#b1afafcc',\n white: '#FFFFFF',\n black: '#000000',\n gray: '#F8F8F8',\n gray200: colors.neutral[200],\n gray100: colors.neutral[100],\n backgroundDisable: colors.neutral[100],\n Blur: 'rgba(255, 255, 255, 0.8)',\n green: '#9EEC99',\n yellow: '#FAE684',\n royal: '#3E1C56',\n mintGreen: '#84DA7E',\n goldenYellow: '#EAD469',\n lavenderGlow: '#C498FF',\n royalPurple: '#532D6F',\n sidebar: colors.base.white,\n container: colors.neutral[50],\n },\n outlined: {\n outlined: colors.neutral[200],\n outlined_2: colors.neutral[100],\n outlinedDisable: colors.neutral[300],\n },\n text: {\n primary: colors.neutral[1000],\n secondary: colors.neutral[600],\n tertiary: colors.neutral[500],\n disabled: colors.neutral[400],\n deepGreen: '#1F541B',\n darkOchre: '#544217',\n contrastText: '#A3A1A6',\n primaryContrastTest: '#FFFFFF',\n _states: {\n hover: alpha(colors.base.black, 0.04),\n selected: alpha(colors.base.black, 0.08),\n focus: alpha(colors.base.black, 0.12),\n focusVisible: alpha(colors.base.black, 0.3),\n },\n },\n icon: {\n primary: '#0E0217',\n secondary: colors.neutral[500],\n disabled: colors.neutral[400],\n draggable: '#634976',\n },\n tabs: {\n text: {\n secondary: '#1B0D26',\n },\n },\n _states: {\n focus: 'rgba(0, 0, 0, 0.12)',\n hover: 'rgba(96, 203, 203, 0.04)',\n selected: 'rgba(96, 203, 203, 0.08)',\n focusVisible: 'rgba(96, 203, 203, 0.3)',\n outlinedBorder: 'rgba(96, 203, 203, 0.5)',\n },\n primary: {\n main: '#AE72FF',\n dark: '#8758C6',\n light: '#D2B8FF',\n contrastText: '#FFFFFF',\n _states: {\n hover: 'rgba(174, 114, 255, 0.04)',\n selected: 'rgba(174, 114, 255, 0.08)',\n focus: 'rgba(174, 114, 255, 0.12)',\n focusVisible: 'rgba(174, 114, 255, 0.3)',\n outlinedBorder: 'rgba(174, 114, 255, 0.5)',\n },\n },\n secondary: {\n main: '#3C1C54',\n dark: '#2E1641',\n light: '#8A7798',\n contrastText: '#FFFFFF',\n _states: {\n hover: 'rgba(60, 28, 84, 0.04)',\n selected: 'rgba(60, 28, 84, 0.08)',\n focus: 'rgba(60, 28, 84, 0.12)',\n focusVisible: 'rgba(60, 28, 84, 0.3)',\n outlinedBorder: 'rgba(60, 28, 84, 0.5)',\n },\n },\n action: {\n active: alpha(colors.neutral[600], 0.56),\n hover: alpha(colors.neutral[600], 0.04),\n selected: alpha(colors.neutral[600], 0.08),\n focus: alpha(colors.neutral[600], 0.12),\n disabled: alpha(colors.neutral[600], 0.38),\n disabledBackground: alpha(colors.neutral[600], 0.12),\n },\n error: {\n main: '#FA3768',\n _states: {\n hover: 'rgba(250, 55, 104, 0.04)',\n selected: 'rgba(250, 55, 104, 0.08)',\n focusVisible: 'rgba(250, 55, 104, 0.3)',\n outlinedBorder: 'rgba(250, 55, 104, 0.5)',\n },\n dark: '#C22B51',\n light: '#FCA7B4',\n contrastText: '#FFFFFF',\n },\n warning: {\n main: '#F9E683',\n dark: '#DFCE75',\n light: '#FBF0BF',\n contrastText: '#6F673B',\n _states: {\n hover: 'rgba(193, 178, 101, 0.04)',\n selected: 'rgba(193, 178, 101, 0.08)',\n focusVisible: 'rgba(193, 178, 101, 0.3)',\n outlinedBorder: 'rgba(193, 178, 101, 0.5)',\n },\n },\n info: {\n main: '#60CBCB',\n dark: '#449090',\n light: '#95E9E9',\n contrastText: '#FFFFFF',\n },\n success: {\n main: '#9EEC98',\n dark: '#649560',\n light: '#DDF8DC',\n contrastText: '#000000',\n _states: {\n outlinedBorder: 'rgba(46, 125, 50, 0.5)',\n focusVisible: 'rgba(46, 125, 50, 0.3)',\n hover: 'rgba(46, 125, 50, 0.04)',\n },\n },\n divider: colors.secondary[50],\n _components: {\n button: {\n disabledText: colors.neutral[400],\n disabledBorder: colors.neutral[200],\n primaryDarkText: {\n disabled: colors.neutral[100],\n text: colors.primary[800],\n loadingText: colors.primary[800],\n },\n primary: {\n contained: colors.primary[1000],\n hover: colors.primary[900],\n focused: colors.primary[900],\n pressed: colors.primary[600],\n disabled: colors.neutral[100],\n border: '#EBE8ED',\n text: colors.base.white,\n loadingText: colors.primary[1000],\n },\n secondary: {\n contained: colors.secondary[50],\n hover: colors.secondary[50],\n focused: colors.primary[200],\n pressed: '#EBE8ED',\n disabled: colors.neutral[100],\n border: '#D8D2DD',\n text: colors.secondary[1000],\n loadingText: colors.secondary[1000],\n },\n tertiary: {\n contained: colors.base.white,\n hover: colors.primary[200],\n focused: colors.primary[200],\n pressed: colors.primary[300],\n disabled: colors.neutral[100],\n text: colors.secondary[1000],\n loadingText: colors.secondary[1000],\n outlinedHover: '#E0D3FF',\n outlinedText: colors.primary[1000],\n },\n error: {\n contained: colors.red[200],\n hover: colors.red[300],\n focused: colors.red[600],\n pressed: colors.red[300],\n disabled: colors.neutral[100],\n border: colors.red[400],\n text: colors.red[1000],\n outlinedHover: colors.red[100],\n outlinedText: colors.red[800],\n activeBorder: colors.red[700],\n loadingText: colors.secondary[1000],\n },\n },\n sliderIndicator: {\n background: 'rgba(255, 255, 255, 0.2)',\n active: 'rgba(255, 255, 255, 1)',\n inactive: 'rgba(255, 255, 255, 0.8)',\n },\n cardContent: {\n selected: {\n background: '#FBF9FF',\n border: '#E2D2FF',\n },\n },\n emptyState: {\n imageBackground: 'rgba(0, 0, 0, 0.04)',\n },\n navbar: {\n wallet: {\n background: '#F8F5FF',\n border: '#EBE8ED',\n text: '#1B0D26',\n },\n search: {\n searchBorder: '#EFEFF1',\n searchBackground: '#FBFBFB',\n },\n },\n avatar: {\n fill: '#A3A1A6',\n },\n input: {\n _states: {\n hover: 'rgba(0, 0, 0, 0.04)',\n selected: 'rgba(0, 0, 0, 0.08)',\n focusVisible: 'rgba(0, 0, 0, 0.3)',\n },\n outlined: {\n enabledBorder: '#EBE8ED',\n hoverBorder: '#D8D2DD',\n },\n },\n switch: {\n knobFillEnabled: '#F8F8F8',\n slideFill: colors.neutral[400],\n knowFillDisabled: colors.neutral[100],\n shadow: colors.neutral[200],\n color: '#AE72FF',\n background: '#FFFFFF',\n error: {\n activeBackground: '#FA3768',\n pressedBackground: '#C22B51',\n shadow: 'rgba(250, 55, 104, 0.5)',\n },\n primary: {\n activeBackground: '#9EEC98',\n pressedBackground: '#649560',\n shadow: 'rgba(46, 125, 50, 0.5)',\n },\n },\n chip: {\n desert: '#FDF5D6',\n },\n backdrop: {\n fill: 'rgba(0, 0, 0, 0.1)',\n },\n appBar: {\n defaultFill: colors.neutral[100],\n borderBottom: colors.neutral[100],\n },\n alert: {\n error: {\n color: colors.red[1000],\n border: colors.red[300],\n background: colors.red[100],\n icon: colors.red[400],\n },\n warning: {\n color: colors.yellow[1000],\n border: colors.yellow[500],\n background: colors.yellow[100],\n icon: colors.yellow[700],\n },\n info: {\n color: colors.blue[1000],\n border: colors.blue[400],\n background: colors.blue[100],\n icon: colors.blue[900],\n },\n success: {\n color: colors.green[1000],\n border: colors.green[400],\n background: colors.green[100],\n icon: colors.green[600],\n },\n },\n status: {\n success: {\n background: colors.green[300],\n color: colors.green[900],\n outlined: colors.green[800],\n },\n error: {\n background: colors.red[200],\n color: colors.red[900],\n outlined: colors.red[600],\n },\n warning: {\n background: colors.yellow[300],\n color: colors.yellow[1000],\n outlined: colors.yellow[800],\n },\n neutral: {\n background: colors.neutral[100],\n color: colors.neutral[600],\n outlined: colors.neutral[900],\n },\n disabled: {\n background: colors.neutral[50],\n color: colors.neutral[400],\n outlined: colors.neutral[400],\n },\n info: {\n background: colors.primary[200],\n color: colors.primary[800],\n outlined: colors.primary[800],\n },\n orange: {\n background: colors.orange[200],\n color: colors.orange[700],\n outlined: colors.orange[700],\n },\n blue: {\n background: colors.blue[300],\n color: colors.blue[900],\n outlined: colors.blue[900],\n },\n primary: {\n background: colors.primary[300],\n color: colors.primary[900],\n outlined: colors.primary[800],\n },\n },\n accordion: {\n primary: {\n background: '#F8F5FF',\n border: 'rgba(174, 114, 255, 0.5)',\n },\n success: {\n background: colors.green[100],\n border: colors.green[400],\n },\n error: {\n background: colors.red[100],\n border: colors.red[300],\n },\n warning: {\n background: colors.yellow[100],\n border: colors.yellow[500],\n },\n info: {\n background: colors.blue[100],\n border: colors.blue[400],\n },\n neutral: {\n background: colors.neutral[50],\n border: colors.neutral[200],\n },\n },\n card: {\n primary: {\n background: '#F8F5FF',\n border: 'rgba(174, 114, 255, 0.5)',\n },\n success: {\n background: colors.green[100],\n border: colors.green[400],\n },\n error: {\n background: colors.red[100],\n border: colors.red[300],\n },\n warning: {\n background: colors.yellow[100],\n border: colors.yellow[500],\n },\n info: {\n background: colors.blue[100],\n border: colors.blue[400],\n },\n neutral: {\n background: colors.neutral[50],\n border: colors.neutral[200],\n },\n },\n stepper: {\n connector: '#A3A1A6',\n },\n iconButton: {\n default: {\n hover: '#0000001f',\n },\n primary: {\n text: colors.primary[1000],\n focused: '#ae72ff4d',\n hover: colors.primary[50],\n focusedIcon: colors.primary[600],\n },\n secondary: {\n text: colors.secondary[1000],\n focused: '#3c1c544d',\n hover: colors.secondary[50],\n focusedIcon: colors.primary[600],\n },\n error: {\n text: colors.secondary[1000],\n focused: '#fa37684d',\n hover: colors.secondary[50],\n focusedIcon: colors.primary[600],\n },\n },\n },\n _native: {\n 'scrollbar-bg': colors.neutral[200],\n },\n common: {\n black: '#000000',\n white: '#FFFFFF',\n white_states: {\n main: '#FFFFFF',\n focusVisible: 'rgba(255, 255, 255, 0.3)',\n focus: 'rgba(255, 255, 255, 0.12)',\n },\n black_states: {\n focus: 'rgba(0, 0, 0, 0.12)',\n hover: ' rgba(0, 0, 0, 0.04)',\n selected: 'rgba(0, 0, 0, 0.08)',\n },\n },\n};\n"],"names":["colors","alpha"],"mappings":"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"}
1
+ {"version":3,"file":"palette.js","sources":["../../../../src/theme/palette.ts"],"sourcesContent":["// oxlint-disable max-lines\nimport { colors } from './colors';\nimport { alpha, ThemeOptions } from '@mui/material';\n\n//\n//\n\nexport const palette: ThemeOptions['palette'] = {\n mode: 'light',\n colors,\n badge: {\n primary: {\n color: '#8758C6',\n backgroundColor: '#F1EAFF',\n },\n },\n background: {\n default: '#F8F8F8',\n paper: colors.base.white,\n darkBackdrop: '#b1afafcc',\n white: '#FFFFFF',\n black: '#000000',\n gray: '#F8F8F8',\n gray200: colors.neutral[200],\n gray100: colors.neutral[100],\n backgroundDisable: colors.neutral[100],\n Blur: 'rgba(255, 255, 255, 0.8)',\n green: '#9EEC99',\n yellow: '#FAE684',\n royal: '#3E1C56',\n mintGreen: '#84DA7E',\n goldenYellow: '#EAD469',\n lavenderGlow: '#C498FF',\n royalPurple: '#532D6F',\n sidebar: colors.base.white,\n container: colors.neutral[50],\n },\n outlined: {\n outlined: colors.neutral[200],\n outlined_2: colors.neutral[100],\n outlinedDisable: colors.neutral[300],\n },\n text: {\n primary: colors.neutral[1000],\n secondary: colors.neutral[600],\n tertiary: colors.neutral[500],\n disabled: colors.neutral[400],\n deepGreen: '#1F541B',\n darkOchre: '#544217',\n contrastText: '#A3A1A6',\n primaryContrastTest: '#FFFFFF',\n _states: {\n hover: alpha(colors.base.black, 0.04),\n selected: alpha(colors.base.black, 0.08),\n focus: alpha(colors.base.black, 0.12),\n focusVisible: alpha(colors.base.black, 0.3),\n },\n },\n icon: {\n primary: '#0E0217',\n secondary: colors.neutral[500],\n disabled: colors.neutral[400],\n draggable: '#634976',\n },\n tabs: {\n text: {\n secondary: '#1B0D26',\n },\n },\n _states: {\n focus: 'rgba(0, 0, 0, 0.12)',\n hover: 'rgba(96, 203, 203, 0.04)',\n selected: 'rgba(96, 203, 203, 0.08)',\n focusVisible: 'rgba(96, 203, 203, 0.3)',\n outlinedBorder: 'rgba(96, 203, 203, 0.5)',\n },\n primary: {\n main: '#AE72FF',\n dark: '#8758C6',\n light: '#D2B8FF',\n contrastText: '#FFFFFF',\n _states: {\n hover: 'rgba(174, 114, 255, 0.04)',\n selected: 'rgba(174, 114, 255, 0.08)',\n focus: 'rgba(174, 114, 255, 0.12)',\n focusVisible: 'rgba(174, 114, 255, 0.3)',\n outlinedBorder: 'rgba(174, 114, 255, 0.5)',\n },\n },\n secondary: {\n main: '#3C1C54',\n dark: '#2E1641',\n light: '#8A7798',\n contrastText: '#FFFFFF',\n _states: {\n hover: 'rgba(60, 28, 84, 0.04)',\n selected: 'rgba(60, 28, 84, 0.08)',\n focus: 'rgba(60, 28, 84, 0.12)',\n focusVisible: 'rgba(60, 28, 84, 0.3)',\n outlinedBorder: 'rgba(60, 28, 84, 0.5)',\n },\n },\n action: {\n active: alpha(colors.neutral[600], 0.56),\n hover: alpha(colors.neutral[600], 0.04),\n selected: alpha(colors.neutral[600], 0.08),\n focus: alpha(colors.neutral[600], 0.12),\n disabled: alpha(colors.neutral[600], 0.38),\n disabledBackground: alpha(colors.neutral[600], 0.12),\n },\n error: {\n main: '#FA3768',\n _states: {\n hover: 'rgba(250, 55, 104, 0.04)',\n selected: 'rgba(250, 55, 104, 0.08)',\n focusVisible: 'rgba(250, 55, 104, 0.3)',\n outlinedBorder: 'rgba(250, 55, 104, 0.5)',\n },\n dark: '#C22B51',\n light: '#FCA7B4',\n contrastText: '#FFFFFF',\n },\n warning: {\n main: '#F9E683',\n dark: '#DFCE75',\n light: '#FBF0BF',\n contrastText: '#6F673B',\n _states: {\n hover: 'rgba(193, 178, 101, 0.04)',\n selected: 'rgba(193, 178, 101, 0.08)',\n focusVisible: 'rgba(193, 178, 101, 0.3)',\n outlinedBorder: 'rgba(193, 178, 101, 0.5)',\n },\n },\n info: {\n main: '#60CBCB',\n dark: '#449090',\n light: '#95E9E9',\n contrastText: '#FFFFFF',\n },\n success: {\n main: '#9EEC98',\n dark: '#649560',\n light: '#DDF8DC',\n contrastText: '#000000',\n _states: {\n outlinedBorder: 'rgba(46, 125, 50, 0.5)',\n focusVisible: 'rgba(46, 125, 50, 0.3)',\n hover: 'rgba(46, 125, 50, 0.04)',\n },\n },\n divider: colors.secondary[50],\n _components: {\n button: {\n disabledText: colors.neutral[400],\n disabledBorder: colors.neutral[200],\n primaryDarkText: {\n disabled: colors.neutral[100],\n text: colors.primary[800],\n loadingText: colors.primary[800],\n },\n primary: {\n contained: colors.primary[1000],\n hover: colors.primary[900],\n focused: colors.primary[900],\n pressed: colors.primary[600],\n disabled: colors.neutral[100],\n border: '#EBE8ED',\n text: colors.base.white,\n loadingText: colors.primary[1000],\n },\n secondary: {\n contained: colors.secondary[50],\n hover: colors.secondary[50],\n focused: colors.primary[200],\n pressed: '#EBE8ED',\n disabled: colors.neutral[100],\n border: '#D8D2DD',\n text: colors.secondary[1000],\n loadingText: colors.secondary[1000],\n },\n tertiary: {\n contained: colors.base.white,\n hover: colors.primary[200],\n focused: colors.primary[200],\n pressed: colors.primary[300],\n disabled: colors.neutral[100],\n text: colors.secondary[1000],\n loadingText: colors.secondary[1000],\n outlinedHover: '#E0D3FF',\n outlinedText: colors.primary[1000],\n },\n error: {\n contained: colors.red[200],\n hover: colors.red[300],\n focused: colors.red[600],\n pressed: colors.red[300],\n disabled: colors.neutral[100],\n border: colors.red[400],\n text: colors.red[1000],\n outlinedHover: colors.red[100],\n outlinedText: colors.red[800],\n activeBorder: colors.red[700],\n loadingText: colors.secondary[1000],\n },\n },\n sliderIndicator: {\n background: 'rgba(255, 255, 255, 0.2)',\n active: 'rgba(255, 255, 255, 1)',\n inactive: 'rgba(255, 255, 255, 0.8)',\n },\n cardContent: {\n selected: {\n background: '#FBF9FF',\n border: '#E2D2FF',\n },\n },\n emptyState: {\n imageBackground: 'rgba(0, 0, 0, 0.04)',\n },\n navbar: {\n wallet: {\n background: '#F8F5FF',\n border: '#EBE8ED',\n text: '#1B0D26',\n },\n search: {\n searchBorder: '#EFEFF1',\n searchBackground: '#FBFBFB',\n },\n },\n avatar: {\n fill: '#A3A1A6',\n },\n input: {\n _states: {\n hover: 'rgba(0, 0, 0, 0.04)',\n selected: 'rgba(0, 0, 0, 0.08)',\n focusVisible: 'rgba(0, 0, 0, 0.3)',\n },\n outlined: {\n enabledBorder: '#EBE8ED',\n hoverBorder: '#D8D2DD',\n },\n },\n switch: {\n knobFillEnabled: '#F8F8F8',\n slideFill: colors.neutral[400],\n knowFillDisabled: colors.neutral[100],\n shadow: colors.neutral[200],\n color: '#AE72FF',\n background: '#FFFFFF',\n error: {\n activeBackground: '#FA3768',\n pressedBackground: '#C22B51',\n shadow: 'rgba(250, 55, 104, 0.5)',\n },\n primary: {\n activeBackground: '#9EEC98',\n pressedBackground: '#649560',\n shadow: 'rgba(46, 125, 50, 0.5)',\n },\n },\n chip: {\n desert: '#FDF5D6',\n },\n backdrop: {\n fill: 'rgba(0, 0, 0, 0.1)',\n },\n appBar: {\n defaultFill: colors.neutral[100],\n borderBottom: colors.neutral[100],\n },\n alert: {\n standard: {\n error: {\n color: colors.red[1000],\n border: colors.red[300],\n background: colors.red[100],\n icon: colors.red[400],\n },\n warning: {\n color: colors.yellow[1000],\n border: colors.yellow[500],\n background: colors.yellow[100],\n icon: colors.yellow[700],\n },\n info: {\n color: colors.blue[1000],\n border: colors.blue[400],\n background: colors.blue[100],\n icon: colors.blue[900],\n },\n success: {\n color: colors.green[1000],\n border: colors.green[400],\n background: colors.green[100],\n icon: colors.green[600],\n },\n primary: {\n color: colors.primary[800],\n border: colors.primary[300],\n background: colors.primary[100],\n icon: colors.primary[600],\n },\n gray: {\n color: colors.neutral[600],\n border: colors.neutral[200],\n background: colors.neutral[50],\n icon: colors.neutral[500],\n },\n },\n filled: {\n error: {\n background: colors.red[600],\n color: colors.base.white,\n icon: colors.base.white,\n },\n warning: {\n background: colors.yellow[600],\n color: colors.yellow[1000],\n icon: colors.yellow[1000],\n },\n info: {\n background: colors.blue[700],\n color: colors.blue[1000],\n icon: colors.blue[1000],\n },\n success: {\n background: colors.green[600],\n color: colors.green[1000],\n icon: colors.green[1000],\n },\n primary: {\n background: colors.secondary[600],\n color: colors.base.white,\n icon: colors.base.white,\n },\n gray: {\n background: colors.neutral[300],\n color: colors.neutral[1000],\n icon: colors.neutral[500],\n },\n },\n },\n status: {\n success: {\n background: colors.green[300],\n color: colors.green[900],\n outlined: colors.green[800],\n },\n error: {\n background: colors.red[200],\n color: colors.red[900],\n outlined: colors.red[600],\n },\n warning: {\n background: colors.yellow[300],\n color: colors.yellow[1000],\n outlined: colors.yellow[800],\n },\n neutral: {\n background: colors.neutral[100],\n color: colors.neutral[600],\n outlined: colors.neutral[900],\n },\n disabled: {\n background: colors.neutral[50],\n color: colors.neutral[400],\n outlined: colors.neutral[400],\n },\n info: {\n background: colors.primary[200],\n color: colors.primary[800],\n outlined: colors.primary[800],\n },\n orange: {\n background: colors.orange[200],\n color: colors.orange[700],\n outlined: colors.orange[700],\n },\n blue: {\n background: colors.blue[300],\n color: colors.blue[900],\n outlined: colors.blue[900],\n },\n primary: {\n background: colors.primary[300],\n color: colors.primary[900],\n outlined: colors.primary[800],\n },\n },\n accordion: {\n primary: {\n background: '#F8F5FF',\n border: 'rgba(174, 114, 255, 0.5)',\n },\n success: {\n background: colors.green[100],\n border: colors.green[400],\n },\n error: {\n background: colors.red[100],\n border: colors.red[300],\n },\n warning: {\n background: colors.yellow[100],\n border: colors.yellow[500],\n },\n info: {\n background: colors.blue[100],\n border: colors.blue[400],\n },\n neutral: {\n background: colors.neutral[50],\n border: colors.neutral[200],\n },\n },\n card: {\n primary: {\n background: '#F8F5FF',\n border: 'rgba(174, 114, 255, 0.5)',\n },\n success: {\n background: colors.green[100],\n border: colors.green[400],\n },\n error: {\n background: colors.red[100],\n border: colors.red[300],\n },\n warning: {\n background: colors.yellow[100],\n border: colors.yellow[500],\n },\n info: {\n background: colors.blue[100],\n border: colors.blue[400],\n },\n neutral: {\n background: colors.neutral[50],\n border: colors.neutral[200],\n },\n },\n stepper: {\n connector: '#A3A1A6',\n },\n iconButton: {\n default: {\n hover: '#0000001f',\n },\n primary: {\n text: colors.primary[1000],\n focused: '#ae72ff4d',\n hover: colors.primary[50],\n focusedIcon: colors.primary[600],\n },\n secondary: {\n text: colors.secondary[1000],\n focused: '#3c1c544d',\n hover: colors.secondary[50],\n focusedIcon: colors.primary[600],\n },\n error: {\n text: colors.secondary[1000],\n focused: '#fa37684d',\n hover: colors.secondary[50],\n focusedIcon: colors.primary[600],\n },\n },\n },\n _native: {\n 'scrollbar-bg': colors.neutral[200],\n },\n common: {\n black: '#000000',\n white: '#FFFFFF',\n white_states: {\n main: '#FFFFFF',\n focusVisible: 'rgba(255, 255, 255, 0.3)',\n focus: 'rgba(255, 255, 255, 0.12)',\n },\n black_states: {\n focus: 'rgba(0, 0, 0, 0.12)',\n hover: ' rgba(0, 0, 0, 0.04)',\n selected: 'rgba(0, 0, 0, 0.08)',\n },\n },\n};\n"],"names":["colors","alpha"],"mappings":"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"}
package/dist/react/es/components/app-alert.js CHANGED
@@ -13,15 +13,23 @@ const AppAlert = ({
13
13
  onClose,
14
14
  actions,
15
15
  isLoading,
16
+ variant = "standard",
16
17
  ...props
17
18
  }) => {
18
19
  if (isLoading) {
19
- return /* @__PURE__ */ jsx(Alert, { ...props, onClose, variant: "standard", children: /* @__PURE__ */ jsx(StackColumn, { gap: 1.5, justifyContent: "center", width: "100%", alignItems: "center", children: /* @__PURE__ */ jsx(CircularProgress, { size: 22 }) }) });
20
+ return /* @__PURE__ */ jsx(Alert, { ...props, onClose, variant, children: /* @__PURE__ */ jsx(StackColumn, { gap: 1.5, justifyContent: "center", width: "100%", alignItems: "center", children: /* @__PURE__ */ jsx(CircularProgress, { size: 22 }) }) });
20
21
  }
21
- return /* @__PURE__ */ jsx(Alert, { ...props, onClose, variant: "standard", children: /* @__PURE__ */ jsxs(StackColumn, { gap: 1.5, children: [
22
+ return /* @__PURE__ */ jsx(Alert, { ...props, onClose, variant, children: /* @__PURE__ */ jsxs(StackColumn, { gap: 1.5, children: [
22
23
  /* @__PURE__ */ jsxs(StackColumn, { gap: 0.5, children: [
23
24
  title && /* @__PURE__ */ jsx(AlertTitle, { mb: 0, variant: "subtitle2", ...titleProps, children: title }),
24
- content && /* @__PURE__ */ jsx(AppTypography, { variant: "body2", color: title ? "text.tertiary" : "text.primary", children: content }),
25
+ content && /* @__PURE__ */ jsx(
26
+ AppTypography,
27
+ {
28
+ variant: "body2",
29
+ color: variant === "filled" ? void 0 : title ? "text.tertiary" : "text.primary",
30
+ children: content
31
+ }
32
+ ),
25
33
  link && link,
26
34
  children
27
35
  ] }),
package/dist/react/es/components/app-alert.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"app-alert.js","sources":["../../../../src/components/app-alert.tsx"],"sourcesContent":["import { Alert, AlertProps, AlertTitle, AlertTitleProps, CircularProgress } from '@mui/material';\n\nimport { AppButton, AppButtonProps } from './app-button';\nimport { AppTypography } from './app-typography';\nimport { StackColumn } from './stack-column';\nimport { StackRow } from './stack-row';\n\n//\n//\n\nexport type AppAlertProps = {\n title?: string | React.ReactNode;\n titleProps?: AlertTitleProps;\n link?: React.ReactNode;\n content?: React.ReactNode;\n actions?: React.ReactNode;\n isLoading?: boolean;\n} & Omit<AlertProps, 'title' | 'variant' | 'content'>;\n\nexport const AppAlert: React.FC<AppAlertProps> = ({\n title,\n titleProps,\n link,\n content,\n children,\n onClose,\n actions,\n isLoading,\n ...props\n}) => {\n if (isLoading) {\n return (\n <Alert {...props} onClose={onClose} variant=\"standard\">\n <StackColumn gap={1.5} justifyContent=\"center\" width=\"100%\" alignItems=\"center\">\n <CircularProgress size={22} />\n </StackColumn>\n </Alert>\n );\n }\n\n return (\n <Alert {...props} onClose={onClose} variant=\"standard\">\n <StackColumn gap={1.5}>\n <StackColumn gap={0.5}>\n {title && (\n <AlertTitle mb={0} variant=\"subtitle2\" {...titleProps}>\n {title}\n </AlertTitle>\n )}\n {content && (\n <AppTypography variant=\"body2\" color={title ? 'text.tertiary' : 'text.primary'}>\n {content}\n </AppTypography>\n )}\n {link && link}\n {children}\n </StackColumn>\n\n {actions && <StackRow gap={1}>{actions}</StackRow>}\n </StackColumn>\n </Alert>\n );\n};\n\n//\n\nexport const AppAlertButton: React.FC<AppButtonProps> = ({ children, ...props }) => {\n return (\n <AppButton variant=\"outlined\" size=\"small\" {...props}>\n {children}\n </AppButton>\n );\n};\n"],"names":[],"mappings":";;;;;;AAmBO,MAAM,WAAoC,CAAC;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,MAAI,WAAW;AACb,WACE,oBAAC,SAAO,GAAG,OAAO,SAAkB,SAAQ,YAC1C,UAAA,oBAAC,aAAA,EAAY,KAAK,KAAK,gBAAe,UAAS,OAAM,QAAO,YAAW,UACrE,8BAAC,kBAAA,EAAiB,MAAM,GAAA,CAAI,EAAA,CAC9B,EAAA,CACF;AAAA,EAEJ;AAEA,SACE,oBAAC,OAAA,EAAO,GAAG,OAAO,SAAkB,SAAQ,YAC1C,UAAA,qBAAC,aAAA,EAAY,KAAK,KAChB,UAAA;AAAA,IAAA,qBAAC,aAAA,EAAY,KAAK,KACf,UAAA;AAAA,MAAA,SACC,oBAAC,cAAW,IAAI,GAAG,SAAQ,aAAa,GAAG,YACxC,UAAA,MAAA,CACH;AAAA,MAED,+BACE,eAAA,EAAc,SAAQ,SAAQ,OAAO,QAAQ,kBAAkB,gBAC7D,UAAA,QAAA,CACH;AAAA,MAED,QAAQ;AAAA,MACR;AAAA,IAAA,GACH;AAAA,IAEC,WAAW,oBAAC,UAAA,EAAS,KAAK,GAAI,UAAA,QAAA,CAAQ;AAAA,EAAA,EAAA,CACzC,EAAA,CACF;AAEJ;AAIO,MAAM,iBAA2C,CAAC,EAAE,UAAU,GAAG,YAAY;AAClF,SACE,oBAAC,aAAU,SAAQ,YAAW,MAAK,SAAS,GAAG,OAC5C,UACH;AAEJ;"}
1
+ {"version":3,"file":"app-alert.js","sources":["../../../../src/components/app-alert.tsx"],"sourcesContent":["import { Alert, AlertProps, AlertTitle, AlertTitleProps, CircularProgress } from '@mui/material';\n\nimport { AppButton, AppButtonProps } from './app-button';\nimport { AppTypography } from './app-typography';\nimport { StackColumn } from './stack-column';\nimport { StackRow } from './stack-row';\n\n//\n//\n\nexport type AppAlertProps = Omit<AlertProps, 'title' | 'content'> & {\n title?: string | React.ReactNode;\n titleProps?: AlertTitleProps;\n link?: React.ReactNode;\n content?: React.ReactNode;\n actions?: React.ReactNode;\n isLoading?: boolean;\n};\n\nexport const AppAlert: React.FC<AppAlertProps> = ({\n title,\n titleProps,\n link,\n content,\n children,\n onClose,\n actions,\n isLoading,\n variant = 'standard',\n ...props\n}) => {\n if (isLoading) {\n return (\n <Alert {...props} onClose={onClose} variant={variant}>\n <StackColumn gap={1.5} justifyContent=\"center\" width=\"100%\" alignItems=\"center\">\n <CircularProgress size={22} />\n </StackColumn>\n </Alert>\n );\n }\n\n return (\n <Alert {...props} onClose={onClose} variant={variant}>\n <StackColumn gap={1.5}>\n <StackColumn gap={0.5}>\n {title && (\n <AlertTitle mb={0} variant=\"subtitle2\" {...titleProps}>\n {title}\n </AlertTitle>\n )}\n {content && (\n <AppTypography\n variant=\"body2\"\n color={variant === 'filled' ? undefined : title ? 'text.tertiary' : 'text.primary'}\n >\n {content}\n </AppTypography>\n )}\n {link && link}\n {children}\n </StackColumn>\n\n {actions && <StackRow gap={1}>{actions}</StackRow>}\n </StackColumn>\n </Alert>\n );\n};\n\n//\n\nexport const AppAlertButton: React.FC<AppButtonProps> = ({ children, ...props }) => {\n return (\n <AppButton variant=\"outlined\" size=\"small\" {...props}>\n {children}\n </AppButton>\n );\n};\n"],"names":[],"mappings":";;;;;;AAmBO,MAAM,WAAoC,CAAC;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,GAAG;AACL,MAAM;AACJ,MAAI,WAAW;AACb,WACE,oBAAC,SAAO,GAAG,OAAO,SAAkB,SAClC,UAAA,oBAAC,eAAY,KAAK,KAAK,gBAAe,UAAS,OAAM,QAAO,YAAW,UACrE,8BAAC,kBAAA,EAAiB,MAAM,IAAI,EAAA,CAC9B,EAAA,CACF;AAAA,EAEJ;AAEA,SACE,oBAAC,SAAO,GAAG,OAAO,SAAkB,SAClC,UAAA,qBAAC,aAAA,EAAY,KAAK,KAChB,UAAA;AAAA,IAAA,qBAAC,aAAA,EAAY,KAAK,KACf,UAAA;AAAA,MAAA,SACC,oBAAC,cAAW,IAAI,GAAG,SAAQ,aAAa,GAAG,YACxC,UAAA,MAAA,CACH;AAAA,MAED,WACC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,OAAO,YAAY,WAAW,SAAY,QAAQ,kBAAkB;AAAA,UAEnE,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAGJ,QAAQ;AAAA,MACR;AAAA,IAAA,GACH;AAAA,IAEC,WAAW,oBAAC,UAAA,EAAS,KAAK,GAAI,UAAA,QAAA,CAAQ;AAAA,EAAA,EAAA,CACzC,EAAA,CACF;AAEJ;AAIO,MAAM,iBAA2C,CAAC,EAAE,UAAU,GAAG,YAAY;AAClF,SACE,oBAAC,aAAU,SAAQ,YAAW,MAAK,SAAS,GAAG,OAC5C,UACH;AAEJ;"}
package/dist/react/es/components/app-empty-state.js CHANGED
@@ -38,17 +38,17 @@ const AppEmptyState = ({
38
38
  iconBoxSize = 100;
39
39
  }
40
40
  if (variant === "error") {
41
- iconBoxVariantProps.bgcolor = theme.palette._components.alert.error.background;
42
- iconBoxVariantProps.border = `1px solid ${theme.palette._components.alert.error.border}`;
41
+ iconBoxVariantProps.bgcolor = theme.palette._components.alert.standard.error.background;
42
+ iconBoxVariantProps.border = `1px solid ${theme.palette._components.alert.standard.error.border}`;
43
43
  iconColor = "error";
44
44
  }
45
45
  if (variant === "warning") {
46
- iconBoxVariantProps.bgcolor = theme.palette._components.alert.warning.background;
47
- iconBoxVariantProps.border = `1px solid ${theme.palette._components.alert.warning.border}`;
46
+ iconBoxVariantProps.bgcolor = theme.palette._components.alert.standard.warning.background;
47
+ iconBoxVariantProps.border = `1px solid ${theme.palette._components.alert.standard.warning.border}`;
48
48
  }
49
49
  if (variant === "success") {
50
- iconBoxVariantProps.bgcolor = theme.palette._components.alert.success.background;
51
- iconBoxVariantProps.border = `1px solid ${theme.palette._components.alert.success.border}`;
50
+ iconBoxVariantProps.bgcolor = theme.palette._components.alert.standard.success.background;
51
+ iconBoxVariantProps.border = `1px solid ${theme.palette._components.alert.standard.success.border}`;
52
52
  }
53
53
  return /* @__PURE__ */ jsxs(
54
54
  Box,
package/dist/react/es/components/app-empty-state.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"app-empty-state.js","sources":["../../../../src/components/app-empty-state.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nimport { Box, type BoxProps, type SvgIconProps, useTheme } from '@mui/material';\nimport { AppTypographyProps, AppTypography } from './app-typography';\nimport { StackColumn } from './stack-column';\nimport { StackRow } from './stack-row';\n\n//\n//\n\nexport interface AppEmptyStateProps {\n size?: 'standard' | 'small';\n variant?: 'default' | 'error' | 'warning' | 'success';\n\n title?: React.ReactNode;\n titleProps?: AppTypographyProps;\n\n icon?: React.ReactElement<SvgIconProps>;\n iconProps?: SvgIconProps;\n iconBoxProps?: BoxProps;\n customIconComponent?: React.ReactElement<SvgIconProps>;\n\n description?: React.ReactNode;\n descriptionProps?: AppTypographyProps;\n\n subDescription?: React.ReactNode;\n subDescriptionProps?: AppTypographyProps;\n\n imageUrl?: string;\n imageProps?: BoxProps;\n\n children?: React.ReactNode;\n containerProps?: BoxProps;\n}\n\nexport const AppEmptyState: FC<AppEmptyStateProps> = ({\n size = 'small',\n variant = 'default',\n\n title,\n titleProps,\n description,\n descriptionProps,\n\n subDescription,\n subDescriptionProps,\n\n icon,\n iconProps,\n iconBoxProps,\n customIconComponent,\n\n imageUrl,\n imageProps,\n\n children,\n containerProps,\n}) => {\n const isBoxImage = icon?.props?.component === 'img';\n\n const theme = useTheme();\n\n let iconSize: SvgIconProps['fontSize'] = 'large';\n let titleSize: AppTypographyProps['variant'] = 'h4';\n let iconBoxSize = 120;\n let iconColor: SvgIconProps['color'] = 'action';\n\n const iconBoxVariantProps = {\n bgcolor: '_components.iconButton.primary.hover',\n border: `none`,\n };\n\n if (size === 'small') {\n iconSize = 'medium';\n titleSize = 'h6';\n iconBoxSize = 100;\n }\n\n if (variant === 'error') {\n iconBoxVariantProps.bgcolor = theme.palette._components.alert.error.background;\n iconBoxVariantProps.border = `1px solid ${theme.palette._components.alert.error.border}`;\n iconColor = 'error';\n }\n\n if (variant === 'warning') {\n iconBoxVariantProps.bgcolor = theme.palette._components.alert.warning.background;\n iconBoxVariantProps.border = `1px solid ${theme.palette._components.alert.warning.border}`;\n }\n\n if (variant === 'success') {\n iconBoxVariantProps.bgcolor = theme.palette._components.alert.success.background;\n iconBoxVariantProps.border = `1px solid ${theme.palette._components.alert.success.border}`;\n }\n\n return (\n <Box\n width=\"100%\"\n height=\"100%\"\n rowGap={size === 'small' ? 2 : 3}\n px={2}\n py={6}\n display=\"flex\"\n flexDirection=\"column\"\n alignItems=\"center\"\n justifyContent=\"center\"\n {...containerProps}\n >\n {imageUrl ? (\n <Box\n component=\"img\"\n src={imageUrl}\n width={240}\n height={160}\n bgcolor=\"_components.emptyState.imageBackground\"\n {...imageProps}\n />\n ) : icon && !isBoxImage ? (\n <Box\n display=\"flex\"\n justifyContent=\"center\"\n alignItems=\"center\"\n borderRadius={99}\n width={iconBoxSize}\n height={iconBoxSize}\n maxWidth={iconBoxSize}\n maxHeight={iconBoxSize}\n {...iconBoxVariantProps}\n {...iconBoxProps}\n >\n {React.cloneElement(icon, { fontSize: iconSize, color: iconColor, ...iconProps })}\n </Box>\n ) : icon && isBoxImage ? (\n icon\n ) : (\n customIconComponent\n )}\n {(title || description || subDescription) && (\n <StackColumn gap={size === 'small' ? 0 : 0.5} maxWidth={600} textAlign=\"center\">\n {title && (\n <AppTypography variant={titleSize} {...titleProps}>\n {title}\n </AppTypography>\n )}\n {description && (\n <AppTypography variant=\"body2\" color=\"textTertiary\" {...descriptionProps}>\n {description}\n </AppTypography>\n )}\n {subDescription && (\n <AppTypography mt={3} variant=\"body2\" color=\"textTertiary\" {...subDescriptionProps}>\n {subDescription}\n </AppTypography>\n )}\n </StackColumn>\n )}\n {children && <StackRow>{children}</StackRow>}\n </Box>\n );\n};\n"],"names":[],"mappings":";;;;;;AAmCO,MAAM,gBAAwC,CAAC;AAAA,EACpD,OAAO;AAAA,EACP,UAAU;AAAA,EAEV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,aAAa,MAAM,OAAO,cAAc;AAE9C,QAAM,QAAQ,SAAA;AAEd,MAAI,WAAqC;AACzC,MAAI,YAA2C;AAC/C,MAAI,cAAc;AAClB,MAAI,YAAmC;AAEvC,QAAM,sBAAsB;AAAA,IAC1B,SAAS;AAAA,IACT,QAAQ;AAAA,EAAA;AAGV,MAAI,SAAS,SAAS;AACpB,eAAW;AACX,gBAAY;AACZ,kBAAc;AAAA,EAChB;AAEA,MAAI,YAAY,SAAS;AACvB,wBAAoB,UAAU,MAAM,QAAQ,YAAY,MAAM,MAAM;AACpE,wBAAoB,SAAS,aAAa,MAAM,QAAQ,YAAY,MAAM,MAAM,MAAM;AACtF,gBAAY;AAAA,EACd;AAEA,MAAI,YAAY,WAAW;AACzB,wBAAoB,UAAU,MAAM,QAAQ,YAAY,MAAM,QAAQ;AACtE,wBAAoB,SAAS,aAAa,MAAM,QAAQ,YAAY,MAAM,QAAQ,MAAM;AAAA,EAC1F;AAEA,MAAI,YAAY,WAAW;AACzB,wBAAoB,UAAU,MAAM,QAAQ,YAAY,MAAM,QAAQ;AACtE,wBAAoB,SAAS,aAAa,MAAM,QAAQ,YAAY,MAAM,QAAQ,MAAM;AAAA,EAC1F;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,QAAQ,SAAS,UAAU,IAAI;AAAA,MAC/B,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,SAAQ;AAAA,MACR,eAAc;AAAA,MACd,YAAW;AAAA,MACX,gBAAe;AAAA,MACd,GAAG;AAAA,MAEH,UAAA;AAAA,QAAA,WACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,KAAK;AAAA,YACL,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,SAAQ;AAAA,YACP,GAAG;AAAA,UAAA;AAAA,QAAA,IAEJ,QAAQ,CAAC,aACX;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,gBAAe;AAAA,YACf,YAAW;AAAA,YACX,cAAc;AAAA,YACd,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,UAAU;AAAA,YACV,WAAW;AAAA,YACV,GAAG;AAAA,YACH,GAAG;AAAA,YAEH,UAAA,MAAM,aAAa,MAAM,EAAE,UAAU,UAAU,OAAO,WAAW,GAAG,UAAA,CAAW;AAAA,UAAA;AAAA,QAAA,IAEhF,QAAQ,aACV,OAEA;AAAA,SAEA,SAAS,eAAe,mBACxB,qBAAC,aAAA,EAAY,KAAK,SAAS,UAAU,IAAI,KAAK,UAAU,KAAK,WAAU,UACpE,UAAA;AAAA,UAAA,6BACE,eAAA,EAAc,SAAS,WAAY,GAAG,YACpC,UAAA,OACH;AAAA,UAED,mCACE,eAAA,EAAc,SAAQ,SAAQ,OAAM,gBAAgB,GAAG,kBACrD,UAAA,YAAA,CACH;AAAA,UAED,kBACC,oBAAC,eAAA,EAAc,IAAI,GAAG,SAAQ,SAAQ,OAAM,gBAAgB,GAAG,qBAC5D,UAAA,eAAA,CACH;AAAA,QAAA,GAEJ;AAAA,QAED,YAAY,oBAAC,UAAA,EAAU,SAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGvC;"}
1
+ {"version":3,"file":"app-empty-state.js","sources":["../../../../src/components/app-empty-state.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nimport { Box, type BoxProps, type SvgIconProps, useTheme } from '@mui/material';\nimport { AppTypographyProps, AppTypography } from './app-typography';\nimport { StackColumn } from './stack-column';\nimport { StackRow } from './stack-row';\n\n//\n//\n\nexport interface AppEmptyStateProps {\n size?: 'standard' | 'small';\n variant?: 'default' | 'error' | 'warning' | 'success';\n\n title?: React.ReactNode;\n titleProps?: AppTypographyProps;\n\n icon?: React.ReactElement<SvgIconProps>;\n iconProps?: SvgIconProps;\n iconBoxProps?: BoxProps;\n customIconComponent?: React.ReactElement<SvgIconProps>;\n\n description?: React.ReactNode;\n descriptionProps?: AppTypographyProps;\n\n subDescription?: React.ReactNode;\n subDescriptionProps?: AppTypographyProps;\n\n imageUrl?: string;\n imageProps?: BoxProps;\n\n children?: React.ReactNode;\n containerProps?: BoxProps;\n}\n\nexport const AppEmptyState: FC<AppEmptyStateProps> = ({\n size = 'small',\n variant = 'default',\n\n title,\n titleProps,\n description,\n descriptionProps,\n\n subDescription,\n subDescriptionProps,\n\n icon,\n iconProps,\n iconBoxProps,\n customIconComponent,\n\n imageUrl,\n imageProps,\n\n children,\n containerProps,\n}) => {\n const isBoxImage = icon?.props?.component === 'img';\n\n const theme = useTheme();\n\n let iconSize: SvgIconProps['fontSize'] = 'large';\n let titleSize: AppTypographyProps['variant'] = 'h4';\n let iconBoxSize = 120;\n let iconColor: SvgIconProps['color'] = 'action';\n\n const iconBoxVariantProps = {\n bgcolor: '_components.iconButton.primary.hover',\n border: `none`,\n };\n\n if (size === 'small') {\n iconSize = 'medium';\n titleSize = 'h6';\n iconBoxSize = 100;\n }\n\n if (variant === 'error') {\n iconBoxVariantProps.bgcolor = theme.palette._components.alert.standard.error.background;\n iconBoxVariantProps.border = `1px solid ${theme.palette._components.alert.standard.error.border}`;\n iconColor = 'error';\n }\n\n if (variant === 'warning') {\n iconBoxVariantProps.bgcolor = theme.palette._components.alert.standard.warning.background;\n iconBoxVariantProps.border = `1px solid ${theme.palette._components.alert.standard.warning.border}`;\n }\n\n if (variant === 'success') {\n iconBoxVariantProps.bgcolor = theme.palette._components.alert.standard.success.background;\n iconBoxVariantProps.border = `1px solid ${theme.palette._components.alert.standard.success.border}`;\n }\n\n return (\n <Box\n width=\"100%\"\n height=\"100%\"\n rowGap={size === 'small' ? 2 : 3}\n px={2}\n py={6}\n display=\"flex\"\n flexDirection=\"column\"\n alignItems=\"center\"\n justifyContent=\"center\"\n {...containerProps}\n >\n {imageUrl ? (\n <Box\n component=\"img\"\n src={imageUrl}\n width={240}\n height={160}\n bgcolor=\"_components.emptyState.imageBackground\"\n {...imageProps}\n />\n ) : icon && !isBoxImage ? (\n <Box\n display=\"flex\"\n justifyContent=\"center\"\n alignItems=\"center\"\n borderRadius={99}\n width={iconBoxSize}\n height={iconBoxSize}\n maxWidth={iconBoxSize}\n maxHeight={iconBoxSize}\n {...iconBoxVariantProps}\n {...iconBoxProps}\n >\n {React.cloneElement(icon, { fontSize: iconSize, color: iconColor, ...iconProps })}\n </Box>\n ) : icon && isBoxImage ? (\n icon\n ) : (\n customIconComponent\n )}\n {(title || description || subDescription) && (\n <StackColumn gap={size === 'small' ? 0 : 0.5} maxWidth={600} textAlign=\"center\">\n {title && (\n <AppTypography variant={titleSize} {...titleProps}>\n {title}\n </AppTypography>\n )}\n {description && (\n <AppTypography variant=\"body2\" color=\"textTertiary\" {...descriptionProps}>\n {description}\n </AppTypography>\n )}\n {subDescription && (\n <AppTypography mt={3} variant=\"body2\" color=\"textTertiary\" {...subDescriptionProps}>\n {subDescription}\n </AppTypography>\n )}\n </StackColumn>\n )}\n {children && <StackRow>{children}</StackRow>}\n </Box>\n );\n};\n"],"names":[],"mappings":";;;;;;AAmCO,MAAM,gBAAwC,CAAC;AAAA,EACpD,OAAO;AAAA,EACP,UAAU;AAAA,EAEV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,aAAa,MAAM,OAAO,cAAc;AAE9C,QAAM,QAAQ,SAAA;AAEd,MAAI,WAAqC;AACzC,MAAI,YAA2C;AAC/C,MAAI,cAAc;AAClB,MAAI,YAAmC;AAEvC,QAAM,sBAAsB;AAAA,IAC1B,SAAS;AAAA,IACT,QAAQ;AAAA,EAAA;AAGV,MAAI,SAAS,SAAS;AACpB,eAAW;AACX,gBAAY;AACZ,kBAAc;AAAA,EAChB;AAEA,MAAI,YAAY,SAAS;AACvB,wBAAoB,UAAU,MAAM,QAAQ,YAAY,MAAM,SAAS,MAAM;AAC7E,wBAAoB,SAAS,aAAa,MAAM,QAAQ,YAAY,MAAM,SAAS,MAAM,MAAM;AAC/F,gBAAY;AAAA,EACd;AAEA,MAAI,YAAY,WAAW;AACzB,wBAAoB,UAAU,MAAM,QAAQ,YAAY,MAAM,SAAS,QAAQ;AAC/E,wBAAoB,SAAS,aAAa,MAAM,QAAQ,YAAY,MAAM,SAAS,QAAQ,MAAM;AAAA,EACnG;AAEA,MAAI,YAAY,WAAW;AACzB,wBAAoB,UAAU,MAAM,QAAQ,YAAY,MAAM,SAAS,QAAQ;AAC/E,wBAAoB,SAAS,aAAa,MAAM,QAAQ,YAAY,MAAM,SAAS,QAAQ,MAAM;AAAA,EACnG;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,QAAQ,SAAS,UAAU,IAAI;AAAA,MAC/B,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,SAAQ;AAAA,MACR,eAAc;AAAA,MACd,YAAW;AAAA,MACX,gBAAe;AAAA,MACd,GAAG;AAAA,MAEH,UAAA;AAAA,QAAA,WACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,KAAK;AAAA,YACL,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,SAAQ;AAAA,YACP,GAAG;AAAA,UAAA;AAAA,QAAA,IAEJ,QAAQ,CAAC,aACX;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,gBAAe;AAAA,YACf,YAAW;AAAA,YACX,cAAc;AAAA,YACd,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,UAAU;AAAA,YACV,WAAW;AAAA,YACV,GAAG;AAAA,YACH,GAAG;AAAA,YAEH,UAAA,MAAM,aAAa,MAAM,EAAE,UAAU,UAAU,OAAO,WAAW,GAAG,UAAA,CAAW;AAAA,UAAA;AAAA,QAAA,IAEhF,QAAQ,aACV,OAEA;AAAA,SAEA,SAAS,eAAe,mBACxB,qBAAC,aAAA,EAAY,KAAK,SAAS,UAAU,IAAI,KAAK,UAAU,KAAK,WAAU,UACpE,UAAA;AAAA,UAAA,6BACE,eAAA,EAAc,SAAS,WAAY,GAAG,YACpC,UAAA,OACH;AAAA,UAED,mCACE,eAAA,EAAc,SAAQ,SAAQ,OAAM,gBAAgB,GAAG,kBACrD,UAAA,YAAA,CACH;AAAA,UAED,kBACC,oBAAC,eAAA,EAAc,IAAI,GAAG,SAAQ,SAAQ,OAAM,gBAAgB,GAAG,qBAC5D,UAAA,eAAA,CACH;AAAA,QAAA,GAEJ;AAAA,QAED,YAAY,oBAAC,UAAA,EAAU,SAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGvC;"}
package/dist/react/es/theme/components/alert.js CHANGED
@@ -8,17 +8,6 @@ const MuiAlert = {
8
8
  [theme.breakpoints.down("md")]: {
9
9
  paddingInline: theme.spacing(1)
10
10
  },
11
- "&.MuiAlert-colorError": {
12
- color: "inherit",
13
- borderColor: theme.palette._components.alert.error.border,
14
- background: theme.palette._components.alert.error.background,
15
- ".MuiAlert-icon": {
16
- color: theme.palette._components.alert.error.icon
17
- },
18
- ".MuiAlert-action .MuiSvgIcon-fontSizeSmall": {
19
- fill: theme.palette._components.alert.error.color
20
- }
21
- },
22
11
  ".MuiTypography-root.MuiAlertTitle-root": {
23
12
  margin: 0
24
13
  },
@@ -41,39 +30,178 @@ const MuiAlert = {
41
30
  paddingLeft: theme.spacing(0.5)
42
31
  }
43
32
  },
44
- "&.MuiAlert-colorWarning": {
45
- color: "inherit",
46
- borderColor: theme.palette._components.alert.warning.border,
47
- background: theme.palette._components.alert.warning.background,
48
- ".MuiAlert-icon": {
49
- color: theme.palette._components.alert.warning.icon
33
+ variants: [
34
+ // Standard variants
35
+ {
36
+ props: { variant: "standard", severity: "error" },
37
+ style: {
38
+ color: "inherit",
39
+ borderColor: theme.palette._components.alert.standard.error.border,
40
+ background: theme.palette._components.alert.standard.error.background,
41
+ ".MuiAlert-icon": {
42
+ color: theme.palette._components.alert.standard.error.icon
43
+ },
44
+ ".MuiAlert-action .MuiSvgIcon-fontSizeSmall": {
45
+ fill: theme.palette._components.alert.standard.error.color
46
+ }
47
+ }
50
48
  },
51
- ".MuiAlert-action .MuiSvgIcon-fontSizeSmall": {
52
- fill: theme.palette._components.alert.warning.color
53
- }
54
- },
55
- "&.MuiAlert-colorInfo": {
56
- color: "inherit",
57
- borderColor: theme.palette._components.alert.info.border,
58
- background: theme.palette._components.alert.info.background,
59
- ".MuiAlert-icon": {
60
- color: theme.palette._components.alert.info.icon
49
+ {
50
+ props: { variant: "standard", severity: "warning" },
51
+ style: {
52
+ color: "inherit",
53
+ borderColor: theme.palette._components.alert.standard.warning.border,
54
+ background: theme.palette._components.alert.standard.warning.background,
55
+ ".MuiAlert-icon": {
56
+ color: theme.palette._components.alert.standard.warning.icon
57
+ },
58
+ ".MuiAlert-action .MuiSvgIcon-fontSizeSmall": {
59
+ fill: theme.palette._components.alert.standard.warning.color
60
+ }
61
+ }
61
62
  },
62
- ".MuiAlert-action .MuiSvgIcon-fontSizeSmall": {
63
- fill: theme.palette._components.alert.info.color
64
- }
65
- },
66
- "&.MuiAlert-colorSuccess": {
67
- color: "inherit",
68
- borderColor: theme.palette._components.alert.success.border,
69
- background: theme.palette._components.alert.success.background,
70
- ".MuiAlert-icon": {
71
- color: theme.palette._components.alert.success.icon
63
+ {
64
+ props: { variant: "standard", severity: "info" },
65
+ style: {
66
+ color: "inherit",
67
+ borderColor: theme.palette._components.alert.standard.info.border,
68
+ background: theme.palette._components.alert.standard.info.background,
69
+ ".MuiAlert-icon": {
70
+ color: theme.palette._components.alert.standard.info.icon
71
+ },
72
+ ".MuiAlert-action .MuiSvgIcon-fontSizeSmall": {
73
+ fill: theme.palette._components.alert.standard.info.color
74
+ }
75
+ }
76
+ },
77
+ {
78
+ props: { variant: "standard", severity: "success" },
79
+ style: {
80
+ color: "inherit",
81
+ borderColor: theme.palette._components.alert.standard.success.border,
82
+ background: theme.palette._components.alert.standard.success.background,
83
+ ".MuiAlert-icon": {
84
+ color: theme.palette._components.alert.standard.success.icon
85
+ },
86
+ ".MuiAlert-action .MuiSvgIcon-fontSizeSmall": {
87
+ fill: theme.palette._components.alert.standard.success.color
88
+ }
89
+ }
90
+ },
91
+ {
92
+ props: { variant: "standard", color: "primary" },
93
+ style: {
94
+ color: "inherit",
95
+ borderColor: theme.palette._components.alert.standard.primary.border,
96
+ background: theme.palette._components.alert.standard.primary.background,
97
+ ".MuiAlert-icon": {
98
+ color: theme.palette._components.alert.standard.primary.icon
99
+ },
100
+ ".MuiAlert-action .MuiSvgIcon-fontSizeSmall": {
101
+ fill: theme.palette._components.alert.standard.primary.color
102
+ }
103
+ }
104
+ },
105
+ {
106
+ props: { variant: "standard", color: "gray" },
107
+ style: {
108
+ color: "inherit",
109
+ borderColor: theme.palette._components.alert.standard.gray.border,
110
+ background: theme.palette._components.alert.standard.gray.background,
111
+ ".MuiAlert-icon": {
112
+ color: theme.palette._components.alert.standard.gray.icon
113
+ },
114
+ ".MuiAlert-action .MuiSvgIcon-fontSizeSmall": {
115
+ fill: theme.palette._components.alert.standard.gray.color
116
+ }
117
+ }
118
+ },
119
+ // Filled variants
120
+ {
121
+ props: { variant: "filled", severity: "error" },
122
+ style: {
123
+ borderColor: "transparent",
124
+ background: theme.palette._components.alert.filled.error.background,
125
+ color: theme.palette._components.alert.filled.error.color,
126
+ ".MuiAlert-icon": {
127
+ color: theme.palette._components.alert.filled.error.icon
128
+ },
129
+ ".MuiAlert-action .MuiSvgIcon-fontSizeSmall": {
130
+ fill: theme.palette._components.alert.filled.error.color
131
+ }
132
+ }
133
+ },
134
+ {
135
+ props: { variant: "filled", severity: "warning" },
136
+ style: {
137
+ borderColor: "transparent",
138
+ background: theme.palette._components.alert.filled.warning.background,
139
+ color: theme.palette._components.alert.filled.warning.color,
140
+ ".MuiAlert-icon": {
141
+ color: theme.palette._components.alert.filled.warning.icon
142
+ },
143
+ ".MuiAlert-action .MuiSvgIcon-fontSizeSmall": {
144
+ fill: theme.palette._components.alert.filled.warning.color
145
+ }
146
+ }
147
+ },
148
+ {
149
+ props: { variant: "filled", severity: "info" },
150
+ style: {
151
+ borderColor: "transparent",
152
+ background: theme.palette._components.alert.filled.info.background,
153
+ color: theme.palette._components.alert.filled.info.color,
154
+ ".MuiAlert-icon": {
155
+ color: theme.palette._components.alert.filled.info.icon
156
+ },
157
+ ".MuiAlert-action .MuiSvgIcon-fontSizeSmall": {
158
+ fill: theme.palette._components.alert.filled.info.color
159
+ }
160
+ }
161
+ },
162
+ {
163
+ props: { variant: "filled", severity: "success" },
164
+ style: {
165
+ borderColor: "transparent",
166
+ background: theme.palette._components.alert.filled.success.background,
167
+ color: theme.palette._components.alert.filled.success.color,
168
+ ".MuiAlert-icon": {
169
+ color: theme.palette._components.alert.filled.success.icon
170
+ },
171
+ ".MuiAlert-action .MuiSvgIcon-fontSizeSmall": {
172
+ fill: theme.palette._components.alert.filled.success.color
173
+ }
174
+ }
175
+ },
176
+ {
177
+ props: { variant: "filled", color: "primary" },
178
+ style: {
179
+ borderColor: "transparent",
180
+ background: theme.palette._components.alert.filled.primary.background,
181
+ color: theme.palette._components.alert.filled.primary.color,
182
+ ".MuiAlert-icon": {
183
+ color: theme.palette._components.alert.filled.primary.icon
184
+ },
185
+ ".MuiAlert-action .MuiSvgIcon-fontSizeSmall": {
186
+ fill: theme.palette._components.alert.filled.primary.color
187
+ }
188
+ }
72
189
  },
73
- ".MuiAlert-action .MuiSvgIcon-fontSizeSmall": {
74
- fill: theme.palette._components.alert.success.color
190
+ {
191
+ props: { variant: "filled", color: "gray" },
192
+ style: {
193
+ borderColor: "transparent",
194
+ background: theme.palette._components.alert.filled.gray.background,
195
+ color: theme.palette._components.alert.filled.gray.color,
196
+ ".MuiAlert-icon": {
197
+ color: theme.palette._components.alert.filled.gray.icon
198
+ },
199
+ ".MuiAlert-action .MuiSvgIcon-fontSizeSmall": {
200
+ fill: theme.palette._components.alert.filled.gray.color
201
+ }
202
+ }
75
203
  }
76
- }
204
+ ]
77
205
  })
78
206
  }
79
207
  };
package/dist/react/es/theme/components/alert.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"alert.js","sources":["../../../../../src/theme/components/alert.ts"],"sourcesContent":["import { Components, CssVarsTheme, Theme } from '@mui/material';\n\n//\n//\n\n//\n\nexport const MuiAlert: Components<\n Omit<Theme, 'components' | 'palette'> & CssVarsTheme\n>['MuiAlert'] = {\n styleOverrides: {\n root: ({ theme }) => ({\n borderStyle: 'solid',\n borderWidth: 1,\n borderRadius: 12,\n flexWrap: 'wrap',\n [theme.breakpoints.down('md')]: {\n paddingInline: theme.spacing(1),\n },\n '&.MuiAlert-colorError': {\n color: 'inherit',\n borderColor: theme.palette._components.alert.error.border,\n background: theme.palette._components.alert.error.background,\n '.MuiAlert-icon': {\n color: theme.palette._components.alert.error.icon,\n },\n '.MuiAlert-action .MuiSvgIcon-fontSizeSmall': {\n fill: theme.palette._components.alert.error.color,\n },\n },\n '.MuiTypography-root.MuiAlertTitle-root': {\n margin: 0,\n },\n '.MuiAlert-icon': {\n flex: 0,\n paddingBlock: theme.spacing(0.75),\n alignItems: 'flex-start',\n },\n '.MuiAlert-message': {\n flex: 1,\n paddingBlock: theme.spacing(0.75),\n display: 'flex',\n alignItems: 'center',\n },\n '.MuiAlert-action': {\n paddingTop: theme.spacing(0.25),\n marginRight: 0,\n alignItems: 'flex-start',\n [theme.breakpoints.down('md')]: {\n paddingLeft: theme.spacing(0.5),\n },\n },\n '&.MuiAlert-colorWarning': {\n color: 'inherit',\n borderColor: theme.palette._components.alert.warning.border,\n background: theme.palette._components.alert.warning.background,\n '.MuiAlert-icon': {\n color: theme.palette._components.alert.warning.icon,\n },\n '.MuiAlert-action .MuiSvgIcon-fontSizeSmall': {\n fill: theme.palette._components.alert.warning.color,\n },\n },\n '&.MuiAlert-colorInfo': {\n color: 'inherit',\n borderColor: theme.palette._components.alert.info.border,\n background: theme.palette._components.alert.info.background,\n '.MuiAlert-icon': {\n color: theme.palette._components.alert.info.icon,\n },\n '.MuiAlert-action .MuiSvgIcon-fontSizeSmall': {\n fill: theme.palette._components.alert.info.color,\n },\n },\n '&.MuiAlert-colorSuccess': {\n color: 'inherit',\n borderColor: theme.palette._components.alert.success.border,\n background: theme.palette._components.alert.success.background,\n '.MuiAlert-icon': {\n color: theme.palette._components.alert.success.icon,\n },\n '.MuiAlert-action .MuiSvgIcon-fontSizeSmall': {\n fill: theme.palette._components.alert.success.color,\n },\n },\n }),\n },\n};\n"],"names":[],"mappings":"AAOO,MAAM,WAEG;AAAA,EACd,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,aAAa;AAAA,MACpB,aAAa;AAAA,MACb,aAAa;AAAA,MACb,cAAc;AAAA,MACd,UAAU;AAAA,MACV,CAAC,MAAM,YAAY,KAAK,IAAI,CAAC,GAAG;AAAA,QAC9B,eAAe,MAAM,QAAQ,CAAC;AAAA,MAAA;AAAA,MAEhC,yBAAyB;AAAA,QACvB,OAAO;AAAA,QACP,aAAa,MAAM,QAAQ,YAAY,MAAM,MAAM;AAAA,QACnD,YAAY,MAAM,QAAQ,YAAY,MAAM,MAAM;AAAA,QAClD,kBAAkB;AAAA,UAChB,OAAO,MAAM,QAAQ,YAAY,MAAM,MAAM;AAAA,QAAA;AAAA,QAE/C,8CAA8C;AAAA,UAC5C,MAAM,MAAM,QAAQ,YAAY,MAAM,MAAM;AAAA,QAAA;AAAA,MAC9C;AAAA,MAEF,0CAA0C;AAAA,QACxC,QAAQ;AAAA,MAAA;AAAA,MAEV,kBAAkB;AAAA,QAChB,MAAM;AAAA,QACN,cAAc,MAAM,QAAQ,IAAI;AAAA,QAChC,YAAY;AAAA,MAAA;AAAA,MAEd,qBAAqB;AAAA,QACnB,MAAM;AAAA,QACN,cAAc,MAAM,QAAQ,IAAI;AAAA,QAChC,SAAS;AAAA,QACT,YAAY;AAAA,MAAA;AAAA,MAEd,oBAAoB;AAAA,QAClB,YAAY,MAAM,QAAQ,IAAI;AAAA,QAC9B,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,CAAC,MAAM,YAAY,KAAK,IAAI,CAAC,GAAG;AAAA,UAC9B,aAAa,MAAM,QAAQ,GAAG;AAAA,QAAA;AAAA,MAChC;AAAA,MAEF,2BAA2B;AAAA,QACzB,OAAO;AAAA,QACP,aAAa,MAAM,QAAQ,YAAY,MAAM,QAAQ;AAAA,QACrD,YAAY,MAAM,QAAQ,YAAY,MAAM,QAAQ;AAAA,QACpD,kBAAkB;AAAA,UAChB,OAAO,MAAM,QAAQ,YAAY,MAAM,QAAQ;AAAA,QAAA;AAAA,QAEjD,8CAA8C;AAAA,UAC5C,MAAM,MAAM,QAAQ,YAAY,MAAM,QAAQ;AAAA,QAAA;AAAA,MAChD;AAAA,MAEF,wBAAwB;AAAA,QACtB,OAAO;AAAA,QACP,aAAa,MAAM,QAAQ,YAAY,MAAM,KAAK;AAAA,QAClD,YAAY,MAAM,QAAQ,YAAY,MAAM,KAAK;AAAA,QACjD,kBAAkB;AAAA,UAChB,OAAO,MAAM,QAAQ,YAAY,MAAM,KAAK;AAAA,QAAA;AAAA,QAE9C,8CAA8C;AAAA,UAC5C,MAAM,MAAM,QAAQ,YAAY,MAAM,KAAK;AAAA,QAAA;AAAA,MAC7C;AAAA,MAEF,2BAA2B;AAAA,QACzB,OAAO;AAAA,QACP,aAAa,MAAM,QAAQ,YAAY,MAAM,QAAQ;AAAA,QACrD,YAAY,MAAM,QAAQ,YAAY,MAAM,QAAQ;AAAA,QACpD,kBAAkB;AAAA,UAChB,OAAO,MAAM,QAAQ,YAAY,MAAM,QAAQ;AAAA,QAAA;AAAA,QAEjD,8CAA8C;AAAA,UAC5C,MAAM,MAAM,QAAQ,YAAY,MAAM,QAAQ;AAAA,QAAA;AAAA,MAChD;AAAA,IACF;AAAA,EACF;AAEJ;"}
1
+ {"version":3,"file":"alert.js","sources":["../../../../../src/theme/components/alert.ts"],"sourcesContent":["import { Components, CssVarsTheme, Theme } from '@mui/material';\n\n//\n//\n\n//\n\nexport const MuiAlert: Components<\n Omit<Theme, 'components' | 'palette'> & CssVarsTheme\n>['MuiAlert'] = {\n styleOverrides: {\n root: ({ theme }) => ({\n borderStyle: 'solid',\n borderWidth: 1,\n borderRadius: 12,\n flexWrap: 'wrap',\n [theme.breakpoints.down('md')]: {\n paddingInline: theme.spacing(1),\n },\n '.MuiTypography-root.MuiAlertTitle-root': {\n margin: 0,\n },\n '.MuiAlert-icon': {\n flex: 0,\n paddingBlock: theme.spacing(0.75),\n alignItems: 'flex-start',\n },\n '.MuiAlert-message': {\n flex: 1,\n paddingBlock: theme.spacing(0.75),\n display: 'flex',\n alignItems: 'center',\n },\n '.MuiAlert-action': {\n paddingTop: theme.spacing(0.25),\n marginRight: 0,\n alignItems: 'flex-start',\n [theme.breakpoints.down('md')]: {\n paddingLeft: theme.spacing(0.5),\n },\n },\n variants: [\n // Standard variants\n {\n props: { variant: 'standard', severity: 'error' },\n style: {\n color: 'inherit',\n borderColor: theme.palette._components.alert.standard.error.border,\n background: theme.palette._components.alert.standard.error.background,\n '.MuiAlert-icon': {\n color: theme.palette._components.alert.standard.error.icon,\n },\n '.MuiAlert-action .MuiSvgIcon-fontSizeSmall': {\n fill: theme.palette._components.alert.standard.error.color,\n },\n },\n },\n {\n props: { variant: 'standard', severity: 'warning' },\n style: {\n color: 'inherit',\n borderColor: theme.palette._components.alert.standard.warning.border,\n background: theme.palette._components.alert.standard.warning.background,\n '.MuiAlert-icon': {\n color: theme.palette._components.alert.standard.warning.icon,\n },\n '.MuiAlert-action .MuiSvgIcon-fontSizeSmall': {\n fill: theme.palette._components.alert.standard.warning.color,\n },\n },\n },\n {\n props: { variant: 'standard', severity: 'info' },\n style: {\n color: 'inherit',\n borderColor: theme.palette._components.alert.standard.info.border,\n background: theme.palette._components.alert.standard.info.background,\n '.MuiAlert-icon': {\n color: theme.palette._components.alert.standard.info.icon,\n },\n '.MuiAlert-action .MuiSvgIcon-fontSizeSmall': {\n fill: theme.palette._components.alert.standard.info.color,\n },\n },\n },\n {\n props: { variant: 'standard', severity: 'success' },\n style: {\n color: 'inherit',\n borderColor: theme.palette._components.alert.standard.success.border,\n background: theme.palette._components.alert.standard.success.background,\n '.MuiAlert-icon': {\n color: theme.palette._components.alert.standard.success.icon,\n },\n '.MuiAlert-action .MuiSvgIcon-fontSizeSmall': {\n fill: theme.palette._components.alert.standard.success.color,\n },\n },\n },\n {\n props: { variant: 'standard', color: 'primary' },\n style: {\n color: 'inherit',\n borderColor: theme.palette._components.alert.standard.primary.border,\n background: theme.palette._components.alert.standard.primary.background,\n '.MuiAlert-icon': {\n color: theme.palette._components.alert.standard.primary.icon,\n },\n '.MuiAlert-action .MuiSvgIcon-fontSizeSmall': {\n fill: theme.palette._components.alert.standard.primary.color,\n },\n },\n },\n {\n props: { variant: 'standard', color: 'gray' },\n style: {\n color: 'inherit',\n borderColor: theme.palette._components.alert.standard.gray.border,\n background: theme.palette._components.alert.standard.gray.background,\n '.MuiAlert-icon': {\n color: theme.palette._components.alert.standard.gray.icon,\n },\n '.MuiAlert-action .MuiSvgIcon-fontSizeSmall': {\n fill: theme.palette._components.alert.standard.gray.color,\n },\n },\n },\n // Filled variants\n {\n props: { variant: 'filled', severity: 'error' },\n style: {\n borderColor: 'transparent',\n background: theme.palette._components.alert.filled.error.background,\n color: theme.palette._components.alert.filled.error.color,\n '.MuiAlert-icon': {\n color: theme.palette._components.alert.filled.error.icon,\n },\n '.MuiAlert-action .MuiSvgIcon-fontSizeSmall': {\n fill: theme.palette._components.alert.filled.error.color,\n },\n },\n },\n {\n props: { variant: 'filled', severity: 'warning' },\n style: {\n borderColor: 'transparent',\n background: theme.palette._components.alert.filled.warning.background,\n color: theme.palette._components.alert.filled.warning.color,\n '.MuiAlert-icon': {\n color: theme.palette._components.alert.filled.warning.icon,\n },\n '.MuiAlert-action .MuiSvgIcon-fontSizeSmall': {\n fill: theme.palette._components.alert.filled.warning.color,\n },\n },\n },\n {\n props: { variant: 'filled', severity: 'info' },\n style: {\n borderColor: 'transparent',\n background: theme.palette._components.alert.filled.info.background,\n color: theme.palette._components.alert.filled.info.color,\n '.MuiAlert-icon': {\n color: theme.palette._components.alert.filled.info.icon,\n },\n '.MuiAlert-action .MuiSvgIcon-fontSizeSmall': {\n fill: theme.palette._components.alert.filled.info.color,\n },\n },\n },\n {\n props: { variant: 'filled', severity: 'success' },\n style: {\n borderColor: 'transparent',\n background: theme.palette._components.alert.filled.success.background,\n color: theme.palette._components.alert.filled.success.color,\n '.MuiAlert-icon': {\n color: theme.palette._components.alert.filled.success.icon,\n },\n '.MuiAlert-action .MuiSvgIcon-fontSizeSmall': {\n fill: theme.palette._components.alert.filled.success.color,\n },\n },\n },\n {\n props: { variant: 'filled', color: 'primary' },\n style: {\n borderColor: 'transparent',\n background: theme.palette._components.alert.filled.primary.background,\n color: theme.palette._components.alert.filled.primary.color,\n '.MuiAlert-icon': {\n color: theme.palette._components.alert.filled.primary.icon,\n },\n '.MuiAlert-action .MuiSvgIcon-fontSizeSmall': {\n fill: theme.palette._components.alert.filled.primary.color,\n },\n },\n },\n {\n props: { variant: 'filled', color: 'gray' },\n style: {\n borderColor: 'transparent',\n background: theme.palette._components.alert.filled.gray.background,\n color: theme.palette._components.alert.filled.gray.color,\n '.MuiAlert-icon': {\n color: theme.palette._components.alert.filled.gray.icon,\n },\n '.MuiAlert-action .MuiSvgIcon-fontSizeSmall': {\n fill: theme.palette._components.alert.filled.gray.color,\n },\n },\n },\n ],\n }),\n },\n};\n"],"names":[],"mappings":"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"}