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

update seasonal logo variants

Browse source
This commit is contained in:
41666 2020-12-06 13:45:27 -05:00
parent 5ae666176b
commit f4716584bb
3 changed files with 44 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

26
src/design-system/atoms/branding/DynamicBranding.stories.tsx
View file

@ -1,6 +1,8 @@
import * as React from 'react';
import ReactTooltip from 'react-tooltip';
import { Text } from 'roleypoly/design-system/atoms/typography';
import styled from 'styled-components';
import { Logomark, Logotype } from './Branding';
import { AllVariants, DynamicLogomark, DynamicLogotype } from './DynamicBranding';
export default {
@ -20,7 +22,7 @@ const Wrapper = (props: { children: React.ReactNode }) => (
</>
);
export const DynamicLogotype_ = (args) => {
export const dynamicLogotype = (args) => {
return (
<Wrapper>
<DynamicLogotype {...args} />
@ -28,7 +30,7 @@ export const DynamicLogotype_ = (args) => {
);
};
export const DynamicLogomark_ = (args) => {
export const dynamicLogomark = (args) => {
return (
<Wrapper>
<DynamicLogomark {...args} />
@ -39,8 +41,15 @@ export const DynamicLogomark_ = (args) => {
export const AllCustomizedLogotypes = () => {
return (
<Wrapper>
<div>
<Text>Base Logo</Text>
<br />
<Logotype height={50} />
</div>
{AllVariants.map((variant, idx) => (
<div key={idx}>
<div key={idx} style={{ marginTop: 5 }}>
<Text>{variant.name}</Text>
<br />
<variant.Logotype height={50} />
</div>
))}
@ -51,8 +60,17 @@ export const AllCustomizedLogotypes = () => {
export const AllCustomizedLogomarks = () => {
return (
<Wrapper>
<div>
<Text>Base Logo</Text>
<br />
<Logomark height={50} />
</div>
{AllVariants.map((variant, idx) => (
<variant.Logomark key={idx} height={50} />
<div key={idx}>
<Text>{variant.name}</Text>
<br />
<variant.Logomark height={50} />
</div>
))}
</Wrapper>
);