From 16ecde8ef5aa56f7cf018667ad125a09df01b19a Mon Sep 17 00:00:00 2001
From: Constance Chen <constance.chen.3@gmail.com>
Date: Fri, 18 Nov 2022 13:12:41 -0800
Subject: [PATCH] [opinionated] Rename `defaultMaxWidth` class modifier

- to match `defaultMinWidth` modifier, used in EuiButtonDisplay (#6373)
---
 .../modal/__snapshots__/confirm_modal.test.tsx.snap           | 4 ++--
 src/components/modal/__snapshots__/modal.test.tsx.snap        | 2 +-
 src/components/modal/modal.styles.ts                          | 2 +-
 src/components/modal/modal.tsx                                | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/modal/__snapshots__/confirm_modal.test.tsx.snap b/src/components/modal/__snapshots__/confirm_modal.test.tsx.snap
index 55ec4b44f6c..ab79a4d4291 100644
--- a/src/components/modal/__snapshots__/confirm_modal.test.tsx.snap
+++ b/src/components/modal/__snapshots__/confirm_modal.test.tsx.snap
@@ -12,7 +12,7 @@ Array [
   >
     <div
       aria-label="aria-label"
-      class="euiModal euiModal--confirmation testClass1 testClass2 emotion-euiModal-maxWidthDefault-confirmation"
+      class="euiModal euiModal--confirmation testClass1 testClass2 emotion-euiModal-defaultMaxWidth-confirmation"
       data-test-subj="test subject string"
       tabindex="0"
     >
@@ -110,7 +110,7 @@ Array [
   >
     <div
       aria-label="aria-label"
-      class="euiModal euiModal--confirmation testClass1 testClass2 emotion-euiModal-maxWidthDefault-confirmation"
+      class="euiModal euiModal--confirmation testClass1 testClass2 emotion-euiModal-defaultMaxWidth-confirmation"
       data-test-subj="test subject string"
       tabindex="0"
     >
diff --git a/src/components/modal/__snapshots__/modal.test.tsx.snap b/src/components/modal/__snapshots__/modal.test.tsx.snap
index a6737a2ac50..c992006b697 100644
--- a/src/components/modal/__snapshots__/modal.test.tsx.snap
+++ b/src/components/modal/__snapshots__/modal.test.tsx.snap
@@ -18,7 +18,7 @@ exports[`EuiModal renders 1`] = `
     >
       <div
         aria-label="aria-label"
-        class="euiModal testClass1 testClass2 emotion-euiModal-maxWidthDefault"
+        class="euiModal testClass1 testClass2 emotion-euiModal-defaultMaxWidth"
         data-test-subj="test subject string"
         tabindex="0"
       >
diff --git a/src/components/modal/modal.styles.ts b/src/components/modal/modal.styles.ts
index b94e007295a..ce1b6c1abd3 100644
--- a/src/components/modal/modal.styles.ts
+++ b/src/components/modal/modal.styles.ts
@@ -58,7 +58,7 @@ export const euiModalStyles = (euiThemeContext: UseEuiTheme) => {
       }
     `,
     // Variants
-    maxWidthDefault: css`
+    defaultMaxWidth: css`
       max-inline-size: min(
         ${euiTheme.breakpoint.m}px,
         calc(100vw - ${euiTheme.size.base})
diff --git a/src/components/modal/modal.tsx b/src/components/modal/modal.tsx
index 93dd1eb320c..a9d7167fa23 100644
--- a/src/components/modal/modal.tsx
+++ b/src/components/modal/modal.tsx
@@ -72,7 +72,7 @@ export const EuiModal: FunctionComponent<EuiModalProps> = ({
 
   const euiTheme = useEuiTheme();
   const styles = euiModalStyles(euiTheme);
-  const cssStyles = [styles.euiModal, maxWidth && styles.maxWidthDefault];
+  const cssStyles = [styles.euiModal, maxWidth && styles.defaultMaxWidth];
 
   const cssCloseIconStyles = [styles.euiModal__closeIcon];