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

feat: add access control

Browse source
This commit is contained in:
41666 2021-07-18 01:57:03 -04:00
parent 9c07ff0e54
commit 3f45153b66
47 changed files with 1084 additions and 164 deletions
Download patch file Download diff file Expand all files Collapse all files

8
packages/design-system/atoms/icon-helper/IconHelper.stories.tsx Normal file
View file

@ -0,0 +1,8 @@
import { IconHelper } from './IconHelper';
export default {
title: 'Atoms/Icon Helper',
component: IconHelper,
};
export const iconHelper = (args) => <IconHelper {...args} />;

21
packages/design-system/atoms/icon-helper/IconHelper.styled.ts Normal file
View file

@ -0,0 +1,21 @@
import { palette } from '@roleypoly/design-system/atoms/colors';
import styled from 'styled-components';
const levelColors = {
error: palette.red400,
warn: palette.gold400,
info: palette.discord400,
chrome: palette.taupe400,
success: palette.green400,
none: 'unset',
};
export type IconHelperLevel = keyof typeof levelColors;
export const IconHelperStyled = styled.span<{
level: IconHelperLevel;
}>`
position: relative;
top: 0.12em;
color: ${(props) => levelColors[props.level]};
`;

7
packages/design-system/atoms/icon-helper/IconHelper.tsx Normal file
View file

@ -0,0 +1,7 @@
import React from 'react';
import { IconHelperLevel, IconHelperStyled } from './IconHelper.styled';
export const IconHelper = (props: {
children: React.ReactNode;
level?: IconHelperLevel;
}) => <IconHelperStyled level={props.level || 'none'}>{props.children}</IconHelperStyled>;

1
packages/design-system/atoms/icon-helper/index.ts Normal file
View file

@ -0,0 +1 @@
export * from './IconHelper';