pds-dev-kit-web 2.2.93 → 2.2.95

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 (10) hide show
  1. package/dist/src/desktop/layout/LayoutWS/Containers/ContentsContainer/ContentsContainer.d.ts +1 -1
  2. package/dist/src/desktop/layout/LayoutWS/Containers/ContentsContainer/ContentsContainer.js +1 -0
  3. package/dist/src/desktop/layout/LayoutWS/Containers/ContentsContainer/variation/WSI.d.ts +1 -1
  4. package/dist/src/desktop/layout/LayoutWS/Containers/ContentsContainer/variation/WSI.js +28 -17
  5. package/dist/src/desktop/layout/LayoutWS/ContainersBox/ContainersBox.d.ts +1 -1
  6. package/dist/src/sub/DynamicLayout/sections/CustomSection/FlexGridCustomSection.js +1 -1
  7. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Image/Image.js +1 -1
  8. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/components/S_CB_AnimationObserverBox.js +1 -1
  9. package/package.json +2 -2
  10. package/release-note.md +2 -2
package/dist/src/desktop/layout/LayoutWS/Containers/ContentsContainer/ContentsContainer.d.ts CHANGED
@@ -3,7 +3,7 @@ import type { UiColors } from '../../../../../common';
3
3
  export type ContentsContainerProps = {
4
4
  content1?: JSX.Element;
5
5
  content2?: JSX.Element;
6
- layoutType: 'WSA_1' | 'WSB_1' | 'WSB_2' | 'WSC_1' | 'WSD_1' | 'WSE_1' | 'WSF_1' | 'WSF_2' | 'WSF_3' | 'WSF_4' | 'WSF_5' | 'WSF_6' | 'WSF_7' | 'WSG_1' | 'WSG_2' | 'WSG_3' | 'WSG_4' | 'WSG_5' | 'WSH_1' | 'WSI_1' | 'WSJ_1';
6
+ layoutType: 'WSA_1' | 'WSB_1' | 'WSB_2' | 'WSC_1' | 'WSD_1' | 'WSE_1' | 'WSF_1' | 'WSF_2' | 'WSF_3' | 'WSF_4' | 'WSF_5' | 'WSF_6' | 'WSF_7' | 'WSG_1' | 'WSG_2' | 'WSG_3' | 'WSG_4' | 'WSG_5' | 'WSH_1' | 'WSI_1' | 'WSI_2' | 'WSJ_1';
7
7
  containerColor?: string;
8
8
  areaColor?: string;
9
9
  isLoadingContainer1?: boolean;
package/dist/src/desktop/layout/LayoutWS/Containers/ContentsContainer/ContentsContainer.js CHANGED
@@ -25,6 +25,7 @@ var ContentsContainer = function (_a) {
25
25
  WSG_5: ((0, jsx_runtime_1.jsx)(variation_1.WSG, { layoutType: "WSG_5", content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor, isLoadingContainer1: isLoadingContainer1, isLoadingContainer2: isLoadingContainer2, overrideContainer1ColorKey: overrideContainer1ColorKey, overrideContainer2ColorKey: overrideContainer2ColorKey })),
26
26
  WSH_1: ((0, jsx_runtime_1.jsx)(variation_1.WSH, { layoutType: "WSH_1", content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor, isLoadingContainer1: isLoadingContainer1, isLoadingContainer2: isLoadingContainer2, overrideContainer1ColorKey: overrideContainer1ColorKey, overrideContainer2ColorKey: overrideContainer2ColorKey })),
27
27
  WSI_1: ((0, jsx_runtime_1.jsx)(variation_1.WSI, { layoutType: "WSI_1", content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor, isLoadingContainer1: isLoadingContainer1, isLoadingContainer2: isLoadingContainer2, overrideContainer1ColorKey: overrideContainer1ColorKey, overrideContainer2ColorKey: overrideContainer2ColorKey })),
28
+ WSI_2: ((0, jsx_runtime_1.jsx)(variation_1.WSI, { layoutType: "WSI_2", content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor, isLoadingContainer1: isLoadingContainer1, isLoadingContainer2: isLoadingContainer2, overrideContainer1ColorKey: overrideContainer1ColorKey, overrideContainer2ColorKey: overrideContainer2ColorKey })),
28
29
  WSJ_1: ((0, jsx_runtime_1.jsx)(variation_1.WSJ, { content1: content1, containerColor: containerColor, areaColor: areaColor, isLoadingContainer1: isLoadingContainer1, overrideContainer1ColorKey: overrideContainer1ColorKey }))
29
30
  }[layoutType] }));
30
31
  };
package/dist/src/desktop/layout/LayoutWS/Containers/ContentsContainer/variation/WSI.d.ts CHANGED
@@ -3,7 +3,7 @@ import type { UiColors } from '../../../../../../common';
3
3
  export type WSIProps = {
4
4
  content1?: JSX.Element;
5
5
  content2?: JSX.Element;
6
- layoutType: 'WSI_1';
6
+ layoutType: 'WSI_1' | 'WSI_2';
7
7
  containerColor?: string;
8
8
  areaColor?: string;
9
9
  isLoadingContainer1?: boolean;
package/dist/src/desktop/layout/LayoutWS/Containers/ContentsContainer/variation/WSI.js CHANGED
@@ -56,20 +56,23 @@ var overrideStyleContainer2 = (0, styled_components_1.css)(templateObject_2 || (
56
56
  });
57
57
  var S_Box = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n height: 100%;\n"], ["\n display: flex;\n height: 100%;\n"])));
58
58
  var WSI_1Container1Style = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n overflow-x: hidden;\n overflow-y: auto;\n width: 720px;\n"], ["\n overflow-x: hidden;\n overflow-y: auto;\n width: 720px;\n"])));
59
- var S_ContentsContainer1 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background-color: ", ";\n ", ";\n ", ";\n\n ", "\n ", "\n"], ["\n background-color: ", ";\n ", ";\n ", ";\n\n ", "\n ", "\n"])), function (_a) {
59
+ var WSI_2Container1Style = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n overflow-x: hidden;\n overflow-y: auto;\n width: 720px;\n"], ["\n overflow-x: hidden;\n overflow-y: auto;\n width: 720px;\n"])));
60
+ var S_ContentsContainer1 = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n background-color: ", ";\n ", ";\n ", ";\n\n ", "\n ", "\n"], ["\n background-color: ", ";\n ", ";\n ", ";\n\n ", "\n ", "\n"])), function (_a) {
60
61
  var theme = _a.theme;
61
62
  return theme.ui_contentscontainer01_background;
62
63
  }, function (_a) {
63
64
  var layoutType = _a.layoutType;
64
65
  return ({
65
- WSI_1: WSI_1Container1Style
66
+ WSI_1: WSI_1Container1Style,
67
+ WSI_2: WSI_2Container1Style
66
68
  }[layoutType]);
67
69
  }, function (_a) {
68
70
  var containerColor = _a.containerColor;
69
71
  return "background-color: ".concat(containerColor);
70
72
  }, scrollbarStyle_1.scrollbarStyle, overrideStyleContainer1);
71
- var WSI_1Container2Style = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n flex: 1;\n height: 100%;\n"], ["\n flex: 1;\n height: 100%;\n"])));
72
- var S_ContentsContainer2 = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n background-color: ", ";\n border-left: 1px solid ", ";\n ", ";\n ", ";\n\n ", "\n ", "\n"], ["\n background-color: ", ";\n border-left: 1px solid ", ";\n ", ";\n ", ";\n\n ", "\n ", "\n"])), function (_a) {
73
+ var WSI_1Container2Style = (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n flex: 1;\n height: 100%;\n"], ["\n flex: 1;\n height: 100%;\n"])));
74
+ var WSI_2Container2Style = (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n flex: 1;\n height: 100%;\n"], ["\n flex: 1;\n height: 100%;\n"])));
75
+ var S_ContentsContainer2 = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n background-color: ", ";\n border-left: 1px solid ", ";\n ", ";\n ", ";\n\n ", "\n ", "\n"], ["\n background-color: ", ";\n border-left: 1px solid ", ";\n ", ";\n ", ";\n\n ", "\n ", "\n"])), function (_a) {
73
76
  var theme = _a.theme;
74
77
  return theme.ui_contentscontainer02_background;
75
78
  }, function (_a) {
@@ -78,44 +81,52 @@ var S_ContentsContainer2 = styled_components_1.default.div(templateObject_7 || (
78
81
  }, function (_a) {
79
82
  var layoutType = _a.layoutType;
80
83
  return ({
81
- WSI_1: WSI_1Container2Style
84
+ WSI_1: WSI_1Container2Style,
85
+ WSI_2: WSI_2Container2Style
82
86
  }[layoutType]);
83
87
  }, function (_a) {
84
88
  var containerColor = _a.containerColor;
85
89
  return "background-color: ".concat(containerColor);
86
90
  }, scrollbarStyle_1.scrollbarStyle, overrideStyleContainer2);
87
- var WSI_1Area1Style = (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n padding-bottom: 88px;\n padding-left: 24px;\n padding-right: 24px;\n"], ["\n padding-bottom: 88px;\n padding-left: 24px;\n padding-right: 24px;\n"])));
88
- var S_ContentsArea1 = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n box-sizing: border-box;\n padding-top: 24px;\n ", ";\n ", ";\n"], ["\n box-sizing: border-box;\n padding-top: 24px;\n ", ";\n ", ";\n"])), function (_a) {
91
+ var WSI_1Area1Style = (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n padding-bottom: 88px;\n padding-left: 24px;\n padding-right: 24px;\n"], ["\n padding-bottom: 88px;\n padding-left: 24px;\n padding-right: 24px;\n"])));
92
+ var WSI_2Area1Style = (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n padding-bottom: 88px;\n padding-left: 24px;\n padding-right: 24px;\n"], ["\n padding-bottom: 88px;\n padding-left: 24px;\n padding-right: 24px;\n"])));
93
+ var S_ContentsArea1 = styled_components_1.default.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n box-sizing: border-box;\n padding-top: 24px;\n ", ";\n ", ";\n"], ["\n box-sizing: border-box;\n padding-top: 24px;\n ", ";\n ", ";\n"])), function (_a) {
89
94
  var layoutType = _a.layoutType;
90
95
  return ({
91
- WSI_1: WSI_1Area1Style
96
+ WSI_1: WSI_1Area1Style,
97
+ WSI_2: WSI_2Area1Style
92
98
  }[layoutType]);
93
99
  }, function (_a) {
94
100
  var areaColor = _a.areaColor;
95
101
  return "background-color: ".concat(areaColor);
96
102
  });
97
- var WSI_1Area2Style = (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n height: 100%;\n padding-top: 24px;\n width: 240px;\n"], ["\n height: 100%;\n padding-top: 24px;\n width: 240px;\n"])));
98
- var S_ContentsArea2 = styled_components_1.default.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n box-sizing: border-box;\n ", ";\n ", ";\n"], ["\n box-sizing: border-box;\n ", ";\n ", ";\n"])), function (_a) {
103
+ var WSI_1Area2Style = (0, styled_components_1.css)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n height: 100%;\n padding-top: 24px;\n width: 240px;\n"], ["\n height: 100%;\n padding-top: 24px;\n width: 240px;\n"])));
104
+ var WSI_2Area2Style = (0, styled_components_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n height: 100%;\n padding-top: 24px;\n width: 360px;\n"], ["\n height: 100%;\n padding-top: 24px;\n width: 360px;\n"])));
105
+ var S_ContentsArea2 = styled_components_1.default.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n box-sizing: border-box;\n ", ";\n ", ";\n"], ["\n box-sizing: border-box;\n ", ";\n ", ";\n"])), function (_a) {
99
106
  var layoutType = _a.layoutType;
100
107
  return ({
101
- WSI_1: WSI_1Area2Style
108
+ WSI_1: WSI_1Area2Style,
109
+ WSI_2: WSI_2Area2Style
102
110
  }[layoutType]);
103
111
  }, function (_a) {
104
112
  var areaColor = _a.areaColor;
105
113
  return "background-color: ".concat(areaColor);
106
114
  });
107
- var S_Content1 = styled_components_1.default.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n ", ";\n"], ["\n ", ";\n"])), function (_a) {
115
+ var S_Content1 = styled_components_1.default.div(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n ", ";\n"], ["\n ", ";\n"])), function (_a) {
108
116
  var layoutType = _a.layoutType;
109
117
  return ({
110
- WSI_1: ''
118
+ WSI_1: '',
119
+ WSI_2: ''
111
120
  }[layoutType]);
112
121
  });
113
- var WSI_1Content2Style = (0, styled_components_1.css)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n height: 100%;\n overflow: hidden;\n"], ["\n height: 100%;\n overflow: hidden;\n"])));
114
- var S_Content2 = styled_components_1.default.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n ", ";\n"], ["\n ", ";\n"])), function (_a) {
122
+ var WSI_1Content2Style = (0, styled_components_1.css)(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n height: 100%;\n overflow: hidden;\n"], ["\n height: 100%;\n overflow: hidden;\n"])));
123
+ var WSI_2Content2Style = (0, styled_components_1.css)(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n height: 100%;\n overflow: hidden;\n"], ["\n height: 100%;\n overflow: hidden;\n"])));
124
+ var S_Content2 = styled_components_1.default.div(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n ", ";\n"], ["\n ", ";\n"])), function (_a) {
115
125
  var layoutType = _a.layoutType;
116
126
  return ({
117
- WSI_1: WSI_1Content2Style
127
+ WSI_1: WSI_1Content2Style,
128
+ WSI_2: WSI_2Content2Style
118
129
  }[layoutType]);
119
130
  });
120
131
  exports.default = WSI;
121
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14;
132
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19;
package/dist/src/desktop/layout/LayoutWS/ContainersBox/ContainersBox.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import type { UiColors } from '../../../../common';
3
3
  export type ContainersBoxProps = {
4
- layoutType: 'WSA_1' | 'WSB_1' | 'WSB_2' | 'WSC_1' | 'WSD_1' | 'WSE_1' | 'WSF_1' | 'WSF_2' | 'WSF_3' | 'WSF_4' | 'WSF_5' | 'WSF_6' | 'WSF_7' | 'WSG_1' | 'WSG_2' | 'WSG_3' | 'WSG_4' | 'WSG_5' | 'WSH_1' | 'WSI_1' | 'WSJ_1';
4
+ layoutType: 'WSA_1' | 'WSB_1' | 'WSB_2' | 'WSC_1' | 'WSD_1' | 'WSE_1' | 'WSF_1' | 'WSF_2' | 'WSF_3' | 'WSF_4' | 'WSF_5' | 'WSF_6' | 'WSF_7' | 'WSG_1' | 'WSG_2' | 'WSG_3' | 'WSG_4' | 'WSG_5' | 'WSH_1' | 'WSI_1' | 'WSI_2' | 'WSJ_1';
5
5
  pageMenuContent?: JSX.Element;
6
6
  tabMenuContent?: JSX.Element;
7
7
  content1?: JSX.Element;
package/dist/src/sub/DynamicLayout/sections/CustomSection/FlexGridCustomSection.js CHANGED
@@ -244,7 +244,7 @@ var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
244
244
  fontSize: "".concat(baseFontSize, "px")
245
245
  } }, { children: (_a = props.componentBlocks) === null || _a === void 0 ? void 0 : _a.map(function (cb, index) { return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(FlexGridItem_1.default, { cb: cb, index: index, device: device, rowHeight: rowHeight }) }, cb.id)); }) })) })) })) }) }));
246
246
  });
247
- var GridContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: grid; /* Space between grid items */\n gap: 10px;\n grid-template-columns: repeat(", ", 1fr);\n grid-template-rows: repeat(\n ", ",\n minmax(", ", auto)\n );\n padding: 0 10px;\n\n * {\n box-sizing: border-box;\n }\n"], ["\n display: grid; /* Space between grid items */\n gap: 10px;\n grid-template-columns: repeat(", ", 1fr);\n grid-template-rows: repeat(\n ", ",\n minmax(", ", auto)\n );\n padding: 0 10px;\n\n * {\n box-sizing: border-box;\n }\n"])), function (props) { return props.cols; }, function (props) { return props.sectionRow; }, function (props) { return "".concat(props.rowHeight, "px"); });
247
+ var GridContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: grid; /* Space between grid items */\n gap: 10px;\n grid-auto-rows: minmax(", ", auto);\n grid-template-columns: repeat(", ", 1fr);\n grid-template-rows: repeat(\n ", ",\n minmax(", ", auto)\n );\n padding: 10px 10px;\n\n * {\n box-sizing: border-box;\n }\n"], ["\n display: grid; /* Space between grid items */\n gap: 10px;\n grid-auto-rows: minmax(", ", auto);\n grid-template-columns: repeat(", ", 1fr);\n grid-template-rows: repeat(\n ", ",\n minmax(", ", auto)\n );\n padding: 10px 10px;\n\n * {\n box-sizing: border-box;\n }\n"])), function (props) { return "".concat(props.rowHeight, "px"); }, function (props) { return props.cols; }, function (props) { return props.sectionRow; }, function (props) { return "".concat(props.rowHeight, "px"); });
248
248
  var S_SectionWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: relative;\n"], ["\n position: relative;\n"])));
249
249
  exports.default = react_1.default.memo(CustomSection);
250
250
  function getDefensiveFontSize(device, width) {
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Image/Image.js CHANGED
@@ -74,7 +74,7 @@ function Image(props) {
74
74
  : CB_EFFECT_PROP_ENTANIM['CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE'] === 'NONE';
75
75
  var hasEffect = !isNoneEffectType;
76
76
  var effectVisibleStyle = hasEffect ? { opacity: isVisible ? 1 : 0 } : {};
77
- return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isEditModeAndHidden && (0, jsx_runtime_1.jsx)(S_HiddenCover_1.S_HiddenCover, {}), (0, jsx_runtime_1.jsx)(S_CB_AnimationObserverBox_1.S_CB_AnimationObserverBox, __assign({ ref: hasEffect ? cbRef : null, effectVisibleStyle: effectVisibleStyle }, { children: (0, jsx_runtime_1.jsx)(S_ImageWrapper, __assign({ style: __assign({}, effectCssProperties) }, { children: (0, jsx_runtime_1.jsx)(S_CB_BoxWithShadow_1.S_CB_BoxWithShadow, __assign({ className: "cb-layout-box", normalStyle: __assign(__assign(__assign(__assign({}, layout), { overflow: 'hidden' }), boxStyle.normal), { cursor: CLINKCursor }), hoverStyle: __assign({}, boxStyle.hover), cbStylePropsShadowSpecs: CB_STYLE_PROP_SHADOW, device: device, onClick: onClickCLINK }, { children: (0, jsx_runtime_1.jsx)(S_Image, __assign({ src: CB_CONTENT_PROP_IMAGE.CB_CONTENT_PROP_IMAGE_SPEC_SELECTOR, normalStyle: __assign({}, imgStyle.normal), hoverStyle: __assign({}, imgStyle.hover) }, { children: (0, jsx_runtime_1.jsx)("img", { src: CB_CONTENT_PROP_IMAGE.CB_CONTENT_PROP_IMAGE_SPEC_SELECTOR, style: { visibility: 'hidden', width: '100%', height: '100%' } }) })) })) })) }))] }));
77
+ return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isEditModeAndHidden && (0, jsx_runtime_1.jsx)(S_HiddenCover_1.S_HiddenCover, {}), (0, jsx_runtime_1.jsx)(S_CB_AnimationObserverBox_1.S_CB_AnimationObserverBox, __assign({ ref: hasEffect ? cbRef : null, effectVisibleStyle: effectVisibleStyle }, { children: (0, jsx_runtime_1.jsx)(S_ImageWrapper, __assign({ style: __assign({}, effectCssProperties) }, { children: (0, jsx_runtime_1.jsx)(S_CB_BoxWithShadow_1.S_CB_BoxWithShadow, __assign({ className: "cb-layout-box", normalStyle: __assign(__assign(__assign(__assign({}, layout), { overflow: 'hidden' }), boxStyle.normal), { cursor: CLINKCursor }), hoverStyle: __assign({}, boxStyle.hover), cbStylePropsShadowSpecs: CB_STYLE_PROP_SHADOW, device: device, onClick: onClickCLINK }, { children: (0, jsx_runtime_1.jsx)(S_Image, { src: CB_CONTENT_PROP_IMAGE.CB_CONTENT_PROP_IMAGE_SPEC_SELECTOR, normalStyle: __assign({}, imgStyle.normal), hoverStyle: __assign({}, imgStyle.hover) }) })) })) }))] }));
78
78
  }
79
79
  function parseImageCBStyle(style, hoverStyle, mode) {
80
80
  var boxStyle = {
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/components/S_CB_AnimationObserverBox.js CHANGED
@@ -20,7 +20,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
20
20
  Object.defineProperty(exports, "__esModule", { value: true });
21
21
  exports.S_CB_AnimationObserverBox = void 0;
22
22
  var styled_components_1 = __importDefault(require("styled-components"));
23
- exports.S_CB_AnimationObserverBox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: 100%;\n width: 100%;\n\n ", ";\n"], ["\n height: 100%;\n width: 100%;\n\n ", ";\n"])), function (_a) {
23
+ exports.S_CB_AnimationObserverBox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: 100%;\n width: 100%;\n ", ";\n"], ["\n height: 100%;\n width: 100%;\n ", ";\n"])), function (_a) {
24
24
  var effectVisibleStyle = _a.effectVisibleStyle;
25
25
  return effectVisibleStyle && __assign({}, effectVisibleStyle);
26
26
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web",
3
- "version": "2.2.93",
3
+ "version": "2.2.95",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
@@ -22,7 +22,7 @@
22
22
  "i18next-intervalplural-postprocessor": "^3.0.0",
23
23
  "lottie-react": "^2.3.1",
24
24
  "nuka-carousel": "^4.8.4",
25
- "publ-echo": "^0.0.94",
25
+ "publ-echo": "^0.0.95",
26
26
  "react-hook-form": "^7.28.1",
27
27
  "react-i18next": "^11.12.0",
28
28
  "react-router-dom": "^5.2.0",
package/release-note.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # PDS-DEV-KIT-WEB Release Notes
2
- ## [v2.2.93]
2
+ ## [v2.2.95]
3
3
  ## daily|https://design.storybook.publ.biz/
4
4
 
5
5
  ### 업데이트 사항
6
- * Sync color keys
6
+ * [PDB-1244] image max-height 이슈 & auto-shrink 추가