pds-dev-kit-web 1.9.17 → 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 +4 -4
  3. package/dist/storybook-static/{main.3b6fee51.iframe.bundle.js → main.2a871b8b.iframe.bundle.js} +21 -21
  4. package/package.json +1 -1
  5. package/release-note.md +6 -3
  6. /package/dist/storybook-static/{main.3b6fee51.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
@@ -78,7 +78,7 @@ function DesktopTutorialModal(_a) {
78
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,
@@ -90,14 +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-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-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
96
  }, function (_a) {
97
97
  var theme = _a.theme;
98
98
  return theme.boxShadow.elevation5;
99
99
  }, animationStyle_1.modalOnAni);
100
- 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"])));
101
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) {
102
102
  var theme = _a.theme;
103
103
  return theme.spacing.spacingE;
@@ -112,7 +112,7 @@ var S_Header = styled_components_1.default.div(templateObject_4 || (templateObje
112
112
  return theme.spacing.spacingE;
113
113
  });
114
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"])));
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 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) {
116
116
  var theme = _a.theme;
117
117
  return theme.ui_cpnt_tutorialmodal_info_base;
118
118
  });