@wordpress/block-library 10.6.1-next.v.202609031004.0 → 11.0.0

package/src/form/view.js

@@ -1,54 +0,0 @@
-let formSettings;
-try {
-	formSettings = JSON.parse(
-		document.getElementById(
-			'wp-script-module-data-@wordpress/block-library/form/view'
-		)?.textContent
-	);
-} catch {}
-
-document.querySelectorAll( 'form.wp-block-form' ).forEach( function ( form ) {
-	// Bail If the form settings not provided or the form is not using the mailto: action.
-	if (
-		! formSettings ||
-		! form.action ||
-		! form.action.startsWith( 'mailto:' )
-	) {
-		return;
-	}
-
-	const redirectNotification = ( status ) => {
-		const urlParams = new URLSearchParams( window.location.search );
-		urlParams.append( 'wp-form-result', status );
-		window.location.search = urlParams.toString();
-	};
-
-	// Add an event listener for the form submission.
-	form.addEventListener( 'submit', async function ( event ) {
-		event.preventDefault();
-		// Get the form data and merge it with the form action and nonce.
-		const formData = Object.fromEntries( new FormData( form ).entries() );
-		formData.formAction = form.action;
-		formData._ajax_nonce = formSettings.nonce;
-		formData.action = formSettings.action;
-		formData._wp_http_referer = window.location.href;
-		formData.formAction = form.action;
-
-		try {
-			const response = await fetch( formSettings.ajaxUrl, {
-				method: 'POST',
-				headers: {
-					'Content-Type': 'application/x-www-form-urlencoded',
-				},
-				body: new URLSearchParams( formData ).toString(),
-			} );
-			if ( response.ok ) {
-				redirectNotification( 'success' );
-			} else {
-				redirectNotification( 'error' );
-			}
-		} catch {
-			redirectNotification( 'error' );
-		}
-	} );
-} );

package/src/form-input/README.md

@@ -1,74 +0,0 @@
-# Input Field
-
-<!-- START TOKEN(Autogenerated block API docs) -->
-<div class="callout callout-warning">This block is <strong>experimental</strong> and may change or be removed without notice.</div>
-
-The basic building block for forms.
-
-- **Name:** `core/form-input`
-- **Category:** [widgets](https://developer.wordpress.org/block-editor/reference-guides/core-blocks/core-blocks-widgets/)
-- **API Version:** [3](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-api-versions/)
-- **Block Type:** [Hybrid](https://developer.wordpress.org/block-editor/getting-started/fundamentals/static-dynamic-rendering/) (static save + server enhancements)
-- **Keywords:** `input`, `form`
-
-## Block Relationships
-
-**[Ancestor](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-metadata/#ancestor) blocks:**
-- [`core/form`](https://developer.wordpress.org/block-editor/reference-guides/core-blocks/core-blocks-widgets/core-block-form/)
-
-## Attributes
-
-_Defined via the [`attributes`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-attributes/) property in block.json._
-
-| Attribute | [Type](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-attributes/#type-validation) | [Default](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-attributes/#default-value) | Description |
-|-----------|------|---------|-------------|
-| `type` | `string` | `"text"` | — |
-| `name` | `string` | — | — |
-| `label` | `rich-text` | `"Label"` | [Source](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-attributes/#value-source): `rich-text`. [Selector](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-attributes/#value-source): `.wp-block-form-input__label-content`. [Role](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-attributes/#role): `content` |
-| `inlineLabel` | `boolean` | `false` | — |
-| `required` | `boolean` | `false` | [Source](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-attributes/#value-source): `attribute`. [Selector](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-attributes/#value-source): `.wp-block-form-input__input`. [HTML attr](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-attributes/#attribute-source): `required` |
-| `placeholder` | `string` | — | [Source](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-attributes/#value-source): `attribute`. [Selector](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-attributes/#value-source): `.wp-block-form-input__input`. [HTML attr](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-attributes/#attribute-source): `placeholder`. [Role](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-attributes/#role): `content` |
-| `value` | `string` | `""` | [Source](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-attributes/#value-source): `attribute`. [Selector](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-attributes/#value-source): `input`. [HTML attr](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-attributes/#attribute-source): `value` |
-| `visibilityPermissions` | `string` | `"all"` | — |
-
-## Supports
-
-_Defined via the [`supports`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/) property in block.json._
-
-- [`anchor`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#anchor): `true`
-- [`reusable`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#reusable): `false`
-- [`spacing`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#spacing):
-  - `margin`: `["top","bottom"]`
-
-## Block Markup
-
-This is a [**hybrid block**](https://developer.wordpress.org/block-editor/getting-started/fundamentals/static-dynamic-rendering/). It saves static markup that the server may enhance during rendering.
-
-```html
-<!-- wp:form-input -->
-<div class="wp-block-form-input"><label class="wp-block-form-input__label"><span class="wp-block-form-input__label-content">Label</span><input class="wp-block-form-input__input" type="text" name="label" aria-required="false"/></label></div>
-<!-- /wp:form-input -->
-
-<!-- wp:form-input {"type":"email"} -->
-<div class="wp-block-form-input"><label class="wp-block-form-input__label"><span class="wp-block-form-input__label-content">Label</span><input class="wp-block-form-input__input" type="email" name="label" aria-required="false"/></label></div>
-<!-- /wp:form-input -->
-
-<!-- wp:form-input {"type":"number"} -->
-<div class="wp-block-form-input"><label class="wp-block-form-input__label"><span class="wp-block-form-input__label-content">Label</span><input class="wp-block-form-input__input" type="number" name="label" aria-required="false"/></label></div>
-<!-- /wp:form-input -->
-
-<!-- wp:form-input {"type":"tel"} -->
-<div class="wp-block-form-input"><label class="wp-block-form-input__label"><span class="wp-block-form-input__label-content">Label</span><input class="wp-block-form-input__input" type="tel" name="label" aria-required="false"/></label></div>
-<!-- /wp:form-input -->
-
-<!-- wp:form-input {"type":"url"} -->
-<div class="wp-block-form-input"><label class="wp-block-form-input__label"><span class="wp-block-form-input__label-content">Label</span><input class="wp-block-form-input__input" type="url" name="label" aria-required="false"/></label></div>
-<!-- /wp:form-input -->
-```
-
-## Source
-
-- [block.json](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/form-input/block.json) ([reference](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-metadata/))
-- [Source directory](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/form-input/) — browse the `edit` and `save` source files, `index.php`, and more.
-
-<!-- END TOKEN(Autogenerated block API docs) -->

package/src/form-input/block.json

@@ -1,72 +0,0 @@
-{
-	"$schema": "https://schemas.wp.org/trunk/block.json",
-	"apiVersion": 3,
-	"__experimental": true,
-	"name": "core/form-input",
-	"title": "Input Field",
-	"category": "widgets",
-	"ancestor": [ "core/form" ],
-	"description": "The basic building block for forms.",
-	"keywords": [ "input", "form" ],
-	"textdomain": "default",
-	"attributes": {
-		"type": {
-			"type": "string",
-			"default": "text"
-		},
-		"name": {
-			"type": "string"
-		},
-		"label": {
-			"type": "rich-text",
-			"default": "Label",
-			"selector": ".wp-block-form-input__label-content",
-			"source": "rich-text",
-			"role": "content"
-		},
-		"inlineLabel": {
-			"type": "boolean",
-			"default": false
-		},
-		"required": {
-			"type": "boolean",
-			"default": false,
-			"selector": ".wp-block-form-input__input",
-			"source": "attribute",
-			"attribute": "required"
-		},
-		"placeholder": {
-			"type": "string",
-			"selector": ".wp-block-form-input__input",
-			"source": "attribute",
-			"attribute": "placeholder",
-			"role": "content"
-		},
-		"value": {
-			"type": "string",
-			"default": "",
-			"selector": "input",
-			"source": "attribute",
-			"attribute": "value"
-		},
-		"visibilityPermissions": {
-			"type": "string",
-			"default": "all"
-		}
-	},
-	"supports": {
-		"anchor": true,
-		"reusable": false,
-		"spacing": {
-			"margin": [ "top", "bottom" ]
-		},
-		"__experimentalBorder": {
-			"radius": true,
-			"__experimentalSkipSerialization": true,
-			"__experimentalDefaultControls": {
-				"radius": true
-			}
-		}
-	},
-	"style": [ "wp-block-form-input" ]
-}

package/src/form-input/deprecated.jsx

@@ -1,248 +0,0 @@
-import clsx from 'clsx';
-import removeAccents from 'remove-accents';
-import {
-	RichText,
-	useBlockProps,
-	__experimentalGetBorderClassesAndStyles as getBorderClassesAndStyles,
-	__experimentalGetColorClassesAndStyles as getColorClassesAndStyles,
-} from '@wordpress/block-editor';
-import { __unstableStripHTML as stripHTML } from '@wordpress/dom';
-
-const getNameFromLabelV1 = ( content ) => {
-	return (
-		removeAccents( stripHTML( content ) )
-			// Convert anything that's not a letter or number to a hyphen.
-			.replace( /[^\p{L}\p{N}]+/gu, '-' )
-			// Convert to lowercase
-			.toLowerCase()
-			// Remove any remaining leading or trailing hyphens.
-			.replace( /(^-+)|(-+$)/g, '' )
-	);
-};
-
-const v2 = {
-	attributes: {
-		type: {
-			type: 'string',
-			default: 'text',
-		},
-		name: {
-			type: 'string',
-		},
-		label: {
-			type: 'string',
-			default: 'Label',
-			selector: '.wp-block-form-input__label-content',
-			source: 'html',
-			role: 'content',
-		},
-		inlineLabel: {
-			type: 'boolean',
-			default: false,
-		},
-		required: {
-			type: 'boolean',
-			default: false,
-			selector: '.wp-block-form-input__input',
-			source: 'attribute',
-			attribute: 'required',
-		},
-		placeholder: {
-			type: 'string',
-			selector: '.wp-block-form-input__input',
-			source: 'attribute',
-			attribute: 'placeholder',
-			role: 'content',
-		},
-		value: {
-			type: 'string',
-			default: '',
-			selector: 'input',
-			source: 'attribute',
-			attribute: 'value',
-		},
-		visibilityPermissions: {
-			type: 'string',
-			default: 'all',
-		},
-	},
-	supports: {
-		anchor: true,
-		reusable: false,
-		spacing: {
-			margin: [ 'top', 'bottom' ],
-		},
-		__experimentalBorder: {
-			radius: true,
-			__experimentalSkipSerialization: true,
-			__experimentalDefaultControls: {
-				radius: true,
-			},
-		},
-	},
-	save( { attributes } ) {
-		const { type, name, label, inlineLabel, required, placeholder, value } =
-			attributes;
-
-		const borderProps = getBorderClassesAndStyles( attributes );
-		const colorProps = getColorClassesAndStyles( attributes );
-
-		const inputStyle = {
-			...borderProps.style,
-			...colorProps.style,
-		};
-
-		const inputClasses = clsx(
-			'wp-block-form-input__input',
-			colorProps.className,
-			borderProps.className
-		);
-		const TagName = type === 'textarea' ? 'textarea' : 'input';
-
-		const blockProps = useBlockProps.save();
-
-		if ( 'hidden' === type ) {
-			return <input type={ type } name={ name } value={ value } />;
-		}
-
-		return (
-			<div { ...blockProps }>
-				{ /* eslint-disable jsx-a11y/label-has-associated-control */ }
-				<label
-					className={ clsx( 'wp-block-form-input__label', {
-						'is-label-inline': inlineLabel,
-					} ) }
-				>
-					<span className="wp-block-form-input__label-content">
-						<RichText.Content value={ label } />
-					</span>
-					<TagName
-						className={ inputClasses }
-						type={ 'textarea' === type ? undefined : type }
-						name={ name || getNameFromLabelV1( label ) }
-						required={ required }
-						aria-required={ required }
-						placeholder={ placeholder || undefined }
-						style={ inputStyle }
-					/>
-				</label>
-				{ /* eslint-enable jsx-a11y/label-has-associated-control */ }
-			</div>
-		);
-	},
-};
-
-// Version without wrapper div in saved markup
-// See: https://github.com/WordPress/gutenberg/pull/56507
-const v1 = {
-	attributes: {
-		type: {
-			type: 'string',
-			default: 'text',
-		},
-		name: {
-			type: 'string',
-		},
-		label: {
-			type: 'string',
-			default: 'Label',
-			selector: '.wp-block-form-input__label-content',
-			source: 'html',
-			role: 'content',
-		},
-		inlineLabel: {
-			type: 'boolean',
-			default: false,
-		},
-		required: {
-			type: 'boolean',
-			default: false,
-			selector: '.wp-block-form-input__input',
-			source: 'attribute',
-			attribute: 'required',
-		},
-		placeholder: {
-			type: 'string',
-			selector: '.wp-block-form-input__input',
-			source: 'attribute',
-			attribute: 'placeholder',
-			role: 'content',
-		},
-		value: {
-			type: 'string',
-			default: '',
-			selector: 'input',
-			source: 'attribute',
-			attribute: 'value',
-		},
-		visibilityPermissions: {
-			type: 'string',
-			default: 'all',
-		},
-	},
-	supports: {
-		className: false,
-		anchor: true,
-		reusable: false,
-		spacing: {
-			margin: [ 'top', 'bottom' ],
-		},
-		__experimentalBorder: {
-			radius: true,
-			__experimentalSkipSerialization: true,
-			__experimentalDefaultControls: {
-				radius: true,
-			},
-		},
-	},
-	save( { attributes } ) {
-		const { type, name, label, inlineLabel, required, placeholder, value } =
-			attributes;
-
-		const borderProps = getBorderClassesAndStyles( attributes );
-		const colorProps = getColorClassesAndStyles( attributes );
-
-		const inputStyle = {
-			...borderProps.style,
-			...colorProps.style,
-		};
-
-		const inputClasses = clsx(
-			'wp-block-form-input__input',
-			colorProps.className,
-			borderProps.className
-		);
-		const TagName = type === 'textarea' ? 'textarea' : 'input';
-
-		if ( 'hidden' === type ) {
-			return <input type={ type } name={ name } value={ value } />;
-		}
-
-		/* eslint-disable jsx-a11y/label-has-associated-control */
-		return (
-			<label
-				className={ clsx( 'wp-block-form-input__label', {
-					'is-label-inline': inlineLabel,
-				} ) }
-			>
-				<span className="wp-block-form-input__label-content">
-					<RichText.Content value={ label } />
-				</span>
-				<TagName
-					className={ inputClasses }
-					type={ 'textarea' === type ? undefined : type }
-					name={ name || getNameFromLabelV1( label ) }
-					required={ required }
-					aria-required={ required }
-					placeholder={ placeholder || undefined }
-					style={ inputStyle }
-				/>
-			</label>
-		);
-		/* eslint-enable jsx-a11y/label-has-associated-control */
-	},
-};
-
-const deprecated = [ v2, v1 ];
-
-export default deprecated;

package/src/form-input/edit.jsx

@@ -1,187 +0,0 @@
-import clsx from 'clsx';
-import { __ } from '@wordpress/i18n';
-import {
-	InspectorControls,
-	RichText,
-	useBlockProps,
-	__experimentalUseBorderProps as useBorderProps,
-	__experimentalUseColorProps as useColorProps,
-} from '@wordpress/block-editor';
-import {
-	TextControl,
-	CheckboxControl,
-	__experimentalToolsPanel as ToolsPanel,
-	__experimentalToolsPanelItem as ToolsPanelItem,
-} from '@wordpress/components';
-import { useRef } from '@wordpress/element';
-import { useToolsPanelDropdownMenuProps } from '../utils/hooks';
-
-function InputFieldBlock( { attributes, setAttributes, className } ) {
-	const { type, name, label, inlineLabel, required, placeholder, value } =
-		attributes;
-	const blockProps = useBlockProps();
-	const dropdownMenuProps = useToolsPanelDropdownMenuProps();
-	const ref = useRef();
-	const TagName = type === 'textarea' ? 'textarea' : 'input';
-
-	const borderProps = useBorderProps( attributes );
-	const colorProps = useColorProps( attributes );
-	if ( ref.current ) {
-		ref.current.focus();
-	}
-
-	// Note: radio inputs aren't implemented yet.
-	const isCheckboxOrRadio = type === 'checkbox' || type === 'radio';
-
-	const controls = (
-		<>
-			{ 'hidden' !== type && (
-				<InspectorControls>
-					<ToolsPanel
-						label={ __( 'Settings' ) }
-						resetAll={ () => {
-							setAttributes( {
-								inlineLabel: false,
-								required: false,
-							} );
-						} }
-						dropdownMenuProps={ dropdownMenuProps }
-					>
-						{ 'checkbox' !== type && (
-							<ToolsPanelItem
-								label={ __( 'Inline label' ) }
-								hasValue={ () => !! inlineLabel }
-								onDeselect={ () =>
-									setAttributes( { inlineLabel: false } )
-								}
-								isShownByDefault
-							>
-								<CheckboxControl
-									label={ __( 'Inline label' ) }
-									checked={ inlineLabel }
-									onChange={ ( newVal ) => {
-										setAttributes( {
-											inlineLabel: newVal,
-										} );
-									} }
-								/>
-							</ToolsPanelItem>
-						) }
-
-						<ToolsPanelItem
-							label={ __( 'Required' ) }
-							hasValue={ () => !! required }
-							onDeselect={ () =>
-								setAttributes( { required: false } )
-							}
-							isShownByDefault
-						>
-							<CheckboxControl
-								label={ __( 'Required' ) }
-								checked={ required }
-								onChange={ ( newVal ) => {
-									setAttributes( {
-										required: newVal,
-									} );
-								} }
-							/>
-						</ToolsPanelItem>
-					</ToolsPanel>
-				</InspectorControls>
-			) }
-			<InspectorControls group="advanced">
-				<TextControl
-					autoComplete="off"
-					label={ __( 'Name' ) }
-					value={ name }
-					onChange={ ( newVal ) => {
-						setAttributes( {
-							name: newVal,
-						} );
-					} }
-					help={ __(
-						'Affects the "name" attribute of the input element, and is used as a name for the form submission results.'
-					) }
-				/>
-				{ 'hidden' === type && (
-					<TextControl
-						autoComplete="off"
-						label={ __( 'Value' ) }
-						value={ value }
-						onChange={ ( newVal ) =>
-							setAttributes( { value: newVal } )
-						}
-						help={ __(
-							'Sets the stored value for this hidden field.'
-						) }
-					/>
-				) }
-			</InspectorControls>
-		</>
-	);
-
-	const content = (
-		<RichText
-			tagName="span"
-			className="wp-block-form-input__label-content"
-			value={ label }
-			onChange={ ( newLabel ) => setAttributes( { label: newLabel } ) }
-			aria-label={ label ? __( 'Label' ) : __( 'Empty label' ) }
-			data-empty={ ! label }
-			placeholder={ __( 'Type the label for this input' ) }
-		/>
-	);
-
-	if ( 'hidden' === type ) {
-		return (
-			<div { ...blockProps }>
-				{ controls }
-				<span
-					className="wp-block-form-input__label is-input-hidden"
-					data-message={ __( 'Hidden field' ) }
-				/>
-			</div>
-		);
-	}
-
-	return (
-		<div { ...blockProps }>
-			{ controls }
-			<span
-				className={ clsx( 'wp-block-form-input__label', {
-					'is-label-inline': inlineLabel || 'checkbox' === type,
-				} ) }
-			>
-				{ ! isCheckboxOrRadio && content }
-				<TagName
-					type={ 'textarea' === type ? undefined : type }
-					className={ clsx(
-						className,
-						'wp-block-form-input__input',
-						colorProps.className,
-						borderProps.className
-					) }
-					aria-label={ __( 'Optional placeholder text' ) }
-					// We hide the placeholder field's placeholder when there is a value. This
-					// stops screen readers from reading the placeholder field's placeholder
-					// which is confusing.
-					placeholder={
-						placeholder ? undefined : __( 'Optional placeholder…' )
-					}
-					value={ placeholder }
-					onChange={ ( event ) =>
-						setAttributes( { placeholder: event.target.value } )
-					}
-					aria-required={ required }
-					style={ {
-						...borderProps.style,
-						...colorProps.style,
-					} }
-				/>
-				{ isCheckboxOrRadio && content }
-			</span>
-		</div>
-	);
-}
-
-export default InputFieldBlock;

package/src/form-input/editor.scss

@@ -1,24 +0,0 @@
-.wp-block-form-input {
-	.is-input-hidden {
-		display: flex;
-		position: relative;
-		font-size: 0.85em;
-		opacity: 0.3;
-		border: 1px dashed;
-		padding: 0.5em;
-		box-sizing: border-box;
-		background: repeating-linear-gradient(45deg, transparent, transparent 5px, currentColor 5px, currentColor 6px);
-		justify-content: center;
-		align-items: center;
-
-		&::after {
-			content: attr(data-message);
-		}
-	}
-	&.is-selected {
-		.is-input-hidden {
-			opacity: 1;
-			background: none;
-		}
-	}
-}

package/src/form-input/icons.jsx

@@ -1,7 +0,0 @@
-import { SVG, Path } from '@wordpress/primitives';
-
-export const icon = (
-	<SVG xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-		<Path d="M5.547 18.892A.99.99 0 0 0 6 19h.72v1H6a1.99 1.99 0 0 1-.908-.22l.455-.888ZM9.12 20H7.68v-1h1.44v1Zm2.4 0h-1.44v-1h1.44v1Zm2.4 0h-1.44v-1h1.44v1Zm2.4 0h-1.44v-1h1.44v1Zm2.587-.22c-.272.14-.58.22-.907.22h-.72v-1H18a.99.99 0 0 0 .453-.108l.454.888ZM5.108 17.547a.99.99 0 0 0 0 .906l-.89.454a1.99 1.99 0 0 1 0-1.815l.89.455Zm14.672-.455a1.99 1.99 0 0 1 0 1.815l-.888-.454a.99.99 0 0 0 0-.906l.888-.455ZM6.72 17H6a.99.99 0 0 0-.453.108l-.455-.89A1.99 1.99 0 0 1 6 16h.72v1ZM18 16c.327 0 .635.08.907.219l-.454.89A.99.99 0 0 0 18 17h-.72v-1H18Zm-8.88 1H7.68v-1h1.44v1Zm2.4 0h-1.44v-1h1.44v1Zm2.4 0h-1.44v-1h1.44v1Zm2.4 0h-1.44v-1h1.44v1ZM5.5 14.28H4.25v-1H5.5v1Zm2.5 0H6.5v-1H8v1Zm2.5 0H9v-1h1.5v1Zm2.25 0H11.5v-1h1.25v1ZM18 7a2 2 0 1 1 0 4H6a2 2 0 1 1 0-4h12ZM6 8.5a.5.5 0 0 0 0 1h12a.5.5 0 0 0 0-1H6Zm7-3H4V4h9v1.5Z" />
-	</SVG>
-);

package/src/form-input/index.js

@@ -1,22 +0,0 @@
-import initBlock from '../utils/init-block';
-import deprecated from './deprecated';
-import edit from './edit';
-import metadata from './block.json';
-import save from './save';
-import variations from './variations';
-import { icon } from './icons';
-
-const { name } = metadata;
-
-export { metadata, name };
-
-export const settings = {
-	icon,
-	deprecated,
-	edit,
-	save,
-	variations,
-	example: {},
-};
-
-export const init = () => initBlock( { name, metadata, settings } );