pds-dev-kit-web-test 0.3.55 → 0.3.57

package/dist/src/desktop/panels/DesktopTutorialModal/DesktopTutorialModal.js

@@ -28,7 +28,7 @@ var hybrid_1 = require("../../../hybrid");
 var components_1 = require("../../components");
 var Components_1 = require("./Components");
 function DesktopTutorialModal(_a) {
-    var modalTitleText = _a.modalTitleText, infoArray = _a.infoArray, onClose = _a.onClose;
+    var modalTitleText = _a.modalTitleText, infoArray = _a.infoArray, _b = _a.sequenceMode, sequenceMode = _b === void 0 ? 'use' : _b, onClose = _a.onClose;
     var container = (0, react_1.useState)(function () {
         var modalRoot = document.createElement('div');
         modalRoot.setAttribute('id', 'DesktopTutorialModal');
@@ -44,12 +44,7 @@ function DesktopTutorialModal(_a) {
             root.removeChild(container);
         };
     }, []);
-    var handleClickCloseBtn = function (e) {
-        if (onClose) {
-            onClose(e);
-        }
-    };
-    var _b = (0, react_1.useState)("".concat(infoArray[0].sideTabTitleText, "0")), selectedItem = _b[0], setSelectedItem = _b[1];
+    var _c = (0, react_1.useState)("".concat(infoArray[0].sideTabTitleText, "0")), selectedItem = _c[0], setSelectedItem = _c[1];
     var sideTabTitleArray = infoArray.map(function (data, index) {
         return {
             title: data.sideTabTitleText,
@@ -57,15 +52,31 @@ function DesktopTutorialModal(_a) {
             onClick: function () { return setSelectedItem("".concat(data.sideTabTitleText).concat(index)); }
         };
     });
+    var lastIndex = infoArray.length - 1;
+    var numberPattern = /\d+$/;
+    var selectedItemIndexPart = selectedItem.match(numberPattern);
+    var selectedItemIndex = selectedItemIndexPart && parseInt(selectedItemIndexPart[0], 10);
+    var handleClickNextBtn = function () {
+        if (selectedItemIndexPart) {
+            var incrementedIndex = parseInt(selectedItemIndexPart[0], 10) + 1;
+            var newSelectedItem = "".concat(infoArray[incrementedIndex].sideTabTitleText).concat(incrementedIndex);
+            setSelectedItem(newSelectedItem);
+        }
+    };
+    var handleClickCloseBtn = function (e) {
+        if (onClose) {
+            onClose(e);
+        }
+    };
     return react_dom_1.default.createPortal((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(S_ModalOverlay, {}), (0, jsx_runtime_1.jsxs)(S_ModalWrapper, __assign({ "x-pds-name": "DesktopTutorialModal", "x-pds-element-type": "panel", "x-pds-device-type": "desktop" }, { children: [(0, jsx_runtime_1.jsxs)(S_LeftPanel, { children: [(0, jsx_runtime_1.jsx)(S_Header, { children: (0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: modalTitleText, lineLimit: 2, ellipsisMode: "use", styleTheme: "headingBold" }) }), (0, jsx_runtime_1.jsxs)(S_SideTabWrapper, { children: [(0, jsx_runtime_1.jsx)(Components_1.SideTab, { itemArray: sideTabTitleArray }), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_i" })] })] }), infoArray
                         .filter(function (data, index) { return selectedItem === "".concat(data.sideTabTitleText).concat(index); })
-                        .map(function (data, index) { return ((0, jsx_runtime_1.jsxs)(S_RightPanel, { children: [(0, jsx_runtime_1.jsx)(hybrid_1.ImageView, { src: data.imageSrc, shapeType: "rectangle", width: "responsive", ratio: "16_9", scaleType: "cover", backgroundFillMode: "use" }), (0, jsx_runtime_1.jsxs)(S_InfoBox, { children: [(0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: data.infoTitleText ? data.infoTitleText : data.sideTabTitleText, styleTheme: "headingBold" }), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d" }), (0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: data.infoDescText, styleTheme: "body2Regular", colorTheme: "sysTextSecondary" })] }), data.btnMode === 'btn_amount1' && ((0, jsx_runtime_1.jsx)(S_Footer, { children: (0, jsx_runtime_1.jsx)(components_1.MainButton, { text: data.btn1Text, type: "button", size: "medium", onClick: data.onClickBtn1 }) }))] }, "".concat(data.sideTabTitleText).concat(index))); }), (0, jsx_runtime_1.jsx)(S_IconButtonWrapper, { children: (0, jsx_runtime_1.jsx)(components_1.IconButton, { shapeType: "circular", baseSize: "medium", baseColorKey: "ui_cpnt_button_fill_base_tutorialmodal", iconName: "ic_xmark", iconColorKey: "ui_cpnt_button_icon_white", onClick: handleClickCloseBtn }) })] }))] }), container);
+                        .map(function (data, index) { return ((0, jsx_runtime_1.jsxs)(S_RightPanel, { children: [(0, jsx_runtime_1.jsx)(hybrid_1.ImageView, { src: data.imageSrc, shapeType: "rectangle", width: "responsive", ratio: "16_9", scaleType: "cover", backgroundFillMode: "use" }), (0, jsx_runtime_1.jsxs)(S_InfoBox, { children: [(0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: data.infoTitleText ? data.infoTitleText : data.sideTabTitleText, styleTheme: "headingBold" }), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d" }), (0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: data.infoDescText, styleTheme: "body2Regular", colorTheme: "sysTextSecondary" })] }), data.btnMode === 'btn_amount1' && ((0, jsx_runtime_1.jsx)(S_Footer, { children: (0, jsx_runtime_1.jsx)(components_1.MainButton, { text: data.btn1Text, type: "button", size: "medium", onClick: data.onClickBtn1 }) }))] }, "".concat(data.sideTabTitleText).concat(index))); }), (0, jsx_runtime_1.jsx)(S_IconButtonWrapper, { children: sequenceMode === 'use' && selectedItemIndex !== lastIndex ? ((0, jsx_runtime_1.jsx)(components_1.IconButton, { shapeType: "circular", baseSize: "medium", baseColorKey: "ui_cpnt_button_fill_base_tutorialmodal", iconName: "ic_arrow_right", iconColorKey: "ui_cpnt_button_icon_white", onClick: handleClickNextBtn })) : ((0, jsx_runtime_1.jsx)(components_1.IconButton, { shapeType: "circular", baseSize: "medium", baseColorKey: "ui_cpnt_button_fill_base_tutorialmodal", iconName: "ic_xmark", iconColorKey: "ui_cpnt_button_icon_white", onClick: handleClickCloseBtn })) })] }))] }), container);
 }
 var S_ModalOverlay = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: ", ";\n  height: 100vh;\n  left: 0;\n  position: fixed;\n  top: 0;\n  width: 100vw;\n\n  ", "\n"], ["\n  background-color: ", ";\n  height: 100vh;\n  left: 0;\n  position: fixed;\n  top: 0;\n  width: 100vw;\n\n  ", "\n"])), function (_a) {
     var theme = _a.theme;
     return theme.ui_cpnt_modal_dimmed;
 }, animationStyle_1.modalOverlayOnAni);
-var S_ModalWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: ", ";\n  border-radius: 24px;\n  box-shadow: ", ";\n  box-sizing: border-box;\n  display: flex;\n  display: flex;\n  height: 80vh;\n  left: 50%;\n  max-height: 720px;\n  min-height: 560px;\n  overflow: hidden;\n  pointer-events: auto;\n  position: fixed;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  width: 960px;\n\n  ", "\n"], ["\n  background-color: ", ";\n  border-radius: 24px;\n  box-shadow: ", ";\n  box-sizing: border-box;\n  display: flex;\n  display: flex;\n  height: 80vh;\n  left: 50%;\n  max-height: 720px;\n  min-height: 560px;\n  overflow: hidden;\n  pointer-events: auto;\n  position: fixed;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  width: 960px;\n\n  ", "\n"])), function (_a) {
+var S_ModalWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: ", ";\n  border-radius: 24px;\n  box-shadow: ", ";\n  box-sizing: border-box;\n  display: flex;\n  height: 80vh;\n  left: 50%;\n  max-height: 720px;\n  min-height: 560px;\n  overflow: hidden;\n  pointer-events: auto;\n  position: fixed;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  width: 960px;\n\n  ", "\n"], ["\n  background-color: ", ";\n  border-radius: 24px;\n  box-shadow: ", ";\n  box-sizing: border-box;\n  display: flex;\n  height: 80vh;\n  left: 50%;\n  max-height: 720px;\n  min-height: 560px;\n  overflow: hidden;\n  pointer-events: auto;\n  position: fixed;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  width: 960px;\n\n  ", "\n"])), function (_a) {
     var theme = _a.theme;
     return theme.ui_cpnt_modal_base;
 }, function (_a) {

package/dist/src/mobile/components/BasicListItem/RightBox/MainButton.js

@@ -1,10 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var components_1 = require("../../../../hybrid/components");
 var MainButton_1 = require("../../MainButton");
 var MainButton = function (_a) {
     var text = _a.text, state = _a.state, fill = _a.fill, onClick = _a.onClick;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(MainButton_1.MainButton, { text: text, state: state, fillType: fill ? 'fill' : 'line', size: "small", onClick: onClick }), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_c", spacingType: "width" })] }));
+    return ((0, jsx_runtime_1.jsx)(MainButton_1.MainButton, { text: text, state: state, fillType: fill ? 'fill' : 'line', size: "small", onClick: onClick }));
 };
 exports.default = MainButton;

package/dist/src/mobile/components/BasicListItem/RightBox/Switch.js

@@ -12,7 +12,7 @@ var components_1 = require("../../../../hybrid/components");
 var styled_components_1 = __importDefault(require("styled-components"));
 var Switch = function (_a) {
     var name = _a.name, state = _a.state, status = _a.status, onClick = _a.onClick;
-    return ((0, jsx_runtime_1.jsxs)(S_SwitchWrapper, { children: [(0, jsx_runtime_1.jsx)(components_1.Switch, { name: name, state: state, status: status, onClick: onClick }), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_c", spacingType: "width" })] }));
+    return ((0, jsx_runtime_1.jsx)(S_SwitchWrapper, { children: (0, jsx_runtime_1.jsx)(components_1.Switch, { name: name, state: state, status: status, onClick: onClick }) }));
 };
 var S_SwitchWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  justify-content: flex-end;\n  min-height: 32px;\n  min-width: 68px;\n  position: relative;\n  right: 0;\n"], ["\n  display: flex;\n  justify-content: flex-end;\n  min-height: 32px;\n  min-width: 68px;\n  position: relative;\n  right: 0;\n"])));
 exports.default = Switch;

package/dist/src/mobile/components/ContextMenuItem/ContextMenuItem.js

@@ -65,13 +65,23 @@ function ContextMenuItem(_a) {
     if (state === 'disabled') {
         textColorTheme = 'sysTextTertiary';
     }
+    var descTextColorTheme;
+    if (isSelected) {
+        descTextColorTheme = 'sysTextTertiary';
+    }
+    if (!isSelected && state === 'normal') {
+        descTextColorTheme = 'sysTextTertiary';
+    }
+    if (state === 'disabled') {
+        descTextColorTheme = 'sysTextTertiary';
+    }
     var getIconColorKey = function () {
         if (state === 'disabled') {
             return 'ui_cpnt_dropdown_display_icon_disabled';
         }
         return 'ui_cpnt_dropdown_display_icon_normal';
     };
-    return ((0, jsx_runtime_1.jsxs)(S_ContextMenuItem, __assign({ "x-pds-name": "ContextMenuItem", "x-pds-element-type": "component", "x-pds-device-type": "mobile", size: size, onClick: handleClick, selected: isSelected, displayType: displayType }, { children: [(displayType === 'icon_only' || displayType === 'icon_text') && (option === null || option === void 0 ? void 0 : option.iconName) && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Icon, { size: size === 'small' ? 20 : 24, iconName: option.iconName, fillType: option.iconFillType, colorKey: getIconColorKey() }), displayType === 'icon_text' && (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b", spacingType: "width" }), ' '] })), (displayType === 'text_only' || displayType === 'icon_text') && (option === null || option === void 0 ? void 0 : option.text) && ((0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: option.text || text, styleTheme: option.fontWeight === 'bold' ? 'form2Bold' : 'form2Regular', singleLineMode: "use", colorTheme: textColorTheme, ellipsisMode: "use", lineLimit: 1, wordBreak: "break_all" }))] })));
+    return ((0, jsx_runtime_1.jsxs)(S_ContextMenuItem, __assign({ "x-pds-name": "ContextMenuItem", "x-pds-element-type": "component", "x-pds-device-type": "mobile", size: size, onClick: handleClick, selected: isSelected, displayType: displayType }, { children: [(0, jsx_runtime_1.jsxs)(S_LeftSide, { children: [(displayType === 'icon_only' || displayType === 'icon_text') && (option === null || option === void 0 ? void 0 : option.iconName) && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Icon, { size: size === 'small' ? 20 : 24, iconName: option.iconName, fillType: option.iconFillType, colorKey: getIconColorKey() }), displayType === 'icon_text' && (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b", spacingType: "width" }), ' '] })), (displayType === 'text_only' || displayType === 'icon_text') && (option === null || option === void 0 ? void 0 : option.text) && ((0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: option.text || text, styleTheme: option.fontWeight === 'bold' ? 'form2Bold' : 'form2Regular', singleLineMode: "use", colorTheme: textColorTheme, ellipsisMode: "use", lineLimit: 1, wordBreak: "break_all" }))] }), (0, jsx_runtime_1.jsx)(S_RightSide, { children: (displayType === 'text_only' || displayType === 'icon_text') && (option === null || option === void 0 ? void 0 : option.descText) && ((0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: option.descText, styleTheme: "form2Regular", singleLineMode: "use", colorTheme: descTextColorTheme, ellipsisMode: "use", lineLimit: 1, wordBreak: "break_all", textAlign: "right" })) })] })));
 }
 var large = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: 48px;\n  padding: 0 ", ";\n\n  & > div {\n    height: 48px;\n    line-height: 48px;\n  }\n"], ["\n  height: 48px;\n  padding: 0 ", ";\n\n  & > div {\n    height: 48px;\n    line-height: 48px;\n  }\n"])), function (_a) {
     var theme = _a.theme;
@@ -85,7 +95,7 @@ var small = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 =
     var theme = _a.theme;
     return theme.spacing.spacingD;
 });
-var S_ContextMenuItem = styled_components_1.default.li(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  align-items: center;\n  background-color: ", ";\n  box-sizing: border-box;\n  display: flex;\n\n  ", ";\n  ", ";\n"], ["\n  align-items: center;\n  background-color: ", ";\n  box-sizing: border-box;\n  display: flex;\n\n  ", ";\n  ", ";\n"])), function (_a) {
+var S_ContextMenuItem = styled_components_1.default.li(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  align-items: center;\n  background-color: ", ";\n  box-sizing: border-box;\n  display: flex;\n  justify-content: space-between;\n\n  ", ";\n  ", ";\n"], ["\n  align-items: center;\n  background-color: ", ";\n  box-sizing: border-box;\n  display: flex;\n  justify-content: space-between;\n\n  ", ";\n  ", ";\n"])), function (_a) {
     var theme = _a.theme, selected = _a.selected;
     return selected
         ? theme.ui_cpnt_contextmenu_menu_base_selected
@@ -97,5 +107,7 @@ var S_ContextMenuItem = styled_components_1.default.li(templateObject_4 || (temp
     var size = _a.size;
     return size && { large: large, medium: medium, small: small }[size];
 });
+var S_LeftSide = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n"], ["\n  align-items: center;\n  display: flex;\n"])));
+var S_RightSide = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n"], ["\n  align-items: center;\n  display: flex;\n"])));
 exports.default = ContextMenuItem;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

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

@@ -2092,6 +2092,120 @@ export declare const sampleCustomsection5: {
     administrativeTitle: string;
     appearanceTemplate: string;
     componentBlocks: ({
+        availablePlugins: never[];
+        componentBlockCode: string;
+        componentBlockType: string;
+        dynamicLayoutSectionId: number;
+        id: number;
+        insertedAt: string;
+        jsonProperties: {
+            currentVersion: string;
+            data: {
+                CB_CONTENT_PROP_HOVER: {
+                    CB_CONTENT_PROP_HOVER_SPEC_MUSE: boolean;
+                };
+                CB_CONTENT_PROP_TWITTER: {
+                    CB_CONTENT_PROP_TWITTER_SPEC_SRC: string;
+                };
+                CB_CONTENT_PROP_VISIBILITY: {
+                    CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: boolean;
+                    CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB: boolean;
+                };
+                CB_EFFECT_PROP_ENTANIM: {
+                    CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: string;
+                    'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': string;
+                    CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: number;
+                    'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': null;
+                    CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: number;
+                    'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': null;
+                    CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: string;
+                    'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': null;
+                };
+                CB_LAYOUT_PROP_ARRANGE: {
+                    CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL: string;
+                    'CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL:MOBILE': string;
+                    CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL: null;
+                    'CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL:MOBILE': null;
+                };
+                CB_LAYOUT_PROP_PADDING: {
+                    CB_LAYOUT_PROP_PADDING_SPEC_FIX: boolean;
+                    'CB_LAYOUT_PROP_PADDING_SPEC_FIX:MOBILE': null;
+                    CB_LAYOUT_PROP_PADDING_SPEC_PADDING: {
+                        bottom: number;
+                        left: number;
+                        right: number;
+                        top: number;
+                    };
+                    'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': null;
+                };
+                CB_PLACEMENT_PROP_PLACEMENT: {
+                    CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: number;
+                    'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': number;
+                    CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: number;
+                    'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': number;
+                    CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: number;
+                    'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': number;
+                    CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: number;
+                    'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': number;
+                    CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: number;
+                    'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': number;
+                };
+                CB_STYLE_PROP_OPACITY: {
+                    CB_STYLE_PROP_OPACITY_SPEC_OPACITY: number;
+                    'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:HOVER': number;
+                    'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE': null;
+                    'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE:HOVER': null;
+                };
+                CB_STYLE_PROP_SHADOW: {
+                    CB_STYLE_PROP_SHADOW_SPEC_BLUR: number;
+                    'CB_STYLE_PROP_SHADOW_SPEC_BLUR:HOVER': number;
+                    'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE': null;
+                    'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE:HOVER': null;
+                    CB_STYLE_PROP_SHADOW_SPEC_COLOR: string;
+                    'CB_STYLE_PROP_SHADOW_SPEC_COLOR:HOVER': string;
+                    'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE': null;
+                    'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE:HOVER': null;
+                    CB_STYLE_PROP_SHADOW_SPEC_OPACITY: number;
+                    'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:HOVER': number;
+                    'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE': null;
+                    'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE:HOVER': null;
+                    CB_STYLE_PROP_SHADOW_SPEC_SPREAD: number;
+                    'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:HOVER': number;
+                    'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE': null;
+                    'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE:HOVER': null;
+                    CB_STYLE_PROP_SHADOW_SPEC_TYPE: string;
+                    'CB_STYLE_PROP_SHADOW_SPEC_TYPE:HOVER': string;
+                    'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE': null;
+                    'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE:HOVER': null;
+                    CB_STYLE_PROP_SHADOW_SPEC_X: number;
+                    'CB_STYLE_PROP_SHADOW_SPEC_X:HOVER': number;
+                    'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE': null;
+                    'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE:HOVER': null;
+                    CB_STYLE_PROP_SHADOW_SPEC_Y: number;
+                    'CB_STYLE_PROP_SHADOW_SPEC_Y:HOVER': number;
+                    'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE': null;
+                    'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE:HOVER': null;
+                };
+                CB_STYLE_PROP_TWITTER: {
+                    CB_STYLE_PROP_TWITTER_SPEC_THEME: string;
+                    'CB_STYLE_PROP_TWITTER_SPEC_THEME:MOBILE': null;
+                };
+                CB_EFFECT_PROP_HOVERANIM?: undefined;
+                CB_STYLE_PROP_DIVIDER?: undefined;
+                CB_CONTENT_PROP_CLINK?: undefined;
+                CB_CONTENT_PROP_TEXT?: undefined;
+                CB_STYLE_PROP_BORDER?: undefined;
+                CB_STYLE_PROP_BTNCOLOR?: undefined;
+                CB_STYLE_PROP_BTNTEXT?: undefined;
+                CB_STYLE_PROP_TEXT?: undefined;
+            };
+            minVersion: string;
+            version: string;
+        };
+        queryableDefinitionPreset: string;
+        queryableTapSrc: string;
+        updatedAt: string;
+    } | {
         availablePlugins: never[];
         componentBlockCode: string;
         componentBlockType: string;
@@ -2171,13 +2285,15 @@ export declare const sampleCustomsection5: {
                     'CB_STYLE_PROP_DIVIDER_SPEC_WIDTH:MOBILE': null;
                     'CB_STYLE_PROP_DIVIDER_SPEC_WIDTH:MOBILE:HOVER': null;
                 };
+                CB_CONTENT_PROP_TWITTER?: undefined;
+                CB_STYLE_PROP_OPACITY?: undefined;
+                CB_STYLE_PROP_SHADOW?: undefined;
+                CB_STYLE_PROP_TWITTER?: undefined;
                 CB_CONTENT_PROP_CLINK?: undefined;
                 CB_CONTENT_PROP_TEXT?: undefined;
                 CB_STYLE_PROP_BORDER?: undefined;
                 CB_STYLE_PROP_BTNCOLOR?: undefined;
                 CB_STYLE_PROP_BTNTEXT?: undefined;
-                CB_STYLE_PROP_OPACITY?: undefined;
-                CB_STYLE_PROP_SHADOW?: undefined;
                 CB_STYLE_PROP_TEXT?: undefined;
             };
             minVersion: string;
@@ -2386,7 +2502,9 @@ export declare const sampleCustomsection5: {
                     'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE': null;
                     'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE:HOVER': null;
                 };
+                CB_CONTENT_PROP_TWITTER?: undefined;
                 CB_LAYOUT_PROP_ARRANGE?: undefined;
+                CB_STYLE_PROP_TWITTER?: undefined;
                 CB_STYLE_PROP_DIVIDER?: undefined;
                 CB_STYLE_PROP_TEXT?: undefined;
             };
@@ -2505,12 +2623,14 @@ export declare const sampleCustomsection5: {
                     'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE': null;
                     'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE:HOVER': null;
                 };
+                CB_CONTENT_PROP_TWITTER?: undefined;
                 CB_LAYOUT_PROP_ARRANGE?: undefined;
+                CB_STYLE_PROP_SHADOW?: undefined;
+                CB_STYLE_PROP_TWITTER?: undefined;
                 CB_STYLE_PROP_DIVIDER?: undefined;
                 CB_STYLE_PROP_BORDER?: undefined;
                 CB_STYLE_PROP_BTNCOLOR?: undefined;
                 CB_STYLE_PROP_BTNTEXT?: undefined;
-                CB_STYLE_PROP_SHADOW?: undefined;
             };
             minVersion: string;
             version: string;
@@ -2627,12 +2747,14 @@ export declare const sampleCustomsection5: {
                     'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE': number;
                     'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE:HOVER': null;
                 };
+                CB_CONTENT_PROP_TWITTER?: undefined;
                 CB_LAYOUT_PROP_ARRANGE?: undefined;
+                CB_STYLE_PROP_SHADOW?: undefined;
+                CB_STYLE_PROP_TWITTER?: undefined;
                 CB_STYLE_PROP_DIVIDER?: undefined;
                 CB_STYLE_PROP_BORDER?: undefined;
                 CB_STYLE_PROP_BTNCOLOR?: undefined;
                 CB_STYLE_PROP_BTNTEXT?: undefined;
-                CB_STYLE_PROP_SHADOW?: undefined;
             };
             minVersion: string;
             version: string;