@zidsa/zidmui 2.5.15 → 2.5.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/react/cjs/components/app-icon-box.js +26 -2
- package/dist/react/cjs/components/app-icon-box.js.map +1 -1
- package/dist/react/cjs/components/app-status.js +1 -43
- package/dist/react/cjs/components/app-status.js.map +1 -1
- package/dist/react/cjs/theme/components/chip.js +151 -0
- package/dist/react/cjs/theme/components/chip.js.map +1 -1
- package/dist/react/cjs/theme/components/svg-icon.js +9 -1
- package/dist/react/cjs/theme/components/svg-icon.js.map +1 -1
- package/dist/react/cjs/theme/palette.dark.js +27 -18
- package/dist/react/cjs/theme/palette.dark.js.map +1 -1
- package/dist/react/cjs/theme/palette.js +19 -10
- package/dist/react/cjs/theme/palette.js.map +1 -1
- package/dist/react/es/components/app-icon-box.js +26 -2
- package/dist/react/es/components/app-icon-box.js.map +1 -1
- package/dist/react/es/components/app-status.js +2 -44
- package/dist/react/es/components/app-status.js.map +1 -1
- package/dist/react/es/theme/components/chip.js +151 -0
- package/dist/react/es/theme/components/chip.js.map +1 -1
- package/dist/react/es/theme/components/svg-icon.js +9 -1
- package/dist/react/es/theme/components/svg-icon.js.map +1 -1
- package/dist/react/es/theme/palette.dark.js +27 -18
- package/dist/react/es/theme/palette.dark.js.map +1 -1
- package/dist/react/es/theme/palette.js +19 -10
- package/dist/react/es/theme/palette.js.map +1 -1
- package/dist/react/types/components/app-icon-box.d.ts +2 -0
- package/dist/react/types/components/app-status.d.ts +1 -3
- package/dist/react/types/theme/types.d.ts +28 -9
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
|
@@ -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: '#75727B',\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 },\n error: {\n background: colors.red[200],\n color: colors.red[900],\n },\n warning: {\n background: colors.yellow[300],\n color: colors.yellow[1000],\n },\n neutral: {\n background: colors.neutral[100],\n color: colors.neutral[600],\n },\n disabled: {\n background: colors.neutral[50],\n color: colors.neutral[400],\n },\n info: {\n background: colors.primary[200],\n color: colors.primary[800],\n },\n orange: {\n background: colors.orange[200],\n color: colors.orange[700],\n },\n blue: {\n background: colors.blue[300],\n color: colors.blue[900],\n },\n primary: {\n background: colors.primary[300],\n color: colors.primary[900],\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 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":["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[600],\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 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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"}
|
|
@@ -3,18 +3,42 @@ import { styled, Box, alpha } from "@mui/material";
|
|
|
3
3
|
const AppIconBox = ({
|
|
4
4
|
children,
|
|
5
5
|
background = "default",
|
|
6
|
+
size = "large",
|
|
6
7
|
...props
|
|
7
8
|
}) => {
|
|
8
|
-
return /* @__PURE__ */ jsx(IconWrapper, { "data-background-color": background, ...props, children });
|
|
9
|
+
return /* @__PURE__ */ jsx(IconWrapper, { "data-background-color": background, "data-size": size, ...props, children });
|
|
9
10
|
};
|
|
10
11
|
const IconWrapper = styled(Box)(({ theme }) => ({
|
|
11
12
|
display: "flex",
|
|
12
13
|
alignItems: "center",
|
|
13
14
|
justifyContent: "center",
|
|
14
|
-
padding: theme.spacing(1.5),
|
|
15
15
|
borderRadius: theme.spacing(1.5),
|
|
16
16
|
backgroundColor: theme.palette.action.selected,
|
|
17
17
|
flexShrink: 0,
|
|
18
|
+
// Size variants
|
|
19
|
+
"&[data-size='large']": {
|
|
20
|
+
width: 48,
|
|
21
|
+
height: 48
|
|
22
|
+
},
|
|
23
|
+
"&[data-size='medium']": {
|
|
24
|
+
width: 40,
|
|
25
|
+
height: 40,
|
|
26
|
+
"& svg": {
|
|
27
|
+
fontSize: 20,
|
|
28
|
+
width: 20,
|
|
29
|
+
height: 20
|
|
30
|
+
}
|
|
31
|
+
},
|
|
32
|
+
"&[data-size='small']": {
|
|
33
|
+
width: 24,
|
|
34
|
+
height: 24,
|
|
35
|
+
borderRadius: theme.spacing(0.5),
|
|
36
|
+
"& svg": {
|
|
37
|
+
fontSize: 16,
|
|
38
|
+
width: 16,
|
|
39
|
+
height: 16
|
|
40
|
+
}
|
|
41
|
+
},
|
|
18
42
|
"&[data-background-color='default']": {
|
|
19
43
|
backgroundColor: theme.palette.action.hover
|
|
20
44
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app-icon-box.js","sources":["../../../../src/components/app-icon-box.tsx"],"sourcesContent":["import { Box, BoxProps, alpha, styled } from '@mui/material';\n\n//\n//\n\nexport type AppIconBoxbackgroundColor =\n | 'default'\n | 'primary'\n | 'blue'\n | 'red'\n | 'green'\n | 'yellow'\n | 'orange'\n | 'secondary';\n\nexport type AppIconBoxProps = Omit<BoxProps, 'color'> & {\n children: React.ReactNode;\n background?: AppIconBoxbackgroundColor;\n};\n\nexport const AppIconBox: React.FC<AppIconBoxProps> = ({\n children,\n background = 'default',\n ...props\n}) => {\n return (\n <IconWrapper data-background-color={background} {...props}>\n {children}\n </IconWrapper>\n );\n};\n\n//\n\nconst IconWrapper = styled(Box)(({ theme }) => ({\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n
|
|
1
|
+
{"version":3,"file":"app-icon-box.js","sources":["../../../../src/components/app-icon-box.tsx"],"sourcesContent":["import { Box, BoxProps, alpha, styled } from '@mui/material';\n\n//\n//\n\nexport type AppIconBoxbackgroundColor =\n | 'default'\n | 'primary'\n | 'blue'\n | 'red'\n | 'green'\n | 'yellow'\n | 'orange'\n | 'secondary';\n\nexport type AppIconBoxSize = 'small' | 'medium' | 'large';\n\nexport type AppIconBoxProps = Omit<BoxProps, 'color'> & {\n children: React.ReactNode;\n background?: AppIconBoxbackgroundColor;\n size?: AppIconBoxSize;\n};\n\nexport const AppIconBox: React.FC<AppIconBoxProps> = ({\n children,\n background = 'default',\n size = 'large',\n ...props\n}) => {\n return (\n <IconWrapper data-background-color={background} data-size={size} {...props}>\n {children}\n </IconWrapper>\n );\n};\n\n//\n\nconst IconWrapper = styled(Box)(({ theme }) => ({\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n borderRadius: theme.spacing(1.5),\n backgroundColor: theme.palette.action.selected,\n flexShrink: 0,\n\n // Size variants\n \"&[data-size='large']\": {\n width: 48,\n height: 48,\n },\n \"&[data-size='medium']\": {\n width: 40,\n height: 40,\n '& svg': {\n fontSize: 20,\n width: 20,\n height: 20,\n },\n },\n \"&[data-size='small']\": {\n width: 24,\n height: 24,\n borderRadius: theme.spacing(0.5),\n '& svg': {\n fontSize: 16,\n width: 16,\n height: 16,\n },\n },\n\n \"&[data-background-color='default']\": {\n backgroundColor: theme.palette.action.hover,\n },\n \"&[data-background-color='primary']\": {\n backgroundColor: theme.palette.colors.primary[100],\n },\n \"&[data-background-color='blue']\": {\n backgroundColor: theme.palette.colors.blue[100],\n },\n \"&[data-background-color='red']\": {\n backgroundColor: theme.palette.colors.red[100],\n },\n \"&[data-background-color='green']\": {\n backgroundColor: theme.palette.colors.green[100],\n },\n \"&[data-background-color='yellow']\": {\n backgroundColor: theme.palette.colors.yellow[100],\n },\n \"&[data-background-color='orange']\": {\n backgroundColor: theme.palette.colors.orange[100],\n },\n \"&[data-background-color='secondary']\": {\n backgroundColor: alpha(theme.palette.secondary.main, 0.08),\n },\n\n ...theme.applyStyles('dark', {\n \"&[data-background-color='default']\": {\n backgroundColor: theme.palette.action.hover,\n },\n \"&[data-background-color='primary']\": {\n backgroundColor: alpha(theme.palette.colors.primary[900], 0.3),\n },\n \"&[data-background-color='blue']\": {\n backgroundColor: alpha(theme.palette.colors.blue[900], 0.3),\n },\n \"&[data-background-color='red']\": {\n backgroundColor: alpha(theme.palette.colors.red[900], 0.3),\n },\n \"&[data-background-color='green']\": {\n backgroundColor: alpha(theme.palette.colors.green[900], 0.3),\n },\n \"&[data-background-color='yellow']\": {\n backgroundColor: alpha(theme.palette.colors.yellow[900], 0.3),\n },\n \"&[data-background-color='orange']\": {\n backgroundColor: alpha(theme.palette.colors.orange[900], 0.3),\n },\n \"&[data-background-color='secondary']\": {\n backgroundColor: alpha(theme.palette.secondary.main, 0.15),\n },\n }),\n}));\n"],"names":[],"mappings":";;AAuBO,MAAM,aAAwC,CAAC;AAAA,EACpD;AAAA,EACA,aAAa;AAAA,EACb,OAAO;AAAA,EACP,GAAG;AACL,MAAM;AACJ,SACE,oBAAC,eAAY,yBAAuB,YAAY,aAAW,MAAO,GAAG,OAClE,UACH;AAEJ;AAIA,MAAM,cAAc,OAAO,GAAG,EAAE,CAAC,EAAE,aAAa;AAAA,EAC9C,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,cAAc,MAAM,QAAQ,GAAG;AAAA,EAC/B,iBAAiB,MAAM,QAAQ,OAAO;AAAA,EACtC,YAAY;AAAA;AAAA,EAGZ,wBAAwB;AAAA,IACtB,OAAO;AAAA,IACP,QAAQ;AAAA,EAAA;AAAA,EAEV,yBAAyB;AAAA,IACvB,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,SAAS;AAAA,MACP,UAAU;AAAA,MACV,OAAO;AAAA,MACP,QAAQ;AAAA,IAAA;AAAA,EACV;AAAA,EAEF,wBAAwB;AAAA,IACtB,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,cAAc,MAAM,QAAQ,GAAG;AAAA,IAC/B,SAAS;AAAA,MACP,UAAU;AAAA,MACV,OAAO;AAAA,MACP,QAAQ;AAAA,IAAA;AAAA,EACV;AAAA,EAGF,sCAAsC;AAAA,IACpC,iBAAiB,MAAM,QAAQ,OAAO;AAAA,EAAA;AAAA,EAExC,sCAAsC;AAAA,IACpC,iBAAiB,MAAM,QAAQ,OAAO,QAAQ,GAAG;AAAA,EAAA;AAAA,EAEnD,mCAAmC;AAAA,IACjC,iBAAiB,MAAM,QAAQ,OAAO,KAAK,GAAG;AAAA,EAAA;AAAA,EAEhD,kCAAkC;AAAA,IAChC,iBAAiB,MAAM,QAAQ,OAAO,IAAI,GAAG;AAAA,EAAA;AAAA,EAE/C,oCAAoC;AAAA,IAClC,iBAAiB,MAAM,QAAQ,OAAO,MAAM,GAAG;AAAA,EAAA;AAAA,EAEjD,qCAAqC;AAAA,IACnC,iBAAiB,MAAM,QAAQ,OAAO,OAAO,GAAG;AAAA,EAAA;AAAA,EAElD,qCAAqC;AAAA,IACnC,iBAAiB,MAAM,QAAQ,OAAO,OAAO,GAAG;AAAA,EAAA;AAAA,EAElD,wCAAwC;AAAA,IACtC,iBAAiB,MAAM,MAAM,QAAQ,UAAU,MAAM,IAAI;AAAA,EAAA;AAAA,EAG3D,GAAG,MAAM,YAAY,QAAQ;AAAA,IAC3B,sCAAsC;AAAA,MACpC,iBAAiB,MAAM,QAAQ,OAAO;AAAA,IAAA;AAAA,IAExC,sCAAsC;AAAA,MACpC,iBAAiB,MAAM,MAAM,QAAQ,OAAO,QAAQ,GAAG,GAAG,GAAG;AAAA,IAAA;AAAA,IAE/D,mCAAmC;AAAA,MACjC,iBAAiB,MAAM,MAAM,QAAQ,OAAO,KAAK,GAAG,GAAG,GAAG;AAAA,IAAA;AAAA,IAE5D,kCAAkC;AAAA,MAChC,iBAAiB,MAAM,MAAM,QAAQ,OAAO,IAAI,GAAG,GAAG,GAAG;AAAA,IAAA;AAAA,IAE3D,oCAAoC;AAAA,MAClC,iBAAiB,MAAM,MAAM,QAAQ,OAAO,MAAM,GAAG,GAAG,GAAG;AAAA,IAAA;AAAA,IAE7D,qCAAqC;AAAA,MACnC,iBAAiB,MAAM,MAAM,QAAQ,OAAO,OAAO,GAAG,GAAG,GAAG;AAAA,IAAA;AAAA,IAE9D,qCAAqC;AAAA,MACnC,iBAAiB,MAAM,MAAM,QAAQ,OAAO,OAAO,GAAG,GAAG,GAAG;AAAA,IAAA;AAAA,IAE9D,wCAAwC;AAAA,MACtC,iBAAiB,MAAM,MAAM,QAAQ,UAAU,MAAM,IAAI;AAAA,IAAA;AAAA,EAC3D,CACD;AACH,EAAE;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { Chip } from "@mui/material";
|
|
3
3
|
import { AppTooltip } from "./app-tooltip.js";
|
|
4
4
|
const AppStatus = ({
|
|
5
5
|
ref,
|
|
@@ -9,52 +9,10 @@ const AppStatus = ({
|
|
|
9
9
|
tooltipProps,
|
|
10
10
|
...props
|
|
11
11
|
}) => {
|
|
12
|
-
|
|
13
|
-
const element = /* @__PURE__ */ jsx(StatusElement, { color2: color, size, ref, ...props });
|
|
12
|
+
const element = /* @__PURE__ */ jsx(Chip, { color, size, ref, ...props });
|
|
14
13
|
if (!tooltip) return element;
|
|
15
14
|
return /* @__PURE__ */ jsx(AppTooltip, { description: tooltip, ...tooltipProps, children: element });
|
|
16
15
|
};
|
|
17
|
-
AppStatus.displayName = "AppStatus";
|
|
18
|
-
const StatusElement = styled(Chip, {
|
|
19
|
-
shouldForwardProp: (prop) => prop !== "color2"
|
|
20
|
-
})(({ theme, color2 = "neutral" }) => ({
|
|
21
|
-
...color2 === "success" ? {
|
|
22
|
-
backgroundColor: theme.palette._components.status.success.background,
|
|
23
|
-
color: theme.palette._components.status.success.color
|
|
24
|
-
} : void 0,
|
|
25
|
-
...color2 === "error" ? {
|
|
26
|
-
backgroundColor: theme.palette._components.status.error.background,
|
|
27
|
-
color: theme.palette._components.status.error.color
|
|
28
|
-
} : void 0,
|
|
29
|
-
...color2 === "warning" ? {
|
|
30
|
-
backgroundColor: theme.palette._components.status.warning.background,
|
|
31
|
-
color: theme.palette._components.status.warning.color
|
|
32
|
-
} : void 0,
|
|
33
|
-
...color2 === "neutral" ? {
|
|
34
|
-
backgroundColor: theme.palette._components.status.neutral.background,
|
|
35
|
-
color: theme.palette._components.status.neutral.color
|
|
36
|
-
} : void 0,
|
|
37
|
-
...color2 === "disabled" ? {
|
|
38
|
-
backgroundColor: theme.palette._components.status.disabled.background,
|
|
39
|
-
color: theme.palette._components.status.disabled.color
|
|
40
|
-
} : void 0,
|
|
41
|
-
...color2 === "info" ? {
|
|
42
|
-
backgroundColor: theme.palette._components.status.info.background,
|
|
43
|
-
color: theme.palette._components.status.info.color
|
|
44
|
-
} : void 0,
|
|
45
|
-
...color2 === "orange" ? {
|
|
46
|
-
backgroundColor: theme.palette._components.status.orange.background,
|
|
47
|
-
color: theme.palette._components.status.orange.color
|
|
48
|
-
} : void 0,
|
|
49
|
-
...color2 === "blue" ? {
|
|
50
|
-
backgroundColor: theme.palette._components.status.blue.background,
|
|
51
|
-
color: theme.palette._components.status.blue.color
|
|
52
|
-
} : void 0,
|
|
53
|
-
...color2 === "primary" ? {
|
|
54
|
-
backgroundColor: theme.palette._components.status.primary.background,
|
|
55
|
-
color: theme.palette._components.status.primary.color
|
|
56
|
-
} : void 0
|
|
57
|
-
}));
|
|
58
16
|
export {
|
|
59
17
|
AppStatus
|
|
60
18
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app-status.js","sources":["../../../../src/components/app-status.tsx"],"sourcesContent":["import React from 'react';\n\nimport {
|
|
1
|
+
{"version":3,"file":"app-status.js","sources":["../../../../src/components/app-status.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ChipProps, Chip, TooltipProps } from '@mui/material';\n\nimport { AppTooltip } from './app-tooltip';\n\n//\n//\n\nexport type AppStatusProps = Omit<ChipProps, 'size'> & {\n size?: 'small' | 'medium';\n tooltip?: TooltipProps['title'];\n tooltipProps?: Omit<TooltipProps, 'title' | 'children'>;\n};\n\nexport const AppStatus: React.FC<AppStatusProps> = ({\n ref,\n color = 'neutral',\n size = 'small',\n tooltip,\n tooltipProps,\n ...props\n}) => {\n const element = <Chip color={color} size={size} ref={ref} {...props} />;\n\n //\n\n if (!tooltip) return element;\n\n return (\n <AppTooltip description={tooltip} {...tooltipProps}>\n {element}\n </AppTooltip>\n );\n};\n"],"names":[],"mappings":";;;AAeO,MAAM,YAAsC,CAAC;AAAA,EAClD;AAAA,EACA,QAAQ;AAAA,EACR,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,UAAU,oBAAC,MAAA,EAAK,OAAc,MAAY,KAAW,GAAG,OAAO;AAIrE,MAAI,CAAC,QAAS,QAAO;AAErB,6BACG,YAAA,EAAW,aAAa,SAAU,GAAG,cACnC,UAAA,SACH;AAEJ;"}
|
|
@@ -16,6 +16,157 @@ const MuiChip = {
|
|
|
16
16
|
fontSize: "0.75rem",
|
|
17
17
|
lineHeight: "1.125rem"
|
|
18
18
|
}
|
|
19
|
+
},
|
|
20
|
+
// Status colors
|
|
21
|
+
{
|
|
22
|
+
props: { color: "success" },
|
|
23
|
+
style: {
|
|
24
|
+
backgroundColor: theme.palette._components.status.success.background,
|
|
25
|
+
color: theme.palette._components.status.success.color
|
|
26
|
+
}
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
props: { color: "success", variant: "outlined" },
|
|
30
|
+
style: {
|
|
31
|
+
backgroundColor: "transparent",
|
|
32
|
+
color: theme.palette._components.status.success.outlined,
|
|
33
|
+
borderColor: theme.palette._components.status.success.outlined
|
|
34
|
+
}
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
props: { color: "error" },
|
|
38
|
+
style: {
|
|
39
|
+
backgroundColor: theme.palette._components.status.error.background,
|
|
40
|
+
color: theme.palette._components.status.error.color
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
props: { color: "error", variant: "outlined" },
|
|
45
|
+
style: {
|
|
46
|
+
backgroundColor: "transparent",
|
|
47
|
+
color: theme.palette._components.status.error.outlined,
|
|
48
|
+
borderColor: theme.palette._components.status.error.outlined
|
|
49
|
+
}
|
|
50
|
+
},
|
|
51
|
+
{
|
|
52
|
+
props: { color: "warning" },
|
|
53
|
+
style: {
|
|
54
|
+
backgroundColor: theme.palette._components.status.warning.background,
|
|
55
|
+
color: theme.palette._components.status.warning.color
|
|
56
|
+
}
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
props: { color: "warning", variant: "outlined" },
|
|
60
|
+
style: {
|
|
61
|
+
backgroundColor: "transparent",
|
|
62
|
+
color: theme.palette._components.status.warning.outlined,
|
|
63
|
+
borderColor: theme.palette._components.status.warning.outlined
|
|
64
|
+
}
|
|
65
|
+
},
|
|
66
|
+
{
|
|
67
|
+
props: { color: "info" },
|
|
68
|
+
style: {
|
|
69
|
+
backgroundColor: theme.palette._components.status.info.background,
|
|
70
|
+
color: theme.palette._components.status.info.color
|
|
71
|
+
}
|
|
72
|
+
},
|
|
73
|
+
{
|
|
74
|
+
props: { color: "info", variant: "outlined" },
|
|
75
|
+
style: {
|
|
76
|
+
backgroundColor: "transparent",
|
|
77
|
+
color: theme.palette._components.status.info.color,
|
|
78
|
+
borderColor: theme.palette._components.status.info.color
|
|
79
|
+
}
|
|
80
|
+
},
|
|
81
|
+
{
|
|
82
|
+
props: { color: "primary" },
|
|
83
|
+
style: {
|
|
84
|
+
backgroundColor: theme.palette._components.status.primary.background,
|
|
85
|
+
color: theme.palette._components.status.primary.color
|
|
86
|
+
}
|
|
87
|
+
},
|
|
88
|
+
{
|
|
89
|
+
props: { color: "primary", variant: "outlined" },
|
|
90
|
+
style: {
|
|
91
|
+
backgroundColor: "transparent",
|
|
92
|
+
color: theme.palette._components.status.primary.outlined,
|
|
93
|
+
borderColor: theme.palette._components.status.primary.outlined
|
|
94
|
+
}
|
|
95
|
+
},
|
|
96
|
+
{
|
|
97
|
+
props: { color: "disabled" },
|
|
98
|
+
style: {
|
|
99
|
+
backgroundColor: theme.palette._components.status.disabled.background,
|
|
100
|
+
color: theme.palette._components.status.disabled.color
|
|
101
|
+
}
|
|
102
|
+
},
|
|
103
|
+
{
|
|
104
|
+
props: { color: "disabled", variant: "outlined" },
|
|
105
|
+
style: {
|
|
106
|
+
backgroundColor: "transparent",
|
|
107
|
+
color: theme.palette._components.status.disabled.color,
|
|
108
|
+
borderColor: theme.palette._components.status.disabled.color
|
|
109
|
+
}
|
|
110
|
+
},
|
|
111
|
+
{
|
|
112
|
+
props: { color: "default" },
|
|
113
|
+
style: {
|
|
114
|
+
backgroundColor: theme.palette._components.status.neutral.background,
|
|
115
|
+
color: theme.palette._components.status.neutral.color
|
|
116
|
+
}
|
|
117
|
+
},
|
|
118
|
+
{
|
|
119
|
+
props: { color: "default", variant: "outlined" },
|
|
120
|
+
style: {
|
|
121
|
+
backgroundColor: "transparent",
|
|
122
|
+
color: theme.palette._components.status.neutral.color,
|
|
123
|
+
borderColor: theme.palette._components.status.neutral.color
|
|
124
|
+
}
|
|
125
|
+
},
|
|
126
|
+
{
|
|
127
|
+
props: { color: "neutral" },
|
|
128
|
+
style: {
|
|
129
|
+
backgroundColor: theme.palette._components.status.neutral.background,
|
|
130
|
+
color: theme.palette._components.status.neutral.color
|
|
131
|
+
}
|
|
132
|
+
},
|
|
133
|
+
{
|
|
134
|
+
props: { color: "neutral", variant: "outlined" },
|
|
135
|
+
style: {
|
|
136
|
+
backgroundColor: "transparent",
|
|
137
|
+
color: theme.palette._components.status.neutral.color,
|
|
138
|
+
borderColor: theme.palette._components.status.neutral.color
|
|
139
|
+
}
|
|
140
|
+
},
|
|
141
|
+
{
|
|
142
|
+
props: { color: "orange" },
|
|
143
|
+
style: {
|
|
144
|
+
backgroundColor: theme.palette._components.status.orange.background,
|
|
145
|
+
color: theme.palette._components.status.orange.color
|
|
146
|
+
}
|
|
147
|
+
},
|
|
148
|
+
{
|
|
149
|
+
props: { color: "orange", variant: "outlined" },
|
|
150
|
+
style: {
|
|
151
|
+
backgroundColor: "transparent",
|
|
152
|
+
color: theme.palette._components.status.orange.color,
|
|
153
|
+
borderColor: theme.palette._components.status.orange.color
|
|
154
|
+
}
|
|
155
|
+
},
|
|
156
|
+
{
|
|
157
|
+
props: { color: "blue" },
|
|
158
|
+
style: {
|
|
159
|
+
backgroundColor: theme.palette._components.status.blue.background,
|
|
160
|
+
color: theme.palette._components.status.blue.color
|
|
161
|
+
}
|
|
162
|
+
},
|
|
163
|
+
{
|
|
164
|
+
props: { color: "blue", variant: "outlined" },
|
|
165
|
+
style: {
|
|
166
|
+
backgroundColor: "transparent",
|
|
167
|
+
color: theme.palette._components.status.blue.color,
|
|
168
|
+
borderColor: theme.palette._components.status.blue.color
|
|
169
|
+
}
|
|
19
170
|
}
|
|
20
171
|
]
|
|
21
172
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chip.js","sources":["../../../../../src/theme/components/chip.ts"],"sourcesContent":["import { Components, CssVarsTheme, Theme } from '@mui/material';\n\n//\n//\n\nexport const MuiChip: Components<Theme & CssVarsTheme>['MuiChip'] = {\n styleOverrides: {\n root: ({ theme }) => ({\n minWidth: theme.spacing(7.5),\n variants: [\n {\n props: { size: 'small' },\n style: {\n fontSize: '0.75rem',\n lineHeight: '1.125rem',\n },\n },\n {\n props: { size: 'medium' },\n style: {\n fontSize: '0.75rem',\n lineHeight: '1.125rem',\n },\n },\n ],\n }),\n },\n};\n"],"names":[],"mappings":"AAKO,MAAM,UAAuD;AAAA,EAClE,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,aAAa;AAAA,MACpB,UAAU,MAAM,QAAQ,GAAG;AAAA,MAC3B,UAAU;AAAA,QACR;AAAA,UACE,OAAO,EAAE,MAAM,QAAA;AAAA,UACf,OAAO;AAAA,YACL,UAAU;AAAA,YACV,YAAY;AAAA,UAAA;AAAA,QACd;AAAA,QAEF;AAAA,UACE,OAAO,EAAE,MAAM,SAAA;AAAA,UACf,OAAO;AAAA,YACL,UAAU;AAAA,YACV,YAAY;AAAA,UAAA;AAAA,QACd;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEJ;"}
|
|
1
|
+
{"version":3,"file":"chip.js","sources":["../../../../../src/theme/components/chip.ts"],"sourcesContent":["import { Components, CssVarsTheme, Theme } from '@mui/material';\n\n//\n//\n\nexport const MuiChip: Components<Theme & CssVarsTheme>['MuiChip'] = {\n styleOverrides: {\n root: ({ theme }) => ({\n minWidth: theme.spacing(7.5),\n variants: [\n {\n props: { size: 'small' },\n style: {\n fontSize: '0.75rem',\n lineHeight: '1.125rem',\n },\n },\n {\n props: { size: 'medium' },\n style: {\n fontSize: '0.75rem',\n lineHeight: '1.125rem',\n },\n },\n // Status colors\n {\n props: { color: 'success' },\n style: {\n backgroundColor: theme.palette._components.status.success.background,\n color: theme.palette._components.status.success.color,\n },\n },\n {\n props: { color: 'success', variant: 'outlined' },\n style: {\n backgroundColor: 'transparent',\n color: theme.palette._components.status.success.outlined,\n borderColor: theme.palette._components.status.success.outlined,\n },\n },\n {\n props: { color: 'error' },\n style: {\n backgroundColor: theme.palette._components.status.error.background,\n color: theme.palette._components.status.error.color,\n },\n },\n {\n props: { color: 'error', variant: 'outlined' },\n style: {\n backgroundColor: 'transparent',\n color: theme.palette._components.status.error.outlined,\n borderColor: theme.palette._components.status.error.outlined,\n },\n },\n {\n props: { color: 'warning' },\n style: {\n backgroundColor: theme.palette._components.status.warning.background,\n color: theme.palette._components.status.warning.color,\n },\n },\n {\n props: { color: 'warning', variant: 'outlined' },\n style: {\n backgroundColor: 'transparent',\n color: theme.palette._components.status.warning.outlined,\n borderColor: theme.palette._components.status.warning.outlined,\n },\n },\n {\n props: { color: 'info' },\n style: {\n backgroundColor: theme.palette._components.status.info.background,\n color: theme.palette._components.status.info.color,\n },\n },\n {\n props: { color: 'info', variant: 'outlined' },\n style: {\n backgroundColor: 'transparent',\n color: theme.palette._components.status.info.color,\n borderColor: theme.palette._components.status.info.color,\n },\n },\n {\n props: { color: 'primary' },\n style: {\n backgroundColor: theme.palette._components.status.primary.background,\n color: theme.palette._components.status.primary.color,\n },\n },\n {\n props: { color: 'primary', variant: 'outlined' },\n style: {\n backgroundColor: 'transparent',\n color: theme.palette._components.status.primary.outlined,\n borderColor: theme.palette._components.status.primary.outlined,\n },\n },\n {\n props: { color: 'disabled' },\n style: {\n backgroundColor: theme.palette._components.status.disabled.background,\n color: theme.palette._components.status.disabled.color,\n },\n },\n {\n props: { color: 'disabled', variant: 'outlined' },\n style: {\n backgroundColor: 'transparent',\n color: theme.palette._components.status.disabled.color,\n borderColor: theme.palette._components.status.disabled.color,\n },\n },\n {\n props: { color: 'default' },\n style: {\n backgroundColor: theme.palette._components.status.neutral.background,\n color: theme.palette._components.status.neutral.color,\n },\n },\n {\n props: { color: 'default', variant: 'outlined' },\n style: {\n backgroundColor: 'transparent',\n color: theme.palette._components.status.neutral.color,\n borderColor: theme.palette._components.status.neutral.color,\n },\n },\n {\n props: { color: 'neutral' },\n style: {\n backgroundColor: theme.palette._components.status.neutral.background,\n color: theme.palette._components.status.neutral.color,\n },\n },\n {\n props: { color: 'neutral', variant: 'outlined' },\n style: {\n backgroundColor: 'transparent',\n color: theme.palette._components.status.neutral.color,\n borderColor: theme.palette._components.status.neutral.color,\n },\n },\n {\n props: { color: 'orange' },\n style: {\n backgroundColor: theme.palette._components.status.orange.background,\n color: theme.palette._components.status.orange.color,\n },\n },\n {\n props: { color: 'orange', variant: 'outlined' },\n style: {\n backgroundColor: 'transparent',\n color: theme.palette._components.status.orange.color,\n borderColor: theme.palette._components.status.orange.color,\n },\n },\n {\n props: { color: 'blue' },\n style: {\n backgroundColor: theme.palette._components.status.blue.background,\n color: theme.palette._components.status.blue.color,\n },\n },\n {\n props: { color: 'blue', variant: 'outlined' },\n style: {\n backgroundColor: 'transparent',\n color: theme.palette._components.status.blue.color,\n borderColor: theme.palette._components.status.blue.color,\n },\n },\n ],\n }),\n },\n};\n"],"names":[],"mappings":"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"}
|
|
@@ -4,7 +4,15 @@ const MuiSvgIcon = {
|
|
|
4
4
|
transition: theme.transitions.create("color", {
|
|
5
5
|
easing: theme.transitions.easing.easeInOut,
|
|
6
6
|
duration: theme.transitions.duration.standard
|
|
7
|
-
})
|
|
7
|
+
}),
|
|
8
|
+
variants: [
|
|
9
|
+
{
|
|
10
|
+
props: { fontSize: "extraSmall" },
|
|
11
|
+
style: {
|
|
12
|
+
fontSize: theme.spacing(2)
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
]
|
|
8
16
|
})
|
|
9
17
|
}
|
|
10
18
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"svg-icon.js","sources":["../../../../../src/theme/components/svg-icon.ts"],"sourcesContent":["import { Components, CssVarsTheme, Theme } from '@mui/material';\n\n//\n//\n\nexport const MuiSvgIcon: Components<\n Omit<Theme, 'components' | 'palette'> & CssVarsTheme\n>['MuiSvgIcon'] = {\n styleOverrides: {\n root: ({ theme }) => ({\n transition: theme.transitions.create('color', {\n easing: theme.transitions.easing.easeInOut,\n duration: theme.transitions.duration.standard,\n }),\n }),\n },\n};\n"],"names":[],"mappings":"AAKO,MAAM,aAEK;AAAA,EAChB,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,aAAa;AAAA,MACpB,YAAY,MAAM,YAAY,OAAO,SAAS;AAAA,QAC5C,QAAQ,MAAM,YAAY,OAAO;AAAA,QACjC,UAAU,MAAM,YAAY,SAAS;AAAA,MAAA,CACtC;AAAA,
|
|
1
|
+
{"version":3,"file":"svg-icon.js","sources":["../../../../../src/theme/components/svg-icon.ts"],"sourcesContent":["import { Components, CssVarsTheme, Theme } from '@mui/material';\n\n//\n//\n\nexport const MuiSvgIcon: Components<\n Omit<Theme, 'components' | 'palette'> & CssVarsTheme\n>['MuiSvgIcon'] = {\n styleOverrides: {\n root: ({ theme }) => ({\n transition: theme.transitions.create('color', {\n easing: theme.transitions.easing.easeInOut,\n duration: theme.transitions.duration.standard,\n }),\n variants: [\n {\n props: { fontSize: 'extraSmall' },\n style: {\n fontSize: theme.spacing(2),\n },\n },\n ],\n }),\n },\n};\n"],"names":[],"mappings":"AAKO,MAAM,aAEK;AAAA,EAChB,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,aAAa;AAAA,MACpB,YAAY,MAAM,YAAY,OAAO,SAAS;AAAA,QAC5C,QAAQ,MAAM,YAAY,OAAO;AAAA,QACjC,UAAU,MAAM,YAAY,SAAS;AAAA,MAAA,CACtC;AAAA,MACD,UAAU;AAAA,QACR;AAAA,UACE,OAAO,EAAE,UAAU,aAAA;AAAA,UACnB,OAAO;AAAA,YACL,UAAU,MAAM,QAAQ,CAAC;AAAA,UAAA;AAAA,QAC3B;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEJ;"}
|
|
@@ -38,12 +38,12 @@ const paletteDark = {
|
|
|
38
38
|
},
|
|
39
39
|
text: {
|
|
40
40
|
primary: "#FFFFFF",
|
|
41
|
-
secondary:
|
|
41
|
+
secondary: colors.neutral[400],
|
|
42
42
|
tertiary: "#B1A4BB",
|
|
43
|
-
disabled:
|
|
43
|
+
disabled: colors.neutral[500],
|
|
44
44
|
deepGreen: "#9EEC98",
|
|
45
45
|
darkOchre: "#F9E683",
|
|
46
|
-
contrastText:
|
|
46
|
+
contrastText: colors.neutral[400],
|
|
47
47
|
primaryContrastTest: "#FFFFFF",
|
|
48
48
|
_states: {
|
|
49
49
|
hover: alpha("#FFFFFF", 0.04),
|
|
@@ -54,8 +54,8 @@ const paletteDark = {
|
|
|
54
54
|
},
|
|
55
55
|
icon: {
|
|
56
56
|
primary: "#FFFFFF",
|
|
57
|
-
secondary:
|
|
58
|
-
disabled:
|
|
57
|
+
secondary: colors.neutral[400],
|
|
58
|
+
disabled: colors.neutral[500],
|
|
59
59
|
draggable: "#B1A4BB"
|
|
60
60
|
},
|
|
61
61
|
tabs: {
|
|
@@ -148,7 +148,7 @@ const paletteDark = {
|
|
|
148
148
|
divider: "#383354",
|
|
149
149
|
_components: {
|
|
150
150
|
button: {
|
|
151
|
-
disabledText:
|
|
151
|
+
disabledText: colors.neutral[500],
|
|
152
152
|
disabledBorder: "#252540",
|
|
153
153
|
primaryDarkText: {
|
|
154
154
|
disabled: "#252540",
|
|
@@ -226,7 +226,7 @@ const paletteDark = {
|
|
|
226
226
|
}
|
|
227
227
|
},
|
|
228
228
|
avatar: {
|
|
229
|
-
fill:
|
|
229
|
+
fill: colors.neutral[500]
|
|
230
230
|
},
|
|
231
231
|
input: {
|
|
232
232
|
_states: {
|
|
@@ -241,7 +241,7 @@ const paletteDark = {
|
|
|
241
241
|
},
|
|
242
242
|
switch: {
|
|
243
243
|
knobFillEnabled: "#1D1D35",
|
|
244
|
-
slideFill:
|
|
244
|
+
slideFill: colors.neutral[500],
|
|
245
245
|
knowFillDisabled: "#252540",
|
|
246
246
|
shadow: "#1C1C37",
|
|
247
247
|
color: "#AE72FF",
|
|
@@ -296,39 +296,48 @@ const paletteDark = {
|
|
|
296
296
|
status: {
|
|
297
297
|
success: {
|
|
298
298
|
background: "rgba(158, 236, 152, 0.15)",
|
|
299
|
-
color: colors.green[500]
|
|
299
|
+
color: colors.green[500],
|
|
300
|
+
outlined: colors.green[500]
|
|
300
301
|
},
|
|
301
302
|
error: {
|
|
302
303
|
background: "rgba(250, 55, 104, 0.15)",
|
|
303
|
-
color: colors.red[400]
|
|
304
|
+
color: colors.red[400],
|
|
305
|
+
outlined: colors.red[400]
|
|
304
306
|
},
|
|
305
307
|
warning: {
|
|
306
308
|
background: "rgba(249, 230, 131, 0.15)",
|
|
307
|
-
color: colors.yellow[600]
|
|
309
|
+
color: colors.yellow[600],
|
|
310
|
+
outlined: colors.yellow[600]
|
|
308
311
|
},
|
|
309
312
|
neutral: {
|
|
310
313
|
background: "#252540",
|
|
311
|
-
color:
|
|
314
|
+
color: colors.neutral[400],
|
|
315
|
+
outlined: colors.neutral[400]
|
|
312
316
|
},
|
|
313
317
|
disabled: {
|
|
314
318
|
background: "#1C1C37",
|
|
315
|
-
color:
|
|
319
|
+
color: colors.neutral[500],
|
|
320
|
+
outlined: colors.neutral[500]
|
|
316
321
|
},
|
|
317
322
|
info: {
|
|
318
323
|
background: "rgba(135, 88, 198, 0.15)",
|
|
319
|
-
color: colors.primary[400]
|
|
324
|
+
color: colors.primary[400],
|
|
325
|
+
outlined: colors.primary[400]
|
|
320
326
|
},
|
|
321
327
|
orange: {
|
|
322
328
|
background: "rgba(255, 140, 58, 0.15)",
|
|
323
|
-
color: colors.orange[500]
|
|
329
|
+
color: colors.orange[500],
|
|
330
|
+
outlined: colors.orange[500]
|
|
324
331
|
},
|
|
325
332
|
blue: {
|
|
326
333
|
background: "rgba(96, 203, 203, 0.15)",
|
|
327
|
-
color: colors.blue[500]
|
|
334
|
+
color: colors.blue[500],
|
|
335
|
+
outlined: colors.blue[500]
|
|
328
336
|
},
|
|
329
337
|
primary: {
|
|
330
338
|
background: "rgba(135, 88, 198, 0.2)",
|
|
331
|
-
color: colors.primary[400]
|
|
339
|
+
color: colors.primary[400],
|
|
340
|
+
outlined: colors.primary[400]
|
|
332
341
|
}
|
|
333
342
|
},
|
|
334
343
|
accordion: {
|
|
@@ -358,7 +367,7 @@ const paletteDark = {
|
|
|
358
367
|
}
|
|
359
368
|
},
|
|
360
369
|
stepper: {
|
|
361
|
-
connector:
|
|
370
|
+
connector: colors.neutral[500]
|
|
362
371
|
},
|
|
363
372
|
iconButton: {
|
|
364
373
|
default: {
|