Bump prettier from 2.0.5 to 2.1.2 (#1490)

Author: dependabot-preview[bot]

package.json

@@ -70,7 +70,7 @@
     "lint-staged": "^10.4.0",
     "npm-run-all": "^4.1.5",
     "pre-commit": "1.2.2",
-    "prettier": "^2.0.5",
+    "prettier": "^2.1.2",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
     "styled-components": "^4.4.1",

packages/components/src/ActionList/utils/actionListFormatting.ts

@@ -63,10 +63,10 @@ export const numericColumnCSS = (columnIndices: number[]) =>
     ${columnIndices.map(
       (columnIndex) =>
         css`
-        ${ActionListItemColumn}:nth-child(${columnIndex + 1}),
-        ${ActionListHeaderColumn}:nth-child(${columnIndex + 1}) {
-          flex-direction: row-reverse;
-        }
-      `
+          ${ActionListItemColumn}:nth-child(${columnIndex + 1}),
+          ${ActionListHeaderColumn}:nth-child(${columnIndex + 1}) {
+            flex-direction: row-reverse;
+          }
+        `
     )}
   `

packages/components/src/Avatar/AvatarIcon.tsx

@@ -96,8 +96,7 @@ const AvatarLayout: FC<AvatarIconProps> = ({
 
 export const AvatarIcon = styled(AvatarLayout)`
   ${avatarCSS}
-  ${({ role }) =>
-    role === 'button' && 'cursor: pointer;'}
+  ${({ role }) => role === 'button' && 'cursor: pointer;'}
   border: solid 1px currentColor;
 
   ${Icon} {

packages/components/src/Avatar/AvatarUser.tsx

@@ -89,8 +89,7 @@ export const AvatarUser = styled(AvatarLayout).attrs((props) => ({
   size: props.size || 'small',
 }))`
   ${avatarCSS}
-  ${({ role }) =>
-    role === 'button' && 'cursor: pointer;'}
+  ${({ role }) => role === 'button' && 'cursor: pointer;'}
 
   background: currentColor;
   position: relative;

packages/components/src/Menu/MenuList.tsx

@@ -70,7 +70,7 @@ export interface MenuListProps
   compact?: boolean
 
   /**
-   * Display a horizonal rule between each MenuGroup item
+   * Display a horizontal rule between each MenuGroup item
    * @default true
    */
   groupDividers?: boolean
@@ -164,10 +164,10 @@ export const MenuListInternal = forwardRef(
 const dividersStyle = ({ groupDividers = true }: MenuListProps) =>
   groupDividers &&
   css`
-  ${MenuGroup} ~ ${MenuGroup} {
-    border-top: 1px solid ${({ theme: { colors } }) => colors.ui2};
-  }
-`
+    ${MenuGroup} ~ ${MenuGroup} {
+      border-top: 1px solid ${({ theme: { colors } }) => colors.ui2};
+    }
+  `
 
 export const MenuList = styled(MenuListInternal)`
   ${reset}

packages/eslint-config/package.json

@@ -41,7 +41,7 @@
     "eslint-plugin-react-hooks": "^4.1.2",
     "eslint-plugin-sort-keys-fix": "^1.1.1",
     "eslint-plugin-standard": "^4.0.1",
-    "prettier": "^2.0.5",
+    "prettier": "^2.1.2",
     "typescript": "^3.8.3"
   },
   "resolutions": {

packages/prettier/package.json

@@ -18,7 +18,7 @@
     "index.json"
   ],
   "dependencies": {
-    "prettier": ">=2.0.5"
+    "prettier": ">=2.1.2"
   },
   "gitHead": "62febc162e3e45124f403e2c84fc741f68fe6714"
 }

packages/stylelint-config/package.json

@@ -18,7 +18,7 @@
     "yarn": ">=1.14.0"
   },
   "dependencies": {
-    "prettier": "^2.0.5",
+    "prettier": "^2.1.2",
     "stylelint": "^13.7.2",
     "stylelint-config-prettier": "^8.0.1",
     "stylelint-config-recommended": "^3.0.0",

storybook/src/Forms/TextArea.stories.tsx

@@ -33,7 +33,7 @@ export const All = () => (
     <Required />
     <Error />
     <Inline />
-    <Resize />>
+    <Resize />
   </Grid>
 )
 

www/src/documentation/components/content/demos/CalendarPropTable.tsx

@@ -55,7 +55,7 @@ export const CalendarPropTable = () => {
           <TableRow>
             <TableDataCell pr="large">onDayClick</TableDataCell>
             <TableDataCell pr="large">
-              <Code>(date: Date) => void</Code>
+              <Code>(date: Date) ={'>'} void</Code>
             </TableDataCell>
           </TableRow>
           <TableRow>
@@ -98,25 +98,25 @@ export const CalendarPropTable = () => {
           <TableRow>
             <TableDataCell pr="large">onNextClick</TableDataCell>
             <TableDataCell pr="large">
-              <Code>(date: Date) => void</Code>
+              <Code>(date: Date) ={'>'} void</Code>
             </TableDataCell>
           </TableRow>
           <TableRow>
             <TableDataCell pr="large">onNowClick</TableDataCell>
             <TableDataCell pr="large">
-              <Code>(date: Date) => void</Code>
+              <Code>(date: Date) ={'>'} void</Code>
             </TableDataCell>
           </TableRow>
           <TableRow>
             <TableDataCell pr="large">onPrevClick</TableDataCell>
             <TableDataCell pr="large">
-              <Code>(date: Date) => void</Code>
+              <Code>(date: Date) ={'>'} void</Code>
             </TableDataCell>
           </TableRow>
           <TableRow>
             <TableDataCell pr="large">onMonthChange</TableDataCell>
             <TableDataCell pr="large">
-              <Code>(date: Date) => void</Code>
+              <Code>(date: Date) ={'>'} void</Code>
             </TableDataCell>
           </TableRow>
           <TableRow>
@@ -133,10 +133,10 @@ export const CalendarPropTable = () => {
 }
 
 const TableKey = styled.div`
-  border-top: 1px solid ${({ theme }) => theme.colors.ui2};
   background: ${({ theme }) => theme.colors.ui1};
+  border-top: 1px solid ${({ theme }) => theme.colors.ui2};
   color: ${({ theme }) => theme.colors.text3};
   font-weight: bold;
-  padding: 0.5rem;
   margin-bottom: 2rem;
+  padding: 0.5rem;
 `