@trii/components 3.1.1 → 3.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 (11) hide show
  1. package/dist/cjs/index.js +3 -3
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/theme.js +2 -0
  4. package/dist/cjs/theme.js.map +1 -0
  5. package/dist/esm/index.js +1 -1
  6. package/dist/esm/index.js.map +1 -1
  7. package/dist/esm/theme.js +2 -0
  8. package/dist/esm/theme.js.map +1 -0
  9. package/dist/theme.d.ts +149 -0
  10. package/package.json +16 -3
  11. package/theme/package.json +9 -0
package/dist/esm/theme.js ADDED
@@ -0,0 +1,2 @@
1
+ import{createTheme as a}from"@mui/material";import{createAsyncThunk as C,createSlice as G}from"@reduxjs/toolkit";import I from"axios";const E=(e,f={})=>{const{transparentModal:r=!1,autocompleteZIndex:t=11}=f,d=e.palette.background;return a({...e,components:{MuiSelect:{defaultProps:{MenuProps:{PaperProps:{sx:{backgroundColor:d.panel,backgroundImage:"linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05))"}}}}},MuiAutocomplete:{styleOverrides:{popper:{zIndex:t,"& div":{backgroundColor:d.panel}}}},MuiPaper:{styleOverrides:{root:{backgroundColor:d.panel,backgroundImage:"linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05))"}}},MuiMenu:{styleOverrides:{paper:{backgroundColor:d.panel,backgroundImage:"linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05))"}}},MuiList:{styleOverrides:{root:{padding:0}}},MuiModal:{styleOverrides:{root:r?{background:"transparent","& .MuiBackdrop-root":{background:"transparent",border:"none"}}:{}}},MuiTypography:{styleOverrides:{root:{color:e.palette.text.primary}}},MuiChip:{styleOverrides:{root:{color:e.palette.text.primary,border:"1px solid rgba(0, 0, 0, 0.1)",borderRadius:"4px",height:"20px",fontSize:"0.7125rem"}}},MuiListSubheader:{styleOverrides:{root:{backgroundColor:d.accordionHeader}}},MuiButton:{styleOverrides:{outlined:{color:e.palette.mode==="light"?e.palette.primary.dark:e.palette.info.dark,borderColor:e.palette.mode==="light"?e.palette.primary.dark:e.palette.info.dark,"&:hover":{borderColor:e.palette.mode==="light"?e.palette.primary.main:e.palette.info.main,color:e.palette.mode==="light"?e.palette.primary.main:e.palette.info.main}}}}}})},n=a({name:"lightBlueIndigo",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#ebf6fd",mainGradient:"linear-gradient(270deg, #215c97, #1976d2)",navMenu:"#1976d2",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#1976d2",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#1976d2",light:"#42a5f5",dark:"#1565c0",contrastText:"#fff"},secondary:{main:"#1976d2",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.10)",hover:"rgba(0, 0, 0, 0.05)",selected:"#ebf6fd",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.58)",colorMain:"#1976d2"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#1976d2"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),o=a({name:"lightBlue",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#e3f2fd",mainGradient:"linear-gradient(270deg, #005cb2, #1e88e5)",navMenu:"#4fc354",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#1e88e5",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#1e88e5",light:"#6ab7ff",dark:"#005cb2",contrastText:"rgba(0, 0, 0, 0.87)"},secondary:{main:"#1e88e5",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.10)",hover:"rgba(0, 0, 0, 0.05)",selected:"#e3f2fd",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.58)",colorMain:"#005cb2"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#005cb2"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),l=a({name:"lightRed",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#ffebee",mainGradient:"linear-gradient(270deg, #b61827, #ef5350)",navMenu:"#f44336",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#ef5350",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#ef5350",light:"#ff867c",dark:"#b61827",contrastText:"rgba(0, 0, 0, 0.87)"},secondary:{main:"#ef5350",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.10)",hover:"rgba(0, 0, 0, 0.05)",selected:"#ffebee",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.58)",colorMain:"#b61827"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#b61827"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),g=a({name:"lightGreen",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#e8f5e9",mainGradient:"linear-gradient(270deg, #087f23, #4caf50)",navMenu:"#4fc354",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#4caf50",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#4caf50",light:"#80e27e",dark:"#087f23",contrastText:"rgba(0, 0, 0, 0.87)"},secondary:{main:"#4caf50",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.10)",hover:"rgba(0, 0, 0, 0.05)",selected:"#e8f5e9",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.58)",colorMain:"#087f23"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#087f23"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),c=a({name:"lightPink",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#fce4ec",mainGradient:"linear-gradient(270deg, #b0003a, #e6175d)",navMenu:"#e6175d",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#e6175d",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#e6175d",light:"#ff6090",dark:"#b0003a",contrastText:"#fff"},secondary:{main:"#9c27b0",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.10)",hover:"rgba(0, 0, 0, 0.05)",selected:"#fce4ec",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.58)",colorMain:"#b0003a"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#b0003a"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),b=a({name:"lightPurple",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#f3e5f5",mainGradient:"linear-gradient(270deg, #6a0080, #9c27b0)",navMenu:"#f8bbd0",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#9c27b0",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#9c27b0",light:"#d05ce3",dark:"#6a0080",contrastText:"#fff"},secondary:{main:"#9c27b0",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.10)",hover:"rgba(0, 0, 0, 0.05)",selected:"#f3e5f5",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.58)",colorMain:"#9c27b0"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#9c27b0"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),s=a({name:"lightTeal",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#e0f2f1",mainGradient:"linear-gradient(270deg, #00675b, #009688)",navMenu:"#f8bbd0",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#009688",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#009688",light:"#52c7b8",dark:"#00675b",contrastText:"rgba(0, 0, 0, 0.87)"},secondary:{main:"#009688",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.10)",hover:"rgba(0, 0, 0, 0.05)",selected:"#e0f2f1",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.58)",colorMain:"#00675b"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#00675b"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),m=a({name:"lightLime",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#f9fbe7",mainGradient:"linear-gradient(270deg, #99aa00, #cddc39)",navMenu:"#f8bbd0",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#cddc39",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#cddc39",light:"#ffff6e",dark:"#99aa00",contrastText:"rgba(0, 0, 0, 0.87)"},secondary:{main:"#cddc39",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.10)",hover:"rgba(0, 0, 0, 0.05)",selected:"#f9fbe7",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.58)",colorMain:"#737c16"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#737c16"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),p=a({name:"lightYellow",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#fffde7",mainGradient:"linear-gradient(270deg, #c8b900, #ffeb3b)",navMenu:"#f8bbd0",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#ffeb3b",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#ffeb3b",light:"#ffff72",dark:"#c8b900",contrastText:"rgba(0, 0, 0, 0.87)"},secondary:{main:"#ffeb3b",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.10)",hover:"rgba(0, 0, 0, 0.05)",selected:"#fffde7",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.58)",colorMain:"#847700"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#847700"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),h=a({name:"lightAmber",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#fff8e1",mainGradient:"linear-gradient(270deg, #c68400, #ffb300)",navMenu:"#f8bbd0",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#ffb300",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#ffb300",light:"#ffe54c",dark:"#c68400",contrastText:"rgba(0, 0, 0, 0.87)"},secondary:{main:"#ffb300",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.10)",hover:"rgba(0, 0, 0, 0.05)",selected:"#fff8e1",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.58)",colorMain:"#9c6e00"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#9c6e00"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),u=a({name:"lightOrange",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#fff3e0",mainGradient:"linear-gradient(270deg, #c66900, #ff9800)",navMenu:"#f8bbd0",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#ff9800",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#ff9800",light:"#ffc947",dark:"#c66900",contrastText:"rgba(0, 0, 0, 0.87)"},secondary:{main:"#ff9800",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.10)",hover:"rgba(0, 0, 0, 0.05)",selected:"#fff3e0",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.58)",colorMain:"#ab6600"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#ab6600"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),k=a({name:"lightBrown",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#efebe9",mainGradient:"linear-gradient(270deg, #4b2c20, #795548)",navMenu:"#f8bbd0",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#795548",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#795548",light:"#a98274",dark:"#4b2c20",contrastText:"#fff"},secondary:{main:"#795548",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.10)",hover:"rgba(0, 0, 0, 0.05)",selected:"#efebe9",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.58)",colorMain:"#795548"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#795548"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),x=a({name:"lightGray",palette:{mode:"light",background:{default:"#ffffff",mainCenter:"#fafafa",mainGradient:"linear-gradient(270deg, #707070, #9e9e9e)",navMenu:"#f8bbd0",dropdownMenu:"#f5f5f5",panel:"#ffffff",tooltip:"#9e9e9e",accordionHeader:"#F3F4F6",panelHeader:"#F3F4F6",panelCenter:"#ffffff",panelGradient:"#ffffff",selectedItem:"#75757530",paper:"#ffffff"},primary:{main:"#9e9e9e",light:"#cfcfcf",dark:"#707070",contrastText:"rgba(0, 0, 0, 0.87)"},secondary:{main:"#9e9e9e",light:"#ba68c8",dark:"#7b1fa2",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#d32f2f",light:"#ef5350",dark:"#c62828"},warning:{main:"#ed6c02",light:"#ff9800",dark:"#e65100"},info:{main:"#0288d1",light:"#03a9f4",dark:"#01579b"},success:{main:"#2e7d32",light:"#4caf50",dark:"#1b5e20"},containerBox:{default:"#ffffff",main:"#f5f5f5"},action:{active:"rgba(0, 0, 0, 0.10)",hover:"rgba(0, 0, 0, 0.05)",selected:"#fafafa",disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.58)",colorMain:"#707070"},divider:"rgba(0, 0, 0, 0.12)",dropdownBox:"#ffffff",color:{icons:"#707070"},cellHeader:"#d3d3d3",Skeleton:{bg:"#f5f5f5"},messageBox:"#d3e6fd",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),B=a({name:"darkBlue",palette:{mode:"dark",primary:{main:"#1f5c8e",light:"#2196f3",dark:"#0d47a1",contrastText:"#fff"},secondary:{light:"#FFEA41",main:"#90caf9",dark:"#DBBE01",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#f44336",light:"#e57373",dark:"#d32f2f"},warning:{main:"#ffa726",light:"#ffb74d",dark:"#f57c00"},info:{main:"#29b6f6",light:"#4fc3f7",dark:"#0288d1"},success:{main:"#66bb6a",light:"#81c784",dark:"#388e3c"},background:{default:"#222B45",mainGradient:"linear-gradient(270deg, #222B45, #222B45)",mainCenter:"#28324e",navMenu:"#222B45",panel:"#2d364e",dropdownMenu:"#484f65",tooltip:"#484f65",accordionHeader:"#2a3249e3",panelHeader:"#2a3249e3",panelCenter:"#484f65",panelGradient:"#384057",selectedItem:"#eeeeee30",paper:"#2d364e"},containerBox:{default:"#2d354e",main:"#2d354e"},action:{active:"rgba(255, 255, 255, 0.2)",hover:"rgba(255, 255, 255, 0.08)",selected:"rgba(255, 255, 255, 0.16)",disabled:"rgba(255, 255, 255, 0.3)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"#EEEEEF",secondary:"#AEB0B4",disabled:"rgba(255, 255, 255, 0.5)",colorMain:"#EEEEEF"},divider:"rgba(255, 255, 255, 0.12)",dropdownBox:"#2d354e",color:{icons:"#fff"},cellHeader:"#505050",Skeleton:{bg:"#f5f5f5"},messageBox:"#1f5c8e",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),y=a({name:"darkBlack",palette:{mode:"dark",background:{default:"#201f1e",mainGradient:"linear-gradient(270deg, #201f1e, #201f1e)",mainCenter:"#252423",navMenu:"#201f1e",panel:"#3B3A39",dropdownMenu:"#585858",tooltip:"#616161eb",accordionHeader:"#25242369",panelHeader:"#3b3a39ba",panelCenter:"#585858",panelGradient:"#454443",selectedItem:"#eeeeee30",paper:"#3B3A39"},primary:{main:"#1976d2",light:"#2196f3",dark:"#42a5f5",contrastText:"#fff"},secondary:{light:"#FFEA41",main:"#90caf9",dark:"#DBBE01",contrastText:"rgba(0, 0, 0, 0.87)"},error:{main:"#f44336",light:"#e57373",dark:"#d32f2f"},warning:{main:"#ffa726",light:"#ffb74d",dark:"#f57c00"},info:{main:"#29b6f6",light:"#4fc3f7",dark:"#0288d1"},success:{main:"#66bb6a",light:"#81c784",dark:"#388e3c"},containerBox:{main:"#ffffffb3",default:"#3B3A39"},action:{active:"rgba(255, 255, 255, 0.2)",hover:"rgba(255, 255, 255, 0.08)",selected:"rgba(255, 255, 255, 0.16)",disabled:"rgba(255, 255, 255, 0.3)",disabledBackground:"rgba(255, 255, 255, 0.12)"},text:{primary:"#EEEEEF",secondary:"#AEB0B4",disabled:"rgba(255, 255, 255, 0.5)",colorMain:"#EEEEEF"},divider:"rgba(255, 255, 255, 0.12)",dropdownBox:"#3B3A39",color:{icons:"#fff"},cellHeader:"#505050",Skeleton:{bg:"#f5f5f5"},messageBox:"#1f5c8e",boxShadow:"rgba(0, 0, 0, 0.1)",disabled:"rgba(0, 0, 0, 0.26)"}}),F="trii-theme",O=e=>`https://agent-api.trii.app/api/v1/settings/${e}/user/setTheme`,A=()=>{try{const e=localStorage.getItem(F);if(e&&T(e))return i(e)}catch{}return n},v=e=>{try{localStorage.setItem(F,e)}catch{}},P={themeSelected:A(),darkMode:!1,toggleStatus:"idle"},w=C("Theme/updateTheme",async(e,{getState:f})=>{const{uid:r="",spaceId:t=""}=f().User.user??{},d=JSON.stringify({theme:e,uid:r});return(await I.put(O(t),d,{headers:{"Content-Type":"application/json"}})).data}),M=G({name:"Theme",initialState:P,reducers:{toggleTheme:(e,f)=>{v(f.payload);const r=i(f.payload);Object.assign(e,{themeSelected:r,toggleStatus:"toggled"})},toggleModeTheme:e=>{e.darkMode=!e.darkMode}},extraReducers:e=>{e.addCase(w.fulfilled,(f,r)=>{v(r.payload.theme);const t=i(r.payload.theme);Object.assign(f,{themeSelected:t})})}}),i=e=>{switch(e){case"lightBlueIndigo":return n;case"darkBlack":return y;case"darkBlue":return B;case"lightAmber":return h;case"lightBlue":return o;case"lightBrown":return k;case"lightGray":return x;case"lightGreen":return g;case"lightLime":return m;case"lightOrange":return u;case"lightPink":return c;case"lightPurple":return b;case"lightRed":return l;case"lightTeal":return s;case"lightYellow":return p;default:return n}},T=e=>["lightBlueIndigo","darkBlack","darkBlue","lightAmber","lightBlue","lightBrown","lightGray","lightGreen","lightLime","lightOrange","lightPink","lightPurple","lightRed","lightTeal","lightYellow"].includes(e),{toggleTheme:R,toggleModeTheme:L}=M.actions,D=e=>e.Theme.toggleStatus,S=e=>e.Theme.themeSelected,H=e=>e.Theme.darkMode,Y=S,j=H;var z=M.reducer;export{E as MuiComponentsConfig,y as darkBlack,B as darkBlue,T as isValidThemeName,h as lightAmber,o as lightBlue,n as lightBlueIndigo,k as lightBrown,x as lightGray,g as lightGreen,m as lightLime,u as lightOrange,c as lightPink,b as lightPurple,l as lightRed,s as lightTeal,p as lightYellow,H as selectDarkTheme,S as selectTheme,D as selectThemeToggleStatus,j as selectedDarkTheme,Y as selectedTheme,z as themeReducer,L as toggleModeTheme,R as toggleTheme,w as updateTheme};
2
+ //# sourceMappingURL=theme.js.map
package/dist/esm/theme.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"theme.js","sources":["../../src/theme/MuiComponentsConfig.ts","../../src/theme/themeProvider.ts","../../src/theme/themeSlice.ts"],"sourcesContent":["import { createTheme, Theme } from '@mui/material';\n\n/**\n * Ajustes que difieren entre apps. Los valores por defecto son los que ya\n * usaba el paquete, asi que omitir las opciones no cambia nada.\n */\nexport interface MuiComponentsConfigOptions {\n /**\n * Fondo del modal y su backdrop en transparente. Lo usan header y home;\n * contacts lo tenia desactivado a proposito.\n */\n transparentModal?: boolean;\n /** z-index del popper del Autocomplete. Header necesita 1; el resto, 11. */\n autocompleteZIndex?: number;\n}\n\nconst MuiComponentsConfig = (\n themeRedux: Theme,\n options: MuiComponentsConfigOptions = {}\n): Theme => {\n const { transparentModal = false, autocompleteZIndex = 11 } = options;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const bg = themeRedux.palette.background as any;\n\n return createTheme({\n ...themeRedux,\n components: {\n MuiSelect: {\n defaultProps: {\n MenuProps: {\n PaperProps: {\n sx: {\n backgroundColor: bg.panel,\n backgroundImage:\n 'linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05))',\n },\n },\n },\n },\n },\n MuiAutocomplete: {\n styleOverrides: {\n popper: {\n zIndex: autocompleteZIndex,\n '& div': {\n backgroundColor: bg.panel,\n },\n },\n },\n },\n MuiPaper: {\n styleOverrides: {\n root: {\n backgroundColor: bg.panel,\n backgroundImage:\n 'linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05))',\n },\n },\n },\n MuiMenu: {\n styleOverrides: {\n paper: {\n backgroundColor: bg.panel,\n backgroundImage:\n 'linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05))',\n },\n },\n },\n MuiList: {\n styleOverrides: {\n root: {\n padding: 0,\n },\n },\n },\n MuiModal: {\n styleOverrides: {\n root: transparentModal\n ? {\n background: 'transparent',\n '& .MuiBackdrop-root': {\n background: 'transparent',\n border: 'none',\n },\n }\n : {},\n },\n },\n MuiTypography: {\n styleOverrides: {\n root: {\n color: themeRedux.palette.text.primary,\n },\n },\n },\n MuiChip: {\n styleOverrides: {\n root: {\n color: themeRedux.palette.text.primary,\n border: '1px solid rgba(0, 0, 0, 0.1)',\n borderRadius: '4px',\n height: '20px',\n fontSize: '0.7125rem',\n },\n },\n },\n MuiListSubheader: {\n styleOverrides: {\n root: {\n backgroundColor: bg.accordionHeader,\n },\n },\n },\n MuiButton: {\n styleOverrides: {\n outlined: {\n color:\n themeRedux.palette.mode === 'light'\n ? themeRedux.palette.primary.dark\n : themeRedux.palette.info.dark,\n borderColor:\n themeRedux.palette.mode === 'light'\n ? themeRedux.palette.primary.dark\n : themeRedux.palette.info.dark,\n '&:hover': {\n borderColor:\n themeRedux.palette.mode === 'light'\n ? themeRedux.palette.primary.main\n : themeRedux.palette.info.main,\n color:\n themeRedux.palette.mode === 'light'\n ? themeRedux.palette.primary.main\n : themeRedux.palette.info.main,\n },\n },\n },\n },\n },\n });\n};\n\nexport default MuiComponentsConfig;\n","import { createTheme, Theme } from '@mui/material'\n\n// ─── Extensión de tipos de MUI ──────────────────────────────────────────────\ndeclare module '@mui/material/styles' {\n interface TypeBackground {\n mainCenter: string;\n mainGradient: string;\n navMenu: string;\n dropdownMenu: string;\n panel: string;\n tooltip: string;\n accordionHeader: string;\n panelHeader: string;\n panelCenter: string;\n panelGradient: string;\n selectedItem: string;\n }\n\n interface TypeText {\n colorMain: string;\n }\n\n interface Palette {\n containerBox: {\n default: string;\n main: string;\n };\n dropdownBox: string;\n color: {\n icons: string;\n };\n cellHeader: string;\n Skeleton: {\n bg: string;\n };\n messageBox: string;\n boxShadow: string;\n disabled: string;\n }\n\n interface PaletteOptions {\n containerBox?: {\n default?: string;\n main?: string;\n };\n dropdownBox?: string;\n color?: {\n icons?: string;\n };\n cellHeader?: string;\n Skeleton?: {\n bg?: string;\n };\n messageBox?: string;\n boxShadow?: string;\n disabled?: string;\n }\n\n interface Theme {\n name?: string;\n }\n\n interface ThemeOptions {\n name?: string;\n }\n}\n// ────────────────────────────────────────────────────────────────────────────\n\n// Temas claros\nexport const lightBlueIndigo: Theme = createTheme({\n\tname: 'lightBlueIndigo',\n\tpalette: {\n\t\tmode: 'light',\n\t\tbackground: {\n\t\t\tdefault: '#ffffff',\n\t\t\tmainCenter: '#ebf6fd',\n\t\t\tmainGradient: 'linear-gradient(270deg, #215c97, #1976d2)',\n\t\t\tnavMenu: '#1976d2',\n\t\t\tdropdownMenu: '#f5f5f5',\n\t\t\tpanel: '#ffffff',\n\t\t\ttooltip: '#1976d2',\n\t\t\taccordionHeader: '#F3F4F6',\n\t\t\tpanelHeader: '#F3F4F6',\n\t\t\tpanelCenter: '#ffffff',\n\t\t\tpanelGradient: '#ffffff',\n\t\t\tselectedItem: '#75757530',\n\t\t\tpaper: '#ffffff'\n\t\t},\n\t\tprimary: {\n\t\t\tmain: '#1976d2',\n\t\t\tlight: '#42a5f5',\n\t\t\tdark: '#1565c0',\n\t\t\tcontrastText: '#fff'\n\t\t},\n\t\tsecondary: {\n\t\t\tmain: '#1976d2',\n\t\t\tlight: '#ba68c8',\n\t\t\tdark: '#7b1fa2',\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\n\t\t},\n\t\terror: {\n\t\t\tmain: '#d32f2f',\n\t\t\tlight: '#ef5350',\n\t\t\tdark: '#c62828'\n\t\t},\n\t\twarning: {\n\t\t\tmain: '#ed6c02',\n\t\t\tlight: '#ff9800',\n\t\t\tdark: '#e65100'\n\t\t},\n\t\tinfo: {\n\t\t\tmain: '#0288d1',\n\t\t\tlight: '#03a9f4',\n\t\t\tdark: '#01579b'\n\t\t},\n\t\tsuccess: {\n\t\t\tmain: '#2e7d32',\n\t\t\tlight: '#4caf50',\n\t\t\tdark: '#1b5e20'\n\t\t},\n\t\tcontainerBox: {\n\t\t\tdefault: '#ffffff',\n\t\t\tmain: '#f5f5f5'\n\t\t},\n\t\taction: {\n\t\t\tactive: 'rgba(0, 0, 0, 0.10)',\n\t\t\thover: 'rgba(0, 0, 0, 0.05)',\n\t\t\tselected: '#ebf6fd',\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.26)',\n\t\t\tdisabledBackground: 'rgba(255, 255, 255, 0.12)'\n\t\t},\n\t\ttext: {\n\t\t\tprimary: 'rgba(0, 0, 0, 0.87)',\n\t\t\tsecondary: 'rgba(0, 0, 0, 0.6)',\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.58)',\n\t\t\tcolorMain: '#1976d2'\n\t\t},\n\t\tdivider: 'rgba(0, 0, 0, 0.12)',\n\t\tdropdownBox: '#ffffff',\n\t\tcolor: {\n\t\t\ticons: '#1976d2'\n\t\t},\n\t\tcellHeader: '#d3d3d3',\n\t\tSkeleton: {\n\t\t\tbg: '#f5f5f5'\n\t\t},\n\t\tmessageBox: '#d3e6fd',\n\t\tboxShadow: 'rgba(0, 0, 0, 0.1)',\n\t\tdisabled: 'rgba(0, 0, 0, 0.26)'\n\t}\n})\n\nexport const lightBlue: Theme = createTheme({\n\tname: 'lightBlue',\n\tpalette: {\n\t\tmode: 'light',\n\t\tbackground: {\n\t\t\tdefault: '#ffffff',\n\t\t\tmainCenter: '#e3f2fd',\n\t\t\tmainGradient: 'linear-gradient(270deg, #005cb2, #1e88e5)',\n\t\t\tnavMenu: '#4fc354',\n\t\t\tdropdownMenu: '#f5f5f5',\n\t\t\tpanel: '#ffffff',\n\t\t\ttooltip: '#1e88e5',\n\t\t\taccordionHeader: '#F3F4F6',\n\t\t\tpanelHeader: '#F3F4F6',\n\t\t\tpanelCenter: '#ffffff',\n\t\t\tpanelGradient: '#ffffff',\n\t\t\tselectedItem: '#75757530',\n\t\t\tpaper: '#ffffff'\n\t\t},\n\t\tprimary: {\n\t\t\tmain: '#1e88e5',\n\t\t\tlight: '#6ab7ff',\n\t\t\tdark: '#005cb2',\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\n\t\t},\n\t\tsecondary: {\n\t\t\tmain: '#1e88e5',\n\t\t\tlight: '#ba68c8',\n\t\t\tdark: '#7b1fa2',\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\n\t\t},\n\t\terror: {\n\t\t\tmain: '#d32f2f',\n\t\t\tlight: '#ef5350',\n\t\t\tdark: '#c62828'\n\t\t},\n\t\twarning: {\n\t\t\tmain: '#ed6c02',\n\t\t\tlight: '#ff9800',\n\t\t\tdark: '#e65100'\n\t\t},\n\t\tinfo: {\n\t\t\tmain: '#0288d1',\n\t\t\tlight: '#03a9f4',\n\t\t\tdark: '#01579b'\n\t\t},\n\t\tsuccess: {\n\t\t\tmain: '#2e7d32',\n\t\t\tlight: '#4caf50',\n\t\t\tdark: '#1b5e20'\n\t\t},\n\t\tcontainerBox: {\n\t\t\tdefault: '#ffffff',\n\t\t\tmain: '#f5f5f5'\n\t\t},\n\t\taction: {\n\t\t\tactive: 'rgba(0, 0, 0, 0.10)',\n\t\t\thover: 'rgba(0, 0, 0, 0.05)',\n\t\t\tselected: '#e3f2fd',\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.26)',\n\t\t\tdisabledBackground: 'rgba(255, 255, 255, 0.12)'\n\t\t},\n\t\ttext: {\n\t\t\tprimary: 'rgba(0, 0, 0, 0.87)',\n\t\t\tsecondary: 'rgba(0, 0, 0, 0.6)',\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.58)',\n\t\t\tcolorMain: '#005cb2'\n\t\t},\n\t\tdivider: 'rgba(0, 0, 0, 0.12)',\n\t\tdropdownBox: '#ffffff',\n\t\tcolor: {\n\t\t\ticons: '#005cb2'\n\t\t},\n\t\tcellHeader: '#d3d3d3',\n\t\tSkeleton: {\n\t\t\tbg: '#f5f5f5'\n\t\t},\n\t\tmessageBox: '#d3e6fd',\n\t\tboxShadow: 'rgba(0, 0, 0, 0.1)',\n\t\tdisabled: 'rgba(0, 0, 0, 0.26)'\n\t}\n})\n\nexport const lightRed: Theme = createTheme({\n\tname: 'lightRed',\n\tpalette: {\n\t\tmode: 'light',\n\t\tbackground: {\n\t\t\tdefault: '#ffffff',\n\t\t\tmainCenter: '#ffebee',\n\t\t\tmainGradient: 'linear-gradient(270deg, #b61827, #ef5350)',\n\t\t\tnavMenu: '#f44336',\n\t\t\tdropdownMenu: '#f5f5f5',\n\t\t\tpanel: '#ffffff',\n\t\t\ttooltip: '#ef5350',\n\t\t\taccordionHeader: '#F3F4F6',\n\t\t\tpanelHeader: '#F3F4F6',\n\t\t\tpanelCenter: '#ffffff',\n\t\t\tpanelGradient: '#ffffff',\n\t\t\tselectedItem: '#75757530',\n\t\t\tpaper: '#ffffff'\n\t\t},\n\t\tprimary: {\n\t\t\tmain: '#ef5350',\n\t\t\tlight: '#ff867c',\n\t\t\tdark: '#b61827',\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\n\t\t},\n\t\tsecondary: {\n\t\t\tmain: '#ef5350',\n\t\t\tlight: '#ba68c8',\n\t\t\tdark: '#7b1fa2',\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\n\t\t},\n\t\terror: {\n\t\t\tmain: '#d32f2f',\n\t\t\tlight: '#ef5350',\n\t\t\tdark: '#c62828'\n\t\t},\n\t\twarning: {\n\t\t\tmain: '#ed6c02',\n\t\t\tlight: '#ff9800',\n\t\t\tdark: '#e65100'\n\t\t},\n\t\tinfo: {\n\t\t\tmain: '#0288d1',\n\t\t\tlight: '#03a9f4',\n\t\t\tdark: '#01579b'\n\t\t},\n\t\tsuccess: {\n\t\t\tmain: '#2e7d32',\n\t\t\tlight: '#4caf50',\n\t\t\tdark: '#1b5e20'\n\t\t},\n\t\tcontainerBox: {\n\t\t\tdefault: '#ffffff',\n\t\t\tmain: '#f5f5f5'\n\t\t},\n\t\taction: {\n\t\t\tactive: 'rgba(0, 0, 0, 0.10)',\n\t\t\thover: 'rgba(0, 0, 0, 0.05)',\n\t\t\tselected: '#ffebee',\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.26)',\n\t\t\tdisabledBackground: 'rgba(255, 255, 255, 0.12)'\n\t\t},\n\t\ttext: {\n\t\t\tprimary: 'rgba(0, 0, 0, 0.87)',\n\t\t\tsecondary: 'rgba(0, 0, 0, 0.6)',\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.58)',\n\t\t\tcolorMain: '#b61827'\n\t\t},\n\t\tdivider: 'rgba(0, 0, 0, 0.12)',\n\t\tdropdownBox: '#ffffff',\n\t\tcolor: {\n\t\t\ticons: '#b61827'\n\t\t},\n\t\tcellHeader: '#d3d3d3',\n\t\tSkeleton: {\n\t\t\tbg: '#f5f5f5'\n\t\t},\n\t\tmessageBox: '#d3e6fd',\n\t\tboxShadow: 'rgba(0, 0, 0, 0.1)',\n\t\tdisabled: 'rgba(0, 0, 0, 0.26)'\n\t}\n})\n\nexport const lightGreen: Theme = createTheme({\n\tname: 'lightGreen',\n\tpalette: {\n\t\tmode: 'light',\n\t\tbackground: {\n\t\t\tdefault: '#ffffff',\n\t\t\tmainCenter: '#e8f5e9',\n\t\t\tmainGradient: 'linear-gradient(270deg, #087f23, #4caf50)',\n\t\t\tnavMenu: '#4fc354',\n\t\t\tdropdownMenu: '#f5f5f5',\n\t\t\tpanel: '#ffffff',\n\t\t\ttooltip: '#4caf50',\n\t\t\taccordionHeader: '#F3F4F6',\n\t\t\tpanelHeader: '#F3F4F6',\n\t\t\tpanelCenter: '#ffffff',\n\t\t\tpanelGradient: '#ffffff',\n\t\t\tselectedItem: '#75757530',\n\t\t\tpaper: '#ffffff'\n\t\t},\n\t\tprimary: {\n\t\t\tmain: '#4caf50',\n\t\t\tlight: '#80e27e',\n\t\t\tdark: '#087f23',\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\n\t\t},\n\t\tsecondary: {\n\t\t\tmain: '#4caf50',\n\t\t\tlight: '#ba68c8',\n\t\t\tdark: '#7b1fa2',\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\n\t\t},\n\t\terror: {\n\t\t\tmain: '#d32f2f',\n\t\t\tlight: '#ef5350',\n\t\t\tdark: '#c62828'\n\t\t},\n\t\twarning: {\n\t\t\tmain: '#ed6c02',\n\t\t\tlight: '#ff9800',\n\t\t\tdark: '#e65100'\n\t\t},\n\t\tinfo: {\n\t\t\tmain: '#0288d1',\n\t\t\tlight: '#03a9f4',\n\t\t\tdark: '#01579b'\n\t\t},\n\t\tsuccess: {\n\t\t\tmain: '#2e7d32',\n\t\t\tlight: '#4caf50',\n\t\t\tdark: '#1b5e20'\n\t\t},\n\t\tcontainerBox: {\n\t\t\tdefault: '#ffffff',\n\t\t\tmain: '#f5f5f5'\n\t\t},\n\t\taction: {\n\t\t\tactive: 'rgba(0, 0, 0, 0.10)',\n\t\t\thover: 'rgba(0, 0, 0, 0.05)',\n\t\t\tselected: '#e8f5e9',\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.26)',\n\t\t\tdisabledBackground: 'rgba(255, 255, 255, 0.12)'\n\t\t},\n\t\ttext: {\n\t\t\tprimary: 'rgba(0, 0, 0, 0.87)',\n\t\t\tsecondary: 'rgba(0, 0, 0, 0.6)',\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.58)',\n\t\t\tcolorMain: '#087f23'\n\t\t},\n\t\tdivider: 'rgba(0, 0, 0, 0.12)',\n\t\tdropdownBox: '#ffffff',\n\t\tcolor: {\n\t\t\ticons: '#087f23'\n\t\t},\n\t\tcellHeader: '#d3d3d3',\n\t\tSkeleton: {\n\t\t\tbg: '#f5f5f5'\n\t\t},\n\t\tmessageBox: '#d3e6fd',\n\t\tboxShadow: 'rgba(0, 0, 0, 0.1)',\n\t\tdisabled: 'rgba(0, 0, 0, 0.26)'\n\t}\n})\n\nexport const lightPink: Theme = createTheme({\n\tname: 'lightPink',\n\tpalette: {\n\t\tmode: 'light',\n\t\tbackground: {\n\t\t\tdefault: '#ffffff',\n\t\t\tmainCenter: '#fce4ec',\n\t\t\tmainGradient: 'linear-gradient(270deg, #b0003a, #e6175d)',\n\t\t\tnavMenu: '#e6175d',\n\t\t\tdropdownMenu: '#f5f5f5',\n\t\t\tpanel: '#ffffff',\n\t\t\ttooltip: '#e6175d',\n\t\t\taccordionHeader: '#F3F4F6',\n\t\t\tpanelHeader: '#F3F4F6',\n\t\t\tpanelCenter: '#ffffff',\n\t\t\tpanelGradient: '#ffffff',\n\t\t\tselectedItem: '#75757530',\n\t\t\tpaper: '#ffffff'\n\t\t},\n\t\tprimary: {\n\t\t\tmain: '#e6175d',\n\t\t\tlight: '#ff6090',\n\t\t\tdark: '#b0003a',\n\t\t\tcontrastText: '#fff'\n\t\t},\n\t\tsecondary: {\n\t\t\tmain: '#9c27b0',\n\t\t\tlight: '#ba68c8',\n\t\t\tdark: '#7b1fa2',\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\n\t\t},\n\t\terror: {\n\t\t\tmain: '#d32f2f',\n\t\t\tlight: '#ef5350',\n\t\t\tdark: '#c62828'\n\t\t},\n\t\twarning: {\n\t\t\tmain: '#ed6c02',\n\t\t\tlight: '#ff9800',\n\t\t\tdark: '#e65100'\n\t\t},\n\t\tinfo: {\n\t\t\tmain: '#0288d1',\n\t\t\tlight: '#03a9f4',\n\t\t\tdark: '#01579b'\n\t\t},\n\t\tsuccess: {\n\t\t\tmain: '#2e7d32',\n\t\t\tlight: '#4caf50',\n\t\t\tdark: '#1b5e20'\n\t\t},\n\t\tcontainerBox: {\n\t\t\tdefault: '#ffffff',\n\t\t\tmain: '#f5f5f5'\n\t\t},\n\t\taction: {\n\t\t\tactive: 'rgba(0, 0, 0, 0.10)',\n\t\t\thover: 'rgba(0, 0, 0, 0.05)',\n\t\t\tselected: '#fce4ec',\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.26)',\n\t\t\tdisabledBackground: 'rgba(255, 255, 255, 0.12)'\n\t\t},\n\t\ttext: {\n\t\t\tprimary: 'rgba(0, 0, 0, 0.87)',\n\t\t\tsecondary: 'rgba(0, 0, 0, 0.6)',\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.58)',\n\t\t\tcolorMain: '#b0003a'\n\t\t},\n\t\tdivider: 'rgba(0, 0, 0, 0.12)',\n\t\tdropdownBox: '#ffffff',\n\t\tcolor: {\n\t\t\ticons: '#b0003a'\n\t\t},\n\t\tcellHeader: '#d3d3d3',\n\t\tSkeleton: {\n\t\t\tbg: '#f5f5f5'\n\t\t},\n\t\tmessageBox: '#d3e6fd',\n\t\tboxShadow: 'rgba(0, 0, 0, 0.1)',\n\t\tdisabled: 'rgba(0, 0, 0, 0.26)'\n\t}\n})\n\nexport const lightPurple: Theme = createTheme({\n\tname: 'lightPurple',\n\tpalette: {\n\t\tmode: 'light',\n\t\tbackground: {\n\t\t\tdefault: '#ffffff',\n\t\t\tmainCenter: '#f3e5f5',\n\t\t\tmainGradient: 'linear-gradient(270deg, #6a0080, #9c27b0)',\n\t\t\tnavMenu: '#f8bbd0',\n\t\t\tdropdownMenu: '#f5f5f5',\n\t\t\tpanel: '#ffffff',\n\t\t\ttooltip: '#9c27b0',\n\t\t\taccordionHeader: '#F3F4F6',\n\t\t\tpanelHeader: '#F3F4F6',\n\t\t\tpanelCenter: '#ffffff',\n\t\t\tpanelGradient: '#ffffff',\n\t\t\tselectedItem: '#75757530',\n\t\t\tpaper: '#ffffff'\n\t\t},\n\t\tprimary: {\n\t\t\tmain: '#9c27b0',\n\t\t\tlight: '#d05ce3',\n\t\t\tdark: '#6a0080',\n\t\t\tcontrastText: '#fff'\n\t\t},\n\t\tsecondary: {\n\t\t\tmain: '#9c27b0',\n\t\t\tlight: '#ba68c8',\n\t\t\tdark: '#7b1fa2',\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\n\t\t},\n\t\terror: {\n\t\t\tmain: '#d32f2f',\n\t\t\tlight: '#ef5350',\n\t\t\tdark: '#c62828'\n\t\t},\n\t\twarning: {\n\t\t\tmain: '#ed6c02',\n\t\t\tlight: '#ff9800',\n\t\t\tdark: '#e65100'\n\t\t},\n\t\tinfo: {\n\t\t\tmain: '#0288d1',\n\t\t\tlight: '#03a9f4',\n\t\t\tdark: '#01579b'\n\t\t},\n\t\tsuccess: {\n\t\t\tmain: '#2e7d32',\n\t\t\tlight: '#4caf50',\n\t\t\tdark: '#1b5e20'\n\t\t},\n\t\tcontainerBox: {\n\t\t\tdefault: '#ffffff',\n\t\t\tmain: '#f5f5f5'\n\t\t},\n\t\taction: {\n\t\t\tactive: 'rgba(0, 0, 0, 0.10)',\n\t\t\thover: 'rgba(0, 0, 0, 0.05)',\n\t\t\tselected: '#f3e5f5',\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.26)',\n\t\t\tdisabledBackground: 'rgba(255, 255, 255, 0.12)'\n\t\t},\n\t\ttext: {\n\t\t\tprimary: 'rgba(0, 0, 0, 0.87)',\n\t\t\tsecondary: 'rgba(0, 0, 0, 0.6)',\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.58)',\n\t\t\tcolorMain: '#9c27b0'\n\t\t},\n\t\tdivider: 'rgba(0, 0, 0, 0.12)',\n\t\tdropdownBox: '#ffffff',\n\t\tcolor: {\n\t\t\ticons: '#9c27b0'\n\t\t},\n\t\tcellHeader: '#d3d3d3',\n\t\tSkeleton: {\n\t\t\tbg: '#f5f5f5'\n\t\t},\n\t\tmessageBox: '#d3e6fd',\n\t\tboxShadow: 'rgba(0, 0, 0, 0.1)',\n\t\tdisabled: 'rgba(0, 0, 0, 0.26)'\n\t}\n})\n\nexport const lightTeal: Theme = createTheme({\n\tname: 'lightTeal',\n\tpalette: {\n\t\tmode: 'light',\n\t\tbackground: {\n\t\t\tdefault: '#ffffff',\n\t\t\tmainCenter: '#e0f2f1',\n\t\t\tmainGradient: 'linear-gradient(270deg, #00675b, #009688)',\n\t\t\tnavMenu: '#f8bbd0',\n\t\t\tdropdownMenu: '#f5f5f5',\n\t\t\tpanel: '#ffffff',\n\t\t\ttooltip: '#009688',\n\t\t\taccordionHeader: '#F3F4F6',\n\t\t\tpanelHeader: '#F3F4F6',\n\t\t\tpanelCenter: '#ffffff',\n\t\t\tpanelGradient: '#ffffff',\n\t\t\tselectedItem: '#75757530',\n\t\t\tpaper: '#ffffff'\n\t\t},\n\t\tprimary: {\n\t\t\tmain: '#009688',\n\t\t\tlight: '#52c7b8',\n\t\t\tdark: '#00675b',\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\n\t\t},\n\t\tsecondary: {\n\t\t\tmain: '#009688',\n\t\t\tlight: '#ba68c8',\n\t\t\tdark: '#7b1fa2',\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\n\t\t},\n\t\terror: {\n\t\t\tmain: '#d32f2f',\n\t\t\tlight: '#ef5350',\n\t\t\tdark: '#c62828'\n\t\t},\n\t\twarning: {\n\t\t\tmain: '#ed6c02',\n\t\t\tlight: '#ff9800',\n\t\t\tdark: '#e65100'\n\t\t},\n\t\tinfo: {\n\t\t\tmain: '#0288d1',\n\t\t\tlight: '#03a9f4',\n\t\t\tdark: '#01579b'\n\t\t},\n\t\tsuccess: {\n\t\t\tmain: '#2e7d32',\n\t\t\tlight: '#4caf50',\n\t\t\tdark: '#1b5e20'\n\t\t},\n\t\tcontainerBox: {\n\t\t\tdefault: '#ffffff',\n\t\t\tmain: '#f5f5f5'\n\t\t},\n\t\taction: {\n\t\t\tactive: 'rgba(0, 0, 0, 0.10)',\n\t\t\thover: 'rgba(0, 0, 0, 0.05)',\n\t\t\tselected: '#e0f2f1',\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.26)',\n\t\t\tdisabledBackground: 'rgba(255, 255, 255, 0.12)'\n\t\t},\n\t\ttext: {\n\t\t\tprimary: 'rgba(0, 0, 0, 0.87)',\n\t\t\tsecondary: 'rgba(0, 0, 0, 0.6)',\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.58)',\n\t\t\tcolorMain: '#00675b'\n\t\t},\n\t\tdivider: 'rgba(0, 0, 0, 0.12)',\n\t\tdropdownBox: '#ffffff',\n\t\tcolor: {\n\t\t\ticons: '#00675b'\n\t\t},\n\t\tcellHeader: '#d3d3d3',\n\t\tSkeleton: {\n\t\t\tbg: '#f5f5f5'\n\t\t},\n\t\tmessageBox: '#d3e6fd',\n\t\tboxShadow: 'rgba(0, 0, 0, 0.1)',\n\t\tdisabled: 'rgba(0, 0, 0, 0.26)'\n\t}\n})\n\nexport const lightLime: Theme = createTheme({\n\tname: 'lightLime',\n\tpalette: {\n\t\tmode: 'light',\n\t\tbackground: {\n\t\t\tdefault: '#ffffff',\n\t\t\tmainCenter: '#f9fbe7',\n\t\t\tmainGradient: 'linear-gradient(270deg, #99aa00, #cddc39)',\n\t\t\tnavMenu: '#f8bbd0',\n\t\t\tdropdownMenu: '#f5f5f5',\n\t\t\tpanel: '#ffffff',\n\t\t\ttooltip: '#cddc39',\n\t\t\taccordionHeader: '#F3F4F6',\n\t\t\tpanelHeader: '#F3F4F6',\n\t\t\tpanelCenter: '#ffffff',\n\t\t\tpanelGradient: '#ffffff',\n\t\t\tselectedItem: '#75757530',\n\t\t\tpaper: '#ffffff'\n\t\t},\n\t\tprimary: {\n\t\t\tmain: '#cddc39',\n\t\t\tlight: '#ffff6e',\n\t\t\tdark: '#99aa00',\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\n\t\t},\n\t\tsecondary: {\n\t\t\tmain: '#cddc39',\n\t\t\tlight: '#ba68c8',\n\t\t\tdark: '#7b1fa2',\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\n\t\t},\n\t\terror: {\n\t\t\tmain: '#d32f2f',\n\t\t\tlight: '#ef5350',\n\t\t\tdark: '#c62828'\n\t\t},\n\t\twarning: {\n\t\t\tmain: '#ed6c02',\n\t\t\tlight: '#ff9800',\n\t\t\tdark: '#e65100'\n\t\t},\n\t\tinfo: {\n\t\t\tmain: '#0288d1',\n\t\t\tlight: '#03a9f4',\n\t\t\tdark: '#01579b'\n\t\t},\n\t\tsuccess: {\n\t\t\tmain: '#2e7d32',\n\t\t\tlight: '#4caf50',\n\t\t\tdark: '#1b5e20'\n\t\t},\n\t\tcontainerBox: {\n\t\t\tdefault: '#ffffff',\n\t\t\tmain: '#f5f5f5'\n\t\t},\n\t\taction: {\n\t\t\tactive: 'rgba(0, 0, 0, 0.10)',\n\t\t\thover: 'rgba(0, 0, 0, 0.05)',\n\t\t\tselected: '#f9fbe7',\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.26)',\n\t\t\tdisabledBackground: 'rgba(255, 255, 255, 0.12)'\n\t\t},\n\t\ttext: {\n\t\t\tprimary: 'rgba(0, 0, 0, 0.87)',\n\t\t\tsecondary: 'rgba(0, 0, 0, 0.6)',\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.58)',\n\t\t\tcolorMain: '#737c16'\n\t\t},\n\t\tdivider: 'rgba(0, 0, 0, 0.12)',\n\t\tdropdownBox: '#ffffff',\n\t\tcolor: {\n\t\t\ticons: '#737c16'\n\t\t},\n\t\tcellHeader: '#d3d3d3',\n\t\tSkeleton: {\n\t\t\tbg: '#f5f5f5'\n\t\t},\n\t\tmessageBox: '#d3e6fd',\n\t\tboxShadow: 'rgba(0, 0, 0, 0.1)',\n\t\tdisabled: 'rgba(0, 0, 0, 0.26)'\n\t}\n})\n\nexport const lightYellow: Theme = createTheme({\n\tname: 'lightYellow',\n\tpalette: {\n\t\tmode: 'light',\n\t\tbackground: {\n\t\t\tdefault: '#ffffff',\n\t\t\tmainCenter: '#fffde7',\n\t\t\tmainGradient: 'linear-gradient(270deg, #c8b900, #ffeb3b)',\n\t\t\tnavMenu: '#f8bbd0',\n\t\t\tdropdownMenu: '#f5f5f5',\n\t\t\tpanel: '#ffffff',\n\t\t\ttooltip: '#ffeb3b',\n\t\t\taccordionHeader: '#F3F4F6',\n\t\t\tpanelHeader: '#F3F4F6',\n\t\t\tpanelCenter: '#ffffff',\n\t\t\tpanelGradient: '#ffffff',\n\t\t\tselectedItem: '#75757530',\n\t\t\tpaper: '#ffffff'\n\t\t},\n\t\tprimary: {\n\t\t\tmain: '#ffeb3b',\n\t\t\tlight: '#ffff72',\n\t\t\tdark: '#c8b900',\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\n\t\t},\n\t\tsecondary: {\n\t\t\tmain: '#ffeb3b',\n\t\t\tlight: '#ba68c8',\n\t\t\tdark: '#7b1fa2',\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\n\t\t},\n\t\terror: {\n\t\t\tmain: '#d32f2f',\n\t\t\tlight: '#ef5350',\n\t\t\tdark: '#c62828'\n\t\t},\n\t\twarning: {\n\t\t\tmain: '#ed6c02',\n\t\t\tlight: '#ff9800',\n\t\t\tdark: '#e65100'\n\t\t},\n\t\tinfo: {\n\t\t\tmain: '#0288d1',\n\t\t\tlight: '#03a9f4',\n\t\t\tdark: '#01579b'\n\t\t},\n\t\tsuccess: {\n\t\t\tmain: '#2e7d32',\n\t\t\tlight: '#4caf50',\n\t\t\tdark: '#1b5e20'\n\t\t},\n\t\tcontainerBox: {\n\t\t\tdefault: '#ffffff',\n\t\t\tmain: '#f5f5f5'\n\t\t},\n\t\taction: {\n\t\t\tactive: 'rgba(0, 0, 0, 0.10)',\n\t\t\thover: 'rgba(0, 0, 0, 0.05)',\n\t\t\tselected: '#fffde7',\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.26)',\n\t\t\tdisabledBackground: 'rgba(255, 255, 255, 0.12)'\n\t\t},\n\t\ttext: {\n\t\t\tprimary: 'rgba(0, 0, 0, 0.87)',\n\t\t\tsecondary: 'rgba(0, 0, 0, 0.6)',\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.58)',\n\t\t\tcolorMain: '#847700'\n\t\t},\n\t\tdivider: 'rgba(0, 0, 0, 0.12)',\n\t\tdropdownBox: '#ffffff',\n\t\tcolor: {\n\t\t\ticons: '#847700'\n\t\t},\n\t\tcellHeader: '#d3d3d3',\n\t\tSkeleton: {\n\t\t\tbg: '#f5f5f5'\n\t\t},\n\t\tmessageBox: '#d3e6fd',\n\t\tboxShadow: 'rgba(0, 0, 0, 0.1)',\n\t\tdisabled: 'rgba(0, 0, 0, 0.26)'\n\t}\n})\n\nexport const lightAmber: Theme = createTheme({\n\tname: 'lightAmber',\n\tpalette: {\n\t\tmode: 'light',\n\t\tbackground: {\n\t\t\tdefault: '#ffffff',\n\t\t\tmainCenter: '#fff8e1',\n\t\t\tmainGradient: 'linear-gradient(270deg, #c68400, #ffb300)',\n\t\t\tnavMenu: '#f8bbd0',\n\t\t\tdropdownMenu: '#f5f5f5',\n\t\t\tpanel: '#ffffff',\n\t\t\ttooltip: '#ffb300',\n\t\t\taccordionHeader: '#F3F4F6',\n\t\t\tpanelHeader: '#F3F4F6',\n\t\t\tpanelCenter: '#ffffff',\n\t\t\tpanelGradient: '#ffffff',\n\t\t\tselectedItem: '#75757530',\n\t\t\tpaper: '#ffffff'\n\t\t},\n\t\tprimary: {\n\t\t\tmain: '#ffb300',\n\t\t\tlight: '#ffe54c',\n\t\t\tdark: '#c68400',\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\n\t\t},\n\t\tsecondary: {\n\t\t\tmain: '#ffb300',\n\t\t\tlight: '#ba68c8',\n\t\t\tdark: '#7b1fa2',\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\n\t\t},\n\t\terror: {\n\t\t\tmain: '#d32f2f',\n\t\t\tlight: '#ef5350',\n\t\t\tdark: '#c62828'\n\t\t},\n\t\twarning: {\n\t\t\tmain: '#ed6c02',\n\t\t\tlight: '#ff9800',\n\t\t\tdark: '#e65100'\n\t\t},\n\t\tinfo: {\n\t\t\tmain: '#0288d1',\n\t\t\tlight: '#03a9f4',\n\t\t\tdark: '#01579b'\n\t\t},\n\t\tsuccess: {\n\t\t\tmain: '#2e7d32',\n\t\t\tlight: '#4caf50',\n\t\t\tdark: '#1b5e20'\n\t\t},\n\t\tcontainerBox: {\n\t\t\tdefault: '#ffffff',\n\t\t\tmain: '#f5f5f5'\n\t\t},\n\t\taction: {\n\t\t\tactive: 'rgba(0, 0, 0, 0.10)',\n\t\t\thover: 'rgba(0, 0, 0, 0.05)',\n\t\t\tselected: '#fff8e1',\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.26)',\n\t\t\tdisabledBackground: 'rgba(255, 255, 255, 0.12)'\n\t\t},\n\t\ttext: {\n\t\t\tprimary: 'rgba(0, 0, 0, 0.87)',\n\t\t\tsecondary: 'rgba(0, 0, 0, 0.6)',\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.58)',\n\t\t\tcolorMain: '#9c6e00'\n\t\t},\n\t\tdivider: 'rgba(0, 0, 0, 0.12)',\n\t\tdropdownBox: '#ffffff',\n\t\tcolor: {\n\t\t\ticons: '#9c6e00'\n\t\t},\n\t\tcellHeader: '#d3d3d3',\n\t\tSkeleton: {\n\t\t\tbg: '#f5f5f5'\n\t\t},\n\t\tmessageBox: '#d3e6fd',\n\t\tboxShadow: 'rgba(0, 0, 0, 0.1)',\n\t\tdisabled: 'rgba(0, 0, 0, 0.26)'\n\t}\n})\n\nexport const lightOrange: Theme = createTheme({\n\tname: 'lightOrange',\n\tpalette: {\n\t\tmode: 'light',\n\t\tbackground: {\n\t\t\tdefault: '#ffffff',\n\t\t\tmainCenter: '#fff3e0',\n\t\t\tmainGradient: 'linear-gradient(270deg, #c66900, #ff9800)',\n\t\t\tnavMenu: '#f8bbd0',\n\t\t\tdropdownMenu: '#f5f5f5',\n\t\t\tpanel: '#ffffff',\n\t\t\ttooltip: '#ff9800',\n\t\t\taccordionHeader: '#F3F4F6',\n\t\t\tpanelHeader: '#F3F4F6',\n\t\t\tpanelCenter: '#ffffff',\n\t\t\tpanelGradient: '#ffffff',\n\t\t\tselectedItem: '#75757530',\n\t\t\tpaper: '#ffffff'\n\t\t},\n\t\tprimary: {\n\t\t\tmain: '#ff9800',\n\t\t\tlight: '#ffc947',\n\t\t\tdark: '#c66900',\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\n\t\t},\n\t\tsecondary: {\n\t\t\tmain: '#ff9800',\n\t\t\tlight: '#ba68c8',\n\t\t\tdark: '#7b1fa2',\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\n\t\t},\n\t\terror: {\n\t\t\tmain: '#d32f2f',\n\t\t\tlight: '#ef5350',\n\t\t\tdark: '#c62828'\n\t\t},\n\t\twarning: {\n\t\t\tmain: '#ed6c02',\n\t\t\tlight: '#ff9800',\n\t\t\tdark: '#e65100'\n\t\t},\n\t\tinfo: {\n\t\t\tmain: '#0288d1',\n\t\t\tlight: '#03a9f4',\n\t\t\tdark: '#01579b'\n\t\t},\n\t\tsuccess: {\n\t\t\tmain: '#2e7d32',\n\t\t\tlight: '#4caf50',\n\t\t\tdark: '#1b5e20'\n\t\t},\n\t\tcontainerBox: {\n\t\t\tdefault: '#ffffff',\n\t\t\tmain: '#f5f5f5'\n\t\t},\n\t\taction: {\n\t\t\tactive: 'rgba(0, 0, 0, 0.10)',\n\t\t\thover: 'rgba(0, 0, 0, 0.05)',\n\t\t\tselected: '#fff3e0',\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.26)',\n\t\t\tdisabledBackground: 'rgba(255, 255, 255, 0.12)'\n\t\t},\n\t\ttext: {\n\t\t\tprimary: 'rgba(0, 0, 0, 0.87)',\n\t\t\tsecondary: 'rgba(0, 0, 0, 0.6)',\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.58)',\n\t\t\tcolorMain: '#ab6600'\n\t\t},\n\t\tdivider: 'rgba(0, 0, 0, 0.12)',\n\t\tdropdownBox: '#ffffff',\n\t\tcolor: {\n\t\t\ticons: '#ab6600'\n\t\t},\n\t\tcellHeader: '#d3d3d3',\n\t\tSkeleton: {\n\t\t\tbg: '#f5f5f5'\n\t\t},\n\t\tmessageBox: '#d3e6fd',\n\t\tboxShadow: 'rgba(0, 0, 0, 0.1)',\n\t\tdisabled: 'rgba(0, 0, 0, 0.26)'\n\t}\n})\n\nexport const lightBrown: Theme = createTheme({\n\tname: 'lightBrown',\n\tpalette: {\n\t\tmode: 'light',\n\t\tbackground: {\n\t\t\tdefault: '#ffffff',\n\t\t\tmainCenter: '#efebe9',\n\t\t\tmainGradient: 'linear-gradient(270deg, #4b2c20, #795548)',\n\t\t\tnavMenu: '#f8bbd0',\n\t\t\tdropdownMenu: '#f5f5f5',\n\t\t\tpanel: '#ffffff',\n\t\t\ttooltip: '#795548',\n\t\t\taccordionHeader: '#F3F4F6',\n\t\t\tpanelHeader: '#F3F4F6',\n\t\t\tpanelCenter: '#ffffff',\n\t\t\tpanelGradient: '#ffffff',\n\t\t\tselectedItem: '#75757530',\n\t\t\tpaper: '#ffffff'\n\t\t},\n\t\tprimary: {\n\t\t\tmain: '#795548',\n\t\t\tlight: '#a98274',\n\t\t\tdark: '#4b2c20',\n\t\t\tcontrastText: '#fff'\n\t\t},\n\t\tsecondary: {\n\t\t\tmain: '#795548',\n\t\t\tlight: '#ba68c8',\n\t\t\tdark: '#7b1fa2',\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\n\t\t},\n\t\terror: {\n\t\t\tmain: '#d32f2f',\n\t\t\tlight: '#ef5350',\n\t\t\tdark: '#c62828'\n\t\t},\n\t\twarning: {\n\t\t\tmain: '#ed6c02',\n\t\t\tlight: '#ff9800',\n\t\t\tdark: '#e65100'\n\t\t},\n\t\tinfo: {\n\t\t\tmain: '#0288d1',\n\t\t\tlight: '#03a9f4',\n\t\t\tdark: '#01579b'\n\t\t},\n\t\tsuccess: {\n\t\t\tmain: '#2e7d32',\n\t\t\tlight: '#4caf50',\n\t\t\tdark: '#1b5e20'\n\t\t},\n\t\tcontainerBox: {\n\t\t\tdefault: '#ffffff',\n\t\t\tmain: '#f5f5f5'\n\t\t},\n\t\taction: {\n\t\t\tactive: 'rgba(0, 0, 0, 0.10)',\n\t\t\thover: 'rgba(0, 0, 0, 0.05)',\n\t\t\tselected: '#efebe9',\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.26)',\n\t\t\tdisabledBackground: 'rgba(255, 255, 255, 0.12)'\n\t\t},\n\t\ttext: {\n\t\t\tprimary: 'rgba(0, 0, 0, 0.87)',\n\t\t\tsecondary: 'rgba(0, 0, 0, 0.6)',\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.58)',\n\t\t\tcolorMain: '#795548'\n\t\t},\n\t\tdivider: 'rgba(0, 0, 0, 0.12)',\n\t\tdropdownBox: '#ffffff',\n\t\tcolor: {\n\t\t\ticons: '#795548'\n\t\t},\n\t\tcellHeader: '#d3d3d3',\n\t\tSkeleton: {\n\t\t\tbg: '#f5f5f5'\n\t\t},\n\t\tmessageBox: '#d3e6fd',\n\t\tboxShadow: 'rgba(0, 0, 0, 0.1)',\n\t\tdisabled: 'rgba(0, 0, 0, 0.26)'\n\t}\n})\n\nexport const lightGray: Theme = createTheme({\n\tname: 'lightGray',\n\tpalette: {\n\t\tmode: 'light',\n\t\tbackground: {\n\t\t\tdefault: '#ffffff',\n\t\t\tmainCenter: '#fafafa',\n\t\t\tmainGradient: 'linear-gradient(270deg, #707070, #9e9e9e)',\n\t\t\tnavMenu: '#f8bbd0',\n\t\t\tdropdownMenu: '#f5f5f5',\n\t\t\tpanel: '#ffffff',\n\t\t\ttooltip: '#9e9e9e',\n\t\t\taccordionHeader: '#F3F4F6',\n\t\t\tpanelHeader: '#F3F4F6',\n\t\t\tpanelCenter: '#ffffff',\n\t\t\tpanelGradient: '#ffffff',\n\t\t\tselectedItem: '#75757530',\n\t\t\tpaper: '#ffffff'\n\t\t},\n\t\tprimary: {\n\t\t\tmain: '#9e9e9e',\n\t\t\tlight: '#cfcfcf',\n\t\t\tdark: '#707070',\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\n\t\t},\n\t\tsecondary: {\n\t\t\tmain: '#9e9e9e',\n\t\t\tlight: '#ba68c8',\n\t\t\tdark: '#7b1fa2',\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\n\t\t},\n\t\terror: {\n\t\t\tmain: '#d32f2f',\n\t\t\tlight: '#ef5350',\n\t\t\tdark: '#c62828'\n\t\t},\n\t\twarning: {\n\t\t\tmain: '#ed6c02',\n\t\t\tlight: '#ff9800',\n\t\t\tdark: '#e65100'\n\t\t},\n\t\tinfo: {\n\t\t\tmain: '#0288d1',\n\t\t\tlight: '#03a9f4',\n\t\t\tdark: '#01579b'\n\t\t},\n\t\tsuccess: {\n\t\t\tmain: '#2e7d32',\n\t\t\tlight: '#4caf50',\n\t\t\tdark: '#1b5e20'\n\t\t},\n\t\tcontainerBox: {\n\t\t\tdefault: '#ffffff',\n\t\t\tmain: '#f5f5f5'\n\t\t},\n\t\taction: {\n\t\t\tactive: 'rgba(0, 0, 0, 0.10)',\n\t\t\thover: 'rgba(0, 0, 0, 0.05)',\n\t\t\tselected: '#fafafa',\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.26)',\n\t\t\tdisabledBackground: 'rgba(255, 255, 255, 0.12)'\n\t\t},\n\t\ttext: {\n\t\t\tprimary: 'rgba(0, 0, 0, 0.87)',\n\t\t\tsecondary: 'rgba(0, 0, 0, 0.6)',\n\t\t\tdisabled: 'rgba(0, 0, 0, 0.58)',\n\t\t\tcolorMain: '#707070'\n\t\t},\n\t\tdivider: 'rgba(0, 0, 0, 0.12)',\n\t\tdropdownBox: '#ffffff',\n\t\tcolor: {\n\t\t\ticons: '#707070'\n\t\t},\n\t\tcellHeader: '#d3d3d3',\n\t\tSkeleton: {\n\t\t\tbg: '#f5f5f5'\n\t\t},\n\t\tmessageBox: '#d3e6fd',\n\t\tboxShadow: 'rgba(0, 0, 0, 0.1)',\n\t\tdisabled: 'rgba(0, 0, 0, 0.26)'\n\t}\n})\n\n// Temas oscuros\nexport const darkBlue: Theme = createTheme({\n\tname: 'darkBlue',\n\tpalette: {\n\t\tmode: 'dark',\n\t\tprimary: {\n\t\t\tmain: '#1f5c8e',\n\t\t\tlight: '#2196f3',\n\t\t\tdark: '#0d47a1',\n\t\t\tcontrastText: '#fff'\n\t\t},\n\t\tsecondary: {\n\t\t\tlight: '#FFEA41',\n\t\t\tmain: '#90caf9',\n\t\t\tdark: '#DBBE01',\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\n\t\t},\n\t\terror: {\n\t\t\tmain: '#f44336',\n\t\t\tlight: '#e57373',\n\t\t\tdark: '#d32f2f'\n\t\t},\n\t\twarning: {\n\t\t\tmain: '#ffa726',\n\t\t\tlight: '#ffb74d',\n\t\t\tdark: '#f57c00'\n\t\t},\n\t\tinfo: {\n\t\t\tmain: '#29b6f6',\n\t\t\tlight: '#4fc3f7',\n\t\t\tdark: '#0288d1'\n\t\t},\n\t\tsuccess: {\n\t\t\tmain: '#66bb6a',\n\t\t\tlight: '#81c784',\n\t\t\tdark: '#388e3c'\n\t\t},\n\t\tbackground: {\n\t\t\tdefault: '#222B45',\n\t\t\tmainGradient: 'linear-gradient(270deg, #222B45, #222B45)',\n\t\t\tmainCenter: '#28324e',\n\t\t\tnavMenu: '#222B45',\n\t\t\tpanel: '#2d364e',\n\t\t\tdropdownMenu: '#484f65',\n\t\t\ttooltip: '#484f65',\n\t\t\taccordionHeader: '#2a3249e3',\n\t\t\tpanelHeader: '#2a3249e3',\n\t\t\tpanelCenter: '#484f65',\n\t\t\tpanelGradient: '#384057',\n\t\t\tselectedItem: '#eeeeee30',\n\t\t\tpaper: '#2d364e'\n\t\t},\n\t\tcontainerBox: {\n\t\t\tdefault: '#2d354e',\n\t\t\tmain: '#2d354e'\n\t\t},\n\t\taction: {\n\t\t\tactive: 'rgba(255, 255, 255, 0.2)',\n\t\t\thover: 'rgba(255, 255, 255, 0.08)',\n\t\t\tselected: 'rgba(255, 255, 255, 0.16)',\n\t\t\tdisabled: 'rgba(255, 255, 255, 0.3)',\n\t\t\tdisabledBackground: 'rgba(255, 255, 255, 0.12)'\n\t\t},\n\t\ttext: {\n\t\t\tprimary: '#EEEEEF',\n\t\t\tsecondary: '#AEB0B4',\n\t\t\tdisabled: 'rgba(255, 255, 255, 0.5)',\n\t\t\tcolorMain: '#EEEEEF'\n\t\t},\n\t\tdivider: 'rgba(255, 255, 255, 0.12)',\n\t\tdropdownBox: '#2d354e',\n\t\tcolor: {\n\t\t\ticons: '#fff'\n\t\t},\n\t\tcellHeader: '#505050',\n\t\tSkeleton: {\n\t\t\tbg: '#f5f5f5'\n\t\t},\n\t\tmessageBox: '#1f5c8e',\n\t\tboxShadow: 'rgba(0, 0, 0, 0.1)',\n\t\tdisabled: 'rgba(0, 0, 0, 0.26)'\n\t}\n})\n\nexport const darkBlack: Theme = createTheme({\n\tname: 'darkBlack',\n\tpalette: {\n\t\tmode: 'dark',\n\t\tbackground: {\n\t\t\tdefault: '#201f1e',\n\t\t\tmainGradient: 'linear-gradient(270deg, #201f1e, #201f1e)',\n\t\t\tmainCenter: '#252423',\n\t\t\tnavMenu: '#201f1e',\n\t\t\tpanel: '#3B3A39',\n\t\t\tdropdownMenu: '#585858',\n\t\t\ttooltip: '#616161eb',\n\t\t\taccordionHeader: '#25242369',\n\t\t\tpanelHeader: '#3b3a39ba',\n\t\t\tpanelCenter: '#585858',\n\t\t\tpanelGradient: '#454443',\n\t\t\tselectedItem: '#eeeeee30',\n\t\t\tpaper: '#3B3A39'\n\t\t},\n\t\tprimary: {\n\t\t\tmain: '#1976d2',\n\t\t\tlight: '#2196f3',\n\t\t\tdark: '#42a5f5',\n\t\t\tcontrastText: '#fff'\n\t\t},\n\t\tsecondary: {\n\t\t\tlight: '#FFEA41',\n\t\t\tmain: '#90caf9',\n\t\t\tdark: '#DBBE01',\n\t\t\tcontrastText: 'rgba(0, 0, 0, 0.87)'\n\t\t},\n\t\terror: {\n\t\t\tmain: '#f44336',\n\t\t\tlight: '#e57373',\n\t\t\tdark: '#d32f2f'\n\t\t},\n\t\twarning: {\n\t\t\tmain: '#ffa726',\n\t\t\tlight: '#ffb74d',\n\t\t\tdark: '#f57c00'\n\t\t},\n\t\tinfo: {\n\t\t\tmain: '#29b6f6',\n\t\t\tlight: '#4fc3f7',\n\t\t\tdark: '#0288d1'\n\t\t},\n\t\tsuccess: {\n\t\t\tmain: '#66bb6a',\n\t\t\tlight: '#81c784',\n\t\t\tdark: '#388e3c'\n\t\t},\n\t\tcontainerBox: {\n\t\t\tmain: '#ffffffb3',\n\t\t\tdefault: '#3B3A39'\n\t\t},\n\t\taction: {\n\t\t\tactive: 'rgba(255, 255, 255, 0.2)',\n\t\t\thover: 'rgba(255, 255, 255, 0.08)',\n\t\t\tselected: 'rgba(255, 255, 255, 0.16)',\n\t\t\tdisabled: 'rgba(255, 255, 255, 0.3)',\n\t\t\tdisabledBackground: 'rgba(255, 255, 255, 0.12)'\n\t\t},\n\t\ttext: {\n\t\t\tprimary: '#EEEEEF',\n\t\t\tsecondary: '#AEB0B4',\n\t\t\tdisabled: 'rgba(255, 255, 255, 0.5)',\n\t\t\tcolorMain: '#EEEEEF'\n\t\t},\n\t\tdivider: 'rgba(255, 255, 255, 0.12)',\n\t\tdropdownBox: '#3B3A39',\n\t\tcolor: {\n\t\t\ticons: '#fff'\n\t\t},\n\t\tcellHeader: '#505050',\n\t\tSkeleton: {\n\t\t\tbg: '#f5f5f5'\n\t\t},\n\t\tmessageBox: '#1f5c8e',\n\t\tboxShadow: 'rgba(0, 0, 0, 0.1)',\n\t\tdisabled: 'rgba(0, 0, 0, 0.26)'\n\t}\n})\n\n","import { createSlice, createAsyncThunk, PayloadAction } from '@reduxjs/toolkit';\nimport axios from 'axios';\nimport { Theme } from '@mui/material';\nimport {\n lightBlueIndigo,\n darkBlack,\n darkBlue,\n lightAmber,\n lightBlue,\n lightBrown,\n lightGray,\n lightGreen,\n lightLime,\n lightOrange,\n lightPink,\n lightPurple,\n lightRed,\n lightTeal,\n lightYellow,\n} from './themeProvider';\n\n\n/**\n * Forma mínima del store que necesita este slice: la app que lo use tiene que\n * tener `Theme` y `User.user.uid`.\n */\nexport interface ThemeRootState {\n User: {\n user: {\n uid: string;\n /** Requerido por `updateTheme`: la URL lo lleva en la ruta. */\n spaceId?: string;\n };\n };\n Theme: ThemeState;\n}\n\n/**\n * `trii-root-front` lee esta clave para pintar el fondo antes de montar los\n * micro-fronts. Si se deja de escribir, se ve un flash del tema equivocado.\n */\nconst THEME_STORAGE_KEY = 'trii-theme';\n\nconst themeUrl = (spaceId: string) =>\n `https://agent-api.trii.app/api/v1/settings/${spaceId}/user/setTheme`;\n\n/** Nombres de tema disponibles. */\nexport type ThemeName =\n | 'lightBlueIndigo'\n | 'darkBlack'\n | 'darkBlue'\n | 'lightAmber'\n | 'lightBlue'\n | 'lightBrown'\n | 'lightGray'\n | 'lightGreen'\n | 'lightLime'\n | 'lightOrange'\n | 'lightPink'\n | 'lightPurple'\n | 'lightRed'\n | 'lightTeal'\n | 'lightYellow';\n\n/** Estado del slice. */\nexport interface ThemeState {\n themeSelected: Theme;\n darkMode: boolean;\n toggleStatus: 'idle' | 'toggled';\n}\n\n/** Lee el tema persistido; si no hay o falla, usa el de por defecto. */\nconst getSavedTheme = (): Theme => {\n try {\n const saved = localStorage.getItem(THEME_STORAGE_KEY);\n if (saved && isValidThemeName(saved)) return getTheme(saved);\n } catch {\n // localStorage puede no estar disponible (SSR, modo privado)\n }\n return lightBlueIndigo;\n};\n\n/** Persiste el tema para que `trii-root-front` lo lea en el arranque. */\nconst saveTheme = (theme: ThemeName): void => {\n try {\n localStorage.setItem(THEME_STORAGE_KEY, theme);\n } catch {\n // sin localStorage el tema igual se aplica, solo no persiste\n }\n};\n\nconst initialState: ThemeState = {\n themeSelected: getSavedTheme(),\n darkMode: false,\n toggleStatus: 'idle',\n};\n\n/** Guarda el tema elegido en el backend. */\nexport const updateTheme = createAsyncThunk<\n { theme: ThemeName },\n ThemeName,\n { state: ThemeRootState }\n>('Theme/updateTheme', async (theme, { getState }) => {\n const { uid = '', spaceId = '' } = getState().User.user ?? {};\n const themeJson = JSON.stringify({ theme, uid });\n\n const response = await axios.put<{ theme: ThemeName }>(\n themeUrl(spaceId),\n themeJson,\n { headers: { 'Content-Type': 'application/json' } }\n );\n return response.data;\n});\n\n/** Slice del tema. */\nconst themeSlice = createSlice({\n name: 'Theme',\n initialState,\n reducers: {\n /** Cambia el tema por nombre. */\n toggleTheme: (state, action: PayloadAction<ThemeName>): void => {\n saveTheme(action.payload);\n const theme = getTheme(action.payload);\n Object.assign(state, { themeSelected: theme, toggleStatus: 'toggled' });\n },\n /** Alterna el modo oscuro. */\n toggleModeTheme: (state): void => {\n state.darkMode = !state.darkMode;\n },\n },\n extraReducers: (builder) => {\n builder.addCase(updateTheme.fulfilled, (state, action): void => {\n saveTheme(action.payload.theme);\n const theme = getTheme(action.payload.theme);\n Object.assign(state, { themeSelected: theme });\n });\n },\n});\n\n/** Devuelve el objeto Theme de MUI a partir del nombre. */\nconst getTheme = (theme: ThemeName): Theme => {\n switch (theme) {\n case 'lightBlueIndigo':\n return lightBlueIndigo;\n case 'darkBlack':\n return darkBlack;\n case 'darkBlue':\n return darkBlue;\n case 'lightAmber':\n return lightAmber;\n case 'lightBlue':\n return lightBlue;\n case 'lightBrown':\n return lightBrown;\n case 'lightGray':\n return lightGray;\n case 'lightGreen':\n return lightGreen;\n case 'lightLime':\n return lightLime;\n case 'lightOrange':\n return lightOrange;\n case 'lightPink':\n return lightPink;\n case 'lightPurple':\n return lightPurple;\n case 'lightRed':\n return lightRed;\n case 'lightTeal':\n return lightTeal;\n case 'lightYellow':\n return lightYellow;\n default:\n return lightBlueIndigo;\n }\n};\n\n/** Valida que el string sea un `ThemeName`. */\nexport const isValidThemeName = (theme: string): theme is ThemeName => {\n const validThemes: ThemeName[] = [\n 'lightBlueIndigo',\n 'darkBlack',\n 'darkBlue',\n 'lightAmber',\n 'lightBlue',\n 'lightBrown',\n 'lightGray',\n 'lightGreen',\n 'lightLime',\n 'lightOrange',\n 'lightPink',\n 'lightPurple',\n 'lightRed',\n 'lightTeal',\n 'lightYellow',\n ];\n return validThemes.includes(theme as ThemeName);\n};\n\nexport const { toggleTheme, toggleModeTheme } = themeSlice.actions;\n\n// Selectores\nexport const selectThemeToggleStatus = (state: ThemeRootState) =>\n state.Theme.toggleStatus;\nexport const selectTheme = (state: ThemeRootState) => state.Theme.themeSelected;\nexport const selectDarkTheme = (state: ThemeRootState) => state.Theme.darkMode;\n\n/**\n * @deprecated Usar `selectTheme`. El prefijo correcto para un selector es\n * `select` (ver Guía de Arquitectura Frontend, sección 4 - Nomenclatura).\n * Se mantiene hasta que los 6 micro-fronts terminen de migrar.\n */\nexport const selectedTheme = selectTheme;\n/**\n * @deprecated Usar `selectDarkTheme`. Mismo motivo que `selectedTheme`.\n */\nexport const selectedDarkTheme = selectDarkTheme;\n\nexport default themeSlice.reducer;\n"],"names":["MuiComponentsConfig","themeRedux","options","transparentModal","autocompleteZIndex","bg","createTheme","lightBlueIndigo","lightBlue","lightRed","lightGreen","lightPink","lightPurple","lightTeal","lightLime","lightYellow","lightAmber","lightOrange","lightBrown","lightGray","darkBlue","darkBlack","THEME_STORAGE_KEY","themeUrl","spaceId","getSavedTheme","saved","isValidThemeName","getTheme","saveTheme","theme","initialState","updateTheme","createAsyncThunk","getState","uid","themeJson","axios","themeSlice","createSlice","state","action","builder","toggleTheme","toggleModeTheme","selectThemeToggleStatus","selectTheme","selectDarkTheme","selectedTheme","selectedDarkTheme"],"mappings":"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A,MAAO,CACN,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,KAAM,CACL,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,aAAc,CACb,QAAS,UACT,KAAM,SACP,EACA,OAAQ,CACP,OAAQ,sBACR,MAAO,sBACP,SAAU,UACV,SAAU,sBACV,mBAAoB,2BACrB,EACA,KAAM,CACL,QAAS,sBACT,UAAW,qBACX,SAAU,sBACV,UAAW,SACZ,EACA,QAAS,sBACT,YAAa,UACb,MAAO,CACN,MAAO,SACR,EACA,WAAY,UACZ,SAAU,CACT,GAAI,SACL,EACA,WAAY,UACZ,UAAW,qBACX,SAAU,qBACX,CACD,CAAC,EAEYG,EAAkBH,EAAY,CAC1C,KAAM,WACN,QAAS,CACR,KAAM,QACN,WAAY,CACX,QAAS,UACT,WAAY,UACZ,aAAc,4CACd,QAAS,UACT,aAAc,UACd,MAAO,UACP,QAAS,UACT,gBAAiB,UACjB,YAAa,UACb,YAAa,UACb,cAAe,UACf,aAAc,YACd,MAAO,SACR,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,UAAW,CACV,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,MAAO,CACN,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,KAAM,CACL,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,aAAc,CACb,QAAS,UACT,KAAM,SACP,EACA,OAAQ,CACP,OAAQ,sBACR,MAAO,sBACP,SAAU,UACV,SAAU,sBACV,mBAAoB,2BACrB,EACA,KAAM,CACL,QAAS,sBACT,UAAW,qBACX,SAAU,sBACV,UAAW,SACZ,EACA,QAAS,sBACT,YAAa,UACb,MAAO,CACN,MAAO,SACR,EACA,WAAY,UACZ,SAAU,CACT,GAAI,SACL,EACA,WAAY,UACZ,UAAW,qBACX,SAAU,qBACX,CACD,CAAC,EAEYI,EAAoBJ,EAAY,CAC5C,KAAM,aACN,QAAS,CACR,KAAM,QACN,WAAY,CACX,QAAS,UACT,WAAY,UACZ,aAAc,4CACd,QAAS,UACT,aAAc,UACd,MAAO,UACP,QAAS,UACT,gBAAiB,UACjB,YAAa,UACb,YAAa,UACb,cAAe,UACf,aAAc,YACd,MAAO,SACR,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,UAAW,CACV,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,MAAO,CACN,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,KAAM,CACL,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,aAAc,CACb,QAAS,UACT,KAAM,SACP,EACA,OAAQ,CACP,OAAQ,sBACR,MAAO,sBACP,SAAU,UACV,SAAU,sBACV,mBAAoB,2BACrB,EACA,KAAM,CACL,QAAS,sBACT,UAAW,qBACX,SAAU,sBACV,UAAW,SACZ,EACA,QAAS,sBACT,YAAa,UACb,MAAO,CACN,MAAO,SACR,EACA,WAAY,UACZ,SAAU,CACT,GAAI,SACL,EACA,WAAY,UACZ,UAAW,qBACX,SAAU,qBACX,CACD,CAAC,EAEYK,EAAmBL,EAAY,CAC3C,KAAM,YACN,QAAS,CACR,KAAM,QACN,WAAY,CACX,QAAS,UACT,WAAY,UACZ,aAAc,4CACd,QAAS,UACT,aAAc,UACd,MAAO,UACP,QAAS,UACT,gBAAiB,UACjB,YAAa,UACb,YAAa,UACb,cAAe,UACf,aAAc,YACd,MAAO,SACR,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,MACf,EACA,UAAW,CACV,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,MAAO,CACN,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,KAAM,CACL,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,aAAc,CACb,QAAS,UACT,KAAM,SACP,EACA,OAAQ,CACP,OAAQ,sBACR,MAAO,sBACP,SAAU,UACV,SAAU,sBACV,mBAAoB,2BACrB,EACA,KAAM,CACL,QAAS,sBACT,UAAW,qBACX,SAAU,sBACV,UAAW,SACZ,EACA,QAAS,sBACT,YAAa,UACb,MAAO,CACN,MAAO,SACR,EACA,WAAY,UACZ,SAAU,CACT,GAAI,SACL,EACA,WAAY,UACZ,UAAW,qBACX,SAAU,qBACX,CACD,CAAC,EAEYM,EAAqBN,EAAY,CAC7C,KAAM,cACN,QAAS,CACR,KAAM,QACN,WAAY,CACX,QAAS,UACT,WAAY,UACZ,aAAc,4CACd,QAAS,UACT,aAAc,UACd,MAAO,UACP,QAAS,UACT,gBAAiB,UACjB,YAAa,UACb,YAAa,UACb,cAAe,UACf,aAAc,YACd,MAAO,SACR,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,MACf,EACA,UAAW,CACV,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,MAAO,CACN,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,KAAM,CACL,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,aAAc,CACb,QAAS,UACT,KAAM,SACP,EACA,OAAQ,CACP,OAAQ,sBACR,MAAO,sBACP,SAAU,UACV,SAAU,sBACV,mBAAoB,2BACrB,EACA,KAAM,CACL,QAAS,sBACT,UAAW,qBACX,SAAU,sBACV,UAAW,SACZ,EACA,QAAS,sBACT,YAAa,UACb,MAAO,CACN,MAAO,SACR,EACA,WAAY,UACZ,SAAU,CACT,GAAI,SACL,EACA,WAAY,UACZ,UAAW,qBACX,SAAU,qBACX,CACD,CAAC,EAEYO,EAAmBP,EAAY,CAC3C,KAAM,YACN,QAAS,CACR,KAAM,QACN,WAAY,CACX,QAAS,UACT,WAAY,UACZ,aAAc,4CACd,QAAS,UACT,aAAc,UACd,MAAO,UACP,QAAS,UACT,gBAAiB,UACjB,YAAa,UACb,YAAa,UACb,cAAe,UACf,aAAc,YACd,MAAO,SACR,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,UAAW,CACV,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,MAAO,CACN,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,KAAM,CACL,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,aAAc,CACb,QAAS,UACT,KAAM,SACP,EACA,OAAQ,CACP,OAAQ,sBACR,MAAO,sBACP,SAAU,UACV,SAAU,sBACV,mBAAoB,2BACrB,EACA,KAAM,CACL,QAAS,sBACT,UAAW,qBACX,SAAU,sBACV,UAAW,SACZ,EACA,QAAS,sBACT,YAAa,UACb,MAAO,CACN,MAAO,SACR,EACA,WAAY,UACZ,SAAU,CACT,GAAI,SACL,EACA,WAAY,UACZ,UAAW,qBACX,SAAU,qBACX,CACD,CAAC,EAEYQ,EAAmBR,EAAY,CAC3C,KAAM,YACN,QAAS,CACR,KAAM,QACN,WAAY,CACX,QAAS,UACT,WAAY,UACZ,aAAc,4CACd,QAAS,UACT,aAAc,UACd,MAAO,UACP,QAAS,UACT,gBAAiB,UACjB,YAAa,UACb,YAAa,UACb,cAAe,UACf,aAAc,YACd,MAAO,SACR,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,UAAW,CACV,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,MAAO,CACN,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,KAAM,CACL,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,aAAc,CACb,QAAS,UACT,KAAM,SACP,EACA,OAAQ,CACP,OAAQ,sBACR,MAAO,sBACP,SAAU,UACV,SAAU,sBACV,mBAAoB,2BACrB,EACA,KAAM,CACL,QAAS,sBACT,UAAW,qBACX,SAAU,sBACV,UAAW,SACZ,EACA,QAAS,sBACT,YAAa,UACb,MAAO,CACN,MAAO,SACR,EACA,WAAY,UACZ,SAAU,CACT,GAAI,SACL,EACA,WAAY,UACZ,UAAW,qBACX,SAAU,qBACX,CACD,CAAC,EAEYS,EAAqBT,EAAY,CAC7C,KAAM,cACN,QAAS,CACR,KAAM,QACN,WAAY,CACX,QAAS,UACT,WAAY,UACZ,aAAc,4CACd,QAAS,UACT,aAAc,UACd,MAAO,UACP,QAAS,UACT,gBAAiB,UACjB,YAAa,UACb,YAAa,UACb,cAAe,UACf,aAAc,YACd,MAAO,SACR,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,UAAW,CACV,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,MAAO,CACN,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,KAAM,CACL,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,aAAc,CACb,QAAS,UACT,KAAM,SACP,EACA,OAAQ,CACP,OAAQ,sBACR,MAAO,sBACP,SAAU,UACV,SAAU,sBACV,mBAAoB,2BACrB,EACA,KAAM,CACL,QAAS,sBACT,UAAW,qBACX,SAAU,sBACV,UAAW,SACZ,EACA,QAAS,sBACT,YAAa,UACb,MAAO,CACN,MAAO,SACR,EACA,WAAY,UACZ,SAAU,CACT,GAAI,SACL,EACA,WAAY,UACZ,UAAW,qBACX,SAAU,qBACX,CACD,CAAC,EAEYU,EAAoBV,EAAY,CAC5C,KAAM,aACN,QAAS,CACR,KAAM,QACN,WAAY,CACX,QAAS,UACT,WAAY,UACZ,aAAc,4CACd,QAAS,UACT,aAAc,UACd,MAAO,UACP,QAAS,UACT,gBAAiB,UACjB,YAAa,UACb,YAAa,UACb,cAAe,UACf,aAAc,YACd,MAAO,SACR,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,UAAW,CACV,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,MAAO,CACN,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,KAAM,CACL,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,aAAc,CACb,QAAS,UACT,KAAM,SACP,EACA,OAAQ,CACP,OAAQ,sBACR,MAAO,sBACP,SAAU,UACV,SAAU,sBACV,mBAAoB,2BACrB,EACA,KAAM,CACL,QAAS,sBACT,UAAW,qBACX,SAAU,sBACV,UAAW,SACZ,EACA,QAAS,sBACT,YAAa,UACb,MAAO,CACN,MAAO,SACR,EACA,WAAY,UACZ,SAAU,CACT,GAAI,SACL,EACA,WAAY,UACZ,UAAW,qBACX,SAAU,qBACX,CACD,CAAC,EAEYW,EAAqBX,EAAY,CAC7C,KAAM,cACN,QAAS,CACR,KAAM,QACN,WAAY,CACX,QAAS,UACT,WAAY,UACZ,aAAc,4CACd,QAAS,UACT,aAAc,UACd,MAAO,UACP,QAAS,UACT,gBAAiB,UACjB,YAAa,UACb,YAAa,UACb,cAAe,UACf,aAAc,YACd,MAAO,SACR,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,UAAW,CACV,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,MAAO,CACN,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,KAAM,CACL,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,aAAc,CACb,QAAS,UACT,KAAM,SACP,EACA,OAAQ,CACP,OAAQ,sBACR,MAAO,sBACP,SAAU,UACV,SAAU,sBACV,mBAAoB,2BACrB,EACA,KAAM,CACL,QAAS,sBACT,UAAW,qBACX,SAAU,sBACV,UAAW,SACZ,EACA,QAAS,sBACT,YAAa,UACb,MAAO,CACN,MAAO,SACR,EACA,WAAY,UACZ,SAAU,CACT,GAAI,SACL,EACA,WAAY,UACZ,UAAW,qBACX,SAAU,qBACX,CACD,CAAC,EAEYY,EAAoBZ,EAAY,CAC5C,KAAM,aACN,QAAS,CACR,KAAM,QACN,WAAY,CACX,QAAS,UACT,WAAY,UACZ,aAAc,4CACd,QAAS,UACT,aAAc,UACd,MAAO,UACP,QAAS,UACT,gBAAiB,UACjB,YAAa,UACb,YAAa,UACb,cAAe,UACf,aAAc,YACd,MAAO,SACR,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,MACf,EACA,UAAW,CACV,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,MAAO,CACN,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,KAAM,CACL,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,aAAc,CACb,QAAS,UACT,KAAM,SACP,EACA,OAAQ,CACP,OAAQ,sBACR,MAAO,sBACP,SAAU,UACV,SAAU,sBACV,mBAAoB,2BACrB,EACA,KAAM,CACL,QAAS,sBACT,UAAW,qBACX,SAAU,sBACV,UAAW,SACZ,EACA,QAAS,sBACT,YAAa,UACb,MAAO,CACN,MAAO,SACR,EACA,WAAY,UACZ,SAAU,CACT,GAAI,SACL,EACA,WAAY,UACZ,UAAW,qBACX,SAAU,qBACX,CACD,CAAC,EAEYa,EAAmBb,EAAY,CAC3C,KAAM,YACN,QAAS,CACR,KAAM,QACN,WAAY,CACX,QAAS,UACT,WAAY,UACZ,aAAc,4CACd,QAAS,UACT,aAAc,UACd,MAAO,UACP,QAAS,UACT,gBAAiB,UACjB,YAAa,UACb,YAAa,UACb,cAAe,UACf,aAAc,YACd,MAAO,SACR,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,UAAW,CACV,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,qBACf,EACA,MAAO,CACN,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,KAAM,CACL,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,aAAc,CACb,QAAS,UACT,KAAM,SACP,EACA,OAAQ,CACP,OAAQ,sBACR,MAAO,sBACP,SAAU,UACV,SAAU,sBACV,mBAAoB,2BACrB,EACA,KAAM,CACL,QAAS,sBACT,UAAW,qBACX,SAAU,sBACV,UAAW,SACZ,EACA,QAAS,sBACT,YAAa,UACb,MAAO,CACN,MAAO,SACR,EACA,WAAY,UACZ,SAAU,CACT,GAAI,SACL,EACA,WAAY,UACZ,UAAW,qBACX,SAAU,qBACX,CACD,CAAC,EAGYc,EAAkBd,EAAY,CAC1C,KAAM,WACN,QAAS,CACR,KAAM,OACN,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,UACN,aAAc,MACf,EACA,UAAW,CACV,MAAO,UACP,KAAM,UACN,KAAM,UACN,aAAc,qBACf,EACA,MAAO,CACN,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,KAAM,CACL,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,QAAS,CACR,KAAM,UACN,MAAO,UACP,KAAM,SACP,EACA,WAAY,CACX,QAAS,UACT,aAAc,4CACd,WAAY,UACZ,QAAS,UACT,MAAO,UACP,aAAc,UACd,QAAS,UACT,gBAAiB,YACjB,YAAa,YACb,YAAa,UACb,cAAe,UACf,aAAc,YACd,MAAO,SACR,EACA,aAAc,CACb,QAAS,UACT,KAAM,S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"}
package/dist/theme.d.ts ADDED
@@ -0,0 +1,149 @@
1
+ import { Theme } from '@mui/material';
2
+ import * as _reduxjs_toolkit from '@reduxjs/toolkit';
3
+ import * as redux_thunk from 'redux-thunk';
4
+ import * as redux from 'redux';
5
+
6
+ /**
7
+ * Ajustes que difieren entre apps. Los valores por defecto son los que ya
8
+ * usaba el paquete, asi que omitir las opciones no cambia nada.
9
+ */
10
+ interface MuiComponentsConfigOptions {
11
+ /**
12
+ * Fondo del modal y su backdrop en transparente. Lo usan header y home;
13
+ * contacts lo tenia desactivado a proposito.
14
+ */
15
+ transparentModal?: boolean;
16
+ /** z-index del popper del Autocomplete. Header necesita 1; el resto, 11. */
17
+ autocompleteZIndex?: number;
18
+ }
19
+ declare const MuiComponentsConfig: (themeRedux: Theme, options?: MuiComponentsConfigOptions) => Theme;
20
+
21
+ /**
22
+ * Forma mínima del store que necesita este slice: la app que lo use tiene que
23
+ * tener `Theme` y `User.user.uid`.
24
+ */
25
+ interface ThemeRootState {
26
+ User: {
27
+ user: {
28
+ uid: string;
29
+ /** Requerido por `updateTheme`: la URL lo lleva en la ruta. */
30
+ spaceId?: string;
31
+ };
32
+ };
33
+ Theme: ThemeState;
34
+ }
35
+ /** Nombres de tema disponibles. */
36
+ type ThemeName = 'lightBlueIndigo' | 'darkBlack' | 'darkBlue' | 'lightAmber' | 'lightBlue' | 'lightBrown' | 'lightGray' | 'lightGreen' | 'lightLime' | 'lightOrange' | 'lightPink' | 'lightPurple' | 'lightRed' | 'lightTeal' | 'lightYellow';
37
+ /** Estado del slice. */
38
+ interface ThemeState {
39
+ themeSelected: Theme;
40
+ darkMode: boolean;
41
+ toggleStatus: 'idle' | 'toggled';
42
+ }
43
+ /** Guarda el tema elegido en el backend. */
44
+ declare const updateTheme: _reduxjs_toolkit.AsyncThunk<{
45
+ theme: ThemeName;
46
+ }, ThemeName, {
47
+ state: ThemeRootState;
48
+ dispatch?: redux_thunk.ThunkDispatch<unknown, unknown, redux.UnknownAction>;
49
+ extra?: unknown;
50
+ rejectValue?: unknown;
51
+ serializedErrorType?: unknown;
52
+ pendingMeta?: unknown;
53
+ fulfilledMeta?: unknown;
54
+ rejectedMeta?: unknown;
55
+ }>;
56
+ /** Valida que el string sea un `ThemeName`. */
57
+ declare const isValidThemeName: (theme: string) => theme is ThemeName;
58
+ declare const toggleTheme: _reduxjs_toolkit.ActionCreatorWithOptionalPayload<ThemeName, "Theme/toggleTheme">;
59
+ declare const toggleModeTheme: _reduxjs_toolkit.ActionCreatorWithoutPayload<"Theme/toggleModeTheme">;
60
+ declare const selectThemeToggleStatus: (state: ThemeRootState) => "idle" | "toggled";
61
+ declare const selectTheme: (state: ThemeRootState) => Theme;
62
+ declare const selectDarkTheme: (state: ThemeRootState) => boolean;
63
+ /**
64
+ * @deprecated Usar `selectTheme`. El prefijo correcto para un selector es
65
+ * `select` (ver Guía de Arquitectura Frontend, sección 4 - Nomenclatura).
66
+ * Se mantiene hasta que los 6 micro-fronts terminen de migrar.
67
+ */
68
+ declare const selectedTheme: (state: ThemeRootState) => Theme;
69
+ /**
70
+ * @deprecated Usar `selectDarkTheme`. Mismo motivo que `selectedTheme`.
71
+ */
72
+ declare const selectedDarkTheme: (state: ThemeRootState) => boolean;
73
+ declare const _default: redux.Reducer<ThemeState>;
74
+
75
+ declare module '@mui/material/styles' {
76
+ interface TypeBackground {
77
+ mainCenter: string;
78
+ mainGradient: string;
79
+ navMenu: string;
80
+ dropdownMenu: string;
81
+ panel: string;
82
+ tooltip: string;
83
+ accordionHeader: string;
84
+ panelHeader: string;
85
+ panelCenter: string;
86
+ panelGradient: string;
87
+ selectedItem: string;
88
+ }
89
+ interface TypeText {
90
+ colorMain: string;
91
+ }
92
+ interface Palette {
93
+ containerBox: {
94
+ default: string;
95
+ main: string;
96
+ };
97
+ dropdownBox: string;
98
+ color: {
99
+ icons: string;
100
+ };
101
+ cellHeader: string;
102
+ Skeleton: {
103
+ bg: string;
104
+ };
105
+ messageBox: string;
106
+ boxShadow: string;
107
+ disabled: string;
108
+ }
109
+ interface PaletteOptions {
110
+ containerBox?: {
111
+ default?: string;
112
+ main?: string;
113
+ };
114
+ dropdownBox?: string;
115
+ color?: {
116
+ icons?: string;
117
+ };
118
+ cellHeader?: string;
119
+ Skeleton?: {
120
+ bg?: string;
121
+ };
122
+ messageBox?: string;
123
+ boxShadow?: string;
124
+ disabled?: string;
125
+ }
126
+ interface Theme {
127
+ name?: string;
128
+ }
129
+ interface ThemeOptions {
130
+ name?: string;
131
+ }
132
+ }
133
+ declare const lightBlueIndigo: Theme;
134
+ declare const lightBlue: Theme;
135
+ declare const lightRed: Theme;
136
+ declare const lightGreen: Theme;
137
+ declare const lightPink: Theme;
138
+ declare const lightPurple: Theme;
139
+ declare const lightTeal: Theme;
140
+ declare const lightLime: Theme;
141
+ declare const lightYellow: Theme;
142
+ declare const lightAmber: Theme;
143
+ declare const lightOrange: Theme;
144
+ declare const lightBrown: Theme;
145
+ declare const lightGray: Theme;
146
+ declare const darkBlue: Theme;
147
+ declare const darkBlack: Theme;
148
+
149
+ export { MuiComponentsConfig, type MuiComponentsConfigOptions, type ThemeName, type ThemeRootState, type ThemeState, darkBlack, darkBlue, isValidThemeName, lightAmber, lightBlue, lightBlueIndigo, lightBrown, lightGray, lightGreen, lightLime, lightOrange, lightPink, lightPurple, lightRed, lightTeal, lightYellow, selectDarkTheme, selectTheme, selectThemeToggleStatus, selectedDarkTheme, selectedTheme, _default as themeReducer, toggleModeTheme, toggleTheme, updateTheme };
package/package.json CHANGED
@@ -1,13 +1,14 @@
1
1
  {
2
2
  "name": "@trii/components",
3
- "version": "3.1.1",
3
+ "version": "3.1.3",
4
4
  "description": "Trii components package",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",
7
7
  "types": "dist/index.d.ts",
8
8
  "files": [
9
9
  "dist",
10
- "async-state"
10
+ "async-state",
11
+ "theme"
11
12
  ],
12
13
  "scripts": {
13
14
  "dev": "npm-run-all --parallel dev:types dev:js",
@@ -142,7 +143,19 @@
142
143
  "react-dom": ">=17.0.2 <19.0.0",
143
144
  "react-i18next": "^16.5.3",
144
145
  "single-spa": "^5.9.3",
145
- "single-spa-react": "^6.0.2"
146
+ "single-spa-react": ">=4.0.0"
147
+ },
148
+ "peerDependenciesMeta": {
149
+ "@mui/x-date-pickers": { "optional": true },
150
+ "@mui/x-date-pickers-pro": { "optional": true },
151
+ "dayjs": { "optional": true },
152
+ "google-libphonenumber": { "optional": true },
153
+ "handlebars": { "optional": true },
154
+ "i18next": { "optional": true },
155
+ "moment": { "optional": true },
156
+ "react-i18next": { "optional": true },
157
+ "single-spa": { "optional": true },
158
+ "single-spa-react": { "optional": true }
146
159
  },
147
160
  "dependencies": {
148
161
  "@mdi/js": "^7.4.47",
package/theme/package.json ADDED
@@ -0,0 +1,9 @@
1
+ {
2
+ "name": "@trii/components-theme",
3
+ "private": true,
4
+ "description": "Stub de resolucion para el subpath @trii/components/theme. No se publica como paquete propio: existe para que Node/webpack/TS con moduleResolution 'node' encuentren la entrada secundaria sin pasar por el campo 'exports'. Trae solo la paleta, el slice y MuiComponentsConfig, sin arrastrar la UI del paquete (x-date-pickers, lab, i18n, single-spa).",
5
+ "main": "../dist/cjs/theme.js",
6
+ "module": "../dist/esm/theme.js",
7
+ "types": "../dist/theme.d.ts",
8
+ "sideEffects": false
9
+ }