Prettier fix 🚨

Author: PatelUtkarsh

Gruntfile.js

@@ -16,7 +16,7 @@
 
 /* eslint-env node */
 
-module.exports = function( grunt ) {
+module.exports = function ( grunt ) {
 	'use strict';
 
 	// prettier-ignore

plugin/assets/src/block-editor/blocks/cards-collection/components/focused-card-controls.js

@@ -69,8 +69,10 @@ const FocusedCardControls = ( {
 		</div>
 
 		<span className="card-number-title">
-			{ // translators: %s: Card number.
-			sprintf( __( 'Card #%d', 'material-design' ), cardIndex + 1 ) }
+			{
+				// translators: %s: Card number.
+				sprintf( __( 'Card #%d', 'material-design' ), cardIndex + 1 )
+			}
 		</span>
 
 		<div className="remove-card">

plugin/assets/src/block-editor/blocks/image-list/components/gallery.js

@@ -91,8 +91,9 @@ const Gallery = ( {
 			};
 		} else {
 			itemStyles = {
-				width: `calc(100% / ${ desktopColumns } - ${ desktopGutter +
-					1 / desktopColumns }px)`,
+				width: `calc(100% / ${ desktopColumns } - ${
+					desktopGutter + 1 / desktopColumns
+				}px)`,
 				margin: `${ desktopGutter / 2 }px`,
 			};
 		}

plugin/assets/src/block-editor/components/url-input-popover/index.js

@@ -76,7 +76,7 @@ const UrlInputPopover = ( {
 						icon="admin-links"
 					/>
 					{ onChange &&
-					! disableSuggestions && ( // Auto-suggestions for inputting url.
+						! disableSuggestions && ( // Auto-suggestions for inputting url.
 							<URLInput
 								className="material-design-url-input-control__input"
 								value={ value }
@@ -85,7 +85,7 @@ const UrlInputPopover = ( {
 							/>
 						) }
 					{ onChange &&
-					disableSuggestions && ( // Plain text control for inputting url.
+						disableSuggestions && ( // Plain text control for inputting url.
 							<TextControl
 								className="material-design-url-input-control__input material-design-url-input-control__input--plain"
 								value={ value }

plugin/assets/src/customizer/components/color-control/color-a11y.js

@@ -114,8 +114,10 @@ const ColorVariation = ( {
 
 	return (
 		<>
-			{ // translators: %s is size of the color variation.
-			sprintf( __( '%s text: ', 'material-design' ), size ) }
+			{
+				// translators: %s is size of the color variation.
+				sprintf( __( '%s text: ', 'material-design' ), size )
+			}
 			{ textColor }
 			{ __( ' text not legible ', 'material-design' ) }
 			<span style={ { backgroundColor: colorHex, color: textColorHex } }>

plugin/assets/src/customizer/components/google-fonts-control/styles.js

@@ -20,16 +20,16 @@
 import { __ } from '@wordpress/i18n';
 
 export const STYLES = {
-	'100': __( 'Thin', 'material-design' ),
-	'200': __( 'Extra Light', 'material-design' ),
-	'300': __( 'Light', 'material-design' ),
+	100: __( 'Thin', 'material-design' ),
+	200: __( 'Extra Light', 'material-design' ),
+	300: __( 'Light', 'material-design' ),
 	regular: __( 'Regular', 'material-design' ),
-	'500': __( 'Medium', 'material-design' ),
-	'600': __( 'Semi Bold', 'material-design' ),
-	'700': __( 'Bold', 'material-design' ),
-	'800': __( 'Extra Bold', 'material-design' ),
-	'900': __( 'Black', 'material-design' ),
-	'950': __( 'Extra Black', 'material-design' ),
+	500: __( 'Medium', 'material-design' ),
+	600: __( 'Semi Bold', 'material-design' ),
+	700: __( 'Bold', 'material-design' ),
+	800: __( 'Extra Bold', 'material-design' ),
+	900: __( 'Black', 'material-design' ),
+	950: __( 'Extra Black', 'material-design' ),
 	// Italics
 	'100italic': __( 'Thin Italic', 'material-design' ),
 	'200italic': __( 'Extra Light Italic', 'material-design' ),

plugin/assets/src/customizer/components/material-library/styles.js

@@ -100,6 +100,6 @@ export const Overrides = createGlobalStyle`
 
 export const RippleColor = styled.div`
 	[class*='__ripple']::before {
-		background-color: ${props => props.primaryColor} !important;
+		background-color: ${ props => props.primaryColor } !important;
 	}
 `;

plugin/assets/src/customizer/components/reset-card-style/index.js

@@ -71,10 +71,10 @@ const handleClick = event => {
  */
 const handleGlobalStyleResetButtonClick = () => {
 	const api = window.wp.customize;
-	api.control( 'material_design[card_reset]', function( control ) {
+	api.control( 'material_design[card_reset]', function ( control ) {
 		control.container
 			.find( '.material-global-style-reset' )
-			.on( 'click', function( /** @type {Event} */ event ) {
+			.on( 'click', function ( /** @type {Event} */ event ) {
 				handleClick( event );
 			} );
 	} );

plugin/assets/src/customizer/customize-controls.js

@@ -513,7 +513,7 @@ import handleGlobalStyleResetButtonClick from './components/reset-card-style';
 	api.IconRadioControl = api.Control.extend( {
 		ready() {
 			const control = this;
-			$( 'input:radio', control.container ).on( 'change', function() {
+			$( 'input:radio', control.container ).on( 'change', function () {
 				control.setting.set( $( this ).val() );
 			} );
 		},

plugin/assets/src/customizer/customize-preview.js

@@ -73,8 +73,8 @@ export const COLOR_MODES = {
 	const defaultModeControls = {};
 	const darkModeControls = {};
 
-	$( function() {
-		api.preview.bind( 'active', function() {
+	$( function () {
+		api.preview.bind( 'active', function () {
 			api.preview.send( 'materialDesign', {
 				notificationCount:
 					_wpCustomizeSettings.values.material_design_notify,