[EuiFormRow] Remove display="columnCompressedSwitch" prop option

packages/eui/changelogs/upcoming/8113.md

@@ -0,0 +1,3 @@
+**Breaking changes**
+
+- Removed `EuiFormRow`'s deprecated `columnCompressedSwitch` display prop. Use `columnCompressed` instead

packages/eui/src-docs/src/views/form_compressed/form_compressed_example.js

@@ -93,20 +93,12 @@ export const FormCompressedExample = {
         EuiFormRow,
       },
       demo: <FormHorizontal />,
-      snippet: [
-        `<EuiFormRow
+      snippet: `<EuiFormRow
   label="Text field"
   display="columnCompressed"
 >
   <EuiFieldText compressed />
 </EuiFormRow>`,
-        `<EuiFormRow
-  label="Switch"
-  display="columnCompressedSwitch"
->
-  <EuiSwitch compressed />
-</EuiFormRow>`,
-      ],
     },
     {
       title: 'Contextual help',

packages/eui/src/components/color_picker/color_picker.tsx

@@ -456,7 +456,6 @@ export const EuiColorPicker: FunctionComponent<EuiColorPickerProps> = ({
     mode === 'secondaryInput' || secondaryInputDisplay !== 'none';
   const inlineInput = showSecondaryInput && (
     <EuiFormRow
-      display="rowCompressed"
       isInvalid={isInvalid}
       error={isInvalid ? colorErrorMessage : null}
     >

packages/eui/src/components/form/form_row/__snapshots__/form_row.test.tsx.snap

@@ -78,21 +78,6 @@ exports[`EuiFormRow props display type columnCompressed is rendered 1`] = `
 </div>
 `;
 
-exports[`EuiFormRow props display type columnCompressedSwitch is rendered 1`] = `
-<div
-  class="euiFormRow emotion-euiFormRow-columnCompressed"
-  id="generated-id-row"
->
-  <div
-    class="euiFormRow__fieldWrapper"
-  >
-    <input
-      id="generated-id"
-    />
-  </div>
-</div>
-`;
-
 exports[`EuiFormRow props display type row is rendered 1`] = `
 <div
   class="euiFormRow emotion-euiFormRow"

packages/eui/src/components/form/form_row/form_row.styles.ts

@@ -49,8 +49,7 @@ export const euiFormRowStyles = (euiThemeContext: UseEuiTheme) => {
         ${logicalCSS('margin-top', euiTheme.size.base)}
       }
     `,
-    // No difference from the uncompressed row for this current theme AFAICT
-    // TODO: Deprecate prop
+    // No difference from the uncompressed row for the current EUI theme
     get rowCompressed() {
       return this.row;
     },
@@ -94,11 +93,6 @@ export const euiFormRowStyles = (euiThemeContext: UseEuiTheme) => {
         }
       }
     `,
-    // Handled by :has CSS now rather than a separate modifier/prop
-    // TODO: Deprecate prop
-    get columnCompressedSwitch() {
-      return this.columnCompressed;
-    },
 
     // Center display is primarily for inline form rows, which may have have
     // field content that is shorter than form controls (e.g. switches, text),

packages/eui/src/components/form/form_row/form_row.tsx

@@ -35,11 +35,8 @@ export const DISPLAYS = [
   'center',
   'centerCompressed',
   /**
-   * @deprecated
-   */
-  'columnCompressedSwitch',
-  /**
-   * @deprecated
+   * This currently does not affect styles/appearances
+   * in EUI's present primary theme, but may in the future.
    */
   'rowCompressed',
 ] as const;
@@ -49,7 +46,6 @@ export type EuiFormRowDisplayKeys = (typeof DISPLAYS)[number];
 type EuiFormRowCommonProps = CommonProps & {
   /**
    * - `columnCompressed` creates a compressed and horizontal layout
-   * - `columnCompressedSwitch` - **deprecated**, use `columnCompressed` instead
    * - `center`/`centerCompressed` helps align non-input content better with inline form layouts
    * - `rowCompressed` - **deprecated**, does not currently affect styling
    */