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.45 kB
{"version":3,"file":"fieldset.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/fieldset/fieldset.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const fieldsetStyle = defineComponentSlotStyle({\n base: {\n content: {\n display: \"flex\",\n flexDirection: \"column\",\n w: \"full\",\n },\n errorMessage: {\n alignItems: \"center\",\n color: \"fg.error\",\n display: \"inline-flex\",\n gap: \"1\",\n },\n header: {\n display: \"flex\",\n flexDirection: \"column\",\n w: \"full\",\n },\n helperMessage: {\n alignItems: \"center\",\n color: \"fg.muted\",\n display: \"inline-flex\",\n gap: \"1\",\n },\n legend: {\n fontWeight: \"medium\",\n _disabled: {\n opacity: 0.4,\n },\n },\n root: {\n display: \"flex\",\n flexDirection: \"column\",\n w: \"full\",\n },\n },\n\n variants: {\n elevated: {\n root: {\n bg: \"bg.panel\",\n boxShadow: \"md\",\n },\n },\n outline: {\n root: {\n borderWidth: \"1px\",\n },\n },\n panel: {\n root: {\n layerStyle: \"panel\",\n },\n },\n plain: {},\n },\n\n sizes: {\n sm: {\n content: {\n gap: \"3\",\n },\n errorMessage: {\n fontSize: \"sm\",\n },\n header: {\n gap: \"1\",\n },\n helperMessage: {\n fontSize: \"sm\",\n },\n legend: {\n fontSize: \"md\",\n },\n root: {\n gap: \"3\",\n },\n },\n md: {\n content: {\n gap: \"4\",\n },\n errorMessage: {\n fontSize: \"sm\",\n },\n header: {\n gap: \"1\",\n },\n helperMessage: {\n fontSize: \"sm\",\n },\n legend: {\n fontSize: \"md\",\n },\n root: {\n gap: \"4\",\n },\n },\n lg: {\n content: {\n gap: \"6\",\n },\n errorMessage: {\n fontSize: \"md\",\n },\n header: {\n gap: \"1\",\n },\n helperMessage: {\n fontSize: \"md\",\n },\n legend: {\n fontSize: \"lg\",\n },\n root: {\n gap: \"6\",\n },\n },\n },\n\n compounds: [\n {\n css: {\n root: {\n p: \"3\",\n rounded: \"l2\",\n },\n },\n size: \"sm\",\n variant: [\"elevated\", \"outline\", \"panel\"],\n },\n {\n css: {\n root: {\n p: \"4\",\n rounded: \"l2\",\n },\n },\n size: \"md\",\n variant: [\"elevated\", \"outline\", \"panel\"],\n },\n {\n css: {\n root: {\n p: \"6\",\n rounded: \"l2\",\n },\n },\n size: \"lg\",\n variant: [\"elevated\", \"outline\", \"panel\"],\n },\n ],\n\n defaultProps: {\n size: \"md\",\n variant: \"plain\",\n },\n})\n\nexport type FieldsetStyle = typeof fieldsetStyle\n"],"mappings":";;;AAEA,MAAa,gBAAgBA,wCAAyB;CACpD,MAAM;EACJ,SAAS;GACP,SAAS;GACT,eAAe;GACf,GAAG;GACJ;EACD,cAAc;GACZ,YAAY;GACZ,OAAO;GACP,SAAS;GACT,KAAK;GACN;EACD,QAAQ;GACN,SAAS;GACT,eAAe;GACf,GAAG;GACJ;EACD,eAAe;GACb,YAAY;GACZ,OAAO;GACP,SAAS;GACT,KAAK;GACN;EACD,QAAQ;GACN,YAAY;GACZ,WAAW,EACT,SAAS,IACV;GACF;EACD,MAAM;GACJ,SAAS;GACT,eAAe;GACf,GAAG;GACJ;EACF;CAED,UAAU;EACR,UAAU,EACR,MAAM;GACJ,IAAI;GACJ,WAAW;GACZ,EACF;EACD,SAAS,EACP,MAAM,EACJ,aAAa,OACd,EACF;EACD,OAAO,EACL,MAAM,EACJ,YAAY,SACb,EACF;EACD,OAAO,EAAE;EACV;CAED,OAAO;EACL,IAAI;GACF,SAAS,EACP,KAAK,KACN;GACD,cAAc,EACZ,UAAU,MACX;GACD,QAAQ,EACN,KAAK,KACN;GACD,eAAe,EACb,UAAU,MACX;GACD,QAAQ,EACN,UAAU,MACX;GACD,MAAM,EACJ,KAAK,KACN;GACF;EACD,IAAI;GACF,SAAS,EACP,KAAK,KACN;GACD,cAAc,EACZ,UAAU,MACX;GACD,QAAQ,EACN,KAAK,KACN;GACD,eAAe,EACb,UAAU,MACX;GACD,QAAQ,EACN,UAAU,MACX;GACD,MAAM,EACJ,KAAK,KACN;GACF;EACD,IAAI;GACF,SAAS,EACP,KAAK,KACN;GACD,cAAc,EACZ,UAAU,MACX;GACD,QAAQ,EACN,KAAK,KACN;GACD,eAAe,EACb,UAAU,MACX;GACD,QAAQ,EACN,UAAU,MACX;GACD,MAAM,EACJ,KAAK,KACN;GACF;EACF;CAED,WAAW;EACT;GACE,KAAK,EACH,MAAM;IACJ,GAAG;IACH,SAAS;IACV,EACF;GACD,MAAM;GACN,SAAS;IAAC;IAAY;IAAW;IAAQ;GAC1C;EACD;GACE,KAAK,EACH,MAAM;IACJ,GAAG;IACH,SAAS;IACV,EACF;GACD,MAAM;GACN,SAAS;IAAC;IAAY;IAAW;IAAQ;GAC1C;EACD;GACE,KAAK,EACH,MAAM;IACJ,GAAG;IACH,SAAS;IACV,EACF;GACD,MAAM;GACN,SAAS;IAAC;IAAY;IAAW;IAAQ;GAC1C;EACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CACF,CAAC"}