chore(design-system): prettier

src/design-system/organisms/app-shell/AppShell.story.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { organismStories } from 'organisms/organisms.story';
+import { organismStories } from 'roleypoly/src/design-system/organisms/organisms.story';
 import { AppShell } from './AppShell';
-import { rpUser, guildEnum } from 'hack/fixtures/storyData';
+import { rpUser, guildEnum } from 'roleypoly/src/design-system/shared-types/storyData';
 
 const story = organismStories('App Shell', module);
 

src/design-system/organisms/app-shell/AppShell.styled.tsx

@@ -1,5 +1,5 @@
 import styled, { createGlobalStyle } from 'styled-components';
-import { palette } from 'atoms/colors';
+import { palette } from 'roleypoly/src/design-system/atoms/colors';
 
 export const Content = styled.div<{ small?: boolean }>`
     margin: 0 auto;

src/design-system/organisms/app-shell/AppShell.tsx

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import * as Masthead from 'organisms/masthead';
+import * as Masthead from 'roleypoly/src/design-system/organisms/masthead';
 import { RoleypolyUser } from '@roleypoly/rpc/shared';
-import { Footer } from 'molecules/footer';
+import { Footer } from 'roleypoly/src/design-system/molecules/footer';
 import { Content, GlobalStyles } from './AppShell.styled';
-import { GlobalStyleColors } from 'atoms/colors';
+import { GlobalStyleColors } from 'roleypoly/src/design-system/atoms/colors';
 import { GuildEnumeration } from '@roleypoly/rpc/platform';
 import { Scrollbars } from 'react-custom-scrollbars';
 

src/design-system/organisms/error-banner/ErrorBanner.story.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { organismStories } from 'organisms/organisms.story';
+import { organismStories } from 'roleypoly/src/design-system/organisms/organisms.story';
 import { ErrorBanner } from './ErrorBanner';
 import { text } from '@storybook/addon-knobs';
 

src/design-system/organisms/error-banner/ErrorBanner.styled.ts

@@ -1,6 +1,6 @@
-import { onSmallScreen } from 'atoms/breakpoints';
+import { onSmallScreen } from 'roleypoly/src/design-system/atoms/breakpoints';
-import { palette } from 'atoms/colors';
+import { palette } from 'roleypoly/src/design-system/atoms/colors';
-import { text300, text500, text700 } from 'atoms/typography';
+import { text300, text500, text700 } from 'roleypoly/src/design-system/atoms/typography';
 import styled, { css } from 'styled-components';
 
 export const ErrorWrapper = styled.div`

src/design-system/organisms/help-page-base/HelpPageBase.story.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { organismStories } from 'organisms/organisms.story';
+import { organismStories } from 'roleypoly/src/design-system/organisms/organisms.story';
 import { HelpPageBase } from './HelpPageBase';
-import { Content } from 'organisms/app-shell/AppShell.styled';
+import { Content } from 'roleypoly/src/design-system/organisms/app-shell/AppShell.styled';
 
 const baseStory = organismStories('Help Pages', module);
 

src/design-system/organisms/help-page-base/HelpPageBase.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import styled from 'styled-components';
-import { palette } from 'atoms/colors';
+import { palette } from 'roleypoly/src/design-system/atoms/colors';
 
 export type HelpPageProps = {
     children: React.ReactNode;

src/design-system/organisms/help-why-no-roles/WhyNoRoles.story.tsx

@@ -1,7 +1,7 @@
 import { WhyNoRoles } from './WhyNoRoles';
 import * as React from 'react';
-import { organismStories } from 'organisms/organisms.story';
+import { organismStories } from 'roleypoly/src/design-system/organisms/organisms.story';
-import { HelpStoryWrapper } from 'organisms/help-page-base/HelpPageBase.story';
+import { HelpStoryWrapper } from 'roleypoly/src/design-system/organisms/help-page-base/HelpPageBase.story';
 
 organismStories('Help Pages/Pages', module).add('Why No Roles', () => (
     <HelpStoryWrapper>

src/design-system/organisms/help-why-no-roles/WhyNoRoles.styled.ts

@@ -1,5 +1,5 @@
 import styled, { css } from 'styled-components';
-import { palette, numberToChroma } from 'atoms/colors';
+import { palette, numberToChroma } from 'roleypoly/src/design-system/atoms/colors';
 import { Role } from '@roleypoly/rpc/shared';
 
 export const DiscordBase = styled.div`

src/design-system/organisms/help-why-no-roles/WhyNoRoles.tsx

@@ -1,12 +1,15 @@
 import * as React from 'react';
-import { HalfsiesContainer, HalfsiesItem } from 'atoms/halfsies';
+import {
+    HalfsiesContainer,
+    HalfsiesItem,
+} from 'roleypoly/src/design-system/atoms/halfsies';
 import { FaCheck, FaTimes } from 'react-icons/fa';
 import { DiscordBase, DiscordRole } from './WhyNoRoles.styled';
-import { demoData } from 'hack/fixtures/demoData';
+import { demoData } from 'roleypoly/src/design-system/shared-types/demoData';
 import { Role } from '@roleypoly/rpc/shared';
-import { palette } from 'atoms/colors';
+import { palette } from 'roleypoly/src/design-system/atoms/colors';
 import chroma from 'chroma-js';
-import { SparkleOverlay } from 'atoms/sparkle';
+import { SparkleOverlay } from 'roleypoly/src/design-system/atoms/sparkle';
 
 const adminRoles: Role.AsObject[] = [
     {

src/design-system/organisms/landing/Landing.story.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { organismStories } from 'organisms/organisms.story';
+import { organismStories } from 'roleypoly/src/design-system/organisms/organisms.story';
 import { Landing } from './Landing';
 
 const story = organismStories('Landing', module);

src/design-system/organisms/landing/Landing.styled.ts

@@ -1,5 +1,5 @@
-import { onTablet } from 'atoms/breakpoints';
+import { onTablet } from 'roleypoly/src/design-system/atoms/breakpoints';
-import { text400 } from 'atoms/typography';
+import { text400 } from 'roleypoly/src/design-system/atoms/typography';
 import styled, { css } from 'styled-components';
 
 export const HeroText = styled.div`

src/design-system/organisms/landing/Landing.tsx

@@ -1,11 +1,14 @@
-import { palette } from 'atoms/colors';
+import { palette } from 'roleypoly/src/design-system/atoms/colors';
-import { Space } from 'atoms/space';
+import { Space } from 'roleypoly/src/design-system/atoms/space';
-import { LargeText, LargeTitle } from 'atoms/typography';
+import { LargeText, LargeTitle } from 'roleypoly/src/design-system/atoms/typography';
-import { DemoDiscord } from 'molecules/demo-discord';
+import { DemoDiscord } from 'roleypoly/src/design-system/molecules/demo-discord';
-import { DemoPicker } from 'molecules/demo-picker';
+import { DemoPicker } from 'roleypoly/src/design-system/molecules/demo-picker';
 import * as React from 'react';
 import { DemoAlignment, DemoSubtitle, HeroCentering, HeroText } from './Landing.styled';
-import { HalfsiesContainer, HalfsiesItem } from 'atoms/halfsies';
+import {
+    HalfsiesContainer,
+    HalfsiesItem,
+} from 'roleypoly/src/design-system/atoms/halfsies';
 
 export const Landing = () => (
     <HeroCentering>

src/design-system/organisms/masthead/Authed.tsx

@@ -1,12 +1,12 @@
 import { GuildEnumeration } from '@roleypoly/rpc/platform';
 import { RoleypolyUser } from '@roleypoly/rpc/shared';
-import { Logomark } from 'atoms/branding';
+import { Logomark } from 'roleypoly/src/design-system/atoms/branding';
-import { Popover } from 'atoms/popover';
+import { Popover } from 'roleypoly/src/design-system/atoms/popover';
-import { guildEnum } from 'hack/fixtures/storyData';
+import { guildEnum } from 'roleypoly/src/design-system/shared-types/storyData';
-import { GuildNav } from 'molecules/guild-nav';
+import { GuildNav } from 'roleypoly/src/design-system/molecules/guild-nav';
-import { NavSlug } from 'molecules/nav-slug';
+import { NavSlug } from 'roleypoly/src/design-system/molecules/nav-slug';
-import { UserAvatarGroup } from 'molecules/user-avatar-group';
+import { UserAvatarGroup } from 'roleypoly/src/design-system/molecules/user-avatar-group';
-import { UserPopover } from 'molecules/user-popover';
+import { UserPopover } from 'roleypoly/src/design-system/molecules/user-popover';
 import Link from 'next/link';
 import * as React from 'react';
 import { GoOrganization } from 'react-icons/go';

src/design-system/organisms/masthead/Guest.tsx

@@ -1,5 +1,5 @@
-import { Logotype } from 'atoms/branding';
+import { Logotype } from 'roleypoly/src/design-system/atoms/branding';
-import { Button } from 'atoms/button';
+import { Button } from 'roleypoly/src/design-system/atoms/button';
 import Link from 'next/link';
 import * as React from 'react';
 import { FaSignInAlt } from 'react-icons/fa';

src/design-system/organisms/masthead/Masthead.story.tsx

@@ -1,5 +1,9 @@
-import { rpUser, guild, guildEnum } from 'hack/fixtures/storyData';
+import {
-import { organismStories } from 'organisms/organisms.story';
+    rpUser,
+    guild,
+    guildEnum,
+} from 'roleypoly/src/design-system/shared-types/storyData';
+import { organismStories } from 'roleypoly/src/design-system/organisms/organisms.story';
 import * as React from 'react';
 import { Authed } from './Authed';
 import { Guest } from './Guest';

src/design-system/organisms/masthead/Masthead.styled.tsx

@@ -1,6 +1,6 @@
-import { onSmallScreen } from 'atoms/breakpoints';
+import { onSmallScreen } from 'roleypoly/src/design-system/atoms/breakpoints';
-import { palette } from 'atoms/colors';
+import { palette } from 'roleypoly/src/design-system/atoms/colors';
-import { transitions } from 'atoms/timings';
+import { transitions } from 'roleypoly/src/design-system/atoms/timings';
 import styled, { css } from 'styled-components';
 
 export const MastheadBase = styled.div`

src/design-system/organisms/organisms.story.tsx

@@ -1,2 +0,0 @@
-import { makeFactory } from '../.storybook/storyHelper';
-export const organismStories = makeFactory('Organisms');

src/design-system/organisms/preauth/Preauth.story.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Preauth } from './Preauth';
-import { organismStories } from 'organisms/organisms.story';
+import { organismStories } from 'roleypoly/src/design-system/organisms/organisms.story';
-import { guild } from 'hack/fixtures/storyData';
+import { guild } from 'roleypoly/src/design-system/shared-types/storyData';
 import { action } from '@storybook/addon-actions';
 import styled from 'styled-components';
 

src/design-system/organisms/preauth/Preauth.tsx

@@ -1,8 +1,8 @@
 import { Guild } from '@roleypoly/rpc/shared';
-import { Button } from 'atoms/button';
+import { Button } from 'roleypoly/src/design-system/atoms/button';
-import { Space } from 'atoms/space';
+import { Space } from 'roleypoly/src/design-system/atoms/space';
-import { PreauthGreeting } from 'molecules/preauth-greeting';
+import { PreauthGreeting } from 'roleypoly/src/design-system/molecules/preauth-greeting';
-import { PreauthSecretCode } from 'molecules/preauth-secret-code';
+import { PreauthSecretCode } from 'roleypoly/src/design-system/molecules/preauth-secret-code';
 import * as React from 'react';
 import { FaDiscord } from 'react-icons/fa';
 import styled from 'styled-components';

src/design-system/organisms/role-picker/RolePicker.spec.tsx

@@ -3,7 +3,7 @@ jest.unmock('atoms/role')
     .unmock('molecules/picker-category')
     .unmock('organisms/role-picker');
 
-import { Role } from 'atoms/role';
+import { Role } from 'roleypoly/src/design-system/atoms/role';
 import { shallow } from 'enzyme';
 import {
     guild,
@@ -11,9 +11,9 @@ import {
     guildRoles,
     member,
     mockCategorySingle,
-} from 'hack/fixtures/storyData';
+} from 'roleypoly/src/design-system/shared-types/storyData';
-import { ResetSubmit } from 'molecules/reset-submit';
+import { ResetSubmit } from 'roleypoly/src/design-system/molecules/reset-submit';
-import { PickerCategory } from 'molecules/picker-category';
+import { PickerCategory } from 'roleypoly/src/design-system/molecules/picker-category';
 import * as React from 'react';
 import { RolePicker, RolePickerProps } from './RolePicker';
 

src/design-system/organisms/role-picker/RolePicker.story.tsx

@@ -1,7 +1,12 @@
 import * as React from 'react';
 import { RolePicker, RolePickerProps } from './RolePicker';
-import { organismStories } from 'organisms/organisms.story';
+import { organismStories } from 'roleypoly/src/design-system/organisms/organisms.story';
-import { guildData, member, guildRoles, guild } from 'hack/fixtures/storyData';
+import {
+    guildData,
+    member,
+    guildRoles,
+    guild,
+} from 'roleypoly/src/design-system/shared-types/storyData';
 import { action } from '@storybook/addon-actions';
 
 const storyPublic = organismStories('Role Picker/Public', module);

src/design-system/organisms/role-picker/RolePicker.styled.tsx

@@ -1,5 +1,5 @@
 import styled from 'styled-components';
-import { palette } from 'atoms/colors';
+import { palette } from 'roleypoly/src/design-system/atoms/colors';
 
 export const Container = styled.div``;
 

src/design-system/organisms/role-picker/RolePicker.tsx

@@ -1,11 +1,11 @@
 import { Member } from '@roleypoly/rpc/discord';
 import { Category, GuildData } from '@roleypoly/rpc/platform';
 import { Guild, GuildRoles, Role } from '@roleypoly/rpc/shared';
-import { FaderOpacity } from 'atoms/fader';
+import { FaderOpacity } from 'roleypoly/src/design-system/atoms/fader';
-import { Space } from 'atoms/space';
+import { Space } from 'roleypoly/src/design-system/atoms/space';
-import { ResetSubmit } from 'molecules/reset-submit';
+import { ResetSubmit } from 'roleypoly/src/design-system/molecules/reset-submit';
-import { ServerMasthead } from 'molecules/server-masthead';
+import { ServerMasthead } from 'roleypoly/src/design-system/molecules/server-masthead';
-import { PickerCategory } from 'molecules/picker-category';
+import { PickerCategory } from 'roleypoly/src/design-system/molecules/picker-category';
 import * as React from 'react';
 import { GoInfo } from 'react-icons/go';
 import {

src/design-system/templates/auth-login/AuthLogin.story.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { templateStories } from 'templates/templates.story';
 import { AuthLogin } from './AuthLogin';
 import { action } from '@storybook/addon-actions';
-import { guild } from 'hack/fixtures/storyData';
+import { guild } from 'roleypoly/src/design-system/shared-types/storyData';
 
 const story = templateStories('Login', module);
 

src/design-system/templates/auth-login/AuthLogin.tsx

@@ -1,6 +1,9 @@
-import { Hero } from 'atoms/hero';
+import { Hero } from 'roleypoly/src/design-system/atoms/hero';
-import { AppShell } from 'organisms/app-shell';
+import { AppShell } from 'roleypoly/src/design-system/organisms/app-shell';
-import { Preauth, PreauthProps } from 'organisms/preauth/Preauth';
+import {
+    Preauth,
+    PreauthProps,
+} from 'roleypoly/src/design-system/organisms/preauth/Preauth';
 import * as React from 'react';
 
 export type AuthLoginProps = PreauthProps;

src/design-system/templates/errors/Errors.tsx

@@ -1,9 +1,9 @@
-import { DotOverlay } from 'atoms/dot-overlay';
+import { DotOverlay } from 'roleypoly/src/design-system/atoms/dot-overlay';
-import { Hero } from 'atoms/hero';
+import { Hero } from 'roleypoly/src/design-system/atoms/hero';
-import { AppShell } from 'organisms/app-shell';
+import { AppShell } from 'roleypoly/src/design-system/organisms/app-shell';
 import * as React from 'react';
 import { ErrorMessage, getMessageFromCode } from './errorStrings';
-import { ErrorBanner } from 'organisms/error-banner';
+import { ErrorBanner } from 'roleypoly/src/design-system/organisms/error-banner';
 import { RoleypolyUser } from '@roleypoly/rpc/shared';
 
 export type ErrorProps = {

src/design-system/templates/help-page/HelpPage.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { AppShell } from 'organisms/app-shell';
+import { AppShell } from 'roleypoly/src/design-system/organisms/app-shell';
-import { HelpPageBase } from 'organisms/help-page-base';
+import { HelpPageBase } from 'roleypoly/src/design-system/organisms/help-page-base';
 import { RoleypolyUser } from '@roleypoly/rpc/shared';
 
 type HelpPageProps = {

src/design-system/templates/landing/Landing.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { AppShell } from 'organisms/app-shell';
+import { AppShell } from 'roleypoly/src/design-system/organisms/app-shell';
-import { Landing } from 'organisms/landing';
+import { Landing } from 'roleypoly/src/design-system/organisms/landing';
 
 export const LandingTemplate = () => (
     <AppShell showFooter user={null}>

src/design-system/templates/role-picker/RolePicker.story.tsx

@@ -8,7 +8,7 @@ import {
     guild,
     rpUser,
     guildEnum,
-} from 'hack/fixtures/storyData';
+} from 'roleypoly/src/design-system/shared-types/storyData';
 import { action } from '@storybook/addon-actions';
 import { boolean } from '@storybook/addon-knobs';
 

src/design-system/templates/role-picker/RolePicker.tsx

@@ -1,6 +1,9 @@
 import * as React from 'react';
-import { AppShell } from 'organisms/app-shell';
+import { AppShell } from 'roleypoly/src/design-system/organisms/app-shell';
-import { RolePicker, RolePickerProps } from 'organisms/role-picker';
+import {
+    RolePicker,
+    RolePickerProps,
+} from 'roleypoly/src/design-system/organisms/role-picker';
 import { RoleypolyUser } from '@roleypoly/rpc/shared';
 import { GuildEnumeration } from '@roleypoly/rpc/platform';