pds-dev-kit-web 0.5.3 → 0.5.7

package/dist/src/common/assets/icons/line/PostInquiry.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import IconType from '../IconType';
+declare const PostInquiry: ({ color, size, ...rest }: IconType) => JSX.Element;
+export default PostInquiry;

package/dist/src/common/assets/icons/line/PostInquiry.js

@@ -0,0 +1,36 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var PostInquiry = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return (react_1.default.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest),
+        react_1.default.createElement("g", { fill: "none", fillRule: "evenodd" },
+            react_1.default.createElement("path", { stroke: color, strokeWidth: "1.5", d: "M10.92,2.8042 C6.948,3.2932 3.659,6.4432 2.999,10.3902 C2.618,12.6682 3.089,14.8112 4.124,16.5862 L2.796,19.5582 C2.34,20.5772 3.389,21.6182 4.404,21.1542 L7.307,19.8302 C9.314,21.0512 11.811,21.5472 14.45,20.8802 C17.751,20.0452 20.379,17.3302 21.094,14.0012 C22.466,7.6152 17.221,2.0292 10.92,2.8042 Z" }),
+            react_1.default.createElement("path", { fill: color, d: "M10.7105,15.7458 C10.7105,15.4288 10.8155,15.1678 11.0255,14.9638 C11.2355,14.7598 11.4975,14.6578 11.8115,14.6578 C12.1255,14.6578 12.3875,14.7598 12.5985,14.9638 C12.8085,15.1678 12.9125,15.4288 12.9125,15.7458 C12.9125,16.0628 12.8085,16.3238 12.5985,16.5278 C12.3875,16.7318 12.1255,16.8338 11.8115,16.8338 C11.4975,16.8338 11.2355,16.7318 11.0255,16.5278 C10.8155,16.3238 10.7105,16.0628 10.7105,15.7458 M11.8855,14.1048 C11.3725,14.1048 11.0285,13.7328 11.0185,13.2198 C11.0135,12.9808 11.0255,12.7348 11.1725,12.3358 C11.2905,12.0118 11.4855,11.7278 11.7765,11.3628 C12.0215,11.0548 12.2875,10.8528 12.4395,10.6318 C12.5905,10.4118 12.6655,10.1678 12.6655,9.9018 C12.6655,9.2538 12.4305,9.0008 11.9785,8.9358 C11.7455,8.9018 11.4995,8.9778 11.3625,9.1728 C11.2515,9.3318 11.2385,9.4168 11.1925,9.5448 C11.0585,9.9098 10.7315,10.1298 10.3355,10.1298 L10.2765,10.1298 C9.5765,10.1298 9.2025,9.4388 9.3935,8.7648 C9.4795,8.4598 9.5845,8.2498 9.8505,7.9738 C10.3245,7.4828 11.0205,7.1668 11.8995,7.1668 C12.7755,7.1668 13.4535,7.4778 13.9345,7.9198 C14.4155,8.3618 14.6565,8.9898 14.6565,9.8048 C14.6565,10.1618 14.5915,10.4848 14.4615,10.7768 C14.3325,11.0688 14.1245,11.3668 13.8375,11.6718 L13.1605,12.3608 C12.9675,12.5618 12.8495,12.7858 12.7595,13.2808 C12.6655,13.7978 12.3665,14.1048 11.8855,14.1048" }))));
+};
+exports.default = PostInquiry;

package/dist/src/common/assets/icons/line/PostWelcome.js

@@ -30,8 +30,8 @@ var PostWelcome = function (_a) {
     var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
     return (react_1.default.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest),
         react_1.default.createElement("g", { fill: "none", fillRule: "evenodd" },
-            react_1.default.createElement("path", { stroke: color, strokeLinecap: "round", strokeWidth: "1.5", d: "M5.453,11.157 C7.421,11.157 9.195,12.177 10.798,14.407 L10.798,18.047 C9.195,20.287 7.421,21.307 5.453,21.307 C4.907,21.307 4.238,21.117 3.801,20.537 C3.194,19.747 3,18.767 3,17.847 L3,14.617 C3,13.697 3.194,12.717 3.801,11.927 C4.178,11.437 4.712,11.227 5.198,11.177 C5.283,11.157 5.368,11.157 5.453,11.157 Z M18.8026,11.157 C18.8876,11.157 18.9726,11.157 19.0576,11.177 C19.5436,11.227 20.0906,11.437 20.4546,11.927 C21.0616,12.717 21.2566,13.697 21.2566,14.617 L21.2566,17.847 C21.2566,18.767 21.0616,19.747 20.4546,20.537 C20.0176,21.117 19.3496,21.307 18.8026,21.307 C16.8346,21.307 15.0616,20.287 13.4576,18.047 L13.4576,14.407 C15.0616,12.177 16.8346,11.157 18.8026,11.157 Z M8.4479,16.2309 L10.7979,16.2309 M15.8085,16.2309 L13.4585,16.2309 M8.7682,6.4694 L15.4882,6.4694 M8.7682,9.2352 L12.1062,9.2352" }),
-            react_1.default.createElement("path", { stroke: color, strokeLinecap: "round", strokeWidth: "1.5", d: "M10.798,14.407 C9.195,12.177 7.421,11.157 5.453,11.157 C5.368,11.157 5.283,11.157 5.198,11.177 L5.198,4.8 C5.198,3.81 5.976,3.01 6.948,3.01 L17.309,3 C18.28,3 19.058,3.81 19.058,4.8 L19.058,11.177 C18.973,11.157 18.888,11.157 18.803,11.157 C16.835,11.157 15.062,12.177 13.458,14.407" }),
-            react_1.default.createElement("path", { fill: color, d: "M12.6086,13.7079 L11.6476,13.7079 C10.7426,13.7079 10.0096,14.4419 10.0096,15.3469 L10.0096,17.1059 C10.0096,18.0099 10.7426,18.7439 11.6476,18.7439 L12.6086,18.7439 C13.5136,18.7439 14.2466,18.0099 14.2466,17.1059 L14.2466,15.3469 C14.2466,14.4419 13.5136,13.7079 12.6086,13.7079 L12.6086,13.7079 Z M12.6086,15.2079 C12.6846,15.2079 12.7466,15.2699 12.7466,15.3469 L12.7466,17.1059 C12.7466,17.1819 12.6846,17.2439 12.6086,17.2439 L11.6476,17.2439 C11.5716,17.2439 11.5096,17.1819 11.5096,17.1059 L11.5096,15.3469 C11.5096,15.2699 11.5716,15.2079 11.6476,15.2079 L12.6086,15.2079 Z" }))));
+            react_1.default.createElement("path", { stroke: color, strokeLinecap: "round", strokeWidth: "1.5", d: "M5.05288498,11.1891491 C7.101021,11.1891491 8.94725743,12.250683 10.6155308,14.5714876 L10.6155308,18.3597066 C8.94725743,20.6909184 7.101021,21.7524523 5.05288498,21.7524523 C4.48465213,21.7524523 3.78841077,21.5547156 3.33361634,20.9510982 C2.70189959,20.1289298 2.5,19.1090247 2.5,18.1515627 L2.5,14.7900387 C2.5,13.8325767 2.70189959,12.8126716 3.33361634,11.9905032 C3.7259676,11.4805506 4.28171182,11.2619995 4.78750151,11.2099635 C4.87596267,11.1891491 4.96442382,11.1891491 5.05288498,11.1891491 Z M18.9460743,11.1891491 C19.0345355,11.1891491 19.1229966,11.1891491 19.2114578,11.2099635 C19.7172475,11.2619995 20.286521,11.4805506 20.6653429,11.9905032 C21.2970597,12.8126716 21.5,13.8325767 21.5,14.7900387 L21.5,18.1515627 C21.5,19.1090247 21.2970597,20.1289298 20.6653429,20.9510982 C20.2105485,21.5547156 19.5153479,21.7524523 18.9460743,21.7524523 C16.8979383,21.7524523 15.0527426,20.6909184 13.3834285,18.3597066 L13.3834285,14.5714876 C15.0527426,12.250683 16.8979383,11.1891491 18.9460743,11.1891491 Z M8.16973588,16.4696559 L10.6154267,16.4696559 M15.830056,16.4696559 L13.3843651,16.4696559 M8.50307834,6.3106723 L15.4967135,6.3106723 M8.50307834,9.18909435 L11.9770001,9.18909435" }),
+            react_1.default.createElement("path", { stroke: color, strokeLinecap: "round", strokeWidth: "1.5", d: "M10.6155308,14.5714876 C8.94725743,12.250683 7.101021,11.1891491 5.05288498,11.1891491 C4.96442382,11.1891491 4.87596267,11.1891491 4.78750151,11.2099635 L4.78750151,4.57329514 C4.78750151,3.54298281 5.59718129,2.7104072 6.60876067,2.7104072 L17.3916556,2.7 C18.4021943,2.7 19.2118741,3.54298281 19.2118741,4.57329514 L19.2118741,11.2099635 C19.1234129,11.1891491 19.0349517,11.1891491 18.9464906,11.1891491 C16.8983546,11.1891491 15.0531589,12.250683 13.3838447,14.5714876" }),
+            react_1.default.createElement("path", { fill: color, d: "M12.4998576,13.8439206 L11.4997261,13.8439206 C10.557875,13.8439206 9.79502755,14.6078087 9.79502755,15.5496598 L9.79502755,17.3802855 C9.79502755,18.3210959 10.557875,19.0849841 11.4997261,19.0849841 L12.4998576,19.0849841 C13.4417088,19.0849841 14.2045562,18.3210959 14.2045562,17.3802855 L14.2045562,15.5496598 C14.2045562,14.6078087 13.4417088,13.8439206 12.4998576,13.8439206 L12.4998576,13.8439206 Z M12.4998576,15.4049998 C12.5789523,15.4049998 12.6434769,15.4695244 12.6434769,15.5496598 L12.6434769,17.3802855 C12.6434769,17.4593802 12.5789523,17.5239048 12.4998576,17.5239048 L11.4997261,17.5239048 C11.4206314,17.5239048 11.3561068,17.4593802 11.3561068,17.3802855 L11.3561068,15.5496598 C11.3561068,15.4695244 11.4206314,15.4049998 11.4997261,15.4049998 L12.4998576,15.4049998 Z" }))));
 };
 exports.default = PostWelcome;

package/dist/src/common/assets/icons/line/index.d.ts

@@ -67,6 +67,7 @@ declare const lineIcons: {
     readonly ic_post_blog: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_post_community_p: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_post_free: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_post_inquiry: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_post_magazine: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_post_notice: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_post_photobook: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;

package/dist/src/common/assets/icons/line/index.js

@@ -70,6 +70,7 @@ var PlusCircle_1 = __importDefault(require("./PlusCircle"));
 var PostBlog_1 = __importDefault(require("./PostBlog"));
 var PostCommunityP_1 = __importDefault(require("./PostCommunityP"));
 var PostFree_1 = __importDefault(require("./PostFree"));
+var PostInquiry_1 = __importDefault(require("./PostInquiry"));
 var PostMagazine_1 = __importDefault(require("./PostMagazine"));
 var PostNotice_1 = __importDefault(require("./PostNotice"));
 var PostPhotobook_1 = __importDefault(require("./PostPhotobook"));
@@ -192,6 +193,7 @@ var lineIcons = {
     ic_post_blog: PostBlog_1.default,
     ic_post_community_p: PostCommunityP_1.default,
     ic_post_free: PostFree_1.default,
+    ic_post_inquiry: PostInquiry_1.default,
     ic_post_magazine: PostMagazine_1.default,
     ic_post_notice: PostNotice_1.default,
     ic_post_photobook: PostPhotobook_1.default,

package/dist/src/hybrid/components/ImageView/ImageView.js

@@ -30,8 +30,7 @@ var react_1 = __importDefault(require("react"));
 var styled_components_1 = __importStar(require("styled-components"));
 var ImageView = function (_a) {
     var src = _a.src, _b = _a.shapeType, shapeType = _b === void 0 ? 'round' : _b, _c = _a.radius, radius = _c === void 0 ? 8 : _c, width = _a.width, height = _a.height, noImageHeight = _a.noImageHeight, noImageWidth = _a.noImageWidth, _d = _a.ratio, ratio = _d === void 0 ? 'auto' : _d, _e = _a.scaleType, scaleType = _e === void 0 ? 'none' : _e, _f = _a.borderMode, borderMode = _f === void 0 ? 'none' : _f, _g = _a.backgroundFillMode, backgroundFillMode = _g === void 0 ? 'none' : _g;
-    return (react_1.default.createElement(react_1.default.Fragment, null, ratio === 'auto' ? (react_1.default.createElement(S_AutoImageViewWrapper, { "$height": height, "$width": width, noImageHeight: noImageHeight, noImageWidth: noImageWidth, borderMode: borderMode, shapeType: shapeType, radius: radius, backgroundFillMode: backgroundFillMode },
-        react_1.default.createElement(S_AutoImageView, { src: src, "$height": height, "$width": width, scaleType: scaleType }))) : (react_1.default.createElement(S_RatioImageViewWrapper, { "$width": width, borderMode: borderMode, shapeType: shapeType, radius: radius, backgroundFillMode: backgroundFillMode },
+    return (react_1.default.createElement(react_1.default.Fragment, null, ratio === 'auto' ? (react_1.default.createElement(S_AutoImageViewWrapper, { "$height": height, "$width": width, noImageHeight: noImageHeight, noImageWidth: noImageWidth, borderMode: borderMode, shapeType: shapeType, radius: radius, backgroundFillMode: backgroundFillMode }, src && (react_1.default.createElement(S_AutoImageView, { src: src, "$height": height, "$width": width, scaleType: scaleType })))) : (react_1.default.createElement(S_RatioImageViewWrapper, { "$width": width, borderMode: borderMode, shapeType: shapeType, radius: radius, backgroundFillMode: backgroundFillMode },
         react_1.default.createElement(S_RatioImageView, { "$src": src, scaleType: scaleType, ratio: ratio })))));
 };
 var wrapperStyle = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  box-sizing: border-box;\n  display: inline-block;\n  vertical-align: bottom;\n  overflow: hidden;\n  ", ";\n  ", ";\n  ", ";\n"], ["\n  box-sizing: border-box;\n  display: inline-block;\n  vertical-align: bottom;\n  overflow: hidden;\n  ", ";\n  ", ";\n  ", ";\n"])), function (_a) {
@@ -95,8 +94,8 @@ var onlyWidthWrapperStyle = (0, styled_components_1.css)(templateObject_4 || (te
     var $width = _a.$width;
     return ($width === 'responsive' ? '100%' : $width + "px");
 }, function (_a) {
-    var theme = _a.theme, noImageHeight = _a.noImageHeight;
-    return noImageHeight ? "background-color: " + theme.ui_temp_grey_04 : '';
+    var theme = _a.theme, noImageHeight = _a.noImageHeight, src = _a.src;
+    return !src && noImageHeight ? "background-color: " + theme.ui_temp_grey_04 : '';
 });
 var onlyHeightWrapperStyle = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  min-height: ", ";\n  min-width: ", ";\n  height: ", ";\n  width: ", ";\n  ", ";\n"], ["\n  min-height: ", ";\n  min-width: ", ";\n  height: ", ";\n  width: ", ";\n  ", ";\n"])), function (_a) {
     var $height = _a.$height;
@@ -111,10 +110,10 @@ var onlyHeightWrapperStyle = (0, styled_components_1.css)(templateObject_5 || (t
     var noImageWidth = _a.noImageWidth;
     return (noImageWidth ? noImageWidth + "px" : 'auto');
 }, function (_a) {
-    var theme = _a.theme, noImageWidth = _a.noImageWidth;
-    return noImageWidth ? "background-color: " + theme.ui_temp_grey_04 : '';
+    var theme = _a.theme, noImageWidth = _a.noImageWidth, src = _a.src;
+    return !src && noImageWidth ? "background-color: " + theme.ui_temp_grey_04 : '';
 });
-var bothWrapperStyle = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  min-height: ", ";\n  height: ", ";\n  min-width: ", ";\n  width: ", ";\n"], ["\n  min-height: ", ";\n  height: ", ";\n  min-width: ", ";\n  width: ", ";\n"])), function (_a) {
+var bothWrapperStyle = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  min-height: ", ";\n  height: ", ";\n  min-width: ", ";\n  width: ", ";\n  ", ";\n"], ["\n  min-height: ", ";\n  height: ", ";\n  min-width: ", ";\n  width: ", ";\n  ", ";\n"])), function (_a) {
     var $height = _a.$height;
     return ($height === 'responsive' ? '100%' : $height + "px");
 }, function (_a) {
@@ -126,6 +125,9 @@ var bothWrapperStyle = (0, styled_components_1.css)(templateObject_6 || (templat
 }, function (_a) {
     var $width = _a.$width;
     return ($width === 'responsive' ? '100%' : $width + "px");
+}, function (_a) {
+    var theme = _a.theme, src = _a.src;
+    return (!src ? "background-color: " + theme.ui_temp_grey_04 : '');
 });
 var onlyWidthStyle = (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  width: 100%;\n  height: auto;\n"], ["\n  width: 100%;\n  height: auto;\n"])));
 var onlyHeightStyle = (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  width: auto;\n  height: 100%;\n"], ["\n  width: auto;\n  height: 100%;\n"])));

package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPA.js

@@ -22,7 +22,7 @@ var S_ContentsContainer = styled_components_1.default.div(templateObject_1 || (t
     var containerColor = _a.containerColor;
     return "background-color: " + containerColor;
 });
-var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  /* TODO: infinity scroll\uC744 \uC704\uD574 \uC784\uC2DC\uB85C height: 100%;\uD55C \uC0C1\uD0DC. \uD574\uB2F9 \uC0C1\uD0DC\uC5D0\uC11C\uB294 padding-bottom\uC774 \uBB34\uC2DC\uB418\uACE0 \uC788\uC73C\uBBC0\uB85C 2/8 \uC774\uD6C4 \uD574\uACB0 \uD544\uC694 */\n  height: 100%;\n  max-width: 768px;\n  min-width: 360px;\n  padding-bottom: 88px;\n  ", ";\n"], ["\n  /* TODO: infinity scroll\uC744 \uC704\uD574 \uC784\uC2DC\uB85C height: 100%;\uD55C \uC0C1\uD0DC. \uD574\uB2F9 \uC0C1\uD0DC\uC5D0\uC11C\uB294 padding-bottom\uC774 \uBB34\uC2DC\uB418\uACE0 \uC788\uC73C\uBBC0\uB85C 2/8 \uC774\uD6C4 \uD574\uACB0 \uD544\uC694 */\n  height: 100%;\n  max-width: 768px;\n  min-width: 360px;\n  padding-bottom: 88px;\n  ", ";\n"])), function (_a) {
+var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  /* TODO: infinity scroll\uC744 \uC704\uD574 \uC784\uC2DC\uB85C height: 100%;\uD55C \uC0C1\uD0DC. \uD574\uB2F9 \uC0C1\uD0DC\uC5D0\uC11C\uB294 padding-bottom\uC774 \uBB34\uC2DC\uB418\uACE0 \uC788\uC73C\uBBC0\uB85C 2/8 \uC774\uD6C4 \uD574\uACB0 \uD544\uC694 */\n  height: 100%;\n  max-width: 768px;\n  min-width: 360px;\n  ", ";\n  /* padding-bottom: 88px; */\n"], ["\n  /* TODO: infinity scroll\uC744 \uC704\uD574 \uC784\uC2DC\uB85C height: 100%;\uD55C \uC0C1\uD0DC. \uD574\uB2F9 \uC0C1\uD0DC\uC5D0\uC11C\uB294 padding-bottom\uC774 \uBB34\uC2DC\uB418\uACE0 \uC788\uC73C\uBBC0\uB85C 2/8 \uC774\uD6C4 \uD574\uACB0 \uD544\uC694 */\n  height: 100%;\n  max-width: 768px;\n  min-width: 360px;\n  ", ";\n  /* padding-bottom: 88px; */\n"])), function (_a) {
     var areaColor = _a.areaColor;
     return "background-color: " + areaColor;
 });

package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPB.js

@@ -22,7 +22,7 @@ var S_ContentsContainer = styled_components_1.default.div(templateObject_1 || (t
     var containerColor = _a.containerColor;
     return "background-color: " + containerColor;
 });
-var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  /* TODO: infinity scroll\uC744 \uC704\uD574 \uC784\uC2DC\uB85C height: 100%;\uD55C \uC0C1\uD0DC. \uD574\uB2F9 \uC0C1\uD0DC\uC5D0\uC11C\uB294 padding-bottom\uC774 \uBB34\uC2DC\uB418\uACE0 \uC788\uC73C\uBBC0\uB85C 2/8 \uC774\uD6C4 \uD574\uACB0 \uD544\uC694 */\n  height: 100%;\n  max-width: 768px;\n  min-width: 360px;\n  padding-bottom: 88px;\n  ", ";\n"], ["\n  /* TODO: infinity scroll\uC744 \uC704\uD574 \uC784\uC2DC\uB85C height: 100%;\uD55C \uC0C1\uD0DC. \uD574\uB2F9 \uC0C1\uD0DC\uC5D0\uC11C\uB294 padding-bottom\uC774 \uBB34\uC2DC\uB418\uACE0 \uC788\uC73C\uBBC0\uB85C 2/8 \uC774\uD6C4 \uD574\uACB0 \uD544\uC694 */\n  height: 100%;\n  max-width: 768px;\n  min-width: 360px;\n  padding-bottom: 88px;\n  ", ";\n"])), function (_a) {
+var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  /* TODO: infinity scroll\uC744 \uC704\uD574 \uC784\uC2DC\uB85C height: 100%;\uD55C \uC0C1\uD0DC. \uD574\uB2F9 \uC0C1\uD0DC\uC5D0\uC11C\uB294 padding-bottom\uC774 \uBB34\uC2DC\uB418\uACE0 \uC788\uC73C\uBBC0\uB85C 2/8 \uC774\uD6C4 \uD574\uACB0 \uD544\uC694 */\n  height: 100%;\n  max-width: 768px;\n  min-width: 360px;\n  ", ";\n  /* padding-bottom: 88px; */\n"], ["\n  /* TODO: infinity scroll\uC744 \uC704\uD574 \uC784\uC2DC\uB85C height: 100%;\uD55C \uC0C1\uD0DC. \uD574\uB2F9 \uC0C1\uD0DC\uC5D0\uC11C\uB294 padding-bottom\uC774 \uBB34\uC2DC\uB418\uACE0 \uC788\uC73C\uBBC0\uB85C 2/8 \uC774\uD6C4 \uD574\uACB0 \uD544\uC694 */\n  height: 100%;\n  max-width: 768px;\n  min-width: 360px;\n  ", ";\n  /* padding-bottom: 88px; */\n"])), function (_a) {
     var areaColor = _a.areaColor;
     return "background-color: " + areaColor;
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pds-dev-kit-web",
-  "version": "0.5.3",
+  "version": "0.5.7",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",