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

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

{"version":3,"file":"checkbox-card.style.cjs","names":["defineComponentSlotStyle","checkboxStyle","focusRingStyle"],"sources":["../../../../src/components/checkbox-card/checkbox-card.style.ts"],"sourcesContent":["import { defineComponentSlotStyle, focusRingStyle } from \"../../core\"\nimport { checkboxStyle } from \"../checkbox\"\n\nexport const checkboxCardStyle = defineComponentSlotStyle({\n  base: {\n    addon: {\n      borderColor: \"{--addon-border-color}\",\n      borderTopWidth: \"1px\",\n      fontSize: \"{description-size}\",\n      mt: \"{space-y}\",\n      pt: \"{space-y}\",\n      px: \"{space-x}\",\n    },\n    description: { color: \"fg.muted\", fontSize: \"{description-size}\" },\n    group: { w: \"full\" },\n    indicator: {\n      ...checkboxStyle.base?.indicator,\n      \"input:focus-visible + &\": {\n        _checked: focusRingStyle.outline,\n        _notChecked: {\n          borderColor: \"{focus-ring-color}\",\n        },\n      },\n      position: \"absolute\",\n      top: \"calc({space-y} + ({label-size} * 1.5 - {label-size}) / 2)\",\n    },\n    root: {\n      ...checkboxStyle.base?.root,\n      \"&:has(input:focus-visible)\": focusRingStyle.outline,\n      \"--addon-border-color\": \"{root-border-color}\",\n      \"--root-border-color\": \"colors.border\",\n      alignItems: \"stretch\",\n      borderColor: \"{--root-border-color}\",\n      borderWidth: \"1px\",\n      flexDirection: \"column\",\n      focusRingColor: \"{focus-border-color}\",\n      gap: \"1\",\n      position: \"relative\",\n      px: \"{space-x}\",\n      py: \"{space-y}\",\n      rounded: \"l2\",\n      w: \"full\",\n      _invalid: {\n        borderColor: \"{error-border-color}\",\n        focusRingColor: \"{error-border-color}\",\n      },\n    },\n  },\n\n  props: {\n    /**\n     * The justify indicator of the component\n     *\n     * @default 'start'\n     */\n    justify: {\n      end: {\n        addon: {\n          me: \"calc({bleed-size} * -1)\",\n          ms: \"calc({space-x} * -1)\",\n        },\n        indicator: { right: \"{space-x}\" },\n        root: {\n          \"&:has([data-indicator])\": {\n            \"--bleed-size\": \"calc({indicator-size} + ({space-x} * 2))\",\n          },\n          \"--bleed-size\": \"{space-x}\",\n          pe: \"{bleed-size}\",\n        },\n      },\n      start: {\n        addon: {\n          me: \"calc({space-x} * -1)\",\n          ms: \"calc({bleed-size} * -1)\",\n        },\n        indicator: { left: \"{space-x}\" },\n        root: {\n          \"&:has([data-indicator])\": {\n            \"--bleed-size\": \"calc({indicator-size} + ({space-x} * 2))\",\n          },\n          \"--bleed-size\": \"{space-x}\",\n          ps: \"{bleed-size}\",\n        },\n      },\n    },\n    /**\n     * The shape of the component\n     *\n     * @default 'circle'\n     */\n    shape: { ...checkboxStyle.props?.shape },\n  },\n\n  variants: {\n    base: {\n      indicator: {\n        color: \"colorScheme.contrast\",\n        _checked: { bg: \"colorScheme.solid\" },\n        _indeterminate: { bg: \"colorScheme.solid\" },\n      },\n      root: {\n        _checked: { \"--indicator-border-color\": \"colorScheme.solid\" },\n        _indeterminate: { \"--indicator-border-color\": \"colorScheme.solid\" },\n      },\n    },\n    outline: {\n      root: {\n        _checked: {\n          \"--root-border-color\": \"colorScheme.outline\",\n        },\n      },\n    },\n    subtle: {\n      root: {\n        _checked: {\n          \"--addon-border-color\": \"colorScheme.muted\",\n          \"--root-border-color\": \"transparent\",\n          bg: \"colorScheme.subtle\",\n        },\n      },\n    },\n    surface: {\n      root: {\n        _checked: {\n          \"--root-border-color\": \"colorScheme.muted\",\n          bg: \"colorScheme.subtle\",\n        },\n      },\n    },\n  },\n\n  sizes: {\n    sm: {\n      indicator: checkboxStyle.sizes?.sm.indicator,\n      root: {\n        ...checkboxStyle.sizes?.sm.root,\n        \"--description-size\": \"fontSizes.xs\",\n        \"--space-x\": \"spaces.3\",\n        \"--space-y\": \"spaces.2\",\n      },\n    },\n    md: {\n      indicator: checkboxStyle.sizes?.md.indicator,\n      root: {\n        ...checkboxStyle.sizes?.md.root,\n        \"--description-size\": \"fontSizes.sm\",\n        \"--space-x\": \"spaces.4\",\n        \"--space-y\": \"spaces.3\",\n      },\n    },\n    lg: {\n      indicator: checkboxStyle.sizes?.lg.indicator,\n      root: {\n        ...checkboxStyle.sizes?.lg.root,\n        \"--description-size\": \"fontSizes.md\",\n        \"--space-x\": \"spaces.5\",\n        \"--space-y\": \"spaces.4\",\n      },\n    },\n    xl: {\n      indicator: checkboxStyle.sizes?.lg.indicator,\n      root: {\n        ...checkboxStyle.sizes?.lg.root,\n        \"--description-size\": \"fontSizes.md\",\n        \"--space-x\": \"spaces.6\",\n        \"--space-y\": \"spaces.5\",\n      },\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"surface\",\n    justify: \"start\",\n    shape: \"rounded\",\n  },\n})\n\nexport type CheckboxCardStyle = typeof checkboxCardStyle\n"],"mappings":";;;;;AAGA,MAAa,oBAAoBA,wCAAyB;CACxD,MAAM;EACJ,OAAO;GACL,aAAa;GACb,gBAAgB;GAChB,UAAU;GACV,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACD,aAAa;GAAE,OAAO;GAAY,UAAU;GAAsB;EAClE,OAAO,EAAE,GAAG,QAAQ;EACpB,WAAW;GACT,GAAGC,qCAAc,MAAM;GACvB,2BAA2B;IACzB,UAAUC,kCAAe;IACzB,aAAa,EACX,aAAa,sBACd;IACF;GACD,UAAU;GACV,KAAK;GACN;EACD,MAAM;GACJ,GAAGD,qCAAc,MAAM;GACvB,8BAA8BC,kCAAe;GAC7C,wBAAwB;GACxB,uBAAuB;GACvB,YAAY;GACZ,aAAa;GACb,aAAa;GACb,eAAe;GACf,gBAAgB;GAChB,KAAK;GACL,UAAU;GACV,IAAI;GACJ,IAAI;GACJ,SAAS;GACT,GAAG;GACH,UAAU;IACR,aAAa;IACb,gBAAgB;IACjB;GACF;EACF;CAED,OAAO;EAML,SAAS;GACP,KAAK;IACH,OAAO;KACL,IAAI;KACJ,IAAI;KACL;IACD,WAAW,EAAE,OAAO,aAAa;IACjC,MAAM;KACJ,2BAA2B,EACzB,gBAAgB,4CACjB;KACD,gBAAgB;KAChB,IAAI;KACL;IACF;GACD,OAAO;IACL,OAAO;KACL,IAAI;KACJ,IAAI;KACL;IACD,WAAW,EAAE,MAAM,aAAa;IAChC,MAAM;KACJ,2BAA2B,EACzB,gBAAgB,4CACjB;KACD,gBAAgB;KAChB,IAAI;KACL;IACF;GACF;EAMD,OAAO,EAAE,GAAGD,qCAAc,OAAO,OAAO;EACzC;CAED,UAAU;EACR,MAAM;GACJ,WAAW;IACT,OAAO;IACP,UAAU,EAAE,IAAI,qBAAqB;IACrC,gBAAgB,EAAE,IAAI,qBAAqB;IAC5C;GACD,MAAM;IACJ,UAAU,EAAE,4BAA4B,qBAAqB;IAC7D,gBAAgB,EAAE,4BAA4B,qBAAqB;IACpE;GACF;EACD,SAAS,EACP,MAAM,EACJ,UAAU,EACR,uBAAuB,uBACxB,EACF,EACF;EACD,QAAQ,EACN,MAAM,EACJ,UAAU;GACR,wBAAwB;GACxB,uBAAuB;GACvB,IAAI;GACL,EACF,EACF;EACD,SAAS,EACP,MAAM,EACJ,UAAU;GACR,uBAAuB;GACvB,IAAI;GACL,EACF,EACF;EACF;CAED,OAAO;EACL,IAAI;GACF,WAAWA,qCAAc,OAAO,GAAG;GACnC,MAAM;IACJ,GAAGA,qCAAc,OAAO,GAAG;IAC3B,sBAAsB;IACtB,aAAa;IACb,aAAa;IACd;GACF;EACD,IAAI;GACF,WAAWA,qCAAc,OAAO,GAAG;GACnC,MAAM;IACJ,GAAGA,qCAAc,OAAO,GAAG;IAC3B,sBAAsB;IACtB,aAAa;IACb,aAAa;IACd;GACF;EACD,IAAI;GACF,WAAWA,qCAAc,OAAO,GAAG;GACnC,MAAM;IACJ,GAAGA,qCAAc,OAAO,GAAG;IAC3B,sBAAsB;IACtB,aAAa;IACb,aAAa;IACd;GACF;EACD,IAAI;GACF,WAAWA,qCAAc,OAAO,GAAG;GACnC,MAAM;IACJ,GAAGA,qCAAc,OAAO,GAAG;IAC3B,sBAAsB;IACtB,aAAa;IACb,aAAa;IACd;GACF;EACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACT,SAAS;EACT,OAAO;EACR;CACF,CAAC"}