pds-dev-kit-web 1.3.21 → 1.3.24

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 (13) hide show
  1. package/dist/src/common/styles/colorSet/PaletteColor_Dark.json +4 -1
  2. package/dist/src/common/styles/colorSet/PaletteColor_light.json +4 -1
  3. package/dist/src/common/styles/colorSet/UIColor.json +5 -3
  4. package/dist/src/common/styles/colorSet/index.d.ts +68 -60
  5. package/dist/src/common/styles/colorSet/index.js +4 -4
  6. package/dist/src/common/styles/colorSet/ui-type.d.ts +2 -0
  7. package/dist/src/desktop/components/DesktopBasicModal/DesktopBasicModal.d.ts +2 -1
  8. package/dist/src/desktop/components/DesktopBasicModal/DesktopBasicModal.js +6 -3
  9. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTS.js +6 -3
  10. package/dist/src/mobile/components/MobileBasicModal/MobileBasicModal.d.ts +2 -1
  11. package/dist/src/mobile/components/MobileBasicModal/MobileBasicModal.js +6 -3
  12. package/package.json +1 -1
  13. package/release-note.md +5 -10
package/dist/src/common/styles/colorSet/PaletteColor_Dark.json CHANGED
@@ -153,5 +153,8 @@
153
153
  "usr_menu_background_gradient_opacity00": "grey950/opacity00",
154
154
  "sys_border_line_white": "white",
155
155
  "sys_component_base_white_opacity10": "white/opacity10",
156
- "sys_cpnt_sheet_base_01": "darkgrey50"
156
+ "sys_cpnt_sheet_base_01": "darkgrey50",
157
+ "sys_component_base_white_opacity20": "white/opacity20",
158
+ "sys_border_line_07": "darkgrey70",
159
+ "sys_border_line_white_opacity50": "white/opacity50"
157
160
  }
package/dist/src/common/styles/colorSet/PaletteColor_light.json CHANGED
@@ -153,5 +153,8 @@
153
153
  "usr_menu_background_gradient_opacity00": "white/opacity00",
154
154
  "sys_border_line_white": "white",
155
155
  "sys_component_base_white_opacity10": "white/opacity10",
156
- "sys_cpnt_sheet_base_01": "grey30"
156
+ "sys_cpnt_sheet_base_01": "grey30",
157
+ "sys_component_base_white_opacity20": "white/opacity20",
158
+ "sys_border_line_07": "grey70",
159
+ "sys_border_line_white_opacity50": "white/opacity50"
157
160
  }
package/dist/src/common/styles/colorSet/UIColor.json CHANGED
@@ -359,7 +359,7 @@
359
359
  "ui_papp_live_background": "sys_papp_live_background",
360
360
  "ui_community_pagination_base_area": "sys_component_base_02",
361
361
  "ui_cpnt_contextmenu_border": "sys_border_line_01",
362
- "ui_profile_image_border": "sys_border_line_01",
362
+ "ui_profile_image_border": "sys_border_line_07",
363
363
  "ui_cpnt_alertdialog_border": "sys_border_line_01",
364
364
  "ui_cpnt_modal_border": "sys_border_line_01",
365
365
  "ui_cpnt_card_border": "sys_border_line_01",
@@ -486,6 +486,8 @@
486
486
  "ui_cpnt_dropdown_text_white_hint": "sys_text_white",
487
487
  "ui_cpnt_dropdown_icon_white_default": "sys_widget_white",
488
488
  "ui_cpnt_dropdown_border_white_focus": "sys_border_line_03",
489
- "ui_cpnt_dropdown_base_white_normal": "sys_component_base_white_opacity10",
490
- "ui_profile_image_border_brandprimary": "usr_brand_primary"
489
+ "ui_cpnt_dropdown_base_white_normal": "sys_component_base_white_opacity00",
490
+ "ui_profile_image_border_brandprimary": "usr_brand_primary",
491
+ "ui_cpnt_dropdown_base_white_disabled": "sys_component_base_white_opacity10",
492
+ "ui_cpnt_dropdown_border_white_disabled": "sys_border_line_white_opacity50"
491
493
  }
package/dist/src/common/styles/colorSet/index.d.ts CHANGED
@@ -1,63 +1,5 @@
1
1
  declare const colorSet: {
2
- readonly SemanticColor: {
3
- blue500: string;
4
- blue700: string;
5
- blue300: string;
6
- green700: string;
7
- green500: string;
8
- green300: string;
9
- red500: string;
10
- grey900: string;
11
- grey500: string;
12
- grey400: string;
13
- grey100: string;
14
- grey50: string;
15
- white: string;
16
- black: string;
17
- darkblue500: string;
18
- grey950: string;
19
- darkgrey900: string;
20
- darkgrey500: string;
21
- darkgrey400: string;
22
- darkgrey100: string;
23
- darkgrey50: string;
24
- darkred500: string;
25
- darkgreen700: string;
26
- orange500: string;
27
- darkorange500: string;
28
- opacity00: string;
29
- opacity20: string;
30
- opacity30: string;
31
- opacity65: string;
32
- darkgreen500: string;
33
- grey70: string;
34
- navy500: string;
35
- lightgreen500: string;
36
- pink500: string;
37
- darkgrey70: string;
38
- darknavy500: string;
39
- darkpink500: string;
40
- darklightgreen500: string;
41
- opacity10: string;
42
- grey600: string;
43
- darkgrey600: string;
44
- skyblue500: string;
45
- skyblue300: string;
46
- pink300: string;
47
- lightpink500: string;
48
- darkblue300: string;
49
- darkblue700: string;
50
- darkgreen300: string;
51
- darkskyblue500: string;
52
- navy100: string;
53
- darknavy100: string;
54
- opacity80: string;
55
- opacity50: string;
56
- grey30: string;
57
- opacity95: string;
58
- darkgrey30: string;
59
- };
60
- readonly PaletteColor_light: {
2
+ readonly PaletteColor_Dark: {
61
3
  sys_container_background_01: string;
62
4
  sys_container_background_02: string;
63
5
  sys_container_background_03: string;
@@ -213,8 +155,11 @@ declare const colorSet: {
213
155
  sys_border_line_white: string;
214
156
  sys_component_base_white_opacity10: string;
215
157
  sys_cpnt_sheet_base_01: string;
158
+ sys_component_base_white_opacity20: string;
159
+ sys_border_line_07: string;
160
+ sys_border_line_white_opacity50: string;
216
161
  };
217
- readonly PaletteColor_Dark: {
162
+ readonly PaletteColor_light: {
218
163
  sys_container_background_01: string;
219
164
  sys_container_background_02: string;
220
165
  sys_container_background_03: string;
@@ -370,6 +315,67 @@ declare const colorSet: {
370
315
  sys_border_line_white: string;
371
316
  sys_component_base_white_opacity10: string;
372
317
  sys_cpnt_sheet_base_01: string;
318
+ sys_component_base_white_opacity20: string;
319
+ sys_border_line_07: string;
320
+ sys_border_line_white_opacity50: string;
321
+ };
322
+ readonly SemanticColor: {
323
+ blue500: string;
324
+ blue700: string;
325
+ blue300: string;
326
+ green700: string;
327
+ green500: string;
328
+ green300: string;
329
+ red500: string;
330
+ grey900: string;
331
+ grey500: string;
332
+ grey400: string;
333
+ grey100: string;
334
+ grey50: string;
335
+ white: string;
336
+ black: string;
337
+ darkblue500: string;
338
+ grey950: string;
339
+ darkgrey900: string;
340
+ darkgrey500: string;
341
+ darkgrey400: string;
342
+ darkgrey100: string;
343
+ darkgrey50: string;
344
+ darkred500: string;
345
+ darkgreen700: string;
346
+ orange500: string;
347
+ darkorange500: string;
348
+ opacity00: string;
349
+ opacity20: string;
350
+ opacity30: string;
351
+ opacity65: string;
352
+ darkgreen500: string;
353
+ grey70: string;
354
+ navy500: string;
355
+ lightgreen500: string;
356
+ pink500: string;
357
+ darkgrey70: string;
358
+ darknavy500: string;
359
+ darkpink500: string;
360
+ darklightgreen500: string;
361
+ opacity10: string;
362
+ grey600: string;
363
+ darkgrey600: string;
364
+ skyblue500: string;
365
+ skyblue300: string;
366
+ pink300: string;
367
+ lightpink500: string;
368
+ darkblue300: string;
369
+ darkblue700: string;
370
+ darkgreen300: string;
371
+ darkskyblue500: string;
372
+ navy100: string;
373
+ darknavy100: string;
374
+ opacity80: string;
375
+ opacity50: string;
376
+ grey30: string;
377
+ opacity95: string;
378
+ darkgrey30: string;
373
379
  };
374
380
  readonly UIColor: {
375
381
  ui_cpnt_button_fill_base_primary: string;
@@ -861,6 +867,8 @@ declare const colorSet: {
861
867
  ui_cpnt_dropdown_border_white_focus: string;
862
868
  ui_cpnt_dropdown_base_white_normal: string;
863
869
  ui_profile_image_border_brandprimary: string;
870
+ ui_cpnt_dropdown_base_white_disabled: string;
871
+ ui_cpnt_dropdown_border_white_disabled: string;
864
872
  };
865
873
  };
866
874
  export default colorSet;
package/dist/src/common/styles/colorSet/index.js CHANGED
@@ -4,14 +4,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  /* eslint-disable import/order */
7
- var SemanticColor_json_1 = __importDefault(require("./SemanticColor.json"));
8
- var PaletteColor_light_json_1 = __importDefault(require("./PaletteColor_light.json"));
9
7
  var PaletteColor_Dark_json_1 = __importDefault(require("./PaletteColor_Dark.json"));
8
+ var PaletteColor_light_json_1 = __importDefault(require("./PaletteColor_light.json"));
9
+ var SemanticColor_json_1 = __importDefault(require("./SemanticColor.json"));
10
10
  var UIColor_json_1 = __importDefault(require("./UIColor.json"));
11
11
  var colorSet = {
12
- SemanticColor: SemanticColor_json_1.default,
13
- PaletteColor_light: PaletteColor_light_json_1.default,
14
12
  PaletteColor_Dark: PaletteColor_Dark_json_1.default,
13
+ PaletteColor_light: PaletteColor_light_json_1.default,
14
+ SemanticColor: SemanticColor_json_1.default,
15
15
  UIColor: UIColor_json_1.default
16
16
  };
17
17
  exports.default = colorSet;
package/dist/src/common/styles/colorSet/ui-type.d.ts CHANGED
@@ -488,4 +488,6 @@ export interface UITheme {
488
488
  ui_cpnt_dropdown_border_white_focus: string;
489
489
  ui_cpnt_dropdown_base_white_normal: string;
490
490
  ui_profile_image_border_brandprimary: string;
491
+ ui_cpnt_dropdown_base_white_disabled: string;
492
+ ui_cpnt_dropdown_border_white_disabled: string;
491
493
  }
package/dist/src/desktop/components/DesktopBasicModal/DesktopBasicModal.d.ts CHANGED
@@ -4,6 +4,7 @@ declare type DesktopBasicModalProps = {
4
4
  titleText: PDSTextType;
5
5
  contentText?: PDSTextType;
6
6
  bodySpacingMode?: 'none' | 'use';
7
+ bodyOverflowType?: 'auto' | 'visible';
7
8
  btnMode?: 'mbtn_amount1' | 'mbtn_amount2' | 'mbtn_amount3';
8
9
  mBtn1Text: PDSTextType;
9
10
  mBtn2Text?: PDSTextType;
@@ -20,5 +21,5 @@ declare type DesktopBasicModalProps = {
20
21
  onClickMBtn3?: () => void;
21
22
  children?: React.ReactNode;
22
23
  };
23
- declare function DesktopBasicModal({ titleText, contentText, bodySpacingMode, btnMode, mBtn1Text, mBtn2Text, mBtn3Text, mBtn1State, mBtn2State, mBtn3State, mBtn1Type, mBtn2Type, mBtn3Type, onClickMBtn1, onClickMBtn2, onClickMBtn3, size, children }: DesktopBasicModalProps): React.ReactPortal;
24
+ declare function DesktopBasicModal({ titleText, contentText, bodySpacingMode, bodyOverflowType, btnMode, mBtn1Text, mBtn2Text, mBtn3Text, mBtn1State, mBtn2State, mBtn3State, mBtn1Type, mBtn2Type, mBtn3Type, onClickMBtn1, onClickMBtn2, onClickMBtn3, size, children }: DesktopBasicModalProps): React.ReactPortal;
24
25
  export default DesktopBasicModal;
package/dist/src/desktop/components/DesktopBasicModal/DesktopBasicModal.js CHANGED
@@ -33,7 +33,7 @@ var hybrid_1 = require("../../../hybrid");
33
33
  var MainButton_1 = require("../MainButton");
34
34
  var TextLabel_1 = require("../TextLabel");
35
35
  function DesktopBasicModal(_a) {
36
- var titleText = _a.titleText, contentText = _a.contentText, _b = _a.bodySpacingMode, bodySpacingMode = _b === void 0 ? 'use' : _b, _c = _a.btnMode, btnMode = _c === void 0 ? 'mbtn_amount2' : _c, mBtn1Text = _a.mBtn1Text, mBtn2Text = _a.mBtn2Text, mBtn3Text = _a.mBtn3Text, _d = _a.mBtn1State, mBtn1State = _d === void 0 ? 'normal' : _d, _e = _a.mBtn2State, mBtn2State = _e === void 0 ? 'normal' : _e, _f = _a.mBtn3State, mBtn3State = _f === void 0 ? 'normal' : _f, _g = _a.mBtn1Type, mBtn1Type = _g === void 0 ? 'button' : _g, _h = _a.mBtn2Type, mBtn2Type = _h === void 0 ? 'button' : _h, _j = _a.mBtn3Type, mBtn3Type = _j === void 0 ? 'button' : _j, onClickMBtn1 = _a.onClickMBtn1, onClickMBtn2 = _a.onClickMBtn2, onClickMBtn3 = _a.onClickMBtn3, _k = _a.size, size = _k === void 0 ? 'large' : _k, children = _a.children;
36
+ var titleText = _a.titleText, contentText = _a.contentText, _b = _a.bodySpacingMode, bodySpacingMode = _b === void 0 ? 'use' : _b, _c = _a.bodyOverflowType, bodyOverflowType = _c === void 0 ? 'auto' : _c, _d = _a.btnMode, btnMode = _d === void 0 ? 'mbtn_amount2' : _d, mBtn1Text = _a.mBtn1Text, mBtn2Text = _a.mBtn2Text, mBtn3Text = _a.mBtn3Text, _e = _a.mBtn1State, mBtn1State = _e === void 0 ? 'normal' : _e, _f = _a.mBtn2State, mBtn2State = _f === void 0 ? 'normal' : _f, _g = _a.mBtn3State, mBtn3State = _g === void 0 ? 'normal' : _g, _h = _a.mBtn1Type, mBtn1Type = _h === void 0 ? 'button' : _h, _j = _a.mBtn2Type, mBtn2Type = _j === void 0 ? 'button' : _j, _k = _a.mBtn3Type, mBtn3Type = _k === void 0 ? 'button' : _k, onClickMBtn1 = _a.onClickMBtn1, onClickMBtn2 = _a.onClickMBtn2, onClickMBtn3 = _a.onClickMBtn3, _l = _a.size, size = _l === void 0 ? 'large' : _l, children = _a.children;
37
37
  var container = (0, react_1.useState)(function () {
38
38
  var modalRoot = document.createElement('div');
39
39
  modalRoot.setAttribute('id', 'DesktopBasicModal');
@@ -57,7 +57,7 @@ function DesktopBasicModal(_a) {
57
57
  react_1.default.createElement(S_ModalWrapper, { size: size },
58
58
  react_1.default.createElement(S_Header, null,
59
59
  react_1.default.createElement(TextLabel_1.TextLabel, { text: titleText, colorTheme: "sysTextPrimary", styleTheme: "headingBold" })),
60
- react_1.default.createElement(S_Body, { bodySpacingMode: bodySpacingMode },
60
+ react_1.default.createElement(S_Body, { bodySpacingMode: bodySpacingMode, bodyOverflowType: bodyOverflowType },
61
61
  contentText && (react_1.default.createElement(TextLabel_1.TextLabel, { text: contentText, colorTheme: "sysTextSecondary", styleTheme: "subTitleRegular" })),
62
62
  children && children),
63
63
  react_1.default.createElement(hybrid_1.Divider, null),
@@ -108,7 +108,7 @@ var S_Header = styled_components_1.default.div(templateObject_6 || (templateObje
108
108
  var theme = _a.theme;
109
109
  return theme.spacing.spacingE;
110
110
  });
111
- var S_Body = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n flex: 1;\n margin-bottom: ", ";\n margin-left: ", ";\n margin-right: ", ";\n margin-top: ", ";\n overflow: auto;\n\n ", "\n"], ["\n flex: 1;\n margin-bottom: ", ";\n margin-left: ", ";\n margin-right: ", ";\n margin-top: ", ";\n overflow: auto;\n\n ", "\n"])), function (_a) {
111
+ var S_Body = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n flex: 1;\n margin-bottom: ", ";\n margin-left: ", ";\n margin-right: ", ";\n margin-top: ", ";\n overflow: ", ";\n\n ", "\n"], ["\n flex: 1;\n margin-bottom: ", ";\n margin-left: ", ";\n margin-right: ", ";\n margin-top: ", ";\n overflow: ", ";\n\n ", "\n"])), function (_a) {
112
112
  var theme = _a.theme;
113
113
  return theme.spacing.spacingF;
114
114
  }, function (_a) {
@@ -120,6 +120,9 @@ var S_Body = styled_components_1.default.div(templateObject_8 || (templateObject
120
120
  }, function (_a) {
121
121
  var theme = _a.theme;
122
122
  return theme.spacing.spacingD;
123
+ }, function (_a) {
124
+ var bodyOverflowType = _a.bodyOverflowType;
125
+ return bodyOverflowType;
123
126
  }, function (_a) {
124
127
  var bodySpacingMode = _a.bodySpacingMode;
125
128
  return bodySpacingMode === 'none' && (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n margin-bottom: 0;\n margin-left: 0;\n margin-right: 0;\n "], ["\n margin-bottom: 0;\n margin-left: 0;\n margin-right: 0;\n "])));
package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTS.js CHANGED
@@ -30,11 +30,14 @@ var S_ContentsArea1 = styled_components_1.default.div(templateObject_2 || (templ
30
30
  var areaColor = _a.areaColor;
31
31
  return "background-color: " + areaColor;
32
32
  });
33
- var S_ContentsArea2 = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n box-sizing: border-box;\n padding-bottom: 88px;\n padding-left: 24px;\n padding-right: 24px;\n padding-top: 24px;\n max-width: 1400px;\n min-width: 1200px;\n width: 100%;\n ", ";\n"], ["\n box-sizing: border-box;\n padding-bottom: 88px;\n padding-left: 24px;\n padding-right: 24px;\n padding-top: 24px;\n max-width: 1400px;\n min-width: 1200px;\n width: 100%;\n ", ";\n"])), function (_a) {
33
+ // TODO: Area단에 height: 100%; overflow: auto; 추가와 padding-bottom: 88px; 삭제 된 것은 무한 스크롤 대응위한 임시 방편입니다.
34
+ var S_ContentsArea2 = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n box-sizing: border-box;\n /* padding-bottom: 88px; */\n padding-left: 24px;\n padding-right: 24px;\n padding-top: 24px;\n max-width: 1400px;\n min-width: 1200px;\n width: 100%;\n\n height: 100%;\n overflow: auto;\n ", ";\n"], ["\n box-sizing: border-box;\n /* padding-bottom: 88px; */\n padding-left: 24px;\n padding-right: 24px;\n padding-top: 24px;\n max-width: 1400px;\n min-width: 1200px;\n width: 100%;\n\n height: 100%;\n overflow: auto;\n ", ";\n"])), function (_a) {
34
35
  var areaColor = _a.areaColor;
35
36
  return "background-color: " + areaColor;
36
37
  });
37
- var S_Content1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n min-height: 480px;\n"], ["\n min-height: 480px;\n"])));
38
- var S_Content2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n margin: 0;\n"], ["\n margin: 0;\n"])));
38
+ // TODO: 철학에 위배되지만, 히어로 배너를 쓰지 않을 경우를 위해 임시로 제거 상태. 추후 조치 필요
39
+ var S_Content1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n /* min-height: 480px; */\n"], ["\n /* min-height: 480px; */\n"])));
40
+ // TODO: Content단에 height: 100%; 추가는 무한 스크롤 대응위한 임시 방편입니다.
41
+ var S_Content2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n height: 100%;\n"], ["\n height: 100%;\n"])));
39
42
  exports.default = WTS;
40
43
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
package/dist/src/mobile/components/MobileBasicModal/MobileBasicModal.d.ts CHANGED
@@ -3,11 +3,12 @@ import { PDSTextType } from '../../../common';
3
3
  declare type MobileBasicModalProps = {
4
4
  titleText: PDSTextType;
5
5
  bodySpacingMode?: 'none' | 'use';
6
+ bodyOverflowType?: 'auto' | 'visible';
6
7
  contentText?: PDSTextType;
7
8
  mBtnText?: PDSTextType;
8
9
  onClickMBtn?: () => void;
9
10
  onClickXMarkIcon?: () => void;
10
11
  children?: React.ReactNode;
11
12
  };
12
- declare function MobileBasicModal({ titleText, bodySpacingMode, contentText, mBtnText, onClickMBtn, onClickXMarkIcon, children }: MobileBasicModalProps): React.ReactPortal;
13
+ declare function MobileBasicModal({ titleText, bodySpacingMode, bodyOverflowType, contentText, mBtnText, onClickMBtn, onClickXMarkIcon, children }: MobileBasicModalProps): React.ReactPortal;
13
14
  export default MobileBasicModal;
package/dist/src/mobile/components/MobileBasicModal/MobileBasicModal.js CHANGED
@@ -33,7 +33,7 @@ var IconButton_1 = require("../IconButton");
33
33
  var MainButton_1 = require("../MainButton");
34
34
  var TextLabel_1 = require("../TextLabel");
35
35
  function MobileBasicModal(_a) {
36
- var titleText = _a.titleText, _b = _a.bodySpacingMode, bodySpacingMode = _b === void 0 ? 'use' : _b, contentText = _a.contentText, mBtnText = _a.mBtnText, onClickMBtn = _a.onClickMBtn, onClickXMarkIcon = _a.onClickXMarkIcon, children = _a.children;
36
+ var titleText = _a.titleText, _b = _a.bodySpacingMode, bodySpacingMode = _b === void 0 ? 'use' : _b, _c = _a.bodyOverflowType, bodyOverflowType = _c === void 0 ? 'auto' : _c, contentText = _a.contentText, mBtnText = _a.mBtnText, onClickMBtn = _a.onClickMBtn, onClickXMarkIcon = _a.onClickXMarkIcon, children = _a.children;
37
37
  var container = (0, react_1.useState)(function () {
38
38
  var modalRoot = document.createElement('div');
39
39
  modalRoot.setAttribute('id', 'MobileBasicModal');
@@ -56,7 +56,7 @@ function MobileBasicModal(_a) {
56
56
  react_1.default.createElement(S_TitleWrapper, null,
57
57
  react_1.default.createElement(TextLabel_1.TextLabel, { text: titleText, colorTheme: "sysTextPrimary", styleTheme: "headingBold" })),
58
58
  react_1.default.createElement(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconSize: 24, shapeType: "rectangle", iconName: "ic_xmark", iconColorKey: "ui_cpnt_modal_header_icon_02", iconFillType: "line", onClick: onClickXMarkIcon })),
59
- react_1.default.createElement(S_Body, { bodySpacingMode: bodySpacingMode },
59
+ react_1.default.createElement(S_Body, { bodySpacingMode: bodySpacingMode, bodyOverflowType: bodyOverflowType },
60
60
  contentText && (react_1.default.createElement(TextLabel_1.TextLabel, { text: contentText, colorTheme: "sysTextSecondary", styleTheme: "subTitleRegular" })),
61
61
  children && children),
62
62
  react_1.default.createElement(S_Footer, null, mBtnText && react_1.default.createElement(MainButton_1.MainButton, { text: mBtnText, size: "rlarge", onClick: onClickMBtn })))), container);
@@ -79,7 +79,7 @@ var S_Header = styled_components_1.default.div(templateObject_3 || (templateObje
79
79
  var theme = _a.theme;
80
80
  return theme.spacing.spacingC;
81
81
  });
82
- var S_Body = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n margin-bottom: ", ";\n margin-left: ", ";\n margin-right: ", ";\n max-height: 480px;\n overflow-y: scroll;\n padding-top: ", ";\n\n ", "\n"], ["\n margin-bottom: ", ";\n margin-left: ", ";\n margin-right: ", ";\n max-height: 480px;\n overflow-y: scroll;\n padding-top: ", ";\n\n ", "\n"])), function (_a) {
82
+ var S_Body = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n margin-bottom: ", ";\n margin-left: ", ";\n margin-right: ", ";\n max-height: 480px;\n overflow-y: ", ";\n padding-top: ", ";\n\n ", "\n"], ["\n margin-bottom: ", ";\n margin-left: ", ";\n margin-right: ", ";\n max-height: 480px;\n overflow-y: ", ";\n padding-top: ", ";\n\n ", "\n"])), function (_a) {
83
83
  var theme = _a.theme;
84
84
  return theme.spacing.spacingE;
85
85
  }, function (_a) {
@@ -88,6 +88,9 @@ var S_Body = styled_components_1.default.div(templateObject_5 || (templateObject
88
88
  }, function (_a) {
89
89
  var theme = _a.theme;
90
90
  return theme.spacing.spacingE;
91
+ }, function (_a) {
92
+ var bodyOverflowType = _a.bodyOverflowType;
93
+ return bodyOverflowType;
91
94
  }, function (_a) {
92
95
  var theme = _a.theme;
93
96
  return theme.spacing.spacingC;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web",
3
- "version": "1.3.21",
3
+ "version": "1.3.24",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
package/release-note.md CHANGED
@@ -1,12 +1,7 @@
1
1
  # PDS-DEV-KIT-WEB Release Notes
2
- ## [v1.3.21]
2
+ ## [v1.3.24]
3
3
 
4
- ### Component
5
- * Common
6
- * TextFieldBase
7
- * 내부 IconButton에 tabIndex={-1} 추가
8
- * EditApplyTextField
9
- * 내부 IconButton에 tabIndex={-1} 추가
10
- * IconButton
11
- * tabIndex prop 추가
12
- * onClick과 onMouseDown의 type 수정
4
+ ### Layout
5
+ * WTS_1
6
+ * ContentArea2에 height: 100%; overflow: auto; 추가 (무한 스크롤 위한 임시 조치)
7
+ * Content2에 height: 100%; 추가 (무한 스크롤 위한 임시 조치)