@dashadmin/dash-modal 1.3.25 → 1.3.28

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 (12) hide show
  1. package/README.md +34 -0
  2. package/dist/index.cjs +309 -0
  3. package/dist/index.js +228 -112
  4. package/package.json +137 -134
  5. package/dist/DASHModal.js +0 -1
  6. package/dist/DASHModal.stories.js +0 -1
  7. package/dist/assets/error.mp3 +0 -0
  8. package/dist/dash-modal.css +0 -1
  9. package/dist/styles/modal.less +0 -261
  10. /package/dist/{assets/modalError.mp3 → modalError-AYCR6YR6.mp3} +0 -0
  11. /package/dist/{assets/modalInfo.mp3 → modalInfo-WZTTQWHY.mp3} +0 -0
  12. /package/dist/{assets/success.mp3 → success-4YU5VXNR.mp3} +0 -0
package/package.json CHANGED
@@ -1,135 +1,138 @@
1
1
  {
2
- "name": "@dashadmin/dash-modal",
3
- "version": "1.3.25",
4
- "private": false,
5
- "main": "dist/index.js",
6
- "type": "module",
7
- "exports": {
8
- ".": {
9
- "import": "./dist/index.js"
10
- },
11
- "./src/*": {
12
- "import": "./dist/*.js"
13
- },
14
- "./index.less": {
15
- "import": "./dist/styles/index.less"
16
- },
17
- "./error.mp3": {
18
- "import": "./dist/assets/error.mp3"
19
- },
20
- "./modalError.mp3": {
21
- "import": "./dist/assets/modalError.mp3"
22
- },
23
- "./success.mp3": {
24
- "import": "./dist/assets/success.mp3"
25
- }
26
- },
27
- "browserslist": {
28
- "production": [
29
- ">0.2%",
30
- "not dead",
31
- "not op_mini all"
32
- ],
33
- "development": [
34
- "last 1 chrome version",
35
- "last 1 firefox version",
36
- "last 1 safari version"
37
- ]
38
- },
39
- "dependencies": {
40
- "@emotion/react": "latest",
41
- "@emotion/styled": "latest",
42
- "@mui/material": "^7.3.10",
43
- "@rollup/plugin-alias": "latest",
44
- "@rollup/plugin-commonjs": "latest",
45
- "@rollup/plugin-node-resolve": "latest",
46
- "@rollup/plugin-replace": "latest",
47
- "@rollup/plugin-typescript": "latest",
48
- "query-string": "latest",
49
- "react-admin": "5.14.7",
50
- "react-custom-scrollbars-2": "latest",
51
- "@achmadk/react-loading-overlay": "latest",
52
- "react-query": "latest",
53
- "react-redux": "latest",
54
- "react-router": "7.17.0",
55
- "react-router-dom": "7.17.0",
56
- "react-toastify": "latest",
57
- "rollup-plugin-cleaner": "latest",
58
- "rollup-plugin-dts": "latest",
59
- "rollup-plugin-peer-deps-external": "latest",
60
- "rollup-plugin-svg": "latest",
61
- "@dashadmin/dash-styles": "1.3.25",
62
- "@dashadmin/dash-auto-admin": "1.3.25",
63
- "@dashadmin/dash-dialog": "1.3.25"
64
- },
65
- "devDependencies": {
66
- "@babel/core": "latest",
67
- "@babel/preset-env": "latest",
68
- "@babel/preset-react": "latest",
69
- "@babel/preset-typescript": "latest",
70
- "@commitlint/config-conventional": "latest",
71
- "@types/node": "latest",
72
- "@types/react": "latest",
73
- "@types/react-dom": "latest",
74
- "@zerollup/ts-transform-paths": "latest",
75
- "babel-loader": "latest",
76
- "eslint": "latest",
77
- "eslint-config-airbnb": "latest",
78
- "eslint-config-airbnb-typescript": "latest",
79
- "eslint-config-prettier": "latest",
80
- "eslint-import-resolver-typescript": "latest",
81
- "eslint-plugin-html": "latest",
82
- "eslint-plugin-import": "latest",
83
- "eslint-plugin-jsdoc": "latest",
84
- "eslint-plugin-json": "latest",
85
- "eslint-plugin-jsx-a11y": "latest",
86
- "eslint-plugin-prettier": "latest",
87
- "eslint-plugin-react": "latest",
88
- "eslint-plugin-react-hooks": "latest",
89
- "query-string": "latest",
90
- "react-dom": "latest",
91
- "rollup": "latest",
92
- "rollup-plugin-copy-assets": "latest",
93
- "rollup-plugin-external-globals": "latest",
94
- "rollup-plugin-includepaths": "latest",
95
- "rollup-plugin-less": "latest",
96
- "@rollup/plugin-node-resolve": "latest",
97
- "rollup-plugin-postcss": "latest",
98
- "rollup-plugin-sourcemaps": "latest",
99
- "rollup-plugin-typescript2": "latest",
100
- "tsc-alias": "latest",
101
- "typescript": "latest",
102
- "vite": "^5.2.0",
103
- "@dashadmin/dash-eslint": "1.3.25",
104
- "@dashadmin/dash-prettier": "1.3.25",
105
- "@dashadmin/dash-tsconfig": "1.3.25"
106
- },
107
- "peerDependencies": {
108
- "react": "latest",
109
- "@hello-pangea/dnd": "latest",
110
- "react-custom-scrollbars-2": "latest",
111
- "react-dom": "latest"
112
- },
113
- "eslintConfig": {
114
- "extends": "react-app"
115
- },
116
- "todo_storybook": {
117
- "eslint-plugin-storybook": "latest"
118
- },
119
- "publishConfig": {
120
- "name": "@dashadmin/dash-modal",
121
- "access": "public"
122
- },
123
- "files": [
124
- "dist"
125
- ],
126
- "scripts": {
127
- "lint": "eslint --ext .ts,.tsx .",
128
- "format": "pnpm prettier --write . && pnpm format-check && pnpm lint",
129
- "lint:check": "pnpm prettier --check .",
130
- "lint:fix": "pnpm prettier --write .",
131
- "check-updates": "pnpm npm-check-updates",
132
- "updates-packages": "pnpm npm-check-updates -u",
133
- "build": "rm -rf dist && node ../dash-build/compile.mjs && vite build"
134
- }
135
- }
2
+ "name": "@dashadmin/dash-modal",
3
+ "version": "1.3.28",
4
+ "main": "dist/index.cjs",
5
+ "type": "module",
6
+ "exports": {
7
+ ".": {
8
+ "types": "./dist/index.d.ts",
9
+ "import": "./dist/index.js",
10
+ "require": "./dist/index.cjs"
11
+ },
12
+ "./index.less": {
13
+ "import": "./src/styles/index.less",
14
+ "require": "./src/styles7index.less"
15
+ },
16
+ "./error.mp3": {
17
+ "import": "./src/assets/error.mp3",
18
+ "require": "./src/assets/error.mp3"
19
+ },
20
+ "./modalError.mp3": {
21
+ "import": "./src/assets/modalError.mp3",
22
+ "require": "./src/assets/modalError.mp3"
23
+ },
24
+ "./success.mp3": {
25
+ "import": "./src/assets/success.mp3",
26
+ "require": "./src/assets/success.mp3"
27
+ }
28
+ },
29
+ "scripts": {
30
+ "lint": "eslint --ext .ts,.tsx .",
31
+ "format": "pnpm prettier --write . && pnpm format-check && pnpm lint",
32
+ "lint:check": "pnpm prettier --check .",
33
+ "lint:fix": "pnpm prettier --write .",
34
+ "check-updates": "pnpm npm-check-updates",
35
+ "updates-packages": "pnpm npm-check-updates -u",
36
+ "build": "tsup"
37
+ },
38
+ "browserslist": {
39
+ "production": [
40
+ ">0.2%",
41
+ "not dead",
42
+ "not op_mini all"
43
+ ],
44
+ "development": [
45
+ "last 1 chrome version",
46
+ "last 1 firefox version",
47
+ "last 1 safari version"
48
+ ]
49
+ },
50
+ "dependencies": {
51
+ "@dashadmin/dash-styles": "workspace:*",
52
+ "@emotion/react": "latest",
53
+ "@emotion/styled": "latest",
54
+ "@mui/material": "^7.3.10",
55
+ "@rollup/plugin-alias": "latest",
56
+ "@rollup/plugin-commonjs": "latest",
57
+ "@rollup/plugin-node-resolve": "latest",
58
+ "@rollup/plugin-replace": "latest",
59
+ "@rollup/plugin-typescript": "latest",
60
+ "query-string": "latest",
61
+ "react-admin": "5.14.6",
62
+ "@dashadmin/dash-auto-admin": "workspace:*",
63
+ "react-custom-scrollbars-2": "latest",
64
+ "react-loading-overlay-ts": "latest",
65
+ "react-query": "latest",
66
+ "react-redux": "latest",
67
+ "react-router": "^7.9.6",
68
+ "react-router-dom": "^7.9.6",
69
+ "react-toastify": "latest",
70
+ "rollup-plugin-cleaner": "latest",
71
+ "rollup-plugin-dts": "latest",
72
+ "rollup-plugin-peer-deps-external": "latest",
73
+ "rollup-plugin-svg": "latest",
74
+ "@dashadmin/dash-dialog": "workspace:*"
75
+ },
76
+ "devDependencies": {
77
+ "@babel/core": "latest",
78
+ "@babel/preset-env": "latest",
79
+ "@babel/preset-react": "latest",
80
+ "@babel/preset-typescript": "latest",
81
+ "@commitlint/config-conventional": "latest",
82
+ "@types/node": "latest",
83
+ "@types/react": "latest",
84
+ "@types/react-dom": "latest",
85
+ "@zerollup/ts-transform-paths": "latest",
86
+ "babel-loader": "latest",
87
+ "eslint": "latest",
88
+ "eslint-config-airbnb": "latest",
89
+ "eslint-config-airbnb-typescript": "latest",
90
+ "eslint-config-prettier": "latest",
91
+ "@dashadmin/dash-eslint": "workspace:*",
92
+ "eslint-import-resolver-typescript": "latest",
93
+ "eslint-plugin-html": "latest",
94
+ "eslint-plugin-import": "latest",
95
+ "eslint-plugin-jsdoc": "latest",
96
+ "eslint-plugin-json": "latest",
97
+ "eslint-plugin-jsx-a11y": "latest",
98
+ "eslint-plugin-prettier": "latest",
99
+ "eslint-plugin-react": "latest",
100
+ "eslint-plugin-react-hooks": "latest",
101
+ "@dashadmin/dash-prettier": "workspace:*",
102
+ "query-string": "latest",
103
+ "react-dom": "latest",
104
+ "rollup": "latest",
105
+ "rollup-plugin-copy-assets": "latest",
106
+ "rollup-plugin-external-globals": "latest",
107
+ "rollup-plugin-includepaths": "latest",
108
+ "rollup-plugin-less": "latest",
109
+ "rollup-plugin-node-resolve": "latest",
110
+ "rollup-plugin-postcss": "latest",
111
+ "rollup-plugin-sourcemaps": "latest",
112
+ "rollup-plugin-typescript2": "latest",
113
+ "@dashadmin/dash-tsconfig": "workspace:*",
114
+ "tsc": "latest",
115
+ "tsc-alias": "latest",
116
+ "typescript": "latest"
117
+ },
118
+ "peerDependencies": {
119
+ "react": "latest",
120
+ "react-custom-scrollbars-2": "^4.5.0",
121
+ "react-dom": "latest"
122
+ },
123
+ "eslintConfig": {
124
+ "extends": "react-app"
125
+ },
126
+ "todo_storybook": {
127
+ "eslint-plugin-storybook": "latest"
128
+ },
129
+ "module": "dist/index.js",
130
+ "types": "dist/index.d.ts",
131
+ "publishConfig": {
132
+ "access": "public",
133
+ "registry": "https://registry.npmjs.org"
134
+ },
135
+ "files": [
136
+ "dist"
137
+ ]
138
+ }
package/dist/DASHModal.js DELETED
@@ -1 +0,0 @@
1
- import{Fragment as n,jsx as o,jsxs as i}from"react/jsx-runtime";import{Button as f,Dialog as R,DialogActions as $,DialogContent as _,DialogTitle as F,IconButton as H}from"@mui/material";import{useEffect as D,useState as W}from"react";import z from"@mui/icons-material/Info";import L from"@mui/icons-material/CheckCircle";import j from"@mui/icons-material/Error";import q from"@mui/icons-material/Close";import G from"./assets/modalError.mp3";import J from"./assets/success.mp3";import K from"./assets/modalInfo.mp3";import"./styles/modal.less";import{useTranslate as Q}from"react-admin";const U=s=>{const{children:t,variant:e}=s;switch(e){case"success":return i(n,{children:[o("div",{className:`dash-modal-img dash-modal-img-${e}`,children:o(L,{})}),t&&o("div",{className:"dash-modal-title",children:t})]});case"danger":return i(n,{children:[o("div",{className:`dash-modal-img dash-modal-img-${e}`,children:o(j,{})}),t&&o("div",{className:"dash-modal-title",children:t})]});case"info":case"default":return i(n,{children:[o("div",{className:`dash-modal-img dash-modal-img-${e}`,children:o(z,{})}),t&&o("div",{className:"dash-modal-title",children:t})]});default:return t?o("div",{className:"dash-modal-title",children:t}):o(n,{})}},V=s=>{const t=Q(),{variant:e="default",onClose:p,onCancel:h,onConfirm:g,open:c=!1,confirmText:N=t("dash.action.continue"),cancelText:C=t("dash.action.cancel"),closeText:d=null,title:b,content:w=null,className:v,showCloseButton:I=!0,showCancelButton:y=void 0,showConfirmButton:B=!0,dialogActions:k,sound:m=!0,children:x,...A}=s,S=typeof y=="boolean"?y:!!C,[r,l]=W(c);D(()=>{l(c)},[c]);const T=a=>{l(!1),h&&h()},u=(a,X)=>{l(!1),p&&p()},P=a=>{l(!1),g&&g()},E=()=>{try{if(m){const a=new Audio(J);a.load(),a.play()}}catch(a){console.error(a)}},M=()=>{try{if(m){const a=new Audio(K);a.load(),a.play()}}catch(a){console.error(a)}},O=()=>{try{if(m){const a=new Audio(G);a.load(),a.play()}}catch(a){console.error(a)}};return D(()=>{if(r===!0&&e==="danger"){O();return}if(r===!0&&e==="success"){E();return}if(r===!0){M();return}},[r,e]),i(R,{...A,onClose:u,className:`${v?v+" ":""}dash-modal-${e}`,open:r,children:[i(F,{id:"alert-dialog-title",children:[o(U,{variant:e}),I&&!d&&o(H,{"aria-label":"close",size:"small",onClick:a=>u(a,"backdropClick"),sx:{position:"absolute",right:5,top:20,color:"white",bgcolor:"error.main","&:hover":{bgcolor:"error.dark"},borderRadius:"50%",padding:"8px"},children:o(q,{})})]}),i(_,{children:[o("div",{className:"dash-modal-title",children:o("h3",{children:b})}),x||w]}),i($,{children:[k||o(n,{}),S?o(f,{variant:"contained",className:"btn-width-md",color:"primary",onClick:T,children:C}):o(n,{}),B===!0?o(f,{variant:"contained",className:"btn-width-md",color:"primary",onClick:P,autoFocus:!0,children:N}):o(n,{}),I===!0&&d?o(f,{variant:"contained",className:"btn-width-md",color:"primary",onClick:a=>u(a,"backdropClick"),children:d}):o(n,{})]})]})};var go=V;export{go as default};
package/dist/DASHModal.stories.js DELETED
@@ -1 +0,0 @@
1
- import{Fragment as m,jsx as r}from"react/jsx-runtime";import{useState as l}from"react";import n from"./DASHModal";const s={title:"@app/atom/Dialog",component:n},i=o=>{const[t,a]=l(!!o?.open),e=()=>{a(!t)};return r(m,{children:r(n,{...o,open:t,onCancel:()=>e(),onConfirm:()=>e()})})},c={title:{control:!1},confirmText:{type:"string"},cancelText:{type:"string"},children:{type:"string"},onConfirm:{control:!1},onCancel:{control:!1}},p=i.bind({});p.argTypes=c,p.args={title:"T\xEDtulo",open:!0};var M=s;export{p as DASHModalBasic,M as default};
package/dist/assets/error.mp3 DELETED
Binary file
package/dist/dash-modal.css DELETED
@@ -1 +0,0 @@
1
- .dash-modal-default .MuiDialog-paper{background:var(--component-bg, #FFFFFF);box-shadow:var(--component-shadow, 0px 9px 28px 8px rgba(0, 0, 0, .05), 0px 6px 16px rgba(0, 0, 0, .08), 0px 3px 6px -4px rgba(0, 0, 0, .12))}.dash-modal-default .MuiDialog-paper>.MuiTypography-root.MuiDialogTitle-root{font-family:Montserrat;font-style:normal;font-weight:700;font-size:16px;line-height:24px;color:var(--heading-color, #262626);padding:16px 24px}.dash-modal-default .MuiDialog-paper>.MuiDialogContent-root{padding:24px;border:1px solid var(--component-border-split, #F0F0F0);border-left:unset;border-right:unset;font-family:Montserrat;font-style:normal;font-weight:400;font-size:14px;line-height:22px;color:var(--text-color, #262626)}.dash-modal-default .MuiDialog-paper>.MuiDialogActions-root{padding:10px 16px}.dash-modal-info .MuiDialog-paper,.dash-modal-success .MuiDialog-paper,.dash-modal-danger .MuiDialog-paper{padding-top:39px;background:transparent;box-shadow:unset}.dash-modal-info .MuiDialog-paper>.MuiTypography-root.MuiDialogTitle-root,.dash-modal-success .MuiDialog-paper>.MuiTypography-root.MuiDialogTitle-root,.dash-modal-danger .MuiDialog-paper>.MuiTypography-root.MuiDialogTitle-root{height:115px;background:var(--primary-color, #9A65E0);border-radius:8px;padding:0 0 30px}.dash-modal-info .MuiDialog-paper>.MuiTypography-root.MuiDialogTitle-root .dash-modal-img,.dash-modal-success .MuiDialog-paper>.MuiTypography-root.MuiDialogTitle-root .dash-modal-img,.dash-modal-danger .MuiDialog-paper>.MuiTypography-root.MuiDialogTitle-root .dash-modal-img{position:relative;width:138.55px;height:124px;margin:-39px auto 0}.dash-modal-info .MuiDialog-paper>.MuiTypography-root.MuiDialogTitle-root .dash-modal-img svg,.dash-modal-success .MuiDialog-paper>.MuiTypography-root.MuiDialogTitle-root .dash-modal-img svg,.dash-modal-danger .MuiDialog-paper>.MuiTypography-root.MuiDialogTitle-root .dash-modal-img svg{width:100%;height:100%;object-fit:contain}.dash-modal-info .MuiDialog-paper>.MuiTypography-root.MuiDialogTitle-root .dash-modal-img svg *,.dash-modal-success .MuiDialog-paper>.MuiTypography-root.MuiDialogTitle-root .dash-modal-img svg *,.dash-modal-danger .MuiDialog-paper>.MuiTypography-root.MuiDialogTitle-root .dash-modal-img svg *{pointer-events:none}.dash-modal-info .MuiDialog-paper>.MuiTypography-root.MuiDialogTitle-root .dash-modal-img svg,.dash-modal-success .MuiDialog-paper>.MuiTypography-root.MuiDialogTitle-root .dash-modal-img svg,.dash-modal-danger .MuiDialog-paper>.MuiTypography-root.MuiDialogTitle-root .dash-modal-img svg{fill:var(--highlight-color)}.dash-modal-info .MuiDialog-paper>.MuiTypography-root.MuiDialogTitle-root .dash-modal-img-info svg,.dash-modal-success .MuiDialog-paper>.MuiTypography-root.MuiDialogTitle-root .dash-modal-img-info svg,.dash-modal-danger .MuiDialog-paper>.MuiTypography-root.MuiDialogTitle-root .dash-modal-img-info svg{fill:var(--alert-info-bg)}.dash-modal-info .MuiDialog-paper>.MuiTypography-root.MuiDialogTitle-root .dash-modal-img-success svg,.dash-modal-success .MuiDialog-paper>.MuiTypography-root.MuiDialogTitle-root .dash-modal-img-success svg,.dash-modal-danger .MuiDialog-paper>.MuiTypography-root.MuiDialogTitle-root .dash-modal-img-success svg{fill:var(--alert-success-bg)}.dash-modal-info .MuiDialog-paper>.MuiTypography-root.MuiDialogTitle-root .dash-modal-img-danger svg,.dash-modal-success .MuiDialog-paper>.MuiTypography-root.MuiDialogTitle-root .dash-modal-img-danger svg,.dash-modal-danger .MuiDialog-paper>.MuiTypography-root.MuiDialogTitle-root .dash-modal-img-danger svg{fill:var(--alert-error-bg)}.dash-modal-info .MuiDialog-paper>.MuiDialogContent-root,.dash-modal-success .MuiDialog-paper>.MuiDialogContent-root,.dash-modal-danger .MuiDialog-paper>.MuiDialogContent-root{margin-top:-20px;padding:32px 32px 0;border:unset;background:var(--component-bg, #FFFFFF);border-top-left-radius:8px;border-top-right-radius:8px;font-family:Montserrat;font-style:normal;font-weight:400;font-size:16px;line-height:32px;text-align:center;color:var(--text-color, #262626)}.dash-modal-info .MuiDialog-paper>.MuiDialogActions-root,.dash-modal-success .MuiDialog-paper>.MuiDialogActions-root,.dash-modal-danger .MuiDialog-paper>.MuiDialogActions-root{padding:10px 16px;background:var(--component-bg, #FFFFFF);border-bottom-left-radius:8px;border-bottom-right-radius:8px}.dash-modal-info .MuiDialog-paper>.MuiTypography-root.MuiDialogTitle-root{background:linear-gradient(93.81deg,var(--primary-color) 3%,var(--primary-contrast) 100%)}.dash-modal-success .MuiDialog-paper>.MuiTypography-root.MuiDialogTitle-root{background:var(--btn-success-bg, #58BE34)}.dash-modal-danger .MuiDialog-paper>.MuiTypography-root.MuiDialogTitle-root{background:var(--btn-danger-bg, #ED483D)}
package/dist/styles/modal.less DELETED
@@ -1,261 +0,0 @@
1
-
2
- .dash-modal{
3
- &-default{
4
- .MuiDialog-paper{
5
- background: var(--component-bg, #FFFFFF);
6
- box-shadow: var(--component-shadow, 0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 6px 16px rgba(0, 0, 0, 0.08), 0px 3px 6px -4px rgba(0, 0, 0, 0.12));
7
- > .MuiTypography-root.MuiDialogTitle-root{
8
- font-family: 'Montserrat';
9
- font-style: normal;
10
- font-weight: 700;
11
- font-size: 16px;
12
- line-height: 24px;
13
- color: var(--heading-color, #262626);
14
- padding: 16px 24px;
15
- }
16
- > .MuiDialogContent-root{
17
- padding: 24px;
18
- border: 1px solid var(--component-border-split, #F0F0F0);
19
- border-left: unset;
20
- border-right: unset;
21
-
22
- font-family: 'Montserrat';
23
- font-style: normal;
24
- font-weight: 400;
25
- font-size: 14px;
26
- line-height: 22px;
27
- color: var(--text-color, #262626);
28
- }
29
- > .MuiDialogActions-root{
30
- padding: 10px 16px;
31
- }
32
- }
33
- }
34
- &-info, &-success, &-danger{
35
- .MuiDialog-paper{
36
- padding-top: 39px;
37
- background: transparent;
38
- box-shadow: unset;
39
- > .MuiTypography-root.MuiDialogTitle-root{
40
- height: 115px;
41
- background: var(--primary-color, #9A65E0);
42
- border-radius: 8px;
43
- padding: 0 0 30px;
44
- .dash-modal-img{
45
- position: relative;
46
- width: 138.55px;
47
- height: 124px;
48
- margin: -39px auto 0;
49
- svg{
50
- width: 100%;
51
- height: 100%;
52
- object-fit: contain;
53
- *{
54
- pointer-events: none;
55
- }
56
- }
57
- }
58
-
59
- .dash-modal-img {
60
- svg{
61
- fill: var(--highlight-color);
62
- }
63
- &-info {
64
- svg{
65
- fill: var(--alert-info-bg);
66
- }
67
- }
68
- &-success {
69
- svg{
70
- fill: var(--alert-success-bg);
71
- }
72
- }
73
- &-danger {
74
- svg{
75
- fill: var(--alert-error-bg);
76
- }
77
-
78
- }
79
-
80
- }
81
- }
82
- > .MuiDialogContent-root{
83
- margin-top: -20px;
84
- padding: 32px 32px 0;
85
- border: unset;
86
- background: var(--component-bg, #FFFFFF);
87
- border-top-left-radius: 8px;
88
- border-top-right-radius: 8px;
89
-
90
- font-family: 'Montserrat';
91
- font-style: normal;
92
- font-weight: 400;
93
- font-size: 16px;
94
- line-height: 32px;
95
- text-align: center;
96
- color: var(--text-color, #262626);
97
- }
98
- > .MuiDialogActions-root{
99
- padding: 10px 16px;
100
- background: var(--component-bg, #FFFFFF);
101
- border-bottom-left-radius: 8px;
102
- border-bottom-right-radius: 8px;
103
- }
104
- }
105
- }
106
- &-info{
107
- .MuiDialog-paper{
108
- > .MuiTypography-root.MuiDialogTitle-root{
109
- background: linear-gradient(93.81deg, var(--primary-color) 3%, var(--primary-contrast) 100%);
110
- }
111
- }
112
- }
113
- &-success{
114
- .MuiDialog-paper{
115
- > .MuiTypography-root.MuiDialogTitle-root{
116
- background: var(--btn-success-bg, #58BE34);
117
- }
118
- }
119
- }
120
- &-danger{
121
- .MuiDialog-paper{
122
- > .MuiTypography-root.MuiDialogTitle-root{
123
- background: var(--btn-danger-bg, #ED483D);
124
- }
125
- }
126
- }
127
- }
128
-
129
-
130
- /*
131
-
132
- .dash-modal{
133
- &-default{
134
- .MuiDialog-paper{
135
- background: var(--component-bg);
136
- box-shadow: var(--component-shadow);
137
- > .MuiTypography-root.MuiDialogTitle-root{
138
- font-family: 'Montserrat';
139
- font-style: normal;
140
- font-weight: 700;
141
- font-size: 16px;
142
- line-height: 24px;
143
- color: var(--heading-color);
144
- padding: 16px 24px;
145
- }
146
- > .MuiDialogContent-root{
147
- padding: 24px;
148
- border: 1px solid var(--component-border-split);
149
- border-left: unset;
150
- border-right: unset;
151
-
152
- font-family: 'Montserrat';
153
- font-style: normal;
154
- font-weight: 400;
155
- font-size: 14px;
156
- line-height: 22px;
157
- color: var(--text-color);
158
- }
159
- > .MuiDialogActions-root{
160
- padding: 10px 16px;
161
- }
162
- }
163
- }
164
- &-info, &-success, &-danger{
165
- .MuiDialog-paper{
166
- padding-top: 39px;
167
- background: transparent;
168
- box-shadow: unset;
169
- > .MuiTypography-root.MuiDialogTitle-root{
170
- height: 115px;
171
- background: var(--primary-color);
172
- border-radius: 8px;
173
- padding: 0 0 30px;
174
- .dash-modal-img{
175
- position: relative;
176
- width: 138.55px;
177
- height: 124px;
178
- margin: -39px auto 0;
179
- svg{
180
- width: 100%;
181
- height: 100%;
182
- object-fit: contain;
183
- *{
184
- pointer-events: none;
185
- }
186
- }
187
- }
188
-
189
- .dash-modal-img {
190
- svg{
191
- fill: var(--highlight-color);
192
- }
193
- &-info {
194
- svg{
195
- fill: var(--alert-info-bg);
196
- }
197
- }
198
- &-success {
199
- svg{
200
- fill: var(--alert-success-bg);
201
- }
202
- }
203
- &-danger {
204
- svg{
205
- fill: var(--alert-error-bg);
206
- }
207
-
208
- }
209
-
210
- }
211
-
212
-
213
- }
214
- > .MuiDialogContent-root{
215
- margin-top: -20px;
216
- padding: 32px 32px 0;
217
- border: unset;
218
- background: var(--component-bg);
219
- border-top-left-radius: 8px;
220
- border-top-right-radius: 8px;
221
-
222
- font-family: 'Montserrat';
223
- font-style: normal;
224
- font-weight: 400;
225
- font-size: 16px;
226
- line-height: 32px;
227
- text-align: center;
228
- color: var(--text-color);
229
- }
230
- > .MuiDialogActions-root{
231
- padding: 10px 16px;
232
- background: var(--component-bg);
233
- border-bottom-left-radius: 8px;
234
- border-bottom-right-radius: 8px;
235
- }
236
- }
237
- }
238
- &-info{
239
- .MuiDialog-paper{
240
- > .MuiTypography-root.MuiDialogTitle-root{
241
- background: linear-gradient(93.81deg, var(--primary-color) 2.98%, var(--primary-contrast) 102.49%);
242
- }
243
- }
244
- }
245
- &-success{
246
- .MuiDialog-paper{
247
- > .MuiTypography-root.MuiDialogTitle-root{
248
- background: var(--btn-success-bg);
249
- }
250
- }
251
- }
252
- &-danger{
253
- .MuiDialog-paper{
254
- > .MuiTypography-root.MuiDialogTitle-root{
255
- background: var(--btn-danger-bg);
256
- }
257
- }
258
- }
259
- }
260
-
261
- */