pds-dev-kit-web 2.0.7 → 2.0.8

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 (23) hide show
  1. package/dist/src/mobile/layout/LayoutMF/Containers/ContentsContainer/variation/MFA.js +2 -2
  2. package/dist/src/mobile/layout/LayoutMF/Containers/ContentsContainer/variation/MFB.js +4 -4
  3. package/dist/src/mobile/layout/LayoutMF/Containers/ContentsContainer/variation/MFC.js +2 -2
  4. package/dist/src/mobile/layout/LayoutMF/Containers/ContentsContainer/variation/MFD.js +2 -2
  5. package/dist/src/mobile/layout/LayoutMF/Containers/ContentsContainer/variation/MFE.js +4 -4
  6. package/dist/src/mobile/layout/LayoutMM/Containers/ContentsContainer/variation/MMA.js +2 -2
  7. package/dist/src/mobile/layout/LayoutMM/Containers/ContentsContainer/variation/MMB.js +2 -2
  8. package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPA.js +2 -2
  9. package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPB.js +2 -2
  10. package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPC.js +4 -4
  11. package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPD.js +2 -2
  12. package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPE.js +2 -2
  13. package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPF.js +4 -4
  14. package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSA.js +2 -2
  15. package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSB.js +2 -2
  16. package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSC.js +4 -4
  17. package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSD.js +2 -2
  18. package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSE.js +2 -2
  19. package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSF.js +4 -4
  20. package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSG.js +2 -2
  21. package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSH.js +2 -2
  22. package/package.json +1 -1
  23. package/release-note.md +4 -5
package/dist/src/mobile/layout/LayoutMF/Containers/ContentsContainer/variation/MFA.js CHANGED
@@ -45,14 +45,14 @@ var overrideStyleContainer1 = (0, styled_components_1.css)(templateObject_1 || (
45
45
  var theme = _a.theme, overrideContainer1ColorKey = _a.overrideContainer1ColorKey;
46
46
  return overrideContainer1ColorKey && theme[overrideContainer1ColorKey];
47
47
  });
48
- var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n height: 100%;\n min-width: 360px;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n height: 100%;\n min-width: 360px;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"])), function (_a) {
48
+ var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n height: 100%;\n\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n height: 100%;\n\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"])), function (_a) {
49
49
  var theme = _a.theme;
50
50
  return theme.ui_m_contentscontainer01_background;
51
51
  }, function (_a) {
52
52
  var containerColor = _a.containerColor;
53
53
  return "background-color: " + containerColor;
54
54
  }, overrideStyleContainer1);
55
- var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"], ["\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"])), function (_a) {
55
+ var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n padding-bottom: 88px;\n ", ";\n"], ["\n padding-bottom: 88px;\n ", ";\n"])), function (_a) {
56
56
  var areaColor = _a.areaColor;
57
57
  return "background-color: " + areaColor;
58
58
  });
package/dist/src/mobile/layout/LayoutMF/Containers/ContentsContainer/variation/MFB.js CHANGED
@@ -50,7 +50,7 @@ var overrideStyleContainer2 = (0, styled_components_1.css)(templateObject_2 || (
50
50
  return overrideContainer2ColorKey && theme[overrideContainer2ColorKey];
51
51
  });
52
52
  var S_Box = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n height: 100%;\n"], ["\n display: flex;\n flex-direction: column;\n height: 100%;\n"])));
53
- var S_ContentsContainer1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background-color: ", ";\n min-width: 360px;\n ", ";\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n min-width: 360px;\n ", ";\n ", ";\n\n ", "\n"])), function (_a) {
53
+ var S_ContentsContainer1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background-color: ", ";\n\n ", ";\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n\n ", ";\n ", ";\n\n ", "\n"])), function (_a) {
54
54
  var theme = _a.theme;
55
55
  return theme.ui_m_contentscontainer01_background;
56
56
  }, function (_a) {
@@ -63,18 +63,18 @@ var S_ContentsContainer1 = styled_components_1.default.div(templateObject_4 || (
63
63
  var containerColor = _a.containerColor;
64
64
  return "background-color: " + containerColor;
65
65
  }, overrideStyleContainer1);
66
- var S_ContentsContainer2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background-color: ", ";\n flex: 1;\n height: 100%;\n min-width: 360px;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n flex: 1;\n height: 100%;\n min-width: 360px;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"])), function (_a) {
66
+ var S_ContentsContainer2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background-color: ", ";\n flex: 1;\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n flex: 1;\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"])), function (_a) {
67
67
  var theme = _a.theme;
68
68
  return theme.ui_m_contentscontainer02_background;
69
69
  }, function (_a) {
70
70
  var containerColor = _a.containerColor;
71
71
  return "background-color: " + containerColor;
72
72
  }, overrideStyleContainer2);
73
- var S_ContentsArea1 = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n height: 100%;\n min-width: 360px;\n ", ";\n"], ["\n height: 100%;\n min-width: 360px;\n ", ";\n"])), function (_a) {
73
+ var S_ContentsArea1 = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n height: 100%;\n\n ", ";\n"], ["\n height: 100%;\n\n ", ";\n"])), function (_a) {
74
74
  var areaColor = _a.areaColor;
75
75
  return "background-color: " + areaColor;
76
76
  });
77
- var S_ContentsArea2 = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"], ["\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"])), function (_a) {
77
+ var S_ContentsArea2 = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n padding-bottom: 88px;\n ", ";\n"], ["\n padding-bottom: 88px;\n ", ";\n"])), function (_a) {
78
78
  var areaColor = _a.areaColor;
79
79
  return "background-color: " + areaColor;
80
80
  });
package/dist/src/mobile/layout/LayoutMF/Containers/ContentsContainer/variation/MFC.js CHANGED
@@ -45,14 +45,14 @@ var overrideStyleContainer1 = (0, styled_components_1.css)(templateObject_1 || (
45
45
  var theme = _a.theme, overrideContainer1ColorKey = _a.overrideContainer1ColorKey;
46
46
  return overrideContainer1ColorKey && theme[overrideContainer1ColorKey];
47
47
  });
48
- var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n flex: 1;\n height: 100%;\n min-width: 640px;\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n flex: 1;\n height: 100%;\n min-width: 640px;\n ", ";\n\n ", "\n"])), function (_a) {
48
+ var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n flex: 1;\n height: 100%;\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n flex: 1;\n height: 100%;\n ", ";\n\n ", "\n"])), function (_a) {
49
49
  var theme = _a.theme;
50
50
  return theme.ui_m_contentscontainer01_background;
51
51
  }, function (_a) {
52
52
  var containerColor = _a.containerColor;
53
53
  return "background-color: " + containerColor;
54
54
  }, overrideStyleContainer1);
55
- var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 100%;\n min-width: 640px;\n ", ";\n"], ["\n height: 100%;\n min-width: 640px;\n ", ";\n"])), function (_a) {
55
+ var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 100%;\n ", ";\n"], ["\n height: 100%;\n ", ";\n"])), function (_a) {
56
56
  var areaColor = _a.areaColor;
57
57
  return "background-color: " + areaColor;
58
58
  });
package/dist/src/mobile/layout/LayoutMF/Containers/ContentsContainer/variation/MFD.js CHANGED
@@ -45,14 +45,14 @@ var overrideStyleContainer1 = (0, styled_components_1.css)(templateObject_1 || (
45
45
  var theme = _a.theme, overrideContainer1ColorKey = _a.overrideContainer1ColorKey;
46
46
  return overrideContainer1ColorKey && theme[overrideContainer1ColorKey];
47
47
  });
48
- var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n flex: 1;\n height: 100%;\n min-width: 360px;\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n flex: 1;\n height: 100%;\n min-width: 360px;\n ", ";\n\n ", "\n"])), function (_a) {
48
+ var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n flex: 1;\n height: 100%;\n\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n flex: 1;\n height: 100%;\n\n ", ";\n\n ", "\n"])), function (_a) {
49
49
  var theme = _a.theme;
50
50
  return theme.ui_m_contentscontainer01_background;
51
51
  }, function (_a) {
52
52
  var containerColor = _a.containerColor;
53
53
  return "background-color: " + containerColor;
54
54
  }, overrideStyleContainer1);
55
- var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 100%;\n min-width: 360px;\n ", ";\n"], ["\n height: 100%;\n min-width: 360px;\n ", ";\n"])), function (_a) {
55
+ var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 100%;\n\n ", ";\n"], ["\n height: 100%;\n\n ", ";\n"])), function (_a) {
56
56
  var areaColor = _a.areaColor;
57
57
  return "background-color: " + areaColor;
58
58
  });
package/dist/src/mobile/layout/LayoutMF/Containers/ContentsContainer/variation/MFE.js CHANGED
@@ -50,7 +50,7 @@ var overrideStyleContainer2 = (0, styled_components_1.css)(templateObject_2 || (
50
50
  return overrideContainer2ColorKey && theme[overrideContainer2ColorKey];
51
51
  });
52
52
  var S_Box = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n height: 100%;\n"], ["\n display: flex;\n flex-direction: column;\n height: 100%;\n"])));
53
- var S_ContentsContainer1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background-color: ", ";\n min-width: 360px;\n ", ";\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n min-width: 360px;\n ", ";\n ", ";\n\n ", "\n"])), function (_a) {
53
+ var S_ContentsContainer1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background-color: ", ";\n\n ", ";\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n\n ", ";\n ", ";\n\n ", "\n"])), function (_a) {
54
54
  var theme = _a.theme;
55
55
  return theme.ui_m_contentscontainer01_background;
56
56
  }, function (_a) {
@@ -63,18 +63,18 @@ var S_ContentsContainer1 = styled_components_1.default.div(templateObject_4 || (
63
63
  var containerColor = _a.containerColor;
64
64
  return "background-color: " + containerColor;
65
65
  }, overrideStyleContainer1);
66
- var S_ContentsContainer2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background-color: ", ";\n flex: 1;\n height: 100%;\n min-width: 360px;\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n flex: 1;\n height: 100%;\n min-width: 360px;\n ", ";\n\n ", "\n"])), function (_a) {
66
+ var S_ContentsContainer2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background-color: ", ";\n flex: 1;\n height: 100%;\n\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n flex: 1;\n height: 100%;\n\n ", ";\n\n ", "\n"])), function (_a) {
67
67
  var theme = _a.theme;
68
68
  return theme.ui_m_contentscontainer02_background;
69
69
  }, function (_a) {
70
70
  var containerColor = _a.containerColor;
71
71
  return "background-color: " + containerColor;
72
72
  }, overrideStyleContainer2);
73
- var S_ContentsArea1 = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n height: 100%;\n min-width: 360px;\n ", ";\n"], ["\n height: 100%;\n min-width: 360px;\n ", ";\n"])), function (_a) {
73
+ var S_ContentsArea1 = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n height: 100%;\n\n ", ";\n"], ["\n height: 100%;\n\n ", ";\n"])), function (_a) {
74
74
  var areaColor = _a.areaColor;
75
75
  return "background-color: " + areaColor;
76
76
  });
77
- var S_ContentsArea2 = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n height: 100%;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"], ["\n height: 100%;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"])), function (_a) {
77
+ var S_ContentsArea2 = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n height: 100%;\n padding-bottom: 88px;\n ", ";\n"], ["\n height: 100%;\n padding-bottom: 88px;\n ", ";\n"])), function (_a) {
78
78
  var areaColor = _a.areaColor;
79
79
  return "background-color: " + areaColor;
80
80
  });
package/dist/src/mobile/layout/LayoutMM/Containers/ContentsContainer/variation/MMA.js CHANGED
@@ -45,14 +45,14 @@ var overrideStyleContainer1 = (0, styled_components_1.css)(templateObject_1 || (
45
45
  var theme = _a.theme, overrideContainer1ColorKey = _a.overrideContainer1ColorKey;
46
46
  return overrideContainer1ColorKey && theme[overrideContainer1ColorKey];
47
47
  });
48
- var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n height: 100%;\n min-width: 360px;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n height: 100%;\n min-width: 360px;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"])), function (_a) {
48
+ var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"])), function (_a) {
49
49
  var theme = _a.theme;
50
50
  return theme.ui_m_contentscontainer01_background;
51
51
  }, function (_a) {
52
52
  var containerColor = _a.containerColor;
53
53
  return "background-color: " + containerColor;
54
54
  }, overrideStyleContainer1);
55
- var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"], ["\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"])), function (_a) {
55
+ var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n padding-bottom: 88px;\n ", ";\n"], ["\n padding-bottom: 88px;\n ", ";\n"])), function (_a) {
56
56
  var areaColor = _a.areaColor;
57
57
  return "background-color: " + areaColor;
58
58
  });
package/dist/src/mobile/layout/LayoutMM/Containers/ContentsContainer/variation/MMB.js CHANGED
@@ -45,14 +45,14 @@ var overrideStyleContainer1 = (0, styled_components_1.css)(templateObject_1 || (
45
45
  var theme = _a.theme, overrideContainer1ColorKey = _a.overrideContainer1ColorKey;
46
46
  return overrideContainer1ColorKey && theme[overrideContainer1ColorKey];
47
47
  });
48
- var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n height: 100%;\n min-width: 360px;\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n height: 100%;\n min-width: 360px;\n ", ";\n\n ", "\n"])), function (_a) {
48
+ var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n height: 100%;\n\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n height: 100%;\n\n ", ";\n\n ", "\n"])), function (_a) {
49
49
  var theme = _a.theme;
50
50
  return theme.ui_m_contentscontainer01_background;
51
51
  }, function (_a) {
52
52
  var containerColor = _a.containerColor;
53
53
  return "background-color: " + containerColor;
54
54
  }, overrideStyleContainer1);
55
- var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 100%;\n min-width: 360px;\n ", ";\n"], ["\n height: 100%;\n min-width: 360px;\n ", ";\n"])), function (_a) {
55
+ var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 100%;\n\n ", ";\n"], ["\n height: 100%;\n\n ", ";\n"])), function (_a) {
56
56
  var areaColor = _a.areaColor;
57
57
  return "background-color: " + areaColor;
58
58
  });
package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPA.js CHANGED
@@ -45,14 +45,14 @@ var overrideStyleContainer1 = (0, styled_components_1.css)(templateObject_1 || (
45
45
  var theme = _a.theme, overrideContainer1ColorKey = _a.overrideContainer1ColorKey;
46
46
  return overrideContainer1ColorKey && theme[overrideContainer1ColorKey];
47
47
  });
48
- var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n height: 100%;\n min-width: 360px;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n height: 100%;\n min-width: 360px;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"])), function (_a) {
48
+ var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"])), function (_a) {
49
49
  var theme = _a.theme;
50
50
  return theme.ui_m_contentscontainer01_background;
51
51
  }, function (_a) {
52
52
  var containerColor = _a.containerColor;
53
53
  return "background-color: " + containerColor;
54
54
  }, overrideStyleContainer1);
55
- var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __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 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 min-width: 360px;\n ", ";\n /* padding-bottom: 88px; */\n"])), function (_a) {
55
+ var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __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\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\n ", ";\n /* padding-bottom: 88px; */\n"])), function (_a) {
56
56
  var areaColor = _a.areaColor;
57
57
  return "background-color: " + areaColor;
58
58
  });
package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPB.js CHANGED
@@ -45,14 +45,14 @@ var overrideStyleContainer1 = (0, styled_components_1.css)(templateObject_1 || (
45
45
  var theme = _a.theme, overrideContainer1ColorKey = _a.overrideContainer1ColorKey;
46
46
  return overrideContainer1ColorKey && theme[overrideContainer1ColorKey];
47
47
  });
48
- var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n height: 100%;\n min-width: 360px;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n height: 100%;\n min-width: 360px;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"])), function (_a) {
48
+ var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"])), function (_a) {
49
49
  var theme = _a.theme;
50
50
  return theme.ui_m_contentscontainer01_background;
51
51
  }, function (_a) {
52
52
  var containerColor = _a.containerColor;
53
53
  return "background-color: " + containerColor;
54
54
  }, overrideStyleContainer1);
55
- var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __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 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 min-width: 360px;\n ", ";\n /* padding-bottom: 88px; */\n"])), function (_a) {
55
+ var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __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\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\n ", ";\n /* padding-bottom: 88px; */\n"])), function (_a) {
56
56
  var areaColor = _a.areaColor;
57
57
  return "background-color: " + areaColor;
58
58
  });
package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPC.js CHANGED
@@ -50,7 +50,7 @@ var overrideStyleContainer2 = (0, styled_components_1.css)(templateObject_2 || (
50
50
  return overrideContainer2ColorKey && theme[overrideContainer2ColorKey];
51
51
  });
52
52
  var S_Box = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n height: 100%;\n"], ["\n display: flex;\n flex-direction: column;\n height: 100%;\n"])));
53
- var S_ContentsContainer1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background-color: ", ";\n min-width: 360px;\n ", ";\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n min-width: 360px;\n ", ";\n ", ";\n\n ", "\n"])), function (_a) {
53
+ var S_ContentsContainer1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background-color: ", ";\n\n ", ";\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n\n ", ";\n ", ";\n\n ", "\n"])), function (_a) {
54
54
  var theme = _a.theme;
55
55
  return theme.ui_m_contentscontainer01_background;
56
56
  }, function (_a) {
@@ -63,18 +63,18 @@ var S_ContentsContainer1 = styled_components_1.default.div(templateObject_4 || (
63
63
  var containerColor = _a.containerColor;
64
64
  return "background-color: " + containerColor;
65
65
  }, overrideStyleContainer1);
66
- var S_ContentsContainer2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background-color: ", ";\n flex: 1;\n height: 100%;\n min-width: 360px;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n flex: 1;\n height: 100%;\n min-width: 360px;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"])), function (_a) {
66
+ var S_ContentsContainer2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background-color: ", ";\n flex: 1;\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n flex: 1;\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"])), function (_a) {
67
67
  var theme = _a.theme;
68
68
  return theme.ui_m_contentscontainer02_background;
69
69
  }, function (_a) {
70
70
  var containerColor = _a.containerColor;
71
71
  return "background-color: " + containerColor;
72
72
  }, overrideStyleContainer2);
73
- var S_ContentsArea1 = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n height: 100%;\n min-width: 360px;\n ", ";\n"], ["\n height: 100%;\n min-width: 360px;\n ", ";\n"])), function (_a) {
73
+ var S_ContentsArea1 = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n height: 100%;\n\n ", ";\n"], ["\n height: 100%;\n\n ", ";\n"])), function (_a) {
74
74
  var areaColor = _a.areaColor;
75
75
  return "background-color: " + areaColor;
76
76
  });
77
- var S_ContentsArea2 = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"], ["\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"])), function (_a) {
77
+ var S_ContentsArea2 = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n padding-bottom: 88px;\n ", ";\n"], ["\n padding-bottom: 88px;\n ", ";\n"])), function (_a) {
78
78
  var areaColor = _a.areaColor;
79
79
  return "background-color: " + areaColor;
80
80
  });
package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPD.js CHANGED
@@ -45,14 +45,14 @@ var overrideStyleContainer1 = (0, styled_components_1.css)(templateObject_1 || (
45
45
  var theme = _a.theme, overrideContainer1ColorKey = _a.overrideContainer1ColorKey;
46
46
  return overrideContainer1ColorKey && theme[overrideContainer1ColorKey];
47
47
  });
48
- var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n height: 100%;\n min-width: 360px;\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n height: 100%;\n min-width: 360px;\n ", ";\n\n ", "\n"])), function (_a) {
48
+ var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n height: 100%;\n\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n height: 100%;\n\n ", ";\n\n ", "\n"])), function (_a) {
49
49
  var theme = _a.theme;
50
50
  return theme.ui_m_contentscontainer01_background;
51
51
  }, function (_a) {
52
52
  var containerColor = _a.containerColor;
53
53
  return "background-color: " + containerColor;
54
54
  }, overrideStyleContainer1);
55
- var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 100%;\n min-width: 360px;\n ", ";\n"], ["\n height: 100%;\n min-width: 360px;\n ", ";\n"])), function (_a) {
55
+ var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 100%;\n\n ", ";\n"], ["\n height: 100%;\n\n ", ";\n"])), function (_a) {
56
56
  var areaColor = _a.areaColor;
57
57
  return "background-color: " + areaColor;
58
58
  });
package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPE.js CHANGED
@@ -45,14 +45,14 @@ var overrideStyleContainer1 = (0, styled_components_1.css)(templateObject_1 || (
45
45
  var theme = _a.theme, overrideContainer1ColorKey = _a.overrideContainer1ColorKey;
46
46
  return overrideContainer1ColorKey && theme[overrideContainer1ColorKey];
47
47
  });
48
- var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n height: 100%;\n min-width: 360px;\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n height: 100%;\n min-width: 360px;\n ", ";\n\n ", "\n"])), function (_a) {
48
+ var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n height: 100%;\n\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n height: 100%;\n\n ", ";\n\n ", "\n"])), function (_a) {
49
49
  var theme = _a.theme;
50
50
  return theme.ui_m_contentscontainer01_background;
51
51
  }, function (_a) {
52
52
  var containerColor = _a.containerColor;
53
53
  return "background-color: " + containerColor;
54
54
  }, overrideStyleContainer1);
55
- var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 100%;\n min-width: 360px;\n ", ";\n"], ["\n height: 100%;\n min-width: 360px;\n ", ";\n"])), function (_a) {
55
+ var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 100%;\n\n ", ";\n"], ["\n height: 100%;\n\n ", ";\n"])), function (_a) {
56
56
  var areaColor = _a.areaColor;
57
57
  return "background-color: " + areaColor;
58
58
  });
package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPF.js CHANGED
@@ -50,7 +50,7 @@ var overrideStyleContainer2 = (0, styled_components_1.css)(templateObject_2 || (
50
50
  return overrideContainer2ColorKey && theme[overrideContainer2ColorKey];
51
51
  });
52
52
  var S_Box = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n height: 100%;\n"], ["\n display: flex;\n flex-direction: column;\n height: 100%;\n"])));
53
- var S_ContentsContainer1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background-color: ", ";\n min-width: 360px;\n ", ";\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n min-width: 360px;\n ", ";\n ", ";\n\n ", "\n"])), function (_a) {
53
+ var S_ContentsContainer1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background-color: ", ";\n\n ", ";\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n\n ", ";\n ", ";\n\n ", "\n"])), function (_a) {
54
54
  var theme = _a.theme;
55
55
  return theme.ui_m_contentscontainer01_background;
56
56
  }, function (_a) {
@@ -63,18 +63,18 @@ var S_ContentsContainer1 = styled_components_1.default.div(templateObject_4 || (
63
63
  var containerColor = _a.containerColor;
64
64
  return "background-color: " + containerColor;
65
65
  }, overrideStyleContainer1);
66
- var S_ContentsContainer2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background-color: ", ";\n flex: 1;\n height: 100%;\n min-width: 360px;\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n flex: 1;\n height: 100%;\n min-width: 360px;\n ", ";\n\n ", "\n"])), function (_a) {
66
+ var S_ContentsContainer2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background-color: ", ";\n flex: 1;\n height: 100%;\n\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n flex: 1;\n height: 100%;\n\n ", ";\n\n ", "\n"])), function (_a) {
67
67
  var theme = _a.theme;
68
68
  return theme.ui_m_contentscontainer02_background;
69
69
  }, function (_a) {
70
70
  var containerColor = _a.containerColor;
71
71
  return "background-color: " + containerColor;
72
72
  }, overrideStyleContainer2);
73
- var S_ContentsArea1 = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n height: 100%;\n min-width: 360px;\n ", ";\n"], ["\n height: 100%;\n min-width: 360px;\n ", ";\n"])), function (_a) {
73
+ var S_ContentsArea1 = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n height: 100%;\n\n ", ";\n"], ["\n height: 100%;\n\n ", ";\n"])), function (_a) {
74
74
  var areaColor = _a.areaColor;
75
75
  return "background-color: " + areaColor;
76
76
  });
77
- var S_ContentsArea2 = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n height: 100%;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"], ["\n height: 100%;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"])), function (_a) {
77
+ var S_ContentsArea2 = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n height: 100%;\n padding-bottom: 88px;\n ", ";\n"], ["\n height: 100%;\n padding-bottom: 88px;\n ", ";\n"])), function (_a) {
78
78
  var areaColor = _a.areaColor;
79
79
  return "background-color: " + areaColor;
80
80
  });
package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSA.js CHANGED
@@ -45,14 +45,14 @@ var overrideStyleContainer1 = (0, styled_components_1.css)(templateObject_1 || (
45
45
  var theme = _a.theme, overrideContainer1ColorKey = _a.overrideContainer1ColorKey;
46
46
  return overrideContainer1ColorKey && theme[overrideContainer1ColorKey];
47
47
  });
48
- var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n height: 100%;\n min-width: 360px;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n height: 100%;\n min-width: 360px;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"])), function (_a) {
48
+ var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n height: 100%;\n\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n height: 100%;\n\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"])), function (_a) {
49
49
  var theme = _a.theme;
50
50
  return theme.ui_m_contentscontainer01_background;
51
51
  }, function (_a) {
52
52
  var containerColor = _a.containerColor;
53
53
  return "background-color: " + containerColor;
54
54
  }, overrideStyleContainer1);
55
- var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n min-width: 360px;\n ", ";\n ", ";\n"], ["\n min-width: 360px;\n ", ";\n ", ";\n"])), function (_a) {
55
+ var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", ";\n ", ";\n"], ["\n ", ";\n ", ";\n"])), function (_a) {
56
56
  var layoutType = _a.layoutType;
57
57
  return ({
58
58
  MSA_1: 'padding-bottom: 88px;',
package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSB.js CHANGED
@@ -45,14 +45,14 @@ var overrideStyleContainer1 = (0, styled_components_1.css)(templateObject_1 || (
45
45
  var theme = _a.theme, overrideContainer1ColorKey = _a.overrideContainer1ColorKey;
46
46
  return overrideContainer1ColorKey && theme[overrideContainer1ColorKey];
47
47
  });
48
- var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n height: 100%;\n min-width: 360px;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n height: 100%;\n min-width: 360px;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"])), function (_a) {
48
+ var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"])), function (_a) {
49
49
  var theme = _a.theme;
50
50
  return theme.ui_m_contentscontainer01_background;
51
51
  }, function (_a) {
52
52
  var containerColor = _a.containerColor;
53
53
  return "background-color: " + containerColor;
54
54
  }, overrideStyleContainer1);
55
- var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"], ["\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"])), function (_a) {
55
+ var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n padding-bottom: 88px;\n ", ";\n"], ["\n padding-bottom: 88px;\n ", ";\n"])), function (_a) {
56
56
  var areaColor = _a.areaColor;
57
57
  return "background-color: " + areaColor;
58
58
  });
package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSC.js CHANGED
@@ -50,7 +50,7 @@ var overrideStyleContainer2 = (0, styled_components_1.css)(templateObject_2 || (
50
50
  return overrideContainer2ColorKey && theme[overrideContainer2ColorKey];
51
51
  });
52
52
  var S_Box = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n height: 100%;\n"], ["\n display: flex;\n flex-direction: column;\n height: 100%;\n"])));
53
- var S_ContentsContainer1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background-color: ", ";\n min-width: 360px;\n ", ";\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n min-width: 360px;\n ", ";\n ", ";\n\n ", "\n"])), function (_a) {
53
+ var S_ContentsContainer1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background-color: ", ";\n\n ", ";\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n\n ", ";\n ", ";\n\n ", "\n"])), function (_a) {
54
54
  var theme = _a.theme;
55
55
  return theme.ui_m_contentscontainer01_background;
56
56
  }, function (_a) {
@@ -63,18 +63,18 @@ var S_ContentsContainer1 = styled_components_1.default.div(templateObject_4 || (
63
63
  var containerColor = _a.containerColor;
64
64
  return "background-color: " + containerColor;
65
65
  }, overrideStyleContainer1);
66
- var S_ContentsContainer2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background-color: ", ";\n flex: 1;\n height: 100%;\n min-width: 360px;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n flex: 1;\n height: 100%;\n min-width: 360px;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"])), function (_a) {
66
+ var S_ContentsContainer2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background-color: ", ";\n flex: 1;\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n flex: 1;\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"])), function (_a) {
67
67
  var theme = _a.theme;
68
68
  return theme.ui_m_contentscontainer02_background;
69
69
  }, function (_a) {
70
70
  var containerColor = _a.containerColor;
71
71
  return "background-color: " + containerColor;
72
72
  }, overrideStyleContainer2);
73
- var S_ContentsArea1 = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n height: 100%;\n min-width: 360px;\n ", ";\n"], ["\n height: 100%;\n min-width: 360px;\n ", ";\n"])), function (_a) {
73
+ var S_ContentsArea1 = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n height: 100%;\n\n ", ";\n"], ["\n height: 100%;\n\n ", ";\n"])), function (_a) {
74
74
  var areaColor = _a.areaColor;
75
75
  return "background-color: " + areaColor;
76
76
  });
77
- var S_ContentsArea2 = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"], ["\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"])), function (_a) {
77
+ var S_ContentsArea2 = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n padding-bottom: 88px;\n ", ";\n"], ["\n padding-bottom: 88px;\n ", ";\n"])), function (_a) {
78
78
  var areaColor = _a.areaColor;
79
79
  return "background-color: " + areaColor;
80
80
  });
package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSD.js CHANGED
@@ -45,14 +45,14 @@ var overrideStyleContainer1 = (0, styled_components_1.css)(templateObject_1 || (
45
45
  var theme = _a.theme, overrideContainer1ColorKey = _a.overrideContainer1ColorKey;
46
46
  return overrideContainer1ColorKey && theme[overrideContainer1ColorKey];
47
47
  });
48
- var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n height: 100%;\n min-width: 360px;\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n height: 100%;\n min-width: 360px;\n ", ";\n\n ", "\n"])), function (_a) {
48
+ var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n height: 100%;\n\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n height: 100%;\n\n ", ";\n\n ", "\n"])), function (_a) {
49
49
  var theme = _a.theme;
50
50
  return theme.ui_m_contentscontainer01_background;
51
51
  }, function (_a) {
52
52
  var containerColor = _a.containerColor;
53
53
  return "background-color: " + containerColor;
54
54
  }, overrideStyleContainer1);
55
- var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 100%;\n min-width: 360px;\n ", ";\n"], ["\n height: 100%;\n min-width: 360px;\n ", ";\n"])), function (_a) {
55
+ var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 100%;\n\n ", ";\n"], ["\n height: 100%;\n\n ", ";\n"])), function (_a) {
56
56
  var areaColor = _a.areaColor;
57
57
  return "background-color: " + areaColor;
58
58
  });
package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSE.js CHANGED
@@ -45,14 +45,14 @@ var overrideStyleContainer1 = (0, styled_components_1.css)(templateObject_1 || (
45
45
  var theme = _a.theme, overrideContainer1ColorKey = _a.overrideContainer1ColorKey;
46
46
  return overrideContainer1ColorKey && theme[overrideContainer1ColorKey];
47
47
  });
48
- var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n height: 100%;\n min-width: 360px;\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n height: 100%;\n min-width: 360px;\n ", ";\n\n ", "\n"])), function (_a) {
48
+ var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n height: 100%;\n\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n height: 100%;\n\n ", ";\n\n ", "\n"])), function (_a) {
49
49
  var theme = _a.theme;
50
50
  return theme.ui_m_contentscontainer01_background;
51
51
  }, function (_a) {
52
52
  var containerColor = _a.containerColor;
53
53
  return "background-color: " + containerColor;
54
54
  }, overrideStyleContainer1);
55
- var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 100%;\n min-width: 360px;\n ", ";\n"], ["\n height: 100%;\n min-width: 360px;\n ", ";\n"])), function (_a) {
55
+ var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 100%;\n\n ", ";\n"], ["\n height: 100%;\n\n ", ";\n"])), function (_a) {
56
56
  var areaColor = _a.areaColor;
57
57
  return "background-color: " + areaColor;
58
58
  });
package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSF.js CHANGED
@@ -50,7 +50,7 @@ var overrideStyleContainer2 = (0, styled_components_1.css)(templateObject_2 || (
50
50
  return overrideContainer2ColorKey && theme[overrideContainer2ColorKey];
51
51
  });
52
52
  var S_Box = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n height: 100%;\n"], ["\n display: flex;\n flex-direction: column;\n height: 100%;\n"])));
53
- var S_ContentsContainer1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background-color: ", ";\n min-width: 360px;\n ", ";\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n min-width: 360px;\n ", ";\n ", ";\n\n ", "\n"])), function (_a) {
53
+ var S_ContentsContainer1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background-color: ", ";\n\n ", ";\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n\n ", ";\n ", ";\n\n ", "\n"])), function (_a) {
54
54
  var theme = _a.theme;
55
55
  return theme.ui_m_contentscontainer01_background;
56
56
  }, function (_a) {
@@ -63,18 +63,18 @@ var S_ContentsContainer1 = styled_components_1.default.div(templateObject_4 || (
63
63
  var containerColor = _a.containerColor;
64
64
  return "background-color: " + containerColor;
65
65
  }, overrideStyleContainer1);
66
- var S_ContentsContainer2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background-color: ", ";\n flex: 1;\n height: 100%;\n min-width: 360px;\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n flex: 1;\n height: 100%;\n min-width: 360px;\n ", ";\n\n ", "\n"])), function (_a) {
66
+ var S_ContentsContainer2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background-color: ", ";\n flex: 1;\n height: 100%;\n\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n flex: 1;\n height: 100%;\n\n ", ";\n\n ", "\n"])), function (_a) {
67
67
  var theme = _a.theme;
68
68
  return theme.ui_m_contentscontainer02_background;
69
69
  }, function (_a) {
70
70
  var containerColor = _a.containerColor;
71
71
  return "background-color: " + containerColor;
72
72
  }, overrideStyleContainer2);
73
- var S_ContentsArea1 = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n height: 100%;\n min-width: 360px;\n ", ";\n"], ["\n height: 100%;\n min-width: 360px;\n ", ";\n"])), function (_a) {
73
+ var S_ContentsArea1 = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n height: 100%;\n\n ", ";\n"], ["\n height: 100%;\n\n ", ";\n"])), function (_a) {
74
74
  var areaColor = _a.areaColor;
75
75
  return "background-color: " + areaColor;
76
76
  });
77
- var S_ContentsArea2 = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n height: 100%;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"], ["\n height: 100%;\n min-width: 360px;\n padding-bottom: 88px;\n ", ";\n"])), function (_a) {
77
+ var S_ContentsArea2 = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n height: 100%;\n padding-bottom: 88px;\n ", ";\n"], ["\n height: 100%;\n padding-bottom: 88px;\n ", ";\n"])), function (_a) {
78
78
  var areaColor = _a.areaColor;
79
79
  return "background-color: " + areaColor;
80
80
  });
package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSG.js CHANGED
@@ -45,14 +45,14 @@ var overrideStyleContainer1 = (0, styled_components_1.css)(templateObject_1 || (
45
45
  var theme = _a.theme, overrideContainer1ColorKey = _a.overrideContainer1ColorKey;
46
46
  return overrideContainer1ColorKey && theme[overrideContainer1ColorKey];
47
47
  });
48
- var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n height: 100%;\n min-width: 360px;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n height: 100%;\n min-width: 360px;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"])), function (_a) {
48
+ var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n ", ";\n\n ", "\n"])), function (_a) {
49
49
  var theme = _a.theme;
50
50
  return theme.ui_m_contentscontainer01_background;
51
51
  }, function (_a) {
52
52
  var containerColor = _a.containerColor;
53
53
  return "background-color: " + containerColor;
54
54
  }, overrideStyleContainer1);
55
- var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __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 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 min-width: 360px;\n ", ";\n /* padding-bottom: 88px; */\n"])), function (_a) {
55
+ var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __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\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\n ", ";\n /* padding-bottom: 88px; */\n"])), function (_a) {
56
56
  var areaColor = _a.areaColor;
57
57
  return "background-color: " + areaColor;
58
58
  });
package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSH.js CHANGED
@@ -45,14 +45,14 @@ var overrideStyleContainer1 = (0, styled_components_1.css)(templateObject_1 || (
45
45
  var theme = _a.theme, overrideContainer1ColorKey = _a.overrideContainer1ColorKey;
46
46
  return overrideContainer1ColorKey && theme[overrideContainer1ColorKey];
47
47
  });
48
- var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n height: 100%;\n min-width: 360px;\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n height: 100%;\n min-width: 360px;\n ", ";\n\n ", "\n"])), function (_a) {
48
+ var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n height: 100%;\n\n ", ";\n\n ", "\n"], ["\n background-color: ", ";\n height: 100%;\n\n ", ";\n\n ", "\n"])), function (_a) {
49
49
  var theme = _a.theme;
50
50
  return theme.ui_m_contentscontainer01_background;
51
51
  }, function (_a) {
52
52
  var containerColor = _a.containerColor;
53
53
  return "background-color: " + containerColor;
54
54
  }, overrideStyleContainer1);
55
- var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 100%;\n min-width: 360px;\n ", ";\n"], ["\n height: 100%;\n min-width: 360px;\n ", ";\n"])), function (_a) {
55
+ var S_ContentsArea = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 100%;\n\n ", ";\n"], ["\n height: 100%;\n\n ", ";\n"])), function (_a) {
56
56
  var areaColor = _a.areaColor;
57
57
  return "background-color: " + areaColor;
58
58
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web",
3
- "version": "2.0.7",
3
+ "version": "2.0.8",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
package/release-note.md CHANGED
@@ -1,9 +1,8 @@
1
1
  # PDS-DEV-KIT-WEB Release Notes
2
- ## [v2.0.7]
2
+ ## [v2.0.8]
3
3
 
4
4
  ## daily|https://design.storybook.publ.biz/
5
5
 
6
- ### sub
7
- * DynamicLayout
8
- * 액션핸들러의 액션 네이밍 규칙을 수정
9
- * [SECTION_NAME]_[OBJECT]_[ACTION] → @[TypeOfSectionManifestSchema]/[OBJECT]_[ACTION]
6
+ ### Layout
7
+ * mobile 유형 전체
8
+ * min-width 제거