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

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

{"version":3,"file":"separator.style.cjs","names":["defineComponentStyle"],"sources":["../../../../src/components/separator/separator.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const separatorStyle = defineComponentStyle({\n  base: {\n    borderColor: \"border\",\n  },\n\n  props: {\n    /**\n     * The orientation of the divider.\n     *\n     * @default 'horizontal'\n     */\n    orientation: {\n      horizontal: {\n        borderWidth: \"0 0 {thickness} 0\",\n        w: \"full\",\n      },\n      vertical: {\n        borderWidth: \"0 0 0 {thickness}\",\n        h: \"full\",\n      },\n    },\n  },\n\n  variants: {\n    dashed: {\n      borderStyle: \"dashed\",\n    },\n    dotted: {\n      borderStyle: \"dotted\",\n    },\n    solid: {\n      borderStyle: \"solid\",\n    },\n  },\n\n  sizes: {\n    xs: {\n      \"--thickness\": \"0.5px\",\n    },\n    sm: {\n      \"--thickness\": \"1px\",\n    },\n    md: {\n      \"--thickness\": \"2px\",\n    },\n    lg: {\n      \"--thickness\": \"3px\",\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"solid\",\n    orientation: \"horizontal\",\n  },\n})\n\nexport type SeparatorStyle = typeof separatorStyle\n"],"mappings":";;;AAEA,MAAa,iBAAiBA,oCAAqB;CACjD,MAAM,EACJ,aAAa,UACd;CAED,OAAO,EAML,aAAa;EACX,YAAY;GACV,aAAa;GACb,GAAG;GACJ;EACD,UAAU;GACR,aAAa;GACb,GAAG;GACJ;EACF,EACF;CAED,UAAU;EACR,QAAQ,EACN,aAAa,UACd;EACD,QAAQ,EACN,aAAa,UACd;EACD,OAAO,EACL,aAAa,SACd;EACF;CAED,OAAO;EACL,IAAI,EACF,eAAe,SAChB;EACD,IAAI,EACF,eAAe,OAChB;EACD,IAAI,EACF,eAAe,OAChB;EACD,IAAI,EACF,eAAe,OAChB;EACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACT,aAAa;EACd;CACF,CAAC"}