pds-dev-kit-web 2.0.13-alpha.1 → 2.0.13

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 (9) 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 +2 -1
  4. package/dist/src/common/styles/colorSet/index.d.ts +3 -0
  5. package/dist/src/common/styles/colorSet/ui-type.d.ts +1 -0
  6. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/MembershipPlanSheet.js +12 -3
  7. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/MembershipPlanSheet.js +11 -2
  8. package/package.json +1 -1
  9. package/release-note.md +6 -4
package/dist/src/common/styles/colorSet/PaletteColor_Dark.json CHANGED
@@ -298,5 +298,6 @@
298
298
  "sys_plan_base_03": "darkcoolpink500/opacity60",
299
299
  "sys_text_warning_02": "darkbrown500",
300
300
  "sys_component_base_39": "darkyellow300",
301
- "sys_component_base_40": "darkorange50"
301
+ "sys_component_base_40": "darkorange50",
302
+ "sys_component_base_41": "darkskyblue100"
302
303
  }
package/dist/src/common/styles/colorSet/PaletteColor_light.json CHANGED
@@ -298,5 +298,6 @@
298
298
  "sys_plan_base_03": "coolpink500/opacity60",
299
299
  "sys_text_warning_02": "brown500",
300
300
  "sys_component_base_39": "yellow300",
301
- "sys_component_base_40": "orange50"
301
+ "sys_component_base_40": "orange50",
302
+ "sys_component_base_41": "skyblue100"
302
303
  }
package/dist/src/common/styles/colorSet/UIColor.json CHANGED
@@ -768,5 +768,6 @@
768
768
  "ui_cpnt_textlabel_sys_warning_2": "sys_text_warning_02",
769
769
  "ui_cpnt_sheet_base_20": "sys_component_base_39",
770
770
  "ui_cpnt_sheet_base_21": "sys_component_base_32",
771
- "ui_cpnt_sheet_base_22": "sys_component_base_40"
771
+ "ui_cpnt_sheet_base_22": "sys_component_base_40",
772
+ "ui_cpnt_sheet_base_23": "sys_component_base_41"
772
773
  }
package/dist/src/common/styles/colorSet/index.d.ts CHANGED
@@ -418,6 +418,7 @@ declare const colorSet: {
418
418
  sys_text_warning_02: string;
419
419
  sys_component_base_39: string;
420
420
  sys_component_base_40: string;
421
+ sys_component_base_41: string;
421
422
  };
422
423
  readonly PaletteColor_light: {
423
424
  sys_container_background_01: string;
@@ -720,6 +721,7 @@ declare const colorSet: {
720
721
  sys_text_warning_02: string;
721
722
  sys_component_base_39: string;
722
723
  sys_component_base_40: string;
724
+ sys_component_base_41: string;
723
725
  };
724
726
  readonly UIColor: {
725
727
  ui_cpnt_button_fill_base_primary: string;
@@ -1492,6 +1494,7 @@ declare const colorSet: {
1492
1494
  ui_cpnt_sheet_base_20: string;
1493
1495
  ui_cpnt_sheet_base_21: string;
1494
1496
  ui_cpnt_sheet_base_22: string;
1497
+ ui_cpnt_sheet_base_23: string;
1495
1498
  };
1496
1499
  };
1497
1500
  export default colorSet;
package/dist/src/common/styles/colorSet/ui-type.d.ts CHANGED
@@ -769,4 +769,5 @@ export interface UITheme {
769
769
  ui_cpnt_sheet_base_20: string;
770
770
  ui_cpnt_sheet_base_21: string;
771
771
  ui_cpnt_sheet_base_22: string;
772
+ ui_cpnt_sheet_base_23: string;
772
773
  }
package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/MembershipPlanSheet.js CHANGED
@@ -53,7 +53,16 @@ function MembershipPlanSheet(_a) {
53
53
  }
54
54
  }, [subscriptionProduct]);
55
55
  var itemActionButtonText = (0, react_1.useMemo)(function () {
56
- var itemActionButtonTextType = t({ A: 'str_5350', B: 'str_5351', C: 'str_5352', D: 'str_5353', E: 'str_5354' }[programmedItemActionButtonTextType]);
56
+ var itemActionButtonTextType = {
57
+ A: 'str_5350',
58
+ B: 'str_5351',
59
+ C: 'str_5352',
60
+ D: 'str_5353',
61
+ E: 'str_5354'
62
+ }[programmedItemActionButtonTextType];
63
+ if (isDeactivated) {
64
+ return t('str_5300');
65
+ }
57
66
  switch (type) {
58
67
  case 'COUPON_FREE_FINITE':
59
68
  case 'COUPON_FREE_INFINITE':
@@ -61,14 +70,14 @@ function MembershipPlanSheet(_a) {
61
70
  case 'FREE_INFINITE':
62
71
  return t('str_start');
63
72
  default:
64
- return itemActionButtonTextType;
73
+ return t(itemActionButtonTextType);
65
74
  }
66
75
  }, [programmedItemActionButtonTextType, type]);
67
76
  return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_g" }, void 0), (0, jsx_runtime_1.jsxs)(panels_1.ContentSheet, __assign({ width: "100%", height: "auto", shapeType: "round", paddingBottom: "spacing_d", overrideCSS: {
68
77
  display: 'flex',
69
78
  cursor: 'pointer',
70
79
  backgroundColor: constants_1.MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].membershipPlanSheetBackgroundColor
71
- } }, { children: [(0, jsx_runtime_1.jsxs)(S_MembershipInfoBox, { children: [(0, jsx_runtime_1.jsxs)(S_MembershipInfoTitle, { children: [type && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_2.D_MembershipSectionItem.Title, { text: t(constants_1.MEMBERSHIP_SECTION_SUBSCRIPTION_PRODUCT_TYPE_TEXT[type]), styleTheme: "body2Regular", color: constants_1.MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].membershipSheetTextLabelColor, textAlign: "left", lineLimit: 2, wordBreak: "break_all", ellipsisMode: "use" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b", spacingType: "width" }, void 0)] }, void 0)), alias && ((0, jsx_runtime_1.jsx)(components_2.D_MembershipSectionItem.Description, { text: alias, styleTheme: "body2Bold", color: constants_1.MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].membershipSheetTextLabelColor, wordBreak: "break_all", textAlign: "left" }, void 0))] }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_d" }, void 0), (0, jsx_runtime_1.jsx)(components_2.D_MembershipSectionItem.Title, { text: productFeeText, customFontSize: "32px", customFontWeight: "bold", wordBreak: "break_all", color: itemHighlightingColorInHex }, void 0)] }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_d", spacingType: "width" }, void 0), (0, jsx_runtime_1.jsx)(components_2.D_MembershipSectionItem.ColorOverrideIcon, { iconName: "ic_arrow_down", iconColor: constants_1.MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].membershipSheetTextLabelColor }, void 0)] }), void 0), (0, jsx_runtime_1.jsx)(components_2.D_MembershipSectionItem.XlargeMainButton, { buttonBackgroundColor: isDeactivated ? undefined : itemHighlightingColorInHex, buttonText: itemActionButtonText, buttonTextColor: isDeactivated ? undefined : '#FDFDFDFF', state: isDeactivated ? 'disabled' : 'normal' }, void 0)] }, void 0));
80
+ } }, { children: [(0, jsx_runtime_1.jsxs)(S_MembershipInfoBox, { children: [(0, jsx_runtime_1.jsxs)(S_MembershipInfoTitle, { children: [type && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_2.D_MembershipSectionItem.Title, { text: t(constants_1.MEMBERSHIP_SECTION_SUBSCRIPTION_PRODUCT_TYPE_TEXT[type]), styleTheme: "body2Regular", color: constants_1.MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].membershipSheetTextLabelColor, textAlign: "left", lineLimit: 2, wordBreak: "break_all", ellipsisMode: "use" }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b", spacingType: "width" }, void 0)] }, void 0)), alias && ((0, jsx_runtime_1.jsx)(components_2.D_MembershipSectionItem.Description, { text: alias, styleTheme: "body2Bold", color: constants_1.MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].membershipSheetTextLabelColor, wordBreak: "break_all", textAlign: "left" }, void 0))] }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_d" }, void 0), (0, jsx_runtime_1.jsx)(components_2.D_MembershipSectionItem.Title, { text: productFeeText, customFontSize: "32px", customFontWeight: "bold", wordBreak: "break_all", color: itemHighlightingColorInHex }, void 0)] }, void 0), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_d", spacingType: "width" }, void 0), (0, jsx_runtime_1.jsx)(components_2.D_MembershipSectionItem.ColorOverrideIcon, { iconName: "ic_arrow_down", iconColor: constants_1.MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].membershipSheetTextLabelColor }, void 0)] }), void 0), (0, jsx_runtime_1.jsx)(components_2.D_MembershipSectionItem.XlargeMainButton, { buttonBackgroundColor: isDeactivated ? undefined : itemHighlightingColorInHex, buttonText: itemActionButtonText, buttonTextColor: isDeactivated ? undefined : '#FDFDFDFF', state: isDeactivated ? 'disabled' : 'normal', "$paddingBottom": "56px" }, void 0)] }, void 0));
72
81
  }
73
82
  var S_MembershipInfoTitle = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
74
83
  var S_MembershipInfoBox = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n width: 100%;\n"], ["\n display: flex;\n flex-direction: column;\n width: 100%;\n"])));
package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/MembershipPlanSheet.js CHANGED
@@ -53,7 +53,16 @@ function MembershipPlanSheet(_a) {
53
53
  }
54
54
  }, [subscriptionProduct]);
55
55
  var itemActionButtonText = (0, react_1.useMemo)(function () {
56
- var itemActionButtonTextType = t({ A: 'str_5350', B: 'str_5351', C: 'str_5352', D: 'str_5353', E: 'str_5354' }[programmedItemActionButtonTextType]);
56
+ var itemActionButtonTextType = {
57
+ A: 'str_5350',
58
+ B: 'str_5351',
59
+ C: 'str_5352',
60
+ D: 'str_5353',
61
+ E: 'str_5354'
62
+ }[programmedItemActionButtonTextType];
63
+ if (isDeactivated) {
64
+ return t('str_5300');
65
+ }
57
66
  switch (type) {
58
67
  case 'COUPON_FREE_FINITE':
59
68
  case 'COUPON_FREE_INFINITE':
@@ -61,7 +70,7 @@ function MembershipPlanSheet(_a) {
61
70
  case 'FREE_INFINITE':
62
71
  return t('str_start');
63
72
  default:
64
- return itemActionButtonTextType;
73
+ return t(itemActionButtonTextType);
65
74
  }
66
75
  }, [programmedItemActionButtonTextType, type]);
67
76
  return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_g" }, void 0), (0, jsx_runtime_1.jsxs)(panels_1.ContentSheet, __assign({ width: "100%", height: "auto", shapeType: "round", overrideCSS: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web",
3
- "version": "2.0.13-alpha.1",
3
+ "version": "2.0.13",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
package/release-note.md CHANGED
@@ -1,9 +1,11 @@
1
1
  # PDS-DEV-KIT-WEB Release Notes
2
- ## [v2.0.13-alpha.1]
2
+ ## [v2.0.13]
3
3
 
4
- ## alpha|https://storybook-pds-alpha.test.publ.biz
4
+ ## daily|https://design.storybook.publ.biz/
5
5
 
6
6
  ### sub
7
7
  * DynamicLayout
8
- * membership section M_Template_B 디자인 변경을 NORMALMODE에도 적용
9
- * 연결된 요금제가 판매중지 상태일때 버튼만 비활성화되도록 수정
8
+ * membership section 디자인 변경
9
+ * 스토리북 세분화
10
+ ### Color
11
+ * 컬러 키 값 23.05.16 14시 55분 기준 싱크