From 500b848fee1e1b62aa86afbc6d5adcd1ce20f5d1 Mon Sep 17 00:00:00 2001
From: Luigi Teschio <gigitux@gmail.com>
Date: Wed, 18 Sep 2024 11:34:05 +0200
Subject: [PATCH] improve css classnames

---
 packages/fields/src/fields/slug/index.ts            |  4 ++--
 .../fields/slug/{slug.edit.tsx => slug-edit.tsx}    | 12 ++++++------
 .../fields/slug/{slug.view.tsx => slug-view.tsx}    |  0
 packages/fields/src/fields/slug/style.scss          | 13 ++++++-------
 4 files changed, 14 insertions(+), 15 deletions(-)
 rename packages/fields/src/fields/slug/{slug.edit.tsx => slug-edit.tsx} (89%)
 rename packages/fields/src/fields/slug/{slug.view.tsx => slug-view.tsx} (100%)

diff --git a/packages/fields/src/fields/slug/index.ts b/packages/fields/src/fields/slug/index.ts
index 2d340f8e5366ad..803e04bbfee52b 100644
--- a/packages/fields/src/fields/slug/index.ts
+++ b/packages/fields/src/fields/slug/index.ts
@@ -8,8 +8,8 @@ import type { Field } from '@wordpress/dataviews';
  */
 import type { BasePost } from '../../types';
 import { __ } from '@wordpress/i18n';
-import SlugEdit from './slug.edit';
-import SlugView from './slug.view';
+import SlugEdit from './slug-edit';
+import SlugView from './slug-view';
 
 const slugField: Field< BasePost > = {
 	id: 'slug',
diff --git a/packages/fields/src/fields/slug/slug.edit.tsx b/packages/fields/src/fields/slug/slug-edit.tsx
similarity index 89%
rename from packages/fields/src/fields/slug/slug.edit.tsx
rename to packages/fields/src/fields/slug/slug-edit.tsx
index b2cc5138b97c4c..3def1d868fca97 100644
--- a/packages/fields/src/fields/slug/slug.edit.tsx
+++ b/packages/fields/src/fields/slug/slug-edit.tsx
@@ -68,7 +68,7 @@ const SlugEdit = ( {
 	} );
 
 	return (
-		<fieldset className="edit-site-dataviews-controls__slug">
+		<fieldset className="fields-controls__slug">
 			{ isEditable && (
 				<VStack>
 					<VStack spacing="0px">
@@ -100,7 +100,7 @@ const SlugEdit = ( {
 						autoComplete="off"
 						spellCheck="false"
 						type="text"
-						className="edit-site-dataviews-controls__slug-input"
+						className="fields-controls__slug-input"
 						onChange={ ( newValue?: string ) => {
 							onChangeControl( newValue );
 						} }
@@ -111,14 +111,14 @@ const SlugEdit = ( {
 						} }
 						help={
 							<ExternalLink
-								className="edit-site-dataviews-controls__slug-help"
+								className="fields-controls__slug-help"
 								href={ permalink }
 							>
 								<span>{ permalinkPrefix }</span>
-								<span className="edit-site-dataviews-controls__slug-help-slug">
+								<span className="fields-controls__slug-help-slug">
 									{ slugToDisplay }
 								</span>
-								<span className="edit-site-dataviews-controls__slug-help-suffix">
+								<span className="fields-controls__slug-help-suffix">
 									{ permalinkSuffix }
 								</span>
 							</ExternalLink>
@@ -128,7 +128,7 @@ const SlugEdit = ( {
 			) }
 			{ ! isEditable && (
 				<ExternalLink
-					className="edit-site-dataviews-controls__slug-help"
+					className="fields-controls__slug-help"
 					href={ permalink }
 				>
 					{ permalink }
diff --git a/packages/fields/src/fields/slug/slug.view.tsx b/packages/fields/src/fields/slug/slug-view.tsx
similarity index 100%
rename from packages/fields/src/fields/slug/slug.view.tsx
rename to packages/fields/src/fields/slug/slug-view.tsx
diff --git a/packages/fields/src/fields/slug/style.scss b/packages/fields/src/fields/slug/style.scss
index c1eb06791ca320..d705c2c38681b8 100644
--- a/packages/fields/src/fields/slug/style.scss
+++ b/packages/fields/src/fields/slug/style.scss
@@ -1,18 +1,17 @@
-.edit-site-dataviews-controls__slug {
-	.edit-site-dataviews-controls__slug-external-icon {
+.fields-controls__slug {
+	.fields-controls__slug-external-icon {
 		margin-left: 5ch;
 	}
 
-	.edit-site-dataviews-controls__slug-input
-	input.components-input-control__input {
+	.fields-controls__slug-input input.components-input-control__input {
 		padding-inline-start: 0 !important;
 	}
 
-	.edit-site-dataviews-controls__slug-help {
+	.fields-controls__slug-help {
 		color: $gray-700;
 
-		.edit-site-dataviews-controls__slug-help-slug,
-		.edit-site-dataviews-controls__slug-help-suffix {
+		.fields-controls__slug-help-slug,
+		.fields-controls__slug-help-suffix {
 			font-weight: 600;
 		}
 	}