pds-dev-kit-web 2.0.9-alpha.6 → 2.0.9

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 (20) hide show
  1. package/dist/src/common/services/i18n/resources/en.json +2 -1
  2. package/dist/src/common/services/i18n/resources/es.json +2 -1
  3. package/dist/src/common/services/i18n/resources/fil.json +2 -1
  4. package/dist/src/common/services/i18n/resources/index.d.ts +14 -7
  5. package/dist/src/common/services/i18n/resources/ja.json +2 -1
  6. package/dist/src/common/services/i18n/resources/ko.json +2 -1
  7. package/dist/src/common/services/i18n/resources/zh-cn.json +2 -1
  8. package/dist/src/common/services/i18n/resources/zh-tw.json +2 -1
  9. package/dist/src/sub/DynamicLayout/components/Section/Section.js +10 -2
  10. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/MembershipPlanSheet.js +8 -1
  11. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/MembershipCard.js +1 -1
  12. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/MembershipPlanSheet.js +8 -1
  13. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/SectionContents.js +2 -2
  14. package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/mobile/components/EmptyMembershipSheet.js +4 -1
  15. package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateB/desktop/components/SectionContents.js +2 -2
  16. package/dist/src/sub/DynamicLayout/sections/MembershipSection/components/desktop/MembershipSectionItem.js +1 -1
  17. package/dist/src/sub/DynamicLayout/sections/MembershipSection/components/mobile/MembershipSectionItem.js +1 -1
  18. package/dist/src/sub/DynamicLayout/sections/MembershipSection/constants.js +2 -2
  19. package/package.json +1 -1
  20. package/release-note.md +7 -3
package/dist/src/common/services/i18n/resources/en.json CHANGED
@@ -22,6 +22,7 @@
22
22
  "str_payment_option_one_time": "One-time Payment",
23
23
  "str_payment_option_subs_regularly": "Regular Payment",
24
24
  "str_5831": "{{price}} USD",
25
- "str_1460": "Start for Free"
25
+ "str_start": "Start",
26
+ "str_free": "FREE"
26
27
  }
27
28
  }
package/dist/src/common/services/i18n/resources/es.json CHANGED
@@ -22,6 +22,7 @@
22
22
  "str_payment_option_one_time": "One-time Payment",
23
23
  "str_payment_option_subs_regularly": "Regular Payment",
24
24
  "str_5831": "{{price}} USD",
25
- "str_1460": "Start for Free"
25
+ "str_start": "Start",
26
+ "str_free": "FREE"
26
27
  }
27
28
  }
package/dist/src/common/services/i18n/resources/fil.json CHANGED
@@ -22,6 +22,7 @@
22
22
  "str_payment_option_one_time": "Isang beses na pagbayad",
23
23
  "str_payment_option_subs_regularly": "Regular na Pagbabayad",
24
24
  "str_5831": "{{price}} USD",
25
- "str_1460": "Magsimula nang Libre"
25
+ "str_start": "Start",
26
+ "str_free": "FREE"
26
27
  }
27
28
  }
package/dist/src/common/services/i18n/resources/index.d.ts CHANGED
@@ -23,7 +23,8 @@ declare const locale: {
23
23
  str_payment_option_one_time: string;
24
24
  str_payment_option_subs_regularly: string;
25
25
  str_5831: string;
26
- str_1460: string;
26
+ str_start: string;
27
+ str_free: string;
27
28
  };
28
29
  };
29
30
  readonly en: {
@@ -50,7 +51,8 @@ declare const locale: {
50
51
  str_payment_option_one_time: string;
51
52
  str_payment_option_subs_regularly: string;
52
53
  str_5831: string;
53
- str_1460: string;
54
+ str_start: string;
55
+ str_free: string;
54
56
  };
55
57
  };
56
58
  readonly ja: {
@@ -77,7 +79,8 @@ declare const locale: {
77
79
  str_payment_option_one_time: string;
78
80
  str_payment_option_subs_regularly: string;
79
81
  str_5831: string;
80
- str_1460: string;
82
+ str_start: string;
83
+ str_free: string;
81
84
  };
82
85
  };
83
86
  readonly es: {
@@ -104,7 +107,8 @@ declare const locale: {
104
107
  str_payment_option_one_time: string;
105
108
  str_payment_option_subs_regularly: string;
106
109
  str_5831: string;
107
- str_1460: string;
110
+ str_start: string;
111
+ str_free: string;
108
112
  };
109
113
  };
110
114
  readonly 'zh-cn': {
@@ -131,7 +135,8 @@ declare const locale: {
131
135
  str_payment_option_one_time: string;
132
136
  str_payment_option_subs_regularly: string;
133
137
  str_5831: string;
134
- str_1460: string;
138
+ str_start: string;
139
+ str_free: string;
135
140
  };
136
141
  };
137
142
  readonly 'zh-tw': {
@@ -158,7 +163,8 @@ declare const locale: {
158
163
  str_payment_option_one_time: string;
159
164
  str_payment_option_subs_regularly: string;
160
165
  str_5831: string;
161
- str_1460: string;
166
+ str_start: string;
167
+ str_free: string;
162
168
  };
163
169
  };
164
170
  readonly fil: {
@@ -185,7 +191,8 @@ declare const locale: {
185
191
  str_payment_option_one_time: string;
186
192
  str_payment_option_subs_regularly: string;
187
193
  str_5831: string;
188
- str_1460: string;
194
+ str_start: string;
195
+ str_free: string;
189
196
  };
190
197
  };
191
198
  };
package/dist/src/common/services/i18n/resources/ja.json CHANGED
@@ -22,6 +22,7 @@
22
22
  "str_payment_option_one_time": "One-time Payment",
23
23
  "str_payment_option_subs_regularly": "Regular Payment",
24
24
  "str_5831": "{{price}} USD",
25
- "str_1460": "Start for Free"
25
+ "str_start": "Start",
26
+ "str_free": "FREE"
26
27
  }
27
28
  }
package/dist/src/common/services/i18n/resources/ko.json CHANGED
@@ -22,6 +22,7 @@
22
22
  "str_payment_option_one_time": "1회 결제",
23
23
  "str_payment_option_subs_regularly": "정기 결제",
24
24
  "str_5831": "{{price}} USD",
25
- "str_1460": "무료로 시작하기"
25
+ "str_start": "시작하기",
26
+ "str_free": "무료"
26
27
  }
27
28
  }
package/dist/src/common/services/i18n/resources/zh-cn.json CHANGED
@@ -22,6 +22,7 @@
22
22
  "str_payment_option_one_time": "一次性付款",
23
23
  "str_payment_option_subs_regularly": "定期付款",
24
24
  "str_5831": "{{price}} USD",
25
- "str_1460": "免费开始"
25
+ "str_start": "Start",
26
+ "str_free": "FREE"
26
27
  }
27
28
  }
package/dist/src/common/services/i18n/resources/zh-tw.json CHANGED
@@ -22,6 +22,7 @@
22
22
  "str_payment_option_one_time": "結算一次",
23
23
  "str_payment_option_subs_regularly": "定期結算",
24
24
  "str_5831": "{{price}} USD",
25
- "str_1460": "免費開始"
25
+ "str_start": "Start",
26
+ "str_free": "FREE"
26
27
  }
27
28
  }
package/dist/src/sub/DynamicLayout/components/Section/Section.js CHANGED
@@ -75,9 +75,17 @@ function Background() {
75
75
  function onResize() {
76
76
  setYoutubeSize(getResponsiveYoutubeSize());
77
77
  }
78
- window.addEventListener('resize', onResize);
78
+ var element = backgroundRef.current;
79
+ if (!element)
80
+ return;
81
+ var observer = new ResizeObserver(function (entries) {
82
+ entries.forEach(function () {
83
+ onResize();
84
+ });
85
+ });
86
+ observer.observe(element);
79
87
  return function () {
80
- window.removeEventListener('resize', onResize);
88
+ observer.disconnect();
81
89
  };
82
90
  }, []);
83
91
  var backgroundMedia = (0, react_1.useMemo)(function () {
package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/MembershipPlanSheet.js CHANGED
@@ -36,6 +36,13 @@ function MembershipPlanSheet(_a) {
36
36
  var productFeeText = (0, react_1.useMemo)(function () {
37
37
  var amount = fee.amount, currency = fee.currency;
38
38
  var price = (0, formatCurrency_1.default)(amount, currency);
39
+ switch (type) {
40
+ case 'COUPON_FREE_FINITE':
41
+ case 'COUPON_FREE_INFINITE':
42
+ case 'FREE_FINITE':
43
+ case 'FREE_INFINITE':
44
+ return t('str_free');
45
+ }
39
46
  switch (currency) {
40
47
  case 'KRW':
41
48
  return t('str_5339', { price: price });
@@ -52,7 +59,7 @@ function MembershipPlanSheet(_a) {
52
59
  case 'COUPON_FREE_INFINITE':
53
60
  case 'FREE_FINITE':
54
61
  case 'FREE_INFINITE':
55
- return t('str_1460');
62
+ return t('str_start');
56
63
  default:
57
64
  return itemActionButtonTextType;
58
65
  }
package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/MembershipCard.js CHANGED
@@ -44,7 +44,7 @@ function MembershipCard(_a) {
44
44
  return ((0, jsx_runtime_1.jsxs)(S_MembershipCardBox, { children: [(0, jsx_runtime_1.jsxs)(S_MembershipCardContentBox, { children: [(0, jsx_runtime_1.jsx)(components_1.ImageView, { src: backgroundImageSrc, width: 288, height: 455, scaleType: "cover" }, void 0), (0, jsx_runtime_1.jsx)(S_GlossyOverlayWrapper, { children: (0, jsx_runtime_1.jsx)(components_1.ImageView, { src: constants_1.COMMON_OVERLAY_IMAGE_SRC, width: 288, height: 455, ratio: "10_16", scaleType: "cover" }, void 0) }, void 0), (0, jsx_runtime_1.jsx)(S_LogoImageWrapper, __assign({ designSchema: designSchema }, { children: (0, jsx_runtime_1.jsx)(components_1.ImageView, { src: logoImageSrc, width: "responsive", scaleType: "contain" }, void 0) }), void 0), (0, jsx_runtime_1.jsx)(S_MembershipCardOverlay, { overlayType: overlayType, overlayColorPrimary: overlayColorPrimary, overlayColorSecondary: overlayColorSecondary }, void 0)] }, void 0), (0, jsx_runtime_1.jsx)(S_MembershipCardShadow, {}, void 0)] }, void 0));
45
45
  }
46
46
  var S_MembershipCardBox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n"], ["\n position: relative;\n"])));
47
- var S_GlossyOverlayWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n inset: 0;\n position: absolute;\n"], ["\n inset: 0;\n position: absolute;\n"])));
47
+ var S_GlossyOverlayWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n inset: 0;\n position: absolute;\n z-index: 4;\n"], ["\n inset: 0;\n position: absolute;\n z-index: 4;\n"])));
48
48
  var S_MembershipCardContentBox = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n border-radius: 12px;\n height: 455px;\n min-width: 288px;\n overflow: hidden;\n position: relative;\n"], ["\n border-radius: 12px;\n height: 455px;\n min-width: 288px;\n overflow: hidden;\n position: relative;\n"])));
49
49
  var designSchemaA = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n left: 10%;\n top: 6%;\n width: 50%;\n"], ["\n left: 10%;\n top: 6%;\n width: 50%;\n"])));
50
50
  var designSchemaB = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n width: 60%;\n"], ["\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n width: 60%;\n"])));
package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/MembershipPlanSheet.js CHANGED
@@ -35,6 +35,13 @@ function MembershipPlanSheet(_a) {
35
35
  var productFeeText = (0, react_1.useMemo)(function () {
36
36
  var amount = fee.amount, currency = fee.currency;
37
37
  var price = (0, formatCurrency_1.default)(amount, currency);
38
+ switch (type) {
39
+ case 'COUPON_FREE_FINITE':
40
+ case 'COUPON_FREE_INFINITE':
41
+ case 'FREE_FINITE':
42
+ case 'FREE_INFINITE':
43
+ return t('str_free');
44
+ }
38
45
  switch (currency) {
39
46
  case 'KRW':
40
47
  return t('str_5339', { price: price });
@@ -51,7 +58,7 @@ function MembershipPlanSheet(_a) {
51
58
  case 'COUPON_FREE_INFINITE':
52
59
  case 'FREE_FINITE':
53
60
  case 'FREE_INFINITE':
54
- return t('str_1460');
61
+ return t('str_start');
55
62
  default:
56
63
  return itemActionButtonTextType;
57
64
  }
package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/SectionContents.js CHANGED
@@ -33,8 +33,8 @@ function SectionContents() {
33
33
  return ((0, jsx_runtime_1.jsxs)(S_SectionDataBox, __assign({ isEmptySectionData: !title && !description && !buttonAlphaLinkSrc }, { children: [title && ((0, jsx_runtime_1.jsx)(components_1.D_MembershipSectionItem.Title, { text: title, textAlign: "center", color: titleColorInHex, customFontSize: "48px", customFontWeight: "bold" }, void 0)), description && ((0, jsx_runtime_1.jsx)(S_DescriptionWrapper, { children: (0, jsx_runtime_1.jsx)(components_1.D_MembershipSectionItem.Description, { text: description, textAlign: "center", color: descriptionColorInHex, styleTheme: "headingBold" }, void 0) }, void 0)), buttonAlphaLinkSrc && ((0, jsx_runtime_1.jsx)(S_ButtonWrapper, { children: (0, jsx_runtime_1.jsx)(components_1.D_MembershipSectionItem.DesignedSectionButton, { buttonType: buttonAlphaDesignType, text: buttonAlphaLabel, linkType: buttonAlphaLinkType, src: buttonAlphaLinkSrc, textColor: buttonAlphaLabelColorInHex, backgroundColor: buttonAlphaBackgroundColorInHex, borderColor: buttonAlphaLabelColorInHex }, void 0) }, void 0))] }), void 0));
34
34
  }
35
35
  var S_SectionDataBox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin-bottom: ", ";\n"], ["\n margin-bottom: ", ";\n"])), function (_a) {
36
- var isEmptySectionData = _a.isEmptySectionData, theme = _a.theme;
37
- return isEmptySectionData ? 0 : theme.spacing.spacingG;
36
+ var isEmptySectionData = _a.isEmptySectionData;
37
+ return (isEmptySectionData ? 0 : '80px');
38
38
  });
39
39
  var S_DescriptionWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n padding-top: ", ";\n"], ["\n padding-top: ", ";\n"])), function (_a) {
40
40
  var theme = _a.theme;
package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/mobile/components/EmptyMembershipSheet.js CHANGED
@@ -41,7 +41,10 @@ function MembershipSheet() {
41
41
  marginBottom: '96px'
42
42
  }, width: "100%", height: "180px", shapeType: "round" }, { children: (0, jsx_runtime_1.jsx)(components_1.D_MembershipSectionItem.Title, { text: t('str_5299'), styleTheme: "body2Regular", color: constants_1.MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].emptyMembershipSheetTextLabelColor }, void 0) }), void 0) }, void 0));
43
43
  }
44
- var S_EmptyMembershipSheet = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin-bottom: ", ";\n margin-top: 80px;\n padding: 0 ", ";\n"], ["\n margin-bottom: ", ";\n margin-top: 80px;\n padding: 0 ", ";\n"])), function (_a) {
44
+ var S_EmptyMembershipSheet = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin-bottom: ", ";\n margin-top: ", ";\n padding: 0 ", ";\n"], ["\n margin-bottom: ", ";\n margin-top: ", ";\n padding: 0 ", ";\n"])), function (_a) {
45
+ var theme = _a.theme;
46
+ return theme.spacing.spacingG;
47
+ }, function (_a) {
45
48
  var theme = _a.theme;
46
49
  return theme.spacing.spacingG;
47
50
  }, function (_a) {
package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateB/desktop/components/SectionContents.js CHANGED
@@ -33,8 +33,8 @@ function SectionContents() {
33
33
  return ((0, jsx_runtime_1.jsxs)(S_SectionDataBox, __assign({ isEmptySectionData: !title && !description && !buttonAlphaLinkSrc }, { children: [title && ((0, jsx_runtime_1.jsx)(components_1.D_MembershipSectionItem.Title, { text: title, textAlign: "center", color: titleColorInHex, customFontSize: "48px", customFontWeight: "bold" }, void 0)), description && ((0, jsx_runtime_1.jsx)(S_DescriptionWrapper, { children: (0, jsx_runtime_1.jsx)(components_1.D_MembershipSectionItem.Description, { text: description, textAlign: "center", color: descriptionColorInHex, styleTheme: "headingBold" }, void 0) }, void 0)), buttonAlphaLinkSrc && ((0, jsx_runtime_1.jsx)(S_ButtonWrapper, { children: (0, jsx_runtime_1.jsx)(components_1.D_MembershipSectionItem.DesignedSectionButton, { buttonType: buttonAlphaDesignType, text: buttonAlphaLabel, linkType: buttonAlphaLinkType, src: buttonAlphaLinkSrc, textColor: buttonAlphaLabelColorInHex, backgroundColor: buttonAlphaBackgroundColorInHex, borderColor: buttonAlphaLabelColorInHex }, void 0) }, void 0))] }), void 0));
34
34
  }
35
35
  var S_SectionDataBox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin-bottom: ", ";\n"], ["\n margin-bottom: ", ";\n"])), function (_a) {
36
- var isEmptySectionData = _a.isEmptySectionData, theme = _a.theme;
37
- return isEmptySectionData ? 0 : theme.spacing.spacingG;
36
+ var isEmptySectionData = _a.isEmptySectionData;
37
+ return (isEmptySectionData ? 0 : '80px');
38
38
  });
39
39
  var S_DescriptionWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n padding-top: ", ";\n"], ["\n padding-top: ", ";\n"])), function (_a) {
40
40
  var theme = _a.theme;
package/dist/src/sub/DynamicLayout/sections/MembershipSection/components/desktop/MembershipSectionItem.js CHANGED
@@ -175,7 +175,7 @@ function MembershipCard(_a) {
175
175
  return ((0, jsx_runtime_1.jsxs)("div", __assign({ style: { position: 'relative' } }, { children: [(0, jsx_runtime_1.jsxs)(S_MembershipCardBox, { children: [(0, jsx_runtime_1.jsx)(pdsOriginal_1.ImageView, { src: backgroundImageSrc, width: 288, height: 455, scaleType: "cover" }, void 0), (0, jsx_runtime_1.jsx)(S_GlossyOverlayWrapper, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.ImageView, { src: constants_1.COMMON_OVERLAY_IMAGE_SRC, width: 288, height: 455, ratio: "10_16", scaleType: "cover" }, void 0) }, void 0), (0, jsx_runtime_1.jsx)(S_LogoImageWrapper, __assign({ designSchema: designSchema }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.ImageView, { src: logoImageSrc, width: "responsive", scaleType: "contain" }, void 0) }), void 0), (0, jsx_runtime_1.jsx)(S_MembershipCardOverlay, { overlayType: overlayType, overlayColorPrimary: overlayColorPrimary, overlayColorSecondary: overlayColorSecondary }, void 0)] }, void 0), (0, jsx_runtime_1.jsx)(S_MembershipCardShadow, {}, void 0)] }), void 0));
176
176
  }
177
177
  var S_MembershipCardBox = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n border-radius: 12px;\n height: 455px;\n min-width: 288px;\n overflow: hidden;\n position: relative;\n"], ["\n border-radius: 12px;\n height: 455px;\n min-width: 288px;\n overflow: hidden;\n position: relative;\n"])));
178
- var S_GlossyOverlayWrapper = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n inset: 0;\n position: absolute;\n"], ["\n inset: 0;\n position: absolute;\n"])));
178
+ var S_GlossyOverlayWrapper = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n inset: 0;\n position: absolute;\n z-index: 4;\n"], ["\n inset: 0;\n position: absolute;\n z-index: 4;\n"])));
179
179
  var designSchemaA = (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n left: 10%;\n top: 6%;\n width: 50%;\n"], ["\n left: 10%;\n top: 6%;\n width: 50%;\n"])));
180
180
  var designSchemaB = (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n width: 60%;\n"], ["\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n width: 60%;\n"])));
181
181
  var S_LogoImageWrapper = styled_components_1.default.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n justify-content: center;\n position: absolute;\n z-index: 3;\n\n ", "\n"], ["\n align-items: center;\n display: flex;\n justify-content: center;\n position: absolute;\n z-index: 3;\n\n ", "\n"])), function (_a) {
package/dist/src/sub/DynamicLayout/sections/MembershipSection/components/mobile/MembershipSectionItem.js CHANGED
@@ -181,7 +181,7 @@ var S_MembershipCardBox = styled_components_1.default.div(templateObject_7 || (t
181
181
  var cardWidth = _a.cardWidth;
182
182
  return (cardWidth ? cardWidth + "px" : '100%');
183
183
  });
184
- var S_GlossyOverlayWrapper = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n inset: 0;\n position: absolute;\n"], ["\n inset: 0;\n position: absolute;\n"])));
184
+ var S_GlossyOverlayWrapper = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n inset: 0;\n position: absolute;\n z-index: 4;\n"], ["\n inset: 0;\n position: absolute;\n z-index: 4;\n"])));
185
185
  var designSchemaA = (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n left: 10%;\n top: 6%;\n"], ["\n left: 10%;\n top: 6%;\n"])));
186
186
  var designSchemaB = (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n"], ["\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n"])));
187
187
  var S_LogoImageWrapper = styled_components_1.default.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n justify-content: center;\n position: absolute;\n width: ", ";\n z-index: 3;\n\n ", "\n"], ["\n align-items: center;\n display: flex;\n justify-content: center;\n position: absolute;\n width: ", ";\n z-index: 3;\n\n ", "\n"])), function (_a) {
package/dist/src/sub/DynamicLayout/sections/MembershipSection/constants.js CHANGED
@@ -4,7 +4,7 @@ exports.MEMBERSHIP_SECTION_SUBSCRIPTION_PRODUCT_TYPE_TEXT = exports.MEMBERSHIP_S
4
4
  exports.COMMON_OVERLAY_IMAGE_SRC = 'https://static.publ.site/membership_card_deco.png';
5
5
  exports.MEMBERSHIP_SECTION_TONE_COLOR = {
6
6
  LIGHT: {
7
- contentBackgroundDimColor: '#F5F5F8B3',
7
+ contentBackgroundDimColor: '#F5F5F8CC',
8
8
  iconButtonBackgroundColor: '#FFFFFFFF',
9
9
  iconButtonBorderColor: '#E3E5E9FF',
10
10
  iconButtonDisabledBackgroundColor: '#FFFFFFFF',
@@ -19,7 +19,7 @@ exports.MEMBERSHIP_SECTION_TONE_COLOR = {
19
19
  emptyMembershipSheetTextLabelColor: '#68686BFF'
20
20
  },
21
21
  DARK: {
22
- contentBackgroundDimColor: '#25252699',
22
+ contentBackgroundDimColor: '#252526B3',
23
23
  iconButtonBackgroundColor: '#1E1E20FF',
24
24
  iconButtonBorderColor: '#404042FF',
25
25
  iconButtonDisabledBackgroundColor: '#151515FF',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web",
3
- "version": "2.0.9-alpha.6",
3
+ "version": "2.0.9",
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.9-alpha.6]
2
+ ## [v2.0.9]
3
3
 
4
- ## alpha|https://staging.storybook.publ.biz/
4
+ ## release|https://design.storybook.publ.biz/
5
5
 
6
6
  ### sub
7
7
  * DynamicLayout
8
- * membership section 디자인 수정
8
+ * membership section 생성
9
+ * programmedSectionComponent 관련 에러 수정
10
+ * ISection 인터페이스 수정
11
+ ### Color
12
+ * 컬러 키 값 23.04.29 00시 58분 기준 싱크