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

fix all linting issues, upgrade most packages

Browse source
This commit is contained in:
41666 2022-01-30 04:53:13 -05:00
parent c7774ddca3
commit 3c3af304f7
45 changed files with 1148 additions and 1848 deletions
Download patch file Download diff file Expand all files Collapse all files

12
packages/design-system/molecules/demo-discord/DemoDiscord.styled.ts
View file

@ -3,7 +3,7 @@ import styled, { keyframes } from 'styled-components';
export const Base = styled.div`
background-color: ${palette.discord100};
border: solid 1px rgba(0, 0, 0, 0.15);
border: solid 1px rgb(0 0 0 / 15%);
border-radius: 3px;
padding: 10px;
user-select: none;
@ -12,7 +12,7 @@ export const Base = styled.div`
export const Timestamp = styled.span`
padding: 0 5px;
font-size: 0.7em;
opacity: 0.3;
opacity: 30%;
`;
export const TextParts = styled.span`
@ -35,19 +35,19 @@ export const InputBox = styled.div`
const lineBlink = keyframes`
0% {
opacity: 1;
opacity: 100%;
}
40% {
opacity: 1;
opacity: 100%;
}
60% {
opacity: 0;
opacity: 0%;
}
100% {
opacity: 0;
opacity: 0%;
}
`;

8
packages/design-system/molecules/demo-picker/DemoPicker.tsx
View file

@ -19,11 +19,9 @@ const RoleWrap = styled.div`
`;
export const DemoPicker = () => {
const [selectedStates, setSelectedStates] = React.useState<
{
[key in RPCRole['id']]: boolean;
}
>(demoData.reduce((acc, role) => ({ ...acc, [role.id]: false }), {}));
const [selectedStates, setSelectedStates] = React.useState<{
[key in RPCRole['id']]: boolean;
}>(demoData.reduce((acc, role) => ({ ...acc, [role.id]: false }), {}));
return (
<Container>

4
packages/design-system/molecules/editable-role-list/EditableRoleList.styled.ts
View file

@ -24,7 +24,7 @@ export const AddRoleButton = styled.div<{ long?: boolean }>`
&:hover {
background-color: ${palette.taupe100};
transform: translateY(-2px);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 1px rgb(0 0 0 / 10%);
}
&:active {
@ -39,5 +39,5 @@ export const AddRoleButton = styled.div<{ long?: boolean }>`
`
: css`
width: 32px;
`};
`}
`;

6
packages/design-system/molecules/editor-category/EditorCategory.styled.ts
View file

@ -40,7 +40,7 @@ export const Section = styled.div<{ big?: boolean; actions?: boolean }>`
props.actions &&
css`
display: flex;
`};
`}
`;
export const RoleContainer = styled.div`
@ -65,7 +65,7 @@ export const AddRoleButton = styled.div<{ long?: boolean }>`
&:hover {
background-color: ${palette.taupe100};
transform: translateY(-2px);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 1px rgb(0 0 0 / 10%);
}
&:active {
@ -80,5 +80,5 @@ export const AddRoleButton = styled.div<{ long?: boolean }>`
`
: css`
width: 32px;
`};
`}
`;

4
packages/design-system/molecules/footer/Footer.styled.ts
View file

@ -19,12 +19,12 @@ export const FooterWrapper = styled.div`
`;
export const HoverColor = styled.div`
opacity: 0.3;
opacity: 30%;
filter: saturate(0);
transition: all ${transitions.in2in}s ease-in-out;
&:hover {
opacity: 1;
opacity: 100%;
filter: none;
}
`;

4
packages/design-system/molecules/server-listing-card/ServerListingCard.styled.ts
View file

@ -75,11 +75,11 @@ export const CardBase = styled.div`
box-sizing: border-box;
max-width: 98vw;
:hover {
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
box-shadow: 0 2px 2px rgb(0 0 0 / 25%);
transform: translate(0, -1px);
}
:active {
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 2px rgb(0 0 0 / 25%);
transform: translate(0);
}

4
packages/design-system/molecules/server-utilities/ServerUtilities.styled.ts
View file

@ -20,7 +20,7 @@ export const ClickaleBlock = styled.a`
`;
export const Title = styled.div`
${text400};
${text400}
svg {
color: ${palette.taupe500};
@ -30,7 +30,7 @@ export const Title = styled.div`
`;
export const Description = styled.div`
${text200};
${text200}
`;
export const MainSide = styled.div``;