@yamada-ui/react/dist/cjs/components/toggle/toggle.style.cjs.map

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion

{"version":3,"file":"toggle.style.cjs","names":["defineComponentSlotStyle","iconButtonStyle"],"sources":["../../../../src/components/toggle/toggle.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { iconButtonStyle } from \"../button\"\n\nexport const toggleStyle = defineComponentSlotStyle({\n  base: {\n    group: {},\n    root: {\n      \"--error-border-color\": \"colors.border.error\",\n      gap: \"2\",\n    },\n  },\n\n  props: {\n    /**\n     * If true, the toggle button is full rounded. Else, it'll be slightly round.\n     *\n     * @default false\n     */\n    fullRounded: {\n      true: {\n        root: {\n          rounded: \"full\",\n        },\n      },\n    },\n  },\n\n  variants: {\n    ghost: {\n      root: {\n        _checked: {\n          layerStyle: \"solid\",\n          _invalid: {\n            borderColor: \"{error-border-color}\",\n            borderWidth: \"1px\",\n          },\n        },\n        _notChecked: {\n          layerStyle: \"ghost\",\n          _hover: {\n            layerStyle: \"ghost.hover\",\n          },\n          _invalid: {\n            borderColor: \"{error-border-color}\",\n            borderWidth: \"1px\",\n          },\n        },\n      },\n    },\n    outline: {\n      root: {\n        _checked: {\n          layerStyle: \"solid\",\n          borderColor: \"colorScheme.solid\",\n          borderWidth: \"1px\",\n          _invalid: {\n            borderColor: \"{error-border-color}\",\n          },\n        },\n        _notChecked: {\n          layerStyle: \"outline\",\n          _hover: {\n            layerStyle: \"outline.hover\",\n          },\n          _invalid: {\n            borderColor: \"{error-border-color}\",\n          },\n        },\n      },\n    },\n    solid: {\n      root: {\n        _checked: {\n          layerStyle: \"subtle\",\n          _invalid: {\n            borderColor: \"{error-border-color}\",\n            borderWidth: \"1px\",\n          },\n        },\n        _notChecked: {\n          layerStyle: \"solid\",\n          _hover: {\n            layerStyle: \"solid.hover\",\n          },\n          _invalid: {\n            borderColor: \"{error-border-color}\",\n            borderWidth: \"1px\",\n          },\n        },\n      },\n    },\n    subtle: {\n      root: {\n        _checked: {\n          layerStyle: \"solid\",\n          _invalid: {\n            borderColor: \"{error-border-color}\",\n            borderWidth: \"1px\",\n          },\n        },\n        _notChecked: {\n          layerStyle: \"subtle\",\n          _hover: {\n            layerStyle: \"subtle.hover\",\n          },\n          _invalid: {\n            borderColor: \"{error-border-color}\",\n            borderWidth: \"1px\",\n          },\n        },\n      },\n    },\n    surface: {\n      root: {\n        _checked: {\n          layerStyle: \"solid\",\n          _invalid: {\n            borderColor: \"{error-border-color}\",\n          },\n        },\n        _notChecked: {\n          layerStyle: \"surface\",\n          _hover: {\n            layerStyle: \"surface.hover\",\n          },\n          _invalid: {\n            borderColor: \"{error-border-color}\",\n          },\n        },\n      },\n    },\n  },\n\n  sizes: {\n    xs: {\n      root: {\n        ...iconButtonStyle.sizes?.xs,\n        gap: \"1\",\n      },\n    },\n    sm: {\n      root: {\n        ...iconButtonStyle.sizes?.sm,\n        gap: \"2\",\n      },\n    },\n    md: {\n      root: {\n        ...iconButtonStyle.sizes?.md,\n        gap: \"2\",\n      },\n    },\n    lg: {\n      root: {\n        ...iconButtonStyle.sizes?.lg,\n        gap: \"2.5\",\n      },\n    },\n    xl: {\n      root: {\n        ...iconButtonStyle.sizes?.xl,\n        gap: \"3\",\n      },\n    },\n    \"2xl\": {\n      root: {\n        ...iconButtonStyle.sizes?.[\"2xl\"],\n        gap: \"3\",\n      },\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"ghost\",\n  },\n})\n\nexport type ToggleStyle = typeof toggleStyle\n"],"mappings":";;;;AAGA,MAAa,cAAcA,wCAAyB;CAClD,MAAM;EACJ,OAAO,EAAE;EACT,MAAM;GACJ,wBAAwB;GACxB,KAAK;GACN;EACF;CAED,OAAO,EAML,aAAa,EACX,MAAM,EACJ,MAAM,EACJ,SAAS,QACV,EACF,EACF,EACF;CAED,UAAU;EACR,OAAO,EACL,MAAM;GACJ,UAAU;IACR,YAAY;IACZ,UAAU;KACR,aAAa;KACb,aAAa;KACd;IACF;GACD,aAAa;IACX,YAAY;IACZ,QAAQ,EACN,YAAY,eACb;IACD,UAAU;KACR,aAAa;KACb,aAAa;KACd;IACF;GACF,EACF;EACD,SAAS,EACP,MAAM;GACJ,UAAU;IACR,YAAY;IACZ,aAAa;IACb,aAAa;IACb,UAAU,EACR,aAAa,wBACd;IACF;GACD,aAAa;IACX,YAAY;IACZ,QAAQ,EACN,YAAY,iBACb;IACD,UAAU,EACR,aAAa,wBACd;IACF;GACF,EACF;EACD,OAAO,EACL,MAAM;GACJ,UAAU;IACR,YAAY;IACZ,UAAU;KACR,aAAa;KACb,aAAa;KACd;IACF;GACD,aAAa;IACX,YAAY;IACZ,QAAQ,EACN,YAAY,eACb;IACD,UAAU;KACR,aAAa;KACb,aAAa;KACd;IACF;GACF,EACF;EACD,QAAQ,EACN,MAAM;GACJ,UAAU;IACR,YAAY;IACZ,UAAU;KACR,aAAa;KACb,aAAa;KACd;IACF;GACD,aAAa;IACX,YAAY;IACZ,QAAQ,EACN,YAAY,gBACb;IACD,UAAU;KACR,aAAa;KACb,aAAa;KACd;IACF;GACF,EACF;EACD,SAAS,EACP,MAAM;GACJ,UAAU;IACR,YAAY;IACZ,UAAU,EACR,aAAa,wBACd;IACF;GACD,aAAa;IACX,YAAY;IACZ,QAAQ,EACN,YAAY,iBACb;IACD,UAAU,EACR,aAAa,wBACd;IACF;GACF,EACF;EACF;CAED,OAAO;EACL,IAAI,EACF,MAAM;GACJ,GAAGC,0CAAgB,OAAO;GAC1B,KAAK;GACN,EACF;EACD,IAAI,EACF,MAAM;GACJ,GAAGA,0CAAgB,OAAO;GAC1B,KAAK;GACN,EACF;EACD,IAAI,EACF,MAAM;GACJ,GAAGA,0CAAgB,OAAO;GAC1B,KAAK;GACN,EACF;EACD,IAAI,EACF,MAAM;GACJ,GAAGA,0CAAgB,OAAO;GAC1B,KAAK;GACN,EACF;EACD,IAAI,EACF,MAAM;GACJ,GAAGA,0CAAgB,OAAO;GAC1B,KAAK;GACN,EACF;EACD,OAAO,EACL,MAAM;GACJ,GAAGA,0CAAgB,QAAQ;GAC3B,KAAK;GACN,EACF;EACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CACF,CAAC"}