@bosonprotocol/react-kit 0.30.1 → 0.31.0-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/modal/Modal.d.ts.map +1 -1
- package/dist/cjs/components/modal/Modal.js +8 -6
- package/dist/cjs/components/modal/Modal.js.map +1 -1
- package/dist/cjs/components/modal/nonModal/NonModal.js +5 -5
- package/dist/cjs/components/modal/nonModal/NonModal.js.map +1 -1
- package/dist/cjs/components/modal/nonModal/styles.d.ts.map +1 -1
- package/dist/cjs/components/modal/nonModal/styles.js +2 -0
- package/dist/cjs/components/modal/nonModal/styles.js.map +1 -1
- package/dist/esm/components/modal/Modal.d.ts.map +1 -1
- package/dist/esm/components/modal/Modal.js +8 -6
- package/dist/esm/components/modal/Modal.js.map +1 -1
- package/dist/esm/components/modal/nonModal/NonModal.js +5 -5
- package/dist/esm/components/modal/nonModal/NonModal.js.map +1 -1
- package/dist/esm/components/modal/nonModal/styles.d.ts.map +1 -1
- package/dist/esm/components/modal/nonModal/styles.js +2 -0
- package/dist/esm/components/modal/nonModal/styles.js.map +1 -1
- package/package.json +2 -2
- package/src/components/modal/Modal.tsx +9 -12
- package/src/components/modal/nonModal/NonModal.tsx +5 -5
- package/src/components/modal/nonModal/styles.tsx +2 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AA+MlD,UAAU,KAAK;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,IAAI,EAAE,WAAW,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IACtC,SAAS,EAAE,KAAK,CAAC,eAAe,CAAC,CAAC;IAClC,KAAK,EAAE,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,KAAU,EACV,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe,EAChC,IAAI,EACJ,SAAS,EACT,KAAK,EACL,YAAY,EACZ,QAAe,EACf,SAAS,EACV,EAAE,KAAK,qBA4CP"}
|
|
@@ -43,10 +43,6 @@ const Root = styled_components_1.default.div `
|
|
|
43
43
|
left: 0;
|
|
44
44
|
right: 0;
|
|
45
45
|
z-index: ${zIndex_1.zIndex.Modal};
|
|
46
|
-
max-height: 100vh;
|
|
47
|
-
max-width: 100vw;
|
|
48
|
-
overflow-y: auto;
|
|
49
|
-
overflow-x: hidden;
|
|
50
46
|
`;
|
|
51
47
|
const RootBG = styled_components_1.default.div `
|
|
52
48
|
position: fixed;
|
|
@@ -107,6 +103,10 @@ const background = {
|
|
|
107
103
|
light: `${colors.white}`
|
|
108
104
|
};
|
|
109
105
|
const Wrapper = styled_components_1.default.div `
|
|
106
|
+
display: flex;
|
|
107
|
+
flex-direction: column;
|
|
108
|
+
max-height: 96vh;
|
|
109
|
+
overflow: auto;
|
|
110
110
|
position: relative;
|
|
111
111
|
z-index: ${zIndex_1.zIndex.Modal};
|
|
112
112
|
color: ${({ $themeVal }) => {
|
|
@@ -181,7 +181,7 @@ const Wrapper = styled_components_1.default.div `
|
|
|
181
181
|
margin: ${({ $size }) => sizeToMargin[$size]["xl"] || "4rem 14rem"};
|
|
182
182
|
}
|
|
183
183
|
${({ $size }) => $size === "fullscreen" &&
|
|
184
|
-
`
|
|
184
|
+
(0, styled_components_1.css) `
|
|
185
185
|
min-height: 100vh;
|
|
186
186
|
`};
|
|
187
187
|
`;
|
|
@@ -211,6 +211,8 @@ const Close = (0, styled_components_1.default)(phosphor_react_1.X) `
|
|
|
211
211
|
`;
|
|
212
212
|
const Content = styled_components_1.default.div `
|
|
213
213
|
padding: 2rem;
|
|
214
|
+
flex: 1;
|
|
215
|
+
overflow-y: auto;
|
|
214
216
|
`;
|
|
215
217
|
function Modal({ children, hideModal, title = "", headerComponent: HeaderComponent, footerComponent: FooterComponent, size, maxWidths, theme, contentStyle, closable = true, modalType }) {
|
|
216
218
|
const handleOnClose = () => {
|
|
@@ -227,7 +229,7 @@ function Modal({ children, hideModal, title = "", headerComponent: HeaderCompone
|
|
|
227
229
|
title,
|
|
228
230
|
closable && (react_1.default.createElement(ThemedButton_1.default, { "data-close": true, themeVal: "blank", onClick: handleOnClose },
|
|
229
231
|
react_1.default.createElement(Close, { size: 32 }))))),
|
|
230
|
-
react_1.default.createElement(Content, {
|
|
232
|
+
react_1.default.createElement(Content, { style: contentStyle }, children),
|
|
231
233
|
FooterComponent && react_1.default.createElement(FooterWrapper, null, FooterComponent)),
|
|
232
234
|
react_1.default.createElement(RootBG, { onClick: () => {
|
|
233
235
|
handleOnClose();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/modal/Modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA6C;AAC7C,mDAAmC;AAEnC,yCAAyC;AACzC,uEAAgD;AAEhD,uCAAoC;AAEpC,iDAA8C;AAC9C,sEAA8C;AAC9C,wDAAqD;AACrD,yCAAsC;AAEtC,MAAM,MAAM,GAAG,aAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAClC,MAAM,IAAI,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;aAMV,eAAM,CAAC,KAAK
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -42,10 +42,6 @@ const Root = styled_components_1.default.div `
|
|
|
42
42
|
left: 0;
|
|
43
43
|
right: 0;
|
|
44
44
|
z-index: ${zIndex_1.zIndex.Modal};
|
|
45
|
-
max-height: 100vh;
|
|
46
|
-
max-width: 100vw;
|
|
47
|
-
overflow-y: auto;
|
|
48
|
-
overflow-x: hidden;
|
|
49
45
|
`;
|
|
50
46
|
const RootBG = styled_components_1.default.div `
|
|
51
47
|
position: fixed;
|
|
@@ -106,6 +102,10 @@ const background = {
|
|
|
106
102
|
light: `${colors.white}`
|
|
107
103
|
};
|
|
108
104
|
const Wrapper = styled_components_1.default.div `
|
|
105
|
+
display: flex;
|
|
106
|
+
flex-direction: column;
|
|
107
|
+
max-height: 96vh;
|
|
108
|
+
overflow: auto;
|
|
109
109
|
position: relative;
|
|
110
110
|
z-index: ${zIndex_1.zIndex.Modal};
|
|
111
111
|
color: ${({ $themeVal }) => {
|
|
@@ -159,7 +159,7 @@ const Wrapper = styled_components_1.default.div `
|
|
|
159
159
|
margin: ${({ $size }) => sizeToMargin[$size]["xl"] || "4rem 14rem"};
|
|
160
160
|
}
|
|
161
161
|
${({ $size }) => $size === "fullscreen" &&
|
|
162
|
-
`
|
|
162
|
+
(0, styled_components_1.css) `
|
|
163
163
|
min-height: 100vh;
|
|
164
164
|
`};
|
|
165
165
|
`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NonModal.js","sourceRoot":"","sources":["../../../../../src/components/modal/nonModal/NonModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAMe;AACf,0CAAuC;AAEvC,uEAAgD;AAEhD,sDAA8B;AAE9B,4CAAyC;AACzC,2DAAwD;AACxD,qCAAmC;AAEnC,MAAM,MAAM,GAAG,aAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAClC,MAAM,IAAI,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;aAMV,eAAM,CAAC,KAAK
|
|
1
|
+
{"version":3,"file":"NonModal.js","sourceRoot":"","sources":["../../../../../src/components/modal/nonModal/NonModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/modal/nonModal/styles.tsx"],"names":[],"mappings":";AAEA,eAAO,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/modal/nonModal/styles.tsx"],"names":[],"mappings":";AAEA,eAAO,MAAM,OAAO,gNAInB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/modal/nonModal/styles.tsx"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AAE1B,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/modal/nonModal/styles.tsx"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AAE1B,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;CAIhC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AA+MlD,UAAU,KAAK;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,IAAI,EAAE,WAAW,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IACtC,SAAS,EAAE,KAAK,CAAC,eAAe,CAAC,CAAC;IAClC,KAAK,EAAE,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,KAAU,EACV,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe,EAChC,IAAI,EACJ,SAAS,EACT,KAAK,EACL,YAAY,EACZ,QAAe,EACf,SAAS,EACV,EAAE,KAAK,qBA4CP"}
|
|
@@ -15,10 +15,6 @@ const Root = styled.div `
|
|
|
15
15
|
left: 0;
|
|
16
16
|
right: 0;
|
|
17
17
|
z-index: ${zIndex.Modal};
|
|
18
|
-
max-height: 100vh;
|
|
19
|
-
max-width: 100vw;
|
|
20
|
-
overflow-y: auto;
|
|
21
|
-
overflow-x: hidden;
|
|
22
18
|
`;
|
|
23
19
|
const RootBG = styled.div `
|
|
24
20
|
position: fixed;
|
|
@@ -79,6 +75,10 @@ const background = {
|
|
|
79
75
|
light: `${colors.white}`
|
|
80
76
|
};
|
|
81
77
|
const Wrapper = styled.div `
|
|
78
|
+
display: flex;
|
|
79
|
+
flex-direction: column;
|
|
80
|
+
max-height: 96vh;
|
|
81
|
+
overflow: auto;
|
|
82
82
|
position: relative;
|
|
83
83
|
z-index: ${zIndex.Modal};
|
|
84
84
|
color: ${({ $themeVal }) => {
|
|
@@ -153,7 +153,7 @@ const Wrapper = styled.div `
|
|
|
153
153
|
margin: ${({ $size }) => sizeToMargin[$size]["xl"] || "4rem 14rem"};
|
|
154
154
|
}
|
|
155
155
|
${({ $size }) => $size === "fullscreen" &&
|
|
156
|
-
`
|
|
156
|
+
css `
|
|
157
157
|
min-height: 100vh;
|
|
158
158
|
`};
|
|
159
159
|
`;
|
|
@@ -183,6 +183,8 @@ const Close = styled(X) `
|
|
|
183
183
|
`;
|
|
184
184
|
const Content = styled.div `
|
|
185
185
|
padding: 2rem;
|
|
186
|
+
flex: 1;
|
|
187
|
+
overflow-y: auto;
|
|
186
188
|
`;
|
|
187
189
|
export default function Modal({ children, hideModal, title = "", headerComponent: HeaderComponent, footerComponent: FooterComponent, size, maxWidths, theme, contentStyle, closable = true, modalType }) {
|
|
188
190
|
const handleOnClose = () => {
|
|
@@ -199,7 +201,7 @@ export default function Modal({ children, hideModal, title = "", headerComponent
|
|
|
199
201
|
title,
|
|
200
202
|
closable && (React.createElement(ThemedButton, { "data-close": true, themeVal: "blank", onClick: handleOnClose },
|
|
201
203
|
React.createElement(Close, { size: 32 }))))),
|
|
202
|
-
React.createElement(Content, {
|
|
204
|
+
React.createElement(Content, { style: contentStyle }, children),
|
|
203
205
|
FooterComponent && React.createElement(FooterWrapper, null, FooterComponent)),
|
|
204
206
|
React.createElement(RootBG, { onClick: () => {
|
|
205
207
|
handleOnClose();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,CAAC,EAAE,MAAM,gBAAgB,CAAC;AAEnC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,YAAY,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAEtC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAClC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;aAMV,MAAM,CAAC,KAAK
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -13,10 +13,6 @@ const Root = styled.div `
|
|
|
13
13
|
left: 0;
|
|
14
14
|
right: 0;
|
|
15
15
|
z-index: ${zIndex.Modal};
|
|
16
|
-
max-height: 100vh;
|
|
17
|
-
max-width: 100vw;
|
|
18
|
-
overflow-y: auto;
|
|
19
|
-
overflow-x: hidden;
|
|
20
16
|
`;
|
|
21
17
|
const RootBG = styled.div `
|
|
22
18
|
position: fixed;
|
|
@@ -77,6 +73,10 @@ const background = {
|
|
|
77
73
|
light: `${colors.white}`
|
|
78
74
|
};
|
|
79
75
|
const Wrapper = styled.div `
|
|
76
|
+
display: flex;
|
|
77
|
+
flex-direction: column;
|
|
78
|
+
max-height: 96vh;
|
|
79
|
+
overflow: auto;
|
|
80
80
|
position: relative;
|
|
81
81
|
z-index: ${zIndex.Modal};
|
|
82
82
|
color: ${({ $themeVal }) => {
|
|
@@ -130,7 +130,7 @@ const Wrapper = styled.div `
|
|
|
130
130
|
margin: ${({ $size }) => sizeToMargin[$size]["xl"] || "4rem 14rem"};
|
|
131
131
|
}
|
|
132
132
|
${({ $size }) => $size === "fullscreen" &&
|
|
133
|
-
`
|
|
133
|
+
css `
|
|
134
134
|
min-height: 100vh;
|
|
135
135
|
`};
|
|
136
136
|
`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NonModal.js","sourceRoot":"","sources":["../../../../../src/components/modal/nonModal/NonModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,UAAU,EAEV,UAAU,EACV,aAAa,EACb,OAAO,EACR,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEvC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAEnC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAClC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;aAMV,MAAM,CAAC,KAAK
|
|
1
|
+
{"version":3,"file":"NonModal.js","sourceRoot":"","sources":["../../../../../src/components/modal/nonModal/NonModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/modal/nonModal/styles.tsx"],"names":[],"mappings":";AAEA,eAAO,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/modal/nonModal/styles.tsx"],"names":[],"mappings":";AAEA,eAAO,MAAM,OAAO,gNAInB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/modal/nonModal/styles.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/modal/nonModal/styles.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIhC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bosonprotocol/react-kit",
|
|
3
3
|
"description": "React toolkit with smart components and hooks for building on top of the Boson Protocol.",
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "0.31.0-alpha.0",
|
|
5
5
|
"main": "./dist/cjs/index.js",
|
|
6
6
|
"module": "./dist/esm/index.js",
|
|
7
7
|
"types": "./dist/cjs/index.d.ts",
|
|
@@ -170,5 +170,5 @@
|
|
|
170
170
|
"overrides": {
|
|
171
171
|
"typescript": "^5.1.6"
|
|
172
172
|
},
|
|
173
|
-
"gitHead": "
|
|
173
|
+
"gitHead": "469b3df8d2075026ff7a77d7420921a1b0603dcb"
|
|
174
174
|
}
|
|
@@ -19,10 +19,6 @@ const Root = styled.div`
|
|
|
19
19
|
left: 0;
|
|
20
20
|
right: 0;
|
|
21
21
|
z-index: ${zIndex.Modal};
|
|
22
|
-
max-height: 100vh;
|
|
23
|
-
max-width: 100vw;
|
|
24
|
-
overflow-y: auto;
|
|
25
|
-
overflow-x: hidden;
|
|
26
22
|
`;
|
|
27
23
|
|
|
28
24
|
const RootBG = styled.div`
|
|
@@ -92,6 +88,10 @@ const Wrapper = styled.div<{
|
|
|
92
88
|
$themeVal: Props["theme"];
|
|
93
89
|
$maxWidths: Props["maxWidths"];
|
|
94
90
|
}>`
|
|
91
|
+
display: flex;
|
|
92
|
+
flex-direction: column;
|
|
93
|
+
max-height: 96vh;
|
|
94
|
+
overflow: auto;
|
|
95
95
|
position: relative;
|
|
96
96
|
z-index: ${zIndex.Modal};
|
|
97
97
|
color: ${({ $themeVal }) => {
|
|
@@ -173,7 +173,7 @@ const Wrapper = styled.div<{
|
|
|
173
173
|
}
|
|
174
174
|
${({ $size }) =>
|
|
175
175
|
$size === "fullscreen" &&
|
|
176
|
-
`
|
|
176
|
+
css`
|
|
177
177
|
min-height: 100vh;
|
|
178
178
|
`};
|
|
179
179
|
`;
|
|
@@ -206,11 +206,10 @@ const Close = styled(X)`
|
|
|
206
206
|
}
|
|
207
207
|
`;
|
|
208
208
|
|
|
209
|
-
const Content = styled.div
|
|
210
|
-
$modalType: ModalType;
|
|
211
|
-
$size: Props["size"];
|
|
212
|
-
}>`
|
|
209
|
+
const Content = styled.div`
|
|
213
210
|
padding: 2rem;
|
|
211
|
+
flex: 1;
|
|
212
|
+
overflow-y: auto;
|
|
214
213
|
`;
|
|
215
214
|
|
|
216
215
|
interface Props {
|
|
@@ -272,9 +271,7 @@ export default function Modal({
|
|
|
272
271
|
)}
|
|
273
272
|
</HeaderWithTitle>
|
|
274
273
|
)}
|
|
275
|
-
<Content
|
|
276
|
-
{children}
|
|
277
|
-
</Content>
|
|
274
|
+
<Content style={contentStyle}>{children}</Content>
|
|
278
275
|
{FooterComponent && <FooterWrapper>{FooterComponent}</FooterWrapper>}
|
|
279
276
|
</Wrapper>
|
|
280
277
|
<RootBG
|
|
@@ -23,10 +23,6 @@ const Root = styled.div`
|
|
|
23
23
|
left: 0;
|
|
24
24
|
right: 0;
|
|
25
25
|
z-index: ${zIndex.Modal};
|
|
26
|
-
max-height: 100vh;
|
|
27
|
-
max-width: 100vw;
|
|
28
|
-
overflow-y: auto;
|
|
29
|
-
overflow-x: hidden;
|
|
30
26
|
`;
|
|
31
27
|
|
|
32
28
|
const RootBG = styled.div`
|
|
@@ -95,6 +91,10 @@ const Wrapper = styled.div<{
|
|
|
95
91
|
$themeVal: NonModalProps["theme"];
|
|
96
92
|
$maxWidths: NonModalProps["maxWidths"];
|
|
97
93
|
}>`
|
|
94
|
+
display: flex;
|
|
95
|
+
flex-direction: column;
|
|
96
|
+
max-height: 96vh;
|
|
97
|
+
overflow: auto;
|
|
98
98
|
position: relative;
|
|
99
99
|
z-index: ${zIndex.Modal};
|
|
100
100
|
color: ${({ $themeVal }) => {
|
|
@@ -155,7 +155,7 @@ const Wrapper = styled.div<{
|
|
|
155
155
|
}
|
|
156
156
|
${({ $size }) =>
|
|
157
157
|
$size === "fullscreen" &&
|
|
158
|
-
`
|
|
158
|
+
css`
|
|
159
159
|
min-height: 100vh;
|
|
160
160
|
`};
|
|
161
161
|
`;
|