message: feat: split and export stat baseStyle
diff: import { multiStyleConfig } from "@chakra-ui/theme-tools"
  -const stat = multiStyleConfig({
  - parts: {
  +const parts = {
  label: "the stat label",
  number: "the numeric value of the stat",
  icon: "the stat icon, if used",
  helpText: "the stat description text",
  - },
  +}
  - baseStyle: {
  - label: {
  +const baseStyleLabel = {
  fontWeight: "medium",
  - },
  - helpText: {
  +}
  +
  +const baseStyleHelpText = {
  opacity: 0.8,
  marginBottom: 2,
  - },
  - number: {
  +}
  +
  +const baseStyleNumber = {
  verticalAlign: "baseline",
  fontWeight: "semibold",
  - },
  - icon: {
  +}
  +
  +const baseStyleIcon = {
  mr: 1,
  w: "14px",
  h: "14px",
  verticalAlign: "middle",
  - },
  - },
  +}
  - sizes: {
  +const baseStyle = {
  + label: baseStyleLabel,
  + helpText: baseStyleHelpText,
  + number: baseStyleNumber,
  + icon: baseStyleIcon,
  +}
  +
  +const sizes = {
  md: {
  label: { fontSize: "sm" },
  helpText: { fontSize: "sm" },
  number: { fontSize: "2xl" },
  },
  - },
  +}
  - defaultProps: {
  +const defaultProps = {
  size: "md",
  - },
  +}
  +
  +const stat = multiStyleConfig({
  + parts,
  + baseStyle,
  + sizes,
  + // @ts-ignore
  + defaultProps,
  })
  +export const statStyles = {
  + parts,
  + baseStyleHelpText,
  + baseStyleIcon,
  + baseStyleLabel,
  + baseStyleNumber,
  + sizes,
  + defaultProps,
  +}
  +
  export default stat
  