Skip to content

Forms: sentence case all UI components #43847

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 2 commits into from
Jun 9, 2025
Merged

Forms: sentence case all UI components #43847

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
c38682f
Forms: sentence case
simison Jun 5, 2025
248167a
changelog
simison Jun 9, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions projects/packages/forms/changelog/update-forms-sentence-case-v2
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
Significance: minor
Type: changed

Forms: sentence case UI instead of Title Case
14 changes: 7 additions & 7 deletions projects/packages/forms/src/blocks/contact-form/components/jetpack-field-controls.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -165,10 +165,10 @@ const JetpackFieldControls = ( {
</BlockControls>

<InspectorControls>
<PanelBody title={ __( 'Manage Responses', 'jetpack-forms' ) }>
<PanelBody title={ __( 'Manage responses', 'jetpack-forms' ) }>
<JetpackManageResponsesSettings isChildBlock />
</PanelBody>
<PanelBody title={ __( 'Field Settings', 'jetpack-forms' ) }>
<PanelBody title={ __( 'Field settings', 'jetpack-forms' ) }>
<>{ fieldSettings }</>
</PanelBody>
<PanelColorSettings
Expand Down Expand Up @@ -198,7 +198,7 @@ const JetpackFieldControls = ( {
{ ( isChoicesBlock || blockStyle === 'button' ) && (
<>
<RangeControl
label={ __( 'Button Border Width', 'jetpack-forms' ) }
label={ __( 'Button border width', 'jetpack-forms' ) }
value={ attributes.buttonBorderWidth }
initialPosition={ 1 }
onChange={ setNumberAttribute( 'buttonBorderWidth' ) }
Expand All @@ -208,7 +208,7 @@ const JetpackFieldControls = ( {
__next40pxDefaultSize={ true }
/>
<RangeControl
label={ __( 'Button Border Radius', 'jetpack-forms' ) }
label={ __( 'Button border radius', 'jetpack-forms' ) }
value={ attributes.buttonBorderRadius }
initialPosition={ 0 }
onChange={ setNumberAttribute( 'buttonBorderRadius' ) }
Expand All @@ -222,7 +222,7 @@ const JetpackFieldControls = ( {
{ ( ! isChoicesBlock || formStyle === FORM_STYLE.OUTLINED ) && (
<>
<RangeControl
label={ __( 'Border Width', 'jetpack-forms' ) }
label={ __( 'Border width', 'jetpack-forms' ) }
value={ attributes.borderWidth }
initialPosition={ 1 }
onChange={ setNumberAttribute( 'borderWidth' ) }
Expand All @@ -232,7 +232,7 @@ const JetpackFieldControls = ( {
__next40pxDefaultSize={ true }
/>
<RangeControl
label={ __( 'Border Radius', 'jetpack-forms' ) }
label={ __( 'Border radius', 'jetpack-forms' ) }
value={ attributes.borderRadius }
initialPosition={ 0 }
onChange={ setNumberAttribute( 'borderRadius' ) }
Expand All @@ -244,7 +244,7 @@ const JetpackFieldControls = ( {
</>
) }
</PanelBody>
<PanelBody title={ __( 'Label Styles', 'jetpack-forms' ) } initialOpen={ false }>
<PanelBody title={ __( 'Label styles', 'jetpack-forms' ) } initialOpen={ false }>
<BaseControl __nextHasNoMarginBottom={ true }>
<FontSizePicker
withReset={ true }
Expand Down
2 changes: 1 addition & 1 deletion ...ts/packages/forms/src/blocks/contact-form/components/jetpack-manage-responses-settings.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ const JetpackManageResponsesSettings = () => {
{ __( 'Manage and export your form responses in WPAdmin:', 'jetpack-forms' ) }
</InspectorHint>
<Button variant="secondary" href={ FULL_RESPONSES_PATH } __next40pxDefaultSize={ true }>
{ __( 'View Form Responses', 'jetpack-forms' ) }
{ __( 'View form responses', 'jetpack-forms' ) }
<span className="screen-reader-text">
{ __( '(opens in a new tab)', 'jetpack-forms' ) }
</span>
Expand Down
8 changes: 4 additions & 4 deletions projects/packages/forms/src/blocks/contact-form/edit.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -155,7 +155,7 @@ function JetpackContactFormEdit( { name, attributes, setAttributes, clientId, cl
{ __( 'Customize the view after form submission:', 'jetpack-forms' ) }
</InspectorHint>
<SelectControl
label={ __( 'On Submission', 'jetpack-forms' ) }
label={ __( 'On submission', 'jetpack-forms' ) }
value={ customThankyou }
options={ [
{ label: __( 'Show a summary of submitted fields', 'jetpack-forms' ), value: '' },
Expand All @@ -172,7 +172,7 @@ function JetpackContactFormEdit( { name, attributes, setAttributes, clientId, cl

{ 'redirect' !== customThankyou && (
<TextControl
label={ __( 'Message Heading', 'jetpack-forms' ) }
label={ __( 'Message heading', 'jetpack-forms' ) }
value={ customThankyouHeading }
placeholder={ __( 'Your message has been sent', 'jetpack-forms' ) }
onChange={ newHeading => setAttributes( { customThankyouHeading: newHeading } ) }
Expand All @@ -183,7 +183,7 @@ function JetpackContactFormEdit( { name, attributes, setAttributes, clientId, cl

{ 'message' === customThankyou && (
<TextareaControl
label={ __( 'Message Text', 'jetpack-forms' ) }
label={ __( 'Message text', 'jetpack-forms' ) }
value={ customThankyouMessage }
placeholder={ __( 'Thank you for your submission!', 'jetpack-forms' ) }
onChange={ newMessage => setAttributes( { customThankyouMessage: newMessage } ) }
Expand All @@ -194,7 +194,7 @@ function JetpackContactFormEdit( { name, attributes, setAttributes, clientId, cl
{ 'redirect' === customThankyou && (
<div>
<URLInput
label={ __( 'Redirect Address', 'jetpack-forms' ) }
label={ __( 'Redirect address', 'jetpack-forms' ) }
value={ customThankyouRedirect }
className="jetpack-contact-form__thankyou-redirect-url"
onChange={ newURL => setAttributes( { customThankyouRedirect: newURL } ) }
Expand Down
20 changes: 10 additions & 10 deletions projects/packages/forms/src/blocks/contact-form/variations.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -121,7 +121,7 @@ const variations = compact( [
'jetpack/field-textarea',
{},
[
[ 'jetpack/label', { label: __( 'Other Details', 'jetpack-forms' ) } ],
[ 'jetpack/label', { label: __( 'Other details', 'jetpack-forms' ) } ],
[ 'jetpack/input', { type: 'textarea' } ],
],
],
Expand Down Expand Up @@ -187,7 +187,7 @@ const variations = compact( [
innerBlocks: [
{
name: 'jetpack/label',
attributes: { label: __( 'Other Details', 'jetpack-forms' ) },
attributes: { label: __( 'Other details', 'jetpack-forms' ) },
},
{ name: 'jetpack/input', attributes: { type: 'textarea' } },
],
Expand Down Expand Up @@ -245,11 +245,11 @@ const variations = compact( [
'jetpack/field-select',
{
options: [
__( 'Search Engine', 'jetpack-forms' ),
__( 'Social Media', 'jetpack-forms' ),
__( 'Search engine', 'jetpack-forms' ),
__( 'Social media', 'jetpack-forms' ),
__( 'TV', 'jetpack-forms' ),
__( 'Radio', 'jetpack-forms' ),
__( 'Friend or Family', 'jetpack-forms' ),
__( 'Friend or family', 'jetpack-forms' ),
],
},
[
Expand All @@ -270,7 +270,7 @@ const variations = compact( [
[
'jetpack/label',
{
label: __( 'Other Details', 'jetpack-forms' ),
label: __( 'Other details', 'jetpack-forms' ),
},
],
[ 'jetpack/input', { type: 'textarea' } ],
Expand Down Expand Up @@ -361,7 +361,7 @@ const variations = compact( [
{
name: 'jetpack/label',
attributes: {
label: __( 'Other Details', 'jetpack-forms' ),
label: __( 'Other details', 'jetpack-forms' ),
},
},
{
Expand Down Expand Up @@ -466,7 +466,7 @@ const variations = compact( [
[
'jetpack/button',
{
text: __( 'Book Appointment', 'jetpack-forms' ),
text: __( 'Book appointment', 'jetpack-forms' ),
element: 'button',
lock: { remove: true },
},
Expand Down Expand Up @@ -546,7 +546,7 @@ const variations = compact( [
{
name: 'jetpack/button',
attributes: {
text: __( 'Book Appointment', 'jetpack-forms' ),
text: __( 'Book appointment', 'jetpack-forms' ),
element: 'button',
lock: { remove: true },
},
Expand All @@ -557,7 +557,7 @@ const variations = compact( [
{
name: 'feedback-form',
title: __( 'Feedback Form', 'jetpack-forms' ),
description: __( 'Add a Feedback form to your page', 'jetpack-forms' ),
description: __( 'Add a feedback form to your page', 'jetpack-forms' ),
icon: {
foreground: getIconColor(),
src: renderMaterialIcon(
Expand Down
6 changes: 3 additions & 3 deletions projects/packages/forms/src/blocks/field-checkbox/edit.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -66,7 +66,7 @@ export default function CheckboxFieldEdit( props ) {
<ToolbarRequiredGroup required={ required } onClick={ onRequiredToggle } />
</BlockControls>
<InspectorControls>
<PanelBody title={ __( 'Checkbox Settings', 'jetpack-forms' ) }>
<PanelBody title={ __( 'Checkbox settings', 'jetpack-forms' ) }>
<ToggleControl
label={ __( 'Checked by default', 'jetpack-forms' ) }
checked={ !! defaultValue }
Expand All @@ -76,10 +76,10 @@ export default function CheckboxFieldEdit( props ) {
</PanelBody>
</InspectorControls>
<InspectorControls>
<PanelBody title={ __( 'Manage Responses', 'jetpack-forms' ) }>
<PanelBody title={ __( 'Manage responses', 'jetpack-forms' ) }>
<JetpackManageResponsesSettings isChildBlock />
</PanelBody>
<PanelBody title={ __( 'Field Settings', 'jetpack-forms' ) }>
<PanelBody title={ __( 'Field settings', 'jetpack-forms' ) }>
<ToggleControl
label={ __( 'Field is required', 'jetpack-forms' ) }
checked={ required }
Expand Down
6 changes: 3 additions & 3 deletions projects/packages/forms/src/blocks/field-consent/edit.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -149,10 +149,10 @@ export default function ConsentFieldEdit( props ) {
<>
<div { ...innerBlocksProps } />
<InspectorControls>
<PanelBody title={ __( 'Manage Responses', 'jetpack-forms' ) }>
<PanelBody title={ __( 'Manage responses', 'jetpack-forms' ) }>
<JetpackManageResponsesSettings isChildBlock />
</PanelBody>
<PanelBody title={ __( 'Field Settings', 'jetpack-forms' ) }>
<PanelBody title={ __( 'Field settings', 'jetpack-forms' ) }>
<JetpackFieldWidth setAttributes={ setAttributes } width={ width } />
<ToggleControl
label={ __( 'Sync fields style', 'jetpack-forms' ) }
Expand All @@ -162,7 +162,7 @@ export default function ConsentFieldEdit( props ) {
__nextHasNoMarginBottom
/>
</PanelBody>
<PanelBody title={ __( 'Consent Settings', 'jetpack-forms' ) }>
<PanelBody title={ __( 'Consent settings', 'jetpack-forms' ) }>
<BaseControl __nextHasNoMarginBottom>
<SelectControl
label={ __( 'Permission to email', 'jetpack-forms' ) }
Expand Down
2 changes: 1 addition & 1 deletion projects/packages/forms/src/blocks/field-multiple-choice/index.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ const name = 'field-checkbox-multiple';
const settings = {
...defaultSettings,
title: __( 'Multiple Choice (Checkbox)', 'jetpack-forms' ),
keywords: [ __( 'Choose Multiple', 'jetpack-forms' ), __( 'Option', 'jetpack-forms' ) ],
keywords: [ __( 'Choose multiple', 'jetpack-forms' ), __( 'Option', 'jetpack-forms' ) ],
description: __(
'Offer users a list of choices, and allow them to select multiple options.',
'jetpack-forms'
Expand Down
4 changes: 2 additions & 2 deletions projects/packages/forms/src/blocks/shared/components/jetpack-field-controls.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -69,10 +69,10 @@ const JetpackFieldControls = ( {
</BlockControls>

<InspectorControls>
<PanelBody title={ __( 'Manage Responses', 'jetpack-forms' ) }>
<PanelBody title={ __( 'Manage responses', 'jetpack-forms' ) }>
<JetpackManageResponsesSettings isChildBlock />
</PanelBody>
<PanelBody title={ __( 'Field Settings', 'jetpack-forms' ) }>
<PanelBody title={ __( 'Field settings', 'jetpack-forms' ) }>
<>{ fieldSettings }</>
</PanelBody>
</InspectorControls>
Expand Down
Loading