Improve name of AdditionalSettings component

packages/block-library/src/list/edit.js

@@ -23,7 +23,7 @@ import {
  * Internal dependencies
  */
 import { name } from './';
-import AdditionalSettings from './additional-settings';
+import OrderedListSettings from './ordered-list-settings';
 
 export default function ListEdit( {
 	attributes,
@@ -138,11 +138,12 @@ export default function ListEdit( {
 		>
 			{ controls }
 		</RichText>
-		<AdditionalSettings
-			setAttributes={ setAttributes }
-			ordered={ ordered }
-			reversed={ reversed }
-			start={ start }
-		/>
+		{ ordered && (
+			<OrderedListSettings
+				setAttributes={ setAttributes }
+				ordered={ ordered }
+				reversed={ reversed }
+				start={ start }
+			/> ) }
 	</>;
 }

packages/block-library/src/list/ordered-list-settings.js

@@ -0,0 +1,43 @@
+/**
+ * WordPress dependencies
+ */
+import { __ } from '@wordpress/i18n';
+import { InspectorControls } from '@wordpress/block-editor';
+import {
+	TextControl,
+	PanelBody,
+	ToggleControl,
+} from '@wordpress/components';
+
+const OrderedListSettings = ( { setAttributes, reversed, start } ) => (
+	<InspectorControls>
+		<PanelBody title={ __( 'Ordered List Settings' ) }>
+			<TextControl
+				label={ __( 'Start Value' ) }
+				type="number"
+				onChange={ ( value ) => {
+					const int = parseInt( value, 10 );
+
+					setAttributes( {
+						// It should be possible to unset the value,
+						// e.g. with an empty string.
+						start: isNaN( int ) ? undefined : int,
+					} );
+				} }
+				value={ Number.isInteger( start ) ? start.toString( 10 ) : '' }
+				step="1"
+			/>
+			<ToggleControl
+				label={ __( 'Reverse List Numbering' ) }
+				checked={ reversed || false }
+				onChange={ ( value ) => {
+					setAttributes( {
+						// Unset the attribute if not reversed.
+						reversed: value || undefined,
+					} );
+				} }
+			/>
+		</PanelBody>
+	</InspectorControls> );
+
+export default OrderedListSettings;