List Block: Add typography styles to theme.json

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

@@ -0,0 +1,56 @@
+/**
+ * External dependencies
+ */
+
+
+ /**
+  * WordPress dependencies
+  */
+import { RichText, useBlockProps } from '@wordpress/block-editor';
+
+ const blockAttributes = {
+	ordered: {
+		type: 'boolean',
+		default: false,
+		__experimentalRole: 'content'
+		},
+	values: {
+		type: 'string',
+		source: 'html',
+		selector: 'ol,ul',
+		multiline: 'li',
+		__unstableMultilineWrapperTags: [ 'ol', 'ul' ],
+		default: '',
+		__experimentalRole: 'content'
+	},
+	type: {
+		type: 'string'
+	},
+	start: {
+		type: 'number'
+	},
+	reversed: {
+		type: 'boolean'
+	},
+	placeholder: {
+		type: 'string'
+	}
+ };
+
+ const deprecated = [
+	{
+		attributes: blockAttributes,
+		save( { attributes } ) {
+			const { ordered, values, type, reversed, start } = attributes;
+			const TagName = ordered ? 'ol' : 'ul';
+
+			return (
+				<TagName { ...useBlockProps.save( { type, reversed, start } ) }>
+					<RichText.Content value={ values } multiline="li" />
+				</TagName>
+			);
+		},
+	},
+ ];
+
+ export default deprecated;

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

@@ -137,6 +137,7 @@ export default function ListEdit( {
 	return (
 		<>
 			<RichText
+				className="wp-block-list"
 				identifier="values"
 				multiline="li"
 				tagName={ tagName }

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

@@ -6,6 +6,7 @@ import { list as icon } from '@wordpress/icons';
 /**
  * Internal dependencies
  */
+ import deprecated from './deprecated';
 import edit from './edit';
 import metadata from './block.json';
 import save from './save';
@@ -38,4 +39,5 @@ export const settings = {
 	},
 	edit,
 	save,
+	deprecated,
 };