pds-dev-kit-web-test 2.7.445 → 2.7.446
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.
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Button/Button.js +1 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/Text.js +1 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/components/S_HeightFitContentCover.js +1 -1
- package/package.json +1 -1
|
@@ -151,7 +151,7 @@ function Button(props) {
|
|
|
151
151
|
var _q = extractBorderStyles(propsStyle), borderNormalStyle = _q.borderStyleProps, cleanedNormalStyle = _q.remainingStyle;
|
|
152
152
|
// hover 스타일 분리
|
|
153
153
|
var _r = extractBorderStyles(propsHoverStyle), borderHoverStyle = _r.borderStyleProps, cleanedHoverStyle = _r.remainingStyle;
|
|
154
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isEditModeAndHidden && (0, jsx_runtime_1.jsx)(S_HiddenCover_1.S_HiddenCover, {}), isEditModeAndHeightFitContent && (0, jsx_runtime_1.jsx)(S_HeightFitContentCover_1.S_HeightFitContentCover, { bottomText: t('str_10106') }), (0, jsx_runtime_1.jsx)(S_CB_AnimationObserverBox_1.S_CB_AnimationObserverBox, __assign({ ref: hasEffect ? cbRef : null, effectVisibleStyle: effectVisibleStyle, style: { paddingLeft: paddingLeft, paddingRight: paddingRight, paddingBottom: paddingBottom, paddingTop: paddingTop } }, { children: (0, jsx_runtime_1.jsx)(S_ShadowBox, __assign({ "$normalStyle": __assign(__assign(__assign({ height: '100%', display: 'flex', alignItems: "".concat(btnTextStyle.alignItems), overflowY: btnTextStyle.overflowY, scrollbarWidth: btnTextStyle.scrollbarWidth }, effectCssProperties), normalShadowStyle), borderNormalStyle), "$hoverStyle": __assign(__assign({}, hoverShadowStyle), borderHoverStyle) }, { children: (0, jsx_runtime_1.jsxs)(S_CB_Box_1.S_CB_Box, __assign({ onMouseLeave: function (e) {
|
|
154
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isEditModeAndHidden && (0, jsx_runtime_1.jsx)(S_HiddenCover_1.S_HiddenCover, {}), isEditModeAndHeightFitContent && (0, jsx_runtime_1.jsx)(S_HeightFitContentCover_1.S_HeightFitContentCover, { className: 'height-fit-content-cover', bottomText: t('str_10106') }), (0, jsx_runtime_1.jsx)(S_CB_AnimationObserverBox_1.S_CB_AnimationObserverBox, __assign({ ref: hasEffect ? cbRef : null, effectVisibleStyle: effectVisibleStyle, style: { paddingLeft: paddingLeft, paddingRight: paddingRight, paddingBottom: paddingBottom, paddingTop: paddingTop } }, { children: (0, jsx_runtime_1.jsx)(S_ShadowBox, __assign({ "$normalStyle": __assign(__assign(__assign({ height: '100%', display: 'flex', alignItems: "".concat(btnTextStyle.alignItems), overflowY: btnTextStyle.overflowY, scrollbarWidth: btnTextStyle.scrollbarWidth }, effectCssProperties), normalShadowStyle), borderNormalStyle), "$hoverStyle": __assign(__assign({}, hoverShadowStyle), borderHoverStyle) }, { children: (0, jsx_runtime_1.jsxs)(S_CB_Box_1.S_CB_Box, __assign({ onMouseLeave: function (e) {
|
|
155
155
|
e.currentTarget.classList.remove('hovered');
|
|
156
156
|
}, className: "cb-layout-box", normalStyle: __assign(__assign(__assign(__assign(__assign({}, btnTextStyle), cleanedNormalStyle), layoutStyle), btnColorStyle), { whiteSpace: 'pre-wrap', wordBreak: 'break-word', cursor: CLINKCursor, overflowY: 'unset', scrollbarWidth: 'unset' }), hoverStyle: __assign(__assign(__assign(__assign({}, btnTextHoverStyle), cleanedHoverStyle), btnColorHoverStyle), { whiteSpace: 'pre-wrap', wordBreak: 'break-word' }), onClick: onClickCLINK }, { children: [textPrefix, textValue(), textSuffix] })) })) }))] }));
|
|
157
157
|
}
|
|
@@ -148,7 +148,7 @@ function Text(props) {
|
|
|
148
148
|
return text;
|
|
149
149
|
};
|
|
150
150
|
var t = (0, react_i18next_1.useTranslation)('translation').t;
|
|
151
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isEditModeAndHidden && (0, jsx_runtime_1.jsx)(S_HiddenCover_1.S_HiddenCover, {}), isEditModeAndHeightFitContent && (0, jsx_runtime_1.jsx)(S_HeightFitContentCover_1.S_HeightFitContentCover, { bottomText: t('str_10106') }), (0, jsx_runtime_1.jsx)(S_CB_AnimationObserverBox_1.S_CB_AnimationObserverBox, __assign({ className: "animation-box", ref: hasEffect ? cbRef : null, effectVisibleStyle: effectVisibleStyle }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ style: __assign({ height: '100%', display: 'flex', alignItems: "".concat(textStyle.alignItems), overflowY: textStyle.overflowY, scrollbarWidth: textStyle.scrollbarWidth }, effectCssProperties) }, { children: (0, jsx_runtime_1.jsxs)(S_CB_Box_1.S_CB_Box, __assign({ onMouseEnter: function (e) {
|
|
151
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isEditModeAndHidden && (0, jsx_runtime_1.jsx)(S_HiddenCover_1.S_HiddenCover, {}), isEditModeAndHeightFitContent && ((0, jsx_runtime_1.jsx)(S_HeightFitContentCover_1.S_HeightFitContentCover, { className: "height-fit-content-cover", bottomText: t('str_10106') })), (0, jsx_runtime_1.jsx)(S_CB_AnimationObserverBox_1.S_CB_AnimationObserverBox, __assign({ className: "animation-box", ref: hasEffect ? cbRef : null, effectVisibleStyle: effectVisibleStyle }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ style: __assign({ height: '100%', display: 'flex', alignItems: "".concat(textStyle.alignItems), overflowY: textStyle.overflowY, scrollbarWidth: textStyle.scrollbarWidth }, effectCssProperties) }, { children: (0, jsx_runtime_1.jsxs)(S_CB_Box_1.S_CB_Box, __assign({ onMouseEnter: function (e) {
|
|
152
152
|
e.currentTarget.classList.add('hovered');
|
|
153
153
|
}, onMouseLeave: function (e) {
|
|
154
154
|
e.currentTarget.classList.remove('hovered');
|
|
@@ -9,5 +9,5 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.S_HeightFitContentCover = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.S_HeightFitContentCover = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background: repeating-linear-gradient(\n -120deg,\n rgba(30, 235, 180, 0.5),\n rgba(30, 235, 180, 0.5) 20px,\n rgba(0, 0, 0, 0.1) 20px,\n rgba(0, 0, 0, 0.1) 35px\n )
|
|
12
|
+
exports.S_HeightFitContentCover = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n /* background: repeating-linear-gradient(\n -120deg,\n rgba(30, 235, 180, 0.5),\n rgba(30, 235, 180, 0.5) 20px,\n rgba(0, 0, 0, 0.1) 20px,\n rgba(0, 0, 0, 0.1) 35px\n ); */\n bottom: 0;\n height: 100%;\n left: 0;\n pointer-events: none;\n position: absolute;\n width: 100%;\n\n z-index: 2;\n\n &::after {\n content: '", "';\n visibility: hidden;\n }\n\n /* &::after {\n color: #ffffffff;\n content: '", "';\n font-size: 12px;\n font-weight: bold;\n left: 50%;\n line-height: 1.1;\n overflow-wrap: break-word;\n pointer-events: none;\n position: absolute;\n text-align: center;\n text-shadow: rgb(0, 184, 132) 1px 0px 0px, rgb(0, 184, 132) 0.540302px 0.841471px 0px,\n rgb(0, 184, 132) -0.416147px 0.909297px 0px, rgb(0, 184, 132) -0.989992px 0.14112px 0px,\n rgb(0, 184, 132) -0.653644px -0.756802px 0px, rgb(0, 184, 132) 0.283662px -0.958924px 0px,\n rgb(0, 184, 132) 0.96017px -0.279415px 0px, rgb(0, 0, 0) 0px 0px 1px;\n top: 50%;\n transform: translate(-50%, -50%);\n word-break: keep-all;\n } */\n"], ["\n /* background: repeating-linear-gradient(\n -120deg,\n rgba(30, 235, 180, 0.5),\n rgba(30, 235, 180, 0.5) 20px,\n rgba(0, 0, 0, 0.1) 20px,\n rgba(0, 0, 0, 0.1) 35px\n ); */\n bottom: 0;\n height: 100%;\n left: 0;\n pointer-events: none;\n position: absolute;\n width: 100%;\n\n z-index: 2;\n\n &::after {\n content: '", "';\n visibility: hidden;\n }\n\n /* &::after {\n color: #ffffffff;\n content: '", "';\n font-size: 12px;\n font-weight: bold;\n left: 50%;\n line-height: 1.1;\n overflow-wrap: break-word;\n pointer-events: none;\n position: absolute;\n text-align: center;\n text-shadow: rgb(0, 184, 132) 1px 0px 0px, rgb(0, 184, 132) 0.540302px 0.841471px 0px,\n rgb(0, 184, 132) -0.416147px 0.909297px 0px, rgb(0, 184, 132) -0.989992px 0.14112px 0px,\n rgb(0, 184, 132) -0.653644px -0.756802px 0px, rgb(0, 184, 132) 0.283662px -0.958924px 0px,\n rgb(0, 184, 132) 0.96017px -0.279415px 0px, rgb(0, 0, 0) 0px 0px 1px;\n top: 50%;\n transform: translate(-50%, -50%);\n word-break: keep-all;\n } */\n"])), function (props) { return props.bottomText || ''; }, function (props) { return props.bottomText || ''; });
|
|
13
13
|
var templateObject_1;
|