wkc/lcm-potty-chart
Archived
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

Stable #68

Merged
LucidKobold merged 12 commits from stable into stable 2022-08-12 17:42:31 -04:00
Conversation 2 Commits 12 Files Changed 7 +1083 -1041
7 changed files with 1083 additions and 1041 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 107564cf56 - Show all commits

29
src/theme/components/buttonStyles.ts
View File

@@ -1,10 +1,5 @@
/* eslint-disable @typescript-eslint/explicit-module-boundary-types */ /* eslint-disable @typescript-eslint/explicit-module-boundary-types */
import { import { darken, mode, whiten } from "@chakra-ui/theme-tools";
darken,
mode,
StyleFunctionProps,
whiten
} from "@chakra-ui/theme-tools";
import { Dict } from "@chakra-ui/utils"; import { Dict } from "@chakra-ui/utils";
const buttonStyles = { const buttonStyles = {
@@ -14,7 +9,7 @@ const buttonStyles = {
sizes: {}, sizes: {},
// styles for different visual variants ("outline", "solid") // styles for different visual variants ("outline", "solid")
variants: { variants: {
primary: (props: Dict<never> | StyleFunctionProps) => ({ primary: (props: Dict<never>) => ({
bg: "brand.primary", bg: "brand.primary",
fontSize: "xl", fontSize: "xl",
py: 3, py: 3,
@@ -27,7 +22,7 @@ const buttonStyles = {
)(props) )(props)
} }
}), }),
secondary: (props: Dict<never> | StyleFunctionProps) => ({ secondary: (props: Dict<never>) => ({
bg: "brand.secondary", bg: "brand.secondary",
fontSize: "xl", fontSize: "xl",
py: 3, py: 3,
@@ -40,7 +35,7 @@ const buttonStyles = {
)(props) )(props)
} }
}), }),
skip: (props: Dict<never> | StyleFunctionProps) => ({ skip: (props: Dict<never>) => ({
bg: "transparent", bg: "transparent",
fontSize: "xl", fontSize: "xl",
py: 3, py: 3,
@@ -51,7 +46,7 @@ const buttonStyles = {
color: "whiteAlpha.900" color: "whiteAlpha.900"
} }
}), }),
stickerButton: (props: Dict<never> | StyleFunctionProps) => ({ stickerButton: (props: Dict<never>) => ({
bg: "transparent", bg: "transparent",
fontSize: "4rem", fontSize: "4rem",
px: 2, px: 2,
@@ -63,7 +58,7 @@ const buttonStyles = {
)(props) )(props)
} }
}), }),
nav: (props: Dict<never> | StyleFunctionProps) => ({ nav: (props: Dict<never>) => ({
bg: "transparent", bg: "transparent",
fontSize: "md", fontSize: "md",
px: 2, px: 2,
@@ -82,7 +77,7 @@ const buttonStyles = {
textDecoration: "underline" textDecoration: "underline"
} }
}), }),
footer: (props: Dict<never> | StyleFunctionProps) => ({ footer: (props: Dict<never>) => ({
bg: "brand.main", bg: "brand.main",
fontSize: "lg", fontSize: "lg",
py: 3, py: 3,
@@ -92,7 +87,7 @@ const buttonStyles = {
bg: mode(whiten("brand.main", 20), darken("brand.main", 20))(props) bg: mode(whiten("brand.main", 20), darken("brand.main", 20))(props)
} }
}), }),
backToTop: (props: Dict<never> | StyleFunctionProps) => ({ backToTop: (props: Dict<never>) => ({
bg: "rgba(23, 25, 35, 0.5)", bg: "rgba(23, 25, 35, 0.5)",
fontSize: "lg", fontSize: "lg",
py: 2, py: 2,
@@ -112,7 +107,7 @@ const buttonStyles = {
border: "1px solid rgba(0, 134, 255, 1)" border: "1px solid rgba(0, 134, 255, 1)"
} }
}), }),
submit: (props: Dict<never> | StyleFunctionProps) => ({ submit: (props: Dict<never>) => ({
fontSize: "lg", fontSize: "lg",
py: 2, py: 2,
px: 4, px: 4,
@@ -131,7 +126,7 @@ const buttonStyles = {
} }
} }
}), }),
mobileNav: (props: Dict<never> | StyleFunctionProps) => ({ mobileNav: (props: Dict<never>) => ({
// bg: "transparent", // bg: "transparent",
fontSize: "md", fontSize: "md",
px: 2, px: 2,
@@ -152,7 +147,7 @@ const buttonStyles = {
border: "1px solid #0068ff" border: "1px solid #0068ff"
} }
}), }),
patreon: (props: Dict<never> | StyleFunctionProps) => ({ patreon: (props: Dict<never>) => ({
bg: "brand.patreon", bg: "brand.patreon",
fontSize: "lg", fontSize: "lg",
p: 3, p: 3,
@@ -164,7 +159,7 @@ const buttonStyles = {
)(props) )(props)
} }
}), }),
twitter: (props: Dict<never> | StyleFunctionProps) => ({ twitter: (props: Dict<never>) => ({
bg: "brand.twitter", bg: "brand.twitter",
fontSize: "lg", fontSize: "lg",
py: 3, py: 3,