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

package/dist/cjs/form/setting/Contact.js

@@ -1,62 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var ContactInitConfig = require('./ContactInitConfig.js');
-var Newsletter = require('./Newsletter.js');
-
-const config = {
-    tag: 'ContactForm',
-    label: 'Contact Form',
-    icon: `
-  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M2.23116 13.7342C2.37579 13.7335 2.51693 13.6901 2.63653 13.6096C3.46711 13.1155 4.35393 12.7206 5.27843 12.4333L6.18702 12.0873C6.31687 12.0345 6.42765 11.9442 6.50494 11.8282C6.58223 11.7121 6.62245 11.5758 6.62035 11.4368V9.92829C6.62567 9.79038 6.58655 9.65438 6.50866 9.53994C6.43076 9.42549 6.31812 9.33855 6.18702 9.29167C6.18702 9.29167 5.72573 9.02871 5.72573 8.03226C5.7263 7.90604 5.69127 7.78218 5.62459 7.67459C5.55791 7.56701 5.46223 7.47999 5.34832 7.42332C5.46233 7.36312 5.55766 7.27338 5.62414 7.16368C5.69062 7.05399 5.72573 6.92847 5.72573 6.80054C5.71772 6.64989 5.68952 6.50097 5.64186 6.35767C5.52318 6.0146 5.4618 5.65466 5.46015 5.29203C5.6358 5.32563 5.81778 5.29125 5.96861 5.19599C6.11943 5.10073 6.22762 4.95183 6.27089 4.77996C6.27089 4.64157 6.77411 4.37861 7.54291 4.37861C8.31172 4.37861 8.773 4.64157 8.80096 4.77996C8.85428 5.30357 8.79228 5.8324 8.61924 6.33C8.55917 6.48 8.52605 6.63924 8.52139 6.80054C8.52105 6.92502 8.55463 7.04729 8.61859 7.15446C8.68255 7.26163 8.77453 7.34973 8.88483 7.40948C8.77136 7.4691 8.67711 7.55911 8.61285 7.66924C8.54858 7.77936 8.51689 7.90516 8.52139 8.03226C8.52139 8.92475 8.15238 9.18928 8.09516 9.2303C8.08938 9.23445 8.08807 9.23631 8.08807 9.23631C7.94467 9.28639 7.8212 9.38055 7.73569 9.50505C7.65019 9.62954 7.60713 9.77784 7.6128 9.92829V11.4368C7.61372 11.5769 7.65675 11.7136 7.73641 11.8295C7.81607 11.9453 7.92875 12.0351 8.06011 12.0873L9.02461 12.4471C9.92538 12.7379 10.7923 13.123 11.6106 13.5958C11.7596 13.7001 11.9439 13.7426 12.1242 13.7141C12.3044 13.6857 12.4662 13.5886 12.5751 13.4435C12.6313 13.3707 12.672 13.2873 12.6947 13.1985C12.7175 13.1096 12.7218 13.0172 12.7074 12.9266C12.6931 12.8361 12.6603 12.7493 12.6111 12.6717C12.562 12.594 12.4974 12.527 12.4213 12.4748C11.5152 11.8935 10.5382 11.4285 9.51385 11.0908L9.01063 10.8971V10.2051C9.53143 9.75739 9.85703 9.12753 9.91922 8.44745C10.0532 8.31046 10.1571 8.14755 10.2244 7.96894C10.2918 7.79032 10.3211 7.59986 10.3106 7.40948C10.3188 7.09388 10.2258 6.78381 10.045 6.52375C10.2648 5.85897 10.3175 5.15118 10.1988 4.46165C9.91922 3.57592 8.95472 3.0085 7.57087 3.0085C7.13309 2.9752 6.69336 3.04004 6.28437 3.19817C5.87539 3.35631 5.50766 3.60369 5.20854 3.92191C4.91441 3.93693 4.63814 4.06624 4.43973 4.28174C4.22853 4.60994 4.09935 4.98325 4.06288 5.37073C4.02642 5.75821 4.08373 6.14872 4.23006 6.50991L4.13221 6.66215C4.01534 6.89445 3.95321 7.14997 3.95049 7.40948C3.93816 7.59887 3.96529 7.78875 4.03022 7.96731C4.09515 8.14587 4.19648 8.30931 4.3279 8.44745C4.3414 8.7939 4.42507 9.13414 4.57395 9.44796C4.72282 9.76178 4.93387 10.0428 5.19456 10.2743V10.9663L4.74725 11.1323C3.7129 11.478 2.72301 11.9425 1.79783 12.5163C1.72224 12.5687 1.65789 12.6355 1.6085 12.7127C1.5591 12.7899 1.52564 12.876 1.51005 12.9661C1.49445 13.0561 1.49703 13.1484 1.51764 13.2375C1.53824 13.3265 1.57646 13.4107 1.63009 13.4851C1.70307 13.5709 1.79566 13.6383 1.9002 13.6816C2.00473 13.7249 2.11818 13.7429 2.23116 13.7342Z" fill="white"/>
-    <path d="M14.374 3.50748C13.9598 3.50748 13.624 3.84326 13.624 4.25748C13.624 4.67169 13.9598 5.00748 14.374 5.00748L21.7498 5.00747C22.164 5.00747 22.4998 4.67169 22.4998 4.25747C22.4998 3.84326 22.164 3.50747 21.7498 3.50747L14.374 3.50748Z" fill="white"/>
-    <path d="M13.624 8.28945C13.624 7.87523 13.9598 7.53945 14.374 7.53945L21.7498 7.53945C22.164 7.53945 22.4998 7.87523 22.4998 8.28945C22.4998 8.70366 22.164 9.03945 21.7498 9.03945L14.374 9.03945C13.9598 9.03945 13.624 8.70366 13.624 8.28945Z" fill="white"/>
-    <path d="M14.374 11.5714C13.9598 11.5714 13.624 11.9072 13.624 12.3214C13.624 12.7356 13.9598 13.0714 14.374 13.0714L21.7498 13.0714C22.164 13.0714 22.4998 12.7356 22.4998 12.3214C22.4998 11.9072 22.164 11.5714 21.7498 11.5714L14.374 11.5714Z" fill="white"/>
-    <path d="M1.53223 16.1525C1.53223 15.7383 1.86801 15.4025 2.28223 15.4025L21.7498 15.4025C22.164 15.4025 22.4998 15.7383 22.4998 16.1525C22.4998 16.5667 22.164 16.9025 21.7498 16.9025L2.28223 16.9025C1.86801 16.9025 1.53223 16.5667 1.53223 16.1525Z" fill="white"/>
-    <path d="M2.28223 19.5C1.86801 19.5 1.53223 19.8358 1.53223 20.25C1.53223 20.6642 1.86801 21 2.28223 21H21.7498C22.164 21 22.4998 20.6642 22.4998 20.25C22.4998 19.8358 22.164 19.5 21.7498 19.5H2.28223Z" fill="white"/>
-  </svg>
-  `,
-    settings: [
-        {
-            id: 'setting',
-            note: `Contact Form sends all submissions to the Sender email address of your store (you can change the Sender email address in the <a class="no-underline text-primary-250" target="_blank" href="https://www.shopify.com/admin/settings/notifications">Notifications settings</a> of your Shopify admin)`,
-            controls: Newsletter.default.settings?.find((item)=>item.id === 'setting')?.controls || []
-        }
-    ],
-    ui: Newsletter.default.ui,
-    presets: [
-        {
-            id: 'contact',
-            name: {
-                en: 'Contact Form'
-            },
-            icon: {
-                desktop: `
-          <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="0.5" y="0.5" width="95" height="11" rx="2.5" stroke="#474747"/>
-<rect x="0.5" y="16.5" width="95" height="11" rx="2.5" stroke="#474747"/>
-<rect y="32" width="48" height="16" rx="3" fill="#424242"/>
-<path d="M14.8125 38.7102C14.7822 38.4413 14.6572 38.233 14.4375 38.0852C14.2178 37.9356 13.9413 37.8608 13.608 37.8608C13.3693 37.8608 13.1629 37.8987 12.9886 37.9744C12.8144 38.0483 12.679 38.1506 12.5824 38.2812C12.4877 38.41 12.4403 38.5568 12.4403 38.7216C12.4403 38.8598 12.4725 38.9792 12.5369 39.0795C12.6032 39.1799 12.6894 39.2642 12.7955 39.3324C12.9034 39.3987 13.0189 39.4545 13.142 39.5C13.2652 39.5436 13.3835 39.5795 13.4972 39.608L14.0653 39.7557C14.2509 39.8011 14.4413 39.8627 14.6364 39.9403C14.8314 40.018 15.0123 40.1203 15.179 40.2472C15.3456 40.3741 15.4801 40.5312 15.5824 40.7188C15.6866 40.9062 15.7386 41.1307 15.7386 41.392C15.7386 41.7216 15.6534 42.0142 15.483 42.2699C15.3144 42.5256 15.0691 42.7273 14.7472 42.875C14.4271 43.0227 14.0398 43.0966 13.5852 43.0966C13.1496 43.0966 12.7727 43.0275 12.4545 42.8892C12.1364 42.7509 11.8873 42.5549 11.7074 42.3011C11.5275 42.0455 11.428 41.7424 11.4091 41.392H12.2898C12.3068 41.6023 12.375 41.7775 12.4943 41.9176C12.6155 42.0559 12.7699 42.1591 12.9574 42.2273C13.1468 42.2936 13.3542 42.3267 13.5795 42.3267C13.8277 42.3267 14.0483 42.2879 14.2415 42.2102C14.4366 42.1307 14.59 42.0208 14.7017 41.8807C14.8134 41.7386 14.8693 41.5729 14.8693 41.3835C14.8693 41.2112 14.8201 41.0701 14.7216 40.9602C14.625 40.8504 14.4934 40.7595 14.3267 40.6875C14.1619 40.6155 13.9754 40.5521 13.767 40.4972L13.0795 40.3097C12.6136 40.1828 12.2443 39.9962 11.9716 39.75C11.7008 39.5038 11.5653 39.178 11.5653 38.7727C11.5653 38.4375 11.6563 38.1449 11.8381 37.8949C12.0199 37.6449 12.2661 37.4508 12.5767 37.3125C12.8873 37.1723 13.2377 37.1023 13.6278 37.1023C14.0218 37.1023 14.3693 37.1714 14.6705 37.3097C14.9735 37.4479 15.2121 37.6383 15.3864 37.8807C15.5606 38.1212 15.6515 38.3977 15.6591 38.7102H14.8125ZM19.4837 41.1903V38.6364H20.3359V43H19.5007V42.2443H19.4553C19.3549 42.4773 19.1939 42.6714 18.9723 42.8267C18.7526 42.9801 18.4789 43.0568 18.1513 43.0568C17.871 43.0568 17.6229 42.9953 17.407 42.8722C17.1929 42.7472 17.0244 42.5625 16.9013 42.3182C16.7801 42.0739 16.7195 41.7718 16.7195 41.4119V38.6364H17.5689V41.3097C17.5689 41.607 17.6513 41.8437 17.8161 42.0199C17.9808 42.196 18.1948 42.2841 18.4581 42.2841C18.6172 42.2841 18.7753 42.2443 18.9325 42.1648C19.0916 42.0852 19.2232 41.965 19.3274 41.804C19.4335 41.643 19.4856 41.4384 19.4837 41.1903ZM21.5455 43V37.1818H22.3949V39.3438H22.446C22.4953 39.2528 22.5663 39.1477 22.6591 39.0284C22.7519 38.9091 22.8807 38.8049 23.0455 38.7159C23.2102 38.625 23.428 38.5795 23.6989 38.5795C24.0511 38.5795 24.3655 38.6686 24.642 38.8466C24.9186 39.0246 25.1354 39.2812 25.2926 39.6165C25.4517 39.9517 25.5312 40.3551 25.5312 40.8267C25.5312 41.2983 25.4527 41.7027 25.2955 42.0398C25.1383 42.375 24.9223 42.6335 24.6477 42.8153C24.3731 42.9953 24.0597 43.0852 23.7074 43.0852C23.4422 43.0852 23.2254 43.0407 23.0568 42.9517C22.8902 42.8627 22.7595 42.7585 22.6648 42.6392C22.5701 42.5199 22.4972 42.4138 22.446 42.321H22.375V43H21.5455ZM22.3778 40.8182C22.3778 41.125 22.4223 41.3939 22.5114 41.625C22.6004 41.8561 22.7292 42.0369 22.8977 42.1676C23.0663 42.2964 23.2727 42.3608 23.517 42.3608C23.7708 42.3608 23.983 42.2936 24.1534 42.1591C24.3239 42.0227 24.4527 41.8381 24.5398 41.6051C24.6288 41.3722 24.6733 41.1098 24.6733 40.8182C24.6733 40.5303 24.6297 40.2718 24.5426 40.0426C24.4574 39.8134 24.3286 39.6326 24.1562 39.5C23.9858 39.3674 23.7727 39.3011 23.517 39.3011C23.2708 39.3011 23.0625 39.3646 22.892 39.4915C22.7235 39.6184 22.5956 39.7955 22.5085 40.0227C22.4214 40.25 22.3778 40.5152 22.3778 40.8182ZM26.4851 43V38.6364H27.3004V39.3466H27.3544C27.4453 39.1061 27.594 38.9186 27.8004 38.7841C28.0069 38.6477 28.254 38.5795 28.5419 38.5795C28.8336 38.5795 29.0779 38.6477 29.2749 38.7841C29.4737 38.9205 29.6205 39.108 29.7152 39.3466H29.7607C29.8648 39.1136 30.0305 38.928 30.2578 38.7898C30.4851 38.6496 30.7559 38.5795 31.0703 38.5795C31.4661 38.5795 31.7891 38.7036 32.0391 38.9517C32.291 39.1998 32.4169 39.5739 32.4169 40.0739V43H31.5675V40.1534C31.5675 39.858 31.487 39.6439 31.326 39.5114C31.165 39.3788 30.9728 39.3125 30.7493 39.3125C30.4728 39.3125 30.2578 39.3977 30.1044 39.5682C29.951 39.7367 29.8743 39.9536 29.8743 40.2188V43H29.0277V40.0994C29.0277 39.8627 28.9538 39.6723 28.8061 39.5284C28.6584 39.3845 28.4661 39.3125 28.2294 39.3125C28.0684 39.3125 27.9197 39.3551 27.7834 39.4403C27.6489 39.5237 27.54 39.6402 27.4567 39.7898C27.3752 39.9394 27.3345 40.1127 27.3345 40.3097V43H26.4851ZM33.5554 43V38.6364H34.4048V43H33.5554ZM33.9844 37.9631C33.8366 37.9631 33.7098 37.9138 33.6037 37.8153C33.4995 37.715 33.4474 37.5956 33.4474 37.4574C33.4474 37.3172 33.4995 37.1979 33.6037 37.0994C33.7098 36.9991 33.8366 36.9489 33.9844 36.9489C34.1321 36.9489 34.258 36.9991 34.3622 37.0994C34.4683 37.1979 34.5213 37.3172 34.5213 37.4574C34.5213 37.5956 34.4683 37.715 34.3622 37.8153C34.258 37.9138 34.1321 37.9631 33.9844 37.9631ZM37.5845 38.6364V39.3182H35.201V38.6364H37.5845ZM35.8402 37.5909H36.6896V41.7188C36.6896 41.8835 36.7143 42.0076 36.7635 42.0909C36.8127 42.1723 36.8762 42.2282 36.9538 42.2585C37.0334 42.2869 37.1196 42.3011 37.2124 42.3011C37.2805 42.3011 37.3402 42.2964 37.3913 42.2869C37.4425 42.2775 37.4822 42.2699 37.5107 42.2642L37.6641 42.9659C37.6148 42.9848 37.5447 43.0038 37.4538 43.0227C37.3629 43.0436 37.2493 43.0549 37.1129 43.0568C36.8894 43.0606 36.6811 43.0208 36.4879 42.9375C36.2947 42.8542 36.1385 42.7254 36.0192 42.5511C35.8999 42.3769 35.8402 42.1581 35.8402 41.8949V37.5909Z" fill="#F9F9F9"/>
-</svg>
-        `
-            },
-            components: ContactInitConfig.contactInitConfig
-        }
-    ],
-    editorConfigs: {
-        placeholder: {
-            notAppendTags: [
-                'Product',
-                'ProductList',
-                'ContactForm',
-                'Newsletter',
-                "Marquee",
-                "MarqueeItem"
-            ]
-        }
-    }
-};
-
-exports.default = config;

package/dist/cjs/form/setting/ContactInitConfig.js

@@ -1,264 +0,0 @@
-'use strict';
-
-const contactInitConfig = [
-    {
-        tag: 'ContactForm',
-        advanced: {
-            'spacing-setting': {
-                desktop: {
-                    padding: {
-                        top: 'var(--g-s-xl)',
-                        bottom: 'var(--g-s-xl)',
-                        left: 'var(--g-s-l)',
-                        right: 'var(--g-s-l)'
-                    }
-                },
-                tablet: {
-                    padding: {
-                        left: '0px',
-                        right: '0px'
-                    }
-                }
-            },
-            rounded: {
-                desktop: {
-                    normal: {
-                        btrr: '0px',
-                        bblr: '0px',
-                        bbrr: '0px',
-                        btlr: '0px',
-                        radiusType: 'none'
-                    }
-                }
-            }
-        },
-        childrens: [
-            {
-                tag: 'Row',
-                settings: {
-                    layout: {
-                        desktop: {
-                            cols: [
-                                6,
-                                6
-                            ],
-                            display: 'fill'
-                        },
-                        mobile: {
-                            cols: [
-                                12
-                            ]
-                        }
-                    }
-                },
-                styles: {
-                    verticalGutter: {
-                        desktop: '16px',
-                        mobile: '0px'
-                    },
-                    fullWidth: {
-                        desktop: true
-                    }
-                },
-                childrens: [
-                    {
-                        tag: 'Col',
-                        childrens: [
-                            {
-                                tag: 'TextField',
-                                settings: {
-                                    name: 'contact[name]',
-                                    placeholder: 'Name',
-                                    fullWidth: {
-                                        desktop: true
-                                    }
-                                },
-                                advanced: {
-                                    'spacing-setting': {
-                                        desktop: {
-                                            margin: {
-                                                bottom: 'var(--g-s-l)'
-                                            }
-                                        }
-                                    },
-                                    border: {
-                                        desktop: {
-                                            normal: {
-                                                borderType: 'style-2',
-                                                borderLabel: 'Style 2',
-                                                border: 'solid',
-                                                color: 'line-2',
-                                                isCustom: false,
-                                                width: '1px 1px 1px 1px'
-                                            }
-                                        }
-                                    },
-                                    rounded: {
-                                        desktop: {
-                                            normal: {
-                                                btrr: '0px',
-                                                bblr: '0px',
-                                                bbrr: '0px',
-                                                btlr: '0px',
-                                                radiusType: 'none'
-                                            }
-                                        }
-                                    }
-                                }
-                            }
-                        ]
-                    },
-                    {
-                        tag: 'Col',
-                        childrens: [
-                            {
-                                tag: 'FormEmail',
-                                settings: {
-                                    placeholder: 'Email'
-                                },
-                                advanced: {
-                                    'spacing-setting': {
-                                        desktop: {
-                                            margin: {
-                                                bottom: 'var(--g-s-l)'
-                                            }
-                                        }
-                                    },
-                                    border: {
-                                        desktop: {
-                                            normal: {
-                                                borderType: 'style-2',
-                                                borderLabel: 'Style 2',
-                                                border: 'solid',
-                                                color: 'line-2',
-                                                isCustom: false,
-                                                width: '1px 1px 1px 1px'
-                                            }
-                                        }
-                                    },
-                                    rounded: {
-                                        desktop: {
-                                            normal: {
-                                                btrr: '0px',
-                                                bblr: '0px',
-                                                bbrr: '0px',
-                                                btlr: '0px',
-                                                radiusType: 'none'
-                                            }
-                                        }
-                                    }
-                                }
-                            }
-                        ]
-                    }
-                ]
-            },
-            {
-                tag: 'TextField',
-                settings: {
-                    name: 'contact[phone]',
-                    placeholder: 'Phone Number',
-                    fullWidth: {
-                        desktop: true
-                    }
-                },
-                advanced: {
-                    'spacing-setting': {
-                        desktop: {
-                            margin: {
-                                bottom: 'var(--g-s-l)'
-                            }
-                        }
-                    },
-                    border: {
-                        desktop: {
-                            normal: {
-                                borderType: 'style-2',
-                                borderLabel: 'Style 2',
-                                border: 'solid',
-                                color: 'line-2',
-                                isCustom: false,
-                                width: '1px 1px 1px 1px'
-                            }
-                        }
-                    },
-                    rounded: {
-                        desktop: {
-                            normal: {
-                                btrr: '0px',
-                                bblr: '0px',
-                                bbrr: '0px',
-                                btlr: '0px',
-                                radiusType: 'none'
-                            }
-                        }
-                    }
-                }
-            },
-            {
-                tag: 'FormTextarea',
-                name: 'contact[message]',
-                settings: {
-                    placeholder: 'Message',
-                    fullWidth: {
-                        desktop: true
-                    }
-                },
-                advanced: {
-                    'spacing-setting': {
-                        desktop: {
-                            margin: {
-                                bottom: 'var(--g-s-l)'
-                            }
-                        }
-                    },
-                    border: {
-                        desktop: {
-                            normal: {
-                                borderType: 'style-2',
-                                borderLabel: 'Style 2',
-                                border: 'solid',
-                                color: 'line-2',
-                                isCustom: false,
-                                width: '1px 1px 1px 1px'
-                            }
-                        }
-                    },
-                    rounded: {
-                        desktop: {
-                            normal: {
-                                btrr: '0px',
-                                bblr: '0px',
-                                bbrr: '0px',
-                                btlr: '0px',
-                                radiusType: 'none'
-                            }
-                        }
-                    }
-                }
-            },
-            {
-                tag: 'SubmitButton',
-                settings: {
-                    label: 'Send'
-                },
-                styles: {
-                    roundedBtn: {
-                        normal: {
-                            btrr: '0px',
-                            bblr: '0px',
-                            bbrr: '0px',
-                            btlr: '0px',
-                            radiusType: 'none'
-                        }
-                    },
-                    width: {
-                        desktop: '120px'
-                    }
-                }
-            }
-        ]
-    }
-];
-
-exports.contactInitConfig = contactInitConfig;

package/dist/cjs/form/setting/FormCheckbox.js

@@ -1,238 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var FormCheckboxInitConfig = require('./FormCheckboxInitConfig.js');
-
-const config = {
-    tag: 'FormCheckbox',
-    label: 'Checkbox',
-    icon: `
-  <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M6.46655 24.0339V8.41153C6.46655 7.80128 6.95927 7.30856 7.56952 7.30856H19.101H20.2128C20.6583 7.30856 20.8814 7.84713 20.5664 8.16212L19.2185 9.50999H19.101H8.66797V22.931H22.089V20.5216V17.2308L23.4368 15.8829C23.7518 15.5679 24.2904 15.791 24.2904 16.2365V20.5216V24.0339C24.2904 24.6397 23.7977 25.1369 23.1874 25.1369H7.56952C6.95927 25.1369 6.46655 24.6442 6.46655 24.0339Z" fill="currentColor"/>
-  <path fill-rule="evenodd" clip-rule="evenodd" d="M27.1453 7.72879C27.3406 7.92405 27.3406 8.24064 27.1453 8.4359L16.3429 19.2383C16.1477 19.4335 15.8311 19.4335 15.6358 19.2383L11.6346 15.237C11.4393 15.0417 11.4393 14.7251 11.6346 14.5299L12.6642 13.5003C12.8594 13.305 13.176 13.305 13.3713 13.5003L15.6358 15.7649C15.8311 15.9601 16.1477 15.9601 16.3429 15.7649L25.4086 6.6992C25.6039 6.50393 25.9204 6.50393 26.1157 6.6992L27.1453 7.72879Z" fill="currentColor"/>
-  </svg>
-  `,
-    settings: [
-        {
-            id: 'setting',
-            controls: [
-                {
-                    id: 'name',
-                    type: 'input',
-                    label: 'name',
-                    default: 'contact[agree]'
-                },
-                {
-                    id: 'description',
-                    type: 'textarea',
-                    label: 'Description',
-                    default: 'Yes, sign me up to receive exclusive offers, news and more!',
-                    minHeight: 100,
-                    autoHeight: true
-                },
-                {
-                    id: 'translate',
-                    type: 'input',
-                    default: 'description'
-                },
-                {
-                    id: 'required',
-                    type: 'toggle',
-                    label: 'Required',
-                    default: true
-                },
-                {
-                    id: 'selected',
-                    type: 'toggle',
-                    label: 'Selected as default',
-                    default: false
-                },
-                {
-                    id: 'typo',
-                    type: 'typography-v2',
-                    label: 'Text styles',
-                    default: {
-                        type: 'paragraph-1',
-                        attrs: {
-                            color: 'text-1'
-                        }
-                    },
-                    ignoreReRender: true
-                },
-                {
-                    id: 'textColor',
-                    type: 'colorpicker',
-                    label: 'Text color',
-                    default: 'text-1'
-                },
-                {
-                    id: 'horizontalSpacing',
-                    label: 'Checkbox & text spacing',
-                    type: 'input:unit-spacing',
-                    units: [
-                        'px'
-                    ],
-                    devices: {
-                        desktop: {
-                            default: 'var(--g-s-xs)'
-                        }
-                    }
-                },
-                {
-                    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'
-                        }
-                    }
-                }
-            ]
-        }
-    ],
-    ui: [
-        {
-            type: 'control',
-            label: {
-                en: 'Content'
-            },
-            setting: {
-                id: 'description'
-            },
-            options: {
-                label: 'large',
-                labelPosition: 'start'
-            }
-        },
-        {
-            type: 'group',
-            label: {
-                en: 'Text'
-            },
-            controls: [
-                {
-                    type: 'control',
-                    layout: 'vertical',
-                    setting: {
-                        id: 'typo'
-                    }
-                }
-            ]
-        },
-        {
-            type: 'control',
-            label: {
-                en: 'Required'
-            },
-            setting: {
-                id: 'required'
-            },
-            options: {
-                label: 'large'
-            }
-        },
-        {
-            type: 'control',
-            label: {
-                en: 'Selected as default'
-            },
-            setting: {
-                id: 'selected'
-            },
-            options: {
-                label: 'large'
-            }
-        },
-        {
-            type: 'control',
-            label: {
-                en: 'Spacing'
-            },
-            setting: {
-                id: 'horizontalSpacing'
-            },
-            options: {
-                label: 'large'
-            }
-        },
-        {
-            type: 'group',
-            controls: [
-                {
-                    type: 'control',
-                    label: {
-                        en: 'Align'
-                    },
-                    setting: {
-                        id: 'align'
-                    },
-                    options: {
-                        label: 'large'
-                    }
-                }
-            ]
-        },
-        {
-            type: 'control',
-            label: {
-                en: 'Name'
-            },
-            setting: {
-                id: 'name'
-            },
-            options: {
-                label: 'large'
-            }
-        }
-    ],
-    editorConfigs: {
-        placeholder: {
-            flowTag: [
-                'Newsletter',
-                'ContactForm'
-            ]
-        }
-    },
-    presets: [
-        {
-            id: 'form-checkbox',
-            name: {
-                en: 'Checkbox'
-            },
-            icon: {
-                desktop: `
-          <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-          <rect x="10.5" y="16.5" width="15" height="15" rx="3" fill="#424242"/>
-          <path d="M13.7139 24.8239L16.6887 27.75L22.2853 20.25" stroke="#F9F9F9" stroke-linecap="round" stroke-linejoin="round"/>
-          <path d="M40.0795 22H39.0227C38.9602 21.696 38.8509 21.429 38.6946 21.1989C38.5412 20.9688 38.3537 20.7756 38.1321 20.6193C37.9134 20.4602 37.6705 20.3409 37.4034 20.2614C37.1364 20.1818 36.858 20.142 36.5682 20.142C36.0398 20.142 35.5611 20.2756 35.1321 20.5426C34.706 20.8097 34.3665 21.2031 34.1136 21.723C33.8636 22.2429 33.7386 22.8807 33.7386 23.6364C33.7386 24.392 33.8636 25.0298 34.1136 25.5497C34.3665 26.0696 34.706 26.4631 35.1321 26.7301C35.5611 26.9972 36.0398 27.1307 36.5682 27.1307C36.858 27.1307 37.1364 27.0909 37.4034 27.0114C37.6705 26.9318 37.9134 26.8139 38.1321 26.6577C38.3537 26.4986 38.5412 26.304 38.6946 26.0739C38.8509 25.8409 38.9602 25.5739 39.0227 25.2727H40.0795C40 25.7187 39.8551 26.1179 39.6449 26.4702C39.4347 26.8224 39.1733 27.1222 38.8608 27.3693C38.5483 27.6136 38.1974 27.7997 37.8082 27.9276C37.4219 28.0554 37.0085 28.1193 36.5682 28.1193C35.8239 28.1193 35.1619 27.9375 34.5824 27.5739C34.0028 27.2102 33.5469 26.6932 33.2145 26.0227C32.8821 25.3523 32.7159 24.5568 32.7159 23.6364C32.7159 22.7159 32.8821 21.9205 33.2145 21.25C33.5469 20.5795 34.0028 20.0625 34.5824 19.6989C35.1619 19.3352 35.8239 19.1534 36.5682 19.1534C37.0085 19.1534 37.4219 19.2173 37.8082 19.3452C38.1974 19.473 38.5483 19.6605 38.8608 19.9077C39.1733 20.152 39.4347 20.4503 39.6449 20.8026C39.8551 21.152 40 21.5511 40.0795 22ZM42.6566 24.0625V28H41.6509V19.2727H42.6566V22.4773H42.7418C42.8952 22.1392 43.1254 21.8707 43.4322 21.6719C43.7418 21.4702 44.1538 21.3693 44.668 21.3693C45.114 21.3693 45.5046 21.4588 45.8398 21.6378C46.1751 21.8139 46.435 22.0852 46.6197 22.4517C46.8072 22.8153 46.9009 23.2784 46.9009 23.8409V28H45.8952V23.9091C45.8952 23.3892 45.7603 22.9872 45.4904 22.7031C45.2234 22.4162 44.8526 22.2727 44.3782 22.2727C44.0487 22.2727 43.7532 22.3423 43.4918 22.4815C43.2333 22.6207 43.0288 22.8239 42.8782 23.0909C42.7305 23.358 42.6566 23.6818 42.6566 24.0625ZM51.4851 28.1364C50.8544 28.1364 50.3104 27.9972 49.853 27.7188C49.3984 27.4375 49.0476 27.0455 48.8004 26.5426C48.5561 26.0369 48.4339 25.4489 48.4339 24.7784C48.4339 24.108 48.5561 23.517 48.8004 23.0057C49.0476 22.4915 49.3913 22.0909 49.8317 21.804C50.2749 21.5142 50.7919 21.3693 51.3828 21.3693C51.7237 21.3693 52.0604 21.4261 52.3928 21.5398C52.7251 21.6534 53.0277 21.8381 53.3004 22.0938C53.5732 22.3466 53.7905 22.6818 53.9524 23.0994C54.1143 23.517 54.1953 24.0312 54.1953 24.642V25.0682L49.1499 25.0682V24.1989H53.1726C53.1726 23.8295 53.0987 23.5 52.951 23.2102C52.8061 22.9205 52.5987 22.6918 52.3288 22.5241C52.0618 22.3565 51.7464 22.2727 51.3828 22.2727C50.9822 22.2727 50.6357 22.3722 50.343 22.571C50.0533 22.767 49.8303 23.0227 49.674 23.3381C49.5178 23.6534 49.4396 23.9915 49.4396 24.3523V24.9318C49.4396 25.4261 49.5249 25.8452 49.6953 26.1889C49.8686 26.5298 50.1087 26.7898 50.4155 26.9688C50.7223 27.1449 51.0788 27.233 51.4851 27.233C51.7493 27.233 51.9879 27.196 52.201 27.1222C52.4169 27.0455 52.603 26.9318 52.7592 26.7812C52.9155 26.6278 53.0362 26.4375 53.1214 26.2102L54.093 26.483C53.9908 26.8125 53.8189 27.1023 53.5774 27.3523C53.3359 27.5994 53.0376 27.7926 52.6825 27.9318C52.3274 28.0682 51.9283 28.1364 51.4851 28.1364ZM58.3842 28.1364C57.7706 28.1364 57.2422 27.9915 56.799 27.7017C56.3558 27.4119 56.0149 27.0128 55.7763 26.5043C55.5376 25.9957 55.4183 25.4148 55.4183 24.7614C55.4183 24.0966 55.5405 23.5099 55.7848 23.0014C56.032 22.4901 56.3757 22.0909 56.8161 21.804C57.2592 21.5142 57.7763 21.3693 58.3672 21.3693C58.8274 21.3693 59.2422 21.4545 59.6115 21.625C59.9808 21.7955 60.2834 22.0341 60.5192 22.3409C60.755 22.6477 60.9013 23.0057 60.9581 23.4148H59.9524C59.8757 23.1165 59.7053 22.8523 59.4411 22.6222C59.1797 22.3892 58.8274 22.2727 58.3842 22.2727C57.9922 22.2727 57.6484 22.375 57.353 22.5795C57.0604 22.7812 56.8317 23.0668 56.6669 23.4361C56.505 23.8026 56.424 24.233 56.424 24.7273C56.424 25.233 56.5036 25.6733 56.6626 26.0483C56.8246 26.4233 57.0518 26.7145 57.3445 26.9219C57.6399 27.1293 57.9865 27.233 58.3842 27.233C58.6456 27.233 58.8828 27.1875 59.0959 27.0966C59.3089 27.0057 59.4893 26.875 59.6371 26.7045C59.7848 26.5341 59.8899 26.3295 59.9524 26.0909H60.9581C60.9013 26.4773 60.7607 26.8253 60.5362 27.1349C60.3146 27.4418 60.0206 27.6861 59.6541 27.8679C59.2905 28.0469 58.8672 28.1364 58.3842 28.1364ZM63.3658 25.6136L63.3487 24.3693H63.5533L66.4169 21.4545H67.6612L64.6101 24.5398H64.5249L63.3658 25.6136ZM62.4283 28V19.2727H63.4339V28H62.4283ZM66.5874 28L64.0305 24.7614L64.7464 24.0625L67.8658 28H66.5874ZM69.092 28V19.2727H70.0977V22.4943H70.1829C70.2567 22.3807 70.359 22.2358 70.4897 22.0597C70.6232 21.8807 70.8136 21.7216 71.0607 21.5824C71.3107 21.4403 71.6488 21.3693 72.0749 21.3693C72.6261 21.3693 73.1119 21.5071 73.5323 21.7827C73.9528 22.0582 74.2809 22.4489 74.5167 22.9545C74.7525 23.4602 74.8704 24.0568 74.8704 24.7443C74.8704 25.4375 74.7525 26.0384 74.5167 26.5469C74.2809 27.0526 73.9542 27.4446 73.5366 27.723C73.119 27.9986 72.6374 28.1364 72.092 28.1364C71.6715 28.1364 71.3349 28.0668 71.082 27.9276C70.8292 27.7855 70.6346 27.625 70.4982 27.446C70.3619 27.2642 70.2567 27.1136 70.1829 26.9943H70.0636V28H69.092ZM70.0806 24.7273C70.0806 25.2216 70.1531 25.6577 70.2979 26.0355C70.4428 26.4105 70.6545 26.7045 70.9329 26.9176C71.2113 27.1278 71.5522 27.233 71.9556 27.233C72.3761 27.233 72.7269 27.1222 73.0082 26.9006C73.2923 26.6761 73.5053 26.375 73.6474 25.9972C73.7923 25.6165 73.8647 25.1932 73.8647 24.7273C73.8647 24.267 73.7937 23.8523 73.6516 23.483C73.5124 23.1108 73.3008 22.8168 73.0167 22.6009C72.7354 22.3821 72.3817 22.2727 71.9556 22.2727C71.5465 22.2727 71.2028 22.3764 70.9244 22.5838C70.646 22.7884 70.4357 23.0753 70.2937 23.4446C70.1516 23.8111 70.0806 24.2386 70.0806 24.7273ZM79.0678 28.1364C78.4769 28.1364 77.9585 27.9957 77.5124 27.7145C77.0692 27.4332 76.7227 27.0398 76.4727 26.5341C76.2255 26.0284 76.1019 25.4375 76.1019 24.7614C76.1019 24.0795 76.2255 23.4844 76.4727 22.9759C76.7227 22.4673 77.0692 22.0724 77.5124 21.7912C77.9585 21.5099 78.4769 21.3693 79.0678 21.3693C79.6587 21.3693 80.1758 21.5099 80.619 21.7912C81.065 22.0724 81.4116 22.4673 81.6587 22.9759C81.9087 23.4844 82.0337 24.0795 82.0337 24.7614C82.0337 25.4375 81.9087 26.0284 81.6587 26.5341C81.4116 27.0398 81.065 27.4332 80.619 27.7145C80.1758 27.9957 79.6587 28.1364 79.0678 28.1364ZM79.0678 27.233C79.5167 27.233 79.886 27.1179 80.1758 26.8878C80.4656 26.6577 80.68 26.3551 80.8192 25.9801C80.9585 25.6051 81.0281 25.1989 81.0281 24.7614C81.0281 24.3239 80.9585 23.9162 80.8192 23.5384C80.68 23.1605 80.4656 22.8551 80.1758 22.6222C79.886 22.3892 79.5167 22.2727 79.0678 22.2727C78.619 22.2727 78.2496 22.3892 77.9599 22.6222C77.6701 22.8551 77.4556 23.1605 77.3164 23.5384C77.1772 23.9162 77.1076 24.3239 77.1076 24.7614C77.1076 25.1989 77.1772 25.6051 77.3164 25.9801C77.4556 26.3551 77.6701 26.6577 77.9599 26.8878C78.2496 27.1179 78.619 27.233 79.0678 27.233ZM84.0494 21.4545L85.6175 24.1307L87.1857 21.4545H88.3448L86.2312 24.7273L88.3448 28H87.1857L85.6175 25.4602L84.0494 28H82.8903L84.9698 24.7273L82.8903 21.4545H84.0494Z" fill="#F9F9F9"/>
-          </svg>
-        `
-            },
-            components: FormCheckboxInitConfig.formCheckboxInitConfig
-        }
-    ]
-};
-
-exports.default = config;

package/dist/cjs/form/setting/FormCheckboxInitConfig.js

@@ -1,18 +0,0 @@
-'use strict';
-
-const formCheckboxInitConfig = [
-    {
-        tag: 'FormCheckbox',
-        advanced: {
-            'spacing-setting': {
-                desktop: {
-                    margin: {
-                        bottom: 'var(--g-s-l)'
-                    }
-                }
-            }
-        }
-    }
-];
-
-exports.formCheckboxInitConfig = formCheckboxInitConfig;