pds-dev-kit-web-test 2.5.22 → 2.5.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 (10) hide show
  1. package/dist/src/common/styles/colorSet/UIColor.json +2 -1
  2. package/dist/src/common/styles/colorSet/index.d.ts +1 -0
  3. package/dist/src/common/styles/colorSet/ui-type.d.ts +1 -0
  4. package/dist/src/desktop/layout/LayoutWS/Containers/ContentsContainer/ContentsContainer.d.ts +1 -1
  5. package/dist/src/desktop/layout/LayoutWS/Containers/ContentsContainer/ContentsContainer.js +1 -0
  6. package/dist/src/desktop/layout/LayoutWS/Containers/ContentsContainer/variation/WSI.d.ts +1 -1
  7. package/dist/src/desktop/layout/LayoutWS/Containers/ContentsContainer/variation/WSI.js +28 -17
  8. package/dist/src/desktop/layout/LayoutWS/ContainersBox/ContainersBox.d.ts +1 -1
  9. package/package.json +3 -3
  10. package/release-note.md +2 -2
package/dist/src/common/styles/colorSet/UIColor.json CHANGED
@@ -860,5 +860,6 @@
860
860
  "ui_cpnt_tooltip_base_border": "sys_border_line_17",
861
861
  "ui_122": "sys_widget_green_01",
862
862
  "ui_123": "usr_brand_primary_opacity05",
863
- "ui_124": "sys_cpnt_sheet_base_15"
863
+ "ui_124": "sys_cpnt_sheet_base_15",
864
+ "ui_dimmed_03": "sys_background_dimmed"
864
865
  }
package/dist/src/common/styles/colorSet/index.d.ts CHANGED
@@ -1702,6 +1702,7 @@ declare const colorSet: {
1702
1702
  ui_122: string;
1703
1703
  ui_123: string;
1704
1704
  ui_124: string;
1705
+ ui_dimmed_03: string;
1705
1706
  };
1706
1707
  };
1707
1708
  export default colorSet;
package/dist/src/common/styles/colorSet/ui-type.d.ts CHANGED
@@ -861,4 +861,5 @@ export interface UITheme {
861
861
  ui_122: string;
862
862
  ui_123: string;
863
863
  ui_124: string;
864
+ ui_dimmed_03: string;
864
865
  }
package/dist/src/desktop/layout/LayoutWS/Containers/ContentsContainer/ContentsContainer.d.ts CHANGED
@@ -3,7 +3,7 @@ import type { UiColors } from '../../../../../common';
3
3
  export type ContentsContainerProps = {
4
4
  content1?: JSX.Element;
5
5
  content2?: JSX.Element;
6
- layoutType: 'WSA_1' | 'WSB_1' | 'WSB_2' | 'WSC_1' | 'WSD_1' | 'WSE_1' | 'WSF_1' | 'WSF_2' | 'WSF_3' | 'WSF_4' | 'WSF_5' | 'WSF_6' | 'WSF_7' | 'WSG_1' | 'WSG_2' | 'WSG_3' | 'WSG_4' | 'WSG_5' | 'WSH_1' | 'WSI_1' | 'WSJ_1';
6
+ layoutType: 'WSA_1' | 'WSB_1' | 'WSB_2' | 'WSC_1' | 'WSD_1' | 'WSE_1' | 'WSF_1' | 'WSF_2' | 'WSF_3' | 'WSF_4' | 'WSF_5' | 'WSF_6' | 'WSF_7' | 'WSG_1' | 'WSG_2' | 'WSG_3' | 'WSG_4' | 'WSG_5' | 'WSH_1' | 'WSI_1' | 'WSI_2' | 'WSJ_1';
7
7
  containerColor?: string;
8
8
  areaColor?: string;
9
9
  isLoadingContainer1?: boolean;
package/dist/src/desktop/layout/LayoutWS/Containers/ContentsContainer/ContentsContainer.js CHANGED
@@ -25,6 +25,7 @@ var ContentsContainer = function (_a) {
25
25
  WSG_5: ((0, jsx_runtime_1.jsx)(variation_1.WSG, { layoutType: "WSG_5", content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor, isLoadingContainer1: isLoadingContainer1, isLoadingContainer2: isLoadingContainer2, overrideContainer1ColorKey: overrideContainer1ColorKey, overrideContainer2ColorKey: overrideContainer2ColorKey })),
26
26
  WSH_1: ((0, jsx_runtime_1.jsx)(variation_1.WSH, { layoutType: "WSH_1", content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor, isLoadingContainer1: isLoadingContainer1, isLoadingContainer2: isLoadingContainer2, overrideContainer1ColorKey: overrideContainer1ColorKey, overrideContainer2ColorKey: overrideContainer2ColorKey })),
27
27
  WSI_1: ((0, jsx_runtime_1.jsx)(variation_1.WSI, { layoutType: "WSI_1", content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor, isLoadingContainer1: isLoadingContainer1, isLoadingContainer2: isLoadingContainer2, overrideContainer1ColorKey: overrideContainer1ColorKey, overrideContainer2ColorKey: overrideContainer2ColorKey })),
28
+ WSI_2: ((0, jsx_runtime_1.jsx)(variation_1.WSI, { layoutType: "WSI_2", content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor, isLoadingContainer1: isLoadingContainer1, isLoadingContainer2: isLoadingContainer2, overrideContainer1ColorKey: overrideContainer1ColorKey, overrideContainer2ColorKey: overrideContainer2ColorKey })),
28
29
  WSJ_1: ((0, jsx_runtime_1.jsx)(variation_1.WSJ, { content1: content1, containerColor: containerColor, areaColor: areaColor, isLoadingContainer1: isLoadingContainer1, overrideContainer1ColorKey: overrideContainer1ColorKey }))
29
30
  }[layoutType] }));
30
31
  };
package/dist/src/desktop/layout/LayoutWS/Containers/ContentsContainer/variation/WSI.d.ts CHANGED
@@ -3,7 +3,7 @@ import type { UiColors } from '../../../../../../common';
3
3
  export type WSIProps = {
4
4
  content1?: JSX.Element;
5
5
  content2?: JSX.Element;
6
- layoutType: 'WSI_1';
6
+ layoutType: 'WSI_1' | 'WSI_2';
7
7
  containerColor?: string;
8
8
  areaColor?: string;
9
9
  isLoadingContainer1?: boolean;
package/dist/src/desktop/layout/LayoutWS/Containers/ContentsContainer/variation/WSI.js CHANGED
@@ -56,20 +56,23 @@ var overrideStyleContainer2 = (0, styled_components_1.css)(templateObject_2 || (
56
56
  });
57
57
  var S_Box = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n height: 100%;\n"], ["\n display: flex;\n height: 100%;\n"])));
58
58
  var WSI_1Container1Style = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n overflow-x: hidden;\n overflow-y: auto;\n width: 720px;\n"], ["\n overflow-x: hidden;\n overflow-y: auto;\n width: 720px;\n"])));
59
- var S_ContentsContainer1 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background-color: ", ";\n ", ";\n ", ";\n\n ", "\n ", "\n"], ["\n background-color: ", ";\n ", ";\n ", ";\n\n ", "\n ", "\n"])), function (_a) {
59
+ var WSI_2Container1Style = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n overflow-x: hidden;\n overflow-y: auto;\n width: 720px;\n"], ["\n overflow-x: hidden;\n overflow-y: auto;\n width: 720px;\n"])));
60
+ var S_ContentsContainer1 = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n background-color: ", ";\n ", ";\n ", ";\n\n ", "\n ", "\n"], ["\n background-color: ", ";\n ", ";\n ", ";\n\n ", "\n ", "\n"])), function (_a) {
60
61
  var theme = _a.theme;
61
62
  return theme.ui_contentscontainer01_background;
62
63
  }, function (_a) {
63
64
  var layoutType = _a.layoutType;
64
65
  return ({
65
- WSI_1: WSI_1Container1Style
66
+ WSI_1: WSI_1Container1Style,
67
+ WSI_2: WSI_2Container1Style
66
68
  }[layoutType]);
67
69
  }, function (_a) {
68
70
  var containerColor = _a.containerColor;
69
71
  return "background-color: ".concat(containerColor);
70
72
  }, scrollbarStyle_1.scrollbarStyle, overrideStyleContainer1);
71
- var WSI_1Container2Style = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n flex: 1;\n height: 100%;\n"], ["\n flex: 1;\n height: 100%;\n"])));
72
- var S_ContentsContainer2 = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n background-color: ", ";\n border-left: 1px solid ", ";\n ", ";\n ", ";\n\n ", "\n ", "\n"], ["\n background-color: ", ";\n border-left: 1px solid ", ";\n ", ";\n ", ";\n\n ", "\n ", "\n"])), function (_a) {
73
+ var WSI_1Container2Style = (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n flex: 1;\n height: 100%;\n"], ["\n flex: 1;\n height: 100%;\n"])));
74
+ var WSI_2Container2Style = (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n flex: 1;\n height: 100%;\n"], ["\n flex: 1;\n height: 100%;\n"])));
75
+ var S_ContentsContainer2 = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n background-color: ", ";\n border-left: 1px solid ", ";\n ", ";\n ", ";\n\n ", "\n ", "\n"], ["\n background-color: ", ";\n border-left: 1px solid ", ";\n ", ";\n ", ";\n\n ", "\n ", "\n"])), function (_a) {
73
76
  var theme = _a.theme;
74
77
  return theme.ui_contentscontainer02_background;
75
78
  }, function (_a) {
@@ -78,44 +81,52 @@ var S_ContentsContainer2 = styled_components_1.default.div(templateObject_7 || (
78
81
  }, function (_a) {
79
82
  var layoutType = _a.layoutType;
80
83
  return ({
81
- WSI_1: WSI_1Container2Style
84
+ WSI_1: WSI_1Container2Style,
85
+ WSI_2: WSI_2Container2Style
82
86
  }[layoutType]);
83
87
  }, function (_a) {
84
88
  var containerColor = _a.containerColor;
85
89
  return "background-color: ".concat(containerColor);
86
90
  }, scrollbarStyle_1.scrollbarStyle, overrideStyleContainer2);
87
- var WSI_1Area1Style = (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n padding-bottom: 88px;\n padding-left: 24px;\n padding-right: 24px;\n"], ["\n padding-bottom: 88px;\n padding-left: 24px;\n padding-right: 24px;\n"])));
88
- var S_ContentsArea1 = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n box-sizing: border-box;\n padding-top: 24px;\n ", ";\n ", ";\n"], ["\n box-sizing: border-box;\n padding-top: 24px;\n ", ";\n ", ";\n"])), function (_a) {
91
+ var WSI_1Area1Style = (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n padding-bottom: 88px;\n padding-left: 24px;\n padding-right: 24px;\n"], ["\n padding-bottom: 88px;\n padding-left: 24px;\n padding-right: 24px;\n"])));
92
+ var WSI_2Area1Style = (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n padding-bottom: 88px;\n padding-left: 24px;\n padding-right: 24px;\n"], ["\n padding-bottom: 88px;\n padding-left: 24px;\n padding-right: 24px;\n"])));
93
+ var S_ContentsArea1 = styled_components_1.default.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n box-sizing: border-box;\n padding-top: 24px;\n ", ";\n ", ";\n"], ["\n box-sizing: border-box;\n padding-top: 24px;\n ", ";\n ", ";\n"])), function (_a) {
89
94
  var layoutType = _a.layoutType;
90
95
  return ({
91
- WSI_1: WSI_1Area1Style
96
+ WSI_1: WSI_1Area1Style,
97
+ WSI_2: WSI_2Area1Style
92
98
  }[layoutType]);
93
99
  }, function (_a) {
94
100
  var areaColor = _a.areaColor;
95
101
  return "background-color: ".concat(areaColor);
96
102
  });
97
- var WSI_1Area2Style = (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n height: 100%;\n padding-top: 24px;\n width: 240px;\n"], ["\n height: 100%;\n padding-top: 24px;\n width: 240px;\n"])));
98
- var S_ContentsArea2 = styled_components_1.default.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n box-sizing: border-box;\n ", ";\n ", ";\n"], ["\n box-sizing: border-box;\n ", ";\n ", ";\n"])), function (_a) {
103
+ var WSI_1Area2Style = (0, styled_components_1.css)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n height: 100%;\n padding-top: 24px;\n width: 240px;\n"], ["\n height: 100%;\n padding-top: 24px;\n width: 240px;\n"])));
104
+ var WSI_2Area2Style = (0, styled_components_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n height: 100%;\n padding-top: 24px;\n width: 360px;\n"], ["\n height: 100%;\n padding-top: 24px;\n width: 360px;\n"])));
105
+ var S_ContentsArea2 = styled_components_1.default.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n box-sizing: border-box;\n ", ";\n ", ";\n"], ["\n box-sizing: border-box;\n ", ";\n ", ";\n"])), function (_a) {
99
106
  var layoutType = _a.layoutType;
100
107
  return ({
101
- WSI_1: WSI_1Area2Style
108
+ WSI_1: WSI_1Area2Style,
109
+ WSI_2: WSI_2Area2Style
102
110
  }[layoutType]);
103
111
  }, function (_a) {
104
112
  var areaColor = _a.areaColor;
105
113
  return "background-color: ".concat(areaColor);
106
114
  });
107
- var S_Content1 = styled_components_1.default.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n ", ";\n"], ["\n ", ";\n"])), function (_a) {
115
+ var S_Content1 = styled_components_1.default.div(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n ", ";\n"], ["\n ", ";\n"])), function (_a) {
108
116
  var layoutType = _a.layoutType;
109
117
  return ({
110
- WSI_1: ''
118
+ WSI_1: '',
119
+ WSI_2: ''
111
120
  }[layoutType]);
112
121
  });
113
- var WSI_1Content2Style = (0, styled_components_1.css)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n height: 100%;\n overflow: hidden;\n"], ["\n height: 100%;\n overflow: hidden;\n"])));
114
- var S_Content2 = styled_components_1.default.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n ", ";\n"], ["\n ", ";\n"])), function (_a) {
122
+ var WSI_1Content2Style = (0, styled_components_1.css)(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n height: 100%;\n overflow: hidden;\n"], ["\n height: 100%;\n overflow: hidden;\n"])));
123
+ var WSI_2Content2Style = (0, styled_components_1.css)(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n height: 100%;\n overflow: hidden;\n"], ["\n height: 100%;\n overflow: hidden;\n"])));
124
+ var S_Content2 = styled_components_1.default.div(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n ", ";\n"], ["\n ", ";\n"])), function (_a) {
115
125
  var layoutType = _a.layoutType;
116
126
  return ({
117
- WSI_1: WSI_1Content2Style
127
+ WSI_1: WSI_1Content2Style,
128
+ WSI_2: WSI_2Content2Style
118
129
  }[layoutType]);
119
130
  });
120
131
  exports.default = WSI;
121
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14;
132
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19;
package/dist/src/desktop/layout/LayoutWS/ContainersBox/ContainersBox.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import type { UiColors } from '../../../../common';
3
3
  export type ContainersBoxProps = {
4
- layoutType: 'WSA_1' | 'WSB_1' | 'WSB_2' | 'WSC_1' | 'WSD_1' | 'WSE_1' | 'WSF_1' | 'WSF_2' | 'WSF_3' | 'WSF_4' | 'WSF_5' | 'WSF_6' | 'WSF_7' | 'WSG_1' | 'WSG_2' | 'WSG_3' | 'WSG_4' | 'WSG_5' | 'WSH_1' | 'WSI_1' | 'WSJ_1';
4
+ layoutType: 'WSA_1' | 'WSB_1' | 'WSB_2' | 'WSC_1' | 'WSD_1' | 'WSE_1' | 'WSF_1' | 'WSF_2' | 'WSF_3' | 'WSF_4' | 'WSF_5' | 'WSF_6' | 'WSF_7' | 'WSG_1' | 'WSG_2' | 'WSG_3' | 'WSG_4' | 'WSG_5' | 'WSH_1' | 'WSI_1' | 'WSI_2' | 'WSJ_1';
5
5
  pageMenuContent?: JSX.Element;
6
6
  tabMenuContent?: JSX.Element;
7
7
  content1?: JSX.Element;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web-test",
3
- "version": "2.5.22",
3
+ "version": "2.5.24",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
@@ -22,8 +22,8 @@
22
22
  "i18next-intervalplural-postprocessor": "^3.0.0",
23
23
  "lottie-react": "^2.3.1",
24
24
  "nuka-carousel": "^4.8.4",
25
- "publ-echo": "^0.0.94",
26
- "publ-echo-test": "^0.0.35",
25
+ "publ-echo": "^0.0.95",
26
+ "publ-echo-test": "^0.0.37",
27
27
  "react-hook-form": "^7.28.1",
28
28
  "react-i18next": "^11.12.0",
29
29
  "react-router-dom": "^5.2.0",
package/release-note.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # PDS-DEV-KIT-WEB Release Notes
2
- ## [v2.2.90]
2
+ ## [v2.2.94]
3
3
  ## daily|https://design.storybook.publ.biz/
4
4
 
5
5
  ### 업데이트 사항
6
- * [DAILY][PDS-1242] Icon의 추가 수정
6
+ * [PDS-1246] WSI-2 레이아웃 유형 추가