chore: update prettier tab width for consistency (#175)

packages/design-system/.storybook/main.js

@@ -1,4 +1,4 @@
 module.exports = {
-    stories: ['../**/*.stories.mdx', '../**/*.stories.@(js|jsx|ts|tsx)'],
-    addons: ['@storybook/addon-links', '@storybook/addon-essentials'],
+  stories: ['../**/*.stories.mdx', '../**/*.stories.@(js|jsx|ts|tsx)'],
+  addons: ['@storybook/addon-links', '@storybook/addon-essentials'],
 };

packages/design-system/.storybook/manager.js

@@ -2,5 +2,5 @@ import { addons } from '@storybook/addons';
 import { roleypolyTheme } from './theme';
 
 addons.setConfig({
-    theme: roleypolyTheme,
+  theme: roleypolyTheme,
 });

packages/design-system/.storybook/mocks/next_link.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 
 type Props = {
-    children: React.ReactNode;
+  children: React.ReactNode;
 };
 const Link = (props: Props) => <>{props.children}</>;
 

packages/design-system/.storybook/preview.js

@@ -2,9 +2,9 @@ import { roleypolyTheme } from './theme';
 import { mdxComponents } from '../atoms/typography/mdx';
 
 export const parameters = {
-    actions: { argTypesRegex: '^on[A-Z].*' },
-    docs: {
-        theme: roleypolyTheme,
-        components: mdxComponents,
-    },
+  actions: { argTypesRegex: '^on[A-Z].*' },
+  docs: {
+    theme: roleypolyTheme,
+    components: mdxComponents,
+  },
 };

packages/design-system/.storybook/theme.js

@@ -2,33 +2,33 @@ import { create } from '@storybook/theming';
 import { palette } from '../atoms/colors';
 
 export const roleypolyTheme = create({
-    base: 'dark',
+  base: 'dark',
 
-    colorPrimary: palette.green400,
-    colorSecondary: palette.taupe200,
+  colorPrimary: palette.green400,
+  colorSecondary: palette.taupe200,
 
-    // UI
-    appBg: palette.taupe300,
-    appContentBg: palette.taupe200,
-    appBorderColor: palette.taupe100,
-    appBorderRadius: 0,
+  // UI
+  appBg: palette.taupe300,
+  appContentBg: palette.taupe200,
+  appBorderColor: palette.taupe100,
+  appBorderRadius: 0,
 
-    // Typography
-    fontBase: 'system-ui, sans-serif',
-    fontCode: 'monospace',
+  // Typography
+  fontBase: 'system-ui, sans-serif',
+  fontCode: 'monospace',
 
-    // Text colors
-    textColor: palette.grey600,
-    textInverseColor: palette.grey100,
+  // Text colors
+  textColor: palette.grey600,
+  textInverseColor: palette.grey100,
 
-    // Toolbar default and active colors
-    barTextColor: palette.taupe500,
-    barSelectedColor: palette.taupe600,
-    barBg: palette.taupe100,
+  // Toolbar default and active colors
+  barTextColor: palette.taupe500,
+  barSelectedColor: palette.taupe600,
+  barBg: palette.taupe100,
 
-    // Form colors
-    inputBg: 'rgba(0,0,0,0.24)',
-    inputBorder: palette.taupe100,
-    inputTextColor: palette.grey600,
-    inputBorderRadius: 0,
+  // Form colors
+  inputBg: 'rgba(0,0,0,0.24)',
+  inputBorder: palette.taupe100,
+  inputTextColor: palette.grey600,
+  inputBorderRadius: 0,
 });