[opinionated] Rename defaultMaxWidth class modifier

- to match `defaultMinWidth` modifier, used in EuiButtonDisplay (elastic#6373)
miukimiu · Nov 18, 2022 · 16ecde8 · 16ecde8
1 parent 334ce8c
commit 16ecde8
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 5 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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];