pds-dev-kit-web 0.7.1 → 0.7.2

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 (7) hide show
  1. package/dist/src/common/styles/colorSet/PaletteColor_Dark.json +1 -1
  2. package/dist/src/common/styles/colorSet/index.d.ts +2 -2
  3. package/dist/src/common/styles/colorSet/index.js +4 -4
  4. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTN.js +2 -2
  5. package/dist/src/desktop/layout/LayoutWT/ContainersBox/ContainersBox.js +2 -2
  6. package/package.json +1 -1
  7. package/release-note.md +4 -19
package/dist/src/common/styles/colorSet/PaletteColor_Dark.json CHANGED
@@ -133,6 +133,6 @@
133
133
  "sys_channeldesc_background": "grey950/opacity80",
134
134
  "sys_channeldesc_bottomsheet_base": "grey950/opacity80",
135
135
  "sys_channeldesc_bottomsheet_border": "darkgrey100",
136
- "sys_channeldesc_contents_base": "darkgrey50/opacity90",
136
+ "sys_channeldesc_contents_base": "darkgrey50/opacity80",
137
137
  "sys_channeldesc_dimmed": "grey950/opacity30"
138
138
  }
package/dist/src/common/styles/colorSet/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  declare const colorSet: {
2
- readonly PaletteColor_Dark: {
2
+ readonly PaletteColor_light: {
3
3
  sys_container_background_01: string;
4
4
  sys_container_background_02: string;
5
5
  sys_container_background_03: string;
@@ -662,7 +662,7 @@ declare const colorSet: {
662
662
  ui_channeldesc_contents_base: string;
663
663
  ui_channeldesc_dimmed: string;
664
664
  };
665
- readonly PaletteColor_light: {
665
+ readonly PaletteColor_Dark: {
666
666
  sys_container_background_01: string;
667
667
  sys_container_background_02: string;
668
668
  sys_container_background_03: string;
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 PaletteColor_Dark_json_1 = __importDefault(require("./PaletteColor_Dark.json"));
7
+ var PaletteColor_light_json_1 = __importDefault(require("./PaletteColor_light.json"));
8
8
  var SemanticColor_json_1 = __importDefault(require("./SemanticColor.json"));
9
9
  var UIColor_json_1 = __importDefault(require("./UIColor.json"));
10
- var PaletteColor_light_json_1 = __importDefault(require("./PaletteColor_light.json"));
10
+ var PaletteColor_Dark_json_1 = __importDefault(require("./PaletteColor_Dark.json"));
11
11
  var colorSet = {
12
- PaletteColor_Dark: PaletteColor_Dark_json_1.default,
12
+ PaletteColor_light: PaletteColor_light_json_1.default,
13
13
  SemanticColor: SemanticColor_json_1.default,
14
14
  UIColor: UIColor_json_1.default,
15
- PaletteColor_light: PaletteColor_light_json_1.default
15
+ PaletteColor_Dark: PaletteColor_Dark_json_1.default
16
16
  };
17
17
  exports.default = colorSet;
package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTN.js CHANGED
@@ -31,8 +31,8 @@ var S_ContentsContainer = styled_components_1.default.div(templateObject_1 || (t
31
31
  var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n box-sizing: border-box;\n padding-bottom: 88px;\n ", ";\n ", ";\n"], ["\n box-sizing: border-box;\n padding-bottom: 88px;\n ", ";\n ", ";\n"])), function (_a) {
32
32
  var layoutType = _a.layoutType;
33
33
  return ({
34
- WTN_1: 'min-width: 1200px;',
35
- WTN_2: 'min-width: 960px;'
34
+ WTN_1: 'width: 1200px;',
35
+ WTN_2: 'width: 960px;'
36
36
  }[layoutType]);
37
37
  }, function (_a) {
38
38
  var areaColor = _a.areaColor;
package/dist/src/desktop/layout/LayoutWT/ContainersBox/ContainersBox.js CHANGED
@@ -190,13 +190,13 @@ var ContainersBox = function (_a) {
190
190
  };
191
191
  var S_ContainersBox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n align-items: flex-start;\n display: flex;\n height: 100%;\n"], ["\n align-items: flex-start;\n display: flex;\n height: 100%;\n"])));
192
192
  var S_RightBox = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n flex: 1;\n flex-direction: column;\n height: 100%;\n"], ["\n display: flex;\n flex: 1;\n flex-direction: column;\n height: 100%;\n"])));
193
- var centerStyle = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n justify-content: center;\n // TODO: WTO_1\uC640 WTP_1\uC720\uD615\uC744 \uC704\uD574 \uC784\uC2DC\uB85C backgroundColor\uB97C \uBD80\uC5EC\uD55C \uC0C1\uD0DC. \uD574\uB2F9 \uBD80\uBD84 \uAE30\uD68D \uCCA0\uD559 \uAC1C\uC120\uC774 \uB418\uBA74 \uBCC0\uACBD\uB418\uC5B4\uC57C \uD568.\n background-color: ", ";\n"], ["\n display: flex;\n justify-content: center;\n // TODO: WTO_1\uC640 WTP_1\uC720\uD615\uC744 \uC704\uD574 \uC784\uC2DC\uB85C backgroundColor\uB97C \uBD80\uC5EC\uD55C \uC0C1\uD0DC. \uD574\uB2F9 \uBD80\uBD84 \uAE30\uD68D \uCCA0\uD559 \uAC1C\uC120\uC774 \uB418\uBA74 \uBCC0\uACBD\uB418\uC5B4\uC57C \uD568.\n background-color: ", ";\n"])), function (_a) {
193
+ var centerStyle = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n justify-content: center;\n // TODO: WTO_1, WTP_1, WTQ_1 \uC720\uD615\uC744 \uC704\uD574 \uC784\uC2DC\uB85C backgroundColor\uB97C \uBD80\uC5EC\uD55C \uC0C1\uD0DC. \uD574\uB2F9 \uBD80\uBD84 \uAE30\uD68D \uCCA0\uD559 \uAC1C\uC120\uC774 \uB418\uBA74 \uBCC0\uACBD\uB418\uC5B4\uC57C \uD568.\n background-color: ", ";\n"], ["\n display: flex;\n justify-content: center;\n // TODO: WTO_1, WTP_1, WTQ_1 \uC720\uD615\uC744 \uC704\uD574 \uC784\uC2DC\uB85C backgroundColor\uB97C \uBD80\uC5EC\uD55C \uC0C1\uD0DC. \uD574\uB2F9 \uBD80\uBD84 \uAE30\uD68D \uCCA0\uD559 \uAC1C\uC120\uC774 \uB418\uBA74 \uBCC0\uACBD\uB418\uC5B4\uC57C \uD568.\n background-color: ", ";\n"])), function (_a) {
194
194
  var theme = _a.theme;
195
195
  return theme.ui_contentscontainer01_background;
196
196
  });
197
197
  var S_BottomWrapper = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n flex: 1;\n height: 100%;\n overflow: hidden;\n ", ";\n"], ["\n flex: 1;\n height: 100%;\n overflow: hidden;\n ", ";\n"])), function (_a) {
198
198
  var layoutType = _a.layoutType;
199
- return (layoutType === 'WTO_1' || layoutType === 'WTP_1' ? centerStyle : '');
199
+ return layoutType === 'WTO_1' || layoutType === 'WTP_1' || layoutType === 'WTQ_1' ? centerStyle : '';
200
200
  });
201
201
  exports.default = ContainersBox;
202
202
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web",
3
- "version": "0.7.1",
3
+ "version": "0.7.2",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
package/release-note.md CHANGED
@@ -1,24 +1,9 @@
1
1
  # PDS-DEV-KIT-WEB Release Notes
2
- ## [v0.7.1]
3
-
4
-
5
- ### Package
6
- * react-hook-form v7.7.1에서 v7.28.1로 업데이트
7
-
8
- ### Component
9
- * MobileHeaderBar
10
- * dividerType -> dividerMode prop명 변경
11
- * TextLabel
12
- * underline prop 삭제 (TextLabel의 의도와 맞지 않는 Prop이라고 판단)
13
- * customFontSize prop 추가 (정해진 값 이외의 폰트 사이즈 필요성 대두)
14
- * customFontWeight prop 추가
15
- * userSelectMode prop 추가 (블록지정 금지 기능의 필요로 인해)
16
- * ImageSlide
17
- * radius prop 추가
18
- * borderMode prop 추가
2
+ ## [v0.7.2]
19
3
 
20
4
  ### Layout
21
- * WTQ-1 추가
5
+ * WTQ_1 수정 (전체 배경색 위한 임시 조치)
6
+ * WTN 수정 (Area단에 고정 너비 부여)
22
7
 
23
8
  ### Color
24
- * 컬러 키 값 22.04.05 14시 55분 기준 싱크
9
+ * 컬러 키 값 22.04.06 16시 03분 기준 싱크