diff --git a/packages/block-editor/src/components/block-card/stories/index.story.js b/packages/block-editor/src/components/block-icon/stories/index.story.js
similarity index 56%
rename from packages/block-editor/src/components/block-card/stories/index.story.js
rename to packages/block-editor/src/components/block-icon/stories/index.story.js
index 0fe68e2032d394..e30a347005d774 100644
--- a/packages/block-editor/src/components/block-card/stories/index.story.js
+++ b/packages/block-editor/src/components/block-icon/stories/index.story.js
@@ -6,35 +6,21 @@ import { box, button, cog, paragraph } from '@wordpress/icons';
/**
* Internal dependencies
*/
-import BlockCard from '../';
+import BlockIcon from '../';
const meta = {
- title: 'BlockEditor/BlockCard',
- component: BlockCard,
+ title: 'BlockEditor/BlockIcon',
+ component: BlockIcon,
parameters: {
docs: {
description: {
component:
- 'The `BlockCard` component allows to display a "card" which contains the title of a block, its icon and its description.',
+ 'The `BlockIcon` component allows to display an icon for a block.',
},
canvas: { sourceState: 'shown' },
},
},
argTypes: {
- title: {
- control: 'text',
- description: 'The title of the block.',
- table: {
- type: { summary: 'string' },
- },
- },
- description: {
- control: 'text',
- description: 'A description of the block functionality.',
- table: {
- type: { summary: 'string' },
- },
- },
icon: {
control: 'select',
options: [ 'paragraph', 'cog', 'box', 'button' ],
@@ -50,16 +36,23 @@ const meta = {
type: { summary: 'string | object' },
},
},
- name: {
+ showColors: {
+ control: 'boolean',
+ description: 'Whether to show background and foreground colors.',
+ table: {
+ type: { summary: 'boolean' },
+ },
+ },
+ className: {
control: 'text',
- description: 'Optional custom name for the block.',
+ description: 'Additional CSS class for the icon.',
table: {
type: { summary: 'string' },
},
},
- className: {
+ context: {
control: 'text',
- description: 'Additional CSS class names.',
+ description: 'Context where the icon is being used.',
table: {
type: { summary: 'string' },
},
@@ -71,9 +64,6 @@ export default meta;
export const Default = {
args: {
- title: 'Paragraph',
- icon: paragraph,
- description: 'This is a paragraph block description.',
- name: 'Paragraph Block',
+ icon: 'paragraph',
},
};
diff --git a/packages/block-editor/src/components/global-styles/image-settings-panel.js b/packages/block-editor/src/components/global-styles/image-settings-panel.js
index 4ebc20ab201983..e6fa7a4414f6c8 100644
--- a/packages/block-editor/src/components/global-styles/image-settings-panel.js
+++ b/packages/block-editor/src/components/global-styles/image-settings-panel.js
@@ -61,14 +61,14 @@ export default function ImageSettingsPanel( {
// "RESET" button ONLY when the user has explicitly set a value in the
// Global Styles.
hasValue={ () => !! value?.lightbox }
- label={ __( 'Expand on click' ) }
+ label={ __( 'Enlarge on click' ) }
onDeselect={ resetLightbox }
isShownByDefault
panelId={ panelId }
>
diff --git a/packages/block-editor/src/components/url-popover/image-url-input-ui.js b/packages/block-editor/src/components/url-popover/image-url-input-ui.js
index c68cf5e58b9530..7a9414c1fd3c1a 100644
--- a/packages/block-editor/src/components/url-popover/image-url-input-ui.js
+++ b/packages/block-editor/src/components/url-popover/image-url-input-ui.js
@@ -265,14 +265,14 @@ const ImageURLInputUI = ( {
-
{ __( 'Expand on click' ) }
+
{ __( 'Enlarge on click' ) }
{ __( 'Scales the image with a lightbox effect' ) }