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.85 kB
{"version":3,"file":"data-list.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/data-list/data-list.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const dataListStyle = defineComponentSlotStyle({\n base: {\n description: {},\n item: {},\n root: {\n display: \"grid\",\n w: \"fit-content\",\n },\n term: {},\n },\n\n props: {\n /**\n * The orientation of the data list.\n *\n * @default 'horizontal'\n */\n orientation: {\n horizontal: {\n item: {\n display: \"contents\",\n },\n root: {\n gridTemplateColumns: \"repeat({--col}, auto)\",\n },\n },\n vertical: {\n item: {\n display: \"flex\",\n flexDirection: \"column\",\n gap: \"xs\",\n },\n root: {\n gridTemplateColumns: \"auto\",\n },\n },\n },\n },\n\n variants: {\n bold: {\n description: {\n color: \"fg.muted\",\n },\n term: {\n fontWeight: \"semibold\",\n },\n },\n grid: {\n root: {\n borderWidth: \"1px\",\n gap: \"0\",\n rounded: \"l2\",\n },\n term: { color: \"fg.muted\" },\n },\n subtle: {\n term: { color: \"fg.muted\" },\n },\n },\n\n sizes: {\n sm: {\n root: {\n fontSize: \"xs\",\n gap: \"2\",\n },\n },\n md: {\n root: {\n fontSize: \"sm\",\n gap: \"4\",\n },\n },\n lg: {\n root: {\n fontSize: \"md\",\n gap: \"6\",\n },\n },\n },\n\n compounds: [\n {\n css: {\n item: {\n _notFirst: {\n _child: {\n borderTopWidth: \"1px\",\n },\n },\n _notFirstChild: {\n borderLeftWidth: \"1px\",\n },\n },\n },\n variant: \"grid\",\n orientation: \"horizontal\",\n },\n {\n css: {\n item: {\n gap: \"0\",\n _notFirst: {\n borderTopWidth: \"1px\",\n },\n _notFirstChild: {\n borderTopWidth: \"1px\",\n },\n },\n },\n variant: \"grid\",\n orientation: \"vertical\",\n },\n {\n css: {\n description: {\n lineHeight: \"shorter\",\n px: \"2\",\n py: \"1\",\n },\n term: {\n lineHeight: \"shorter\",\n px: \"2\",\n py: \"1\",\n },\n },\n size: \"sm\",\n variant: \"grid\",\n },\n {\n css: {\n description: {\n lineHeight: \"shorter\",\n px: \"3\",\n py: \"2\",\n },\n term: {\n lineHeight: \"shorter\",\n px: \"3\",\n py: \"2\",\n },\n },\n size: \"md\",\n variant: \"grid\",\n },\n {\n css: {\n description: {\n lineHeight: \"moderate\",\n px: \"4\",\n py: \"3\",\n },\n term: {\n lineHeight: \"moderate\",\n px: \"4\",\n py: \"3\",\n },\n },\n size: \"lg\",\n variant: \"grid\",\n },\n ],\n\n defaultProps: {\n size: \"md\",\n variant: \"subtle\",\n orientation: \"horizontal\",\n },\n})\n\nexport type DataListStyle = typeof dataListStyle\n"],"mappings":";;;AAEA,MAAa,gBAAgBA,wCAAyB;CACpD,MAAM;EACJ,aAAa,EAAE;EACf,MAAM,EAAE;EACR,MAAM;GACJ,SAAS;GACT,GAAG;GACJ;EACD,MAAM,EAAE;EACT;CAED,OAAO,EAML,aAAa;EACX,YAAY;GACV,MAAM,EACJ,SAAS,YACV;GACD,MAAM,EACJ,qBAAqB,yBACtB;GACF;EACD,UAAU;GACR,MAAM;IACJ,SAAS;IACT,eAAe;IACf,KAAK;IACN;GACD,MAAM,EACJ,qBAAqB,QACtB;GACF;EACF,EACF;CAED,UAAU;EACR,MAAM;GACJ,aAAa,EACX,OAAO,YACR;GACD,MAAM,EACJ,YAAY,YACb;GACF;EACD,MAAM;GACJ,MAAM;IACJ,aAAa;IACb,KAAK;IACL,SAAS;IACV;GACD,MAAM,EAAE,OAAO,YAAY;GAC5B;EACD,QAAQ,EACN,MAAM,EAAE,OAAO,YAAY,EAC5B;EACF;CAED,OAAO;EACL,IAAI,EACF,MAAM;GACJ,UAAU;GACV,KAAK;GACN,EACF;EACD,IAAI,EACF,MAAM;GACJ,UAAU;GACV,KAAK;GACN,EACF;EACD,IAAI,EACF,MAAM;GACJ,UAAU;GACV,KAAK;GACN,EACF;EACF;CAED,WAAW;EACT;GACE,KAAK,EACH,MAAM;IACJ,WAAW,EACT,QAAQ,EACN,gBAAgB,OACjB,EACF;IACD,gBAAgB,EACd,iBAAiB,OAClB;IACF,EACF;GACD,SAAS;GACT,aAAa;GACd;EACD;GACE,KAAK,EACH,MAAM;IACJ,KAAK;IACL,WAAW,EACT,gBAAgB,OACjB;IACD,gBAAgB,EACd,gBAAgB,OACjB;IACF,EACF;GACD,SAAS;GACT,aAAa;GACd;EACD;GACE,KAAK;IACH,aAAa;KACX,YAAY;KACZ,IAAI;KACJ,IAAI;KACL;IACD,MAAM;KACJ,YAAY;KACZ,IAAI;KACJ,IAAI;KACL;IACF;GACD,MAAM;GACN,SAAS;GACV;EACD;GACE,KAAK;IACH,aAAa;KACX,YAAY;KACZ,IAAI;KACJ,IAAI;KACL;IACD,MAAM;KACJ,YAAY;KACZ,IAAI;KACJ,IAAI;KACL;IACF;GACD,MAAM;GACN,SAAS;GACV;EACD;GACE,KAAK;IACH,aAAa;KACX,YAAY;KACZ,IAAI;KACJ,IAAI;KACL;IACD,MAAM;KACJ,YAAY;KACZ,IAAI;KACJ,IAAI;KACL;IACF;GACD,MAAM;GACN,SAAS;GACV;EACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACT,aAAa;EACd;CACF,CAAC"}