@brilo/base-blocks 0.1.41 → 0.1.42

package/build/blocks/core/basic-button/edit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/core/basic-button/edit.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAC,qBAAqB,EAAE,kBAAkB,EAA6C,MAAM,SAAS,CAAA;AAIlH,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,kBAAkB,oCAQ5D;IACD,UAAU,EAAE,qBAAqB,CAAA;IACjC,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,qBAAqB,CAAC,KAAK,IAAI,CAAA;CAC3D,iCAgIF"}
+{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/core/basic-button/edit.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAC,qBAAqB,EAAE,kBAAkB,EAA6C,MAAM,SAAS,CAAA;AAIlH,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,kBAAkB,oCAQ5D;IACD,UAAU,EAAE,qBAAqB,CAAA;IACjC,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,qBAAqB,CAAC,KAAK,IAAI,CAAA;CAC3D,iCA2IF"}

package/build/blocks/core/basic-button/edit.js

@@ -14,15 +14,15 @@ export function createBasicButtonEdit(options) {
     return function Edit({ attributes, setAttributes, }) {
         var _a;
         var _b;
-        const { title, variant, outline, fullWidth, size, url, icon } = attributes;
+        const { title, variant, outline, fullWidth, size, url, icon, iconOnly } = attributes;
         const hasIcon = icon.type !== 'none' && (icon.src || ((_a = icon.media) === null || _a === void 0 ? void 0 : _a.id));
         const setIconBase = (attrs) => {
             setAttributes({ icon: { ...icon, ...attrs.icon } });
         };
         const blockProps = useBlockProps({
-            className: clsx((_b = options.blockClassName) !== null && _b !== void 0 ? _b : 'i-button', `--variant-${variant}`, `--size-${size}`, outline && '--outline', fullWidth !== 'false' && `--full-width-${fullWidth}`),
+            className: clsx((_b = options.blockClassName) !== null && _b !== void 0 ? _b : 'i-button', `--variant-${variant}`, `--size-${size}`, outline && '--outline', fullWidth !== 'false' && `--full-width-${fullWidth}`, iconOnly && '--icon-only'),
         });
         const iconPreviewStyle = { maxWidth: icon.size, flex: `0 0 ${icon.size}px` };
-        return (_jsxs(_Fragment, { children: [_jsxs(InspectorControls, { children: [_jsxs(PanelBody, { title: __('Tlačítko', 'brilo-blocks'), children: [_jsx(TextControl, { label: __('Text tlačítka', 'brilo-blocks'), value: title, onChange: (value) => setAttributes({ title: value }), placeholder: __('Text tlačítka...', 'brilo-blocks') }), _jsx(ToggleGroupControl, { label: __('Varianta', 'brilo-blocks'), value: variant, onChange: (value) => setAttributes({ variant: value }), isBlock: true, children: VARIANTS.map((v) => (_jsx(ToggleGroupControlOption, { value: v.value, label: v.label }, v.value))) }), _jsx(ToggleControl, { label: __('Outline', 'brilo-blocks'), checked: outline, onChange: (value) => setAttributes({ outline: value }) }), _jsx(ToggleGroupControl, { label: __('Velikost', 'brilo-blocks'), value: size, onChange: (value) => setAttributes({ size: value }), isBlock: true, children: SIZES.map((s) => (_jsx(ToggleGroupControlOption, { value: s.value, label: s.label }, s.value))) }), _jsx(ToggleGroupControl, { label: __('Celá šířka', 'brilo-blocks'), value: fullWidth, onChange: (value) => setAttributes({ fullWidth: value }), isBlock: true, children: FULL_WIDTH_OPTIONS.map((o) => (_jsx(ToggleGroupControlOption, { value: o.value, label: o.label }, o.value))) })] }), _jsxs(PanelBody, { title: __('Odkaz', 'brilo-blocks'), children: [_jsx(TextControl, { label: __('URL', 'brilo-blocks'), value: url.src, onChange: (value) => setAttributes({ url: { ...url, src: value } }) }), _jsx(ToggleControl, { label: __('Otevřít v nové záložce', 'brilo-blocks'), checked: url.blank, onChange: (value) => setAttributes({ url: { ...url, blank: value } }) })] }), _jsxs(PanelBody, { title: __('Ikona', 'brilo-blocks'), initialOpen: false, children: [_jsx(ItemIconControl, { icon: icon, setAttributes: setIconBase, iconTypes: ICON_TYPES, options: options }), hasIcon && (_jsxs(_Fragment, { children: [_jsxs(ToggleGroupControl, { isBlock: true, label: __('Pozice', 'brilo-blocks'), value: icon.position, onChange: (v) => setAttributes({ icon: { ...icon, position: String(v) } }), children: [_jsx(ToggleGroupControlOption, { value: "before", label: __('Před', 'brilo-blocks') }), _jsx(ToggleGroupControlOption, { value: "after", label: __('Za', 'brilo-blocks') })] }), _jsx(RangeControl, { label: __('Velikost (px)', 'brilo-blocks'), value: icon.size, onChange: (v) => setAttributes({ icon: { ...icon, size: v !== null && v !== void 0 ? v : 24 } }), min: 8, max: 80, step: 1 })] }))] })] }), _jsx("div", { ...blockProps, children: _jsxs("div", { className: "i-button__inner", children: [hasIcon && icon.position === 'before' && (_jsx("span", { className: "i-button__icon", style: iconPreviewStyle, children: _jsx(ItemIconPreview, { icon: icon, setAttributes: setIconBase, options: options }) })), _jsx(RichText, { tagName: "span", className: "i-button__label", value: title, onChange: (value) => setAttributes({ title: value }), placeholder: __('Text tlačítka...', 'brilo-blocks'), allowedFormats: [] }), hasIcon && icon.position === 'after' && (_jsx("span", { className: "i-button__icon", style: iconPreviewStyle, children: _jsx(ItemIconPreview, { icon: icon, setAttributes: setIconBase, options: options }) }))] }) })] }));
+        return (_jsxs(_Fragment, { children: [_jsxs(InspectorControls, { children: [_jsxs(PanelBody, { title: __('Tlačítko', 'brilo-blocks'), children: [_jsx(TextControl, { label: __('Text tlačítka', 'brilo-blocks'), value: title, onChange: (value) => setAttributes({ title: value }), placeholder: __('Text tlačítka...', 'brilo-blocks') }), _jsx(ToggleGroupControl, { label: __('Varianta', 'brilo-blocks'), value: variant, onChange: (value) => setAttributes({ variant: value }), isBlock: true, children: VARIANTS.map((v) => (_jsx(ToggleGroupControlOption, { value: v.value, label: v.label }, v.value))) }), _jsx(ToggleControl, { label: __('Outline', 'brilo-blocks'), checked: outline, onChange: (value) => setAttributes({ outline: value }) }), _jsx(ToggleGroupControl, { label: __('Velikost', 'brilo-blocks'), value: size, onChange: (value) => setAttributes({ size: value }), isBlock: true, children: SIZES.map((s) => (_jsx(ToggleGroupControlOption, { value: s.value, label: s.label }, s.value))) }), _jsx(ToggleGroupControl, { label: __('Celá šířka', 'brilo-blocks'), value: fullWidth, onChange: (value) => setAttributes({ fullWidth: value }), isBlock: true, children: FULL_WIDTH_OPTIONS.map((o) => (_jsx(ToggleGroupControlOption, { value: o.value, label: o.label }, o.value))) })] }), _jsxs(PanelBody, { title: __('Odkaz', 'brilo-blocks'), children: [_jsx(TextControl, { label: __('URL', 'brilo-blocks'), value: url.src, onChange: (value) => setAttributes({ url: { ...url, src: value } }) }), _jsx(ToggleControl, { label: __('Otevřít v nové záložce', 'brilo-blocks'), checked: url.blank, onChange: (value) => setAttributes({ url: { ...url, blank: value } }) })] }), _jsxs(PanelBody, { title: __('Ikona', 'brilo-blocks'), initialOpen: false, children: [_jsx(ItemIconControl, { icon: icon, setAttributes: setIconBase, iconTypes: ICON_TYPES, options: options }), hasIcon && (_jsxs(_Fragment, { children: [_jsx(ToggleControl, { label: __('Pouze ikona', 'brilo-blocks'), help: __('Skryje text tlačítka, zůstane jen ikona', 'brilo-blocks'), checked: iconOnly, onChange: (value) => setAttributes({ iconOnly: value }) }), !iconOnly && (_jsxs(ToggleGroupControl, { isBlock: true, label: __('Pozice', 'brilo-blocks'), value: icon.position, onChange: (v) => setAttributes({ icon: { ...icon, position: String(v) } }), children: [_jsx(ToggleGroupControlOption, { value: "before", label: __('Před', 'brilo-blocks') }), _jsx(ToggleGroupControlOption, { value: "after", label: __('Za', 'brilo-blocks') })] })), _jsx(RangeControl, { label: __('Velikost (px)', 'brilo-blocks'), value: icon.size, onChange: (v) => setAttributes({ icon: { ...icon, size: v !== null && v !== void 0 ? v : 24 } }), min: 8, max: 80, step: 1 })] }))] })] }), _jsx("div", { ...blockProps, children: _jsxs("div", { className: "i-button__inner", children: [hasIcon && icon.position === 'before' && (_jsx("span", { className: "i-button__icon", style: iconPreviewStyle, children: _jsx(ItemIconPreview, { icon: icon, setAttributes: setIconBase, options: options }) })), (!iconOnly || !hasIcon) && (_jsx(RichText, { tagName: "span", className: "i-button__label", value: title, onChange: (value) => setAttributes({ title: value }), placeholder: __('Text tlačítka...', 'brilo-blocks'), allowedFormats: [] })), hasIcon && icon.position === 'after' && (_jsx("span", { className: "i-button__icon", style: iconPreviewStyle, children: _jsx(ItemIconPreview, { icon: icon, setAttributes: setIconBase, options: options }) }))] }) })] }));
     };
 }

package/build/blocks/core/basic-button/factory.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/core/basic-button/factory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAEzD,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,SAAS,CAAA;AACxC,OAAO,EAAC,0BAA0B,EAAE,aAAa,EAAE,gBAAgB,EAAC,MAAM,aAAa,CAAA;AAEvF,OAAO,KAAK,EAAC,qBAAqB,EAAE,kBAAkB,EAAC,MAAM,SAAS,CAAA;AAEtE,YAAY,EAAC,qBAAqB,EAAE,kBAAkB,EAAC,CAAA;AAEvD,wBAAgB,sBAAsB,CACpC,SAAS,SAAS,WAAW,GAAG,OAAO,gBAAgB,EACvD,MAAM,SAAS,WAAW,GAAG,OAAO,aAAa,EACjD,iBAAiB,SAAS,WAAW,GAAG,OAAO,0BAA0B,EAEzE,OAAO,EAAE,kBAAkB,CAAC,SAAS,EAAE,MAAM,EAAE,iBAAiB,CAAC,GAChE,kBAAkB,CAAC,qBAAqB,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CA0CpI"}
+{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/core/basic-button/factory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAEzD,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,SAAS,CAAA;AACxC,OAAO,EAAC,0BAA0B,EAAE,aAAa,EAAE,gBAAgB,EAAC,MAAM,aAAa,CAAA;AAEvF,OAAO,KAAK,EAAC,qBAAqB,EAAE,kBAAkB,EAAC,MAAM,SAAS,CAAA;AAEtE,YAAY,EAAC,qBAAqB,EAAE,kBAAkB,EAAC,CAAA;AAEvD,wBAAgB,sBAAsB,CACpC,SAAS,SAAS,WAAW,GAAG,OAAO,gBAAgB,EACvD,MAAM,SAAS,WAAW,GAAG,OAAO,aAAa,EACjD,iBAAiB,SAAS,WAAW,GAAG,OAAO,0BAA0B,EAEzE,OAAO,EAAE,kBAAkB,CAAC,SAAS,EAAE,MAAM,EAAE,iBAAiB,CAAC,GAChE,kBAAkB,CAAC,qBAAqB,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CA2CpI"}

package/build/blocks/core/basic-button/factory.js

@@ -37,6 +37,7 @@ export function createBasicButtonBlock(options) {
                 type: 'object',
                 default: { type: 'none', src: '', media: {}, position: 'after', size: 24 },
             },
+            iconOnly: { type: 'boolean', default: false },
         },
         edit: createBasicButtonEdit(options),
         save: () => null,

package/build/blocks/core/basic-button/types.d.ts

@@ -18,6 +18,7 @@ export interface BasicButtonAttributes<TVariant extends string = ButtonVariant,
     fullWidth: TFullWidth;
     size: TSize;
     icon: LinkItemIcon;
+    iconOnly: boolean;
     url: {
         src: string;
         blank: boolean;

package/build/blocks/core/basic-button/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/core/basic-button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAE,KAAK,EAAE,WAAW,EAAC,MAAM,SAAS,CAAA;AAC/D,OAAO,KAAK,EAAC,0BAA0B,EAAE,aAAa,EAAE,gBAAgB,EAAC,MAAM,aAAa,CAAA;AAC5F,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,sCAAsC,CAAA;AAElE,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AACtE,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AAChE,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,0BAA0B,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AAElF,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,aAAa,GAAG,OAAO,GAAG,MAAM,CAAA;IACtC,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,KAAK,CAAA;IACZ,QAAQ,EAAE,QAAQ,GAAG,OAAO,CAAA;IAC5B,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,qBAAqB,CACpC,QAAQ,SAAS,MAAM,GAAG,aAAa,EACvC,KAAK,SAAS,MAAM,GAAG,UAAU,EACjC,UAAU,SAAS,MAAM,GAAG,eAAe,CAC3C,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,QAAQ,CAAA;IACjB,OAAO,EAAE,OAAO,CAAA;IAChB,SAAS,EAAE,UAAU,CAAA;IACrB,IAAI,EAAE,KAAK,CAAA;IACX,IAAI,EAAE,YAAY,CAAA;IAClB,GAAG,EAAE;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,OAAO,CAAA;KAAC,CAAA;CACnC;AAED,MAAM,WAAW,kBAAkB,CACjC,SAAS,SAAS,WAAW,GAAG,OAAO,gBAAgB,EACvD,MAAM,SAAS,WAAW,GAAG,OAAO,aAAa,EACjD,iBAAiB,SAAS,WAAW,GAAG,OAAO,0BAA0B,CACzE,SAAQ,cAAc;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB,CAAC,EAAE,iBAAiB,CAAA;IACpC,KAAK,EAAE,QAAQ,EAAE,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;CACjB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/core/basic-button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAE,KAAK,EAAE,WAAW,EAAC,MAAM,SAAS,CAAA;AAC/D,OAAO,KAAK,EAAC,0BAA0B,EAAE,aAAa,EAAE,gBAAgB,EAAC,MAAM,aAAa,CAAA;AAC5F,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,sCAAsC,CAAA;AAElE,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AACtE,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AAChE,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,0BAA0B,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AAElF,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,aAAa,GAAG,OAAO,GAAG,MAAM,CAAA;IACtC,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,KAAK,CAAA;IACZ,QAAQ,EAAE,QAAQ,GAAG,OAAO,CAAA;IAC5B,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,qBAAqB,CACpC,QAAQ,SAAS,MAAM,GAAG,aAAa,EACvC,KAAK,SAAS,MAAM,GAAG,UAAU,EACjC,UAAU,SAAS,MAAM,GAAG,eAAe,CAC3C,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,QAAQ,CAAA;IACjB,OAAO,EAAE,OAAO,CAAA;IAChB,SAAS,EAAE,UAAU,CAAA;IACrB,IAAI,EAAE,KAAK,CAAA;IACX,IAAI,EAAE,YAAY,CAAA;IAClB,QAAQ,EAAE,OAAO,CAAA;IACjB,GAAG,EAAE;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,OAAO,CAAA;KAAC,CAAA;CACnC;AAED,MAAM,WAAW,kBAAkB,CACjC,SAAS,SAAS,WAAW,GAAG,OAAO,gBAAgB,EACvD,MAAM,SAAS,WAAW,GAAG,OAAO,aAAa,EACjD,iBAAiB,SAAS,WAAW,GAAG,OAAO,0BAA0B,CACzE,SAAQ,cAAc;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB,CAAC,EAAE,iBAAiB,CAAA;IACpC,KAAK,EAAE,QAAQ,EAAE,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;CACjB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brilo/base-blocks",
-  "version": "0.1.41",
+  "version": "0.1.42",
   "author": "Brilo",
   "main": "./build/index.js",
   "types": "./build/index.d.ts",

package/src/blocks/core/basic-button/edit.tsx

@@ -26,7 +26,7 @@ export function createBasicButtonEdit(options: BasicButtonOptions) {
     attributes: BasicButtonAttributes
     setAttributes: (a: Partial<BasicButtonAttributes>) => void
   }) {
-    const {title, variant, outline, fullWidth, size, url, icon} = attributes
+    const {title, variant, outline, fullWidth, size, url, icon, iconOnly} = attributes
     const hasIcon = icon.type !== 'none' && (icon.src || icon.media?.id)
 
     const setIconBase = (attrs: {icon: import('~/types').Icon}) => {
@@ -39,6 +39,7 @@ export function createBasicButtonEdit(options: BasicButtonOptions) {
         `--size-${size}`,
         outline && '--outline',
         fullWidth !== 'false' && `--full-width-${fullWidth}`,
+        iconOnly && '--icon-only',
       ),
     })
 
@@ -107,15 +108,23 @@ export function createBasicButtonEdit(options: BasicButtonOptions) {
             />
             {hasIcon && (
               <>
-                <ToggleGroupControl
-                  isBlock
-                  label={__('Pozice', 'brilo-blocks')}
-                  value={icon.position}
-                  onChange={(v) => setAttributes({icon: {...icon, position: String(v) as 'before' | 'after'}})}
-                >
-                  <ToggleGroupControlOption value="before" label={__('Před', 'brilo-blocks')} />
-                  <ToggleGroupControlOption value="after" label={__('Za', 'brilo-blocks')} />
-                </ToggleGroupControl>
+                <ToggleControl
+                  label={__('Pouze ikona', 'brilo-blocks')}
+                  help={__('Skryje text tlačítka, zůstane jen ikona', 'brilo-blocks')}
+                  checked={iconOnly}
+                  onChange={(value) => setAttributes({iconOnly: value})}
+                />
+                {!iconOnly && (
+                  <ToggleGroupControl
+                    isBlock
+                    label={__('Pozice', 'brilo-blocks')}
+                    value={icon.position}
+                    onChange={(v) => setAttributes({icon: {...icon, position: String(v) as 'before' | 'after'}})}
+                  >
+                    <ToggleGroupControlOption value="before" label={__('Před', 'brilo-blocks')} />
+                    <ToggleGroupControlOption value="after" label={__('Za', 'brilo-blocks')} />
+                  </ToggleGroupControl>
+                )}
                 <RangeControl
                   label={__('Velikost (px)', 'brilo-blocks')}
                   value={icon.size}
@@ -135,14 +144,16 @@ export function createBasicButtonEdit(options: BasicButtonOptions) {
                 <ItemIconPreview icon={icon as unknown as import('~/types').Icon} setAttributes={setIconBase} options={options} />
               </span>
             )}
-            <RichText
-              tagName="span"
-              className="i-button__label"
-              value={title}
-              onChange={(value) => setAttributes({title: value})}
-              placeholder={__('Text tlačítka...', 'brilo-blocks')}
-              allowedFormats={[]}
-            />
+            {(!iconOnly || !hasIcon) && (
+              <RichText
+                tagName="span"
+                className="i-button__label"
+                value={title}
+                onChange={(value) => setAttributes({title: value})}
+                placeholder={__('Text tlačítka...', 'brilo-blocks')}
+                allowedFormats={[]}
+              />
+            )}
             {hasIcon && icon.position === 'after' && (
               <span className="i-button__icon" style={iconPreviewStyle}>
                 <ItemIconPreview icon={icon as unknown as import('~/types').Icon} setAttributes={setIconBase} options={options} />

package/src/blocks/core/basic-button/factory.tsx

@@ -49,6 +49,7 @@ export function createBasicButtonBlock<
         type: 'object',
         default: {type: 'none', src: '', media: {}, position: 'after', size: 24},
       },
+      iconOnly: {type: 'boolean', default: false},
     },
     edit: createBasicButtonEdit(options as unknown as BasicButtonOptions),
     save: () => null,

package/src/blocks/core/basic-button/types.ts

@@ -25,6 +25,7 @@ export interface BasicButtonAttributes<
   fullWidth: TFullWidth
   size: TSize
   icon: LinkItemIcon
+  iconOnly: boolean
   url: {src: string; blank: boolean}
 }