pds-dev-kit-web 1.4.55 → 1.4.57

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 (14) hide show
  1. package/dist/src/common/styles/colorSet/PaletteColor_Dark.json +2 -1
  2. package/dist/src/common/styles/colorSet/PaletteColor_light.json +2 -1
  3. package/dist/src/common/styles/colorSet/UIColor.json +2 -1
  4. package/dist/src/common/styles/colorSet/index.d.ts +3 -0
  5. package/dist/src/common/styles/colorSet/ui-type.d.ts +1 -0
  6. package/dist/src/desktop/components/EditApplyTextField/EditApplyTextField.js +1 -1
  7. package/dist/src/desktop/components/MainButton/MainButton.d.ts +3 -3
  8. package/dist/src/desktop/components/MainButton/MainButton.js +4 -4
  9. package/dist/src/desktop/components/TextField/TextField.js +1 -1
  10. package/dist/src/mobile/components/MainButton/MainButton.d.ts +3 -3
  11. package/dist/src/mobile/components/MainButton/MainButton.js +4 -4
  12. package/dist/src/mobile/components/TextField/TextField.js +1 -1
  13. package/package.json +1 -1
  14. package/release-note.md +3 -5
package/dist/src/common/styles/colorSet/PaletteColor_Dark.json CHANGED
@@ -179,5 +179,6 @@
179
179
  "sys_papp_livechat_link": "darkskyblue500",
180
180
  "sys_text_lighttone_grey_01": "grey900",
181
181
  "sys_widget_lighttone_primary_01": "blue500",
182
- "sys_text_lighttone_grey_02": "grey500"
182
+ "sys_text_lighttone_grey_02": "grey500",
183
+ "sys_component_base_09": "darygrey70"
183
184
  }
package/dist/src/common/styles/colorSet/PaletteColor_light.json CHANGED
@@ -179,5 +179,6 @@
179
179
  "sys_papp_livechat_link": "skyblue500",
180
180
  "sys_text_lighttone_grey_01": "grey900",
181
181
  "sys_widget_lighttone_primary_01": "blue500",
182
- "sys_text_lighttone_grey_02": "grey500"
182
+ "sys_text_lighttone_grey_02": "grey500",
183
+ "sys_component_base_09": "white"
183
184
  }
package/dist/src/common/styles/colorSet/UIColor.json CHANGED
@@ -546,5 +546,6 @@
546
546
  "ui_53": "sys_widget_primary_01",
547
547
  "ui_54": "sys_text_lighttone_grey_01",
548
548
  "ui_55": "sys_widget_lighttone_primary_01",
549
- "ui_56": "sys_text_lighttone_grey_02"
549
+ "ui_56": "sys_text_lighttone_grey_02",
550
+ "ui_cpnt_sheet_base_04": "sys_component_base_09"
550
551
  }
package/dist/src/common/styles/colorSet/index.d.ts CHANGED
@@ -241,6 +241,7 @@ declare const colorSet: {
241
241
  sys_text_lighttone_grey_01: string;
242
242
  sys_widget_lighttone_primary_01: string;
243
243
  sys_text_lighttone_grey_02: string;
244
+ sys_component_base_09: string;
244
245
  };
245
246
  readonly PaletteColor_light: {
246
247
  sys_container_background_01: string;
@@ -424,6 +425,7 @@ declare const colorSet: {
424
425
  sys_text_lighttone_grey_01: string;
425
426
  sys_widget_lighttone_primary_01: string;
426
427
  sys_text_lighttone_grey_02: string;
428
+ sys_component_base_09: string;
427
429
  };
428
430
  readonly UIColor: {
429
431
  ui_cpnt_button_fill_base_primary: string;
@@ -974,6 +976,7 @@ declare const colorSet: {
974
976
  ui_54: string;
975
977
  ui_55: string;
976
978
  ui_56: string;
979
+ ui_cpnt_sheet_base_04: string;
977
980
  };
978
981
  };
979
982
  export default colorSet;
package/dist/src/common/styles/colorSet/ui-type.d.ts CHANGED
@@ -547,4 +547,5 @@ export interface UITheme {
547
547
  ui_54: string;
548
548
  ui_55: string;
549
549
  ui_56: string;
550
+ ui_cpnt_sheet_base_04: string;
550
551
  }
package/dist/src/desktop/components/EditApplyTextField/EditApplyTextField.js CHANGED
@@ -252,7 +252,7 @@ var S_S_TextFieldBaseWrapper = styled_components_1.default.div(templateObject_10
252
252
  var customWidth = _a.customWidth;
253
253
  return customWidth && "width: " + customWidth + ";";
254
254
  });
255
- var S_Error = styled_components_1.default.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n margin-top: ", ";\n margin-right: ", ";\n text-align: left;\n"], ["\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n margin-top: ", ";\n margin-right: ", ";\n text-align: left;\n"])), function (_a) {
255
+ var S_Error = styled_components_1.default.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n margin-top: ", ";\n margin-right: ", ";\n text-align: left;\n white-space: pre-wrap;\n"], ["\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n margin-top: ", ";\n margin-right: ", ";\n text-align: left;\n white-space: pre-wrap;\n"])), function (_a) {
256
256
  var theme = _a.theme;
257
257
  return theme.ui_cpnt_textfield_text_error;
258
258
  }, function (_a) {
package/dist/src/desktop/components/MainButton/MainButton.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- /// <reference types="react" />
1
+ import React from 'react';
2
2
  import { FillIconNameKeys, LineIconNameKeys, PDSTextType } from '../../../common';
3
3
  export declare type MainButtonProps = {
4
4
  text?: PDSTextType;
@@ -14,8 +14,8 @@ export declare type MainButtonProps = {
14
14
  colorTheme?: 'none' | 'line1' | 'line2' | 'line3';
15
15
  type?: 'button' | 'submit';
16
16
  state?: 'normal' | 'disabled';
17
- onClick?: (...args: any) => any;
18
- onMouseDown?: (...args: any) => any;
17
+ onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
18
+ onMouseDown?: (e: React.MouseEvent<HTMLButtonElement>) => void;
19
19
  };
20
20
  declare function MainButton({ text, shapeType, fillType, styleTheme, size, responsiveMode, fontWeight, iconMode, iconFillType, iconName, colorTheme, type, state, onClick, onMouseDown }: MainButtonProps): JSX.Element;
21
21
  export default MainButton;
package/dist/src/desktop/components/MainButton/MainButton.js CHANGED
@@ -37,14 +37,14 @@ var TextLabel_1 = require("../TextLabel");
37
37
  // shadow?: 'hidden' | 'visible';
38
38
  function MainButton(_a) {
39
39
  var text = _a.text, _b = _a.shapeType, shapeType = _b === void 0 ? 'round' : _b, fillType = _a.fillType, _c = _a.styleTheme, styleTheme = _c === void 0 ? 'primary' : _c, _d = _a.size, size = _d === void 0 ? 'large' : _d, _e = _a.responsiveMode, responsiveMode = _e === void 0 ? 'none' : _e, fontWeight = _a.fontWeight, _f = _a.iconMode, iconMode = _f === void 0 ? 'none' : _f, _g = _a.iconFillType, iconFillType = _g === void 0 ? 'line' : _g, iconName = _a.iconName, _h = _a.colorTheme, colorTheme = _h === void 0 ? 'none' : _h, _j = _a.type, type = _j === void 0 ? 'button' : _j, _k = _a.state, state = _k === void 0 ? 'normal' : _k, onClick = _a.onClick, onMouseDown = _a.onMouseDown;
40
- var handleClick = function () {
40
+ var handleClick = function (e) {
41
41
  if (onClick) {
42
- onClick();
42
+ onClick(e);
43
43
  }
44
44
  };
45
- var handleMouseDown = function () {
45
+ var handleMouseDown = function (e) {
46
46
  if (onMouseDown) {
47
- onMouseDown();
47
+ onMouseDown(e);
48
48
  }
49
49
  };
50
50
  var textStyle = {
package/dist/src/desktop/components/TextField/TextField.js CHANGED
@@ -265,7 +265,7 @@ var S_TextFieldWrapper = styled_components_1.default.div(templateObject_13 || (t
265
265
  return customWidth && "width: " + customWidth + ";";
266
266
  });
267
267
  var S_IconBox = styled_components_1.default.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
268
- var S_Error = styled_components_1.default.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n margin-top: ", ";\n text-align: left;\n"], ["\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n margin-top: ", ";\n text-align: left;\n"])), function (_a) {
268
+ var S_Error = styled_components_1.default.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n margin-top: ", ";\n text-align: left;\n white-space: pre-wrap;\n"], ["\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n margin-top: ", ";\n text-align: left;\n white-space: pre-wrap;\n"])), function (_a) {
269
269
  var theme = _a.theme, colorTheme = _a.colorTheme;
270
270
  return colorTheme === 'none'
271
271
  ? theme.ui_cpnt_textfield_text_error
package/dist/src/mobile/components/MainButton/MainButton.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- /// <reference types="react" />
1
+ import React from 'react';
2
2
  import { FillIconNameKeys, LineIconNameKeys, PDSTextType } from '../../../common';
3
3
  export declare type MainButtonProps = {
4
4
  text?: PDSTextType;
@@ -14,8 +14,8 @@ export declare type MainButtonProps = {
14
14
  colorTheme?: 'none' | 'line1' | 'line2' | 'line3';
15
15
  type?: 'button' | 'submit';
16
16
  state?: 'normal' | 'disabled';
17
- onClick?: (...args: any) => any;
18
- onMouseDown?: (...args: any) => any;
17
+ onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
18
+ onMouseDown?: (e: React.MouseEvent<HTMLButtonElement>) => void;
19
19
  };
20
20
  declare function MainButton({ text, shapeType, fillType, styleTheme, size, responsiveMode, fontWeight, iconMode, iconFillType, iconName, colorTheme, type, state, onClick, onMouseDown }: MainButtonProps): JSX.Element;
21
21
  export default MainButton;
package/dist/src/mobile/components/MainButton/MainButton.js CHANGED
@@ -37,14 +37,14 @@ var TextLabel_1 = require("../TextLabel");
37
37
  // shadow?: 'hidden' | 'visible';
38
38
  function MainButton(_a) {
39
39
  var text = _a.text, _b = _a.shapeType, shapeType = _b === void 0 ? 'round' : _b, fillType = _a.fillType, _c = _a.styleTheme, styleTheme = _c === void 0 ? 'primary' : _c, _d = _a.size, size = _d === void 0 ? 'large' : _d, _e = _a.responsiveMode, responsiveMode = _e === void 0 ? 'none' : _e, fontWeight = _a.fontWeight, _f = _a.iconMode, iconMode = _f === void 0 ? 'none' : _f, _g = _a.iconFillType, iconFillType = _g === void 0 ? 'line' : _g, iconName = _a.iconName, _h = _a.colorTheme, colorTheme = _h === void 0 ? 'none' : _h, _j = _a.type, type = _j === void 0 ? 'button' : _j, _k = _a.state, state = _k === void 0 ? 'normal' : _k, onClick = _a.onClick, onMouseDown = _a.onMouseDown;
40
- var handleClick = function () {
40
+ var handleClick = function (e) {
41
41
  if (onClick) {
42
- onClick();
42
+ onClick(e);
43
43
  }
44
44
  };
45
- var handleMouseDown = function () {
45
+ var handleMouseDown = function (e) {
46
46
  if (onMouseDown) {
47
- onMouseDown();
47
+ onMouseDown(e);
48
48
  }
49
49
  };
50
50
  var textStyle = {
package/dist/src/mobile/components/TextField/TextField.js CHANGED
@@ -262,7 +262,7 @@ var S_TextFieldWrapper = styled_components_1.default.div(templateObject_13 || (t
262
262
  return customWidth && "width: " + customWidth + ";";
263
263
  });
264
264
  var S_IconBox = styled_components_1.default.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
265
- var S_Error = styled_components_1.default.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n margin-top: ", ";\n text-align: left;\n"], ["\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n margin-top: ", ";\n text-align: left;\n"])), function (_a) {
265
+ var S_Error = styled_components_1.default.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n margin-top: ", ";\n text-align: left;\n white-space: pre-wrap;\n"], ["\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n margin-top: ", ";\n text-align: left;\n white-space: pre-wrap;\n"])), function (_a) {
266
266
  var theme = _a.theme, colorTheme = _a.colorTheme;
267
267
  return colorTheme === 'none'
268
268
  ? theme.ui_cpnt_textfield_text_error
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web",
3
- "version": "1.4.55",
3
+ "version": "1.4.57",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
package/release-note.md CHANGED
@@ -1,7 +1,5 @@
1
1
  # PDS-DEV-KIT-WEB Release Notes
2
- ## [v1.4.55]
2
+ ## [v1.4.57]
3
3
 
4
- ### Component
5
- * DynamicDesktopNavBar
6
- * 내부 UserProfile 영역에 leftIconButton prop추가
7
- * 내부 UserProfile 영역에 overrideUserProfile prop추가
4
+ ### Color
5
+ * 컬러 키 값 22.09.26 17시 03분 기준 싱크