style: updated prettier with style formatting

Major version update for prettier. New style formatting requested.
d2iq · Aug 16, 2023 · eb6bc75 · eb6bc75
1 parent 8d5097e
commit eb6bc75
Show file tree

Hide file tree

Showing 20 changed files with 747 additions and 211 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -108,11 +108,11 @@
  "csstype": "3.1.2",
  "cz-conventional-changelog": "3.3.0",
  "eslint": "8.47.0",
- "eslint-config-prettier": "8.8.0",
+ "eslint-config-prettier": "9.0.0",
  "eslint-plugin-import": "2.28.0",
  "eslint-plugin-jest": "27.2.3",
  "eslint-plugin-jsx-a11y": "6.7.1",
- "eslint-plugin-prettier": "4.2.1",
+ "eslint-plugin-prettier": "5.0.0",
  "eslint-plugin-react": "7.33.2",
  "eslint-plugin-react-hooks": "4.6.0",
  "eslint-plugin-storybook": "0.6.13",
@@ -123,7 +123,7 @@
  "jest": "29.6.2",
  "jest-environment-jsdom": "29.6.2",
  "jest-runner-prettier": "1.0.0",
- "prettier": "2.8.8",
+ "prettier": "3.0.2",
  "rimraf": "5.0.1",
  "semantic-release": "21.0.7",
  "storybook": "7.3.1",

diff --git a/packages/appChrome/style.ts b/packages/appChrome/style.ts
@@ -93,7 +93,9 @@ export const sidebarContainer = (theme: AppChromeTheme, isOpen?: boolean) => {
 export const sidebarAnimator = css`
  height: 100%;
  overflow-x: hidden;
- transition: width 150ms ease-in-out, transform 150ms ease-in-out;
+ transition:
+ width 150ms ease-in-out,
+ transform 150ms ease-in-out;
 `;
 
 export const sidebarItemHeight = css`

diff --git a/packages/formStructure/tests/__snapshots__/fieldGroup.test.tsx.snap b/packages/formStructure/tests/__snapshots__/fieldGroup.test.tsx.snap
@@ -3,11 +3,11 @@
 exports[`FieldGroup renders 1`] = `
 <DocumentFragment>
  <div
- class="css-mzfoj8"
+ class="css-1wxyshp"
  data-cy="flex"
  >
  <div
- class="css-3u8ls1"
+ class="css-1pdu2hh"
  data-cy="flexItem"
  >
  <div
@@ -25,7 +25,7 @@ exports[`FieldGroup renders 1`] = `
  <input
  aria-describedby=""
  aria-invalid="false"
- class="css-1w8it3t"
+ class="css-8rdv3x"
  data-cy="textInput-input"
  id="1"
  type="text"
@@ -39,7 +39,7 @@ exports[`FieldGroup renders 1`] = `
  </div>
  </div>
  <div
- class="css-3u8ls1"
+ class="css-1pdu2hh"
  data-cy="flexItem"
  >
  <div
@@ -57,7 +57,7 @@ exports[`FieldGroup renders 1`] = `
  <input
  aria-describedby=""
  aria-invalid="false"
- class="css-1w8it3t"
+ class="css-8rdv3x"
  data-cy="textInput-input"
  id="2"
  type="text"
@@ -71,7 +71,7 @@ exports[`FieldGroup renders 1`] = `
  </div>
  </div>
  <div
- class="css-3u8ls1"
+ class="css-1pdu2hh"
  data-cy="flexItem"
  >
  <div
@@ -89,7 +89,7 @@ exports[`FieldGroup renders 1`] = `
  <input
  aria-describedby=""
  aria-invalid="false"
- class="css-1w8it3t"
+ class="css-8rdv3x"
  data-cy="textInput-input"
  id="3"
  type="text"

diff --git a/packages/formStructure/tests/__snapshots__/fieldList.test.tsx.snap b/packages/formStructure/tests/__snapshots__/fieldList.test.tsx.snap
@@ -54,7 +54,7 @@ exports[`FieldList renders 1`] = `
  <input
  aria-describedby=""
  aria-invalid="false"
- class="css-1w8it3t"
+ class="css-8rdv3x"
  data-cy="textInput-input"
  id="name-0"
  type="text"
@@ -94,7 +94,7 @@ exports[`FieldList renders 1`] = `
  <input
  aria-describedby=""
  aria-invalid="false"
- class="css-1w8it3t"
+ class="css-8rdv3x"
  data-cy="textInput-input"
  id="role-0"
  type="text"
@@ -160,7 +160,7 @@ exports[`FieldList renders 1`] = `
  <input
  aria-describedby=""
  aria-invalid="false"
- class="css-1w8it3t"
+ class="css-8rdv3x"
  data-cy="textInput-input"
  id="name-1"
  type="text"
@@ -200,7 +200,7 @@ exports[`FieldList renders 1`] = `
  <input
  aria-describedby=""
  aria-invalid="false"
- class="css-1w8it3t"
+ class="css-8rdv3x"
  data-cy="textInput-input"
  id="role-1"
  type="text"
@@ -265,7 +265,7 @@ exports[`FieldList renders 1`] = `
  <input
  aria-describedby=""
  aria-invalid="false"
- class="css-1w8it3t"
+ class="css-8rdv3x"
  data-cy="textInput-input"
  id="name-2"
  type="text"
@@ -305,7 +305,7 @@ exports[`FieldList renders 1`] = `
  <input
  aria-describedby=""
  aria-invalid="false"
- class="css-1w8it3t"
+ class="css-8rdv3x"
  data-cy="textInput-input"
  id="role-2"
  type="text"
@@ -355,7 +355,7 @@ exports[`FieldList renders 1`] = `
  class="css-1hesotu"
  >
  <span
- class="css-16x89v1"
+ class="css-16u27ir"
  >
  <svg
  aria-label="system-plus icon"
@@ -373,7 +373,7 @@ exports[`FieldList renders 1`] = `
  </svg>
  </span>
  <span
- class="css-mzjeix"
+ class="css-1nh9z6v"
  >
  Add row
  </span>

diff --git a/packages/formStructure/tests/__snapshots__/formStructure.test.tsx.snap b/packages/formStructure/tests/__snapshots__/formStructure.test.tsx.snap
@@ -8,7 +8,7 @@ exports[`Form structure components renders top-level form structure components 1
  >
  <div
  aria-live="assertive"
- class="css-1pwjwaz"
+ class="css-1gcslu5"
  data-cy="infoBox infoBox.warning"
  role="alert"
  >

diff --git a/packages/infobox/style.ts b/packages/infobox/style.ts
@@ -61,14 +61,13 @@ export const infoBoxActions = css`
  margin-left: auto;
 `;
 
-export const infoBox = appearance =>
- css`
- ${infoBoxAppearances(appearance)};
- display: flex;
- justify-content: space-between;
- overflow: auto;
- word-break: break-word;
- `;
+export const infoBox = appearance => css`
+ ${infoBoxAppearances(appearance)};
+ display: flex;
+ justify-content: space-between;
+ overflow: auto;
+ word-break: break-word;
+`;
 
 export const infoBoxInline = css`
  border-radius: ${borderRadiusDefault};

diff --git a/packages/messagePanel/tests/__snapshots__/messagePanel.test.tsx.snap b/packages/messagePanel/tests/__snapshots__/messagePanel.test.tsx.snap
@@ -126,7 +126,7 @@ exports[`MessagePanel renders with primary and secondary actions 1`] = `
  data-cy="flex"
  >
  <div
- class="css-1rhjo5i"
+ class="css-1rmvaqm"
  data-cy="flexItem"
  >
  <button
@@ -143,7 +143,7 @@ exports[`MessagePanel renders with primary and secondary actions 1`] = `
  </button>
  </div>
  <div
- class="css-1rhjo5i"
+ class="css-1rmvaqm"
  data-cy="flexItem"
  >
  <button

diff --git a/packages/messagePanel/tests/__snapshots__/messagePanelWithGraphic.test.tsx.snap b/packages/messagePanel/tests/__snapshots__/messagePanelWithGraphic.test.tsx.snap
@@ -83,7 +83,7 @@ exports[`MessagePanelWithGraphic renders with primary and secondary actions 1`]
  data-cy="flex"
  >
  <div
- class="css-1rhjo5i"
+ class="css-1rmvaqm"
  data-cy="flexItem"
  >
  <button
@@ -100,7 +100,7 @@ exports[`MessagePanelWithGraphic renders with primary and secondary actions 1`]
  </button>
  </div>
  <div
- class="css-1rhjo5i"
+ class="css-1rmvaqm"
  data-cy="flexItem"
  >
  <button

diff --git a/packages/modal/style.ts b/packages/modal/style.ts
@@ -120,7 +120,8 @@ export const modalCloseWrapper = css`
 `;
 
 export const modalPreTransitionStyle = duration => css`
- transition: opacity ${duration}ms ease-in-out,
+ transition:
+ opacity ${duration}ms ease-in-out,
  transform ${duration}ms ease-in-out;
  opacity: 0;
  transform: translate(0, calc(-50px));

diff --git a/packages/pageheader/tests/__snapshots__/PageHeader.test.tsx.snap b/packages/pageheader/tests/__snapshots__/PageHeader.test.tsx.snap
@@ -10,7 +10,7 @@ exports[`PageHeader default 1`] = `
  data-cy="pageHeader"
  >
  <div
- class="css-qi8t7c"
+ class="css-1xgp7r9"
  >
  <nav
  class="css-cldwuj"
@@ -53,7 +53,7 @@ exports[`PageHeader default 1`] = `
  </nav>
  </div>
  <div
- class="css-48ylac"
+ class="css-7358jg"
  >
  <ul
  class="css-eozmc"