pds-dev-kit-web-test 0.2.15 → 0.2.16

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

@@ -28,13 +28,12 @@ var AVAILABLE_SPECS = [
 function parseStylePropBgColor(namedProps, device) {
     var specs = namedProps.specs;
     var bgColorCssProperties = AVAILABLE_SPECS.reduce(function (acc, cur) {
-        var _a, _b;
+        var _a;
         var baseKey = device === 'DESKTOP' ? cur : cur + ":MOBILE";
         var value = specs[baseKey];
-        var hoverValue = specs[baseKey + ":HOVER"];
         return {
             style: __assign(__assign({}, acc.style), (_a = {}, _a[baseKey] = (0, isNullOrUndefined_1.default)(value) ? specs[cur] : value, _a)),
-            hoverStyle: __assign(__assign({}, acc.hoverStyle), (_b = {}, _b[baseKey] = (0, isNullOrUndefined_1.default)(hoverValue) ? specs[cur + ":HOVER"] : hoverValue, _b))
+            hoverStyle: __assign({}, acc.hoverStyle)
         };
     }, {
         style: {},
@@ -62,7 +61,7 @@ function valueGenerator(valueSet, device) {
             case 'SOLID':
                 return "" + valueSet.CB_STYLE_PROP_BGCOLOR_SPEC_COLOR;
             case 'NONE':
-                return 'NONE';
+                return 'transparent';
             default:
                 return '';
         }
@@ -84,7 +83,7 @@ function valueGenerator(valueSet, device) {
             case 'SOLID':
                 return "" + valueSet['CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:MOBILE'];
             case 'NONE':
-                return 'NONE';
+                return 'transparent';
             default:
                 return '';
         }

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

@@ -18,23 +18,21 @@ var AVAILABLE_SPECS = [
 function parseStylePropBGImage(namedProps, device) {
     var specs = namedProps.specs;
     return AVAILABLE_SPECS.reduce(function (acc, cur) {
-        var _a, _b;
+        var _a;
         var baseKey = device === 'DESKTOP' ? cur : cur + ":MOBILE";
         var cssPropertyKey = getParsedKey(baseKey);
         var value = specs[baseKey];
-        var hoverValue = specs[baseKey + ":HOVER"];
         var isPosition = cssPropertyKey === 'position';
         if (isPosition) {
             var positionCss = getCssProperties(value);
-            var hoverPositionCss = getCssProperties(hoverValue);
             return {
                 style: __assign(__assign({}, acc.style), positionCss),
-                hoverStyle: __assign(__assign({}, acc.hoverStyle), hoverPositionCss)
+                hoverStyle: __assign({}, acc.hoverStyle)
             };
         }
         return {
             style: __assign(__assign({}, acc.style), (_a = {}, _a[cssPropertyKey] = value === null || value === void 0 ? void 0 : value.toLowerCase(), _a)),
-            hoverStyle: __assign(__assign({}, acc.hoverStyle), (_b = {}, _b[cssPropertyKey] = hoverValue === null || hoverValue === void 0 ? void 0 : hoverValue.toLowerCase(), _b))
+            hoverStyle: __assign({}, acc.hoverStyle)
         };
     }, {
         style: {},

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropBgOverlay.d.ts

@@ -1,10 +1,10 @@
-import type { Device, ENUM_STRING, NUMBER_INTEGER, OverlayStyleAndOverlayHoverStyle, STRING_8DIGIT_HEX, StyleAndHoverStyle } from '../types';
+import type { Device, ENUM_STRING, NUMBER_INTEGER, OverlayStyle, STRING_8DIGIT_HEX, StyleAndHoverStyle } from '../types';
 import type { CB_STYLE_PROP_KEYS } from './types';
 export declare type NAMED_CB_STYLE_BGOVERLAY_PROPS = {
     name: CB_STYLE_PROP_KEYS.CB_STYLE_PROP_BGOVERLAY;
     specs: CB_STYLE_PROP_BGOVERLAY_SPECS;
 };
-export default function parseStylePropBgOverlay(namedProps: NAMED_CB_STYLE_BGOVERLAY_PROPS, device: Device): StyleAndHoverStyle & Partial<OverlayStyleAndOverlayHoverStyle>;
+export default function parseStylePropBgOverlay(namedProps: NAMED_CB_STYLE_BGOVERLAY_PROPS, device: Device): StyleAndHoverStyle & Partial<OverlayStyle>;
 export declare type CB_STYLE_PROP_BGOVERLAY_SPECS_BASE = {
     CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE: NUMBER_INTEGER;
     CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR: STRING_8DIGIT_HEX;

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

@@ -28,29 +28,23 @@ var AVAILABLE_SPECS = [
 function parseStylePropBgOverlay(namedProps, device) {
     var specs = namedProps.specs;
     var bgColorCssProperties = AVAILABLE_SPECS.reduce(function (acc, cur) {
-        var _a, _b;
+        var _a;
         var baseKey = device === 'DESKTOP' ? cur : cur + ":MOBILE";
         var value = specs[baseKey];
-        var hoverValue = specs[baseKey + ":HOVER"];
         return {
             style: __assign({}, acc.style),
             hoverStyle: __assign({}, acc.hoverStyle),
-            overlayStyle: __assign(__assign({}, acc.overlayStyle), (_a = {}, _a[baseKey] = (0, isNullOrUndefined_1.default)(value) ? specs[cur] : value, _a)),
-            overlayHoverStyle: __assign(__assign({}, acc.overlayHoverStyle), (_b = {}, _b[baseKey] = (0, isNullOrUndefined_1.default)(hoverValue) ? specs[cur + ":HOVER"] : hoverValue, _b))
+            overlayStyle: __assign(__assign({}, acc.overlayStyle), (_a = {}, _a[baseKey] = (0, isNullOrUndefined_1.default)(value) ? specs[cur] : value, _a))
         };
     }, {
         style: {},
         hoverStyle: {},
-        overlayStyle: {},
-        overlayHoverStyle: {}
+        overlayStyle: {}
     });
     return {
         style: {},
         hoverStyle: {},
-        overlayStyle: { background: valueGenerator(bgColorCssProperties.overlayStyle, device) },
-        overlayHoverStyle: {
-            background: valueGenerator(bgColorCssProperties.overlayHoverStyle, device)
-        }
+        overlayStyle: { background: valueGenerator(bgColorCssProperties.overlayStyle, device) }
     };
 }
 exports.default = parseStylePropBgOverlay;
@@ -70,7 +64,7 @@ function valueGenerator(valueSet, device) {
             case 'SOLID':
                 return "" + valueSet.CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR;
             case 'NONE':
-                return '';
+                return 'transparent';
             default:
                 return '';
         }
@@ -92,7 +86,7 @@ function valueGenerator(valueSet, device) {
             case 'SOLID':
                 return "" + valueSet.CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR;
             case 'NONE':
-                return '';
+                return 'transparent';
             default:
                 return '';
         }

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

@@ -21,23 +21,35 @@ var AVAILABLE_SPECS = [
 function parseStylePropBorder(namedProps, device) {
     var specs = namedProps.specs;
     return AVAILABLE_SPECS.reduce(function (acc, cur) {
-        var _a, _b;
+        var _a, _b, _c;
         var baseKey = device === 'DESKTOP' ? cur : cur + ":MOBILE";
         var cssPropertyKey = getParsedKey(baseKey);
         var value = specs[baseKey];
         var hoverValue = specs[baseKey + ":HOVER"];
         var isRadius = cssPropertyKey === 'borderRadius';
         if (isRadius) {
-            var _c = value, tl = _c.tl, tr = _c.tr, bl = _c.bl, br = _c.br;
+            var _d = value, tl = _d.tl, tr = _d.tr, bl = _d.bl, br = _d.br;
             var hoverValueTypeExpanded = hoverValue;
+            if (hoverValueTypeExpanded === null || hoverValueTypeExpanded === undefined) {
+                return {
+                    style: __assign(__assign({}, acc.style), { borderTopLeftRadius: tl, borderTopRightRadius: tr, borderBottomLeftRadius: bl, borderBottomRightRadius: br }),
+                    hoverStyle: __assign({}, acc.hoverStyle)
+                };
+            }
             return {
                 style: __assign(__assign({}, acc.style), { borderTopLeftRadius: tl, borderTopRightRadius: tr, borderBottomLeftRadius: bl, borderBottomRightRadius: br }),
                 hoverStyle: __assign(__assign({}, acc.hoverStyle), { borderTopLeftRadius: hoverValueTypeExpanded ? hoverValueTypeExpanded.tl : 0, borderTopRightRadius: hoverValueTypeExpanded ? hoverValueTypeExpanded.tr : 0, borderBottomLeftRadius: hoverValueTypeExpanded ? hoverValueTypeExpanded.bl : 0, borderBottomRightRadius: hoverValueTypeExpanded ? hoverValueTypeExpanded.br : 0 })
             };
         }
+        if (hoverValue === null || hoverValue === undefined) {
+            return {
+                style: __assign(__assign({}, acc.style), (_a = {}, _a[cssPropertyKey] = value, _a)),
+                hoverStyle: __assign({}, acc.hoverStyle)
+            };
+        }
         return {
-            style: __assign(__assign({}, acc.style), (_a = {}, _a[cssPropertyKey] = value, _a)),
-            hoverStyle: __assign(__assign({}, acc.hoverStyle), (_b = {}, _b[cssPropertyKey] = hoverValue, _b))
+            style: __assign(__assign({}, acc.style), (_b = {}, _b[cssPropertyKey] = value, _b)),
+            hoverStyle: __assign(__assign({}, acc.hoverStyle), (_c = {}, _c[cssPropertyKey] = hoverValue, _c))
         };
     }, {
         style: {},

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

@@ -19,7 +19,7 @@ var AVAILABLE_SPECS = [
 function parseStylePropDivider(namedProps, device) {
     var specs = namedProps.specs;
     return AVAILABLE_SPECS.reduce(function (acc, cur) {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e, _f;
         var baseKey = device === 'DESKTOP' ? cur : cur + ":MOBILE";
         var cssPropertyKey = getDividerCSSPropKey(baseKey);
         var value = specs[baseKey];
@@ -27,14 +27,26 @@ function parseStylePropDivider(namedProps, device) {
         if (cssPropertyKey === 'border-bottom-style') {
             var widthValue = value === 'NONE' ? 'solid' : value;
             var widthHoverValue = hoverValue === 'NONE' ? 'solid' : hoverValue;
+            if (widthHoverValue === null || widthHoverValue === undefined) {
+                return {
+                    style: __assign(__assign({}, acc.style), (_a = {}, _a[cssPropertyKey] = widthValue, _a)),
+                    hoverStyle: __assign({}, acc.hoverStyle)
+                };
+            }
             return {
-                style: __assign(__assign({}, acc.style), (_a = {}, _a[cssPropertyKey] = widthValue, _a)),
-                hoverStyle: __assign(__assign({}, acc.hoverStyle), (_b = {}, _b[cssPropertyKey] = widthHoverValue, _b))
+                style: __assign(__assign({}, acc.style), (_b = {}, _b[cssPropertyKey] = widthValue, _b)),
+                hoverStyle: __assign(__assign({}, acc.hoverStyle), (_c = {}, _c[cssPropertyKey] = widthHoverValue, _c))
+            };
+        }
+        if (hoverValue === null || hoverValue === undefined) {
+            return {
+                style: __assign(__assign({}, acc.style), (_d = {}, _d[cssPropertyKey] = value, _d)),
+                hoverStyle: __assign({}, acc.hoverStyle)
             };
         }
         return {
-            style: __assign(__assign({}, acc.style), (_c = {}, _c[cssPropertyKey] = value, _c)),
-            hoverStyle: __assign(__assign({}, acc.hoverStyle), (_d = {}, _d[cssPropertyKey] = hoverValue, _d))
+            style: __assign(__assign({}, acc.style), (_e = {}, _e[cssPropertyKey] = value, _e)),
+            hoverStyle: __assign(__assign({}, acc.hoverStyle), (_f = {}, _f[cssPropertyKey] = hoverValue, _f))
         };
     }, {
         style: {},

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

@@ -18,7 +18,7 @@ var AVAILABLE_SPECS = [
 function parseStylePropImage(namedProps, device) {
     var specs = namedProps.specs;
     return AVAILABLE_SPECS.reduce(function (acc, cur) {
-        var _a, _b;
+        var _a, _b, _c;
         var baseKey = device === 'DESKTOP' ? cur : cur + ":MOBILE";
         var cssPropertyKey = getParsedKey(baseKey);
         var value = specs[baseKey];
@@ -27,14 +27,23 @@ function parseStylePropImage(namedProps, device) {
         if (isPosition) {
             var positionCss = getCssProperties(value);
             var hoverPositionCss = getCssProperties(hoverValue);
+            if (hoverPositionCss === null || hoverPositionCss === undefined) {
+                return { style: __assign(__assign({}, acc.style), positionCss), hoverStyle: __assign({}, acc.hoverStyle) };
+            }
             return {
                 style: __assign(__assign({}, acc.style), positionCss),
                 hoverStyle: __assign(__assign({}, acc.hoverStyle), hoverPositionCss)
             };
         }
+        if (hoverValue === null || hoverValue === undefined) {
+            return {
+                style: __assign(__assign({}, acc.style), (_a = {}, _a[cssPropertyKey] = value === null || value === void 0 ? void 0 : value.toLowerCase(), _a)),
+                hoverStyle: __assign({}, acc.hoverStyle)
+            };
+        }
         return {
-            style: __assign(__assign({}, acc.style), (_a = {}, _a[cssPropertyKey] = value === null || value === void 0 ? void 0 : value.toLowerCase(), _a)),
-            hoverStyle: __assign(__assign({}, acc.hoverStyle), (_b = {}, _b[cssPropertyKey] = hoverValue === null || hoverValue === void 0 ? void 0 : hoverValue.toLowerCase(), _b))
+            style: __assign(__assign({}, acc.style), (_b = {}, _b[cssPropertyKey] = value === null || value === void 0 ? void 0 : value.toLowerCase(), _b)),
+            hoverStyle: __assign(__assign({}, acc.hoverStyle), (_c = {}, _c[cssPropertyKey] = hoverValue === null || hoverValue === void 0 ? void 0 : hoverValue.toLowerCase(), _c))
         };
     }, {
         style: {},

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

@@ -14,14 +14,20 @@ Object.defineProperty(exports, "__esModule", { value: true });
 function parseStylePropOpacity(namedProps, device) {
     var specs = namedProps.specs;
     return AVAILABLE_SPECS.reduce(function (acc, cur) {
-        var _a, _b;
+        var _a, _b, _c;
         var baseKey = device === 'DESKTOP' ? cur : cur + ":MOBILE";
         var cssPropertyKey = getParsedKey(baseKey);
         var value = specs[baseKey];
         var hoverValue = specs[baseKey + ":HOVER"];
+        if (hoverValue === null || hoverValue === undefined) {
+            return {
+                style: __assign(__assign({}, acc.style), (_a = {}, _a[cssPropertyKey] = (value || 0) / 100, _a)),
+                hoverStyle: __assign({}, acc.hoverStyle)
+            };
+        }
         return {
-            style: __assign(__assign({}, acc.style), (_a = {}, _a[cssPropertyKey] = (value || 0) / 100, _a)),
-            hoverStyle: __assign(__assign({}, acc.hoverStyle), (_b = {}, _b[cssPropertyKey] = (hoverValue || 0) / 100, _b))
+            style: __assign(__assign({}, acc.style), (_b = {}, _b[cssPropertyKey] = (value || 0) / 100, _b)),
+            hoverStyle: __assign(__assign({}, acc.hoverStyle), (_c = {}, _c[cssPropertyKey] = (hoverValue || 0) / 100, _c))
         };
     }, {
         style: {},

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

@@ -23,13 +23,16 @@ var AVAILABLE_SPECS = [
 function parseStylePropShadow(namedProps, device) {
     var specs = namedProps.specs;
     var valueSet = AVAILABLE_SPECS.reduce(function (acc, cur) {
-        var _a, _b;
+        var _a, _b, _c;
         var baseKey = device === 'DESKTOP' ? cur : cur + ":MOBILE";
         var value = specs[baseKey];
         var hoverValue = specs[baseKey + ":HOVER"];
+        if (hoverValue === null || hoverValue === undefined) {
+            return { normal: __assign(__assign({}, acc.normal), (_a = {}, _a[cur] = value, _a)), hover: __assign({}, acc.hover) };
+        }
         return {
-            normal: __assign(__assign({}, acc.normal), (_a = {}, _a[cur] = value, _a)),
-            hover: __assign(__assign({}, acc.hover), (_b = {}, _b[cur] = hoverValue, _b))
+            normal: __assign(__assign({}, acc.normal), (_b = {}, _b[cur] = value, _b)),
+            hover: __assign(__assign({}, acc.hover), (_c = {}, _c[cur] = hoverValue, _c))
         };
     }, {
         normal: {},
@@ -48,7 +51,7 @@ function valueGenerator(valueSet) {
         case 'OUTSET':
             return valueSet.CB_STYLE_PROP_SHADOW_SPEC_X + "px " + valueSet.CB_STYLE_PROP_SHADOW_SPEC_Y + "px " + valueSet.CB_STYLE_PROP_SHADOW_SPEC_BLUR + "px " + valueSet.CB_STYLE_PROP_SHADOW_SPEC_SPREAD + "px " + valueSet.CB_STYLE_PROP_SHADOW_SPEC_COLOR;
         case 'NONE':
-            return '';
+            return 'none';
         default:
             return '';
     }

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropTextSpec.d.ts

@@ -1,39 +1,8 @@
-import type { Device, ENUM_STRING, NUMBER_INTEGER, STRING_8DIGIT_HEX, StyleAndHoverStyle } from '../types';
+import type { CB_STYLE_PROP_TEXT_SPECS } from '../../components/ComponentBlock/componentBlocks/Text/types';
+import type { Device, StyleAndHoverStyle } from '../types';
 import type { CB_STYLE_PROP_KEYS } from './types';
 export declare type NAMED_CB_STYLE_TEXT_PROPS = {
     name: CB_STYLE_PROP_KEYS.CB_STYLE_PROP_TEXT;
     specs: CB_STYLE_PROP_TEXT_SPECS;
 };
 export default function parseStylePropTextSpec(namedProps: NAMED_CB_STYLE_TEXT_PROPS, device: Device): StyleAndHoverStyle;
-export declare type CB_STYLE_PROP_TEXT_SPECS_BASE = {
-    CB_STYLE_PROP_TEXT_SPEC_FONT: ENUM_STRING;
-    CB_STYLE_PROP_TEXT_SPEC_WEIGHT: NUMBER_INTEGER;
-    CB_STYLE_PROP_TEXT_SPEC_SIZE: NUMBER_INTEGER;
-    CB_STYLE_PROP_TEXT_SPEC_FITTOSIZE: boolean;
-    CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT: NUMBER_INTEGER;
-    CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING: NUMBER_INTEGER;
-    CB_STYLE_PROP_TEXT_SPEC_COLOR: STRING_8DIGIT_HEX;
-};
-export declare type CB_STYLE_PROP_TEXT_SPECS = CB_STYLE_PROP_TEXT_SPECS_BASE & {
-    'CB_STYLE_PROP_TEXT_SPEC_FONT:HOVER': ENUM_STRING;
-    'CB_STYLE_PROP_TEXT_SPEC_FONT:MOBILE': ENUM_STRING | undefined;
-    'CB_STYLE_PROP_TEXT_SPEC_FONT:MOBILE:HOVER': ENUM_STRING | undefined;
-    'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:HOVER': NUMBER_INTEGER;
-    'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE': NUMBER_INTEGER | undefined;
-    'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE:HOVER': NUMBER_INTEGER | undefined;
-    'CB_STYLE_PROP_TEXT_SPEC_SIZE:HOVER': NUMBER_INTEGER;
-    'CB_STYLE_PROP_TEXT_SPEC_SIZE:MOBILE': NUMBER_INTEGER | undefined;
-    'CB_STYLE_PROP_TEXT_SPEC_SIZE:MOBILE:HOVER': NUMBER_INTEGER | undefined;
-    'CB_STYLE_PROP_TEXT_SPEC_FITTOSIZE:HOVER': boolean;
-    'CB_STYLE_PROP_TEXT_SPEC_FITTOSIZE:MOBILE': boolean | undefined;
-    'CB_STYLE_PROP_TEXT_SPEC_FITTOSIZE:MOBILE:HOVER': boolean | undefined;
-    'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:HOVER': NUMBER_INTEGER;
-    'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:MOBILE': NUMBER_INTEGER | undefined;
-    'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:MOBILE:HOVER': NUMBER_INTEGER | undefined;
-    'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:HOVER': NUMBER_INTEGER;
-    'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:MOBILE': NUMBER_INTEGER | undefined;
-    'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:MOBILE:HOVER': NUMBER_INTEGER | undefined;
-    'CB_STYLE_PROP_TEXT_SPEC_COLOR:HOVER': STRING_8DIGIT_HEX;
-    'CB_STYLE_PROP_TEXT_SPEC_COLOR:MOBILE': STRING_8DIGIT_HEX | undefined;
-    'CB_STYLE_PROP_TEXT_SPEC_COLOR:MOBILE:HOVER': STRING_8DIGIT_HEX | undefined;
-};

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

@@ -13,24 +13,31 @@ var __assign = (this && this.__assign) || function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 var AVAILABLE_SPECS = [
     'CB_STYLE_PROP_TEXT_SPEC_COLOR',
-    'CB_STYLE_PROP_TEXT_SPEC_FITTOSIZE',
-    'CB_STYLE_PROP_TEXT_SPEC_FONT',
+    'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE',
     'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING',
     'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT',
     'CB_STYLE_PROP_TEXT_SPEC_SIZE',
-    'CB_STYLE_PROP_TEXT_SPEC_WEIGHT'
+    'CB_STYLE_PROP_TEXT_SPEC_WEIGHT',
+    'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL',
+    'CB_STYLE_PROP_TEXT_SPEC_VERTICAL'
 ];
 function parseStylePropTextSpec(namedProps, device) {
     var specs = namedProps.specs;
     return AVAILABLE_SPECS.reduce(function (acc, cur) {
-        var _a, _b;
+        var _a, _b, _c;
         var baseKey = device === 'DESKTOP' ? cur : cur + ":MOBILE";
         var cssPropertyKey = getParsedKey(baseKey);
         var value = specs[baseKey];
         var hoverValue = specs[baseKey + ":HOVER"];
+        if (hoverValue === null || hoverValue === undefined) {
+            return {
+                style: __assign(__assign({}, acc.style), (_a = {}, _a[cssPropertyKey] = value, _a)),
+                hoverStyle: __assign({}, acc.hoverStyle)
+            };
+        }
         return {
-            style: __assign(__assign({}, acc.style), (_a = {}, _a[cssPropertyKey] = value, _a)),
-            hoverStyle: __assign(__assign({}, acc.hoverStyle), (_b = {}, _b[cssPropertyKey] = hoverValue, _b))
+            style: __assign(__assign({}, acc.style), (_b = {}, _b[cssPropertyKey] = value, _b)),
+            hoverStyle: __assign(__assign({}, acc.hoverStyle), (_c = {}, _c[cssPropertyKey] = hoverValue, _c))
         };
     }, {
         style: {},
@@ -45,16 +52,10 @@ function getParsedKey(key) {
         case "CB_STYLE_PROP_TEXT_SPEC_COLOR:MOBILE":
         case "CB_STYLE_PROP_TEXT_SPEC_COLOR:MOBILE:HOVER":
             return 'color';
-        case "CB_STYLE_PROP_TEXT_SPEC_FITTOSIZE":
-        case "CB_STYLE_PROP_TEXT_SPEC_FITTOSIZE:HOVER":
-        case "CB_STYLE_PROP_TEXT_SPEC_FITTOSIZE:MOBILE":
-        case "CB_STYLE_PROP_TEXT_SPEC_FITTOSIZE:MOBILE:HOVER":
-            // NOTE: 뭐지?
-            return 'unknown';
-        case "CB_STYLE_PROP_TEXT_SPEC_FONT":
-        case "CB_STYLE_PROP_TEXT_SPEC_FONT:HOVER":
-        case "CB_STYLE_PROP_TEXT_SPEC_FONT:MOBILE":
-        case "CB_STYLE_PROP_TEXT_SPEC_FONT:MOBILE:HOVER":
+        case "CB_STYLE_PROP_TEXT_SPEC_TYPEFACE":
+        case "CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:HOVER":
+        case "CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:MOBILE":
+        case "CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:MOBILE:HOVER":
             return 'fontFamily';
         case "CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING":
         case "CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:HOVER":
@@ -76,5 +77,15 @@ function getParsedKey(key) {
         case "CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE":
         case "CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE:HOVER":
             return 'fontWeight';
+        case "CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL":
+        case "CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:HOVER":
+        case "CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:MOBILE":
+        case "CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:MOBILE:HOVER":
+            return 'HORIZONTAL';
+        case "CB_STYLE_PROP_TEXT_SPEC_VERTICAL":
+        case "CB_STYLE_PROP_TEXT_SPEC_VERTICAL:HOVER":
+        case "CB_STYLE_PROP_TEXT_SPEC_VERTICAL:MOBILE":
+        case "CB_STYLE_PROP_TEXT_SPEC_VERTICAL:MOBILE:HOVER":
+            return 'VERTICAL';
     }
 }

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/types.d.ts

@@ -1,5 +1,5 @@
 import type { CB_BTNTEXT_STYLE_PROPS, CB_STYLE_PROP_BTNCOLOR_SPECS } from '../components/ComponentBlock/componentBlocks/Button/btnTypes';
-import type { CB_TEXT_STYLE_PROPS } from '../components/ComponentBlock/componentBlocks/Text/types';
+import type { CB_STYLE_PROP_TEXT_SPECS } from '../components/ComponentBlock/componentBlocks/Text/types';
 import type { CB_TWITTER_STYLE_PROPS } from '../components/ComponentBlock/componentBlocks/Twitter/types';
 import type { CB_CONTENT_PROP_CLINK, CB_CONTENT_PROP_IMAGE, CB_CONTENT_PROP_TEXT, CB_CONTENT_PROP_TWITTER } from '../components/ComponentBlock/componentBlocks/types';
 import type { CB_CONTENT_PROP_YOUTUBE_TYPE, CB_STYLE_PROP_BGCOLOR_SPECS } from '../components/ComponentBlock/componentBlocks/Youtube/types';
@@ -41,7 +41,7 @@ export declare type CB_TEXT_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
     CB_CONTENT_PROP_TEXT: CB_CONTENT_PROP_TEXT;
     CB_CONTENT_PROP_CLINK: CB_CONTENT_PROP_CLINK;
     CB_CONTENT_PROP_VISIBILITY: CB_CONTENT_PROP_VISIBILITY_SPECS;
-    CB_STYLE_PROP_TEXT: CB_TEXT_STYLE_PROPS;
+    CB_STYLE_PROP_TEXT: CB_STYLE_PROP_TEXT_SPECS;
     CB_STYLE_PROP_OPACITY: CB_STYLE_PROP_TEXT_OPACITY_SPECS;
     CB_LAYOUT_PROP_PADDING: CB_LAYOUT_PROP_PADDING_SPECS;
     CB_LAYOUT_PROP_ARRANGE: CB_LAYOUT_PROP_ARRANGE_SPECS;
@@ -118,9 +118,8 @@ export declare type StyleType = {
 export declare type StyleAndHoverStyle = StyleType & {
     hoverStyle: CSSProperties;
 };
-export declare type OverlayStyleAndOverlayHoverStyle = {
+export declare type OverlayStyle = {
     overlayStyle: CSSProperties;
-    overlayHoverStyle: CSSProperties;
 };
 export declare type Device = 'DESKTOP' | 'MOBILE';
 export declare type DefaultBrightTheme = 'LIGHT' | 'DARK';
@@ -131,4 +130,5 @@ export declare type ParserResult = {
     effect: CSSProperties;
     content: Record<string, unknown>;
 };
+export declare type JsonPropertiesParserResult = Omit<ParserResult, 'hoverStyle'> & OverlayStyle;
 export declare type NamedPropAllTypes = NamedStylePropType | NamedLayoutPropType;

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

@@ -293,7 +293,7 @@ export declare type IMembershipDisplay = {
 export declare type ISectionJsonProperties = {
     CB_CONTENT_PROP_VISIBILITY: CB_CONTENT_PROP_VISIBILITY_SPECS;
     CB_EFFECT_PROP_ENTANIM: CB_EFFECT_PROP_ENTANIM_SPECS;
-    CB_LAYOUT_PROP_PADDING: CB_LAYOUT_PROP_PADDING_SPECS;
+    CB_LAYOUT_PROP_PADDING?: CB_LAYOUT_PROP_PADDING_SPECS;
     CB_PLACEMENT_PROP_SECTION: {
         CB_PLACEMENT_PROP_SECTION_SPEC_FULLWIDTH: boolean;
         'CB_PLACEMENT_PROP_SECTION_SPEC_FULLWIDTH:MOBILE': boolean | undefined;
@@ -304,9 +304,9 @@ export declare type ISectionJsonProperties = {
         CB_PLACEMENT_PROP_SECTION_SPEC_WIDTH: number;
         'CB_PLACEMENT_PROP_SECTION_SPEC_WIDTH:MOBILE': number | undefined;
     };
-    CB_STYLE_PROP_BGCOLOR: CB_STYLE_PROP_BGCOLOR_SPECS;
-    CB_STYLE_PROP_BGMEDIA: CB_STYLE_PROP_BGMEDIA_SPECS;
-    CB_STYLE_PROP_BGOVERLAY: CB_STYLE_PROP_BGOVERLAY_SPECS;
+    CB_STYLE_PROP_BGCOLOR?: CB_STYLE_PROP_BGCOLOR_SPECS;
+    CB_STYLE_PROP_BGMEDIA?: CB_STYLE_PROP_BGMEDIA_SPECS;
+    CB_STYLE_PROP_BGOVERLAY?: CB_STYLE_PROP_BGOVERLAY_SPECS;
 };
 export declare type CB_STYLE_PROP_BGMEDIA_SPECS_BASE = {
     CB_STYLE_PROP_BGMEDIA_SPEC_YSRC: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pds-dev-kit-web-test",
-  "version": "0.2.15",
+  "version": "0.2.16",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",
@@ -22,7 +22,7 @@
     "i18next-intervalplural-postprocessor": "^3.0.0",
     "lottie-react": "^2.3.1",
     "nuka-carousel": "^4.8.4",
-    "publ-echo": "^0.0.21",
+    "publ-echo": "^0.0.24",
     "react-hook-form": "^7.28.1",
     "react-i18next": "^11.12.0",
     "react-router-dom": "^5.2.0",