@gem-sdk/components 3.0.0-pre-production.14 → 3.0.0

package/dist/esm/button/setting/Button.js

@@ -1,913 +0,0 @@
-const config = {
-    tag: 'Button',
-    label: 'Button',
-    icon: `
-  <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M3.16699 6.66663C2.89085 6.66663 2.66699 6.89048 2.66699 7.16663V26.1666C2.66699 26.4428 2.89085 26.6666 3.16699 26.6666H13.5531C13.8587 26.6666 14.0929 26.3948 14.0475 26.0925L13.7975 24.4258C13.7608 24.181 13.5506 24 13.3031 24H5.33366V9.33329H34.667V24H32.5003C32.2242 24 32.0003 24.2238 32.0003 24.5V25.1121C32.0003 25.253 32.0597 25.3873 32.164 25.4821L33.324 26.5366C33.416 26.6203 33.5359 26.6666 33.6603 26.6666H36.8337C37.1098 26.6666 37.3337 26.4428 37.3337 26.1666V7.16663C37.3337 6.89048 37.1098 6.66663 36.8337 6.66663H3.16699ZM19.8589 29.6767C19.9172 30.0846 20.4161 30.2509 20.7074 29.9595L22.667 28L27.6468 32.9797C27.842 33.175 28.1586 33.175 28.3539 32.9797L30.3134 31.0202C30.5087 30.8249 30.5087 30.5083 30.3134 30.3131L25.3337 25.3333L27.2932 23.3737C27.5846 23.0824 27.4183 22.5835 27.0104 22.5252L19.327 21.4276C18.997 21.3804 18.7141 21.6633 18.7613 21.9933L19.8589 29.6767Z" fill="currentColor"/>
-  </svg>
-  `,
-    settings: [
-        {
-            id: 'setting',
-            controls: [
-                {
-                    id: 'label',
-                    label: 'Text',
-                    type: 'input',
-                    default: 'Button'
-                },
-                {
-                    id: 'translate',
-                    type: 'input',
-                    default: 'label'
-                },
-                {
-                    id: 'btnLink',
-                    type: 'pick-link',
-                    pickLinkLabel: 'Button link',
-                    label: 'Pick Link',
-                    default: {
-                        link: '',
-                        target: '_self'
-                    }
-                },
-                {
-                    id: 'isGoToSalesPage',
-                    type: 'toggle',
-                    label: 'Go to Sales page',
-                    default: false
-                },
-                {
-                    id: 'linkedToPreSalesPageBanner',
-                    type: 'banner-pre-sales-page',
-                    default: false
-                },
-                {
-                    id: 'iconGroup',
-                    type: 'group',
-                    label: 'Icon',
-                    controls: [
-                        {
-                            id: 'iconVisible',
-                            label: 'Icon Visible',
-                            type: 'toggle',
-                            default: false
-                        },
-                        {
-                            id: 'iconSvg',
-                            label: 'SVG Icon',
-                            type: 'icon',
-                            default: '<svg style="width: 100%; height: 100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"> <path fill="currentColor" strokeLinecap="round" strokeLinejoin="round" fill="currentColor" d="M115.584 494.176c-12.352 6.336 -26.368 -4.768 -23.872 -18.944l26.56 -151.36L5.536 216.48c-10.528 -10.048 -5.056 -28.416 9.056 -30.4l156.736 -22.272L241.216 25.344c6.304 -12.48 23.36 -12.48 29.664 0l69.888 138.464 156.736 22.272c14.112 1.984 19.584 20.352 9.024 30.4l-112.704 107.392 26.56 151.36c2.496 14.176 -11.52 25.28 -23.872 18.944L256 421.984l-140.448 72.192z" /></svg>'
-                        },
-                        {
-                            id: 'iconAlign',
-                            label: 'Icon Alignment',
-                            type: 'segment',
-                            options: [
-                                {
-                                    label: 'Left',
-                                    value: 'left'
-                                },
-                                {
-                                    label: 'Right',
-                                    value: 'right'
-                                }
-                            ],
-                            default: 'left'
-                        }
-                    ]
-                },
-                {
-                    id: 'htmlType',
-                    label: 'HTML Type',
-                    type: 'select',
-                    default: 'button',
-                    options: [
-                        {
-                            label: 'Open link, popup & scroll to',
-                            value: 'button'
-                        },
-                        {
-                            label: 'Clear form',
-                            value: 'reset'
-                        },
-                        {
-                            label: 'Submit form',
-                            value: 'submit'
-                        }
-                    ]
-                },
-                {
-                    id: 'disabled',
-                    label: 'Disabled',
-                    type: 'toggle',
-                    default: false
-                },
-                {
-                    id: 'shouldClearSpace',
-                    label: '',
-                    type: 'toggle',
-                    default: false
-                }
-            ]
-        },
-        {
-            id: 'style',
-            controls: [
-                {
-                    id: 'behavior-state',
-                    type: 'behavior-state',
-                    controls: [
-                        {
-                            id: 'borderBtn',
-                            type: 'border',
-                            label: 'Border',
-                            default: {
-                                normal: {
-                                    borderType: 'none',
-                                    border: 'none',
-                                    borderWidth: '1px',
-                                    width: '1px 1px 1px 1px',
-                                    isCustom: false
-                                }
-                            },
-                            state: {
-                                hover: true,
-                                normal: true
-                            }
-                        },
-                        {
-                            id: 'backgroundColor',
-                            type: 'background-color-picker',
-                            label: 'Background Color',
-                            default: {
-                                normal: 'brand',
-                                hover: 'highlight'
-                            },
-                            state: {
-                                hover: true,
-                                normal: true
-                            }
-                        },
-                        {
-                            id: 'textColor',
-                            type: 'colorpicker',
-                            label: 'Text Color',
-                            default: {
-                                normal: 'text-3'
-                            },
-                            state: {
-                                hover: true,
-                                normal: true
-                            }
-                        },
-                        {
-                            id: 'hasBoxShadowBtn',
-                            type: 'toggle',
-                            label: 'Enable Button Shadow',
-                            default: {
-                                normal: false,
-                                hover: false
-                            },
-                            state: {
-                                normal: true,
-                                hover: true
-                            }
-                        },
-                        {
-                            id: 'boxShadowBtn',
-                            type: 'boxShadow',
-                            label: 'Button Shadow',
-                            hideOnState: {
-                                normal: true,
-                                hover: true
-                            },
-                            default: {
-                                normal: {
-                                    type: 'shadow-1',
-                                    distance: '4px',
-                                    blur: '12px',
-                                    spread: '0px',
-                                    color: 'rgba(0, 0, 0, 0.20)',
-                                    angle: 90
-                                }
-                            },
-                            state: {
-                                normal: true,
-                                hover: true
-                            }
-                        },
-                        {
-                            id: 'roundedBtn',
-                            type: 'radius-preset',
-                            label: 'Border Radius',
-                            default: {
-                                normal: {
-                                    radiusType: 'small'
-                                }
-                            },
-                            state: {
-                                hover: true,
-                                normal: true
-                            }
-                        }
-                    ]
-                },
-                {
-                    id: 'align',
-                    label: 'Alignment',
-                    type: 'segment',
-                    options: [
-                        {
-                            label: 'Left',
-                            value: 'left',
-                            type: 'align',
-                            tooltip: 'Align left'
-                        },
-                        {
-                            label: 'Center',
-                            value: 'center',
-                            type: 'align',
-                            tooltip: 'Align center'
-                        },
-                        {
-                            label: 'Right',
-                            value: 'right',
-                            type: 'align',
-                            tooltip: 'Align right'
-                        }
-                    ],
-                    devices: {
-                        desktop: {
-                            default: 'left'
-                        }
-                    }
-                },
-                {
-                    id: 'typo',
-                    type: 'typography-v2',
-                    default: {
-                        type: 'paragraph-1'
-                    },
-                    ignoreReRender: true,
-                    hiddenSetting: {
-                        color: true
-                    }
-                },
-                {
-                    id: 'transform',
-                    label: 'Text Transform',
-                    type: 'select',
-                    options: [
-                        {
-                            value: 'default',
-                            label: 'None'
-                        },
-                        {
-                            value: 'capitalize',
-                            label: 'Capitalize'
-                        },
-                        {
-                            value: 'uppercase',
-                            label: 'Uppercase'
-                        },
-                        {
-                            value: 'lowercase',
-                            label: 'Lowercase'
-                        }
-                    ],
-                    default: 'default'
-                },
-                {
-                    id: 'dimensions',
-                    type: 'group',
-                    label: 'Dimensions',
-                    controls: [
-                        {
-                            id: 'btnSpacing',
-                            label: 'Inside space',
-                            type: 'size',
-                            default: {
-                                type: 'medium'
-                            },
-                            ignoreReRender: true
-                        },
-                        {
-                            id: 'fullWidth',
-                            label: 'Full Width',
-                            type: 'toggle',
-                            devices: {
-                                desktop: {
-                                    default: false
-                                }
-                            }
-                        },
-                        {
-                            id: 'width',
-                            type: 'input:unit',
-                            label: 'Width',
-                            placeholder: 'Auto',
-                            min: 0,
-                            units: [
-                                'px',
-                                '%'
-                            ],
-                            hide: true,
-                            devices: {
-                                desktop: {
-                                    default: undefined
-                                }
-                            }
-                        }
-                    ]
-                },
-                {
-                    id: 'dimensions1',
-                    type: 'group',
-                    label: 'Icon Dimension',
-                    controls: [
-                        {
-                            id: 'iconSizeAuto',
-                            type: 'toggle',
-                            label: 'Icon Auto Size',
-                            default: true
-                        },
-                        {
-                            id: 'size',
-                            label: 'Size Icon',
-                            type: 'select',
-                            options: [
-                                {
-                                    label: 'Large',
-                                    value: '1.2em'
-                                },
-                                {
-                                    label: 'Medium',
-                                    value: '1em'
-                                },
-                                {
-                                    label: 'Small',
-                                    value: '0.8em'
-                                }
-                            ],
-                            devices: {
-                                desktop: {
-                                    default: '1em'
-                                }
-                            }
-                        },
-                        {
-                            id: 'iconDimension',
-                            type: 'range',
-                            label: 'Size',
-                            hide: true,
-                            min: 0,
-                            max: 100,
-                            step: 1,
-                            units: [
-                                'px',
-                                'em',
-                                'rem'
-                            ],
-                            devices: {
-                                desktop: {
-                                    default: '24px'
-                                }
-                            }
-                        }
-                    ]
-                },
-                {
-                    id: 'globalSize',
-                    type: 'size-setting',
-                    devices: {
-                        desktop: {
-                            default: {
-                                width: 'Auto',
-                                height: 'Auto',
-                                padding: {
-                                    type: 'medium',
-                                    top: '8px',
-                                    bottom: '8px',
-                                    left: '24px',
-                                    right: '24px'
-                                }
-                            }
-                        }
-                    },
-                    settingConfig: {
-                        width: {
-                            displayOptions: [
-                                'full',
-                                'auto',
-                                'small',
-                                'large',
-                                'medium'
-                            ],
-                            sizeConfig: {
-                                small: '100px',
-                                medium: '116px',
-                                large: '132px'
-                            }
-                        },
-                        height: {
-                            displayOptions: [
-                                'auto',
-                                'small',
-                                'large',
-                                'medium'
-                            ],
-                            sizeConfig: {
-                                small: '28px',
-                                medium: '36px',
-                                large: '44px'
-                            }
-                        }
-                    },
-                    hiddenSettings: [
-                        'shape',
-                        'gap'
-                    ]
-                },
-                {
-                    id: 'iconSpacing',
-                    type: 'input:unit',
-                    units: [
-                        'px'
-                    ],
-                    devices: {
-                        desktop: {
-                            default: '8px'
-                        }
-                    }
-                }
-            ]
-        }
-    ],
-    ui: [
-        {
-            type: 'group',
-            controls: [
-                {
-                    type: 'control',
-                    label: {
-                        en: 'Icon'
-                    },
-                    options: {
-                        label: 'large'
-                    },
-                    setting: {
-                        id: 'iconVisible'
-                    }
-                },
-                {
-                    type: 'group',
-                    condition: 'iconVisible == true',
-                    controls: [
-                        {
-                            type: 'control',
-                            layout: 'vertical',
-                            setting: {
-                                id: 'iconSvg'
-                            }
-                        },
-                        {
-                            type: 'control',
-                            label: {
-                                en: 'Position'
-                            },
-                            setting: {
-                                id: 'iconAlign'
-                            }
-                        },
-                        {
-                            type: 'control',
-                            label: {
-                                en: 'Spacing'
-                            },
-                            setting: {
-                                id: 'iconSpacing'
-                            },
-                            options: {
-                                styleWrapper: {
-                                    marginBottom: '0 !important'
-                                }
-                            }
-                        }
-                    ]
-                }
-            ]
-        },
-        {
-            type: 'group',
-            label: {
-                en: 'Insert link'
-            },
-            controls: [
-                {
-                    type: 'control',
-                    condition: 'pageType == "GP_PRE_SALE_PAGE"',
-                    setting: {
-                        id: 'linkedToPreSalesPageBanner'
-                    }
-                },
-                {
-                    type: 'control',
-                    condition: 'pageType == "GP_PRE_SALE_PAGE"',
-                    setting: {
-                        id: 'isGoToSalesPage'
-                    },
-                    label: {
-                        en: 'Go to Sales page'
-                    }
-                },
-                {
-                    type: 'control',
-                    condition: 'isGoToSalesPage === false || pageType != "GP_PRE_SALE_PAGE"',
-                    layout: 'vertical',
-                    setting: {
-                        id: 'btnLink'
-                    }
-                }
-            ]
-        },
-        {
-            type: 'group',
-            label: {
-                en: 'Size'
-            },
-            controls: [
-                {
-                    type: 'control',
-                    setting: {
-                        id: 'globalSize'
-                    },
-                    layout: 'vertical'
-                }
-            ]
-        },
-        {
-            type: 'group',
-            label: {
-                en: 'States'
-            },
-            options: {
-                labelSpacing: 'small'
-            },
-            controls: [
-                {
-                    type: 'tab',
-                    controls: [
-                        {
-                            type: 'group',
-                            label: {
-                                en: 'Normal'
-                            },
-                            controls: [
-                                {
-                                    type: 'control',
-                                    label: {
-                                        en: 'Background color'
-                                    },
-                                    setting: {
-                                        id: 'backgroundColor',
-                                        state: 'normal'
-                                    }
-                                },
-                                {
-                                    type: 'control',
-                                    label: {
-                                        en: 'Text color'
-                                    },
-                                    setting: {
-                                        id: 'textColor',
-                                        state: 'normal'
-                                    }
-                                },
-                                {
-                                    type: 'control',
-                                    options: {
-                                        labelPosition: 'start'
-                                    },
-                                    label: {
-                                        en: 'Border'
-                                    },
-                                    setting: {
-                                        id: 'borderBtn',
-                                        state: 'normal'
-                                    }
-                                },
-                                {
-                                    type: 'control',
-                                    label: {
-                                        en: 'Corner'
-                                    },
-                                    setting: {
-                                        id: 'roundedBtn',
-                                        state: 'normal'
-                                    }
-                                },
-                                {
-                                    type: 'control',
-                                    label: {
-                                        en: 'Shadow'
-                                    },
-                                    setting: {
-                                        id: 'hasBoxShadowBtn',
-                                        state: 'normal'
-                                    }
-                                },
-                                {
-                                    type: 'group',
-                                    condition: 'hasBoxShadowBtn.normal == true',
-                                    controls: [
-                                        {
-                                            type: 'control',
-                                            layout: 'vertical',
-                                            setting: {
-                                                id: 'boxShadowBtn',
-                                                state: 'normal'
-                                            }
-                                        }
-                                    ]
-                                }
-                            ]
-                        },
-                        {
-                            type: 'group',
-                            label: {
-                                en: 'Hover'
-                            },
-                            controls: [
-                                {
-                                    type: 'control',
-                                    label: {
-                                        en: 'Background color'
-                                    },
-                                    setting: {
-                                        id: 'backgroundColor',
-                                        state: 'hover'
-                                    }
-                                },
-                                {
-                                    type: 'control',
-                                    label: {
-                                        en: 'Text color'
-                                    },
-                                    setting: {
-                                        id: 'textColor',
-                                        state: 'hover'
-                                    }
-                                },
-                                {
-                                    type: 'control',
-                                    options: {
-                                        labelPosition: 'start'
-                                    },
-                                    label: {
-                                        en: 'Border'
-                                    },
-                                    setting: {
-                                        id: 'borderBtn',
-                                        state: 'hover'
-                                    }
-                                },
-                                {
-                                    type: 'control',
-                                    label: {
-                                        en: 'Corner'
-                                    },
-                                    setting: {
-                                        id: 'roundedBtn',
-                                        state: 'hover'
-                                    }
-                                },
-                                {
-                                    type: 'control',
-                                    label: {
-                                        en: 'Shadow'
-                                    },
-                                    setting: {
-                                        id: 'hasBoxShadowBtn',
-                                        state: 'hover'
-                                    }
-                                },
-                                {
-                                    type: 'group',
-                                    condition: 'hasBoxShadowBtn.hover == true',
-                                    controls: [
-                                        {
-                                            type: 'control',
-                                            setting: {
-                                                id: 'boxShadowBtn',
-                                                state: 'hover'
-                                            },
-                                            layout: 'vertical'
-                                        }
-                                    ]
-                                }
-                            ]
-                        }
-                    ]
-                }
-            ]
-        },
-        {
-            type: 'group',
-            label: {
-                en: 'Text'
-            },
-            controls: [
-                {
-                    type: 'control',
-                    setting: {
-                        id: 'typo'
-                    },
-                    layout: 'vertical'
-                }
-            ]
-        },
-        {
-            type: 'control',
-            label: {
-                en: 'Align'
-            },
-            condition: `globalSize.width !== '100%'`,
-            options: {
-                label: 'large'
-            },
-            setting: {
-                id: 'align'
-            }
-        }
-    ],
-    editorConfigs: {
-        slots: {
-            children: false
-        }
-    },
-    presets: [
-        {
-            id: 'button',
-            name: {
-                en: 'Button'
-            },
-            icon: {
-                desktop: `
-          <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-          <rect width="96" height="48" rx="3" fill="#424242"/>
-          <rect x="21.5" y="20" width="53" height="8" rx="4" fill="#757575"/>
-          </svg>
-        `
-            },
-            components: [
-                {
-                    tag: 'Button',
-                    advanced: {
-                        'spacing-setting': {
-                            desktop: {
-                                margin: {
-                                    bottom: 'var(--g-s-l)'
-                                }
-                            }
-                        },
-                        editorData: {
-                            cssPlaceholder: 'button.{{rootClassName}} {\n\n}'
-                        }
-                    }
-                }
-            ]
-        },
-        {
-            id: 'button-icon',
-            name: {
-                en: 'Button'
-            },
-            icon: {
-                desktop: `
-          <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-          <rect width="96" height="48" rx="3" fill="#424242"/>
-          <path d="M23.6415 17.8126C23.7882 17.5153 24.2121 17.5153 24.3589 17.8126L26.1255 21.3922C26.1838 21.5102 26.2964 21.5921 26.4267 21.611L30.377 22.185C30.7051 22.2327 30.8361 22.6359 30.5987 22.8673L27.7402 25.6536C27.6459 25.7455 27.6029 25.8779 27.6252 26.0077L28.3 29.9421C28.356 30.2688 28.0131 30.518 27.7196 30.3638L24.1863 28.5062C24.0698 28.4449 23.9306 28.4449 23.814 28.5062L20.2807 30.3637C19.9873 30.518 19.6443 30.2688 19.7004 29.9421L20.3752 26.0077C20.3974 25.8779 20.3544 25.7455 20.2601 25.6536L17.4016 22.8673C17.1642 22.6359 17.2952 22.2327 17.6233 22.185L21.5737 21.611C21.7039 21.5921 21.8166 21.5102 21.8748 21.3922L23.6415 17.8126Z" fill="#F9F9F9"/>
-          <rect x="40" y="20" width="40" height="8" rx="4" fill="#757575"/>
-          </svg>
-        `
-            },
-            components: [
-                {
-                    tag: 'Button',
-                    settings: {
-                        iconVisible: true,
-                        iconAlign: 'left',
-                        iconSvg: '<svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg" className="w-6 h-6"  viewBox="0 0 512 512" fill="currentColor"> <path fill="currentColor" strokeLinecap="round" strokeLinejoin="round" fill="currentColor" d="M115.584 494.176c-12.352 6.336 -26.368 -4.768 -23.872 -18.944l26.56 -151.36L5.536 216.48c-10.528 -10.048 -5.056 -28.416 9.056 -30.4l156.736 -22.272L241.216 25.344c6.304 -12.48 23.36 -12.48 29.664 0l69.888 138.464 156.736 22.272c14.112 1.984 19.584 20.352 9.024 30.4l-112.704 107.392 26.56 151.36c2.496 14.176 -11.52 25.28 -23.872 18.944L256 421.984l-140.448 72.192z" /></svg>'
-                    },
-                    advanced: {
-                        'spacing-setting': {
-                            desktop: {
-                                margin: {
-                                    bottom: 0
-                                }
-                            }
-                        },
-                        editorData: {
-                            cssPlaceholder: 'button.{{rootClassName}} {\n\n}'
-                        }
-                    }
-                }
-            ]
-        },
-        {
-            id: 'button-pre-sales-page',
-            name: {
-                en: 'Button'
-            },
-            icon: {
-                desktop: `
-          <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-          <rect width="96" height="48" rx="3" fill="#424242"/>
-          <rect x="21.5" y="20" width="53" height="8" rx="4" fill="#757575"/>
-          </svg>
-        `
-            },
-            components: [
-                {
-                    tag: 'Button',
-                    advanced: {
-                        'spacing-setting': {
-                            desktop: {
-                                margin: {
-                                    bottom: 'var(--g-s-l)'
-                                }
-                            }
-                        },
-                        editorData: {
-                            cssPlaceholder: 'button.{{rootClassName}} {\n\n}'
-                        }
-                    },
-                    settings: {
-                        isGoToSalesPage: true
-                    }
-                }
-            ]
-        },
-        {
-            id: 'button-icon-pre-sales-page',
-            name: {
-                en: 'Button'
-            },
-            icon: {
-                desktop: `
-          <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-          <rect width="96" height="48" rx="3" fill="#424242"/>
-          <path d="M23.6415 17.8126C23.7882 17.5153 24.2121 17.5153 24.3589 17.8126L26.1255 21.3922C26.1838 21.5102 26.2964 21.5921 26.4267 21.611L30.377 22.185C30.7051 22.2327 30.8361 22.6359 30.5987 22.8673L27.7402 25.6536C27.6459 25.7455 27.6029 25.8779 27.6252 26.0077L28.3 29.9421C28.356 30.2688 28.0131 30.518 27.7196 30.3638L24.1863 28.5062C24.0698 28.4449 23.9306 28.4449 23.814 28.5062L20.2807 30.3637C19.9873 30.518 19.6443 30.2688 19.7004 29.9421L20.3752 26.0077C20.3974 25.8779 20.3544 25.7455 20.2601 25.6536L17.4016 22.8673C17.1642 22.6359 17.2952 22.2327 17.6233 22.185L21.5737 21.611C21.7039 21.5921 21.8166 21.5102 21.8748 21.3922L23.6415 17.8126Z" fill="#F9F9F9"/>
-          <rect x="40" y="20" width="40" height="8" rx="4" fill="#757575"/>
-          </svg>
-        `
-            },
-            components: [
-                {
-                    tag: 'Button',
-                    settings: {
-                        iconVisible: true,
-                        iconAlign: 'left',
-                        iconSvg: '<svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg" className="w-6 h-6"  viewBox="0 0 512 512" fill="currentColor"> <path fill="currentColor" strokeLinecap="round" strokeLinejoin="round" fill="currentColor" d="M115.584 494.176c-12.352 6.336 -26.368 -4.768 -23.872 -18.944l26.56 -151.36L5.536 216.48c-10.528 -10.048 -5.056 -28.416 9.056 -30.4l156.736 -22.272L241.216 25.344c6.304 -12.48 23.36 -12.48 29.664 0l69.888 138.464 156.736 22.272c14.112 1.984 19.584 20.352 9.024 30.4l-112.704 107.392 26.56 151.36c2.496 14.176 -11.52 25.28 -23.872 18.944L256 421.984l-140.448 72.192z" /></svg>',
-                        isGoToSalesPage: true,
-                        enableBtnLink: true
-                    },
-                    advanced: {
-                        'spacing-setting': {
-                            desktop: {
-                                margin: {
-                                    bottom: 0
-                                }
-                            }
-                        },
-                        editorData: {
-                            cssPlaceholder: 'button.{{rootClassName}} {\n\n}'
-                        }
-                    }
-                }
-            ]
-        }
-    ],
-    rootOverride: {
-        styles: {
-            width: {
-                desktop: 'auto'
-            },
-            align: {
-                desktop: 'center'
-            }
-        },
-        advanced: {
-            'spacing-setting': {
-                desktop: {
-                    margin: {
-                        bottom: 0
-                    }
-                }
-            }
-        }
-    }
-};
-
-export { config as default };