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

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;
@@ -16,28 +16,28 @@ export declare type CB_STYLE_PROP_BGOVERLAY_SPECS_BASE = {
     CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE: ENUM_STRING;
 };
 export declare type CB_STYLE_PROP_BGOVERLAY_SPECS = CB_STYLE_PROP_BGOVERLAY_SPECS_BASE & {
-    'CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE:HOVER': NUMBER_INTEGER;
-    'CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE:MOBILE': NUMBER_INTEGER | undefined;
-    'CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE:MOBILE:HOVER': NUMBER_INTEGER | undefined;
-    'CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR:HOVER': STRING_8DIGIT_HEX;
-    'CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR:MOBILE': STRING_8DIGIT_HEX | undefined;
-    'CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR:MOBILE:HOVER': STRING_8DIGIT_HEX | undefined;
-    'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR:HOVER': STRING_8DIGIT_HEX;
-    'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR:MOBILE': STRING_8DIGIT_HEX | undefined;
-    'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR:MOBILE:HOVER': STRING_8DIGIT_HEX | undefined;
-    'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC:HOVER': NUMBER_INTEGER;
-    'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC:MOBILE': NUMBER_INTEGER | undefined;
-    'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC:MOBILE:HOVER': NUMBER_INTEGER | undefined;
-    'CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT:HOVER': ENUM_STRING;
-    'CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT:MOBILE': ENUM_STRING | undefined;
-    'CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT:MOBILE:HOVER': ENUM_STRING | undefined;
-    'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR:HOVER': STRING_8DIGIT_HEX;
-    'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR:MOBILE': STRING_8DIGIT_HEX | undefined;
-    'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR:MOBILE:HOVER': STRING_8DIGIT_HEX | undefined;
-    'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC:HOVER': NUMBER_INTEGER;
-    'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC:MOBILE': NUMBER_INTEGER | undefined;
-    'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC:MOBILE:HOVER': NUMBER_INTEGER | undefined;
-    'CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE:HOVER': ENUM_STRING;
-    'CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE:MOBILE': ENUM_STRING | undefined;
-    'CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE:MOBILE:HOVER': ENUM_STRING | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE:MOBILE': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR:HOVER': STRING_8DIGIT_HEX | null | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR:MOBILE': STRING_8DIGIT_HEX | null | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR:MOBILE:HOVER': STRING_8DIGIT_HEX | null | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR:HOVER': STRING_8DIGIT_HEX | null | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR:MOBILE': STRING_8DIGIT_HEX | null | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR:MOBILE:HOVER': STRING_8DIGIT_HEX | null | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC:MOBILE': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT:HOVER': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT:MOBILE': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT:MOBILE:HOVER': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR:HOVER': STRING_8DIGIT_HEX | null | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR:MOBILE': STRING_8DIGIT_HEX | null | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR:MOBILE:HOVER': STRING_8DIGIT_HEX | null | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC:MOBILE': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE:HOVER': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE:MOBILE': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE:MOBILE:HOVER': ENUM_STRING | null | undefined;
 };

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.d.ts

@@ -20,19 +20,19 @@ export declare type CB_STYLE_PROP_BORDER_SPECS_BASE = {
     CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX: boolean;
 };
 export declare type CB_STYLE_PROP_BORDER_SPECS = CB_STYLE_PROP_BORDER_SPECS_BASE & {
-    'CB_STYLE_PROP_BORDER_SPEC_STYLE:HOVER': CB_STYLE_PROP_BORDER_SPEC_STYLE;
+    'CB_STYLE_PROP_BORDER_SPEC_STYLE:HOVER': CB_STYLE_PROP_BORDER_SPEC_STYLE | null | undefined;
     'CB_STYLE_PROP_BORDER_SPEC_STYLE:MOBILE': CB_STYLE_PROP_BORDER_SPEC_STYLE | null | undefined;
     'CB_STYLE_PROP_BORDER_SPEC_STYLE:MOBILE:HOVER': CB_STYLE_PROP_BORDER_SPEC_STYLE | null | undefined;
-    'CB_STYLE_PROP_BORDER_SPEC_WIDTH:HOVER': NUMBER_INTEGER;
+    'CB_STYLE_PROP_BORDER_SPEC_WIDTH:HOVER': NUMBER_INTEGER | null | undefined;
     'CB_STYLE_PROP_BORDER_SPEC_WIDTH:MOBILE': NUMBER_INTEGER | null | undefined;
     'CB_STYLE_PROP_BORDER_SPEC_WIDTH:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
-    'CB_STYLE_PROP_BORDER_SPEC_COLOR:HOVER': STRING_8DIGIT_HEX;
+    'CB_STYLE_PROP_BORDER_SPEC_COLOR:HOVER': STRING_8DIGIT_HEX | null | undefined;
     'CB_STYLE_PROP_BORDER_SPEC_COLOR:MOBILE': STRING_8DIGIT_HEX | null | undefined;
     'CB_STYLE_PROP_BORDER_SPEC_COLOR:MOBILE:HOVER': STRING_8DIGIT_HEX | null | undefined;
-    'CB_STYLE_PROP_BORDER_SPEC_RADIUS:HOVER': CB_STYLE_PROP_BORDER_SPEC_RADIUS_OBJ;
+    'CB_STYLE_PROP_BORDER_SPEC_RADIUS:HOVER': CB_STYLE_PROP_BORDER_SPEC_RADIUS_OBJ | null | undefined;
     'CB_STYLE_PROP_BORDER_SPEC_RADIUS:MOBILE': CB_STYLE_PROP_BORDER_SPEC_RADIUS_OBJ | null | undefined;
     'CB_STYLE_PROP_BORDER_SPEC_RADIUS:MOBILE:HOVER': CB_STYLE_PROP_BORDER_SPEC_RADIUS_OBJ | null | undefined;
-    'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:HOVER': boolean;
+    'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:HOVER': boolean | null | undefined;
     'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:MOBILE': boolean | null | undefined;
     'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:MOBILE:HOVER': boolean | null | undefined;
 };

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.d.ts

@@ -14,14 +14,14 @@ export declare type CB_STYLE_PROP_DIVIDER_SPECS_BASE = {
     CB_STYLE_PROP_DIVIDER_SPEC_COLOR: ENUM_STRING;
 };
 export declare type CB_STYLE_PROP_DIVIDER_SPECS = CB_STYLE_PROP_DIVIDER_SPECS_BASE & {
-    'CB_STYLE_PROP_DIVIDER_SPEC_STYLE:HOVER': CB_STYLE_PROP_DIVIDER_SPEC_STYLE;
-    'CB_STYLE_PROP_DIVIDER_SPEC_STYLE:MOBILE': CB_STYLE_PROP_DIVIDER_SPEC_STYLE | undefined;
-    'CB_STYLE_PROP_DIVIDER_SPEC_STYLE:MOBILE:HOVER': CB_STYLE_PROP_DIVIDER_SPEC_STYLE | undefined;
-    'CB_STYLE_PROP_DIVIDER_SPEC_WIDTH:HOVER': NUMBER_INTEGER;
-    'CB_STYLE_PROP_DIVIDER_SPEC_WIDTH:MOBILE': NUMBER_INTEGER | undefined;
-    'CB_STYLE_PROP_DIVIDER_SPEC_WIDTH:MOBILE:HOVER': NUMBER_INTEGER | undefined;
-    'CB_STYLE_PROP_DIVIDER_SPEC_COLOR:HOVER': ENUM_STRING;
-    'CB_STYLE_PROP_DIVIDER_SPEC_COLOR:MOBILE': ENUM_STRING | undefined;
-    'CB_STYLE_PROP_DIVIDER_SPEC_COLOR:MOBILE:HOVER': ENUM_STRING | undefined;
+    'CB_STYLE_PROP_DIVIDER_SPEC_STYLE:HOVER': CB_STYLE_PROP_DIVIDER_SPEC_STYLE | null | undefined;
+    'CB_STYLE_PROP_DIVIDER_SPEC_STYLE:MOBILE': CB_STYLE_PROP_DIVIDER_SPEC_STYLE | null | undefined;
+    'CB_STYLE_PROP_DIVIDER_SPEC_STYLE:MOBILE:HOVER': CB_STYLE_PROP_DIVIDER_SPEC_STYLE | null | undefined;
+    'CB_STYLE_PROP_DIVIDER_SPEC_WIDTH:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_DIVIDER_SPEC_WIDTH:MOBILE': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_DIVIDER_SPEC_WIDTH:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_DIVIDER_SPEC_COLOR:HOVER': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_DIVIDER_SPEC_COLOR:MOBILE': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_DIVIDER_SPEC_COLOR:MOBILE:HOVER': ENUM_STRING | null | undefined;
 };
 export {};

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.d.ts

@@ -10,10 +10,10 @@ export declare type CB_STYLE_PROP_IMAGE_SPECS_BASE = {
     CB_STYLE_PROP_IMAGE_SPEC_POSITION: ENUM_STRING;
 };
 export declare type CB_STYLE_PROP_IMAGE_SPECS = CB_STYLE_PROP_IMAGE_SPECS_BASE & {
-    'CB_STYLE_PROP_IMAGE_SPEC_FIT:HOVER': STRING_PLAIN;
-    'CB_STYLE_PROP_IMAGE_SPEC_FIT:MOBILE': STRING_PLAIN | undefined;
-    'CB_STYLE_PROP_IMAGE_SPEC_FIT:MOBILE:HOVER': STRING_PLAIN | undefined;
-    'CB_STYLE_PROP_IMAGE_SPEC_POSITION:HOVER': ENUM_STRING;
-    'CB_STYLE_PROP_IMAGE_SPEC_POSITION:MOBILE': ENUM_STRING | undefined;
-    'CB_STYLE_PROP_IMAGE_SPEC_POSITION:MOBILE:HOVER': ENUM_STRING | undefined;
+    'CB_STYLE_PROP_IMAGE_SPEC_FIT:HOVER': STRING_PLAIN | null | undefined;
+    'CB_STYLE_PROP_IMAGE_SPEC_FIT:MOBILE': STRING_PLAIN | null | undefined;
+    'CB_STYLE_PROP_IMAGE_SPEC_FIT:MOBILE:HOVER': STRING_PLAIN | null | undefined;
+    'CB_STYLE_PROP_IMAGE_SPEC_POSITION:HOVER': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_IMAGE_SPEC_POSITION:MOBILE': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_IMAGE_SPEC_POSITION:MOBILE:HOVER': ENUM_STRING | null | undefined;
 };

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

@@ -18,23 +18,35 @@ 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, _d, _e, _f;
         var baseKey = device === 'DESKTOP' ? cur : cur + ":MOBILE";
         var cssPropertyKey = getParsedKey(baseKey);
         var value = specs[baseKey];
         var hoverValue = specs[baseKey + ":HOVER"];
-        var isPosition = cssPropertyKey === 'position';
+        var isPosition = cssPropertyKey === 'backgroundPosition';
         if (isPosition) {
             var positionCss = getCssProperties(value);
             var hoverPositionCss = getCssProperties(hoverValue);
+            if (hoverPositionCss === null || hoverPositionCss === undefined) {
+                return {
+                    style: __assign(__assign({}, acc.style), (_a = {}, _a[cssPropertyKey] = positionCss, _a)),
+                    hoverStyle: __assign({}, acc.hoverStyle)
+                };
+            }
             return {
-                style: __assign(__assign({}, acc.style), positionCss),
-                hoverStyle: __assign(__assign({}, acc.hoverStyle), hoverPositionCss)
+                style: __assign(__assign({}, acc.style), (_b = {}, _b[cssPropertyKey] = positionCss, _b)),
+                hoverStyle: __assign(__assign({}, acc.hoverStyle), (_c = {}, _c[cssPropertyKey] = hoverPositionCss, _c))
+            };
+        }
+        if (hoverValue === null || hoverValue === undefined) {
+            return {
+                style: __assign(__assign({}, acc.style), (_d = {}, _d[cssPropertyKey] = value === null || value === void 0 ? void 0 : value.toLowerCase(), _d)),
+                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), (_e = {}, _e[cssPropertyKey] = value === null || value === void 0 ? void 0 : value.toLowerCase(), _e)),
+            hoverStyle: __assign(__assign({}, acc.hoverStyle), (_f = {}, _f[cssPropertyKey] = hoverValue === null || hoverValue === void 0 ? void 0 : hoverValue.toLowerCase(), _f))
         };
     }, {
         style: {},
@@ -48,71 +60,35 @@ function getParsedKey(key) {
         case 'CB_STYLE_PROP_IMAGE_SPEC_FIT:HOVER':
         case 'CB_STYLE_PROP_IMAGE_SPEC_FIT:MOBILE':
         case 'CB_STYLE_PROP_IMAGE_SPEC_FIT:MOBILE:HOVER':
-            return 'objectFit';
+            return 'backgroundSize';
         case 'CB_STYLE_PROP_IMAGE_SPEC_POSITION':
         case 'CB_STYLE_PROP_IMAGE_SPEC_POSITION:HOVER':
         case 'CB_STYLE_PROP_IMAGE_SPEC_POSITION:MOBILE':
         case 'CB_STYLE_PROP_IMAGE_SPEC_POSITION:MOBILE:HOVER':
-            return 'position';
+            return 'backgroundPosition';
     }
 }
 function getCssProperties(value) {
     switch (value) {
         case 'LT':
-            return {
-                display: 'flex',
-                alignItems: 'flex-start',
-                justifyContent: 'flex-start'
-            };
+            return 'left top';
         case 'CT':
-            return {
-                display: 'flex',
-                alignItems: 'flex-start',
-                justifyContent: 'center'
-            };
+            return 'center top';
         case 'RT':
-            return {
-                display: 'flex',
-                alignItems: 'flex-start',
-                justifyContent: 'flex-end'
-            };
+            return 'right top';
         case 'LC':
-            return {
-                display: 'flex',
-                alignItems: 'center',
-                justifyContent: 'flex-start'
-            };
+            return 'left center';
         case 'CC':
-            return {
-                display: 'flex',
-                alignItems: 'center',
-                justifyContent: 'center'
-            };
+            return 'center center';
         case 'RC':
-            return {
-                display: 'flex',
-                alignItems: 'center',
-                justifyContent: 'flex-end'
-            };
+            return 'right center';
         case 'LB':
-            return {
-                display: 'flex',
-                alignItems: 'flex-end',
-                justifyContent: 'flex-start'
-            };
+            return 'left bottom';
         case 'CB':
-            return {
-                display: 'flex',
-                alignItems: 'flex-end',
-                justifyContent: 'center'
-            };
+            return 'center bottom';
         case 'RB':
-            return {
-                display: 'flex',
-                alignItems: 'flex-end',
-                justifyContent: 'flex-end'
-            };
+            return 'right bottom';
         default:
-            return {};
+            return '';
     }
 }

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

@@ -9,7 +9,7 @@ export declare type CB_STYLE_PROP_TEXT_OPACITY_BASE = {
     CB_STYLE_PROP_OPACITY_SPEC_OPACITY: NUMBER_INTEGER;
 };
 export declare type CB_STYLE_PROP_TEXT_OPACITY_SPECS = CB_STYLE_PROP_TEXT_OPACITY_BASE & {
-    'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:HOVER': NUMBER_INTEGER;
-    'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE': NUMBER_INTEGER | undefined;
-    'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE:HOVER': NUMBER_INTEGER | undefined;
+    'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
 };

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.d.ts

@@ -15,25 +15,25 @@ export declare type CB_STYLE_PROP_SHADOW_SPECS_BASE = {
     CB_STYLE_PROP_SHADOW_SPEC_OPACITY: NUMBER_INTEGER;
 };
 export declare type CB_STYLE_PROP_SHADOW_SPECS = CB_STYLE_PROP_SHADOW_SPECS_BASE & {
-    'CB_STYLE_PROP_SHADOW_SPEC_TYPE:HOVER': ENUM_STRING;
-    'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE': ENUM_STRING | undefined;
-    'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE:HOVER': ENUM_STRING | undefined;
-    'CB_STYLE_PROP_SHADOW_SPEC_COLOR:HOVER': STRING_8DIGIT_HEX;
-    'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE': STRING_8DIGIT_HEX | undefined;
-    'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE:HOVER': STRING_8DIGIT_HEX | undefined;
-    'CB_STYLE_PROP_SHADOW_SPEC_X:HOVER': NUMBER_INTEGER;
-    'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE': NUMBER_INTEGER | undefined;
-    'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE:HOVER': NUMBER_INTEGER | undefined;
-    'CB_STYLE_PROP_SHADOW_SPEC_Y:HOVER': NUMBER_INTEGER;
-    'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE': NUMBER_INTEGER | undefined;
-    'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE:HOVER': NUMBER_INTEGER | undefined;
-    'CB_STYLE_PROP_SHADOW_SPEC_BLUR:HOVER': NUMBER_INTEGER;
-    'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE': NUMBER_INTEGER | undefined;
-    'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE:HOVER': NUMBER_INTEGER | undefined;
-    'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:HOVER': NUMBER_INTEGER;
-    'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE': NUMBER_INTEGER | undefined;
-    'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE:HOVER': NUMBER_INTEGER | undefined;
-    'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:HOVER': NUMBER_INTEGER;
-    'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE': NUMBER_INTEGER | undefined;
-    'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE:HOVER': NUMBER_INTEGER | undefined;
+    'CB_STYLE_PROP_SHADOW_SPEC_TYPE:HOVER': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE:HOVER': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_SHADOW_SPEC_COLOR:HOVER': STRING_8DIGIT_HEX | null | undefined;
+    'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE': STRING_8DIGIT_HEX | null | undefined;
+    'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE:HOVER': STRING_8DIGIT_HEX | null | undefined;
+    'CB_STYLE_PROP_SHADOW_SPEC_X:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_SHADOW_SPEC_Y:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_SHADOW_SPEC_BLUR:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
 };

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';
     }
 }