pds-dev-kit-web 2.0.10 → 2.0.11

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/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 +3 -1
  4. package/dist/src/common/styles/colorSet/index.d.ts +6 -2
  5. package/dist/src/common/styles/colorSet/index.js +2 -2
  6. package/dist/src/common/styles/colorSet/ui-type.d.ts +2 -0
  7. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTA.js +1 -1
  8. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTK.js +1 -1
  9. package/package.json +1 -1
  10. package/release-note.md +8 -4
package/dist/src/common/styles/colorSet/PaletteColor_Dark.json CHANGED
@@ -297,5 +297,6 @@
297
297
  "sys_plan_base_02": "darksoftpurple500/opacity60",
298
298
  "sys_plan_base_03": "darkcoolpink500/opacity60",
299
299
  "sys_text_warning_02": "darkbrown500",
300
- "sys_component_base_39": "darkyellow300"
300
+ "sys_component_base_39": "darkyellow300",
301
+ "sys_component_base_40": "darkorange50"
301
302
  }
package/dist/src/common/styles/colorSet/PaletteColor_light.json CHANGED
@@ -297,5 +297,6 @@
297
297
  "sys_plan_base_02": "softpurple500/opacity60",
298
298
  "sys_plan_base_03": "coolpink500/opacity60",
299
299
  "sys_text_warning_02": "brown500",
300
- "sys_component_base_39": "yellow300"
300
+ "sys_component_base_39": "yellow300",
301
+ "sys_component_base_40": "orange50"
301
302
  }
package/dist/src/common/styles/colorSet/UIColor.json CHANGED
@@ -766,5 +766,7 @@
766
766
  "ui_plan_base_03": "sys_plan_base_03",
767
767
  "ui_cpnt_sheet_border_08": "sys_border_line_05",
768
768
  "ui_cpnt_textlabel_sys_warning_2": "sys_text_warning_02",
769
- "ui_cpnt_sheet_base_20": "sys_component_base_39"
769
+ "ui_cpnt_sheet_base_20": "sys_component_base_39",
770
+ "ui_cpnt_sheet_base_21": "sys_component_base_32",
771
+ "ui_cpnt_sheet_base_22": "sys_component_base_40"
770
772
  }
package/dist/src/common/styles/colorSet/index.d.ts CHANGED
@@ -115,7 +115,7 @@ declare const colorSet: {
115
115
  yellow300: string;
116
116
  darkyellow300: string;
117
117
  };
118
- readonly PaletteColor_Dark: {
118
+ readonly PaletteColor_light: {
119
119
  sys_container_background_01: string;
120
120
  sys_container_background_02: string;
121
121
  sys_container_background_03: string;
@@ -415,8 +415,9 @@ declare const colorSet: {
415
415
  sys_plan_base_03: string;
416
416
  sys_text_warning_02: string;
417
417
  sys_component_base_39: string;
418
+ sys_component_base_40: string;
418
419
  };
419
- readonly PaletteColor_light: {
420
+ readonly PaletteColor_Dark: {
420
421
  sys_container_background_01: string;
421
422
  sys_container_background_02: string;
422
423
  sys_container_background_03: string;
@@ -716,6 +717,7 @@ declare const colorSet: {
716
717
  sys_plan_base_03: string;
717
718
  sys_text_warning_02: string;
718
719
  sys_component_base_39: string;
720
+ sys_component_base_40: string;
719
721
  };
720
722
  readonly UIColor: {
721
723
  ui_cpnt_button_fill_base_primary: string;
@@ -1486,6 +1488,8 @@ declare const colorSet: {
1486
1488
  ui_cpnt_sheet_border_08: string;
1487
1489
  ui_cpnt_textlabel_sys_warning_2: string;
1488
1490
  ui_cpnt_sheet_base_20: string;
1491
+ ui_cpnt_sheet_base_21: string;
1492
+ ui_cpnt_sheet_base_22: string;
1489
1493
  };
1490
1494
  };
1491
1495
  export default colorSet;
package/dist/src/common/styles/colorSet/index.js CHANGED
@@ -5,13 +5,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  /* eslint-disable import/order */
7
7
  var SemanticColor_json_1 = __importDefault(require("./SemanticColor.json"));
8
- var PaletteColor_Dark_json_1 = __importDefault(require("./PaletteColor_Dark.json"));
9
8
  var PaletteColor_light_json_1 = __importDefault(require("./PaletteColor_light.json"));
9
+ var PaletteColor_Dark_json_1 = __importDefault(require("./PaletteColor_Dark.json"));
10
10
  var UIColor_json_1 = __importDefault(require("./UIColor.json"));
11
11
  var colorSet = {
12
12
  SemanticColor: SemanticColor_json_1.default,
13
- PaletteColor_Dark: PaletteColor_Dark_json_1.default,
14
13
  PaletteColor_light: PaletteColor_light_json_1.default,
14
+ PaletteColor_Dark: PaletteColor_Dark_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
@@ -767,4 +767,6 @@ export interface UITheme {
767
767
  ui_cpnt_sheet_border_08: string;
768
768
  ui_cpnt_textlabel_sys_warning_2: string;
769
769
  ui_cpnt_sheet_base_20: string;
770
+ ui_cpnt_sheet_base_21: string;
771
+ ui_cpnt_sheet_base_22: string;
770
772
  }
package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTA.js CHANGED
@@ -39,7 +39,7 @@ var styled_components_1 = __importStar(require("styled-components"));
39
39
  var components_1 = require("../../../../../../common/components");
40
40
  var WTA = function (_a) {
41
41
  var content1 = _a.content1, layoutType = _a.layoutType, containerColor = _a.containerColor, areaColor = _a.areaColor, isLoadingContainer1 = _a.isLoadingContainer1, overrideContainer1ColorKey = _a.overrideContainer1ColorKey;
42
- return ((0, jsx_runtime_1.jsx)(S_ContentsContainer, __assign({ "x-pds-name": "ContentsContainer", "x-pds-element-type": "layout", "x-pds-device-type": "desktop", "x-pds-layout-type": "WTA", layoutType: layoutType, containerColor: containerColor, overrideContainer1ColorKey: overrideContainer1ColorKey }, { children: isLoadingContainer1 ? ((0, jsx_runtime_1.jsx)(components_1.ThreeBarProgress, {}, void 0)) : ((0, jsx_runtime_1.jsx)(S_ContentsArea, __assign({ "x-pds-name": "ContentsArea", "x-pds-element-type": "layout", "x-pds-device-type": "desktop", "x-pds-layout-type": "WTA", layoutType: layoutType, areaColor: areaColor }, { children: (0, jsx_runtime_1.jsx)(S_Content1, __assign({ "x-pds-name": "Content1", "x-pds-element-type": "layout", "x-pds-device-type": "desktop", "x-pds-layout-type": "WTA" }, { children: content1 }), void 0) }), void 0)) }), void 0));
42
+ return ((0, jsx_runtime_1.jsx)(S_ContentsContainer, __assign({ "x-pds-name": "ContentsContainer", "x-pds-element-type": "layout", "x-pds-device-type": "desktop", "x-pds-layout-type": "WTA", layoutType: layoutType, containerColor: containerColor, overrideContainer1ColorKey: overrideContainer1ColorKey }, { children: isLoadingContainer1 ? ((0, jsx_runtime_1.jsx)(S_ContentsArea, __assign({ layoutType: layoutType, areaColor: areaColor }, { children: (0, jsx_runtime_1.jsx)(components_1.ThreeBarProgress, {}, void 0) }), void 0)) : ((0, jsx_runtime_1.jsx)(S_ContentsArea, __assign({ "x-pds-name": "ContentsArea", "x-pds-element-type": "layout", "x-pds-device-type": "desktop", "x-pds-layout-type": "WTA", layoutType: layoutType, areaColor: areaColor }, { children: (0, jsx_runtime_1.jsx)(S_Content1, __assign({ "x-pds-name": "Content1", "x-pds-element-type": "layout", "x-pds-device-type": "desktop", "x-pds-layout-type": "WTA" }, { children: content1 }), void 0) }), void 0)) }), void 0));
43
43
  };
44
44
  var overrideStyleContainer1 = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: ", ";\n"], ["\n background-color: ", ";\n"])), function (_a) {
45
45
  var theme = _a.theme, overrideContainer1ColorKey = _a.overrideContainer1ColorKey;
package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTK.js CHANGED
@@ -39,7 +39,7 @@ var styled_components_1 = __importStar(require("styled-components"));
39
39
  var components_1 = require("../../../../../../common/components");
40
40
  var WTK = function (_a) {
41
41
  var content1 = _a.content1, layoutType = _a.layoutType, containerColor = _a.containerColor, areaColor = _a.areaColor, isLoadingContainer1 = _a.isLoadingContainer1, overrideContainer1ColorKey = _a.overrideContainer1ColorKey, container1Ref = _a.container1Ref;
42
- return ((0, jsx_runtime_1.jsx)(S_ContentsContainer, __assign({ "x-pds-name": "ContentsContainer", "x-pds-element-type": "layout", "x-pds-device-type": "desktop", "x-pds-layout-type": "WTK", layoutType: layoutType, containerColor: containerColor, overrideContainer1ColorKey: overrideContainer1ColorKey, ref: container1Ref }, { children: isLoadingContainer1 ? ((0, jsx_runtime_1.jsx)(components_1.ThreeBarProgress, {}, void 0)) : ((0, jsx_runtime_1.jsx)(S_ContentsArea, __assign({ "x-pds-name": "ContentsArea", "x-pds-element-type": "layout", "x-pds-device-type": "desktop", "x-pds-layout-type": "WTK", layoutType: layoutType, areaColor: areaColor }, { children: (0, jsx_runtime_1.jsx)(S_Content1, __assign({ "x-pds-name": "Content1", "x-pds-element-type": "layout", "x-pds-device-type": "desktop", "x-pds-layout-type": "WTK", layoutType: layoutType }, { children: content1 }), void 0) }), void 0)) }), void 0));
42
+ return ((0, jsx_runtime_1.jsx)(S_ContentsContainer, __assign({ "x-pds-name": "ContentsContainer", "x-pds-element-type": "layout", "x-pds-device-type": "desktop", "x-pds-layout-type": "WTK", layoutType: layoutType, containerColor: containerColor, overrideContainer1ColorKey: overrideContainer1ColorKey, ref: container1Ref }, { children: isLoadingContainer1 ? ((0, jsx_runtime_1.jsx)(S_ContentsArea, __assign({ layoutType: layoutType, areaColor: areaColor }, { children: (0, jsx_runtime_1.jsx)(components_1.ThreeBarProgress, {}, void 0) }), void 0)) : ((0, jsx_runtime_1.jsx)(S_ContentsArea, __assign({ "x-pds-name": "ContentsArea", "x-pds-element-type": "layout", "x-pds-device-type": "desktop", "x-pds-layout-type": "WTK", layoutType: layoutType, areaColor: areaColor }, { children: (0, jsx_runtime_1.jsx)(S_Content1, __assign({ "x-pds-name": "Content1", "x-pds-element-type": "layout", "x-pds-device-type": "desktop", "x-pds-layout-type": "WTK", layoutType: layoutType }, { children: content1 }), void 0) }), void 0)) }), void 0));
43
43
  };
44
44
  var overrideStyleContainer1 = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: ", ";\n"], ["\n background-color: ", ";\n"])), function (_a) {
45
45
  var theme = _a.theme, overrideContainer1ColorKey = _a.overrideContainer1ColorKey;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web",
3
- "version": "2.0.10",
3
+ "version": "2.0.11",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
package/release-note.md CHANGED
@@ -1,8 +1,12 @@
1
1
  # PDS-DEV-KIT-WEB Release Notes
2
- ## [v2.0.10]
2
+ ## [v2.0.11]
3
3
 
4
4
  ## daily|https://design.storybook.publ.biz/
5
5
 
6
- ### Component
7
- * MobileHeaderBar
8
- * titleType이 image일때 scaleType을 cover에서 contain으로 변경
6
+ ### Layout
7
+ * WTA
8
+ * 로딩 상태일때도 area의 스타일과 동일한 스타일을 가지도록 조치
9
+ * WTK
10
+ * 로딩 상태일때도 area의 스타일과 동일한 스타일을 가지도록 조치
11
+ ### Color
12
+ * 컬러 키 값 23.05.10 11시 43분 기준 싱크