roleypoly/v3
1
0
Fork 0
mirror of https://github.com/roleypoly/roleypoly.git synced 2025-06-17 01:59:08 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

chore: update prettier tab width for consistency

Browse source
This commit is contained in:
41666 2021-03-13 22:49:01 -05:00
parent a931f8c69c
commit 9b71a24e2d
247 changed files with 7224 additions and 7375 deletions
Download patch file Download diff file Expand all files Collapse all files

100
packages/design-system/atoms/branding/DynamicBranding.stories.tsx
View file

@ -7,72 +7,72 @@ import { Logomark, Logotype } from './Branding';
import { AllVariants, DynamicLogomark, DynamicLogotype } from './DynamicBranding';
export default {
title: 'Atoms/Branding/Dynamic',
component: DynamicLogotype,
title: 'Atoms/Branding/Dynamic',
component: DynamicLogotype,
};
const WrapperDiv = styled.div`
background-color: ${palette.taupe100};
padding: 2em;
background-color: ${palette.taupe100};
padding: 2em;
`;
const Wrapper = (props: { children: React.ReactNode }) => (
<>
<WrapperDiv>{props.children}</WrapperDiv>
<ReactTooltip />
</>
<>
<WrapperDiv>{props.children}</WrapperDiv>
<ReactTooltip />
</>
);
export const dynamicLogotype = (args) => {
return (
<Wrapper>
<DynamicLogotype {...args} />
</Wrapper>
);
return (
<Wrapper>
<DynamicLogotype {...args} />
</Wrapper>
);
};
export const dynamicLogomark = (args) => {
return (
<Wrapper>
<DynamicLogomark {...args} />
</Wrapper>
);
return (
<Wrapper>
<DynamicLogomark {...args} />
</Wrapper>
);
};
export const AllCustomizedLogotypes = () => {
return (
<Wrapper>
<div>
<Text>Base Logo</Text>
<br />
<Logotype height={50} />
</div>
{AllVariants.map((variant, idx) => (
<div key={idx} style={{ marginTop: 5 }}>
<Text>{variant.name}</Text>
<br />
<variant.Logotype height={50} />
</div>
))}
</Wrapper>
);
return (
<Wrapper>
<div>
<Text>Base Logo</Text>
<br />
<Logotype height={50} />
</div>
{AllVariants.map((variant, idx) => (
<div key={idx} style={{ marginTop: 5 }}>
<Text>{variant.name}</Text>
<br />
<variant.Logotype height={50} />
</div>
))}
</Wrapper>
);
};
export const AllCustomizedLogomarks = () => {
return (
<Wrapper>
<div>
<Text>Base Logo</Text>
<br />
<Logomark height={50} />
</div>
{AllVariants.map((variant, idx) => (
<div key={idx}>
<Text>{variant.name}</Text>
<br />
<variant.Logomark height={50} />
</div>
))}
</Wrapper>
);
return (
<Wrapper>
<div>
<Text>Base Logo</Text>
<br />
<Logomark height={50} />
</div>
{AllVariants.map((variant, idx) => (
<div key={idx}>
<Text>{variant.name}</Text>
<br />
<variant.Logomark height={50} />
</div>
))}
</Wrapper>
);
};