pds-dev-kit-web-test 2.5.313 → 2.5.314

package/dist/src/sub/DynamicLayout/mocks.d.ts

@@ -330,6 +330,216 @@ export declare const MOCK_SECTIONS: {
                     'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE': null;
                     'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE:HOVER': null;
                 };
+                CB_STYLE_PROP_SHADOW: {
+                    CB_STYLE_PROP_SHADOW_SPEC_BLUR: number;
+                    'CB_STYLE_PROP_SHADOW_SPEC_BLUR:HOVER': null;
+                    'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE': null;
+                    'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE:HOVER': null;
+                    CB_STYLE_PROP_SHADOW_SPEC_COLOR: string;
+                    'CB_STYLE_PROP_SHADOW_SPEC_COLOR:HOVER': string;
+                    'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE': null;
+                    'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE:HOVER': null;
+                    CB_STYLE_PROP_SHADOW_SPEC_OPACITY: number;
+                    'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:HOVER': null;
+                    'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE': null;
+                    'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE:HOVER': null;
+                    CB_STYLE_PROP_SHADOW_SPEC_SPREAD: number;
+                    'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:HOVER': null;
+                    'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE': null;
+                    'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE:HOVER': null;
+                    CB_STYLE_PROP_SHADOW_SPEC_TYPE: string;
+                    'CB_STYLE_PROP_SHADOW_SPEC_TYPE:HOVER': string;
+                    'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE': null;
+                    'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE:HOVER': null;
+                    CB_STYLE_PROP_SHADOW_SPEC_X: number;
+                    'CB_STYLE_PROP_SHADOW_SPEC_X:HOVER': null;
+                    'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE': null;
+                    'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE:HOVER': null;
+                    CB_STYLE_PROP_SHADOW_SPEC_Y: number;
+                    'CB_STYLE_PROP_SHADOW_SPEC_Y:HOVER': null;
+                    'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE': null;
+                    'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE:HOVER': null;
+                };
+                CB_CONTENT_PROP_IMAGE?: undefined;
+                CB_STYLE_PROP_IMAGE?: undefined;
+            };
+            minVersion: string;
+            version: string;
+        };
+        queryableDefinitionPreset: string;
+        queryableTapSrc: string;
+        updatedAt: string;
+    } | {
+        availablePlugins: never[];
+        blockId: string;
+        componentBlockCode: string;
+        componentBlockType: string;
+        dynamicLayoutSectionId: number;
+        id: number;
+        insertedAt: string;
+        jsonProperties: {
+            currentVersion: string;
+            data: {
+                CB_CONTENT_PROP_CLINK: {
+                    CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC: string;
+                    CB_CONTENT_PROP_CLINK_SPEC_NEWTAB: boolean;
+                    CB_CONTENT_PROP_CLINK_SPEC_SRC: string;
+                    CB_CONTENT_PROP_CLINK_SPEC_TYPE: string;
+                };
+                CB_CONTENT_PROP_HOVER: {
+                    CB_CONTENT_PROP_HOVER_SPEC_MUSE: boolean;
+                };
+                CB_CONTENT_PROP_TEXT: {
+                    CB_CONTENT_PROP_TEXT_SPEC_TEXT: string;
+                };
+                CB_CONTENT_PROP_VISIBILITY: {
+                    CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: boolean;
+                    CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB: boolean;
+                };
+                CB_EFFECT_PROP_ENTANIM: {
+                    CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: number;
+                    'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': null;
+                    CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: number;
+                    'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': null;
+                    CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: string;
+                    'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': null;
+                    CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: string;
+                    'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': null;
+                };
+                CB_EFFECT_PROP_HOVERANIM: {
+                    CB_EFFECT_PROP_HOVERANIM_SPEC_DURATION: number;
+                    'CB_EFFECT_PROP_HOVERANIM_SPEC_DURATION:MOBILE': null;
+                    CB_EFFECT_PROP_HOVERANIM_SPEC_REPEAT: number;
+                    'CB_EFFECT_PROP_HOVERANIM_SPEC_REPEAT:MOBILE': null;
+                    CB_EFFECT_PROP_HOVERANIM_SPEC_TFUNC: string;
+                    'CB_EFFECT_PROP_HOVERANIM_SPEC_TFUNC:MOBILE': null;
+                    CB_EFFECT_PROP_HOVERANIM_SPEC_TYPE: string;
+                    'CB_EFFECT_PROP_HOVERANIM_SPEC_TYPE:MOBILE': null;
+                };
+                CB_LAYOUT_PROP_PADDING: {
+                    CB_LAYOUT_PROP_PADDING_SPEC_FIX: boolean;
+                    'CB_LAYOUT_PROP_PADDING_SPEC_FIX:MOBILE': null;
+                    CB_LAYOUT_PROP_PADDING_SPEC_PADDING: {
+                        bottom: number;
+                        left: number;
+                        right: number;
+                        top: number;
+                    };
+                    'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': null;
+                };
+                CB_PLACEMENT_PROP_PLACEMENT: {
+                    CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: number;
+                    'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': number;
+                    CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: number;
+                    'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': number;
+                    CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: number;
+                    'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': number;
+                    CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: number;
+                    'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': number;
+                    CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: number;
+                    'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': number;
+                };
+                CB_STYLE_PROP_BORDER: {
+                    CB_STYLE_PROP_BORDER_SPEC_COLOR: string;
+                    'CB_STYLE_PROP_BORDER_SPEC_COLOR:HOVER': null;
+                    'CB_STYLE_PROP_BORDER_SPEC_COLOR:MOBILE': null;
+                    'CB_STYLE_PROP_BORDER_SPEC_COLOR:MOBILE:HOVER': null;
+                    CB_STYLE_PROP_BORDER_SPEC_RADIUS: {
+                        bl: number;
+                        br: number;
+                        tl: number;
+                        tr: number;
+                    };
+                    'CB_STYLE_PROP_BORDER_SPEC_RADIUS:HOVER': null;
+                    'CB_STYLE_PROP_BORDER_SPEC_RADIUS:MOBILE': null;
+                    'CB_STYLE_PROP_BORDER_SPEC_RADIUS:MOBILE:HOVER': null;
+                    CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX: boolean;
+                    'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:HOVER': boolean;
+                    'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:MOBILE': null;
+                    'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:MOBILE:HOVER': null;
+                    CB_STYLE_PROP_BORDER_SPEC_STYLE: string;
+                    'CB_STYLE_PROP_BORDER_SPEC_STYLE:HOVER': null;
+                    'CB_STYLE_PROP_BORDER_SPEC_STYLE:MOBILE': null;
+                    'CB_STYLE_PROP_BORDER_SPEC_STYLE:MOBILE:HOVER': null;
+                    CB_STYLE_PROP_BORDER_SPEC_WIDTH: number;
+                    'CB_STYLE_PROP_BORDER_SPEC_WIDTH:HOVER': null;
+                    'CB_STYLE_PROP_BORDER_SPEC_WIDTH:MOBILE': null;
+                    'CB_STYLE_PROP_BORDER_SPEC_WIDTH:MOBILE:HOVER': null;
+                };
+                CB_STYLE_PROP_COLOR: {
+                    CB_STYLE_PROP_COLOR_SPEC_ANGLE: number;
+                    'CB_STYLE_PROP_COLOR_SPEC_ANGLE:HOVER': null;
+                    'CB_STYLE_PROP_COLOR_SPEC_ANGLE:MOBILE': null;
+                    'CB_STYLE_PROP_COLOR_SPEC_ANGLE:MOBILE:HOVER': null;
+                    CB_STYLE_PROP_COLOR_SPEC_COLOR: string;
+                    'CB_STYLE_PROP_COLOR_SPEC_COLOR:HOVER': null;
+                    'CB_STYLE_PROP_COLOR_SPEC_COLOR:MOBILE': null;
+                    'CB_STYLE_PROP_COLOR_SPEC_COLOR:MOBILE:HOVER': null;
+                    CB_STYLE_PROP_COLOR_SPEC_ENDCOLOR: string;
+                    'CB_STYLE_PROP_COLOR_SPEC_ENDCOLOR:HOVER': null;
+                    'CB_STYLE_PROP_COLOR_SPEC_ENDCOLOR:MOBILE': null;
+                    'CB_STYLE_PROP_COLOR_SPEC_ENDCOLOR:MOBILE:HOVER': null;
+                    CB_STYLE_PROP_COLOR_SPEC_ENDLOC: number;
+                    'CB_STYLE_PROP_COLOR_SPEC_ENDLOC:HOVER': null;
+                    'CB_STYLE_PROP_COLOR_SPEC_ENDLOC:MOBILE': null;
+                    'CB_STYLE_PROP_COLOR_SPEC_ENDLOC:MOBILE:HOVER': null;
+                    CB_STYLE_PROP_COLOR_SPEC_GRADIENT: string;
+                    'CB_STYLE_PROP_COLOR_SPEC_GRADIENT:HOVER': null;
+                    'CB_STYLE_PROP_COLOR_SPEC_GRADIENT:MOBILE': null;
+                    'CB_STYLE_PROP_COLOR_SPEC_GRADIENT:MOBILE:HOVER': null;
+                    CB_STYLE_PROP_COLOR_SPEC_STARTCOLOR: string;
+                    'CB_STYLE_PROP_COLOR_SPEC_STARTCOLOR:HOVER': null;
+                    'CB_STYLE_PROP_COLOR_SPEC_STARTCOLOR:MOBILE': null;
+                    'CB_STYLE_PROP_COLOR_SPEC_STARTCOLOR:MOBILE:HOVER': null;
+                    CB_STYLE_PROP_COLOR_SPEC_STARTLOC: number;
+                    'CB_STYLE_PROP_COLOR_SPEC_STARTLOC:HOVER': null;
+                    'CB_STYLE_PROP_COLOR_SPEC_STARTLOC:MOBILE': null;
+                    'CB_STYLE_PROP_COLOR_SPEC_STARTLOC:MOBILE:HOVER': null;
+                    CB_STYLE_PROP_COLOR_SPEC_TYPE: string;
+                    'CB_STYLE_PROP_COLOR_SPEC_TYPE:HOVER': string;
+                    'CB_STYLE_PROP_COLOR_SPEC_TYPE:MOBILE': null;
+                    'CB_STYLE_PROP_COLOR_SPEC_TYPE:MOBILE:HOVER': null;
+                };
+                CB_STYLE_PROP_TEXT: {
+                    CB_STYLE_PROP_TEXT_SPEC_COLOR: string;
+                    'CB_STYLE_PROP_TEXT_SPEC_COLOR:HOVER': null;
+                    'CB_STYLE_PROP_TEXT_SPEC_COLOR:MOBILE': null;
+                    'CB_STYLE_PROP_TEXT_SPEC_COLOR:MOBILE:HOVER': null;
+                    CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL: string;
+                    'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:HOVER': null;
+                    'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:MOBILE': null;
+                    'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:MOBILE:HOVER': null;
+                    CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING: number;
+                    'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:HOVER': null;
+                    'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:MOBILE': null;
+                    'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:MOBILE:HOVER': null;
+                    CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT: number;
+                    'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:HOVER': null;
+                    'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:MOBILE': null;
+                    'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:MOBILE:HOVER': null;
+                    CB_STYLE_PROP_TEXT_SPEC_SIZE: number;
+                    'CB_STYLE_PROP_TEXT_SPEC_SIZE:HOVER': null;
+                    'CB_STYLE_PROP_TEXT_SPEC_SIZE:MOBILE': null;
+                    'CB_STYLE_PROP_TEXT_SPEC_SIZE:MOBILE:HOVER': null;
+                    CB_STYLE_PROP_TEXT_SPEC_TYPEFACE: string;
+                    'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:HOVER': null;
+                    'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:MOBILE': null;
+                    'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:MOBILE:HOVER': null;
+                    CB_STYLE_PROP_TEXT_SPEC_VERTICAL: string;
+                    'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:HOVER': null;
+                    'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:MOBILE': null;
+                    'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:MOBILE:HOVER': null;
+                    CB_STYLE_PROP_TEXT_SPEC_WEIGHT: number;
+                    'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:HOVER': null;
+                    'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE': null;
+                    'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE:HOVER': null;
+                };
+                CB_STYLE_PROP_OPACITY: {
+                    CB_STYLE_PROP_OPACITY_SPEC_OPACITY: number;
+                    'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:HOVER': number;
+                    'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE': null;
+                    'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE:HOVER': null;
+                };
                 CB_STYLE_PROP_SHADOW: {
                     CB_STYLE_PROP_SHADOW_SPEC_BLUR: number;
                     'CB_STYLE_PROP_SHADOW_SPEC_BLUR:HOVER': null;

package/dist/src/sub/DynamicLayout/mocks.js

@@ -338,8 +338,8 @@ exports.MOCK_SECTIONS = [
                             'CB_STYLE_PROP_SHADOW_SPEC_BLUR:HOVER': null,
                             'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE': null,
                             'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE:HOVER': null,
-                            CB_STYLE_PROP_SHADOW_SPEC_COLOR: '#000000FF',
-                            'CB_STYLE_PROP_SHADOW_SPEC_COLOR:HOVER': null,
+                            CB_STYLE_PROP_SHADOW_SPEC_COLOR: '#000000DD',
+                            'CB_STYLE_PROP_SHADOW_SPEC_COLOR:HOVER': '#FF2D00FF',
                             'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE': null,
                             'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE:HOVER': null,
                             CB_STYLE_PROP_SHADOW_SPEC_OPACITY: 20,
@@ -350,11 +350,11 @@ exports.MOCK_SECTIONS = [
                             'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:HOVER': null,
                             'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE': null,
                             'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE:HOVER': null,
-                            CB_STYLE_PROP_SHADOW_SPEC_TYPE: 'NONE',
+                            CB_STYLE_PROP_SHADOW_SPEC_TYPE: 'OUTSET',
                             'CB_STYLE_PROP_SHADOW_SPEC_TYPE:HOVER': 'OUTSET',
                             'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE': null,
                             'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE:HOVER': null,
-                            CB_STYLE_PROP_SHADOW_SPEC_X: 0,
+                            CB_STYLE_PROP_SHADOW_SPEC_X: 5,
                             'CB_STYLE_PROP_SHADOW_SPEC_X:HOVER': null,
                             'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE': null,
                             'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE:HOVER': null,

package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/colorUtil.d.ts

@@ -26,6 +26,6 @@ export declare function parseStyleColorToCSSProp<T>({ availableSpecCodes, props,
     style: CSSProperties;
     hoverStyle: CSSProperties;
 };
-export declare function getBtnColorStyles(value: ValueSetType, cbName: CBName): CSSProperties;
-export declare function getLinearGradientStyles(value: ValueSetType, cbName: CBName): CSSProperties;
+export declare function getBtnColorStyles(value: ValueSetType, cbName: CBName, normalValue?: ValueSetType): CSSProperties;
+export declare function getLinearGradientStyles(value: ValueSetType, cbName: CBName, normalValue?: ValueSetType): CSSProperties;
 export {};

package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/colorUtil.js

@@ -33,11 +33,11 @@ function parseStyleColorToCSSProp(_a) {
         hover: {}
     });
     var style = getBtnColorStyles(valueSet.normal, propKey);
-    var hoverStyle = getBtnColorStyles(valueSet.hover, propKey);
+    var hoverStyle = getBtnColorStyles(valueSet.hover, propKey, valueSet.normal);
     return { style: style, hoverStyle: hoverStyle };
 }
 exports.parseStyleColorToCSSProp = parseStyleColorToCSSProp;
-function getBtnColorStyles(value, cbName) {
+function getBtnColorStyles(value, cbName, normalValue) {
     if (value["CB_STYLE_PROP_".concat(cbName, "_SPEC_TYPE")] === 'NONE') {
         return { background: 'none' };
     }
@@ -47,21 +47,23 @@ function getBtnColorStyles(value, cbName) {
         };
         return style;
     }
-    return getLinearGradientStyles(value, cbName);
+    return getLinearGradientStyles(value, cbName, normalValue);
 }
 exports.getBtnColorStyles = getBtnColorStyles;
-function getLinearGradientStyles(value, cbName) {
-    var angle = value["CB_STYLE_PROP_".concat(cbName, "_SPEC_ANGLE")];
-    var startColor = value["CB_STYLE_PROP_".concat(cbName, "_SPEC_STARTCOLOR")];
-    var startLoc = value["CB_STYLE_PROP_".concat(cbName, "_SPEC_STARTLOC")];
-    var endColor = value["CB_STYLE_PROP_".concat(cbName, "_SPEC_ENDCOLOR")];
-    var endLoc = value["CB_STYLE_PROP_".concat(cbName, "_SPEC_ENDLOC")];
-    if (value["CB_STYLE_PROP_".concat(cbName, "_SPEC_GRADIENT")] === 'LINEAR') {
+function getLinearGradientStyles(value, cbName, normalValue) {
+    var _a, _b, _c, _d, _e, _f;
+    var angle = (_a = value["CB_STYLE_PROP_".concat(cbName, "_SPEC_ANGLE")]) !== null && _a !== void 0 ? _a : normalValue === null || normalValue === void 0 ? void 0 : normalValue["CB_STYLE_PROP_".concat(cbName, "_SPEC_ANGLE")];
+    var startColor = (_b = value["CB_STYLE_PROP_".concat(cbName, "_SPEC_STARTCOLOR")]) !== null && _b !== void 0 ? _b : normalValue === null || normalValue === void 0 ? void 0 : normalValue["CB_STYLE_PROP_".concat(cbName, "_SPEC_STARTCOLOR")];
+    var startLoc = (_c = value["CB_STYLE_PROP_".concat(cbName, "_SPEC_STARTLOC")]) !== null && _c !== void 0 ? _c : normalValue === null || normalValue === void 0 ? void 0 : normalValue["CB_STYLE_PROP_".concat(cbName, "_SPEC_STARTLOC")];
+    var endColor = (_d = value["CB_STYLE_PROP_".concat(cbName, "_SPEC_ENDCOLOR")]) !== null && _d !== void 0 ? _d : normalValue === null || normalValue === void 0 ? void 0 : normalValue["CB_STYLE_PROP_".concat(cbName, "_SPEC_ENDCOLOR")];
+    var endLoc = (_e = value["CB_STYLE_PROP_".concat(cbName, "_SPEC_ENDLOC")]) !== null && _e !== void 0 ? _e : normalValue === null || normalValue === void 0 ? void 0 : normalValue["CB_STYLE_PROP_".concat(cbName, "_SPEC_ENDLOC")];
+    var gradientType = (_f = value["CB_STYLE_PROP_".concat(cbName, "_SPEC_GRADIENT")]) !== null && _f !== void 0 ? _f : normalValue === null || normalValue === void 0 ? void 0 : normalValue["CB_STYLE_PROP_".concat(cbName, "_SPEC_GRADIENT")];
+    if (gradientType === 'LINEAR') {
         var gradient = "".concat(angle, "deg, ").concat(startColor, " ").concat(startLoc, "%, ").concat(endColor, " ").concat(endLoc, "%");
         var style = { background: "linear-gradient(".concat(gradient, ")") };
         return style;
     }
-    if (value["CB_STYLE_PROP_".concat(cbName, "_SPEC_GRADIENT")] === 'RADIAL') {
+    if (gradientType === 'RADIAL') {
         var gradient = "".concat(startColor, " ").concat(startLoc, "%, ").concat(endColor, " ").concat(endLoc, "%");
         var style = { background: "radial-gradient(".concat(gradient, ")") };
         return style;

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropShadow.js

@@ -38,21 +38,44 @@ function parseStylePropShadow(namedProps, device) {
         normal: {},
         hover: {}
     });
-    return {
-        style: { boxShadow: valueGenerator(valueSet.normal) },
-        hoverStyle: { boxShadow: valueGenerator(valueSet.hover) }
-    };
+    return valueGenerator({ normalValueSet: valueSet.normal, hoverValueSet: valueSet.hover });
 }
 exports.default = parseStylePropShadow;
-function valueGenerator(valueSet) {
-    switch (valueSet.CB_STYLE_PROP_SHADOW_SPEC_TYPE) {
-        case 'INSET':
-            return "inset ".concat(valueSet.CB_STYLE_PROP_SHADOW_SPEC_X, "px ").concat(valueSet.CB_STYLE_PROP_SHADOW_SPEC_Y, "px ").concat(valueSet.CB_STYLE_PROP_SHADOW_SPEC_BLUR, "px ").concat(valueSet.CB_STYLE_PROP_SHADOW_SPEC_SPREAD, "px ").concat(valueSet.CB_STYLE_PROP_SHADOW_SPEC_COLOR);
-        case 'OUTSET':
-            return "".concat(valueSet.CB_STYLE_PROP_SHADOW_SPEC_X, "px ").concat(valueSet.CB_STYLE_PROP_SHADOW_SPEC_Y, "px ").concat(valueSet.CB_STYLE_PROP_SHADOW_SPEC_BLUR, "px ").concat(valueSet.CB_STYLE_PROP_SHADOW_SPEC_SPREAD, "px ").concat(valueSet.CB_STYLE_PROP_SHADOW_SPEC_COLOR);
-        case 'NONE':
-            return 'none';
-        default:
-            return '';
-    }
+function valueGenerator(_a) {
+    var hoverValueSet = _a.hoverValueSet, normalValueSet = _a.normalValueSet;
+    var normalShadow = function () {
+        switch (normalValueSet.CB_STYLE_PROP_SHADOW_SPEC_TYPE) {
+            case 'INSET':
+                return "inset ".concat(normalValueSet.CB_STYLE_PROP_SHADOW_SPEC_X, "px ").concat(normalValueSet.CB_STYLE_PROP_SHADOW_SPEC_Y, "px ").concat(normalValueSet.CB_STYLE_PROP_SHADOW_SPEC_BLUR, "px ").concat(normalValueSet.CB_STYLE_PROP_SHADOW_SPEC_SPREAD, "px ").concat(normalValueSet.CB_STYLE_PROP_SHADOW_SPEC_COLOR);
+            case 'OUTSET':
+                return "".concat(normalValueSet.CB_STYLE_PROP_SHADOW_SPEC_X, "px ").concat(normalValueSet.CB_STYLE_PROP_SHADOW_SPEC_Y, "px ").concat(normalValueSet.CB_STYLE_PROP_SHADOW_SPEC_BLUR, "px ").concat(normalValueSet.CB_STYLE_PROP_SHADOW_SPEC_SPREAD, "px ").concat(normalValueSet.CB_STYLE_PROP_SHADOW_SPEC_COLOR);
+            case 'NONE':
+                return 'none';
+            default:
+                return '';
+        }
+    };
+    var hoverShadow = function () {
+        var _a, _b, _c, _d, _e, _f;
+        var type = (_a = hoverValueSet.CB_STYLE_PROP_SHADOW_SPEC_TYPE) !== null && _a !== void 0 ? _a : normalValueSet.CB_STYLE_PROP_SHADOW_SPEC_TYPE;
+        var color = (_b = hoverValueSet.CB_STYLE_PROP_SHADOW_SPEC_COLOR) !== null && _b !== void 0 ? _b : normalValueSet.CB_STYLE_PROP_SHADOW_SPEC_COLOR;
+        var x = (_c = hoverValueSet.CB_STYLE_PROP_SHADOW_SPEC_X) !== null && _c !== void 0 ? _c : normalValueSet.CB_STYLE_PROP_SHADOW_SPEC_X;
+        var y = (_d = hoverValueSet.CB_STYLE_PROP_SHADOW_SPEC_Y) !== null && _d !== void 0 ? _d : normalValueSet.CB_STYLE_PROP_SHADOW_SPEC_Y;
+        var blur = (_e = hoverValueSet.CB_STYLE_PROP_SHADOW_SPEC_BLUR) !== null && _e !== void 0 ? _e : normalValueSet.CB_STYLE_PROP_SHADOW_SPEC_BLUR;
+        var spread = (_f = hoverValueSet.CB_STYLE_PROP_SHADOW_SPEC_SPREAD) !== null && _f !== void 0 ? _f : normalValueSet.CB_STYLE_PROP_SHADOW_SPEC_SPREAD;
+        switch (type) {
+            case 'INSET':
+                return "inset ".concat(x, "px ").concat(y, "px ").concat(blur, "px ").concat(spread, "px ").concat(color);
+            case 'OUTSET':
+                return "".concat(x, "px ").concat(y, "px ").concat(blur, "px ").concat(spread, "px ").concat(color);
+            case 'NONE':
+                return 'none';
+            default:
+                return '';
+        }
+    };
+    return {
+        style: { boxShadow: normalShadow() },
+        hoverStyle: { boxShadow: hoverShadow() }
+    };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pds-dev-kit-web-test",
-  "version": "2.5.313",
+  "version": "2.5.314",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",

package/release-note.md

@@ -1,6 +1,6 @@
 # PDS-DEV-KIT-WEB Release Notes
-## [v2.2.141]
+## [v2.2.142]
 ## daily|https://design.storybook.publ.biz/
 
 ### 업데이트 사항
-* 컬러키 싱크
+* [PDS_1282] Button CB가 alternative value를 사용하지 않음