@yamada-ui/react
Version:
React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion
1 lines • 1.97 kB
Source Map (JSON)
{"version":3,"file":"badge.style.cjs","names":["defineComponentStyle"],"sources":["../../../../src/components/badge/badge.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const badgeStyle = defineComponentStyle({\n base: {\n alignItems: \"center\",\n display: \"inline-flex\",\n fontWeight: \"medium\",\n rounded: \"l1\",\n textTransform: \"uppercase\",\n verticalAlign: \"middle\",\n whiteSpace: \"nowrap\",\n },\n\n props: {\n /**\n * If `true`, the button is full rounded. Else, it'll be slightly round.\n *\n * @default false\n */\n fullRounded: {\n true: {\n rounded: \"full\",\n },\n },\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.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: \"md\",\n lineHeight: \"{sizes.7}\",\n minH: \"7\",\n px: \"2.5\",\n },\n },\n\n defaultProps: {\n size: \"sm\",\n variant: \"outline\",\n },\n})\n\nexport type BadgeStyle = typeof badgeStyle\n"],"mappings":";;;AAEA,MAAa,aAAaA,oCAAqB;CAC7C,MAAM;EACJ,YAAY;EACZ,SAAS;EACT,YAAY;EACZ,SAAS;EACT,eAAe;EACf,eAAe;EACf,YAAY;EACb;CAED,OAAO,EAML,aAAa,EACX,MAAM,EACJ,SAAS,QACV,EACF,EACF;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"}