pds-dev-kit-web 2.2.255 → 2.2.257
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.
|
@@ -16,7 +16,7 @@ type DesktopBasicModalProps = {
|
|
|
16
16
|
mBtn1Type?: 'button' | 'submit';
|
|
17
17
|
mBtn2Type?: 'button' | 'submit';
|
|
18
18
|
mBtn3Type?: 'button' | 'submit';
|
|
19
|
-
size?: 'large' | 'medium' | 'small' | 'rlarge';
|
|
19
|
+
size?: 'large' | 'medium' | 'small' | 'rlarge' | 'xlarge' | 'rxlarge';
|
|
20
20
|
scrollVisibleType?: ScrollVisibleType;
|
|
21
21
|
onClickMBtn1?: () => void;
|
|
22
22
|
onClickMBtn2?: () => void;
|
|
@@ -75,7 +75,8 @@ var S_ModalOverlay = styled_components_1.default.div(templateObject_1 || (templa
|
|
|
75
75
|
return theme.ui_cpnt_modal_dimmed;
|
|
76
76
|
}, animationStyle_1.modalOverlayOnAni);
|
|
77
77
|
var rlarge = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n max-width: 1400px;\n min-width: 960px;\n"], ["\n max-width: 1400px;\n min-width: 960px;\n"])));
|
|
78
|
-
var
|
|
78
|
+
var rxlarge = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n min-width: 1200px;\n"], ["\n min-width: 1200px;\n"])));
|
|
79
|
+
var S_ModalWrapper = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: 24px;\n box-shadow: ", ";\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n left: 50%;\n position: fixed;\n top: 50%;\n transform: translate(-50%, -50%);\n width: ", ";\n ", ";\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: 24px;\n box-shadow: ", ";\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n left: 50%;\n position: fixed;\n top: 50%;\n transform: translate(-50%, -50%);\n width: ", ";\n ", ";\n ", ";\n\n ", "\n"])), function (_a) {
|
|
79
80
|
var theme = _a.theme;
|
|
80
81
|
return theme.ui_cpnt_modal_base;
|
|
81
82
|
}, function (_a) {
|
|
@@ -90,23 +91,28 @@ var S_ModalWrapper = styled_components_1.default.div(templateObject_3 || (templa
|
|
|
90
91
|
large: '960px',
|
|
91
92
|
medium: '688px',
|
|
92
93
|
small: '400px',
|
|
93
|
-
rlarge: '80vw'
|
|
94
|
+
rlarge: '80vw',
|
|
95
|
+
xlarge: '1200px',
|
|
96
|
+
rxlarge: '80vw'
|
|
94
97
|
};
|
|
95
98
|
return size && sizes[size];
|
|
96
99
|
}, function (_a) {
|
|
97
100
|
var size = _a.size;
|
|
98
101
|
return size === 'rlarge' && rlarge;
|
|
102
|
+
}, function (_a) {
|
|
103
|
+
var size = _a.size;
|
|
104
|
+
return size === 'rxlarge' && rxlarge;
|
|
99
105
|
}, animationStyle_1.modalOnAni);
|
|
100
|
-
var S_Left = styled_components_1.default.div(
|
|
106
|
+
var S_Left = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n margin-right: ", ";\n"], ["\n margin-right: ", ";\n"])), function (_a) {
|
|
101
107
|
var theme = _a.theme;
|
|
102
108
|
return theme.spacing.spacingB;
|
|
103
109
|
});
|
|
104
|
-
var S_Btn2Wrapper = styled_components_1.default.div(
|
|
110
|
+
var S_Btn2Wrapper = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n margin-right: ", ";\n"], ["\n margin-right: ", ";\n"])), function (_a) {
|
|
105
111
|
var theme = _a.theme;
|
|
106
112
|
return theme.spacing.spacingB;
|
|
107
113
|
});
|
|
108
|
-
var S_Right = styled_components_1.default.div(
|
|
109
|
-
var S_Header = styled_components_1.default.div(
|
|
114
|
+
var S_Right = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
|
115
|
+
var S_Header = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n padding-bottom: ", ";\n padding-left: ", ";\n padding-right: ", ";\n padding-top: ", ";\n"], ["\n padding-bottom: ", ";\n padding-left: ", ";\n padding-right: ", ";\n padding-top: ", ";\n"])), function (_a) {
|
|
110
116
|
var theme = _a.theme;
|
|
111
117
|
return theme.spacing.spacingC;
|
|
112
118
|
}, function (_a) {
|
|
@@ -119,7 +125,7 @@ var S_Header = styled_components_1.default.div(templateObject_7 || (templateObje
|
|
|
119
125
|
var theme = _a.theme;
|
|
120
126
|
return theme.spacing.spacingE;
|
|
121
127
|
});
|
|
122
|
-
var S_Body = styled_components_1.default.div(
|
|
128
|
+
var S_Body = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n flex: 1;\n max-height: 60vh;\n overflow: ", ";\n padding-bottom: ", ";\n padding-left: ", ";\n padding-right: ", ";\n padding-top: ", ";\n\n ", "\n ", ";\n"], ["\n flex: 1;\n max-height: 60vh;\n overflow: ", ";\n padding-bottom: ", ";\n padding-left: ", ";\n padding-right: ", ";\n padding-top: ", ";\n\n ", "\n ", ";\n"])), function (_a) {
|
|
123
129
|
var bodyOverflowType = _a.bodyOverflowType;
|
|
124
130
|
return bodyOverflowType;
|
|
125
131
|
}, function (_a) {
|
|
@@ -144,9 +150,9 @@ var S_Body = styled_components_1.default.div(templateObject_9 || (templateObject
|
|
|
144
150
|
}[scrollVisibleType];
|
|
145
151
|
}, function (_a) {
|
|
146
152
|
var bodySpacingMode = _a.bodySpacingMode;
|
|
147
|
-
return bodySpacingMode === 'none' && (0, styled_components_1.css)(
|
|
153
|
+
return bodySpacingMode === 'none' && (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n padding-bottom: 0;\n padding-left: 0;\n padding-right: 0;\n "], ["\n padding-bottom: 0;\n padding-left: 0;\n padding-right: 0;\n "])));
|
|
148
154
|
});
|
|
149
|
-
var S_Footer = styled_components_1.default.div(
|
|
155
|
+
var S_Footer = styled_components_1.default.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n border-top: 1px solid ", ";\n box-sizing: border-box;\n display: flex;\n justify-content: space-between;\n padding-bottom: ", ";\n padding-left: ", ";\n padding-right: ", ";\n padding-top: ", ";\n"], ["\n border-top: 1px solid ", ";\n box-sizing: border-box;\n display: flex;\n justify-content: space-between;\n padding-bottom: ", ";\n padding-left: ", ";\n padding-right: ", ";\n padding-top: ", ";\n"])), function (_a) {
|
|
150
156
|
var theme = _a.theme;
|
|
151
157
|
return theme.ui_cpnt_modal_border;
|
|
152
158
|
}, function (_a) {
|
|
@@ -163,4 +169,4 @@ var S_Footer = styled_components_1.default.div(templateObject_10 || (templateObj
|
|
|
163
169
|
return theme.spacing.spacingD;
|
|
164
170
|
});
|
|
165
171
|
exports.default = DesktopBasicModal;
|
|
166
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;
|
|
172
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;
|
package/package.json
CHANGED
package/release-note.md
CHANGED