pds-dev-kit-web 1.4.29 → 1.4.30
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/src/desktop/components/ChatList/ChatTextField.js +1 -1
- package/dist/src/desktop/components/UploadMainButton/UploadMainButton.js +2 -2
- package/dist/src/mobile/components/ChatList/ChatTextField.js +1 -1
- package/dist/src/mobile/components/UploadMainButton/UploadMainButton.js +2 -2
- package/package.json +1 -1
- package/release-note.md +4 -26
|
@@ -24,7 +24,7 @@ function ChatTextField(_a) {
|
|
|
24
24
|
react_1.default.createElement(S_FooterContentWrapper, null,
|
|
25
25
|
react_1.default.createElement(S_TextFieldWrapper, null,
|
|
26
26
|
react_1.default.createElement(TextField_1.TextField, { name: "chat", responsiveMode: "use", textLineType: "single", inputType: "text", hintText: textFieldHintText, defaultText: textFieldDefaultText, validation: chatValidation, maxLength: textFieldMaxLength, enterSubmitMode: "use", validationPoint: "onChange", state: textFieldState })),
|
|
27
|
-
react_1.default.createElement(IconButton_1.IconButton, { iconName: "ic_paper_plane", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconColorKey: isSubmitBtnActive ? '
|
|
27
|
+
react_1.default.createElement(IconButton_1.IconButton, { iconName: "ic_paper_plane", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconColorKey: isSubmitBtnActive ? 'ui_cpnt_button_icon_primary' : 'ui_cpnt_button_icon_disabled', iconSize: 24, type: "submit", state: isSubmitBtnActive ? 'normal' : 'disabled' }))));
|
|
28
28
|
}
|
|
29
29
|
var S_FooterContentWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n padding-left: ", ";\n padding-right: ", ";\n"], ["\n align-items: center;\n display: flex;\n padding-left: ", ";\n padding-right: ", ";\n"])), function (_a) {
|
|
30
30
|
var theme = _a.theme;
|
|
@@ -193,7 +193,7 @@ var primaryDisabled = (0, styled_components_1.css)(templateObject_13 || (templat
|
|
|
193
193
|
var theme = _a.theme;
|
|
194
194
|
return theme.ui_cpnt_button_fill_base_disabled;
|
|
195
195
|
});
|
|
196
|
-
var primary = (0, styled_components_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n background-color: ", ";\n border: none;\n\n &:hover:
|
|
196
|
+
var primary = (0, styled_components_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n background-color: ", ";\n border: none;\n\n &:hover:not([disabled]) {\n ", "\n }\n\n &:active:not([disabled]) {\n ", "\n }\n\n ", "\n"], ["\n background-color: ", ";\n border: none;\n\n &:hover:not([disabled]) {\n ", "\n }\n\n &:active:not([disabled]) {\n ", "\n }\n\n ", "\n"])), function (_a) {
|
|
197
197
|
var theme = _a.theme;
|
|
198
198
|
return theme.ui_cpnt_button_fill_base_primary;
|
|
199
199
|
}, function (_a) {
|
|
@@ -210,7 +210,7 @@ var secondaryDisabled = (0, styled_components_1.css)(templateObject_15 || (templ
|
|
|
210
210
|
var theme = _a.theme;
|
|
211
211
|
return theme.ui_cpnt_button_line_base_hover;
|
|
212
212
|
});
|
|
213
|
-
var secondary = (0, styled_components_1.css)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n background-color: ", ";\n border: none;\n\n &:hover:
|
|
213
|
+
var secondary = (0, styled_components_1.css)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n background-color: ", ";\n border: none;\n\n &:hover:not([disabled]) {\n ", "\n }\n\n &:active:not([disabled]) {\n ", "\n }\n\n ", "\n"], ["\n background-color: ", ";\n border: none;\n\n &:hover:not([disabled]) {\n ", "\n }\n\n &:active:not([disabled]) {\n ", "\n }\n\n ", "\n"])), function (_a) {
|
|
214
214
|
var theme = _a.theme;
|
|
215
215
|
return theme.ui_cpnt_button_line_base_hover;
|
|
216
216
|
}, function (_a) {
|
|
@@ -24,7 +24,7 @@ function ChatTextField(_a) {
|
|
|
24
24
|
react_1.default.createElement(S_FooterContentWrapper, null,
|
|
25
25
|
react_1.default.createElement(S_TextFieldWrapper, null,
|
|
26
26
|
react_1.default.createElement(TextField_1.TextField, { name: "chat", responsiveMode: "use", textLineType: "single", inputType: "text", hintText: textFieldHintText, defaultText: textFieldDefaultText, validation: chatValidation, maxLength: textFieldMaxLength, enterSubmitMode: "use", validationPoint: "onChange", state: textFieldState })),
|
|
27
|
-
react_1.default.createElement(IconButton_1.IconButton, { iconName: "ic_paper_plane", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconColorKey: isSubmitBtnActive ? '
|
|
27
|
+
react_1.default.createElement(IconButton_1.IconButton, { iconName: "ic_paper_plane", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconColorKey: isSubmitBtnActive ? 'ui_cpnt_button_icon_primary' : 'ui_cpnt_button_icon_disabled', iconSize: 24, type: "submit", state: isSubmitBtnActive ? 'normal' : 'disabled' }))));
|
|
28
28
|
}
|
|
29
29
|
var S_FooterContentWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n padding-left: ", ";\n padding-right: ", ";\n"], ["\n align-items: center;\n display: flex;\n padding-left: ", ";\n padding-right: ", ";\n"])), function (_a) {
|
|
30
30
|
var theme = _a.theme;
|
|
@@ -184,7 +184,7 @@ var primaryDisabled = (0, styled_components_1.css)(templateObject_13 || (templat
|
|
|
184
184
|
var theme = _a.theme;
|
|
185
185
|
return theme.ui_cpnt_button_fill_base_disabled;
|
|
186
186
|
});
|
|
187
|
-
var primary = (0, styled_components_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n background-color: ", ";\n border: none;\n\n &:active:
|
|
187
|
+
var primary = (0, styled_components_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n background-color: ", ";\n border: none;\n\n &:active:not([disabled]) {\n ", "\n }\n\n ", "\n"], ["\n background-color: ", ";\n border: none;\n\n &:active:not([disabled]) {\n ", "\n }\n\n ", "\n"])), function (_a) {
|
|
188
188
|
var theme = _a.theme;
|
|
189
189
|
return theme.ui_cpnt_button_fill_base_primary;
|
|
190
190
|
}, function (_a) {
|
|
@@ -198,7 +198,7 @@ var secondaryDisabled = (0, styled_components_1.css)(templateObject_15 || (templ
|
|
|
198
198
|
var theme = _a.theme;
|
|
199
199
|
return theme.ui_cpnt_button_line_base_hover;
|
|
200
200
|
});
|
|
201
|
-
var secondary = (0, styled_components_1.css)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n background-color: ", ";\n border: none;\n\n &:active:
|
|
201
|
+
var secondary = (0, styled_components_1.css)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n background-color: ", ";\n border: none;\n\n &:active:not([disabled]) {\n ", "\n }\n\n ", "\n"], ["\n background-color: ", ";\n border: none;\n\n &:active:not([disabled]) {\n ", "\n }\n\n ", "\n"])), function (_a) {
|
|
202
202
|
var theme = _a.theme;
|
|
203
203
|
return theme.ui_cpnt_button_line_base_hover;
|
|
204
204
|
}, function (_a) {
|
package/package.json
CHANGED
package/release-note.md
CHANGED
|
@@ -1,30 +1,8 @@
|
|
|
1
1
|
# PDS-DEV-KIT-WEB Release Notes
|
|
2
|
-
## [v1.4.
|
|
3
|
-
|
|
4
|
-
### Package
|
|
5
|
-
* Pretendard JP 서체 적용
|
|
2
|
+
## [v1.4.30]
|
|
6
3
|
|
|
7
4
|
### Component
|
|
8
|
-
*
|
|
9
|
-
*
|
|
10
|
-
* ContextMenuItem
|
|
11
|
-
* 한줄 표시에 최적화
|
|
12
|
-
* Dropdown
|
|
13
|
-
* 한줄 표시에 최적화
|
|
14
|
-
* Icon
|
|
15
|
-
* ic_post_column line 추가
|
|
16
|
-
* MainButton
|
|
17
|
-
* 한줄 표시에 최적화
|
|
18
|
-
* Select
|
|
19
|
-
* 한줄 표시에 최적화
|
|
20
|
-
* StatusBlock
|
|
21
|
-
* 한줄 표시에 최적화
|
|
22
|
-
* TextButton
|
|
23
|
-
* 한줄 표시에 최적화
|
|
5
|
+
* ChatList
|
|
6
|
+
* submit 버튼 컬러키 변경
|
|
24
7
|
* UploadMainButton
|
|
25
|
-
*
|
|
26
|
-
* UploadTextButton
|
|
27
|
-
* 한줄 표시에 최적화
|
|
28
|
-
|
|
29
|
-
### Color
|
|
30
|
-
* 컬러 키 값 22.07.14 12시 02분 기준 싱크
|
|
8
|
+
* hover와 active에 대한 컬러변화를 반영하도록 수정
|