pds-dev-kit-web-test 0.0.23 → 0.0.25

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 (56) hide show
  1. package/dist/src/common/styles/colorSet/PaletteColor_Dark.json +7 -3
  2. package/dist/src/common/styles/colorSet/PaletteColor_light.json +7 -3
  3. package/dist/src/common/styles/colorSet/SemanticColor.json +7 -1
  4. package/dist/src/common/styles/colorSet/UIColor.json +6 -2
  5. package/dist/src/common/styles/colorSet/index.d.ts +18 -0
  6. package/dist/src/common/styles/colorSet/ui-type.d.ts +4 -0
  7. package/dist/src/common/styles/movement/animationStyle.d.ts +0 -3
  8. package/dist/src/common/styles/movement/animationStyle.js +6 -15
  9. package/dist/src/common/styles/movement/keyframes.js +14 -14
  10. package/dist/src/common/styles/movement/transitionStyle.d.ts +1 -1
  11. package/dist/src/common/styles/movement/transitionStyle.js +3 -3
  12. package/dist/src/desktop/components/AdminListItem/AdminListItem.js +2 -2
  13. package/dist/src/desktop/components/DesktopAlertDialog/DesktopAlertDialog.js +1 -1
  14. package/dist/src/desktop/components/Dropdown/Dropdown.js +14 -3
  15. package/dist/src/desktop/components/EditApplyTextField/EditApplyTextField.js +14 -4
  16. package/dist/src/desktop/components/FloatingActionButton/FloatingActionButton.js +7 -4
  17. package/dist/src/desktop/components/IconButton/IconButton.js +7 -6
  18. package/dist/src/desktop/components/LottieReactionButton/LottieReactionButton.js +4 -3
  19. package/dist/src/desktop/components/MainButton/MainButton.js +17 -14
  20. package/dist/src/desktop/components/ReactionButton/ReactionButton.js +2 -1
  21. package/dist/src/desktop/components/Select/Select.js +13 -2
  22. package/dist/src/desktop/components/TextButton/TextButton.js +3 -2
  23. package/dist/src/desktop/components/TextField/TextField.js +14 -4
  24. package/dist/src/desktop/components/UploadIconButton/UploadIconButton.js +7 -6
  25. package/dist/src/desktop/components/UploadMainButton/UploadMainButton.js +16 -21
  26. package/dist/src/desktop/components/UploadTextButton/UploadTextButton.js +3 -2
  27. package/dist/src/desktop/panels/ContentSheet/ContentSheet.js +2 -3
  28. package/dist/src/mobile/components/Dropdown/Dropdown.js +11 -3
  29. package/dist/src/mobile/components/FloatingActionButton/FloatingActionButton.js +4 -3
  30. package/dist/src/mobile/components/IconButton/IconButton.js +6 -5
  31. package/dist/src/mobile/components/LottieReactionButton/LottieReactionButton.js +3 -2
  32. package/dist/src/mobile/components/MainButton/MainButton.js +12 -11
  33. package/dist/src/mobile/components/MobileAlertDialog/MobileAlertDialog.js +3 -2
  34. package/dist/src/mobile/components/Select/Select.js +10 -2
  35. package/dist/src/mobile/components/TextButton/TextButton.js +2 -1
  36. package/dist/src/mobile/components/TextField/TextField.js +12 -4
  37. package/dist/src/mobile/components/UploadIconButton/UploadIconButton.js +6 -5
  38. package/dist/src/mobile/components/UploadMainButton/UploadMainButton.js +12 -14
  39. package/dist/src/mobile/components/UploadTextButton/UploadTextButton.js +3 -2
  40. package/dist/src/mobile/panels/MobileBasicModal/MobileBasicModal.js +3 -2
  41. package/dist/src/sub/DynamicLayout/DynamicLayout.d.ts +1 -1
  42. package/dist/src/sub/DynamicLayout/DynamicLayout.js +66 -3
  43. package/dist/src/sub/DynamicLayout/sections/ContentsCarouselSection/templates/TemplateA/desktop/D_TemplateA.js +1 -1
  44. package/dist/src/sub/DynamicLayout/sections/ContentsCarouselSection/templates/TemplateB/desktop/D_TemplateB.js +1 -1
  45. package/dist/src/sub/DynamicLayout/sections/ContentsSection/templates/TemplateA/desktop/D_TemplateA.js +1 -1
  46. package/dist/src/sub/DynamicLayout/sections/ContentsSection/templates/TemplateB/desktop/D_TemplateB.js +1 -1
  47. package/dist/src/sub/DynamicLayout/sections/FooterSection/templates/TemplateA/desktop/D_TemplateA.js +1 -1
  48. package/dist/src/sub/DynamicLayout/sections/FooterSection/templates/TemplateB/desktop/D_TemplateB.js +1 -1
  49. package/dist/src/sub/DynamicLayout/sections/InfoBoxSection/templates/TemplateA/desktop/D_TemplateA.js +1 -1
  50. package/dist/src/sub/DynamicLayout/sections/IntroSection/templates/TemplateA/desktop/D_TemplateA.js +1 -1
  51. package/dist/src/sub/DynamicLayout/sections/IntroSection/templates/TemplateB/desktop/D_TemplateB.js +1 -1
  52. package/dist/src/sub/DynamicLayout/sections/IntroSection/templates/TemplateC/desktop/D_TemplateC.js +1 -1
  53. package/dist/src/sub/DynamicLayout/sections/IntroSection/templates/TemplateD/desktop/D_TemplateD.js +1 -1
  54. package/dist/src/sub/DynamicLayout/types.d.ts +3 -1
  55. package/package.json +1 -1
  56. package/release-note.md +41 -6
package/dist/src/sub/DynamicLayout/sections/InfoBoxSection/templates/TemplateA/desktop/D_TemplateA.js CHANGED
@@ -73,7 +73,7 @@ function TemplateA() {
73
73
  buttonAlphaLinkSrc && (react_1.default.createElement(S_ButtonBox, null,
74
74
  react_1.default.createElement(desktop_1.Section.Button, { buttonType: buttonAlphaDesignType, text: buttonAlphaLabel, linkType: buttonAlphaLinkType, src: buttonAlphaLinkSrc, textColor: buttonAlphaLabelColorInHex, backgroundColor: buttonAlphaBackgroundColorInHex, borderColor: buttonAlphaLabelColorInHex })))));
75
75
  }
76
- var S_ContentsArea = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n --min-width: 1000;\n --min-width-px: 1000px;\n --max-width: 1500;\n --max-width-px: 1500px;\n --min-viewport-width: 1200;\n --min-viewport-width-px: 1200px;\n --max-viewport-width: 1920;\n --max-viewport-width-px: 1920px;\n width: calc(\n (100vw - var(--min-viewport-width-px)) * (var(--max-width) - var(--min-width)) /\n (var(--max-viewport-width) - var(--min-viewport-width)) + var(--min-width-px)\n );\n min-width: var(--min-width-px);\n max-width: var(--max-width-px);\n\n margin: 160px auto;\n ", "\n"], ["\n --min-width: 1000;\n --min-width-px: 1000px;\n --max-width: 1500;\n --max-width-px: 1500px;\n --min-viewport-width: 1200;\n --min-viewport-width-px: 1200px;\n --max-viewport-width: 1920;\n --max-viewport-width-px: 1920px;\n width: calc(\n (100vw - var(--min-viewport-width-px)) * (var(--max-width) - var(--min-width)) /\n (var(--max-viewport-width) - var(--min-viewport-width)) + var(--min-width-px)\n );\n min-width: var(--min-width-px);\n max-width: var(--max-width-px);\n\n margin: 160px auto;\n ", "\n"])), function (_a) {
76
+ var S_ContentsArea = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n --min-width: 1000;\n --min-width-px: 1000px;\n --max-width: 1500;\n --max-width-px: 1500px;\n --min-viewport-width: 1200;\n --min-viewport-width-px: 1200px;\n --max-viewport-width: 1920;\n --max-viewport-width-px: 1920px;\n width: calc(\n (100% - var(--min-viewport-width-px)) * (var(--max-width) - var(--min-width)) /\n (var(--max-viewport-width) - var(--min-viewport-width)) + var(--min-width-px)\n );\n min-width: var(--min-width-px);\n max-width: var(--max-width-px);\n\n margin: 160px auto;\n ", "\n"], ["\n --min-width: 1000;\n --min-width-px: 1000px;\n --max-width: 1500;\n --max-width-px: 1500px;\n --min-viewport-width: 1200;\n --min-viewport-width-px: 1200px;\n --max-viewport-width: 1920;\n --max-viewport-width-px: 1920px;\n width: calc(\n (100% - var(--min-viewport-width-px)) * (var(--max-width) - var(--min-width)) /\n (var(--max-viewport-width) - var(--min-viewport-width)) + var(--min-width-px)\n );\n min-width: var(--min-width-px);\n max-width: var(--max-width-px);\n\n margin: 160px auto;\n ", "\n"])), function (_a) {
77
77
  var hasNothing = _a.hasNothing;
78
78
  return hasNothing && "margin: 0";
79
79
  });
package/dist/src/sub/DynamicLayout/sections/IntroSection/templates/TemplateA/desktop/D_TemplateA.js CHANGED
@@ -48,7 +48,7 @@ function TemplateA() {
48
48
  buttonCharlieLinkSrc && (react_1.default.createElement(desktop_1.Section.Button, { text: buttonCharlieLabel, src: buttonCharlieLinkSrc, linkType: buttonCharlieLinkType, buttonType: buttonCharlieDesignType, backgroundColor: buttonCharlieBackgroundColorInHex, textColor: buttonCharlieLabelColorInHex, borderColor: buttonCharlieLabelColorInHex }))))))));
49
49
  }
50
50
  var S_FullScreenWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n min-height: calc(100vh - 64px);\n height: auto;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n"], ["\n width: 100%;\n min-height: calc(100vh - 64px);\n height: auto;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n"])));
51
- var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n --min-width: 1000;\n --min-width-px: 1000px;\n --max-width: 1500;\n --max-width-px: 1500px;\n --min-viewport-width: 1200;\n --min-viewport-width-px: 1200px;\n --max-viewport-width: 1920;\n --max-viewport-width-px: 1920px;\n width: calc(\n (100vw - var(--min-viewport-width-px)) * (var(--max-width) - var(--min-width)) /\n (var(--max-viewport-width) - var(--min-viewport-width)) + var(--min-width-px)\n );\n min-width: var(--min-width-px);\n max-width: var(--max-width-px);\n margin: 160px auto;\n"], ["\n --min-width: 1000;\n --min-width-px: 1000px;\n --max-width: 1500;\n --max-width-px: 1500px;\n --min-viewport-width: 1200;\n --min-viewport-width-px: 1200px;\n --max-viewport-width: 1920;\n --max-viewport-width-px: 1920px;\n width: calc(\n (100vw - var(--min-viewport-width-px)) * (var(--max-width) - var(--min-width)) /\n (var(--max-viewport-width) - var(--min-viewport-width)) + var(--min-width-px)\n );\n min-width: var(--min-width-px);\n max-width: var(--max-width-px);\n margin: 160px auto;\n"])));
51
+ var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n --min-width: 1000;\n --min-width-px: 1000px;\n --max-width: 1500;\n --max-width-px: 1500px;\n --min-viewport-width: 1200;\n --min-viewport-width-px: 1200px;\n --max-viewport-width: 1920;\n --max-viewport-width-px: 1920px;\n width: calc(\n (100% - var(--min-viewport-width-px)) * (var(--max-width) - var(--min-width)) /\n (var(--max-viewport-width) - var(--min-viewport-width)) + var(--min-width-px)\n );\n min-width: var(--min-width-px);\n max-width: var(--max-width-px);\n margin: 160px auto;\n"], ["\n --min-width: 1000;\n --min-width-px: 1000px;\n --max-width: 1500;\n --max-width-px: 1500px;\n --min-viewport-width: 1200;\n --min-viewport-width-px: 1200px;\n --max-viewport-width: 1920;\n --max-viewport-width-px: 1920px;\n width: calc(\n (100% - var(--min-viewport-width-px)) * (var(--max-width) - var(--min-width)) /\n (var(--max-viewport-width) - var(--min-viewport-width)) + var(--min-width-px)\n );\n min-width: var(--min-width-px);\n max-width: var(--max-width-px);\n margin: 160px auto;\n"])));
52
52
  var S_SectionDescriptionBox = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n margin-top: ", ";\n"], ["\n margin-top: ", ";\n"])), function (_a) {
53
53
  var theme = _a.theme, hasTitle = _a.hasTitle;
54
54
  return hasTitle && theme.spacing.spacingF;
package/dist/src/sub/DynamicLayout/sections/IntroSection/templates/TemplateB/desktop/D_TemplateB.js CHANGED
@@ -48,7 +48,7 @@ function TemplateB() {
48
48
  buttonCharlieLinkSrc && (react_1.default.createElement(desktop_1.Section.Button, { text: buttonCharlieLabel, src: buttonCharlieLinkSrc, linkType: buttonCharlieLinkType, buttonType: buttonCharlieDesignType, backgroundColor: buttonCharlieBackgroundColorInHex, textColor: buttonCharlieLabelColorInHex, borderColor: buttonCharlieLabelColorInHex }))))))));
49
49
  }
50
50
  var S_FullScreenWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n min-height: calc(100vh - 64px);\n height: auto;\n box-sizing: border-box;\n display: flex;\n flex-direction: column-reverse;\n align-items: center;\n"], ["\n width: 100%;\n min-height: calc(100vh - 64px);\n height: auto;\n box-sizing: border-box;\n display: flex;\n flex-direction: column-reverse;\n align-items: center;\n"])));
51
- var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n --min-width: 1000;\n --min-width-px: 1000px;\n --max-width: 1500;\n --max-width-px: 1500px;\n --min-viewport-width: 1200;\n --min-viewport-width-px: 1200px;\n --max-viewport-width: 1920;\n --max-viewport-width-px: 1920px;\n width: calc(\n (100vw - var(--min-viewport-width-px)) * (var(--max-width) - var(--min-width)) /\n (var(--max-viewport-width) - var(--min-viewport-width)) + var(--min-width-px)\n );\n min-width: var(--min-width-px);\n max-width: var(--max-width-px);\n margin: 160px 0 13vh;\n"], ["\n --min-width: 1000;\n --min-width-px: 1000px;\n --max-width: 1500;\n --max-width-px: 1500px;\n --min-viewport-width: 1200;\n --min-viewport-width-px: 1200px;\n --max-viewport-width: 1920;\n --max-viewport-width-px: 1920px;\n width: calc(\n (100vw - var(--min-viewport-width-px)) * (var(--max-width) - var(--min-width)) /\n (var(--max-viewport-width) - var(--min-viewport-width)) + var(--min-width-px)\n );\n min-width: var(--min-width-px);\n max-width: var(--max-width-px);\n margin: 160px 0 13vh;\n"])));
51
+ var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n --min-width: 1000;\n --min-width-px: 1000px;\n --max-width: 1500;\n --max-width-px: 1500px;\n --min-viewport-width: 1200;\n --min-viewport-width-px: 1200px;\n --max-viewport-width: 1920;\n --max-viewport-width-px: 1920px;\n width: calc(\n (100% - var(--min-viewport-width-px)) * (var(--max-width) - var(--min-width)) /\n (var(--max-viewport-width) - var(--min-viewport-width)) + var(--min-width-px)\n );\n min-width: var(--min-width-px);\n max-width: var(--max-width-px);\n margin: 160px 0 13vh;\n"], ["\n --min-width: 1000;\n --min-width-px: 1000px;\n --max-width: 1500;\n --max-width-px: 1500px;\n --min-viewport-width: 1200;\n --min-viewport-width-px: 1200px;\n --max-viewport-width: 1920;\n --max-viewport-width-px: 1920px;\n width: calc(\n (100% - var(--min-viewport-width-px)) * (var(--max-width) - var(--min-width)) /\n (var(--max-viewport-width) - var(--min-viewport-width)) + var(--min-width-px)\n );\n min-width: var(--min-width-px);\n max-width: var(--max-width-px);\n margin: 160px 0 13vh;\n"])));
52
52
  var S_ContentsBox = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n max-width: 800px;\n"], ["\n max-width: 800px;\n"])));
53
53
  var S_SectionDescriptionBox = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n margin-top: ", ";\n"], ["\n margin-top: ", ";\n"])), function (_a) {
54
54
  var theme = _a.theme, hasTitle = _a.hasTitle;
package/dist/src/sub/DynamicLayout/sections/IntroSection/templates/TemplateC/desktop/D_TemplateC.js CHANGED
@@ -48,7 +48,7 @@ function TemplateC() {
48
48
  buttonCharlieLinkSrc && (react_1.default.createElement(desktop_1.Section.Button, { text: buttonCharlieLabel, src: buttonCharlieLinkSrc, linkType: buttonCharlieLinkType, buttonType: buttonCharlieDesignType, backgroundColor: buttonCharlieBackgroundColorInHex, textColor: buttonCharlieLabelColorInHex, borderColor: buttonCharlieLabelColorInHex }))))))));
49
49
  }
50
50
  var S_FullScreenWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n min-height: 80vh;\n height: auto;\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n"], ["\n width: 100%;\n min-height: 80vh;\n height: auto;\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n"])));
51
- var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n --min-width: 1000;\n --min-width-px: 1000px;\n --max-width: 1500;\n --max-width-px: 1500px;\n --min-viewport-width: 1200;\n --min-viewport-width-px: 1200px;\n --max-viewport-width: 1920;\n --max-viewport-width-px: 1920px;\n width: calc(\n (100vw - var(--min-viewport-width-px)) * (var(--max-width) - var(--min-width)) /\n (var(--max-viewport-width) - var(--min-viewport-width)) + var(--min-width-px)\n );\n min-width: var(--min-width-px);\n max-width: var(--max-width-px);\n display: flex;\n align-items: center;\n margin: 160px 0;\n"], ["\n --min-width: 1000;\n --min-width-px: 1000px;\n --max-width: 1500;\n --max-width-px: 1500px;\n --min-viewport-width: 1200;\n --min-viewport-width-px: 1200px;\n --max-viewport-width: 1920;\n --max-viewport-width-px: 1920px;\n width: calc(\n (100vw - var(--min-viewport-width-px)) * (var(--max-width) - var(--min-width)) /\n (var(--max-viewport-width) - var(--min-viewport-width)) + var(--min-width-px)\n );\n min-width: var(--min-width-px);\n max-width: var(--max-width-px);\n display: flex;\n align-items: center;\n margin: 160px 0;\n"])));
51
+ var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n --min-width: 1000;\n --min-width-px: 1000px;\n --max-width: 1500;\n --max-width-px: 1500px;\n --min-viewport-width: 1200;\n --min-viewport-width-px: 1200px;\n --max-viewport-width: 1920;\n --max-viewport-width-px: 1920px;\n width: calc(\n (100% - var(--min-viewport-width-px)) * (var(--max-width) - var(--min-width)) /\n (var(--max-viewport-width) - var(--min-viewport-width)) + var(--min-width-px)\n );\n min-width: var(--min-width-px);\n max-width: var(--max-width-px);\n display: flex;\n align-items: center;\n margin: 160px 0;\n"], ["\n --min-width: 1000;\n --min-width-px: 1000px;\n --max-width: 1500;\n --max-width-px: 1500px;\n --min-viewport-width: 1200;\n --min-viewport-width-px: 1200px;\n --max-viewport-width: 1920;\n --max-viewport-width-px: 1920px;\n width: calc(\n (100% - var(--min-viewport-width-px)) * (var(--max-width) - var(--min-width)) /\n (var(--max-viewport-width) - var(--min-viewport-width)) + var(--min-width-px)\n );\n min-width: var(--min-width-px);\n max-width: var(--max-width-px);\n display: flex;\n align-items: center;\n margin: 160px 0;\n"])));
52
52
  var S_ContentsBox = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n max-width: 800px;\n"], ["\n max-width: 800px;\n"])));
53
53
  var S_SectionDescriptionBox = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n margin-top: ", ";\n"], ["\n margin-top: ", ";\n"])), function (_a) {
54
54
  var theme = _a.theme, hasTitle = _a.hasTitle;
package/dist/src/sub/DynamicLayout/sections/IntroSection/templates/TemplateD/desktop/D_TemplateD.js CHANGED
@@ -48,7 +48,7 @@ function TemplateD() {
48
48
  buttonCharlieLinkSrc && (react_1.default.createElement(desktop_1.Section.Button, { text: buttonCharlieLabel, src: buttonCharlieLinkSrc, linkType: buttonCharlieLinkType, buttonType: buttonCharlieDesignType, backgroundColor: buttonCharlieBackgroundColorInHex, textColor: buttonCharlieLabelColorInHex, borderColor: buttonCharlieLabelColorInHex }))))))));
49
49
  }
50
50
  var S_FullScreenWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n min-height: 80vh;\n height: auto;\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n"], ["\n width: 100%;\n min-height: 80vh;\n height: auto;\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n"])));
51
- var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n --min-width: 1000;\n --min-width-px: 1000px;\n --max-width: 1500;\n --max-width-px: 1500px;\n --min-viewport-width: 1200;\n --min-viewport-width-px: 1200px;\n --max-viewport-width: 1920;\n --max-viewport-width-px: 1920px;\n width: calc(\n (100vw - var(--min-viewport-width-px)) * (var(--max-width) - var(--min-width)) /\n (var(--max-viewport-width) - var(--min-viewport-width)) + var(--min-width-px)\n );\n min-width: var(--min-width-px);\n max-width: var(--max-width-px);\n margin: 160px auto;\n"], ["\n --min-width: 1000;\n --min-width-px: 1000px;\n --max-width: 1500;\n --max-width-px: 1500px;\n --min-viewport-width: 1200;\n --min-viewport-width-px: 1200px;\n --max-viewport-width: 1920;\n --max-viewport-width-px: 1920px;\n width: calc(\n (100vw - var(--min-viewport-width-px)) * (var(--max-width) - var(--min-width)) /\n (var(--max-viewport-width) - var(--min-viewport-width)) + var(--min-width-px)\n );\n min-width: var(--min-width-px);\n max-width: var(--max-width-px);\n margin: 160px auto;\n"])));
51
+ var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n --min-width: 1000;\n --min-width-px: 1000px;\n --max-width: 1500;\n --max-width-px: 1500px;\n --min-viewport-width: 1200;\n --min-viewport-width-px: 1200px;\n --max-viewport-width: 1920;\n --max-viewport-width-px: 1920px;\n width: calc(\n (100% - var(--min-viewport-width-px)) * (var(--max-width) - var(--min-width)) /\n (var(--max-viewport-width) - var(--min-viewport-width)) + var(--min-width-px)\n );\n min-width: var(--min-width-px);\n max-width: var(--max-width-px);\n margin: 160px auto;\n"], ["\n --min-width: 1000;\n --min-width-px: 1000px;\n --max-width: 1500;\n --max-width-px: 1500px;\n --min-viewport-width: 1200;\n --min-viewport-width-px: 1200px;\n --max-viewport-width: 1920;\n --max-viewport-width-px: 1920px;\n width: calc(\n (100% - var(--min-viewport-width-px)) * (var(--max-width) - var(--min-width)) /\n (var(--max-viewport-width) - var(--min-viewport-width)) + var(--min-width-px)\n );\n min-width: var(--min-width-px);\n max-width: var(--max-width-px);\n margin: 160px auto;\n"])));
52
52
  var S_SectionDescriptionBox = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n margin-top: ", ";\n"], ["\n margin-top: ", ";\n"])), function (_a) {
53
53
  var theme = _a.theme, hasTitle = _a.hasTitle;
54
54
  return hasTitle && theme.spacing.spacingF;
package/dist/src/sub/DynamicLayout/types.d.ts CHANGED
@@ -166,10 +166,12 @@ export interface IItemDescription extends IDescription {
166
166
  export declare type DynamicLayoutProps = {
167
167
  device: 'DESKTOP' | 'MOBILE';
168
168
  /** @default 'NORMAL */
169
- mode?: 'NORMAL' | 'PREVIEW';
169
+ mode?: 'NORMAL' | 'PREVIEW' | 'EDIT';
170
170
  /** @deprecated use 'mode' instead */
171
171
  isPreview?: boolean;
172
172
  sections: ISection[];
173
173
  navigationHandler?: (linkType: 'WEB_LINK' | 'INTERNAL_LINK' | 'NONE', src: string) => void;
174
+ scrollDownTargetSectionId?: number;
175
+ onClickEditSection?: (section: ISection) => void;
174
176
  };
175
177
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web-test",
3
- "version": "0.0.23",
3
+ "version": "0.0.25",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
package/release-note.md CHANGED
@@ -1,8 +1,43 @@
1
1
  # PDS-DEV-KIT-WEB-TEST Release Notes
2
- ## [v0.0.23]
2
+ ## [v0.0.25]
3
3
 
4
- ### sub
5
- * DynamicLayout 수정
6
- * YouTubeIframe player에 에러 핸들링 추가
7
- * iframe을 제거한 후 다시 생성하도록 조치
8
- * 모니터링을 위해 콘솔에 에러 이벤트 출력
4
+ ### common
5
+ * movement 폴더 생성
6
+ ### Component단에 transition 또는 animation 부여
7
+ * Desktop
8
+ * AdminListItem
9
+ * DesktopAlertDialog
10
+ * Dropdown
11
+ * EditApplyTextField
12
+ * FloatingActionButton
13
+ * IconButton
14
+ * LottieReactionButton
15
+ * MainButton
16
+ * ReactionButton
17
+ * Select
18
+ * TextButton
19
+ * TextField
20
+ * UploadIconButton
21
+ * UploadMainButton
22
+ * UploadTextButton
23
+ * Mobile
24
+ * Dropdown
25
+ * EditApplyTextField
26
+ * FloatingActionButton
27
+ * IconButton
28
+ * LottieReactionButton
29
+ * MainButton
30
+ * MobileAlertDialog
31
+ * ReactionButton
32
+ * Select
33
+ * TextButton
34
+ * TextField
35
+ * UploadIconButton
36
+ * UploadMainButton
37
+ * UploadTextButton
38
+ ### panel단에 transition 또는 animation 부여
39
+ * Desktop
40
+ * DesktopBasicModal
41
+ * DesktopHeadlessModal
42
+ * Mobile
43
+ * MobileBasicModal