message: feat: split and export checkbox baseStyle
diff: import { mode, multiStyleConfig } from "@chakra-ui/theme-tools"
  -const checkbox = multiStyleConfig({
  - parts: {
  +const parts = {
  control: "the main checkbox container",
  label: "the checkbox label",
  description: "the checkbox assistive text",
  icon: "the checkmark icon",
  - },
  - baseStyle: function (props) {
  +}
  +
  +const baseStyleControl = function (props: any) {
  const { colorScheme: c } = props
  +
  return {
  - control: {
  w: "100%",
  transition: "box-shadow 250ms",
  border: "2px solid",
  @@ -53,20 +53,25 @@ const checkbox = multiStyleConfig({
  _invalid: {
  borderColor: mode("red.500", "red.300")(props),
  },
  - },
  + }
  +}
  - label: {
  +const baseStyleLabel = {
  userSelect: "none",
  _disabled: { opacity: 0.4 },
  - },
  +}
  - icon: {
  +const baseStyleIcon = {
  fontSize: "0.625rem",
  - },
  }
  - },
  - sizes: {
  +const baseStyle = (props: any) => ({
  + control: baseStyleControl(props),
  + label: baseStyleLabel,
  + icon: baseStyleIcon,
  +})
  +
  +const sizes = {
  sm: {
  control: { h: 3, w: 3 },
  label: { fontSize: "sm" },
  @@ -79,12 +84,19 @@ const checkbox = multiStyleConfig({
  control: { w: 5, h: 5 },
  label: { fontSize: "lg" },
  },
  - },
  +}
  - defaultProps: {
  +const defaultProps = {
  size: "md",
  colorScheme: "blue",
  - },
  +}
  +
  +const checkbox = multiStyleConfig({
  + parts,
  + baseStyle,
  + sizes,
  + // @ts-ignore
  + defaultProps,
  })
  export default checkbox
  