UNPKG

@yamada-ui/react

Version:

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

1 lines 1.72 kB
{"version":3,"file":"code.style.cjs","names":["defineComponentStyle"],"sources":["../../../../src/components/code/code.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const codeStyle = defineComponentStyle({\n base: {\n alignItems: \"center\",\n display: \"inline-flex\",\n fontFamily: \"mono\",\n rounded: \"l1\",\n },\n\n variants: {\n outline: {\n layerStyle: \"outline\",\n },\n solid: {\n layerStyle: \"solid\",\n },\n subtle: {\n layerStyle: \"subtle\",\n },\n surface: {\n layerStyle: \"surface\",\n },\n },\n\n sizes: {\n xs: {\n fontSize: \"2xs\",\n lineHeight: \"{sizes.4}\",\n minH: \"4\",\n px: \"1\",\n },\n sm: {\n fontSize: \"xs\",\n lineHeight: \"{sizes.5}\",\n minH: \"5\",\n px: \"1.5\",\n },\n md: {\n fontSize: \"sm\",\n lineHeight: \"{sizes.6}\",\n minH: \"6\",\n px: \"2\",\n },\n lg: {\n fontSize: \"sm\",\n lineHeight: \"{sizes.7}\",\n minH: \"7\",\n px: \"2.5\",\n },\n },\n\n defaultProps: {\n size: \"sm\",\n variant: \"subtle\",\n },\n})\n\nexport type CodeStyle = typeof codeStyle\n"],"mappings":";;;AAEA,MAAa,YAAYA,oCAAqB;CAC5C,MAAM;EACJ,YAAY;EACZ,SAAS;EACT,YAAY;EACZ,SAAS;EACV;CAED,UAAU;EACR,SAAS,EACP,YAAY,WACb;EACD,OAAO,EACL,YAAY,SACb;EACD,QAAQ,EACN,YAAY,UACb;EACD,SAAS,EACP,YAAY,WACb;EACF;CAED,OAAO;EACL,IAAI;GACF,UAAU;GACV,YAAY;GACZ,MAAM;GACN,IAAI;GACL;EACD,IAAI;GACF,UAAU;GACV,YAAY;GACZ,MAAM;GACN,IAAI;GACL;EACD,IAAI;GACF,UAAU;GACV,YAAY;GACZ,MAAM;GACN,IAAI;GACL;EACD,IAAI;GACF,UAAU;GACV,YAAY;GACZ,MAAM;GACN,IAAI;GACL;EACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CACF,CAAC"}