pds-dev-kit-web 0.5.7 → 0.5.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/dist/src/common/services/i18n/resources/en.json +41 -7
  2. package/dist/src/common/services/i18n/resources/es.json +45 -11
  3. package/dist/src/common/services/i18n/resources/index.d.ts +140 -4
  4. package/dist/src/common/services/i18n/resources/jp.json +45 -11
  5. package/dist/src/common/services/i18n/resources/ko.json +45 -11
  6. package/dist/src/common/styles/colorSet/PaletteColor_Dark.json +3 -1
  7. package/dist/src/common/styles/colorSet/PaletteColor_light.json +3 -1
  8. package/dist/src/common/styles/colorSet/UIColor.json +3 -1
  9. package/dist/src/common/styles/colorSet/index.d.ts +61 -55
  10. package/dist/src/common/styles/colorSet/index.js +2 -2
  11. package/dist/src/common/styles/colorSet/ui-type.d.ts +2 -0
  12. package/dist/src/desktop/components/TextField/TextField.js +7 -6
  13. package/dist/src/desktop/components/TextLabel/TextLabel.js +1 -1
  14. package/dist/src/hybrid/components/ImageView/ImageView.js +15 -15
  15. package/dist/src/mobile/components/MobileHeaderBar/MobileHeaderBar.d.ts +8 -2
  16. package/dist/src/mobile/components/MobileHeaderBar/MobileHeaderBar.js +3 -3
  17. package/dist/src/mobile/components/TextField/TextField.js +7 -6
  18. package/dist/src/mobile/components/TextLabel/TextLabel.js +1 -1
  19. package/dist/src/mobile/layout/LayoutMF/Containers/ContentsContainer/variation/MFA.js +1 -1
  20. package/dist/src/mobile/layout/LayoutMF/Containers/ContentsContainer/variation/MFB.js +2 -2
  21. package/dist/src/mobile/layout/LayoutMF/Containers/ContentsContainer/variation/MFD.js +1 -1
  22. package/dist/src/mobile/layout/LayoutMF/Containers/ContentsContainer/variation/MFE.js +2 -2
  23. package/dist/src/mobile/layout/LayoutMM/Containers/ContentsContainer/variation/MMA.js +1 -1
  24. package/dist/src/mobile/layout/LayoutMM/Containers/ContentsContainer/variation/MMB.js +1 -1
  25. package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPA.js +1 -1
  26. package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPB.js +1 -1
  27. package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPC.js +2 -2
  28. package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPD.js +1 -1
  29. package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPE.js +1 -1
  30. package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPF.js +2 -2
  31. package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSA.js +1 -1
  32. package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSB.js +1 -1
  33. package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSC.js +2 -2
  34. package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSD.js +1 -1
  35. package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSE.js +1 -1
  36. package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSF.js +2 -2
  37. package/package.json +1 -1
package/dist/src/mobile/layout/LayoutMM/Containers/ContentsContainer/variation/MMA.js CHANGED
@@ -22,7 +22,7 @@ var S_ContentsContainer = styled_components_1.default.div(templateObject_1 || (t
22
22
  var containerColor = _a.containerColor;
23
23
  return "background-color: " + containerColor;
24
24
  });
25
- var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"], ["\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"])), function (_a) {
25
+ var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"], ["\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"])), function (_a) {
26
26
  var areaColor = _a.areaColor;
27
27
  return "background-color: " + areaColor;
28
28
  });
package/dist/src/mobile/layout/LayoutMM/Containers/ContentsContainer/variation/MMB.js CHANGED
@@ -22,7 +22,7 @@ var S_ContentsContainer = styled_components_1.default.div(templateObject_1 || (t
22
22
  var containerColor = _a.containerColor;
23
23
  return "background-color: " + containerColor;
24
24
  });
25
- var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n max-width: 768px;\n min-width: 360px;\n height: 100%;\n ", ";\n"], ["\n max-width: 768px;\n min-width: 360px;\n height: 100%;\n ", ";\n"])), function (_a) {
25
+ var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n height: 100%;\n ", ";\n"], ["\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n height: 100%;\n ", ";\n"])), function (_a) {
26
26
  var areaColor = _a.areaColor;
27
27
  return "background-color: " + areaColor;
28
28
  });
package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPA.js CHANGED
@@ -22,7 +22,7 @@ var S_ContentsContainer = styled_components_1.default.div(templateObject_1 || (t
22
22
  var containerColor = _a.containerColor;
23
23
  return "background-color: " + containerColor;
24
24
  });
25
- 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) {
25
+ 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 margin: 0 auto;\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 margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n ", ";\n /* padding-bottom: 88px; */\n"])), function (_a) {
26
26
  var areaColor = _a.areaColor;
27
27
  return "background-color: " + areaColor;
28
28
  });
package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPB.js CHANGED
@@ -22,7 +22,7 @@ var S_ContentsContainer = styled_components_1.default.div(templateObject_1 || (t
22
22
  var containerColor = _a.containerColor;
23
23
  return "background-color: " + containerColor;
24
24
  });
25
- 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) {
25
+ 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 margin: 0 auto;\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 margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n ", ";\n /* padding-bottom: 88px; */\n"])), function (_a) {
26
26
  var areaColor = _a.areaColor;
27
27
  return "background-color: " + areaColor;
28
28
  });
package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPC.js CHANGED
@@ -40,11 +40,11 @@ var S_ContentsContainer2 = styled_components_1.default.div(templateObject_3 || (
40
40
  var containerColor = _a.containerColor;
41
41
  return "background-color: " + containerColor;
42
42
  });
43
- var S_ContentsArea1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n height: 100%;\n max-width: 768px;\n min-width: 360px;\n ", ";\n"], ["\n height: 100%;\n max-width: 768px;\n min-width: 360px;\n ", ";\n"])), function (_a) {
43
+ var S_ContentsArea1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n height: 100%;\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n ", ";\n"], ["\n height: 100%;\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n ", ";\n"])), function (_a) {
44
44
  var areaColor = _a.areaColor;
45
45
  return "background-color: " + areaColor;
46
46
  });
47
- var S_ContentsArea2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"], ["\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"])), function (_a) {
47
+ var S_ContentsArea2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"], ["\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"])), function (_a) {
48
48
  var areaColor = _a.areaColor;
49
49
  return "background-color: " + areaColor;
50
50
  });
package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPD.js CHANGED
@@ -22,7 +22,7 @@ var S_ContentsContainer = styled_components_1.default.div(templateObject_1 || (t
22
22
  var containerColor = _a.containerColor;
23
23
  return "background-color: " + containerColor;
24
24
  });
25
- var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n height: 100%;\n max-width: 768px;\n min-width: 360px;\n ", ";\n"], ["\n height: 100%;\n max-width: 768px;\n min-width: 360px;\n ", ";\n"])), function (_a) {
25
+ var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n height: 100%;\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n ", ";\n"], ["\n height: 100%;\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n ", ";\n"])), function (_a) {
26
26
  var areaColor = _a.areaColor;
27
27
  return "background-color: " + areaColor;
28
28
  });
package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPE.js CHANGED
@@ -22,7 +22,7 @@ var S_ContentsContainer = styled_components_1.default.div(templateObject_1 || (t
22
22
  var containerColor = _a.containerColor;
23
23
  return "background-color: " + containerColor;
24
24
  });
25
- var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n height: 100%;\n max-width: 768px;\n min-width: 360px;\n ", ";\n"], ["\n height: 100%;\n max-width: 768px;\n min-width: 360px;\n ", ";\n"])), function (_a) {
25
+ var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n height: 100%;\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n ", ";\n"], ["\n height: 100%;\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n ", ";\n"])), function (_a) {
26
26
  var areaColor = _a.areaColor;
27
27
  return "background-color: " + areaColor;
28
28
  });
package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPF.js CHANGED
@@ -40,11 +40,11 @@ var S_ContentsContainer2 = styled_components_1.default.div(templateObject_3 || (
40
40
  var containerColor = _a.containerColor;
41
41
  return "background-color: " + containerColor;
42
42
  });
43
- var S_ContentsArea1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n height: 100%;\n max-width: 768px;\n min-width: 360px;\n ", ";\n"], ["\n height: 100%;\n max-width: 768px;\n min-width: 360px;\n ", ";\n"])), function (_a) {
43
+ var S_ContentsArea1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n height: 100%;\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n ", ";\n"], ["\n height: 100%;\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n ", ";\n"])), function (_a) {
44
44
  var areaColor = _a.areaColor;
45
45
  return "background-color: " + areaColor;
46
46
  });
47
- var S_ContentsArea2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n height: 100%;\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"], ["\n height: 100%;\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"])), function (_a) {
47
+ var S_ContentsArea2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n height: 100%;\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"], ["\n height: 100%;\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"])), function (_a) {
48
48
  var areaColor = _a.areaColor;
49
49
  return "background-color: " + areaColor;
50
50
  });
package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSA.js CHANGED
@@ -22,7 +22,7 @@ var S_ContentsContainer = styled_components_1.default.div(templateObject_1 || (t
22
22
  var containerColor = _a.containerColor;
23
23
  return "background-color: " + containerColor;
24
24
  });
25
- var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"], ["\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"])), function (_a) {
25
+ var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"], ["\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"])), function (_a) {
26
26
  var areaColor = _a.areaColor;
27
27
  return "background-color: " + areaColor;
28
28
  });
package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSB.js CHANGED
@@ -22,7 +22,7 @@ var S_ContentsContainer = styled_components_1.default.div(templateObject_1 || (t
22
22
  var containerColor = _a.containerColor;
23
23
  return "background-color: " + containerColor;
24
24
  });
25
- var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"], ["\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"])), function (_a) {
25
+ var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"], ["\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"])), function (_a) {
26
26
  var areaColor = _a.areaColor;
27
27
  return "background-color: " + areaColor;
28
28
  });
package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSC.js CHANGED
@@ -40,11 +40,11 @@ var S_ContentsContainer2 = styled_components_1.default.div(templateObject_3 || (
40
40
  var containerColor = _a.containerColor;
41
41
  return "background-color: " + containerColor;
42
42
  });
43
- var S_ContentsArea1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n max-width: 768px;\n min-width: 360px;\n height: 100%;\n ", ";\n"], ["\n max-width: 768px;\n min-width: 360px;\n height: 100%;\n ", ";\n"])), function (_a) {
43
+ var S_ContentsArea1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n height: 100%;\n ", ";\n"], ["\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n height: 100%;\n ", ";\n"])), function (_a) {
44
44
  var areaColor = _a.areaColor;
45
45
  return "background-color: " + areaColor;
46
46
  });
47
- var S_ContentsArea2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"], ["\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"])), function (_a) {
47
+ var S_ContentsArea2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"], ["\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"])), function (_a) {
48
48
  var areaColor = _a.areaColor;
49
49
  return "background-color: " + areaColor;
50
50
  });
package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSD.js CHANGED
@@ -22,7 +22,7 @@ var S_ContentsContainer = styled_components_1.default.div(templateObject_1 || (t
22
22
  var containerColor = _a.containerColor;
23
23
  return "background-color: " + containerColor;
24
24
  });
25
- var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n max-width: 768px;\n min-width: 360px;\n height: 100%;\n ", ";\n"], ["\n max-width: 768px;\n min-width: 360px;\n height: 100%;\n ", ";\n"])), function (_a) {
25
+ var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n height: 100%;\n ", ";\n"], ["\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n height: 100%;\n ", ";\n"])), function (_a) {
26
26
  var areaColor = _a.areaColor;
27
27
  return "background-color: " + areaColor;
28
28
  });
package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSE.js CHANGED
@@ -22,7 +22,7 @@ var S_ContentsContainer = styled_components_1.default.div(templateObject_1 || (t
22
22
  var containerColor = _a.containerColor;
23
23
  return "background-color: " + containerColor;
24
24
  });
25
- var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n max-width: 768px;\n min-width: 360px;\n height: 100%;\n ", ";\n"], ["\n max-width: 768px;\n min-width: 360px;\n height: 100%;\n ", ";\n"])), function (_a) {
25
+ var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n height: 100%;\n ", ";\n"], ["\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n height: 100%;\n ", ";\n"])), function (_a) {
26
26
  var areaColor = _a.areaColor;
27
27
  return "background-color: " + areaColor;
28
28
  });
package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSF.js CHANGED
@@ -40,11 +40,11 @@ var S_ContentsContainer2 = styled_components_1.default.div(templateObject_3 || (
40
40
  var containerColor = _a.containerColor;
41
41
  return "background-color: " + containerColor;
42
42
  });
43
- var S_ContentsArea1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n max-width: 768px;\n min-width: 360px;\n height: 100%;\n ", ";\n"], ["\n max-width: 768px;\n min-width: 360px;\n height: 100%;\n ", ";\n"])), function (_a) {
43
+ var S_ContentsArea1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n height: 100%;\n ", ";\n"], ["\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n height: 100%;\n ", ";\n"])), function (_a) {
44
44
  var areaColor = _a.areaColor;
45
45
  return "background-color: " + areaColor;
46
46
  });
47
- var S_ContentsArea2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n height: 100%;\n ", ";\n"], ["\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n height: 100%;\n ", ";\n"])), function (_a) {
47
+ var S_ContentsArea2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n height: 100%;\n ", ";\n"], ["\n margin: 0 auto;\n max-width: 768px;\n min-width: 360px;\n padding-bottom: 88px;\n height: 100%;\n ", ";\n"])), function (_a) {
48
48
  var areaColor = _a.areaColor;
49
49
  return "background-color: " + areaColor;
50
50
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web",
3
- "version": "0.5.7",
3
+ "version": "0.5.11",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",