pds-dev-kit-web 2.0.6 → 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 (26) 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/dist/src/sub/DynamicLayout/sectionActionTypes.d.ts +1 -1
  23. package/dist/src/sub/DynamicLayout/sections/FullscreenIframeSection/templates/TemplateA/desktop/D_TemplateA.js +1 -1
  24. package/dist/src/sub/DynamicLayout/sections/FullscreenIframeSection/templates/TemplateA/mobile/M_TemplateA.js +1 -1
  25. package/package.json +1 -1
  26. package/release-note.md +5 -6
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/dist/src/sub/DynamicLayout/sectionActionTypes.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  export declare type TypeOfSectionAction = ActionMap<ActionHandlerPayload>[keyof ActionMap<ActionHandlerPayload>];
3
3
  declare type ActionHandlerPayload = {
4
- LOAD_IFRAME_SECTION: {
4
+ '@EXP_IFRAME/IFRAME_ON_LOADED': {
5
5
  event: React.SyntheticEvent<HTMLIFrameElement, Event>;
6
6
  multiPurposeUrl: string;
7
7
  };
package/dist/src/sub/DynamicLayout/sections/FullscreenIframeSection/templates/TemplateA/desktop/D_TemplateA.js CHANGED
@@ -10,7 +10,7 @@ function TemplateA() {
10
10
  var onIframeLoad = function (event) {
11
11
  if (sectionActionHandler) {
12
12
  sectionActionHandler({
13
- type: 'LOAD_IFRAME_SECTION',
13
+ type: '@EXP_IFRAME/IFRAME_ON_LOADED',
14
14
  payload: { event: event, multiPurposeUrl: section.properties.multiPurposeUrl }
15
15
  });
16
16
  }
package/dist/src/sub/DynamicLayout/sections/FullscreenIframeSection/templates/TemplateA/mobile/M_TemplateA.js CHANGED
@@ -10,7 +10,7 @@ function TemplateA() {
10
10
  var onIframeLoad = function (event) {
11
11
  if (sectionActionHandler) {
12
12
  sectionActionHandler({
13
- type: 'LOAD_IFRAME_SECTION',
13
+ type: '@EXP_IFRAME/IFRAME_ON_LOADED',
14
14
  payload: { event: event, multiPurposeUrl: section.properties.multiPurposeUrl }
15
15
  });
16
16
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web",
3
- "version": "2.0.6",
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.6]
2
+ ## [v2.0.8]
3
3
 
4
- ## release|https://design.storybook.publ.biz/
4
+ ## daily|https://design.storybook.publ.biz/
5
5
 
6
- ### sub
7
- * DynamicLayout
8
- * Iframe Section 추가
9
- * ActionHandler 추가
6
+ ### Layout
7
+ * mobile 유형 전체
8
+ * min-width 제거