pds-dev-kit-web 1.6.6 → 1.6.8

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 (11) 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 +10 -1
  4. package/dist/src/common/styles/colorSet/index.d.ts +11 -0
  5. package/dist/src/common/styles/colorSet/ui-type.d.ts +9 -0
  6. package/dist/src/desktop/components/ReactionButton/ReactionButton.d.ts +2 -1
  7. package/dist/src/desktop/components/ReactionButton/ReactionButton.js +2 -2
  8. package/dist/src/mobile/components/ReactionButton/ReactionButton.d.ts +2 -1
  9. package/dist/src/mobile/components/ReactionButton/ReactionButton.js +2 -2
  10. package/package.json +1 -1
  11. package/release-note.md +2 -11
package/dist/src/common/styles/colorSet/PaletteColor_Dark.json CHANGED
@@ -208,5 +208,6 @@
208
208
  "sys_background_dimmed_03": "black/opacity30",
209
209
  "sys_cpnt_sheet_base_03": "black/opacity80",
210
210
  "sys_dimmed_gradient_01": "black",
211
- "sys_dimmed_gradient_02": "black/opacity00"
211
+ "sys_dimmed_gradient_02": "black/opacity00",
212
+ "sys_border_line_13": "darkgreen700"
212
213
  }
package/dist/src/common/styles/colorSet/PaletteColor_light.json CHANGED
@@ -208,5 +208,6 @@
208
208
  "sys_background_dimmed_03": "black/opacity30",
209
209
  "sys_cpnt_sheet_base_03": "white",
210
210
  "sys_dimmed_gradient_01": "black",
211
- "sys_dimmed_gradient_02": "black/opacity00"
211
+ "sys_dimmed_gradient_02": "black/opacity00",
212
+ "sys_border_line_13": "green700"
212
213
  }
package/dist/src/common/styles/colorSet/UIColor.json CHANGED
@@ -602,5 +602,14 @@
602
602
  "ui_cpnt_calendar_date_hover": "sys_widget_grey_05",
603
603
  "ui_cpnt_calendar_date_pressed": "sys_widget_grey_04",
604
604
  "ui_cpnt_imageview_dimmed_gradient_01": "sys_dimmed_gradient_01",
605
- "ui_cpnt_imageview_dimmed_gradient_02": "sys_dimmed_gradient_02"
605
+ "ui_cpnt_imageview_dimmed_gradient_02": "sys_dimmed_gradient_02",
606
+ "ui_cpnt_calendar_base": "sys_component_base_white_opacity00",
607
+ "ui_cpnt_calendar_border": "sys_border_line_01",
608
+ "ui_cpnt_calendar_label_base_schedules": "sys_component_base_11",
609
+ "ui_cpnt_calendar_label_base_expired_schedules": "sys_component_base_01",
610
+ "ui_cpnt_calendar_label_border_default": "sys_border_line_white",
611
+ "ui_cpnt_calendar_label_border_schedules": "sys_border_line_13",
612
+ "ui_cpnt_calendar_label_border_expired_schedules": "sys_border_line_02",
613
+ "ui_cpnt_calendar_real_time_line": "sys_border_line_04",
614
+ "ui_cpnt_calendar_date_selected": "sys_component_base_blue"
606
615
  }
package/dist/src/common/styles/colorSet/index.d.ts CHANGED
@@ -282,6 +282,7 @@ declare const colorSet: {
282
282
  sys_cpnt_sheet_base_03: string;
283
283
  sys_dimmed_gradient_01: string;
284
284
  sys_dimmed_gradient_02: string;
285
+ sys_border_line_13: string;
285
286
  };
286
287
  readonly PaletteColor_Dark: {
287
288
  sys_container_background_01: string;
@@ -494,6 +495,7 @@ declare const colorSet: {
494
495
  sys_cpnt_sheet_base_03: string;
495
496
  sys_dimmed_gradient_01: string;
496
497
  sys_dimmed_gradient_02: string;
498
+ sys_border_line_13: string;
497
499
  };
498
500
  readonly UIColor: {
499
501
  ui_cpnt_button_fill_base_primary: string;
@@ -1100,6 +1102,15 @@ declare const colorSet: {
1100
1102
  ui_cpnt_calendar_date_pressed: string;
1101
1103
  ui_cpnt_imageview_dimmed_gradient_01: string;
1102
1104
  ui_cpnt_imageview_dimmed_gradient_02: string;
1105
+ ui_cpnt_calendar_base: string;
1106
+ ui_cpnt_calendar_border: string;
1107
+ ui_cpnt_calendar_label_base_schedules: string;
1108
+ ui_cpnt_calendar_label_base_expired_schedules: string;
1109
+ ui_cpnt_calendar_label_border_default: string;
1110
+ ui_cpnt_calendar_label_border_schedules: string;
1111
+ ui_cpnt_calendar_label_border_expired_schedules: string;
1112
+ ui_cpnt_calendar_real_time_line: string;
1113
+ ui_cpnt_calendar_date_selected: string;
1103
1114
  };
1104
1115
  };
1105
1116
  export default colorSet;
package/dist/src/common/styles/colorSet/ui-type.d.ts CHANGED
@@ -603,4 +603,13 @@ export interface UITheme {
603
603
  ui_cpnt_calendar_date_pressed: string;
604
604
  ui_cpnt_imageview_dimmed_gradient_01: string;
605
605
  ui_cpnt_imageview_dimmed_gradient_02: string;
606
+ ui_cpnt_calendar_base: string;
607
+ ui_cpnt_calendar_border: string;
608
+ ui_cpnt_calendar_label_base_schedules: string;
609
+ ui_cpnt_calendar_label_base_expired_schedules: string;
610
+ ui_cpnt_calendar_label_border_default: string;
611
+ ui_cpnt_calendar_label_border_schedules: string;
612
+ ui_cpnt_calendar_label_border_expired_schedules: string;
613
+ ui_cpnt_calendar_real_time_line: string;
614
+ ui_cpnt_calendar_date_selected: string;
606
615
  }
package/dist/src/desktop/components/ReactionButton/ReactionButton.d.ts CHANGED
@@ -5,8 +5,9 @@ export declare type ReactionButtonProps = {
5
5
  iconName?: 'ic_thumb_up' | 'ic_heart' | 'ic_thumb_down' | 'ic_reply';
6
6
  status?: 'default' | 'select';
7
7
  colorTheme?: 'none' | 'dark';
8
+ displayType?: 'icon_only' | 'icon_text';
8
9
  onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
9
10
  onMouseDown?: (e: React.MouseEvent<HTMLButtonElement>) => void;
10
11
  };
11
- declare function ReactionButton({ text, iconName, status, colorTheme, onClick, onMouseDown }: ReactionButtonProps): JSX.Element;
12
+ declare function ReactionButton({ text, iconName, status, colorTheme, displayType, onClick, onMouseDown }: ReactionButtonProps): JSX.Element;
12
13
  export default ReactionButton;
package/dist/src/desktop/components/ReactionButton/ReactionButton.js CHANGED
@@ -32,7 +32,7 @@ var numberHelper_1 = require("../../../common/utils/numberHelper");
32
32
  var hybrid_1 = require("../../../hybrid");
33
33
  var TextLabel_1 = require("../TextLabel");
34
34
  function ReactionButton(_a) {
35
- var text = _a.text, _b = _a.iconName, iconName = _b === void 0 ? 'ic_thumb_up' : _b, _c = _a.status, status = _c === void 0 ? 'default' : _c, _d = _a.colorTheme, colorTheme = _d === void 0 ? 'none' : _d, onClick = _a.onClick, onMouseDown = _a.onMouseDown;
35
+ var text = _a.text, _b = _a.iconName, iconName = _b === void 0 ? 'ic_thumb_up' : _b, _c = _a.status, status = _c === void 0 ? 'default' : _c, _d = _a.colorTheme, colorTheme = _d === void 0 ? 'none' : _d, _e = _a.displayType, displayType = _e === void 0 ? 'icon_text' : _e, onClick = _a.onClick, onMouseDown = _a.onMouseDown;
36
36
  var handleClick = function (e) {
37
37
  if (onClick) {
38
38
  onClick(e);
@@ -88,7 +88,7 @@ function ReactionButton(_a) {
88
88
  return (react_1.default.createElement(S_ReactionButton, { onClick: handleClick, onMouseDown: handleMouseDown },
89
89
  react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" }),
90
90
  react_1.default.createElement(hybrid_1.Icon, { size: 20, fillType: "fill", iconName: iconName, colorKey: colorTheme === 'none' ? IconColorByStatus() : IconColorByColorByTheme() }),
91
- text && (react_1.default.createElement(react_1.default.Fragment, null,
91
+ displayType === 'icon_text' && (react_1.default.createElement(react_1.default.Fragment, null,
92
92
  react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" }),
93
93
  react_1.default.createElement(TextLabel_1.TextLabel, { text: convertTextFormatHelper(text), styleTheme: "body2Bold", singleLineMode: "use", colorTheme: TextLabelColorBySelect(), colorOverride: TextLabelColorByByColorTheme() }))),
94
94
  react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" })));
package/dist/src/mobile/components/ReactionButton/ReactionButton.d.ts CHANGED
@@ -5,8 +5,9 @@ export declare type ReactionButtonProps = {
5
5
  iconName?: 'ic_thumb_up' | 'ic_heart' | 'ic_thumb_down' | 'ic_reply';
6
6
  status?: 'default' | 'select';
7
7
  colorTheme?: 'none' | 'dark';
8
+ displayType?: 'icon_only' | 'icon_text';
8
9
  onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
9
10
  onMouseDown?: (e: React.MouseEvent<HTMLButtonElement>) => void;
10
11
  };
11
- declare function ReactionButton({ text, iconName, status, colorTheme, onClick, onMouseDown }: ReactionButtonProps): JSX.Element;
12
+ declare function ReactionButton({ text, iconName, status, colorTheme, displayType, onClick, onMouseDown }: ReactionButtonProps): JSX.Element;
12
13
  export default ReactionButton;
package/dist/src/mobile/components/ReactionButton/ReactionButton.js CHANGED
@@ -32,7 +32,7 @@ var numberHelper_1 = require("../../../common/utils/numberHelper");
32
32
  var hybrid_1 = require("../../../hybrid");
33
33
  var TextLabel_1 = require("../TextLabel");
34
34
  function ReactionButton(_a) {
35
- var text = _a.text, _b = _a.iconName, iconName = _b === void 0 ? 'ic_thumb_up' : _b, _c = _a.status, status = _c === void 0 ? 'default' : _c, _d = _a.colorTheme, colorTheme = _d === void 0 ? 'none' : _d, onClick = _a.onClick, onMouseDown = _a.onMouseDown;
35
+ var text = _a.text, _b = _a.iconName, iconName = _b === void 0 ? 'ic_thumb_up' : _b, _c = _a.status, status = _c === void 0 ? 'default' : _c, _d = _a.colorTheme, colorTheme = _d === void 0 ? 'none' : _d, _e = _a.displayType, displayType = _e === void 0 ? 'icon_text' : _e, onClick = _a.onClick, onMouseDown = _a.onMouseDown;
36
36
  var handleClick = function (e) {
37
37
  if (onClick) {
38
38
  onClick(e);
@@ -88,7 +88,7 @@ function ReactionButton(_a) {
88
88
  return (react_1.default.createElement(S_ReactionButton, { onClick: handleClick, onMouseDown: handleMouseDown },
89
89
  react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" }),
90
90
  react_1.default.createElement(hybrid_1.Icon, { size: 20, fillType: "fill", iconName: iconName, colorKey: colorTheme === 'none' ? IconColorByStatus() : IconColorByColorByTheme() }),
91
- text && (react_1.default.createElement(react_1.default.Fragment, null,
91
+ displayType === 'icon_text' && (react_1.default.createElement(react_1.default.Fragment, null,
92
92
  react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" }),
93
93
  react_1.default.createElement(TextLabel_1.TextLabel, { text: convertTextFormatHelper(text), styleTheme: "body2Bold", singleLineMode: "use", colorTheme: TextLabelColorBySelect(), colorOverride: TextLabelColorByByColorTheme() }))),
94
94
  react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" })));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web",
3
- "version": "1.6.6",
3
+ "version": "1.6.8",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
package/release-note.md CHANGED
@@ -1,13 +1,4 @@
1
1
  # PDS-DEV-KIT-WEB Release Notes
2
- ## [v1.6.6]
3
- ### Component
4
- * Chip
5
- * displayType이 filter_single, filter_multi일때 아이콘의 정렬이 안 맞는 이슈 수정
6
- * LottieIcon 생성
7
- * LottieReactionButton 생성
8
- * ReactionButton
9
- * text가 필수가 아니도록 변경
10
- * text가 없을때 아이콘 우측에 애매한 간격이 남지 않도록 변경
11
-
2
+ ## [v1.6.8]
12
3
  ### Color
13
- * 컬러 키 값 22.11.24 18시 27분 기준 싱크
4
+ * 컬러 키 값 22.11.28 14시 59분 기준 싱크