pds-dev-kit-web-test 0.2.29 → 0.2.30

package/dist/src/sub/DynamicLayout/components/desktop/Item/Item.js

@@ -16,7 +16,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -65,7 +69,7 @@ function Item(_a) {
         typeof navigationHandler === 'function' &&
             navigationHandler(props.properties.linkType, props.properties.linkSrc);
     };
-    return ((0, jsx_runtime_1.jsx)(S_Item, __assign({ "x-dlayout-section-element-name": "Item", isClickable: isItemClickable, onClick: isItemClickable ? handleClickButton : undefined }, { children: children }), void 0));
+    return ((0, jsx_runtime_1.jsx)(S_Item, __assign({ "x-dlayout-section-element-name": "Item", isClickable: isItemClickable, onClick: isItemClickable ? handleClickButton : undefined }, { children: children })));
 }
 var S_Item = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  ", "\n"], ["\n  position: relative;\n  ", "\n"])), function (_a) {
     var isClickable = _a.isClickable;
@@ -73,7 +77,7 @@ var S_Item = styled_components_1.default.div(templateObject_1 || (templateObject
 });
 function Title(_a) {
     var text = _a.text, color = _a.color, _b = _a.lineHeight, lineHeight = _b === void 0 ? 1.5 : _b, textLabelProps = __rest(_a, ["text", "color", "lineHeight"]);
-    return ((0, jsx_runtime_1.jsx)(S_TitleStyleWrapper, __assign({ "x-dlayout-item-element-name": "Title", color: color, lineHeight: lineHeight }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.D_TextLabel, __assign({ text: text, colorTheme: "sysTextPrimary" }, textLabelProps), void 0) }), void 0));
+    return ((0, jsx_runtime_1.jsx)(S_TitleStyleWrapper, __assign({ "x-dlayout-item-element-name": "Title", color: color, lineHeight: lineHeight }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.D_TextLabel, __assign({ text: text, colorTheme: "sysTextPrimary" }, textLabelProps)) })));
 }
 var S_TitleStyleWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  & > div {\n    color: ", ";\n    line-height: ", ";\n  }\n"], ["\n  & > div {\n    color: ", ";\n    line-height: ", ";\n  }\n"])), function (_a) {
     var color = _a.color;
@@ -84,7 +88,7 @@ var S_TitleStyleWrapper = styled_components_1.default.div(templateObject_2 || (t
 });
 function Description(_a) {
     var text = _a.text, color = _a.color, textLabelProps = __rest(_a, ["text", "color"]);
-    return ((0, jsx_runtime_1.jsx)(S_DescriptionStyleWrapper, __assign({ "x-dlayout-item-element-name": "Description", color: color }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.D_TextLabel, __assign({ text: text, colorTheme: "sysTextSecondary" }, textLabelProps), void 0) }), void 0));
+    return ((0, jsx_runtime_1.jsx)(S_DescriptionStyleWrapper, __assign({ "x-dlayout-item-element-name": "Description", color: color }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.D_TextLabel, __assign({ text: text, colorTheme: "sysTextSecondary" }, textLabelProps)) })));
 }
 var S_DescriptionStyleWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  & > div {\n    color: ", ";\n    width: 100%;\n  }\n"], ["\n  & > div {\n    color: ", ";\n    width: 100%;\n  }\n"])), function (_a) {
     var color = _a.color;
@@ -92,7 +96,7 @@ var S_DescriptionStyleWrapper = styled_components_1.default.div(templateObject_3
 });
 function Image(_a) {
     var imageViewProps = __rest(_a, []);
-    return (0, jsx_runtime_1.jsx)(pdsOriginal_1.ImageView, __assign({ "x-dlayout-item-element-name": "Image", scaleType: "cover" }, imageViewProps), void 0);
+    return (0, jsx_runtime_1.jsx)(pdsOriginal_1.ImageView, __assign({ "x-dlayout-item-element-name": "Image", scaleType: "cover" }, imageViewProps));
 }
 function Button(_a) {
     var buttonType = _a.buttonType, backgroundColor = _a.backgroundColor, textColor = _a.textColor, text = _a.text, _b = _a.linkType, linkType = _b === void 0 ? 'NONE' : _b, _c = _a.src, src = _c === void 0 ? '' : _c, _d = _a.linkMethod, linkMethod = _d === void 0 ? 'CLICK_BUTTON_IN_ITEM' : _d, _e = _a.state, state = _e === void 0 ? 'normal' : _e, borderColor = _a.borderColor;
@@ -105,28 +109,28 @@ function Button(_a) {
         typeof navigationHandler === 'function' && navigationHandler(linkType, src);
     };
     if (!src || linkMethod !== 'CLICK_BUTTON_IN_ITEM')
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0);
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
     switch (buttonType) {
         case 'A':
-            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-item-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 0, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.D_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }, void 0) }), void 0));
+            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-item-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 0, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.D_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }) })));
         case 'B':
-            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-item-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 6, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.D_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }, void 0) }), void 0));
+            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-item-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 6, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.D_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }) })));
         case 'C':
-            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-item-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 14, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.D_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }, void 0) }), void 0));
+            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-item-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 14, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.D_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }) })));
         case 'D':
-            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-item-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 24, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.D_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }, void 0) }), void 0));
+            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-item-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 24, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.D_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }) })));
         case 'E':
-            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-item-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 0, borderWidth: 2, borderColor: borderColor, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.D_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }, void 0) }), void 0));
+            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-item-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 0, borderWidth: 2, borderColor: borderColor, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.D_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }) })));
         case 'F':
-            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-item-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 6, borderWidth: 2, borderColor: borderColor, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.D_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }, void 0) }), void 0));
+            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-item-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 6, borderWidth: 2, borderColor: borderColor, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.D_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }) })));
         case 'G':
-            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-item-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 14, borderWidth: 2, borderColor: borderColor, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.D_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }, void 0) }), void 0));
+            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-item-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 14, borderWidth: 2, borderColor: borderColor, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.D_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }) })));
         case 'H':
-            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-item-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 24, borderWidth: 2, borderColor: borderColor, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.D_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }, void 0) }), void 0));
+            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-item-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 24, borderWidth: 2, borderColor: borderColor, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.D_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }) })));
         case 'I':
-            return ((0, jsx_runtime_1.jsx)(S_TextButtonBox, __assign({ color: textColor, state: state }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.D_TextButton, { text: text || 'BUTTON', onClick: handleClickButton, state: state }, void 0) }), void 0));
+            return ((0, jsx_runtime_1.jsx)(S_TextButtonBox, __assign({ color: textColor, state: state }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.D_TextButton, { text: text || 'BUTTON', onClick: handleClickButton, state: state }) })));
         default:
-            return (0, jsx_runtime_1.jsx)("button", __assign({ type: "button" }, { children: "wrong type" }), void 0);
+            return (0, jsx_runtime_1.jsx)("button", __assign({ type: "button" }, { children: "wrong type" }));
     }
 }
 var S_MainButtonBox = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  & > button {\n    background-color: ", ";\n    border: ", ";\n    border-radius: ", ";\n\n    box-sizing: border-box;\n\n    & div {\n      color: ", ";\n    }\n  }\n"], ["\n  & > button {\n    background-color: ", ";\n    border: ", ";\n    border-radius: ", ";\n\n    box-sizing: border-box;\n\n    & div {\n      color: ", ";\n    }\n  }\n"])), function (_a) {
@@ -139,16 +143,16 @@ var S_MainButtonBox = styled_components_1.default.div(templateObject_4 || (templ
     var borderWidth = _a.borderWidth, borderColor = _a.borderColor, state = _a.state, type = _a.type, theme = _a.theme;
     if (type === 'E' || type === 'F' || type === 'G' || type === 'H') {
         if (borderWidth && borderColor && state === 'normal') {
-            return borderWidth + "px solid " + borderColor;
+            return "".concat(borderWidth, "px solid ").concat(borderColor);
         }
         if (borderWidth && state === 'disabled') {
-            return borderWidth + "px solid " + theme.ui_cpnt_button_line_border_disabled;
+            return "".concat(borderWidth, "px solid ").concat(theme.ui_cpnt_button_line_border_disabled);
         }
     }
     return 'none';
 }, function (_a) {
     var radius = _a.radius;
-    return radius + "px";
+    return "".concat(radius, "px");
 }, function (_a) {
     var color = _a.color, state = _a.state, theme = _a.theme;
     if (state === 'normal') {
@@ -179,7 +183,7 @@ function HTMLReader(_a) {
             contentRef.current.innerHTML = doc.documentElement.innerHTML;
         }
     }, [data]);
-    return ((0, jsx_runtime_1.jsx)(S_Content, { ref: contentRef, styleTheme: styleTheme, colorTheme: colorTheme, color: color, textAlign: textAlign, isPreview: isPreview !== null && isPreview !== void 0 ? isPreview : mode === 'PREVIEW' }, void 0));
+    return ((0, jsx_runtime_1.jsx)(S_Content, { ref: contentRef, styleTheme: styleTheme, colorTheme: colorTheme, color: color, textAlign: textAlign, isPreview: isPreview !== null && isPreview !== void 0 ? isPreview : mode === 'PREVIEW' }));
 }
 var S_Content = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  color: ", ";\n  line-height: 1.5;\n  text-align: ", ";\n  white-space: pre-wrap;\n  width: 100%;\n  word-break: break-word;\n\n  ", "\n\n  a {\n    color: ", ";\n  }\n\n  img {\n    width: 100%;\n  }\n\n  figure {\n    margin: 0;\n    max-width: 100%;\n\n    img {\n      width: 100%;\n    }\n  }\n\n  blockquote {\n    border-left: 4px solid ", ";\n    margin: 4px;\n    padding: 4px;\n\n    p {\n      font-style: oblique;\n      margin: 0;\n    }\n  }\n\n  ", ";\n\n  ", ";\n\n  ", "\n"], ["\n  color: ", ";\n  line-height: 1.5;\n  text-align: ", ";\n  white-space: pre-wrap;\n  width: 100%;\n  word-break: break-word;\n\n  ", "\n\n  a {\n    color: ", ";\n  }\n\n  img {\n    width: 100%;\n  }\n\n  figure {\n    margin: 0;\n    max-width: 100%;\n\n    img {\n      width: 100%;\n    }\n  }\n\n  blockquote {\n    border-left: 4px solid ", ";\n    margin: 4px;\n    padding: 4px;\n\n    p {\n      font-style: oblique;\n      margin: 0;\n    }\n  }\n\n  ", ";\n\n  ", ";\n\n  ", "\n"])), function (_a) {
     var theme = _a.theme;
@@ -236,7 +240,7 @@ var S_Content = styled_components_1.default.div(templateObject_6 || (templateObj
         }[colorTheme];
 }, function (_a) {
     var color = _a.color;
-    return color && "color: " + color + ";";
+    return color && "color: ".concat(color, ";");
 });
 var displayBold = (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"], ["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"])), function (_a) {
     var theme = _a.theme;

package/dist/src/sub/DynamicLayout/components/desktop/Section/Section.js

@@ -38,7 +38,7 @@ var pdsOriginal_1 = require("../../pdsOriginal");
 // TITLE
 function SectionTitle(_a) {
     var text = _a.text, color = _a.color, _b = _a.lineHeight, lineHeight = _b === void 0 ? 1.3 : _b, textLabelProps = __rest(_a, ["text", "color", "lineHeight"]);
-    return ((0, jsx_runtime_1.jsx)(S_TitleStyleWrapper, __assign({ "x-dlayout-section-element-name": "Title", color: color, lineHeight: lineHeight }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.D_TextLabel, __assign({ text: text, colorTheme: "sysTextPrimary" }, textLabelProps), void 0) }), void 0));
+    return ((0, jsx_runtime_1.jsx)(S_TitleStyleWrapper, __assign({ "x-dlayout-section-element-name": "Title", color: color, lineHeight: lineHeight }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.D_TextLabel, __assign({ text: text, colorTheme: "sysTextPrimary" }, textLabelProps)) })));
 }
 exports.SectionTitle = SectionTitle;
 var S_TitleStyleWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  & > div {\n    color: ", ";\n    line-height: ", ";\n  }\n"], ["\n  & > div {\n    color: ", ";\n    line-height: ", ";\n  }\n"])), function (_a) {
@@ -51,7 +51,7 @@ var S_TitleStyleWrapper = styled_components_1.default.div(templateObject_1 || (t
 // DESCRIPTION
 function SectionDescription(_a) {
     var text = _a.text, color = _a.color, fontWeight = _a.fontWeight, textLabelProps = __rest(_a, ["text", "color", "fontWeight"]);
-    return ((0, jsx_runtime_1.jsx)(S_DescriptionStyleWrapper, __assign({ "x-dlayout-section-element-name": "Description", color: color, fontWeight: fontWeight }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.D_TextLabel, __assign({ text: text, colorTheme: "sysTextPrimary" }, textLabelProps), void 0) }), void 0));
+    return ((0, jsx_runtime_1.jsx)(S_DescriptionStyleWrapper, __assign({ "x-dlayout-section-element-name": "Description", color: color, fontWeight: fontWeight }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.D_TextLabel, __assign({ text: text, colorTheme: "sysTextPrimary" }, textLabelProps)) })));
 }
 exports.SectionDescription = SectionDescription;
 var S_DescriptionStyleWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  & > div {\n    color: ", ";\n    ", ";\n  }\n"], ["\n  & > div {\n    color: ", ";\n    ", ";\n  }\n"])), function (_a) {
@@ -59,12 +59,12 @@ var S_DescriptionStyleWrapper = styled_components_1.default.div(templateObject_2
     return color;
 }, function (_a) {
     var fontWeight = _a.fontWeight;
-    return fontWeight && "font-weight : " + fontWeight + ";";
+    return fontWeight && "font-weight : ".concat(fontWeight, ";");
 });
 // IMAGE
 function SectionImage(_a) {
     var imageViewProps = __rest(_a, []);
-    return (0, jsx_runtime_1.jsx)(pdsOriginal_1.ImageView, __assign({ "x-dlayout-section-element-name": "Image" }, imageViewProps, { scaleType: "cover" }), void 0);
+    return (0, jsx_runtime_1.jsx)(pdsOriginal_1.ImageView, __assign({ "x-dlayout-section-element-name": "Image" }, imageViewProps, { scaleType: "cover" }));
 }
 exports.SectionImage = SectionImage;
 // BUTTON
@@ -80,25 +80,25 @@ function SectionButton(_a) {
     };
     switch (buttonType) {
         case 'A':
-            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-section-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 0, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.D_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }, void 0) }), void 0));
+            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-section-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 0, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.D_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }) })));
         case 'B':
-            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-section-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 6, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.D_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }, void 0) }), void 0));
+            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-section-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 6, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.D_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }) })));
         case 'C':
-            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-section-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 14, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.D_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }, void 0) }), void 0));
+            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-section-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 14, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.D_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }) })));
         case 'D':
-            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-section-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 24, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.D_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }, void 0) }), void 0));
+            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-section-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 24, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.D_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }) })));
         case 'E':
-            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-section-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 0, borderWidth: 2, borderColor: borderColor, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.D_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }, void 0) }), void 0));
+            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-section-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 0, borderWidth: 2, borderColor: borderColor, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.D_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }) })));
         case 'F':
-            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-section-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 6, borderWidth: 2, borderColor: borderColor, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.D_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }, void 0) }), void 0));
+            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-section-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 6, borderWidth: 2, borderColor: borderColor, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.D_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }) })));
         case 'G':
-            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-section-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 14, borderWidth: 2, borderColor: borderColor, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.D_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }, void 0) }), void 0));
+            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-section-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 14, borderWidth: 2, borderColor: borderColor, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.D_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }) })));
         case 'H':
-            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-section-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 24, borderWidth: 2, borderColor: borderColor, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.D_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }, void 0) }), void 0));
+            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-section-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 24, borderWidth: 2, borderColor: borderColor, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.D_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }) })));
         case 'I':
-            return ((0, jsx_runtime_1.jsx)(S_TextButtonBox, __assign({ color: textColor, state: state }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.D_TextButton, { text: text || 'BUTTON', onClick: handleClickButton, state: state }, void 0) }), void 0));
+            return ((0, jsx_runtime_1.jsx)(S_TextButtonBox, __assign({ color: textColor, state: state }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.D_TextButton, { text: text || 'BUTTON', onClick: handleClickButton, state: state }) })));
         default:
-            return (0, jsx_runtime_1.jsx)("button", __assign({ type: "button" }, { children: "wrong type" }), void 0);
+            return (0, jsx_runtime_1.jsx)("button", __assign({ type: "button" }, { children: "wrong type" }));
     }
 }
 exports.SectionButton = SectionButton;
@@ -112,16 +112,16 @@ var S_MainButtonBox = styled_components_1.default.div(templateObject_3 || (templ
     var borderWidth = _a.borderWidth, borderColor = _a.borderColor, state = _a.state, type = _a.type, theme = _a.theme;
     if (type === 'E' || type === 'F' || type === 'G' || type === 'H') {
         if (borderWidth && borderColor && state === 'normal') {
-            return borderWidth + "px solid " + borderColor;
+            return "".concat(borderWidth, "px solid ").concat(borderColor);
         }
         if (borderWidth && state === 'disabled') {
-            return borderWidth + "px solid " + theme.ui_cpnt_button_line_border_disabled;
+            return "".concat(borderWidth, "px solid ").concat(theme.ui_cpnt_button_line_border_disabled);
         }
     }
     return 'none';
 }, function (_a) {
     var radius = _a.radius;
-    return radius + "px";
+    return "".concat(radius, "px");
 }, function (_a) {
     var color = _a.color, state = _a.state, theme = _a.theme;
     if (state === 'normal') {

package/dist/src/sub/DynamicLayout/components/desktop/common/Carousel.js

@@ -16,7 +16,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -112,8 +116,8 @@ function Carousel(_a) {
                             setTargetMode(mode);
                         }
                     } }, { children: react_1.default.Children.map(children, function (child) {
-                        return (0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { children: child }, void 0);
-                    }) }), void 0) }, void 0), (0, jsx_runtime_1.jsx)(PrevButton, { buttonSpacing: buttonSpacing, isBeginning: isBeginning, isLocked: isLocked, ref: swiperRef }, void 0), (0, jsx_runtime_1.jsx)(NextButton, { buttonSpacing: buttonSpacing, isEnd: isEnd, isLocked: isLocked, ref: swiperRef }, void 0)] }, void 0));
+                        return (0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { children: child });
+                    }) })) }), (0, jsx_runtime_1.jsx)(PrevButton, { buttonSpacing: buttonSpacing, isBeginning: isBeginning, isLocked: isLocked, ref: swiperRef }), (0, jsx_runtime_1.jsx)(NextButton, { buttonSpacing: buttonSpacing, isEnd: isEnd, isLocked: isLocked, ref: swiperRef })] }));
 }
 // eslint-disable-next-line react/display-name
 var PrevButton = react_1.default.forwardRef(function (_a, ref) {
@@ -121,7 +125,7 @@ var PrevButton = react_1.default.forwardRef(function (_a, ref) {
     var swiper = ref.current;
     return ((0, jsx_runtime_1.jsx)(S_ButtonWrapper, __assign({ left: buttonSpacing, isLocked: isLocked }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.D_IconButton, { fillType: "line", shapeType: "circular", baseSize: "large", iconName: "ic_arrow_left", onClick: function () {
                 swiper === null || swiper === void 0 ? void 0 : swiper.slidePrev();
-            }, state: isBeginning ? 'disabled' : 'normal' }, void 0) }), void 0));
+            }, state: isBeginning ? 'disabled' : 'normal' }) })));
 });
 // eslint-disable-next-line react/display-name
 var NextButton = react_1.default.forwardRef(function (_a, ref) {
@@ -129,7 +133,7 @@ var NextButton = react_1.default.forwardRef(function (_a, ref) {
     var swiper = ref.current;
     return ((0, jsx_runtime_1.jsx)(S_ButtonWrapper, __assign({ right: buttonSpacing, isLocked: isLocked }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.D_IconButton, { fillType: "line", shapeType: "circular", baseSize: "large", iconName: "ic_arrow_right", onClick: function () {
                 swiper === null || swiper === void 0 ? void 0 : swiper.slideNext();
-            }, state: isEnd ? 'disabled' : 'normal' }, void 0) }), void 0));
+            }, state: isEnd ? 'disabled' : 'normal' }) })));
 });
 var S_Carousel = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: 100%;\n  position: relative;\n  width: 100%;\n"], ["\n  height: 100%;\n  position: relative;\n  width: 100%;\n"])));
 var S_ButtonWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  ", "\n  ", "\n"], ["\n  ", "\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  ", "\n  ", "\n"])), function (_a) {
@@ -137,10 +141,10 @@ var S_ButtonWrapper = styled_components_1.default.div(templateObject_2 || (templ
     return isLocked && "display : none;";
 }, function (_a) {
     var left = _a.left;
-    return left && "left : " + left + "; transform : translateX(-100%);";
+    return left && "left : ".concat(left, "; transform : translateX(-100%);");
 }, function (_a) {
     var right = _a.right;
-    return right && "right : " + right + "; transform : translateX(100%);";
+    return right && "right : ".concat(right, "; transform : translateX(100%);");
 });
 var S_SwiperStyleWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  /** NOTE: Swiper\uAC00 \uC81C\uACF5\uD558\uB294 css \uD30C\uC77C\uC744 webpack \uC774\uC288\uB85C import\uD558\uC9C0 \uBABB\uD574\uC11C \uC784\uC2DC\uB85C \uB9CC\uB4E0 css wrapper\uC785\uB2C8\uB2E4.\n  * \uCC28\uD6C4 Webpack 5\uB85C \uB9C8\uC774\uADF8\uB808\uC774\uC158 \uB418\uB294 \uACBD\uC6B0 swiper \uD648\uD398\uC774\uC9C0\uC5D0\uC11C \uCD94\uCC9C\uD558\uB294 \uC0AC\uC6A9\uBC95\uC73C\uB85C \uC218\uC815\uC774 \uD544\uC694\uD569\uB2C8\uB2E4.\n  */\n\n  ", "\n"], ["\n  /** NOTE: Swiper\uAC00 \uC81C\uACF5\uD558\uB294 css \uD30C\uC77C\uC744 webpack \uC774\uC288\uB85C import\uD558\uC9C0 \uBABB\uD574\uC11C \uC784\uC2DC\uB85C \uB9CC\uB4E0 css wrapper\uC785\uB2C8\uB2E4.\n  * \uCC28\uD6C4 Webpack 5\uB85C \uB9C8\uC774\uADF8\uB808\uC774\uC158 \uB418\uB294 \uACBD\uC6B0 swiper \uD648\uD398\uC774\uC9C0\uC5D0\uC11C \uCD94\uCC9C\uD558\uB294 \uC0AC\uC6A9\uBC95\uC73C\uB85C \uC218\uC815\uC774 \uD544\uC694\uD569\uB2C8\uB2E4.\n  */\n\n  ", "\n"])), swiper_style_1.default);
 exports.default = Carousel;

package/dist/src/sub/DynamicLayout/components/desktop/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/dist/src/sub/DynamicLayout/components/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/dist/src/sub/DynamicLayout/components/mobile/Item/Item.d.ts

@@ -15,7 +15,7 @@ declare namespace Item {
         data?: string | undefined;
         styleTheme?: "displayBold" | "headingBold" | "leadParaBold" | "leadParaRegular" | "subTitleBold" | "subTitleRegular" | "body1Bold" | "body1Regular" | "body2Bold" | "body2Regular" | "caption1Bold" | "caption1Regular" | "caption2Bold" | "caption2Regular" | "form1Regular" | "form2Regular" | "blog1Regular" | undefined;
         color?: string | undefined;
-        textAlign?: "center" | "left" | "right" | undefined;
+        textAlign?: "left" | "center" | "right" | undefined;
         colorTheme?: "sysTextPrimary" | "sysTextSecondary" | "sysTextTertiary" | "sysTextWhite" | "sysTextError" | "sysTextWarning" | "sysTextBrandPrimary" | "sysTextBrandSeconVariant" | "usrTextBrandPrimary" | "usrTextBrandSeconVariant" | "usrTextBrandOnPrimary" | undefined;
     }) => JSX.Element;
     var Button: ({ buttonType, backgroundColor, textColor, text, linkType, src, linkMethod, state, borderColor }: IItemButton) => JSX.Element;

package/dist/src/sub/DynamicLayout/components/mobile/Item/Item.js

@@ -16,7 +16,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -65,12 +69,12 @@ function Item(_a) {
         typeof navigationHandler === 'function' &&
             navigationHandler(props.properties.linkType, props.properties.linkSrc);
     };
-    return ((0, jsx_runtime_1.jsx)(S_Item, __assign({ "x-dlayout-section-element-name": "Item", onClick: isItemClickable ? handleClickButton : undefined }, { children: children }), void 0));
+    return ((0, jsx_runtime_1.jsx)(S_Item, __assign({ "x-dlayout-section-element-name": "Item", onClick: isItemClickable ? handleClickButton : undefined }, { children: children })));
 }
 var S_Item = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
 function Title(_a) {
     var text = _a.text, color = _a.color, _b = _a.lineHeight, lineHeight = _b === void 0 ? 1.5 : _b, textLabelProps = __rest(_a, ["text", "color", "lineHeight"]);
-    return ((0, jsx_runtime_1.jsx)(S_TitleStyleWrapper, __assign({ "x-dlayout-item-element-name": "Title", color: color, lineHeight: lineHeight }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.M_TextLabel, __assign({ text: text, colorTheme: "sysTextPrimary" }, textLabelProps), void 0) }), void 0));
+    return ((0, jsx_runtime_1.jsx)(S_TitleStyleWrapper, __assign({ "x-dlayout-item-element-name": "Title", color: color, lineHeight: lineHeight }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.M_TextLabel, __assign({ text: text, colorTheme: "sysTextPrimary" }, textLabelProps)) })));
 }
 var S_TitleStyleWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  & > div {\n    color: ", ";\n    line-height: ", ";\n  }\n"], ["\n  & > div {\n    color: ", ";\n    line-height: ", ";\n  }\n"])), function (_a) {
     var color = _a.color;
@@ -81,7 +85,7 @@ var S_TitleStyleWrapper = styled_components_1.default.div(templateObject_2 || (t
 });
 function Description(_a) {
     var text = _a.text, color = _a.color, textLabelProps = __rest(_a, ["text", "color"]);
-    return ((0, jsx_runtime_1.jsx)(S_DescriptionStyleWrapper, __assign({ "x-dlayout-item-element-name": "Description", color: color }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.M_TextLabel, __assign({ text: text, colorTheme: "sysTextSecondary" }, textLabelProps), void 0) }), void 0));
+    return ((0, jsx_runtime_1.jsx)(S_DescriptionStyleWrapper, __assign({ "x-dlayout-item-element-name": "Description", color: color }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.M_TextLabel, __assign({ text: text, colorTheme: "sysTextSecondary" }, textLabelProps)) })));
 }
 var S_DescriptionStyleWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  & > div {\n    color: ", ";\n    width: 100%;\n  }\n"], ["\n  & > div {\n    color: ", ";\n    width: 100%;\n  }\n"])), function (_a) {
     var color = _a.color;
@@ -89,7 +93,7 @@ var S_DescriptionStyleWrapper = styled_components_1.default.div(templateObject_3
 });
 function Image(_a) {
     var imageViewProps = __rest(_a, []);
-    return (0, jsx_runtime_1.jsx)(pdsOriginal_1.ImageView, __assign({ "x-dlayout-item-element-name": "Image", scaleType: "cover" }, imageViewProps), void 0);
+    return (0, jsx_runtime_1.jsx)(pdsOriginal_1.ImageView, __assign({ "x-dlayout-item-element-name": "Image", scaleType: "cover" }, imageViewProps));
 }
 function Button(_a) {
     var buttonType = _a.buttonType, backgroundColor = _a.backgroundColor, textColor = _a.textColor, text = _a.text, _b = _a.linkType, linkType = _b === void 0 ? 'NONE' : _b, _c = _a.src, src = _c === void 0 ? '' : _c, _d = _a.linkMethod, linkMethod = _d === void 0 ? 'CLICK_BUTTON_IN_ITEM' : _d, _e = _a.state, state = _e === void 0 ? 'normal' : _e, borderColor = _a.borderColor;
@@ -102,28 +106,28 @@ function Button(_a) {
         typeof navigationHandler === 'function' && navigationHandler(linkType, src);
     };
     if (!src || linkMethod !== 'CLICK_BUTTON_IN_ITEM')
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0);
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
     switch (buttonType) {
         case 'A':
-            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-item-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 0, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.M_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }, void 0) }), void 0));
+            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-item-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 0, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.M_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }) })));
         case 'B':
-            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-item-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 6, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.M_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }, void 0) }), void 0));
+            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-item-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 6, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.M_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }) })));
         case 'C':
-            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-item-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 14, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.M_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }, void 0) }), void 0));
+            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-item-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 14, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.M_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }) })));
         case 'D':
-            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-item-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 24, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.M_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }, void 0) }), void 0));
+            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-item-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 24, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.M_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }) })));
         case 'E':
-            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-item-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 0, borderWidth: 2, borderColor: borderColor, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.M_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }, void 0) }), void 0));
+            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-item-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 0, borderWidth: 2, borderColor: borderColor, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.M_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }) })));
         case 'F':
-            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-item-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 6, borderWidth: 2, borderColor: borderColor, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.M_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }, void 0) }), void 0));
+            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-item-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 6, borderWidth: 2, borderColor: borderColor, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.M_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }) })));
         case 'G':
-            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-item-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 14, borderWidth: 2, borderColor: borderColor, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.M_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }, void 0) }), void 0));
+            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-item-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 14, borderWidth: 2, borderColor: borderColor, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.M_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }) })));
         case 'H':
-            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-item-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 24, borderWidth: 2, borderColor: borderColor, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.M_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }, void 0) }), void 0));
+            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-item-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 24, borderWidth: 2, borderColor: borderColor, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.M_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }) })));
         case 'I':
-            return ((0, jsx_runtime_1.jsx)(S_TextButtonBox, __assign({ color: textColor, state: state }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.M_TextButton, { text: text || 'BUTTON', onClick: handleClickButton, state: state }, void 0) }), void 0));
+            return ((0, jsx_runtime_1.jsx)(S_TextButtonBox, __assign({ color: textColor, state: state }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.M_TextButton, { text: text || 'BUTTON', onClick: handleClickButton, state: state }) })));
         default:
-            return (0, jsx_runtime_1.jsx)("button", __assign({ type: "button" }, { children: "wrong type" }), void 0);
+            return (0, jsx_runtime_1.jsx)("button", __assign({ type: "button" }, { children: "wrong type" }));
     }
 }
 var S_MainButtonBox = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  & > button {\n    background-color: ", ";\n    border: ", ";\n    border-radius: ", ";\n\n    box-sizing: border-box;\n\n    & div {\n      color: ", ";\n    }\n  }\n"], ["\n  & > button {\n    background-color: ", ";\n    border: ", ";\n    border-radius: ", ";\n\n    box-sizing: border-box;\n\n    & div {\n      color: ", ";\n    }\n  }\n"])), function (_a) {
@@ -136,16 +140,16 @@ var S_MainButtonBox = styled_components_1.default.div(templateObject_4 || (templ
     var borderWidth = _a.borderWidth, borderColor = _a.borderColor, state = _a.state, type = _a.type, theme = _a.theme;
     if (type === 'E' || type === 'F' || type === 'G' || type === 'H') {
         if (borderWidth && borderColor && state === 'normal') {
-            return borderWidth + "px solid " + borderColor;
+            return "".concat(borderWidth, "px solid ").concat(borderColor);
         }
         if (borderWidth && state === 'disabled') {
-            return borderWidth + "px solid " + theme.ui_cpnt_button_line_border_disabled;
+            return "".concat(borderWidth, "px solid ").concat(theme.ui_cpnt_button_line_border_disabled);
         }
     }
     return 'none';
 }, function (_a) {
     var radius = _a.radius;
-    return radius + "px";
+    return "".concat(radius, "px");
 }, function (_a) {
     var color = _a.color, state = _a.state, theme = _a.theme;
     if (state === 'normal') {
@@ -176,7 +180,7 @@ function HTMLReader(_a) {
             contentRef.current.innerHTML = doc.documentElement.innerHTML;
         }
     }, [data]);
-    return ((0, jsx_runtime_1.jsx)(S_Content, { ref: contentRef, styleTheme: styleTheme, colorTheme: colorTheme, color: color, textAlign: textAlign, isPreview: isPreview !== null && isPreview !== void 0 ? isPreview : mode === 'PREVIEW' }, void 0));
+    return ((0, jsx_runtime_1.jsx)(S_Content, { ref: contentRef, styleTheme: styleTheme, colorTheme: colorTheme, color: color, textAlign: textAlign, isPreview: isPreview !== null && isPreview !== void 0 ? isPreview : mode === 'PREVIEW' }));
 }
 var S_Content = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  color: ", ";\n  line-height: 1.5;\n  text-align: ", ";\n  white-space: pre-wrap;\n  width: 100%;\n  word-break: break-word;\n\n  ", "\n\n  a {\n    color: ", ";\n  }\n\n  img {\n    width: 100%;\n  }\n\n  figure {\n    margin: 0;\n    max-width: 100%;\n\n    img {\n      width: 100%;\n    }\n  }\n\n  blockquote {\n    border-left: 4px solid ", ";\n    margin: 4px;\n    padding: 4px;\n\n    p {\n      font-style: oblique;\n      margin: 0;\n    }\n  }\n\n  ", ";\n\n  ", ";\n\n  ", "\n"], ["\n  color: ", ";\n  line-height: 1.5;\n  text-align: ", ";\n  white-space: pre-wrap;\n  width: 100%;\n  word-break: break-word;\n\n  ", "\n\n  a {\n    color: ", ";\n  }\n\n  img {\n    width: 100%;\n  }\n\n  figure {\n    margin: 0;\n    max-width: 100%;\n\n    img {\n      width: 100%;\n    }\n  }\n\n  blockquote {\n    border-left: 4px solid ", ";\n    margin: 4px;\n    padding: 4px;\n\n    p {\n      font-style: oblique;\n      margin: 0;\n    }\n  }\n\n  ", ";\n\n  ", ";\n\n  ", "\n"])), function (_a) {
     var theme = _a.theme;
@@ -233,7 +237,7 @@ var S_Content = styled_components_1.default.div(templateObject_6 || (templateObj
         }[colorTheme];
 }, function (_a) {
     var color = _a.color;
-    return color && "color: " + color + ";";
+    return color && "color: ".concat(color, ";");
 });
 var displayBold = (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"], ["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"])), function (_a) {
     var theme = _a.theme;

package/dist/src/sub/DynamicLayout/components/mobile/Section/Section.js

@@ -37,7 +37,7 @@ var pdsOriginal_1 = require("../../pdsOriginal");
 // TITLE
 function SectionTitle(_a) {
     var text = _a.text, color = _a.color, _b = _a.lineHeight, lineHeight = _b === void 0 ? 1.4 : _b, textLabelProps = __rest(_a, ["text", "color", "lineHeight"]);
-    return ((0, jsx_runtime_1.jsx)(S_TitleStyleWrapper, __assign({ "x-dlayout-section-element-name": "Title", color: color, lineHeight: lineHeight }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.M_TextLabel, __assign({ text: text, colorTheme: "sysTextPrimary" }, textLabelProps), void 0) }), void 0));
+    return ((0, jsx_runtime_1.jsx)(S_TitleStyleWrapper, __assign({ "x-dlayout-section-element-name": "Title", color: color, lineHeight: lineHeight }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.M_TextLabel, __assign({ text: text, colorTheme: "sysTextPrimary" }, textLabelProps)) })));
 }
 var S_TitleStyleWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  & > div {\n    color: ", ";\n    line-height: ", ";\n  }\n"], ["\n  & > div {\n    color: ", ";\n    line-height: ", ";\n  }\n"])), function (_a) {
     var color = _a.color;
@@ -49,19 +49,19 @@ var S_TitleStyleWrapper = styled_components_1.default.div(templateObject_1 || (t
 // DESCRIPTION
 function SectionDescription(_a) {
     var text = _a.text, color = _a.color, fontWeight = _a.fontWeight, textLabelProps = __rest(_a, ["text", "color", "fontWeight"]);
-    return ((0, jsx_runtime_1.jsx)(S_DescriptionStyleWrapper, __assign({ "x-dlayout-section-element-name": "Description", color: color, fontWeight: fontWeight }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.M_TextLabel, __assign({ text: text, colorTheme: "sysTextPrimary" }, textLabelProps), void 0) }), void 0));
+    return ((0, jsx_runtime_1.jsx)(S_DescriptionStyleWrapper, __assign({ "x-dlayout-section-element-name": "Description", color: color, fontWeight: fontWeight }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.M_TextLabel, __assign({ text: text, colorTheme: "sysTextPrimary" }, textLabelProps)) })));
 }
 var S_DescriptionStyleWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  & > div {\n    color: ", ";\n    ", ";\n  }\n"], ["\n  & > div {\n    color: ", ";\n    ", ";\n  }\n"])), function (_a) {
     var color = _a.color;
     return color;
 }, function (_a) {
     var fontWeight = _a.fontWeight;
-    return fontWeight && "font-weight : " + fontWeight + ";";
+    return fontWeight && "font-weight : ".concat(fontWeight, ";");
 });
 // IMAGE
 function SectionImage(_a) {
     var imageViewProps = __rest(_a, []);
-    return (0, jsx_runtime_1.jsx)(pdsOriginal_1.ImageView, __assign({ "x-dlayout-section-element-name": "Image" }, imageViewProps, { scaleType: "cover" }), void 0);
+    return (0, jsx_runtime_1.jsx)(pdsOriginal_1.ImageView, __assign({ "x-dlayout-section-element-name": "Image" }, imageViewProps, { scaleType: "cover" }));
 }
 // BUTTON
 function SectionButton(_a) {
@@ -76,25 +76,25 @@ function SectionButton(_a) {
     };
     switch (buttonType) {
         case 'A':
-            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-section-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 0, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.M_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }, void 0) }), void 0));
+            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-section-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 0, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.M_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }) })));
         case 'B':
-            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-section-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 6, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.M_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }, void 0) }), void 0));
+            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-section-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 6, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.M_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }) })));
         case 'C':
-            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-section-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 14, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.M_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }, void 0) }), void 0));
+            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-section-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 14, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.M_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }) })));
         case 'D':
-            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-section-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 24, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.M_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }, void 0) }), void 0));
+            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-section-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 24, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.M_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }) })));
         case 'E':
-            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-section-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 0, borderWidth: 2, borderColor: borderColor, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.M_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }, void 0) }), void 0));
+            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-section-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 0, borderWidth: 2, borderColor: borderColor, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.M_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }) })));
         case 'F':
-            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-section-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 6, borderWidth: 2, borderColor: borderColor, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.M_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }, void 0) }), void 0));
+            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-section-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 6, borderWidth: 2, borderColor: borderColor, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.M_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }) })));
         case 'G':
-            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-section-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 14, borderWidth: 2, borderColor: borderColor, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.M_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }, void 0) }), void 0));
+            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-section-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 14, borderWidth: 2, borderColor: borderColor, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.M_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }) })));
         case 'H':
-            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-section-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 24, borderWidth: 2, borderColor: borderColor, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.M_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }, void 0) }), void 0));
+            return ((0, jsx_runtime_1.jsx)(S_MainButtonBox, __assign({ "x-dlayout-section-element-name": "Button", backgroundColor: backgroundColor, color: textColor, radius: 24, borderWidth: 2, borderColor: borderColor, state: state, type: buttonType }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.M_MainButton, { text: text || 'BUTTON', state: state, onClick: handleClickButton }) })));
         case 'I':
-            return ((0, jsx_runtime_1.jsx)(S_TextButtonBox, __assign({ color: textColor, state: state }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.M_TextButton, { text: text || 'BUTTON', onClick: handleClickButton, state: state }, void 0) }), void 0));
+            return ((0, jsx_runtime_1.jsx)(S_TextButtonBox, __assign({ color: textColor, state: state }, { children: (0, jsx_runtime_1.jsx)(pdsOriginal_1.M_TextButton, { text: text || 'BUTTON', onClick: handleClickButton, state: state }) })));
         default:
-            return (0, jsx_runtime_1.jsx)("button", __assign({ type: "button" }, { children: "wrong type" }), void 0);
+            return (0, jsx_runtime_1.jsx)("button", __assign({ type: "button" }, { children: "wrong type" }));
     }
 }
 var S_MainButtonBox = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  & > button {\n    background-color: ", ";\n    border: ", ";\n    border-radius: ", ";\n\n    box-sizing: border-box;\n\n    & div {\n      color: ", ";\n    }\n  }\n"], ["\n  & > button {\n    background-color: ", ";\n    border: ", ";\n    border-radius: ", ";\n\n    box-sizing: border-box;\n\n    & div {\n      color: ", ";\n    }\n  }\n"])), function (_a) {
@@ -107,16 +107,16 @@ var S_MainButtonBox = styled_components_1.default.div(templateObject_3 || (templ
     var borderWidth = _a.borderWidth, borderColor = _a.borderColor, state = _a.state, type = _a.type, theme = _a.theme;
     if (type === 'E' || type === 'F' || type === 'G' || type === 'H') {
         if (borderWidth && borderColor && state === 'normal') {
-            return borderWidth + "px solid " + borderColor;
+            return "".concat(borderWidth, "px solid ").concat(borderColor);
         }
         if (borderWidth && state === 'disabled') {
-            return borderWidth + "px solid " + theme.ui_cpnt_button_line_border_disabled;
+            return "".concat(borderWidth, "px solid ").concat(theme.ui_cpnt_button_line_border_disabled);
         }
     }
     return 'none';
 }, function (_a) {
     var radius = _a.radius;
-    return radius + "px";
+    return "".concat(radius, "px");
 }, function (_a) {
     var color = _a.color, state = _a.state, theme = _a.theme;
     if (state === 'normal') {

package/dist/src/sub/DynamicLayout/components/mobile/common/Carousel.js

@@ -16,7 +16,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -55,10 +59,10 @@ function Carousel(_a) {
                     : undefined, onSwiper: function (swiper) {
                     paginationRef.current = swiper;
                 } }, { children: [react_1.default.Children.map(children, function (child) {
-                        return (0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { children: child }, void 0);
+                        return (0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { children: child });
                     }), paginationOptions && ((0, jsx_runtime_1.jsx)("div", { style: {
-                            height: "calc(" + paginationSpacing[0] + "px + 8px + " + paginationSpacing[1] + "px)"
-                        } }, void 0))] }), void 0) }), void 0) }, void 0));
+                            height: "calc(".concat(paginationSpacing[0], "px + 8px + ").concat(paginationSpacing[1], "px)")
+                        } }))] })) })) }));
 }
 var S_Carousel = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: 100%;\n  width: 100%;\n"], ["\n  height: 100%;\n  width: 100%;\n"])));
 /** NOTE: Swiper가 제공하는 css 파일을 webpack 이슈로 import하지 못해서 임시로 만든 css wrapper입니다.