pds-dev-kit-web 1.9.16 → 1.9.18

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 (6) hide show
  1. package/dist/src/desktop/panels/DesktopTutorialModal/Components/SideTab/SideTab.js +1 -1
  2. package/dist/src/desktop/panels/DesktopTutorialModal/DesktopTutorialModal.js +7 -10
  3. package/dist/storybook-static/{main.1a444053.iframe.bundle.js → main.2a871b8b.iframe.bundle.js} +15 -15
  4. package/package.json +1 -1
  5. package/release-note.md +6 -2
  6. /package/dist/storybook-static/{main.1a444053.iframe.bundle.d.ts → main.2a871b8b.iframe.bundle.d.ts} +0 -0
package/dist/src/desktop/panels/DesktopTutorialModal/Components/SideTab/SideTab.js CHANGED
@@ -22,7 +22,7 @@ function SideTab(_a) {
22
22
  react_1.default.createElement(components_1.TextLabel, { text: item.title, styleTheme: item.isActive ? 'subTitleBold' : 'subTitleRegular', colorTheme: item.isActive ? 'sysTextPrimary' : 'sysTextSecondary' })));
23
23
  })));
24
24
  }
25
- var S_TabWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n box-sizing: border-box;\n background-color: ", ";\n cursor: pointer;\n padding-top: ", ";\n padding-right: ", ";\n padding-bottom: ", ";\n padding-left: ", ";\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", ";\n }\n"], ["\n box-sizing: border-box;\n background-color: ", ";\n cursor: pointer;\n padding-top: ", ";\n padding-right: ", ";\n padding-bottom: ", ";\n padding-left: ", ";\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", ";\n }\n"])), function (_a) {
25
+ var S_TabWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n box-sizing: border-box;\n background-color: ", ";\n cursor: pointer;\n padding-top: ", ";\n padding-right: ", ";\n padding-bottom: ", ";\n padding-left: ", ";\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", ";\n }\n\n & div {\n line-height: 1.3;\n }\n"], ["\n box-sizing: border-box;\n background-color: ", ";\n cursor: pointer;\n padding-top: ", ";\n padding-right: ", ";\n padding-bottom: ", ";\n padding-left: ", ";\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", ";\n }\n\n & div {\n line-height: 1.3;\n }\n"])), function (_a) {
26
26
  var theme = _a.theme;
27
27
  return theme.ui_cpnt_tutorialmodal_sidetab_default;
28
28
  }, function (_a) {
package/dist/src/desktop/panels/DesktopTutorialModal/DesktopTutorialModal.js CHANGED
@@ -73,16 +73,16 @@ function DesktopTutorialModal(_a) {
73
73
  react_1.default.createElement(S_SideTabWrapper, null,
74
74
  react_1.default.createElement(Components_1.SideTab, { itemArray: sideTabTitleArray }),
75
75
  react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_i" }))),
76
- react_1.default.createElement(S_RightPanel, null, infoArray
76
+ infoArray
77
77
  .filter(function (data, index) { return selectedItem === "" + data.sideTabTitleText + index; })
78
- .map(function (data, index) { return (react_1.default.createElement("div", { key: "" + data.sideTabTitleText + index },
78
+ .map(function (data, index) { return (react_1.default.createElement(S_RightPanel, { key: "" + data.sideTabTitleText + index },
79
79
  react_1.default.createElement(hybrid_1.ImageView, { src: data.imageSrc, shapeType: "rectangle", width: "responsive", ratio: "16_9", scaleType: "cover", backgroundFillMode: "use" }),
80
80
  react_1.default.createElement(S_InfoBox, null,
81
- react_1.default.createElement(components_1.TextLabel, { text: data.infoTitleText ? data.infoTitleText : data.sideTabTitleText, styleTheme: "subTitleBold" }),
81
+ react_1.default.createElement(components_1.TextLabel, { text: data.infoTitleText ? data.infoTitleText : data.sideTabTitleText, styleTheme: "headingBold" }),
82
82
  react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_d" }),
83
83
  react_1.default.createElement(components_1.TextLabel, { text: data.infoDescText, styleTheme: "body2Regular", colorTheme: "sysTextSecondary" })),
84
84
  data.btnMode === 'btn_amount1' && (react_1.default.createElement(S_Footer, null,
85
- react_1.default.createElement(components_1.MainButton, { text: data.btn1Text, type: "button", size: "medium", onClick: data.onClickBtn1 }))))); })),
85
+ react_1.default.createElement(components_1.MainButton, { text: data.btn1Text, type: "button", size: "medium", onClick: data.onClickBtn1 }))))); }),
86
86
  react_1.default.createElement(S_IconButtonWrapper, null,
87
87
  react_1.default.createElement(components_1.IconButton, { shapeType: "circular", baseSize: "medium", baseColorKey: "ui_cpnt_button_fill_base_tutorialmodal", iconName: "ic_xmark", iconColorKey: "ui_cpnt_button_icon_white", onClick: handleClickCloseBtn })))), container);
88
88
  }
@@ -90,17 +90,14 @@ var S_ModalOverlay = styled_components_1.default.div(templateObject_1 || (templa
90
90
  var theme = _a.theme;
91
91
  return theme.ui_cpnt_modal_dimmed;
92
92
  }, animationStyle_1.modalOverlayOnAni);
93
- var S_ModalWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: 24px;\n box-shadow: ", ";\n box-sizing: border-box;\n display: flex;\n left: 50%;\n min-height: 560px;\n height: 80vh;\n max-height: 720px;\n min-width: 960px;\n pointer-events: auto;\n position: fixed;\n top: 50%;\n transform: translate(-50%, -50%);\n width: 50vw;\n overflow: hidden;\n display: flex;\n\n ", "\n"], ["\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: 24px;\n box-shadow: ", ";\n box-sizing: border-box;\n display: flex;\n left: 50%;\n min-height: 560px;\n height: 80vh;\n max-height: 720px;\n min-width: 960px;\n pointer-events: auto;\n position: fixed;\n top: 50%;\n transform: translate(-50%, -50%);\n width: 50vw;\n overflow: hidden;\n display: flex;\n\n ", "\n"])), function (_a) {
93
+ var S_ModalWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n border-radius: 24px;\n box-shadow: ", ";\n box-sizing: border-box;\n display: flex;\n left: 50%;\n min-height: 560px;\n height: 80vh;\n max-height: 720px;\n width: 960px;\n pointer-events: auto;\n position: fixed;\n top: 50%;\n transform: translate(-50%, -50%);\n overflow: hidden;\n display: flex;\n\n ", "\n"], ["\n background-color: ", ";\n border-radius: 24px;\n box-shadow: ", ";\n box-sizing: border-box;\n display: flex;\n left: 50%;\n min-height: 560px;\n height: 80vh;\n max-height: 720px;\n width: 960px;\n pointer-events: auto;\n position: fixed;\n top: 50%;\n transform: translate(-50%, -50%);\n overflow: hidden;\n display: flex;\n\n ", "\n"])), function (_a) {
94
94
  var theme = _a.theme;
95
95
  return theme.ui_cpnt_modal_base;
96
- }, function (_a) {
97
- var theme = _a.theme;
98
- return theme.ui_cpnt_modal_border;
99
96
  }, function (_a) {
100
97
  var theme = _a.theme;
101
98
  return theme.boxShadow.elevation5;
102
99
  }, animationStyle_1.modalOnAni);
103
- var S_LeftPanel = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n width: 360px;\n display: flex;\n flex-direction: column;\n"], ["\n width: 360px;\n display: flex;\n flex-direction: column;\n"])));
100
+ var S_LeftPanel = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n width: 240px;\n display: flex;\n flex-direction: column;\n"], ["\n width: 240px;\n display: flex;\n flex-direction: column;\n"])));
104
101
  var S_Header = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n box-sizing: border-box;\n padding-top: ", ";\n padding-right: ", ";\n padding-bottom: ", ";\n padding-left: ", ";\n"], ["\n box-sizing: border-box;\n padding-top: ", ";\n padding-right: ", ";\n padding-bottom: ", ";\n padding-left: ", ";\n"])), function (_a) {
105
102
  var theme = _a.theme;
106
103
  return theme.spacing.spacingE;
@@ -115,7 +112,7 @@ var S_Header = styled_components_1.default.div(templateObject_4 || (templateObje
115
112
  return theme.spacing.spacingE;
116
113
  });
117
114
  var S_SideTabWrapper = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n overflow-y: auto;\n flex: 1;\n"], ["\n overflow-y: auto;\n flex: 1;\n"])));
118
- var S_RightPanel = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n flex: 1;\n display: flex;\n flex-direction: column;\n width: calc(100% - 360px);\n background-color: ", ";\n"], ["\n flex: 1;\n display: flex;\n flex-direction: column;\n width: calc(100% - 360px);\n background-color: ", ";\n"])), function (_a) {
115
+ var S_RightPanel = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n flex: 1;\n display: flex;\n flex-direction: column;\n background-color: ", ";\n"], ["\n flex: 1;\n display: flex;\n flex-direction: column;\n background-color: ", ";\n"])), function (_a) {
119
116
  var theme = _a.theme;
120
117
  return theme.ui_cpnt_tutorialmodal_info_base;
121
118
  });