From c569bd2f1b4d00b01a35b63698c8e5ba539cd3ed Mon Sep 17 00:00:00 2001
From: lukewalczak <lukasz.walczak.pwr@gmail.com>
Date: Fri, 7 Aug 2020 15:57:31 +0200
Subject: [PATCH] Change styles name

---
 packages/block-library/src/column/edit.native.js              | 4 ++--
 .../src/mobile/bottom-sheet/footer-message-cell.native.js     | 2 +-
 .../components/src/mobile/bottom-sheet/styles.native.scss     | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/block-library/src/column/edit.native.js b/packages/block-library/src/column/edit.native.js
index d356396a20d9b..ae530dec63ca2 100644
--- a/packages/block-library/src/column/edit.native.js
+++ b/packages/block-library/src/column/edit.native.js
@@ -17,7 +17,7 @@ import {
 import {
 	PanelBody,
 	RangeControl,
-	UnsupportedFooterControl,
+	FooterMessageControl,
 } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 /**
@@ -97,7 +97,7 @@ function ColumnEdit( {
 					/>
 				</PanelBody>
 				<PanelBody>
-					<UnsupportedFooterControl
+					<FooterMessageControl
 						label={ __(
 							'Note: Column layout may vary between themes and screen sizes'
 						) }
diff --git a/packages/components/src/mobile/bottom-sheet/footer-message-cell.native.js b/packages/components/src/mobile/bottom-sheet/footer-message-cell.native.js
index cdb80737e8e3e..85717987dd33a 100644
--- a/packages/components/src/mobile/bottom-sheet/footer-message-cell.native.js
+++ b/packages/components/src/mobile/bottom-sheet/footer-message-cell.native.js
@@ -15,7 +15,7 @@ function FooterMessageCell( { textAlign, ...props } ) {
 			editable={ false }
 			value={ '' }
 			accessibilityRole={ 'text' }
-			labelStyle={ [ styles.unsupportedFooterCell, { textAlign } ] }
+			labelStyle={ [ styles.footerMessageCell, { textAlign } ] }
 		/>
 	);
 }
diff --git a/packages/components/src/mobile/bottom-sheet/styles.native.scss b/packages/components/src/mobile/bottom-sheet/styles.native.scss
index 0a40d622084f4..700212f858455 100644
--- a/packages/components/src/mobile/bottom-sheet/styles.native.scss
+++ b/packages/components/src/mobile/bottom-sheet/styles.native.scss
@@ -168,9 +168,9 @@
 	color: #c3c4c7;
 }
 
-// Unsupported Footer Cell
+// Footer Message Cell
 
-.unsupportedFooterCell {
+.footerMessageCell {
 	font-size: $text-editor-font-size;
 	color: $gray;
 	flex: 1;