UNPKG

@yamada-ui/react

Version:

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

1 lines 4.31 kB
{"version":3,"file":"stat.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/stat/stat.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const statStyle = defineComponentSlotStyle({\n base: {\n helperMessage: {\n alignItems: \"center\",\n color: \"fg.muted\",\n display: \"inline-flex\",\n },\n icon: {\n \"&[data-type='decrease']\": {\n color: \"fg.error\",\n fill: \"fg.error\",\n transform: \"rotate(180deg)\",\n },\n \"&[data-type='increase']\": {\n color: \"fg.success\",\n fill: \"fg.success\",\n },\n fontSize: \"1em\",\n me: \"1\",\n verticalAlign: \"middle\",\n },\n label: {\n color: \"fg.muted\",\n fontWeight: \"medium\",\n },\n root: {\n display: \"flex\",\n flexDirection: \"column\",\n },\n unit: {\n color: \"fg.muted\",\n fontWeight: \"initial\",\n letterSpacing: \"initial\",\n },\n value: {\n alignItems: \"baseline\",\n color: \"colorScheme.solid\",\n display: \"inline-flex\",\n fontFeatureSettings: '\"pnum\"',\n fontVariantNumeric: \"proportional-nums\",\n fontWeight: \"semibold\",\n letterSpacing: \"tight\",\n lineHeight: \"1\",\n verticalAlign: \"baseline\",\n },\n },\n\n props: {\n /**\n * If `true`, container will center its children regardless of their width.\n *\n * @default false\n */\n centerContent: {\n false: {\n root: {\n alignItems: \"flex-start\",\n },\n },\n true: {\n root: {\n alignItems: \"center\",\n },\n },\n },\n },\n\n sizes: {\n xs: {\n helperMessage: {\n fontSize: \"xs\",\n },\n label: {\n fontSize: \"sm\",\n },\n root: {\n gap: \"1\",\n },\n unit: {\n fontSize: \"sm\",\n },\n value: {\n fontSize: \"3xl\",\n gap: \"1\",\n },\n },\n sm: {\n helperMessage: {\n fontSize: \"xs\",\n },\n label: {\n fontSize: \"sm\",\n },\n root: {\n gap: \"1\",\n },\n unit: {\n fontSize: \"sm\",\n },\n value: {\n fontSize: \"4xl\",\n gap: \"1\",\n },\n },\n md: {\n helperMessage: {\n fontSize: \"sm\",\n },\n label: {\n fontSize: \"md\",\n },\n root: {\n gap: \"2\",\n },\n unit: {\n fontSize: \"md\",\n },\n value: {\n fontSize: \"5xl\",\n gap: \"1.5\",\n },\n },\n lg: {\n helperMessage: {\n fontSize: \"sm\",\n },\n label: {\n fontSize: \"md\",\n },\n root: {\n gap: \"2\",\n },\n unit: {\n fontSize: \"md\",\n },\n value: {\n fontSize: \"6xl\",\n gap: \"2\",\n },\n },\n },\n\n defaultProps: {\n size: \"md\",\n },\n})\n\nexport type StatStyle = typeof statStyle\n"],"mappings":";;;AAEA,MAAa,YAAYA,wCAAyB;CAChD,MAAM;EACJ,eAAe;GACb,YAAY;GACZ,OAAO;GACP,SAAS;GACV;EACD,MAAM;GACJ,2BAA2B;IACzB,OAAO;IACP,MAAM;IACN,WAAW;IACZ;GACD,2BAA2B;IACzB,OAAO;IACP,MAAM;IACP;GACD,UAAU;GACV,IAAI;GACJ,eAAe;GAChB;EACD,OAAO;GACL,OAAO;GACP,YAAY;GACb;EACD,MAAM;GACJ,SAAS;GACT,eAAe;GAChB;EACD,MAAM;GACJ,OAAO;GACP,YAAY;GACZ,eAAe;GAChB;EACD,OAAO;GACL,YAAY;GACZ,OAAO;GACP,SAAS;GACT,qBAAqB;GACrB,oBAAoB;GACpB,YAAY;GACZ,eAAe;GACf,YAAY;GACZ,eAAe;GAChB;EACF;CAED,OAAO,EAML,eAAe;EACb,OAAO,EACL,MAAM,EACJ,YAAY,cACb,EACF;EACD,MAAM,EACJ,MAAM,EACJ,YAAY,UACb,EACF;EACF,EACF;CAED,OAAO;EACL,IAAI;GACF,eAAe,EACb,UAAU,MACX;GACD,OAAO,EACL,UAAU,MACX;GACD,MAAM,EACJ,KAAK,KACN;GACD,MAAM,EACJ,UAAU,MACX;GACD,OAAO;IACL,UAAU;IACV,KAAK;IACN;GACF;EACD,IAAI;GACF,eAAe,EACb,UAAU,MACX;GACD,OAAO,EACL,UAAU,MACX;GACD,MAAM,EACJ,KAAK,KACN;GACD,MAAM,EACJ,UAAU,MACX;GACD,OAAO;IACL,UAAU;IACV,KAAK;IACN;GACF;EACD,IAAI;GACF,eAAe,EACb,UAAU,MACX;GACD,OAAO,EACL,UAAU,MACX;GACD,MAAM,EACJ,KAAK,KACN;GACD,MAAM,EACJ,UAAU,MACX;GACD,OAAO;IACL,UAAU;IACV,KAAK;IACN;GACF;EACD,IAAI;GACF,eAAe,EACb,UAAU,MACX;GACD,OAAO,EACL,UAAU,MACX;GACD,MAAM,EACJ,KAAK,KACN;GACD,MAAM,EACJ,UAAU,MACX;GACD,OAAO;IACL,UAAU;IACV,KAAK;IACN;GACF;EACF;CAED,cAAc,EACZ,MAAM,MACP;CACF,CAAC"}