pds-dev-kit-web-test 2.5.224 → 2.5.226

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Button/Button.js

@@ -40,18 +40,18 @@ var S_HiddenCover_1 = require("../components/S_HiddenCover");
 var useCLINK_1 = __importDefault(require("../hooks/useCLINK"));
 function Button(props) {
     var _a = (0, react_1.useContext)(DynamicLayout_1.dynamicLayoutContext), device = _a.device, mode = _a.mode;
-    var index = props.index, CB_STYLE_PROP_BTNCOLOR = props.CB_STYLE_PROP_BTNCOLOR, _b = props.CB_CONTENT_PROP_CLINK, CB_CONTENT_PROP_CLINK_SPEC_SRC = _b.CB_CONTENT_PROP_CLINK_SPEC_SRC, CB_CONTENT_PROP_CLINK_SPEC_TYPE = _b.CB_CONTENT_PROP_CLINK_SPEC_TYPE, CB_CONTENT_PROP_CLINK_SPEC_NEWTAB = _b.CB_CONTENT_PROP_CLINK_SPEC_NEWTAB, CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC = _b.CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC, CB_STYLE_PROP_SHADOW = props.CB_STYLE_PROP_SHADOW, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM;
+    var index = props.index, CB_STYLE_PROP_COLOR = props.CB_STYLE_PROP_COLOR, _b = props.CB_CONTENT_PROP_CLINK, CB_CONTENT_PROP_CLINK_SPEC_SRC = _b.CB_CONTENT_PROP_CLINK_SPEC_SRC, CB_CONTENT_PROP_CLINK_SPEC_TYPE = _b.CB_CONTENT_PROP_CLINK_SPEC_TYPE, CB_CONTENT_PROP_CLINK_SPEC_NEWTAB = _b.CB_CONTENT_PROP_CLINK_SPEC_NEWTAB, CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC = _b.CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC, CB_STYLE_PROP_SHADOW = props.CB_STYLE_PROP_SHADOW, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM;
     var _c = (0, useCLINK_1.default)({
         src: CB_CONTENT_PROP_CLINK_SPEC_SRC,
         type: CB_CONTENT_PROP_CLINK_SPEC_TYPE,
         openNewTab: CB_CONTENT_PROP_CLINK_SPEC_NEWTAB,
         internalSrc: String(CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC)
     }), onClickCLINK = _c.onClickCLINK, CLINKCursor = _c.CLINKCursor;
-    var _d = getBTNStyles(props.CB_STYLE_PROP_BTNTEXT, device), btnTextStyle = _d.style, btnTextHoverStyle = _d.hoverStyle;
-    var _e = getBTNColorStyles(CB_STYLE_PROP_BTNCOLOR, device), btnColorStyle = _e.style, btnColorHoverStyle = _e.hoverStyle;
+    var _d = getBTNStyles(props.CB_STYLE_PROP_TEXT, device), btnTextStyle = _d.style, btnTextHoverStyle = _d.hoverStyle;
+    var _e = getBTNColorStyles(CB_STYLE_PROP_COLOR, device), btnColorStyle = _e.style, btnColorHoverStyle = _e.hoverStyle;
     var _f = (0, util_1.parseProperties)(props, device), propsStyle = _f.style, propsHoverStyle = _f.hoverStyle, _g = _f.layout, paddingLeft = _g.paddingLeft, paddingRight = _g.paddingRight, paddingTop = _g.paddingTop, paddingBottom = _g.paddingBottom, layoutStyle = __rest(_g, ["paddingLeft", "paddingRight", "paddingTop", "paddingBottom"]), effect = _f.effect;
     var isEditModeAndHidden = propsStyle.visibility === 'hidden' && mode === 'EDIT';
-    var googleFonts = (0, useGoogleFonts_1.getGoogleFontsFromBtnCB)(props.CB_STYLE_PROP_BTNTEXT, device === 'MOBILE');
+    var googleFonts = (0, useGoogleFonts_1.getGoogleFontsFromTextSpecCode)(props.CB_STYLE_PROP_TEXT, device === 'MOBILE');
     (0, useGoogleFonts_1.useGoogleFonts)({ fonts: googleFonts });
     if (mode === 'EDIT') {
         propsStyle.visibility = 'visible';
@@ -78,28 +78,28 @@ function Button(props) {
 }
 function getBTNStyles(props, device) {
     var availableSpecCodes = [
-        'CB_STYLE_PROP_BTNTEXT_SPEC_TYPEFACE',
-        'CB_STYLE_PROP_BTNTEXT_SPEC_WEIGHT',
-        'CB_STYLE_PROP_BTNTEXT_SPEC_SIZE',
-        'CB_STYLE_PROP_BTNTEXT_SPEC_LINEHEIGHT',
-        'CB_STYLE_PROP_BTNTEXT_SPEC_LETTERSPACING',
-        'CB_STYLE_PROP_BTNTEXT_SPEC_COLOR',
-        'CB_STYLE_PROP_BTNTEXT_SPEC_HORIZONTAL',
-        'CB_STYLE_PROP_BTNTEXT_SPEC_VERTICAL'
+        'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE',
+        'CB_STYLE_PROP_TEXT_SPEC_WEIGHT',
+        'CB_STYLE_PROP_TEXT_SPEC_SIZE',
+        'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT',
+        'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING',
+        'CB_STYLE_PROP_TEXT_SPEC_COLOR',
+        'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL',
+        'CB_STYLE_PROP_TEXT_SPEC_VERTICAL'
     ];
-    return (0, newUtils_1.parseStyleTextToCSSProp)({ availableSpecCodes: availableSpecCodes, props: props, device: device, propKey: 'BTNTEXT' });
+    return (0, newUtils_1.parseStyleTextToCSSProp)({ availableSpecCodes: availableSpecCodes, props: props, device: device, propKey: 'TEXT' });
 }
 function getBTNColorStyles(props, device) {
     var availableSpecCodes = [
-        'CB_STYLE_PROP_BTNCOLOR_SPEC_ANGLE',
-        'CB_STYLE_PROP_BTNCOLOR_SPEC_COLOR',
-        'CB_STYLE_PROP_BTNCOLOR_SPEC_ENDCOLOR',
-        'CB_STYLE_PROP_BTNCOLOR_SPEC_ENDLOC',
-        'CB_STYLE_PROP_BTNCOLOR_SPEC_GRADIENT',
-        'CB_STYLE_PROP_BTNCOLOR_SPEC_STARTCOLOR',
-        'CB_STYLE_PROP_BTNCOLOR_SPEC_STARTLOC',
-        'CB_STYLE_PROP_BTNCOLOR_SPEC_TYPE'
+        'CB_STYLE_PROP_COLOR_SPEC_ANGLE',
+        'CB_STYLE_PROP_COLOR_SPEC_COLOR',
+        'CB_STYLE_PROP_COLOR_SPEC_ENDCOLOR',
+        'CB_STYLE_PROP_COLOR_SPEC_ENDLOC',
+        'CB_STYLE_PROP_COLOR_SPEC_GRADIENT',
+        'CB_STYLE_PROP_COLOR_SPEC_STARTCOLOR',
+        'CB_STYLE_PROP_COLOR_SPEC_STARTLOC',
+        'CB_STYLE_PROP_COLOR_SPEC_TYPE'
     ];
-    return (0, colorUtil_1.parseStyleColorToCSSProp)({ availableSpecCodes: availableSpecCodes, props: props, propKey: 'BTNCOLOR', device: device });
+    return (0, colorUtil_1.parseStyleColorToCSSProp)({ availableSpecCodes: availableSpecCodes, props: props, propKey: 'COLOR', device: device });
 }
 exports.default = Button;

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/Text.js

@@ -39,7 +39,7 @@ function Text(props) {
     var _d = getTextStyles(props.CB_STYLE_PROP_TEXT, device), textStyle = _d.style, textHoverStyle = _d.hoverStyle;
     var _e = (0, util_1.parseProperties)(props, device), propsStyle = _e.style, propsHoverStyle = _e.hoverStyle, layoutStyle = _e.layout, effect = _e.effect;
     var isEditModeAndHidden = propsStyle.visibility === 'hidden' && mode === 'EDIT';
-    var googleFonts = (0, getGoogleFonts_1.getGoogleFontsFromTextCB)(props.CB_STYLE_PROP_TEXT, device === 'MOBILE');
+    var googleFonts = (0, getGoogleFonts_1.getGoogleFontsFromTextSpecCode)(props.CB_STYLE_PROP_TEXT, device === 'MOBILE');
     (0, useGoogleFonts_1.default)({ fonts: googleFonts });
     if (mode === 'EDIT') {
         propsStyle.visibility = 'visible';
@@ -61,7 +61,7 @@ function Text(props) {
                     alignItems: textStyle.alignItems
                 }, ref: hasEffect ? cbRef : null, effectVisibleStyle: effectVisibleStyle }, { children: (0, jsx_runtime_1.jsx)(S_CB_Box_1.S_CB_Box, __assign({ onMouseLeave: function (e) {
                         e.currentTarget.classList.remove('hovered');
-                    }, className: "cb-layout-box", normalStyle: __assign(__assign(__assign(__assign(__assign(__assign({}, textStyle), propsStyle), layoutStyle), effectCssProperties), { whiteSpace: 'pre-wrap', wordBreak: 'break-word', cursor: CLINKCursor, height: 'fit-content', minWidth: "calc(2ch + ".concat(layoutStyle.paddingLeft, " + ").concat(layoutStyle.paddingRight, ")") }), textStyle), hoverStyle: __assign(__assign(__assign({}, textHoverStyle), propsHoverStyle), { whiteSpace: 'pre-wrap', wordBreak: 'break-word' }), onClick: onClickCLINK }, { children: props.CB_CONTENT_PROP_TEXT.CB_CONTENT_PROP_TEXT_SPEC_TEXT })) }))] }));
+                    }, className: "cb-layout-box", normalStyle: __assign(__assign(__assign(__assign(__assign({}, textStyle), propsStyle), layoutStyle), effectCssProperties), { whiteSpace: 'pre-wrap', wordBreak: 'break-word', cursor: CLINKCursor, height: 'fit-content', minWidth: "calc(2ch + ".concat(layoutStyle.paddingLeft, " + ").concat(layoutStyle.paddingRight, ")") }), hoverStyle: __assign(__assign(__assign({}, textHoverStyle), propsHoverStyle), { whiteSpace: 'pre-wrap', wordBreak: 'break-word' }), onClick: onClickCLINK }, { children: props.CB_CONTENT_PROP_TEXT.CB_CONTENT_PROP_TEXT_SPEC_TEXT })) }))] }));
 }
 function getTextStyles(props, device) {
     var availableSpecCodes = [

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/types.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { STRING_PLAIN } from '../../../util/types';
+import type { ENUM_STRING, NUMBER_INTEGER, STRING_8DIGIT_HEX, STRING_PLAIN } from '../../../util/types';
 export type StylesProps = {
     normalStyle: React.CSSProperties;
     hoverStyle: React.CSSProperties;
@@ -22,3 +22,80 @@ export type CB_CONTENT_PROP_TWITTER = {
 export type CB_CONTENT_PROP_CODEBLOCK = {
     CB_CONTENT_PROP_CODEBLOCK_SPEC_CODE: STRING_PLAIN;
 };
+export type CBTextPropsKeys = keyof CB_STYLE_PROP_TEXT_SPECS;
+export type CB_STYLE_PROP_TEXT_SPECS_BASE = {
+    CB_STYLE_PROP_TEXT_SPEC_TYPEFACE: ENUM_STRING;
+    CB_STYLE_PROP_TEXT_SPEC_WEIGHT: NUMBER_INTEGER;
+    CB_STYLE_PROP_TEXT_SPEC_SIZE: NUMBER_INTEGER;
+    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;
+    CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL: ENUM_STRING;
+    CB_STYLE_PROP_TEXT_SPEC_VERTICAL: ENUM_STRING;
+};
+export type CB_STYLE_PROP_TEXT_SPECS = CB_STYLE_PROP_TEXT_SPECS_BASE & {
+    'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:HOVER': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:MOBILE': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:MOBILE:HOVER': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_SIZE:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_SIZE:MOBILE': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_SIZE:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:MOBILE': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:MOBILE': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_COLOR:HOVER': STRING_8DIGIT_HEX | null | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_COLOR:MOBILE': STRING_8DIGIT_HEX | null | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_COLOR:MOBILE:HOVER': STRING_8DIGIT_HEX | null | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:HOVER': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:MOBILE': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:MOBILE:HOVER': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:HOVER': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:MOBILE': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:MOBILE:HOVER': ENUM_STRING | null | undefined;
+};
+export type CBColorPropsKeys = keyof CB_STYLE_PROP_COLOR_SPECS;
+export type CBColorValueSetType = Partial<Record<keyof CB_STYLE_PROP_COLOR_SPECS, CB_STYLE_PROP_COLOR_ENUM_GRADIENT | NUMBER_INTEGER | ENUM_STRING | undefined>>;
+export type CB_STYLE_PROP_COLOR_ENUM_GRADIENT = 'LINEAR' | 'RADIAL';
+export type CB_STYLE_PROP_COLOR_ENUM_TYPE = 'NONE' | 'SOLID' | 'GRADIENT';
+export type CB_STYLE_PROP_COLOR_SPECS_BASE = {
+    CB_STYLE_PROP_COLOR_SPEC_ANGLE: NUMBER_INTEGER;
+    CB_STYLE_PROP_COLOR_SPEC_COLOR: ENUM_STRING;
+    CB_STYLE_PROP_COLOR_SPEC_ENDCOLOR: ENUM_STRING;
+    CB_STYLE_PROP_COLOR_SPEC_ENDLOC: NUMBER_INTEGER;
+    CB_STYLE_PROP_COLOR_SPEC_GRADIENT: CB_STYLE_PROP_COLOR_ENUM_GRADIENT;
+    CB_STYLE_PROP_COLOR_SPEC_STARTCOLOR: ENUM_STRING;
+    CB_STYLE_PROP_COLOR_SPEC_STARTLOC: NUMBER_INTEGER;
+    CB_STYLE_PROP_COLOR_SPEC_TYPE: CB_STYLE_PROP_COLOR_ENUM_TYPE;
+};
+export type CB_STYLE_PROP_COLOR_SPECS = CB_STYLE_PROP_COLOR_SPECS_BASE & {
+    'CB_STYLE_PROP_COLOR_SPEC_ANGLE:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_COLOR_SPEC_ANGLE:MOBILE': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_COLOR_SPEC_ANGLE:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_COLOR_SPEC_COLOR:HOVER': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_COLOR_SPEC_COLOR:MOBILE': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_COLOR_SPEC_COLOR:MOBILE:HOVER': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_COLOR_SPEC_ENDCOLOR:HOVER': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_COLOR_SPEC_ENDCOLOR:MOBILE': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_COLOR_SPEC_ENDCOLOR:MOBILE:HOVER': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_COLOR_SPEC_ENDLOC:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_COLOR_SPEC_ENDLOC:MOBILE': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_COLOR_SPEC_ENDLOC:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_COLOR_SPEC_GRADIENT:HOVER': CB_STYLE_PROP_COLOR_ENUM_GRADIENT | null | undefined;
+    'CB_STYLE_PROP_COLOR_SPEC_GRADIENT:MOBILE': CB_STYLE_PROP_COLOR_ENUM_GRADIENT | null | undefined;
+    'CB_STYLE_PROP_COLOR_SPEC_GRADIENT:MOBILE:HOVER': CB_STYLE_PROP_COLOR_ENUM_GRADIENT | null | undefined;
+    'CB_STYLE_PROP_COLOR_SPEC_STARTCOLOR:HOVER': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_COLOR_SPEC_STARTCOLOR:MOBILE': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_COLOR_SPEC_STARTCOLOR:MOBILE:HOVER': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_COLOR_SPEC_STARTLOC:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_COLOR_SPEC_STARTLOC:MOBILE': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_COLOR_SPEC_STARTLOC:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_COLOR_SPEC_TYPE:HOVER': CB_STYLE_PROP_COLOR_ENUM_TYPE | null | undefined;
+    'CB_STYLE_PROP_COLOR_SPEC_TYPE:MOBILE': CB_STYLE_PROP_COLOR_ENUM_TYPE | null | undefined;
+    'CB_STYLE_PROP_COLOR_SPEC_TYPE:MOBILE:HOVER': CB_STYLE_PROP_COLOR_ENUM_TYPE | null | undefined;
+};

package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useGoogleFonts/getGoogleFonts.d.ts

@@ -1,4 +1,2 @@
-import type { CB_BTNTEXT_STYLE_PROPS } from '../../components/ComponentBlock/componentBlocks/Button/btnTypes';
-import type { CB_STYLE_PROP_TEXT_SPECS } from '../../components/ComponentBlock/componentBlocks/Text/types';
-export declare function getGoogleFontsFromTextCB(props: CB_STYLE_PROP_TEXT_SPECS, isMobile: boolean): string[];
-export declare function getGoogleFontsFromBtnCB(props: CB_BTNTEXT_STYLE_PROPS, isMobile: boolean): string[];
+import type { CB_STYLE_PROP_TEXT_SPECS } from '../../components/ComponentBlock/componentBlocks/types';
+export declare function getGoogleFontsFromTextSpecCode(props: CB_STYLE_PROP_TEXT_SPECS, isMobile: boolean): string[];

package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useGoogleFonts/getGoogleFonts.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getGoogleFontsFromBtnCB = exports.getGoogleFontsFromTextCB = void 0;
-function getGoogleFontsFromTextCB(props, isMobile) {
+exports.getGoogleFontsFromTextSpecCode = void 0;
+function getGoogleFontsFromTextSpecCode(props, isMobile) {
     var typeface = props.CB_STYLE_PROP_TEXT_SPEC_TYPEFACE;
     var typefaceHover = props['CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:HOVER'];
     var typefaceMobile = props['CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:MOBILE'];
@@ -11,15 +11,4 @@ function getGoogleFontsFromTextCB(props, isMobile) {
     }
     return [typeface, typefaceHover].filter(function (each) { return each && each.startsWith('GOOGLE:'); });
 }
-exports.getGoogleFontsFromTextCB = getGoogleFontsFromTextCB;
-function getGoogleFontsFromBtnCB(props, isMobile) {
-    var typeface = props.CB_STYLE_PROP_BTNTEXT_SPEC_TYPEFACE;
-    var typefaceHover = props['CB_STYLE_PROP_BTNTEXT_SPEC_TYPEFACE:HOVER'];
-    var typefaceMobile = props['CB_STYLE_PROP_BTNTEXT_SPEC_TYPEFACE:MOBILE'];
-    var typefaceMobileHover = props['CB_STYLE_PROP_BTNTEXT_SPEC_TYPEFACE:MOBILE:HOVER'];
-    if (isMobile) {
-        return [typefaceMobile, typefaceMobileHover].filter(function (each) { return each && each.startsWith('GOOGLE:'); });
-    }
-    return [typeface, typefaceHover].filter(function (each) { return each && each.startsWith('GOOGLE:'); });
-}
-exports.getGoogleFontsFromBtnCB = getGoogleFontsFromBtnCB;
+exports.getGoogleFontsFromTextSpecCode = getGoogleFontsFromTextSpecCode;

package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useGoogleFonts/index.d.ts

@@ -1,2 +1,2 @@
-export { getGoogleFontsFromBtnCB, getGoogleFontsFromTextCB } from './getGoogleFonts';
+export { getGoogleFontsFromTextSpecCode } from './getGoogleFonts';
 export { default as useGoogleFonts } from './useGoogleFonts';

package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useGoogleFonts/index.js

@@ -3,9 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useGoogleFonts = exports.getGoogleFontsFromTextCB = exports.getGoogleFontsFromBtnCB = void 0;
+exports.useGoogleFonts = exports.getGoogleFontsFromTextSpecCode = void 0;
 var getGoogleFonts_1 = require("./getGoogleFonts");
-Object.defineProperty(exports, "getGoogleFontsFromBtnCB", { enumerable: true, get: function () { return getGoogleFonts_1.getGoogleFontsFromBtnCB; } });
-Object.defineProperty(exports, "getGoogleFontsFromTextCB", { enumerable: true, get: function () { return getGoogleFonts_1.getGoogleFontsFromTextCB; } });
+Object.defineProperty(exports, "getGoogleFontsFromTextSpecCode", { enumerable: true, get: function () { return getGoogleFonts_1.getGoogleFontsFromTextSpecCode; } });
 var useGoogleFonts_1 = require("./useGoogleFonts");
 Object.defineProperty(exports, "useGoogleFonts", { enumerable: true, get: function () { return __importDefault(useGoogleFonts_1).default; } });

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

@@ -1,15 +1,15 @@
-import type { BTNColorValueSetType } from '../components/ComponentBlock/componentBlocks/Button/btnTypes';
 import type { BGOverlayValueSetType } from '../components/ComponentBlock/componentBlocks/RichText/types';
+import type { CBColorValueSetType } from '../components/ComponentBlock/componentBlocks/types';
 import type { BGColorValueSetType } from '../components/ComponentBlock/componentBlocks/Youtube/types';
 import type { Device } from '../util/types';
 import type { CSSProperties } from 'react';
-type CBName = 'BTNCOLOR' | 'BGCOLOR' | 'BGOVERLAY';
+type CBName = 'COLOR' | 'BGCOLOR' | 'BGOVERLAY';
 type ExtractPropKey<T extends CBName> = Extract<T, CBName>;
-type ValueSetType = BTNColorValueSetType & BGColorValueSetType & BGOverlayValueSetType;
+type ValueSetType = CBColorValueSetType & BGColorValueSetType & BGOverlayValueSetType;
 export type ParseStyleColorProps<T> = {
     availableSpecCodes: Array<keyof T>;
     props: T;
-    propKey: ExtractPropKey<'BTNCOLOR'>;
+    propKey: ExtractPropKey<'COLOR'>;
     device: Device;
 } | {
     availableSpecCodes: Array<keyof T>;

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

@@ -0,0 +1 @@
+export declare function getMobileFontSize(desktopSize: number): number;

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

@@ -0,0 +1,333 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getMobileFontSize = void 0;
+// desktop 폰트 사이즈를 key로, mobile 폰트 사이즈를 value로 하는 매핑 객체
+var fontSizeMapping = {
+    6: 7,
+    7: 7,
+    8: 8,
+    9: 9,
+    10: 10,
+    11: 11,
+    12: 12,
+    13: 13,
+    14: 14,
+    15: 16,
+    16: 16,
+    17: 16,
+    18: 18,
+    19: 19,
+    20: 20,
+    21: 21,
+    22: 22,
+    23: 23,
+    24: 22,
+    25: 22,
+    26: 23,
+    27: 23,
+    28: 23,
+    29: 24,
+    30: 24,
+    31: 25,
+    32: 26,
+    33: 27,
+    34: 28,
+    35: 28,
+    36: 29,
+    37: 29,
+    38: 30,
+    39: 30,
+    40: 30,
+    41: 30,
+    42: 31,
+    43: 31,
+    44: 31,
+    45: 31,
+    46: 34,
+    47: 34,
+    48: 34,
+    49: 34,
+    50: 35,
+    51: 40,
+    52: 40,
+    53: 40,
+    54: 40,
+    55: 41,
+    56: 41,
+    57: 42,
+    58: 42,
+    59: 42,
+    60: 42,
+    61: 43,
+    62: 48,
+    63: 49,
+    64: 50,
+    65: 50,
+    66: 50,
+    67: 51,
+    68: 51,
+    69: 51,
+    70: 51,
+    71: 52,
+    72: 52,
+    73: 52,
+    74: 52,
+    75: 56,
+    76: 57,
+    77: 58,
+    78: 64,
+    79: 64,
+    80: 64,
+    81: 64,
+    82: 65,
+    83: 65,
+    84: 65,
+    85: 65,
+    86: 67,
+    87: 67,
+    88: 69,
+    89: 68,
+    90: 70,
+    91: 70,
+    92: 70,
+    93: 70,
+    94: 71,
+    95: 72,
+    96: 76,
+    97: 82,
+    98: 84,
+    99: 85,
+    100: 86,
+    101: 86,
+    102: 87,
+    103: 88,
+    104: 89,
+    105: 90,
+    106: 91,
+    107: 92,
+    108: 93,
+    109: 94,
+    110: 95,
+    111: 96,
+    112: 97,
+    113: 98,
+    114: 99,
+    115: 100,
+    116: 101,
+    117: 102,
+    118: 103,
+    119: 104,
+    120: 105,
+    121: 106,
+    122: 107,
+    123: 108,
+    124: 109,
+    125: 110,
+    126: 111,
+    127: 112,
+    128: 113,
+    129: 114,
+    130: 115,
+    131: 116,
+    132: 117,
+    133: 118,
+    134: 119,
+    135: 120,
+    136: 121,
+    137: 122,
+    138: 123,
+    139: 124,
+    140: 125,
+    141: 126,
+    142: 127,
+    143: 128,
+    144: 129,
+    145: 130,
+    146: 131,
+    147: 132,
+    148: 133,
+    149: 134,
+    150: 135,
+    151: 136,
+    152: 137,
+    153: 138,
+    154: 139,
+    155: 140,
+    156: 141,
+    157: 142,
+    158: 143,
+    159: 144,
+    160: 145,
+    161: 146,
+    162: 147,
+    163: 148,
+    164: 149,
+    165: 150,
+    166: 151,
+    167: 152,
+    168: 153,
+    169: 154,
+    170: 155,
+    171: 156,
+    172: 157,
+    173: 158,
+    174: 159,
+    175: 160,
+    176: 161,
+    177: 162,
+    178: 163,
+    179: 164,
+    180: 165,
+    181: 166,
+    182: 167,
+    183: 168,
+    184: 169,
+    185: 170,
+    186: 171,
+    187: 172,
+    188: 173,
+    189: 174,
+    190: 175,
+    191: 176,
+    192: 177,
+    193: 178,
+    194: 179,
+    195: 180,
+    196: 181,
+    197: 182,
+    198: 183,
+    199: 184,
+    200: 185,
+    201: 186,
+    202: 187,
+    203: 188,
+    204: 189,
+    205: 190,
+    206: 191,
+    207: 192,
+    208: 193,
+    209: 194,
+    210: 195,
+    211: 196,
+    212: 197,
+    213: 198,
+    214: 199,
+    215: 200,
+    216: 201,
+    217: 202,
+    218: 203,
+    219: 204,
+    220: 205,
+    221: 206,
+    222: 207,
+    223: 208,
+    224: 209,
+    225: 210,
+    226: 211,
+    227: 212,
+    228: 213,
+    229: 214,
+    230: 215,
+    231: 216,
+    232: 217,
+    233: 218,
+    234: 219,
+    235: 220,
+    236: 221,
+    237: 222,
+    238: 223,
+    239: 224,
+    240: 225,
+    241: 226,
+    242: 227,
+    243: 228,
+    244: 229,
+    245: 230,
+    246: 231,
+    247: 232,
+    248: 233,
+    249: 234,
+    250: 235,
+    251: 236,
+    252: 237,
+    253: 238,
+    254: 239,
+    255: 240,
+    256: 241,
+    257: 242,
+    258: 243,
+    259: 244,
+    260: 245,
+    261: 246,
+    262: 247,
+    263: 248,
+    264: 249,
+    265: 250,
+    266: 251,
+    267: 252,
+    268: 253,
+    269: 254,
+    270: 255,
+    271: 256,
+    272: 257,
+    273: 258,
+    274: 259,
+    275: 260,
+    276: 261,
+    277: 262,
+    278: 263,
+    279: 264,
+    280: 265,
+    281: 266,
+    282: 267,
+    283: 268,
+    284: 269,
+    285: 270,
+    286: 271,
+    287: 272,
+    288: 273,
+    289: 274,
+    290: 275,
+    291: 276,
+    292: 277,
+    293: 278,
+    294: 279,
+    295: 280,
+    296: 281,
+    297: 282,
+    298: 283,
+    299: 284,
+    300: 285,
+    301: 286,
+    302: 287,
+    303: 288,
+    304: 289,
+    305: 290,
+    306: 291,
+    307: 292,
+    308: 293,
+    309: 294,
+    310: 295,
+    311: 296,
+    312: 297,
+    313: 298,
+    314: 299,
+    315: 300,
+    316: 301,
+    317: 302,
+    318: 303,
+    319: 304,
+    320: 305
+};
+function getMobileFontSize(desktopSize) {
+    if (fontSizeMapping[desktopSize]) {
+        return fontSizeMapping[desktopSize];
+    }
+    return desktopSize;
+}
+exports.getMobileFontSize = getMobileFontSize;
+// 사용 예시:
+// const desktopFontSize = 15;
+// const mobileFontSizeFromServer: number | null = null;
+// const finalMobileFontSize = getMobileFontSize(desktopFontSize, mobileFontSizeFromServer);
+// console.log(finalMobileFontSize); // 출력: 16

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

@@ -11,6 +11,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+var fontSizeAdjustment_1 = require("./fontSizeAdjustment");
 function replaceUndefinedValues(jsonData) {
     return Object.entries(jsonData).reduce(function (acc, cur) {
         var _a;
@@ -24,7 +25,13 @@ function replaceUndefinedValues(jsonData) {
                 if (isTargetNeedOverride) {
                     var undefinedMobileKey = curSpec.replace(':MOBILE', '');
                     if (undefinedMobileKey in currentProps) {
-                        accSpecs[curSpec] = currentProps[undefinedMobileKey];
+                        var desktopValue = currentProps[undefinedMobileKey];
+                        if (curSpec === 'CB_STYLE_PROP_TEXT_SPEC_SIZE:MOBILE') {
+                            accSpecs[curSpec] = (0, fontSizeAdjustment_1.getMobileFontSize)(desktopValue);
+                        }
+                        else {
+                            accSpecs[curSpec] = desktopValue;
+                        }
                     }
                     else {
                         accSpecs[curSpec] = currentProps[curSpec];

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

@@ -9,11 +9,6 @@ type ParseStyleTextProps<T> = {
     props: T;
     propKey: 'TEXT';
     device: Device;
-} | {
-    availableSpecCodes: Array<keyof T>;
-    props: T;
-    propKey: 'BTNTEXT';
-    device: Device;
 };
-export declare function getTextCSSPropKey(key: string, cbName: 'TEXT' | 'BTNTEXT'): "" | "color" | "letterSpacing" | "fontWeight" | "fontFamily" | "lineHeight" | "fontSize" | "HORIZONTAL" | "alignItems";
+export declare function getTextCSSPropKey(key: string, cbName: 'TEXT'): "" | "color" | "letterSpacing" | "fontWeight" | "fontFamily" | "lineHeight" | "fontSize" | "HORIZONTAL" | "alignItems";
 export {};

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

@@ -1,4 +1,4 @@
-import type { CB_STYLE_PROP_TEXT_SPECS } from '../../components/ComponentBlock/componentBlocks/Text/types';
+import type { CB_STYLE_PROP_TEXT_SPECS } from '../../components/ComponentBlock/componentBlocks/types';
 import type { Device, StyleAndHoverStyle } from '../types';
 import type { CB_STYLE_PROP_KEYS } from './types';
 export type NAMED_CB_STYLE_TEXT_PROPS = {

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

@@ -14,7 +14,7 @@ export declare enum CB_STYLE_PROP_KEYS {
     CB_STYLE_PROP_SHADOW = "CB_STYLE_PROP_SHADOW",
     CB_STYLE_PROP_BORDER = "CB_STYLE_PROP_BORDER",
     CB_STYLE_PROP_IMAGE = "CB_STYLE_PROP_IMAGE",
-    CB_STYLE_PROP_BTNCOLOR = "CB_STYLE_PROP_BTNCOLOR",
+    CB_STYLE_PROP_COLOR = "CB_STYLE_PROP_COLOR",
     CB_STYLE_PROP_BGCOLOR = "CB_STYLE_PROP_BGCOLOR",
     CB_STYLE_PROP_BGMEDIA = "CB_STYLE_PROP_BGMEDIA",
     CB_STYLE_PROP_BGOVERLAY = "CB_STYLE_PROP_BGOVERLAY"

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

@@ -9,7 +9,7 @@ var CB_STYLE_PROP_KEYS;
     CB_STYLE_PROP_KEYS["CB_STYLE_PROP_SHADOW"] = "CB_STYLE_PROP_SHADOW";
     CB_STYLE_PROP_KEYS["CB_STYLE_PROP_BORDER"] = "CB_STYLE_PROP_BORDER";
     CB_STYLE_PROP_KEYS["CB_STYLE_PROP_IMAGE"] = "CB_STYLE_PROP_IMAGE";
-    CB_STYLE_PROP_KEYS["CB_STYLE_PROP_BTNCOLOR"] = "CB_STYLE_PROP_BTNCOLOR";
+    CB_STYLE_PROP_KEYS["CB_STYLE_PROP_COLOR"] = "CB_STYLE_PROP_COLOR";
     CB_STYLE_PROP_KEYS["CB_STYLE_PROP_BGCOLOR"] = "CB_STYLE_PROP_BGCOLOR";
     CB_STYLE_PROP_KEYS["CB_STYLE_PROP_BGMEDIA"] = "CB_STYLE_PROP_BGMEDIA";
     CB_STYLE_PROP_KEYS["CB_STYLE_PROP_BGOVERLAY"] = "CB_STYLE_PROP_BGOVERLAY";