@yamada-ui/react
Version:
React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion
1 lines • 1.54 kB
Source Map (JSON)
{"version":3,"file":"kbd.style.cjs","names":["defineComponentStyle"],"sources":["../../../../src/components/kbd/kbd.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const kbdStyle = defineComponentStyle({\n base: {\n textStyle: \"mono\",\n alignItems: \"center\",\n display: \"inline-flex\",\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 sm: {\n fontSize: \"xs\",\n lineHeight: \"{sizes.4}\",\n minH: \"4\",\n px: \"1\",\n },\n md: {\n fontSize: \"sm\",\n lineHeight: \"{sizes.5}\",\n minH: \"5\",\n px: \"1.5\",\n },\n lg: {\n fontSize: \"md\",\n lineHeight: \"{sizes.6}\",\n minH: \"6\",\n px: \"2\",\n },\n },\n\n defaultProps: {\n size: \"md\",\n variant: \"surface\",\n },\n})\n\nexport type KbdStyle = typeof kbdStyle\n"],"mappings":";;;AAEA,MAAa,WAAWA,oCAAqB;CAC3C,MAAM;EACJ,WAAW;EACX,YAAY;EACZ,SAAS;EACT,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;EACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CACF,CAAC"}